/* Trajectory + Reward Garage — GT3 RS cockpit styling on the existing token system.
   Palette: graphite/navy panels, electric-blue primaries, restrained red locks. */

:root{
  --tj-blue:#35a3ff;
  --tj-blue-deep:#176ec8;
  --tj-blue-glow:rgba(53,163,255,.35);
  --tj-red:#ff3b4f;
  --tj-red-soft:rgba(255,59,79,.14);
  --tj-green:#44d18d;
  --tj-carbon:linear-gradient(145deg,rgba(20,42,65,.97),rgba(12,27,44,.98));
}

/* ══ shared: modal, chips, forms ══════════════════════════════ */
.rg-modal-overlay{position:fixed;inset:0;z-index:9200;background:rgba(2,8,15,.7);backdrop-filter:blur(10px);
  display:grid;place-items:center;padding:16px;overflow:auto}
.rg-modal{width:min(680px,100%);max-height:min(860px,94vh);overflow:auto;border:1px solid rgba(91,171,244,.42);
  border-radius:20px;background:var(--tj-carbon);box-shadow:0 30px 90px rgba(0,0,0,.5);padding:20px;color:var(--text-primary,#f7fbff)}
.rg-modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.rg-modal-head h3{margin:0;font-size:20px}
.rg-close{border:1px solid #3a6388;background:#142b43;color:#c9d9e8;border-radius:10px;min-width:44px;min-height:44px;cursor:pointer;font-size:18px}
.rg-close:hover{border-color:var(--tj-blue);color:#fff}
.rg-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rg-form-grid label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--text-secondary,#bfd0e2);font-weight:600}
.rg-form-grid .rg-span2{grid-column:1/-1}
.rg-form-grid input,.rg-form-grid select,.rg-form-grid textarea{
  border:1px solid #315a80;border-radius:10px;background:linear-gradient(180deg,#102237,#132a42);
  color:#f2f8ff;padding:10px 12px;font:inherit;min-height:24px}
.rg-form-grid input:focus-visible,.rg-form-grid select:focus-visible,.rg-form-grid textarea:focus-visible,
.rg-chip:focus-visible,.rg-redeem:focus-visible,.rg-edit:focus-visible,button:focus-visible{
  outline:2px solid var(--tj-blue);outline-offset:2px}
.rg-check{flex-direction:row!important;align-items:center;gap:8px!important}
.rg-check input{min-height:20px;width:20px;accent-color:var(--tj-blue)}
.rg-errors{border:1px solid rgba(255,59,79,.5);border-radius:12px;background:var(--tj-red-soft);color:#ffb0b9;
  padding:10px 14px;margin-bottom:12px;font-size:12px}
.rg-errors p{margin:3px 0}
.rg-modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;align-items:center}
.rg-modal-actions .rg-modal-spacer{flex:1}
.rg-modal-actions button{border:1px solid #3a6388;background:#142b43;color:#d4e2ef;border-radius:11px;
  padding:11px 16px;min-height:44px;font-weight:700;font-size:12px;cursor:pointer}
.rg-modal-actions button:hover{border-color:var(--tj-blue);color:#fff}
.rg-modal-actions .btn-gold{background:linear-gradient(135deg,var(--tj-blue-deep),var(--tj-blue));border-color:rgba(86,170,255,.55);color:#fff}
.rg-danger{border-color:rgba(255,59,79,.55)!important;color:#ff8290!important;background:var(--tj-red-soft)!important}
.rg-danger-soft{border-color:rgba(255,59,79,.3)!important;color:#e0a5ac!important}
.rg-budget-note{font-size:11px;color:var(--text-muted,#8ea5bd);line-height:1.55;margin:10px 0 0}
.rg-empty{color:var(--text-muted,#8ea5bd);font-size:13px;padding:14px 4px}
.rg-pos{color:#70dfa6}
.rg-neg{color:#ff8390}
.tj-x{border:none;background:transparent;color:#8ea5bd;font-size:15px;cursor:pointer;min-width:32px;min-height:32px;border-radius:8px}
.tj-x:hover{color:#ff8290;background:rgba(255,59,79,.1)}
.rg-order{display:inline-flex;gap:4px}
.rg-order button{border:1px solid #315a80;background:#122844;color:#a9c2da;border-radius:8px;min-width:34px;min-height:34px;cursor:pointer}
.rg-order button:hover{border-color:var(--tj-blue);color:#fff}

/* ══ Reward Garage ════════════════════════════════════════════ */
#rewardsPanel{padding:4px 2px 40px}
.rg-header{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end;justify-content:space-between;
  border:1px solid rgba(92,164,226,.34);border-radius:20px;background:var(--tj-carbon);
  box-shadow:0 16px 36px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.055);padding:20px;margin-bottom:14px}
.rg-head-copy h2{margin:0 0 6px;font-size:24px}
.rg-head-copy p{margin:0;max-width:52ch;color:var(--text-secondary,#bfd0e2);font-size:13px;line-height:1.55}
.rg-gauges{display:flex;flex-wrap:wrap;gap:10px}
.rg-gauge{border:1px solid rgba(91,171,244,.3);border-radius:14px;background:rgba(6,17,29,.5);
  padding:10px 16px;display:flex;flex-direction:column;min-width:96px}
.rg-gauge-num{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;color:#fff}
.rg-gauge-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted,#8ea5bd)}
.rg-gauge-next .rg-gauge-num{color:var(--tj-blue)}
.rg-add{border-radius:12px;padding:12px 18px;min-height:44px;font-weight:800;cursor:pointer;
  background:linear-gradient(135deg,var(--tj-blue-deep),var(--tj-blue));border:1px solid rgba(86,170,255,.55);color:#fff;
  box-shadow:0 0 22px var(--tj-blue-glow)}
.rg-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;align-items:center}
.rg-chip{border:1px solid #315a80;background:#122844;color:#b8cde1;border-radius:999px;
  padding:9px 15px;min-height:38px;font-size:12px;font-weight:700;cursor:pointer}
.rg-chip.on{background:rgba(53,163,255,.18);border-color:var(--tj-blue);color:#fff;box-shadow:0 0 14px var(--tj-blue-glow)}
.rg-cat-filter{border:1px solid #315a80;border-radius:999px;background:#122844;color:#b8cde1;padding:9px 13px;min-height:38px;font:inherit;font-size:12px;max-width:200px}
.rg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;margin-bottom:20px}
.rg-card{border:1px solid rgba(92,164,226,.34);border-radius:18px;background:var(--tj-carbon);overflow:hidden;
  display:flex;flex-direction:column;box-shadow:0 16px 36px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.055)}
.rg-card.rg-locked{border-color:rgba(255,59,79,.28)}
.rg-card.rg-archived{opacity:.6}
.rg-card-media{height:120px;background:linear-gradient(135deg,#0d1e33,#12283f);display:grid;place-items:center;overflow:hidden}
.rg-card-media img{width:100%;height:100%;object-fit:cover}
.rg-media-fail img{display:none}
.rg-card-icon{font-size:42px}
.rg-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.rg-card-top{display:flex;justify-content:space-between;gap:10px;align-items:start}
.rg-card-top h3{margin:0;font-size:15px}
.rg-state{font-size:10px;font-weight:800;letter-spacing:.06em;border-radius:999px;padding:4px 10px;white-space:nowrap}
.rg-state-open{color:#7ce3ad;background:rgba(68,209,141,.14);border:1px solid rgba(68,209,141,.4)}
.rg-state-locked{color:#ff8290;background:var(--tj-red-soft);border:1px solid rgba(255,59,79,.4)}
.rg-card-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:10px;color:var(--text-muted,#8ea5bd)}
.rg-cat,.rg-flag{border:1px solid rgba(91,171,244,.25);border-radius:999px;padding:3px 9px}
.rg-cost{border:1px solid rgba(91,171,244,.45);border-radius:999px;padding:3px 9px;color:var(--tj-blue);font-weight:800}
.rg-desc{margin:0;font-size:12px;color:var(--text-secondary,#bfd0e2);line-height:1.5}
.rg-blocked-note{margin:0;font-size:11px;color:#ff9aa5}
.rg-progress{height:6px;border-radius:999px;background:rgba(9,22,37,.9);border:1px solid rgba(91,171,244,.2);overflow:hidden}
.rg-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--tj-blue-deep),var(--tj-blue));box-shadow:0 0 10px var(--tj-blue-glow)}
.rg-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;align-items:center}
.rg-redeem{border:1px solid rgba(86,170,255,.55);background:linear-gradient(135deg,var(--tj-blue-deep),var(--tj-blue));
  color:#fff;border-radius:10px;padding:10px 16px;min-height:44px;font-size:12px;font-weight:800;cursor:pointer}
.rg-redeem:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.rg-edit{border:1px solid #315a80;background:#122844;color:#c3d6e8;border-radius:10px;padding:10px 14px;min-height:44px;font-size:12px;font-weight:700;cursor:pointer}
.rg-edit:hover{border-color:var(--tj-blue);color:#fff}
.rg-ledger{margin-top:8px}
.rg-ledger-head,.rg-ledger-row{display:grid;grid-template-columns:92px 1fr 70px 70px;gap:10px;
  padding:8px 2px;font-size:12px;border-bottom:1px solid rgba(115,167,211,.12);align-items:center}
.rg-ledger-head{color:var(--text-muted,#8ea5bd);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.rg-ledger-date{color:var(--text-muted,#8ea5bd);font-variant-numeric:tabular-nums}
.rg-ledger-label{color:var(--text-secondary,#bfd0e2)}
.rg-ledger-bal{text-align:right;color:var(--text-muted,#8ea5bd);font-variant-numeric:tabular-nums}
.rg-ledger-row b{text-align:right;font-variant-numeric:tabular-nums}

/* ══ Trajectory ═══════════════════════════════════════════════ */
#trajectoryPanel{padding:4px 2px 40px}
.tj-kicker{font-size:10px;letter-spacing:.2em;font-weight:800;color:var(--tj-blue);margin:0 0 8px}
.tj-hero{position:relative;border:1px solid rgba(92,164,226,.4);border-radius:24px;overflow:hidden;
  background:radial-gradient(circle at 80% 0%,rgba(53,163,255,.22),transparent 26rem),
             radial-gradient(circle at 6% 100%,rgba(255,59,79,.08),transparent 20rem),
             linear-gradient(150deg,#0a1626,#0e2138 55%,#091320);
  margin-bottom:18px;background-size:cover;background-position:center}
.tj-hero-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,10,18,.55),rgba(4,10,18,.82));pointer-events:none}
.tj-hero.has-image .tj-hero-scrim{background:linear-gradient(180deg,rgba(4,10,18,.66),rgba(4,10,18,.9))}
.tj-hero-inner{position:relative;padding:38px 30px 30px;z-index:1}
.tj-north-star{margin:0 0 18px;font-size:clamp(20px,3.4vw,32px);line-height:1.3;max-width:30ch;color:#fff;
  text-shadow:0 2px 18px rgba(0,0,0,.6)}
.tj-hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.tj-hero-chip{border:1px solid rgba(91,171,244,.35);border-radius:12px;background:rgba(6,15,26,.72);
  padding:8px 14px;display:flex;flex-direction:column;gap:1px}
.tj-hero-chip small{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted,#8ea5bd)}
.tj-hero-chip b{font-size:13px;color:#fff}
.tj-hero-edit{border:1px solid #315a80;background:rgba(9,22,38,.8);color:#c3d6e8;border-radius:10px;
  padding:10px 16px;min-height:44px;font-size:12px;font-weight:700;cursor:pointer}
.tj-hero-edit:hover{border-color:var(--tj-blue);color:#fff}
.tj-roadmap{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0 14px;row-gap:14px;
  align-items:stretch;position:relative}
.tj-connector{display:none}
.tj-stage-card{border:1px solid rgba(92,164,226,.34);border-radius:18px;background:var(--tj-carbon);overflow:hidden;
  display:flex;flex-direction:column;box-shadow:0 16px 36px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.055)}
.tj-stage-card.status-active{border-color:rgba(53,163,255,.65);box-shadow:0 0 26px rgba(53,163,255,.16),0 16px 36px rgba(0,0,0,.25)}
.tj-stage-card.status-completed,.tj-stage-card.status-stewarding{border-color:rgba(68,209,141,.4)}
.tj-stage-media{height:110px;overflow:hidden}
.tj-stage-media img{width:100%;height:100%;object-fit:cover}
.tj-stage-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.tj-stage-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.tj-stage-num{font-size:22px;font-weight:800;color:rgba(140,180,220,.45);font-variant-numeric:tabular-nums}
.tj-status{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;
  padding:4px 10px;border:1px solid rgba(91,171,244,.35);color:#9ecdfb;background:rgba(53,163,255,.1);white-space:nowrap}
.status-active .tj-status{color:#fff;border-color:var(--tj-blue);background:rgba(53,163,255,.24)}
.status-completed .tj-status,.status-stewarding .tj-status{color:#7ce3ad;border-color:rgba(68,209,141,.4);background:rgba(68,209,141,.12)}
.status-released .tj-status{color:#c9b7ba;border-color:rgba(255,59,79,.3);background:rgba(255,59,79,.06)}
.tj-stage-body h3{margin:0;font-size:16px}
.tj-stage-sub{margin:0;font-size:12px;color:var(--text-secondary,#bfd0e2);line-height:1.5}
.tj-aspiration{margin:0;font-size:12px;color:var(--tj-blue);font-weight:700;line-height:1.45}
.tj-bars{display:flex;flex-direction:column;gap:6px}
.tj-bars-wide{margin-bottom:14px}
.tj-bar small{font-size:10px;color:var(--text-muted,#8ea5bd);letter-spacing:.05em}
.tj-bar-track{height:6px;border-radius:999px;background:rgba(9,22,37,.9);border:1px solid rgba(91,171,244,.2);overflow:hidden;margin-top:3px}
.tj-bar-track span{display:block;height:100%;background:linear-gradient(90deg,var(--tj-blue-deep),var(--tj-blue));box-shadow:0 0 10px var(--tj-blue-glow)}
.tj-bar-ready span{background:linear-gradient(90deg,#2b8f68,var(--tj-green));box-shadow:0 0 10px rgba(68,209,141,.3)}
.tj-ms-count{margin:0;font-size:11px;color:var(--text-muted,#8ea5bd)}
.tj-stage-actions{display:flex;gap:8px;align-items:center;margin-top:auto}
.tj-stage-actions .btn-gold{border-radius:10px;padding:10px 16px;min-height:44px;font-size:12px;font-weight:800;cursor:pointer;
  background:linear-gradient(135deg,var(--tj-blue-deep),var(--tj-blue));border:1px solid rgba(86,170,255,.55);color:#fff}
.tj-add-wrap{display:grid;place-items:center;min-height:120px}
.tj-add-stage{border:1px dashed rgba(91,171,244,.45);background:rgba(9,22,38,.4);color:#9ecdfb;border-radius:16px;
  padding:18px 26px;min-height:44px;font-size:13px;font-weight:700;cursor:pointer;width:100%;height:100%}
.tj-add-stage:hover{border-color:var(--tj-blue);color:#fff}

/* stage workspace */
.tj-back{border:1px solid #315a80;background:#122844;color:#c3d6e8;border-radius:10px;padding:10px 16px;
  min-height:44px;font-size:12px;font-weight:700;cursor:pointer;margin-bottom:12px}
.tj-back:hover{border-color:var(--tj-blue);color:#fff}
.tj-ws-banner{position:relative;height:180px;border-radius:18px;overflow:hidden;margin-bottom:14px;border:1px solid rgba(92,164,226,.34)}
.tj-ws-banner img{width:100%;height:100%;object-fit:cover}
.tj-ws-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;margin-bottom:16px;align-items:flex-start}
.tj-ws-head h2{margin:6px 0 6px;font-size:24px}
.tj-ws-actions{display:flex;flex-wrap:wrap;gap:8px}
.tj-ws-actions button{border:1px solid #315a80;background:#122844;color:#c3d6e8;border-radius:10px;
  padding:10px 14px;min-height:44px;font-size:12px;font-weight:700;cursor:pointer}
.tj-ws-actions button:hover{border-color:var(--tj-blue);color:#fff}
.tj-ws-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px;align-items:start}
.tj-section h3{margin:0 0 10px}
.tj-section h4{margin:14px 0 6px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted,#8ea5bd)}
.tj-field{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--text-secondary,#bfd0e2);font-weight:600;margin-bottom:10px}
.tj-field textarea{border:1px solid #315a80;border-radius:10px;background:linear-gradient(180deg,#102237,#132a42);
  color:#f2f8ff;padding:10px 12px;font:inherit;resize:vertical}
.tj-note{font-size:11px;color:var(--text-muted,#8ea5bd);line-height:1.5;margin:0 0 10px}
.tj-focus{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.tj-focus li{border:1px solid rgba(91,171,244,.3);border-radius:999px;background:rgba(53,163,255,.08);
  padding:6px 6px 6px 12px;font-size:12px;display:inline-flex;align-items:center;gap:2px}
.tj-inline-add{display:flex;gap:8px;margin-top:8px}
.tj-inline-add input,.tj-inline-add select{flex:1;border:1px solid #315a80;border-radius:10px;
  background:linear-gradient(180deg,#102237,#132a42);color:#f2f8ff;padding:10px 12px;font:inherit;min-width:0}
.tj-inline-add button{border:1px solid rgba(86,170,255,.55);background:linear-gradient(135deg,var(--tj-blue-deep),var(--tj-blue));
  color:#fff;border-radius:10px;padding:10px 16px;min-height:44px;font-size:12px;font-weight:800;cursor:pointer}
.tj-gates{list-style:none;margin:0;padding:0}
.tj-gates li{display:flex;align-items:center;gap:6px;border-bottom:1px solid rgba(115,167,211,.12);padding:6px 0}
.tj-gate{display:flex;align-items:center;gap:9px;font-size:13px;flex:1;cursor:pointer;color:var(--text-secondary,#bfd0e2)}
.tj-gate input{width:20px;height:20px;accent-color:var(--tj-blue)}
.tj-gate.met span{color:#7ce3ad}
.tj-check-row{display:flex;align-items:center;gap:8px;font-size:12px;margin:5px 0;color:var(--text-secondary,#bfd0e2)}
.tj-check-row em{margin-left:auto;font-style:normal;font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.tj-check-row.met em{color:#7ce3ad}
.tj-check-row.unmet em{color:#ff8290}
.tj-check-row.met span{color:#7ce3ad}
.tj-rules{margin-top:12px;border-top:1px solid rgba(115,167,211,.14);padding-top:10px}
.tj-rules summary{cursor:pointer;font-size:12px;color:#9ecdfb;font-weight:700;padding:6px 0}
.tj-rules .rg-form-grid{margin-top:10px}
.tj-ms-list{list-style:none;margin:0 0 12px;padding:0}
.tj-ms{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border-bottom:1px solid rgba(115,167,211,.12);padding:9px 0}
.tj-ms.done .tj-ms-title{color:#7ce3ad;text-decoration:line-through;text-decoration-color:rgba(124,227,173,.5)}
.tj-ms-main{display:flex;align-items:center;gap:9px;flex:1;min-width:180px;cursor:pointer;font-size:13px}
.tj-ms-main input{width:20px;height:20px;accent-color:var(--tj-green)}
.tj-ms-meta{display:flex;gap:6px;font-size:10px;color:var(--text-muted,#8ea5bd);align-items:center;flex-wrap:wrap}
.tj-ms-type{border:1px solid rgba(91,171,244,.3);border-radius:999px;padding:2px 8px}
.tj-ms-req{color:#ff9aa5;border:1px solid rgba(255,59,79,.35);border-radius:999px;padding:2px 8px}
.tj-ms-opt{border:1px solid rgba(115,167,211,.3);border-radius:999px;padding:2px 8px}
.tj-ms-progress{font-size:11px;color:var(--text-secondary,#bfd0e2);display:inline-flex;align-items:center;gap:5px}
.tj-ms-progress input{width:74px;border:1px solid #315a80;border-radius:8px;background:#102237;color:#f2f8ff;padding:6px 8px;font:inherit;font-size:11px}
.tj-ms-actions{display:inline-flex;gap:4px;align-items:center}
.tj-ms-actions button{border:1px solid #315a80;background:#122844;color:#a9c2da;border-radius:8px;min-width:34px;min-height:34px;cursor:pointer;font-size:11px;padding:0 8px}
.tj-ms-actions button:hover{border-color:var(--tj-blue);color:#fff}
.tj-sys-list{list-style:none;margin:0 0 10px;padding:0}
.tj-sys{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border-bottom:1px solid rgba(115,167,211,.12);padding:9px 0}
.tj-sys-name{flex:1;min-width:150px;font-size:13px}
.tj-sys-name small{color:var(--text-muted,#8ea5bd);font-size:10px}
.tj-sys-credits{display:inline-flex;gap:8px}
.tj-sys-credits label{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--text-muted,#8ea5bd)}
.tj-sys-credits input{width:56px;border:1px solid #315a80;border-radius:8px;background:#102237;color:#f2f8ff;padding:6px 7px;font:inherit;font-size:11px}
.tj-asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-bottom:12px}
.tj-asset{border:1px solid rgba(92,164,226,.28);border-radius:14px;background:rgba(8,19,32,.5);overflow:hidden;display:flex;flex-direction:column}
.tj-asset-media{height:100px;overflow:hidden}
.tj-asset-media img{width:100%;height:100%;object-fit:cover}
.tj-asset-body{padding:12px;display:flex;flex-direction:column;gap:6px;flex:1}
.tj-asset-meta{margin:0;font-size:11px;color:var(--text-muted,#8ea5bd)}
.tj-asset .rg-card-actions button{border:1px solid #315a80;background:#122844;color:#a9c2da;border-radius:8px;min-height:34px;padding:6px 10px;font-size:11px;cursor:pointer}
.tj-ready-row{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;border-bottom:1px solid rgba(115,167,211,.1);padding:9px 0}
.tj-ready-label{font-size:12px;color:var(--text-secondary,#bfd0e2)}
.tj-ready-label b{color:var(--tj-blue)}
.tj-ready-row input[type="range"]{grid-column:1/-1;width:100%;accent-color:var(--tj-blue);min-height:28px}
.tj-ready-auto{font-size:10px!important;color:var(--text-muted,#8ea5bd)!important}
.tj-ready-note{grid-column:1/-1;border:1px solid #315a80;border-radius:8px;background:#102237;color:#f2f8ff;padding:7px 10px;font:inherit;font-size:11px}

/* dashboard preview card */
.tj-dash-card{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;
  border:1px solid rgba(92,164,226,.34);border-radius:18px;background:var(--tj-carbon);
  box-shadow:0 16px 36px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.055);padding:16px 18px;margin:0 0 14px}
.tj-dash-copy{display:flex;flex-direction:column;gap:3px}
.tj-dash-copy b{font-size:15px}
.tj-dash-next,.tj-dash-sys{font-size:11px;color:var(--text-secondary,#bfd0e2)}
.tj-dash-side{display:flex;align-items:center;gap:14px}
.tj-dash-side .tj-bar{min-width:130px}
.tj-dash-side .btn-gold{border-radius:10px;padding:10px 16px;min-height:44px;font-size:12px;font-weight:800;cursor:pointer;
  background:linear-gradient(135deg,var(--tj-blue-deep),var(--tj-blue));border:1px solid rgba(86,170,255,.55);color:#fff}

/* ══ responsive ═══════════════════════════════════════════════ */
@media(max-width:760px){
  .rg-grid{grid-template-columns:1fr}
  .rg-form-grid{grid-template-columns:1fr}
  .rg-header{flex-direction:column;align-items:stretch}
  .rg-add{width:100%}
  .rg-ledger-head,.rg-ledger-row{grid-template-columns:72px 1fr 58px 52px;font-size:11px}
  .tj-roadmap{grid-template-columns:1fr}
  .tj-ws-grid{grid-template-columns:1fr}
  .tj-hero-inner{padding:26px 18px 22px}
  .tj-ws-actions{width:100%}
  .tj-ws-actions button{flex:1;min-width:110px}
  .tj-dash-side{width:100%;justify-content:space-between}
  .rg-modal{width:100%;max-height:96vh;border-radius:16px;padding:16px}
}
@media(prefers-reduced-motion:no-preference){
  .rg-card,.tj-stage-card{transition:border-color .2s ease,box-shadow .25s ease}
  .rg-card:hover,.tj-stage-card:hover{border-color:rgba(53,163,255,.6)}
}
@media(prefers-reduced-motion:reduce){
  .rg-card,.tj-stage-card,.rg-progress span,.tj-bar-track span{transition:none!important}
}