/* ═══ TitleScout bento shell v2 — design tokens & chrome ═══ */
:root{
  --ink:#0B1D35; --ink2:#122A4C; --paper:#F3F5F9; --card:#FFFFFF;
  --line:#E4E8F0; --text:#24344D; --muted:#64748B; --faint:#93A1B5;
  --ts-green:#2E7D32; --ts-green-soft:#E8F3EA;
  --bank:#2E7D32; --bank-soft:#E8F3EA; --bank-ink:#1E5A22;
  --amber:#B45309; --amber-soft:#FBF1DF; --red:#B3261E; --red-soft:#FBEAE8;
  --r:20px; --shadow:0 1px 2px rgba(11,29,53,.04),0 8px 24px rgba(11,29,53,.06);
  --shadow-lift:0 2px 4px rgba(11,29,53,.06),0 16px 40px rgba(11,29,53,.10);
  --disp:'Poppins',system-ui,sans-serif; --bodyf:'Source Sans 3',system-ui,sans-serif;
  --mono:'Spline Sans Mono',ui-monospace,monospace;
}
html,body{background:var(--paper)!important}
body.bento{
  font-family:var(--bodyf);color:var(--text);font-size:14.5px;
  -webkit-font-smoothing:antialiased;
}
.bento h1,.bento h2,.bento h3,.bento .btn{font-family:var(--disp)}

/* layout frame */
.bt-app{display:flex;min-height:100vh}
.bt-side{width:238px;color:#B7C6DA;display:flex;flex-direction:column;
  padding:24px 14px 18px;gap:4px;flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto;
  background:linear-gradient(178deg,#0B1D35 0%,#0A1832 52%,#0C2244 100%);
  box-shadow:inset -1px 0 0 rgba(255,255,255,.06)}
.bt-main{flex:1;padding:30px 36px 56px;min-width:0;
  background:
    radial-gradient(920px 380px at 12% -120px, color-mix(in srgb, var(--bank) 8%, transparent), transparent 62%),
    radial-gradient(700px 300px at 96% -60px, color-mix(in srgb, var(--ink) 5%, transparent), transparent 55%),
    var(--paper)}
.bt-wrap{max-width:1220px;margin:0 auto}
@media(max-width:820px){.bt-side{display:none}.bt-main{padding:16px}}

/* brand + workspace chip */
.bt-brand{display:flex;align-items:center;gap:11px;padding:2px 8px 18px;text-decoration:none}
.bt-brand img{height:34px;width:auto;border-radius:9px;background:#fff;padding:3px;
  box-shadow:0 2px 10px rgba(0,0,0,.35)}
.bt-brand .nm{font-family:var(--disp);font-weight:700;font-size:17.5px;color:#fff;letter-spacing:-.01em}
.bt-brand .nm em{font-style:normal;color:#6FBF73}
.bt-ws{margin:0 6px 18px;padding:11px 13px;border-radius:14px;position:relative;overflow:hidden;
  background:linear-gradient(135deg, color-mix(in srgb, var(--bank) 26%, #122A4C), #122A4C 70%);
  border:1px solid color-mix(in srgb, var(--bank) 45%, #223D63)}
.bt-ws::after{content:"";position:absolute;right:-22px;top:-22px;width:74px;height:74px;border-radius:50%;
  background:color-mix(in srgb, var(--bank) 32%, transparent);filter:blur(2px)}
.bt-ws .b{font-family:var(--disp);font-weight:600;font-size:13px;color:#fff;display:flex;align-items:center;gap:8px;position:relative}
.bt-ws .dot{width:9px;height:9px;border-radius:50%;background:#fff;
  box-shadow:0 0 0 3px rgba(255,255,255,.22)}
.bt-ws .s{font-size:9.5px;color:#C9D6E8;letter-spacing:.11em;text-transform:uppercase;margin-top:3px;position:relative}

/* nav */
.bt-nav{display:flex;flex-direction:column;gap:3px}
.bt-nav a{display:flex;align-items:center;gap:11px;color:#A9BBD3;text-decoration:none;
  padding:10px 13px;border-radius:11px;font-size:13.5px;font-weight:500;font-family:var(--bodyf);
  transition:background .15s,color .15s}
.bt-nav a .bi{font-size:15px;width:18px;text-align:center;color:#6E86A6;transition:color .15s}
.bt-nav a:hover{background:rgba(255,255,255,.07);color:#fff}
.bt-nav a:hover .bi{color:#fff}
.bt-nav a.on{background:linear-gradient(120deg,var(--bank),color-mix(in srgb,var(--bank) 78%, #000 8%));
  color:#fff;box-shadow:0 6px 18px color-mix(in srgb, var(--bank) 45%, transparent)}
.bt-nav a.on .bi{color:#fff}
.bt-nav .sep{margin:15px 13px 6px;font-size:9.5px;letter-spacing:.14em;color:#54688A;text-transform:uppercase;font-weight:700}
.bt-foot{margin-top:auto;padding:14px 8px 0;font-size:11px;color:#54688A}
.bt-foot .u{display:flex;align-items:center;gap:9px;color:#C7D4E6;font-size:12.5px;margin-bottom:8px}
.bt-foot .av{width:30px;height:30px;border-radius:50%;color:#fff;flex-shrink:0;
  background:linear-gradient(135deg,var(--bank),color-mix(in srgb,var(--bank) 60%, #000 20%));
  display:grid;place-items:center;font-weight:600;font-size:12px;font-family:var(--disp)}
.bt-foot a{color:#8FA5C2;text-decoration:none}
.bt-foot a:hover{color:#fff}

/* bento grid + tiles */
.bt-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.bt-tile{background:var(--card);border:1px solid var(--line);border-radius:var(--r);
  box-shadow:var(--shadow);padding:20px 22px;min-width:0;position:relative;
  transition:transform .18s ease,box-shadow .18s ease}
.bt-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}
.bs3{grid-column:span 3}.bs4{grid-column:span 4}.bs6{grid-column:span 6}
.bs8{grid-column:span 8}.bs12{grid-column:span 12}
@media(max-width:1080px){.bs3,.bs4{grid-column:span 6}.bs6,.bs8{grid-column:span 12}}
@media(max-width:680px){.bs4,.bs6{grid-column:span 12}.bs3{grid-column:span 6}}
.bt-klabel{font-size:10.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--faint)}
.bt-kval{font-family:var(--disp);font-weight:700;font-size:32px;color:var(--ink);
  letter-spacing:-.03em;margin-top:8px;line-height:1;font-variant-numeric:tabular-nums}
.bt-kval small{font-size:14px;color:var(--muted);font-weight:500}
.bt-kdelta{font-size:12px;margin-top:7px;color:var(--muted)}
/* icon chip in a tile corner */
.bt-ki{position:absolute;top:16px;right:16px;width:38px;height:38px;border-radius:12px;
  display:grid;place-items:center;font-size:16px;
  background:var(--bank-soft);color:var(--bank-ink)}
/* hero (dark) tile */
.bt-tile.bt-hero{border:none;color:#DCE6F4;
  background:
    radial-gradient(220px 140px at 88% -20%, color-mix(in srgb, var(--bank) 55%, transparent), transparent 70%),
    linear-gradient(135deg,#0B1D35,#12315B)}
.bt-tile.bt-hero .bt-klabel{color:#8FA5C2}
.bt-tile.bt-hero .bt-kval{color:#fff}
.bt-tile.bt-hero .bt-kdelta{color:#A9BBD3}
.bt-tile.bt-hero .bt-ki{background:rgba(255,255,255,.12);color:#fff}

/* header row */
.bt-crumb{font-size:10.5px;color:var(--faint);letter-spacing:.14em;margin-bottom:6px;text-transform:uppercase;font-weight:700;
  display:flex;align-items:center;gap:8px}
.bt-crumb::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--bank)}
.bt-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:26px;flex-wrap:wrap}
.bt-h h1{font-weight:700;font-size:28px;letter-spacing:-.03em;color:var(--ink);margin:0;line-height:1.15}
.bt-h h1 .bank{color:var(--bank)}
.bt-hsub{color:var(--muted);font-size:13.5px;margin-top:5px}
.bt-btn{border:0;border-radius:12px;padding:11px 20px;font-weight:600;font-size:13.5px;
  font-family:var(--disp);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;
  transition:transform .15s,box-shadow .15s,background .15s}
.bt-btn.pri{color:#fff;
  background:linear-gradient(135deg,var(--bank),color-mix(in srgb,var(--bank) 80%, #000 10%));
  box-shadow:0 8px 20px color-mix(in srgb, var(--bank) 38%, transparent)}
.bt-btn.pri:hover{color:#fff;transform:translateY(-1px);
  box-shadow:0 12px 26px color-mix(in srgb, var(--bank) 46%, transparent)}
.bt-btn.sec{background:var(--card);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow)}
.bt-btn.sec:hover{border-color:var(--faint);color:var(--ink);transform:translateY(-1px)}

/* pills */
.bt-pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:5px 13px;
  font-size:12px;font-weight:600;white-space:nowrap}
.bt-pill .pd{width:7px;height:7px;border-radius:50%}
.bp-ready{background:var(--ts-green-soft);color:#1E5A22}.bp-ready .pd{background:#2E7D32}
.bp-run{background:var(--amber-soft);color:var(--amber)}
.bp-run .pd{background:var(--amber);animation:btpulse 1.2s ease-in-out infinite}
.bp-q{background:var(--paper);color:var(--muted)}.bp-q .pd{background:var(--faint)}
.bp-att{background:var(--red-soft);color:var(--red)}.bp-att .pd{background:var(--red)}
@keyframes btpulse{0%,100%{opacity:1}50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.bp-run .pd{animation:none}.bt-tile:hover{transform:none}}

/* simple list rows (dashboard recent) */
.bt-rows{display:flex;flex-direction:column}
.bt-row{display:flex;align-items:center;gap:14px;padding:13px 2px;border-bottom:1px solid var(--line)}
.bt-row:last-child{border-bottom:0}
.bt-rid{font-family:var(--mono);font-size:12.5px;color:var(--muted);white-space:nowrap;min-width:64px}
.bt-rname{font-weight:600;color:var(--ink);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bt-rtime{font-family:var(--mono);font-size:11.5px;color:var(--faint);white-space:nowrap}

/* flashes inside bento */
.bt-flash{max-width:1220px;margin:0 auto 14px}

/* login */
.bt-login{min-height:100vh;display:grid;place-items:center;padding:24px;
  background:
    radial-gradient(700px 420px at 80% 8%, color-mix(in srgb, var(--ts-green) 24%, transparent), transparent 60%),
    linear-gradient(160deg,#0B1D35,#0A1730)}
.bt-lcard{width:100%;max-width:400px;background:var(--card);border-radius:22px;padding:38px 36px;
  box-shadow:0 30px 90px rgba(0,0,0,.4)}
.bt-lcard .lg{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.bt-lcard .lg img{height:38px;border-radius:9px}
.bt-lcard .lg .nm{font-family:var(--disp);font-weight:700;font-size:21px;color:var(--ink)}
.bt-lcard .lg .nm em{font-style:normal;color:var(--ts-green)}
.bt-lcard .tag{font-size:12.5px;color:var(--muted);margin-bottom:26px}
.bt-lcard label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.bt-lcard input[type=text],.bt-lcard input[type=email],.bt-lcard input[type=password]{
  width:100%;border:1px solid var(--line);border-radius:11px;padding:11px 14px;font-size:14.5px;
  font-family:var(--bodyf);color:var(--text);margin:6px 0 16px;background:var(--card);box-sizing:border-box}
.bt-lcard input:focus{outline:2px solid var(--ts-green);outline-offset:0;border-color:var(--ts-green)}
.bt-lcard .sub{width:100%;border:0;border-radius:11px;color:#fff;
  background:linear-gradient(135deg,var(--ts-green),#1E5A22);
  padding:12px;font-family:var(--disp);font-weight:600;font-size:14.5px;cursor:pointer;
  box-shadow:0 10px 24px rgba(46,125,50,.35)}
.bt-lcard .sub:hover{filter:brightness(1.06)}
.bt-lcard .foot{margin-top:18px;font-size:12px;color:var(--muted);text-align:center}

/* ═══ global retrofit for legacy pages rendered inside the bento shell ═══ */
body.bento .container.w-50{max-width:1220px;width:auto!important;margin:0 auto}
body.bento .card{border-radius:var(--r);border:1px solid var(--line);box-shadow:var(--shadow)}
body.bento .card.shadow-lg{box-shadow:var(--shadow)!important}
body.bento .btn-primary,body.bento .btn-info,body.bento .btn-success{
  background:linear-gradient(135deg,var(--bank),color-mix(in srgb,var(--bank) 80%, #000 10%))!important;
  border-color:transparent!important;color:#fff!important;border-radius:11px;
  font-family:var(--disp);font-weight:600}
body.bento .btn-primary:hover,body.bento .btn-info:hover,body.bento .btn-success:hover{
  filter:brightness(1.07);color:#fff!important}
body.bento .btn-outline-primary{color:var(--bank-ink);border-color:var(--bank);border-radius:11px}
body.bento .btn-outline-primary:hover{background:var(--bank-soft);color:var(--bank-ink);border-color:var(--bank)}
body.bento .badge.bg-primary,body.bento .badge.bg-info{background:var(--bank)!important}
body.bento .text-gradient{background:linear-gradient(120deg,var(--ink),var(--bank));
  -webkit-background-clip:text;background-clip:text;color:transparent!important}
body.bento .text-info{color:var(--bank)!important}
body.bento .form-control:focus,body.bento .form-select:focus{
  border-color:var(--bank);box-shadow:0 0 0 3px var(--bank-soft)}
body.bento .modal-content{border-radius:20px;border:1px solid var(--line)}

/* ═══ v3: report cards (replaces the table in bento) ═══ */
.rc-list{display:flex;flex-direction:column;gap:14px;margin-top:4px}
.rc{display:flex;align-items:center;gap:18px;background:var(--card);
  border:1px solid var(--line);border-radius:18px;padding:18px 22px;
  box-shadow:var(--shadow);transition:box-shadow .16s ease;position:relative}
/* NO transform on hover: a transformed ancestor breaks the position:fixed
   View-report dropdown (it would open at off-screen coordinates). */
.rc:hover{box-shadow:var(--shadow-lift)}
.rc-ico{width:46px;height:46px;border-radius:14px;flex-shrink:0;display:grid;place-items:center;font-size:19px}
.rc-ready .rc-ico{background:var(--ts-green-soft);color:#1E5A22}
.rc-run .rc-ico{background:var(--amber-soft);color:var(--amber)}
.rc-run .rc-ico .bi{animation:btspin2 1.8s linear infinite;display:inline-block}
@keyframes btspin2{to{transform:rotate(360deg)}}
.rc-att .rc-ico{background:var(--red-soft);color:var(--red)}
.rc-main{flex:1;min-width:0}
.rc-name{font-family:var(--disp);font-weight:600;font-size:15.5px;color:var(--ink);
  letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rc-meta{display:flex;align-items:center;gap:9px;margin-top:5px;font-size:11.5px;color:var(--faint);flex-wrap:wrap}
.rc-meta .rid{font-family:var(--mono);background:var(--paper);border-radius:6px;padding:1px 7px;color:var(--muted)}
.rc-side{display:flex;align-items:center;gap:10px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}
/* progress shimmer for analysing cards */
.rc-bar{height:5px;border-radius:3px;background:var(--paper);overflow:hidden;margin-top:9px;max-width:280px}
.rc-bar i{display:block;height:100%;width:40%;border-radius:3px;
  background:linear-gradient(90deg,var(--amber-soft),var(--amber),var(--amber-soft));
  animation:rcslide 1.6s ease-in-out infinite}
@keyframes rcslide{0%{transform:translateX(-110%)}100%{transform:translateX(320%)}}
@media(prefers-reduced-motion:reduce){.rc-bar i{animation:none}.rc-run .rc-ico .bi{animation:none}}
/* deep analysis chip */
.rc-deep{background:linear-gradient(120deg,#0B1D35,#12315B);color:#fff;border:none;
  border-radius:999px;padding:7px 15px;font-size:12px;font-weight:600;font-family:var(--disp);
  cursor:pointer;white-space:nowrap;box-shadow:0 4px 12px rgba(11,29,53,.28);
  display:inline-flex;align-items:center;gap:6px;transition:transform .15s,box-shadow .15s}
.rc-deep:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(11,29,53,.36)}
/* primary view button + ghost tools */
.rc-view{background:linear-gradient(135deg,var(--bank),color-mix(in srgb,var(--bank) 80%, #000 10%));
  color:#fff;border:none;border-radius:12px;padding:9px 17px;font-size:12.5px;font-weight:600;
  font-family:var(--disp);cursor:pointer;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;
  box-shadow:0 6px 16px color-mix(in srgb, var(--bank) 34%, transparent)}
.rc-view:hover{filter:brightness(1.07)}
.rc-tools{display:flex;gap:6px;opacity:0;transform:translateX(4px);transition:opacity .16s,transform .16s}
.rc:hover .rc-tools{opacity:1;transform:none}
@media(hover:none){.rc-tools{opacity:1;transform:none}}
.rc-tool{width:32px;height:32px;border-radius:10px;border:1px solid var(--line);background:var(--card);
  color:var(--muted);display:inline-flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer}
.rc-tool:hover{background:var(--bank-soft);border-color:var(--bank);color:var(--bank-ink)}
.rc-retry{background:var(--red-soft);color:var(--red);border:1px solid #F1B9B4;border-radius:999px;
  padding:7px 15px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;font-family:var(--disp)}
.rc-retry:hover{background:#F7DBD8}
.rc-empty{padding:64px 20px;text-align:center;color:var(--muted);background:var(--card);
  border:1.5px dashed var(--line);border-radius:18px}
.rc-empty .bi{font-size:34px;color:var(--faint)}

/* ═══ v3: mobile shell ═══ */
.bt-mtop{display:none}
@media(max-width:820px){
  .bt-mtop{display:flex;align-items:center;justify-content:space-between;gap:10px;
    position:sticky;top:0;z-index:1200;padding:12px 16px;
    background:var(--ink);box-shadow:0 6px 20px rgba(11,29,53,.25)}
  .bt-mtop .mb{display:flex;align-items:center;gap:9px;text-decoration:none}
  .bt-mtop .mb img{height:28px;border-radius:7px;background:#fff;padding:2px}
  .bt-mtop .mb span{font-family:var(--disp);font-weight:700;font-size:15.5px;color:#fff}
  .bt-mtop .mb span em{font-style:normal;color:#6FBF73}
  .bt-mtop button{border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;
    border-radius:10px;width:38px;height:38px;font-size:17px;display:grid;place-items:center}
  /* sidebar becomes an overlay drawer */
  body.nav-open .bt-side{display:flex;position:fixed;inset:0 22% 0 0;z-index:1300;height:100vh;
    box-shadow:30px 0 80px rgba(0,0,0,.45);animation:btdrawer .22s ease}
  @keyframes btdrawer{from{transform:translateX(-18px);opacity:.5}to{transform:none;opacity:1}}
  body.nav-open .bt-scrim{display:block;position:fixed;inset:0;z-index:1250;background:rgba(4,10,20,.55)}
  .bt-scrim{display:none}
  /* content breathing on phones */
  .bt-main{padding:16px 14px 40px}
  .bt-h h1{font-size:22px}
  .bt-h{margin-bottom:16px}
  .bt-grid{gap:10px}
  .bt-tile{padding:16px 16px}
  .bt-kval{font-size:26px}
  .bt-ki{width:32px;height:32px;border-radius:10px;font-size:13px;top:12px;right:12px}
  .bt-klabel{padding-right:42px}
  /* report cards stack their right side */
  .rc{flex-wrap:wrap;padding:16px;gap:12px}
  .rc-main{flex:1 1 60%}
  .rc-side{width:100%;justify-content:flex-start}
  .rc-name{white-space:normal;font-size:15px}
}

/* ═══ v4: hero command panel + card grid ═══ */
.ts-hero{position:relative;overflow:hidden;border-radius:26px;padding:30px 34px 26px;margin-bottom:24px;
  color:#DCE6F4;
  background:
    radial-gradient(560px 300px at 88% -30%, color-mix(in srgb, var(--bank) 52%, transparent), transparent 70%),
    radial-gradient(420px 260px at -6% 110%, color-mix(in srgb, var(--bank) 26%, transparent), transparent 65%),
    linear-gradient(130deg,#0B1D35 8%,#10294E 58%,#0C2244 100%);
  box-shadow:0 24px 60px rgba(11,29,53,.28)}
.ts-hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap}
.ts-hero-ws{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;
  letter-spacing:.13em;text-transform:uppercase;color:#AFC2DC;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
  border-radius:999px;padding:6px 14px;margin-bottom:14px}
.ts-hero-ws .hd{width:8px;height:8px;border-radius:50%;background:var(--bank);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--bank) 35%, transparent)}
.ts-hero h1{font-family:var(--disp);font-weight:700;font-size:31px;letter-spacing:-.03em;color:#fff;margin:0;line-height:1.1}
.ts-hero-sub{color:#9FB3CE;font-size:13.5px;margin-top:7px}
.ts-fab{border:none;border-radius:16px;padding:15px 26px;cursor:pointer;
  display:inline-flex;align-items:center;gap:10px;color:#fff;
  font-family:var(--disp);font-weight:600;font-size:14.5px;
  background:linear-gradient(135deg,var(--bank),color-mix(in srgb,var(--bank) 75%, #000 12%));
  box-shadow:0 14px 34px color-mix(in srgb, var(--bank) 50%, transparent);
  transition:transform .16s,box-shadow .16s}
.ts-fab:hover{transform:translateY(-2px);box-shadow:0 20px 44px color-mix(in srgb, var(--bank) 60%, transparent)}
.ts-fab .bi{font-size:16px}
.ts-hero-search{display:flex;align-items:center;gap:12px;margin:22px 0 16px;
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);
  border-radius:16px;padding:5px 7px 5px 18px;backdrop-filter:blur(6px)}
.ts-hero-search>.bi{color:#9FB3CE;font-size:15px}
.ts-hero-search input{flex:1;background:transparent;border:none;outline:none;color:#fff;
  font-size:14.5px;font-family:var(--bodyf);padding:11px 0;min-width:0}
.ts-hero-search input::placeholder{color:#7E92AE}
.ts-hero-search .adv{border:none;border-radius:11px;background:rgba(255,255,255,.14);color:#DCE6F4;
  padding:10px 16px;font-size:12.5px;font-weight:600;font-family:var(--disp);cursor:pointer;white-space:nowrap}
.ts-hero-search .adv:hover{background:rgba(255,255,255,.22);color:#fff}
.ts-chips{display:flex;gap:9px;flex-wrap:wrap}
.ts-chip{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:#C7D4E6;
  border-radius:999px;padding:8px 16px;font-size:12.5px;font-weight:600;font-family:var(--disp);
  cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .15s,color .15s}
.ts-chip b{font-weight:700;color:#fff;background:rgba(255,255,255,.14);border-radius:999px;
  padding:1px 9px;font-size:11.5px;font-variant-numeric:tabular-nums}
.ts-chip:hover{background:rgba(255,255,255,.15);color:#fff}
.ts-chip.on{background:#fff;color:var(--ink);border-color:#fff}
.ts-chip.on b{background:var(--bank-soft);color:var(--bank-ink)}

/* card grid */
.rc-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(430px,1fr));gap:16px;margin-top:4px}
.rc{display:flex;flex-direction:column;gap:13px;padding:20px 22px 18px}
.rc-top{display:flex;align-items:flex-start;gap:14px}
.rc-top .bt-pill{flex-shrink:0;margin-top:2px}
.rc-ico{width:42px;height:42px;border-radius:13px;font-size:17px}
.rc-name{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;font-size:15px;line-height:1.35}
.rc-hint{font-size:11.5px;color:var(--faint);margin-top:-4px}
.rc-bar{max-width:none;margin-top:2px}
.rc-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;
  border-top:1px solid var(--line);padding-top:14px;margin-top:auto}
.rc-cta{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
@media(max-width:980px){.rc-list{grid-template-columns:1fr}}
@media(max-width:820px){
  .ts-hero{border-radius:20px;padding:22px 18px 18px;margin-bottom:16px}
  .ts-hero h1{font-size:24px}
  .ts-fab{padding:12px 20px;font-size:13.5px}
  .ts-hero-search{margin:16px 0 13px}
  .rc{padding:16px}
  .rc-foot{flex-wrap:wrap}
}

/* ═══ v5: dashboard shortcut tiles ═══ */
.ts-strip-label{font-family:var(--disp);font-weight:600;font-size:15px;color:var(--ink);margin:26px 0 12px}
.ts-go{display:block;text-decoration:none;position:relative;padding:20px 20px 18px}
.ts-go-ico{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:17px;
  background:var(--bank-soft);color:var(--bank-ink);margin-bottom:13px}
.ts-go-t{font-family:var(--disp);font-weight:600;font-size:14.5px;color:var(--ink)}
.ts-go-s{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.45}
.ts-go-arrow{position:absolute;top:20px;right:18px;color:var(--faint);font-size:14px;
  transition:transform .16s,color .16s}
.ts-go:hover .ts-go-arrow{transform:translateX(3px);color:var(--bank)}
.ts-go:hover .ts-go-t{color:var(--bank-ink)}
a.ts-chip{text-decoration:none}

/* ═══ v6: density pass ═══ */
.rc-meta .agec{font-family:var(--mono);font-size:10.5px;background:var(--paper);
  border-radius:6px;padding:1px 7px;color:var(--muted)}
.rc-meta .agec.warm{background:var(--amber-soft);color:var(--amber)}
.rc-meta .pers{color:var(--muted)}
.rc-meta .pers .bi{font-size:10px}
/* tighter cards, more rows on screen */
.rc{padding:14px 18px 13px;gap:11px;border-radius:15px}
.rc-list{gap:12px;grid-template-columns:repeat(auto-fill,minmax(390px,1fr))}
.rc-top{gap:11px}
.rc-ico{width:34px;height:34px;border-radius:11px;font-size:14px}
.rc-name{font-size:14px;line-height:1.3}
.rc-meta{margin-top:3px;gap:7px;font-size:11px}
.rc-foot{padding-top:11px;gap:8px}
.rc-view{padding:7px 13px;font-size:12px;border-radius:10px}
.rc-deep{padding:6px 12px;font-size:11.5px}
.rc-retry{padding:6px 12px;font-size:11.5px}
.rc-tool{width:29px;height:29px;font-size:12px}
.bt-pill{padding:4px 11px;font-size:11.5px}
/* compact navy hero */
.ts-hero{padding:22px 26px 20px;border-radius:22px;margin-bottom:18px}
.ts-hero h1{font-size:24px}
.ts-hero-sub{font-size:12.5px;margin-top:4px}
.ts-hero-search{margin:16px 0 12px;border-radius:13px}
.ts-hero-search input{padding:9px 0;font-size:13.5px}
.ts-fab{padding:12px 20px;font-size:13.5px;border-radius:13px}
.ts-chip{padding:7px 13px;font-size:12px}

/* ═══ v7: reference layout — topbar, command header, stat cards, case cards ═══ */
.bt-top{display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin:-6px 0 20px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.bt-top .w{font-size:12.5px;color:var(--muted)}
.bt-top .w b{display:block;font-family:var(--disp);font-size:15.5px;color:var(--ink);font-weight:600}
.bt-top .r{display:flex;align-items:center;gap:12px}
.bt-top .ic{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:var(--card);
  display:grid;place-items:center;color:var(--muted);font-size:15px;text-decoration:none}
.bt-top .ic:hover{color:var(--bank-ink);border-color:var(--bank)}
.bt-top .me{display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);
  border-radius:999px;padding:5px 13px 5px 6px;text-decoration:none}
.bt-top .me:hover{border-color:var(--faint)}
.bt-top .av2{width:30px;height:30px;border-radius:50%;color:#fff;font-family:var(--disp);font-weight:600;
  font-size:11.5px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--bank),color-mix(in srgb,var(--bank) 60%, #000 20%))}
.bt-top .nm2{font-size:12.5px;font-weight:600;color:var(--ink);line-height:1.2}
.bt-top .nm2 em{display:block;font-style:normal;font-size:10.5px;font-weight:500;color:var(--muted)}

/* command header */
.tsr2-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.tsr2-title{font-family:var(--disp);font-weight:700;font-size:23px;letter-spacing:-.02em;color:var(--ink);margin:0}
.tsr2-sub{font-size:12.5px;color:var(--muted);margin-top:3px}
.tsr2-acts{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.tsr2-search{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);
  border-radius:11px;padding:0 12px;height:40px;min-width:220px}
.tsr2-search .bi{color:var(--faint);font-size:13px}
.tsr2-search input{border:none;outline:none;background:transparent;font-size:13px;
  font-family:var(--bodyf);color:var(--ink);width:100%}
.tsr2-search input::placeholder{color:var(--faint)}
.tsr2-sel{height:40px;border:1px solid var(--line);border-radius:11px;background:var(--card);
  color:var(--text);font-size:12.5px;font-family:var(--bodyf);padding:0 10px;outline:none;cursor:pointer}
.tsr2-adv{height:40px;width:auto;display:inline-flex;align-items:center;gap:7px;border-radius:11px;
  border:1px solid var(--line);background:var(--card);color:var(--muted);cursor:pointer;
  font-size:12.5px;font-weight:600;padding:0 14px;white-space:nowrap}
.tsr2-adv:hover{color:var(--bank-ink);border-color:var(--bank)}
.tsr2-new{height:40px;border:none;border-radius:11px;padding:0 18px;cursor:pointer;color:#fff;
  font-family:var(--disp);font-weight:600;font-size:13px;display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(135deg,var(--bank),color-mix(in srgb,var(--bank) 80%, #000 10%));
  box-shadow:0 6px 16px color-mix(in srgb, var(--bank) 32%, transparent)}
.tsr2-new:hover{filter:brightness(1.07)}

/* stat cards with icon circles */
.tsr2-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:20px}
@media(max-width:1080px){.tsr2-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){.tsr2-stats{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.tsr2-stats{grid-template-columns:1fr}}
.tsr2-stats .st{display:flex;align-items:center;gap:14px;background:var(--card);
  border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:var(--shadow)}
.tsr2-stats .ic{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
  color:#fff;font-size:17px;flex-shrink:0}
.tsr2-stats .l{font-size:11.5px;color:var(--muted);font-weight:600}
.tsr2-stats .v{font-family:var(--disp);font-weight:700;font-size:23px;color:var(--ink);
  line-height:1.15;font-variant-numeric:tabular-nums}
.tsr2-stats .s{font-size:10.5px;color:var(--faint);font-weight:600}
.tsr2-stats .s.g{color:#2E7D32}.tsr2-stats .s.a{color:#B45309}.tsr2-stats .s.r{color:#B3261E}

/* case cards */
.rc-list{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}
.rc{flex-direction:column;align-items:stretch;gap:0;padding:16px 18px 10px}
.rc2-h{display:flex;align-items:flex-start;gap:11px;padding-bottom:13px;border-bottom:1px solid var(--line)}
.rc2-h .rc-ico{width:38px;height:38px;border-radius:12px;font-size:15px}
.rc2-t{flex:1;min-width:0}
.rc2-t .rc-name{-webkit-line-clamp:1;font-size:14px}
.rc2-id{font-family:var(--mono);font-size:11px;color:var(--faint);margin-top:3px}
.rc2-h .bt-pill{flex-shrink:0;margin-top:1px}
.rc2-meta{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:8px;padding:12px 0 12px}
.rc2-meta span{display:block;font-size:10px;color:var(--faint);font-weight:600;margin-bottom:3px}
.rc2-meta b{font-size:12px;color:var(--ink);font-weight:600;display:block;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rc2-meta b.warm{color:#B45309}
.rc .rc-bar{margin:0 0 12px}
.rc2-foot{display:flex;gap:9px;padding-top:2px}
.rc2-slot{flex:1;display:flex}
.rc2-btn{flex:1;height:37px;border-radius:10px;font-size:12.5px;font-weight:600;
  font-family:var(--disp);cursor:pointer;display:inline-flex;align-items:center;
  justify-content:center;gap:7px;white-space:nowrap;width:100%}
.rc2-btn.sec{background:var(--card);border:1px solid var(--line);color:var(--text)}
.rc2-btn.sec:hover{border-color:var(--faint);color:var(--ink)}
.rc2-btn.pri{background:#0B1D35;border:none;color:#fff}
.rc2-btn.pri:hover{background:#12315B}
.rc2-btn.danger{background:var(--red-soft);border:1px solid #F1B9B4;color:var(--red)}
.rc2-btn.danger:hover{background:#F7DBD8}
.rc2-btn.runb{background:var(--amber-soft);border:none;color:var(--amber);cursor:default}
.rc2-links{display:flex;align-items:center;justify-content:space-between;margin-top:9px;
  padding-top:8px;border-top:1px dashed var(--line)}
.rc2-deep{border:none;background:none;color:var(--bank-ink);font-size:11.5px;font-weight:700;
  font-family:var(--disp);cursor:pointer;padding:4px 0;letter-spacing:.02em}
.rc2-deep:hover{color:var(--bank)}
.rc2-del{border:none;background:none;color:var(--faint);font-size:12.5px;cursor:pointer;padding:4px}
.rc2-del:hover{color:var(--red)}

/* numbered pagination */
.tsr2-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;
  flex-wrap:wrap;margin-top:20px}
.tsr2-pager .cnt{font-size:12px;color:var(--muted)}
.tsr2-pager .pgs{display:flex;gap:5px;align-items:center}
.tsr2-pager .pgs a,.tsr2-pager .pgs .on,.tsr2-pager .pgs .dots{
  min-width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;
  justify-content:center;font-size:12.5px;font-weight:600;text-decoration:none;padding:0 6px}
.tsr2-pager .pgs a{background:var(--card);border:1px solid var(--line);color:var(--text)}
.tsr2-pager .pgs a:hover{border-color:var(--bank);color:var(--bank-ink)}
.tsr2-pager .pgs .on{background:#0B1D35;color:#fff}
.tsr2-pager .pgs .dots{color:var(--faint)}

/* ═══ v8: info-rich case card (per user's card reference) ═══ */
.rc2-prop{font-size:12px;color:var(--muted);line-height:1.5;margin-top:11px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rc2-bank{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin-top:10px;
  background:var(--paper);border-radius:10px;padding:8px 11px;font-size:11.5px;color:var(--muted)}
.rc2-bank .b{font-weight:700;color:var(--ink);display:inline-flex;align-items:center;gap:6px}
.rc2-bank .b .bi{color:var(--bank);font-size:11px}
.rc2-bank .sep{color:var(--line)}
.rc2-bank .c b{color:var(--text);font-weight:600}
.rc2-bank .p{display:inline-flex;align-items:center;gap:4px;width:100%}
.rc2-bank .p .bi{font-size:10px}
.rc2-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.rc2-chips .ch{border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;
  background:var(--paper);color:var(--muted);border:1px solid var(--line)}
.rc2-chips .ch.dark{background:#0B1D35;color:#fff;border-color:#0B1D35}
.rc2-chips .ch.warm{background:var(--amber-soft);color:var(--amber);border-color:transparent}
.rc2-chips .ch.red{background:var(--red-soft);color:var(--red);border-color:transparent}
.rc2-req{font-size:11px;color:var(--faint);margin-top:9px}
.rc2-by{font-size:11px;color:var(--faint);margin-top:5px;display:flex;align-items:center;gap:5px}
.rc2-by .bi{font-size:10px}
.rc .rc-bar{margin-top:10px}
.rc2-foot{margin-top:12px}

/* ═══ v9 — bank-ops layout: status tabs + case table + slide-over drawer ═══ */
.tst-tabs{display:flex;gap:2px;border-bottom:1.5px solid var(--line);margin:2px 0 16px;overflow-x:auto}
.tst-tabs .tt{appearance:none;background:none;border:0;border-bottom:2.5px solid transparent;margin-bottom:-1.5px;
  padding:10px 14px;font:600 13px/1 var(--body,inherit);color:var(--muted);cursor:pointer;white-space:nowrap;
  display:inline-flex;align-items:center;gap:7px}
.tst-tabs .tt span{font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px;background:#EEF0EE;color:#555}
.tst-tabs .tt:hover{color:var(--ink)}
.tst-tabs .tt.on{color:var(--bank,#2E7D32);border-bottom-color:var(--bank,#2E7D32)}
.tst-tabs .tt.on span{background:var(--bank-soft,#E8F3EA);color:var(--bank-ink,#1E5A22)}
.tst-tabs .tt.tt-att.on{color:#B3261E;border-bottom-color:#B3261E}
.tst-tabs .tt.tt-att.on span{background:#FCEBEA;color:#8C1D18}

.tst-panel{background:var(--card,#fff);border:1px solid var(--line);border-radius:14px;overflow:hidden;
  box-shadow:0 1px 2px rgba(11,29,53,.04)}
.tst-scroll{overflow-x:auto}
table.tst{width:100%;border-collapse:collapse;font-size:13px;min-width:900px}
.tst thead th{text-align:left;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--muted);padding:11px 14px;background:var(--wash,#FAFAF9);border-bottom:1px solid var(--line)}
.tst tbody td{padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.tst tbody tr:last-child td{border-bottom:0}
tr.tsx{cursor:pointer;transition:background .12s}
tr.tsx:hover{background:var(--wash,#F7F8F6)}
.tst .c-id span{font-weight:700;color:var(--bank,#2E7D32);font-size:12.5px;letter-spacing:.02em}
.tst .c-name{font-weight:600;color:var(--ink);max-width:220px}
.tst .c-prop{color:#4A4A46;max-width:300px;line-height:1.45}
.tst .s{font-size:11.5px;font-weight:500;color:var(--muted);margin-top:3px}
.tst .c-req{white-space:nowrap;color:var(--ink)}
.tst .c-act{text-align:right}
.tst .c-act .rmw{display:inline-block}
.rc2-btn.sm{padding:7px 13px;font-size:12px;width:auto}
.c-prep{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#8A6D1A;white-space:nowrap}

/* drawer */
body.tsd-lock{overflow:hidden}
.tsd-scrim{position:fixed;inset:0;background:rgba(11,29,53,.38);z-index:2000;opacity:0;pointer-events:none;transition:opacity .25s}
.tsd-scrim.open{opacity:1;pointer-events:auto}
.tsd{position:fixed;top:0;right:0;bottom:0;width:min(540px,96vw);background:#fff;z-index:2001;
  box-shadow:-24px 0 60px rgba(11,29,53,.22);transform:translateX(103%);transition:transform .28s cubic-bezier(.2,.8,.25,1)}
.tsd.open{transform:none}
.tsd-body{height:100%;display:flex;flex-direction:column}
.dwh{padding:20px 24px 14px;border-bottom:1px solid var(--line)}
.dwh-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.dwh-k{font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.dwh-k.rdy{color:var(--bank-ink,#1E5A22)}
.dwh-k.run{color:#8A6D1A}
.dwh-k.att{color:#B3261E}
.dwh-x{appearance:none;border:0;background:none;color:var(--muted);cursor:pointer;font-size:15px;padding:4px}
.dwh-x:hover{color:var(--ink)}
.dwh h3{font-family:var(--disp,inherit);font-size:19px;font-weight:700;color:var(--ink);margin:0 0 3px}
.dwh-id{font-size:12px;color:var(--muted)}
.dw-scroll{flex:1;overflow-y:auto;padding:18px 24px}
.dw-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;padding-bottom:16px}
.dw-meta > div{min-width:0}
.dw-meta .w{grid-column:1/-1}
.dw-meta span{display:block;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.dw-meta b{font-size:13px;font-weight:600;color:var(--ink);line-height:1.45;word-wrap:break-word}
.dw-sec{font-size:12.5px;font-weight:700;color:var(--ink);margin:16px 0 9px;padding-top:16px;border-top:1px solid var(--line);
  display:flex;align-items:center;gap:8px}
.dw-sec .n{font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:999px;background:var(--bank-soft,#E8F3EA);color:var(--bank-ink,#1E5A22)}
.dw-tl{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.tlr{display:flex;align-items:center;gap:11px;padding:11px 14px;border-bottom:1px solid var(--line);background:#fff}
.tlr:last-child{border-bottom:0}
.tlr .td{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;
  font-size:11px;border:1.5px solid var(--line);color:transparent;background:#fff}
.tlr.done .td{background:#2E7D32;border-color:#2E7D32;color:#fff}
.tlr.act{background:var(--wash,#FAFAF9)}
.tlr.act .td{border-color:#C9A227;color:#8A6D1A}
.tlr.fail .td{background:#B3261E;border-color:#B3261E;color:#fff}
.tlr .tt2{flex:1;font-size:13px;font-weight:600;color:var(--ink)}
.tlr:not(.done):not(.act):not(.fail) .tt2{color:var(--muted);font-weight:500}
.tlr .tm{font-size:11.5px;color:var(--muted);white-space:nowrap}
.dw-bank{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:13px 14px;
  background:var(--wash,#FAFAF9)}
.dw-bank .i{width:38px;height:38px;border-radius:10px;background:var(--navy,#0B1D35);color:#fff;display:inline-flex;
  align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.dw-bank b{font-size:13.5px;color:var(--ink)}
.dw-bank .s{font-size:12px;color:var(--muted);margin-top:2px}
.dw-docs{display:flex;flex-wrap:wrap;gap:7px}
.dw-docs .dc{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--ink);
  border:1px solid var(--line);border-radius:999px;padding:6px 11px;background:#fff}
.dw-docs .dc i{color:var(--bank,#2E7D32);font-size:11px}
.dw-foot{display:flex;align-items:center;gap:6px;padding:14px 18px;border-top:1px solid var(--line);background:#fff;flex-wrap:wrap}
.dwb{appearance:none;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;
  border-radius:10px;padding:8px 12px;font-size:12px;font-weight:600;color:var(--ink);cursor:pointer;text-decoration:none;white-space:nowrap}
.dwb:hover{background:var(--wash,#F7F8F6);color:var(--ink)}
.dwb.pri{background:var(--navy,#0B1D35);border-color:var(--navy,#0B1D35);color:#fff}
.dwb.pri:hover{background:#13294a;color:#fff}
.dwb.danger{border-color:#E5B4B0;background:#FCEBEA;color:#8C1D18}
.dwb.deep{border-color:var(--bank,#2E7D32);background:var(--bank-soft,#E8F3EA);color:var(--bank-ink,#1E5A22)}
.dwb.ic{padding:8px 10px}

@media (max-width: 760px){
  .tsd{width:100vw}
  .dw-meta{grid-template-columns:1fr}
  .dwh,.dw-scroll,.dw-foot{padding-left:16px;padding-right:16px}
}
.dwl{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;color:var(--bank-ink,#1E5A22);
  text-decoration:none;border:1px solid var(--line);border-radius:8px;padding:4px 9px;background:#fff;margin-left:5px}
.dwl:hover{border-color:var(--bank,#2E7D32);color:var(--bank-ink,#1E5A22)}

/* ═══ v10 — wizard: navy step rail + sectioned form + live case summary ═══ */
.wzh-ic{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--bank,#2E7D32);flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;font-size:18px;color:var(--bank-ink,#1E5A22);
  background:var(--bank-soft,#E8F3EA);margin-right:13px}
.wzx{display:grid;grid-template-columns:198px minmax(0,1fr) 224px;gap:0 22px;align-items:start}
.wzx-rail{background:var(--navy,#0B1D35);border-radius:14px;padding:22px 16px 16px;display:flex;flex-direction:column;
  min-height:430px;position:sticky;top:0}
.wr-step{display:flex;gap:11px;align-items:flex-start}
.wr-step .n{width:26px;height:26px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:700;border:1.5px solid rgba(255,255,255,.35);color:rgba(255,255,255,.55);background:transparent}
.wr-step b{display:block;font-size:13px;font-weight:700;color:rgba(255,255,255,.55);line-height:1.3}
.wr-step small{display:block;font-size:11px;color:rgba(255,255,255,.38);margin-top:3px;line-height:1.45}
.wr-step.on .n{background:var(--bank,#2E7D32);border-color:var(--bank,#2E7D32);color:#fff}
.wr-step.on b{color:#fff}
.wr-step.on small{color:rgba(255,255,255,.6)}
.wr-step.done .n{background:#2E7D32;border-color:#2E7D32;color:#fff}
.wr-step.done b{color:rgba(255,255,255,.8)}
.wr-line{width:1.5px;height:34px;background:rgba(255,255,255,.18);margin:6px 0 6px 12px}
.wr-fill{flex:1}
.wr-note{display:flex;gap:8px;align-items:flex-start;font-size:10.5px;color:rgba(255,255,255,.45);
  line-height:1.5;border-top:1px solid rgba(255,255,255,.12);padding-top:13px;margin-top:18px}
.wr-note i{font-size:12px;margin-top:1px}

.wsec{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:var(--ink);
  padding:4px 0 0;margin-top:6px}
.wsec:first-child{margin-top:0}
.wsec .ic{width:26px;height:26px;border-radius:8px;background:var(--bank-soft,#E8F3EA);color:var(--bank-ink,#1E5A22);
  display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.wsec .wchk{margin-left:auto;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--line);
  display:inline-flex;align-items:center;justify-content:center;font-size:10px;color:transparent;transition:.18s}
.wsec .wchk.ok{background:#2E7D32;border-color:#2E7D32;color:#fff}

.wzx-side{position:sticky;top:0}
.wsum{background:var(--navy,#0B1D35);border-radius:14px;padding:18px 17px 15px;color:#fff}
.wsum-h{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;margin-bottom:14px;
  padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.14)}
.wsum-h i{color:var(--bank,#7BC47F);font-size:13px}
.wsum-r{margin-bottom:10px}
.wsum-r span{display:block;font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:rgba(255,255,255,.42);margin-bottom:2px}
.wsum-r b{display:block;font-size:12.5px;font-weight:600;color:#fff;line-height:1.45;word-wrap:break-word}
.wsum-pin{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:#CDE7CF;
  background:rgba(46,125,50,.28);border:1px solid rgba(123,196,127,.4);border-radius:10px;
  padding:8px 11px;margin-top:13px}
.wsum-pin .d{width:7px;height:7px;border-radius:50%;background:#7BC47F;flex-shrink:0}

@media (max-width: 1100px){
  .wzx{grid-template-columns:1fr}
  .wzx-rail{flex-direction:row;align-items:center;min-height:0;padding:13px 16px;position:static;gap:4px}
  .wr-step small{display:none}
  .wr-line{width:34px;height:1.5px;margin:0 8px}
  .wr-fill,.wr-note{display:none}
  .wzx-side{position:static;margin-top:16px}
}
/* case-type chips */
.ctype{display:flex;flex-wrap:wrap;gap:8px}
.ctype .ct input{position:absolute;opacity:0;pointer-events:none}
.ctype .ct span{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);border-radius:10px;
  padding:8px 14px;font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer;background:#fff;
  transition:all .15s;user-select:none}
.ctype .ct span:hover{border-color:var(--bank,#2E7D32);color:var(--ink)}
.ctype .ct input:checked + span{background:var(--navy,#0B1D35);border-color:var(--navy,#0B1D35);color:#fff}
.ctype .ct input:checked + span::before{content:'✓';font-size:11px}
/* report-options chips: navy, not legacy blue */
body.bento .fmt-btn input:checked + label{background:var(--navy,#0B1D35)!important;border-color:var(--navy,#0B1D35)!important;color:#fff!important;box-shadow:none!important}
body.bento .fmt-btn label:hover{border-color:var(--navy,#0B1D35)!important;color:var(--ink)!important}

/* ═══ v11 — step 2: document panel + report preferences (bank look) ═══ */
body.bento .drop-zone.up2-drop{display:flex;align-items:center;gap:16px;text-align:left;
  padding:20px 22px;background:#fff;border:1.5px dashed #C7CDC7;border-radius:14px}
body.bento .drop-zone.up2-drop:hover,body.bento .drop-zone.up2-drop.dragover{
  border-color:var(--navy,#0B1D35);background:var(--wash,#F7F8F6)}
.up2-ic{width:46px;height:46px;border-radius:12px;background:var(--navy,#0B1D35);color:#fff;
  display:inline-flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}
.up2-mid{flex:1;min-width:0}
.up2-t{font-size:14px;font-weight:700;color:var(--ink)}
.up2-h{font-size:11.5px;color:var(--muted);margin-top:3px;line-height:1.5}
.up2-btn{border:1.5px solid var(--navy,#0B1D35);color:var(--navy,#0B1D35);border-radius:10px;
  padding:9px 16px;font-size:12.5px;font-weight:700;white-space:nowrap;background:#fff}
.up2-alt{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:12px;color:var(--muted)}
.up2-folder{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:9px;
  padding:7px 12px;font-size:12px;font-weight:600;color:var(--ink);cursor:pointer;background:#fff;margin:0}
.up2-folder:hover{border-color:var(--navy,#0B1D35)}
body.bento #reportPrefsBox{border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px 16px 18px}
.up2-ph{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:13px}
.up2-ph .ic{width:26px;height:26px;border-radius:8px;background:var(--bank-soft,#E8F3EA);color:var(--bank-ink,#1E5A22);
  display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.up2-ph em{font-style:normal;font-weight:500;font-size:11.5px;color:var(--muted);margin-left:auto}
.up2-pgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:700px){.up2-pgrid{grid-template-columns:1fr}}
/* upload rows: quiet bank styling */
body.bento .upload-item{background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 12px}
body.bento .upload-bar{background:var(--navy,#0B1D35)}
body.bento .upload-item.done .upload-bar{background:#2E7D32}

/* ═══ v12 — light sidebar (bank-clean) ═══ */
.bt-side{background:#FFFFFF;box-shadow:inset -1px 0 0 var(--line);color:#5A6472}
.bt-brand img{box-shadow:0 1px 6px rgba(11,29,53,.10);border:1px solid var(--line)}
.bt-brand .nm{color:var(--navy,#0B1D35)}
.bt-brand .nm em{color:#2E7D32}
.bt-ws{background:var(--bank-soft,#E8F3EA);border:1px solid color-mix(in srgb, var(--bank) 30%, #fff)}
.bt-ws::after{background:color-mix(in srgb, var(--bank) 14%, transparent)}
.bt-ws .b{color:var(--bank-ink,#1E5A22)}
.bt-ws .dot{background:var(--bank,#2E7D32);box-shadow:0 0 0 3px color-mix(in srgb, var(--bank) 20%, #fff)}
.bt-ws .s{color:color-mix(in srgb, var(--bank-ink,#1E5A22) 60%, #8A97A8)}
.bt-nav a{color:#4A5568}
.bt-nav a .bi{color:#8B98A9}
.bt-nav a:hover{background:var(--wash,#F4F6F4);color:var(--ink)}
.bt-nav a:hover .bi{color:var(--ink)}
.bt-nav a.on{background:var(--navy,#0B1D35);color:#fff;box-shadow:0 6px 16px rgba(11,29,53,.25)}
.bt-nav a.on .bi{color:#fff}
.bt-nav .sep{color:#9AA6B5}
.bt-foot{color:#9AA6B5}
.bt-foot .u{color:var(--ink)}
.bt-foot a{color:#7A8798}
.bt-foot a:hover{color:var(--ink)}

/* ═══ v13 — dashboard hero wears the TitleScout brand (navy + scout green),
   never the workspace accent ═══ */
.ts-hero{background:
  radial-gradient(560px 300px at 88% -30%, rgba(46,125,50,.40), transparent 70%),
  radial-gradient(420px 260px at -6% 110%, rgba(46,125,50,.18), transparent 65%),
  linear-gradient(130deg,#0B1D35 8%,#10294E 58%,#0C2244 100%)}
.ts-hero h1 em{font-style:normal;color:#7BC47F}
.ts-hero-ws .hd{background:#4CAF50;box-shadow:0 0 0 3px rgba(76,175,80,.30)}
.ts-fab{background:linear-gradient(135deg,#2E7D32,#1E5A22);
  box-shadow:0 14px 34px rgba(46,125,50,.40)}
.ts-fab:hover{box-shadow:0 20px 44px rgba(46,125,50,.50)}
.ts-chip.on b{background:#E8F3EA;color:#1E5A22}

/* ═══ v14 — scout-colored controls + hover fixes (reports page pass) ═══ */
/* primary CTAs: scout green, and NEVER the browser-blue/underlined link hover */
.tsr2-new{background:linear-gradient(135deg,#2E7D32,#1E5A22);box-shadow:0 6px 16px rgba(46,125,50,.32)}
.tsr2-new:hover{color:#fff!important;text-decoration:none!important;filter:brightness(1.12)}
a.ts-fab,a.ts-fab:hover,a.ts-fab:focus{color:#fff!important;text-decoration:none!important}
a.bt-btn,a.bt-btn:hover,a.rs-cta,a.rs-cta:hover,a.sd-cta,a.sd-cta:hover,
a.rs-tool:hover,a.sd-tool:hover{text-decoration:none!important}
.tsr2-adv:hover{color:#1E5A22;border-color:#2E7D32}
/* table + tabs + drawer accents: scout, not workspace */
.tst .c-id span{color:#0B1D35}
.tst-tabs .tt.on{color:#1E5A22;border-bottom-color:#2E7D32}
.tst-tabs .tt.on span{background:#E8F3EA;color:#1E5A22}
.dwb.deep{border-color:#2E7D32;background:#E8F3EA;color:#1E5A22}
.dw-sec .n{background:#E8F3EA;color:#1E5A22}
.dw-docs .dc i{color:#2E7D32}
.dwl{color:#1E5A22}
.dwl:hover{border-color:#2E7D32;color:#1E5A22}
/* wizard structural accents: scout green (pinned-format chip stays workspace) */
.wr-step.on .n{background:#2E7D32;border-color:#2E7D32}
.wsec .ic{background:#E8F3EA;color:#1E5A22}
.up2-ph .ic{background:#E8F3EA;color:#1E5A22}
.wzh-ic{border-color:#2E7D32;color:#1E5A22;background:#E8F3EA}
.sd-tabs .sdt.on{color:#1E5A22;border-bottom-color:#2E7D32}
.sd-in:focus{border-color:#2E7D32;box-shadow:0 0 0 3px rgba(46,125,50,.13)}

/* ═══ v15 — search1 hosts everything: start panel + upload popup (shared) ═══ */
.sd0{margin:2px 0 18px}
.sd0-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.sd0-title{font-family:var(--disp,'Poppins',sans-serif);font-weight:700;font-size:28px;letter-spacing:-.03em;color:var(--ink,#0B1D35);margin:0}
.sd0-title span{color:#2E7D32}
.sd0-sub{color:var(--muted,#64748B);font-size:13.5px;margin-top:5px}
.tg-upl{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line,#E4E8F0);
  border-radius:10px;padding:8px 15px;font-size:12.5px;font-weight:700;color:var(--text,#24344D);cursor:pointer;font-family:inherit}
.tg-upl:hover{border-color:#2E7D32;color:#1E5A22}
.sd-panel{background:#fff;border:1px solid var(--line,#E4E8F0);border-radius:16px;padding:22px}
.sd-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sd-f{display:flex;flex-direction:column;gap:5px;min-width:0}
.sd-f.wide{grid-column:span 2}
.sd-f span{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#64748B)}
.sd-in{height:42px;border:1.5px solid var(--line,#E4E8F0);border-radius:10px;padding:0 12px;font-size:13.5px;
  color:var(--ink,#0B1D35);background:#fff;outline:none;width:100%;box-sizing:border-box;font-family:inherit}
.sd-in:focus{border-color:#2E7D32;box-shadow:0 0 0 3px rgba(46,125,50,.13)}
.sd-in.big{height:48px;font-size:15px;font-weight:600}
.sd-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;flex-wrap:wrap}
.sd-hint{font-size:12px;color:var(--muted,#64748B)}
.sd-cta{display:inline-flex;align-items:center;gap:8px;background:var(--navy,#0B1D35);color:#fff;border:0;
  border-radius:11px;padding:12px 22px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:inherit}
.sd-cta:hover{filter:brightness(1.15)}
.sd-cta.w{width:100%;justify-content:center;margin-top:14px}
.sd-empty{text-align:center;padding:36px 16px;color:var(--muted,#64748B)}
.sdum-scrim{position:fixed;inset:0;background:rgba(11,29,53,.42);z-index:1990;opacity:0;pointer-events:none;transition:.2s}
.sdum-scrim.open{opacity:1;pointer-events:auto}
.sdum{position:fixed;left:50%;top:50%;transform:translate(-50%,-46%) scale(.98);width:min(720px,94vw);
  max-height:88vh;overflow-y:auto;background:#fff;border-radius:18px;padding:22px 24px;z-index:1991;
  opacity:0;pointer-events:none;transition:.2s;box-shadow:0 30px 80px rgba(11,29,53,.35)}
.sdum.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
.sdum-h{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}
.sdum-h .t{font-family:var(--disp,'Poppins',sans-serif);font-weight:700;font-size:17px;color:var(--ink,#0B1D35)}
.sdum-h .s{font-size:12px;color:var(--muted,#64748B);margin-top:3px}
.sdum-x{margin-left:auto;border:none;background:none;color:var(--muted,#64748B);cursor:pointer;font-size:15px;padding:4px}
.sdum-x:hover{color:var(--ink,#0B1D35)}
.sd-drop{display:flex;align-items:center;gap:16px;padding:22px;border:1.5px dashed #C7CDC7;border-radius:14px;
  background:#fff;cursor:pointer;transition:all .15s}
.sd-drop:hover,.sd-drop.drag-over{border-color:var(--navy,#0B1D35);background:#F7F8F6}
.sd-drop .ic{width:46px;height:46px;border-radius:12px;background:var(--navy,#0B1D35);color:#fff;
  display:inline-flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}
.sd-drop .mid{flex:1;min-width:0}
.sd-drop .t{font-size:14px;font-weight:700;color:var(--ink,#0B1D35)}
.sd-drop .h{font-size:11.5px;color:var(--muted,#64748B);margin-top:3px;line-height:1.5}
.sd-drop .cta{border:1.5px solid var(--navy,#0B1D35);color:var(--navy,#0B1D35);border-radius:10px;
  padding:9px 16px;font-size:12.5px;font-weight:700;white-space:nowrap;background:#fff}
.sd-prog{position:sticky;top:0;z-index:5;background:#fff;border:1px solid var(--line,#E4E8F0);border-radius:12px;
  padding:12px 14px;margin-top:14px}
.sd-prog .pr{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.sd-prog .pc{font-weight:700;font-size:14px;color:var(--ink,#0B1D35)}
.sd-prog .pn{font-size:11.5px;color:var(--muted,#64748B)}
.sd-prog .pt{height:7px;border-radius:6px;background:#EFF1EF;overflow:hidden}
.sd-prog .pb{height:100%;border-radius:6px;background:#2E7D32;transition:width .25s ease}
.sd-files{max-height:300px;overflow-y:auto;margin-top:12px;display:flex;flex-direction:column;gap:6px}
.sd-files .file-item{padding:9px 12px;background:#fff;border:1px solid var(--line,#E4E8F0);border-radius:10px;font-size:12.5px}
.sd-auto{margin-top:16px;font-size:12px;color:var(--muted,#64748B);line-height:1.6}
.sd-auto a{color:#1E5A22;font-weight:700;text-decoration:none}
.sdm-scrim{position:fixed;inset:0;background:rgba(11,29,53,.4);z-index:2000;opacity:0;pointer-events:none;transition:.22s}
.sdm-scrim.open{opacity:1;pointer-events:auto}
.sdm{position:fixed;left:50%;top:50%;transform:translate(-50%,-46%) scale(.97);width:min(440px,92vw);
  background:#fff;border-radius:18px;padding:26px 26px 22px;z-index:2001;opacity:0;pointer-events:none;
  transition:.22s;box-shadow:0 30px 80px rgba(11,29,53,.35)}
.sdm.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
.sdm-k{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1E5A22;
  display:flex;align-items:center;gap:7px;margin-bottom:8px}
.sdm h3{font-family:var(--disp,'Poppins',sans-serif);font-size:19px;font-weight:700;color:var(--ink,#0B1D35);margin:0 0 4px}
.sdm p{font-size:12.5px;color:var(--muted,#64748B);margin:0 0 14px}
.sdm .tips{display:flex;flex-direction:column;gap:5px;margin-top:11px;font-size:11.5px;color:var(--muted,#64748B)}
.sdm .tips i{color:#2E7D32;margin-right:5px}
.sdo{position:fixed;inset:0;background:rgba(11,29,53,.55);z-index:2100;display:none;align-items:center;justify-content:center}
.sdo.open{display:flex}
.sdo .box{background:#fff;border-radius:18px;padding:30px 34px;text-align:center;max-width:360px}
.sdo i{font-size:30px;color:#2E7D32}
.sdo .t{font-weight:700;font-size:16px;color:var(--ink,#0B1D35);margin:12px 0 4px;font-family:var(--disp,'Poppins',sans-serif)}
.sdo .s{font-size:12.5px;color:var(--muted,#64748B);line-height:1.6}
@keyframes sdspin{to{transform:rotate(360deg)}}
.sdo .spin{display:inline-block;animation:sdspin 1s linear infinite}
@media(max-width:900px){.sd-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.sd-grid{grid-template-columns:1fr}.sd-f.wide{grid-column:span 1}}