:root{
  --font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: Georgia, "Times New Roman", serif;
  --radius-xs:10px;--radius-sm:14px;--radius-md:18px;--radius-lg:24px;--radius-xl:32px;
  --ease:220ms ease;
}
html[data-theme="dark"]{
  --bg:#07110d;--bg-2:#0b1711;--panel:#101e17;--panel-2:#14251c;--panel-3:#1a2d22;
  --sidebar:#07110d;--sidebar-2:#0d2118;--text:#f4f0e6;--muted:#9daf9f;--soft:#d8cda6;
  --line:rgba(221,203,146,.15);--line-strong:rgba(221,203,146,.28);
  --green:#2f7a57;--green-2:#55b985;--gold:#c8a24a;--gold-2:#f1d37c;--red:#e45d6b;--amber:#d89a3d;--blue:#6ea8e5;--purple:#9177f1;
  --shadow:0 28px 80px rgba(0,0,0,.36);--glow:0 0 0 1px rgba(200,162,74,.12),0 18px 70px rgba(38,116,80,.14);
  --input:#0c1912;--chip:#17281f;
}
html[data-theme="light"]{
  --bg:#f2eee3;--bg-2:#faf8f1;--panel:#fffdf7;--panel-2:#f7f2e6;--panel-3:#efe8d6;
  --sidebar:#fffaf0;--sidebar-2:#f5eedf;--text:#14251c;--muted:#6b786f;--soft:#7f714d;
  --line:rgba(25,56,40,.13);--line-strong:rgba(32,75,53,.24);
  --green:#1f5a40;--green-2:#2f7a57;--gold:#b88e32;--gold-2:#d4aa4a;--red:#c93c52;--amber:#bd7a26;--blue:#357fb8;--purple:#6850c9;
  --shadow:0 24px 60px rgba(30,45,36,.10);--glow:0 0 0 1px rgba(184,142,50,.12),0 18px 50px rgba(31,90,64,.10);
  --input:#fffdf7;--chip:#f2ead8;
}
*{box-sizing:border-box}[hidden]{display:none!important}html,body{min-height:100%;}body{margin:0;font-family:var(--font-ui);background:radial-gradient(circle at 18% 10%,rgba(200,162,74,.10),transparent 28%),radial-gradient(circle at 90% 6%,rgba(47,122,87,.14),transparent 25%),linear-gradient(135deg,var(--bg),var(--bg-2));color:var(--text);}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:304px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;padding:26px 20px;display:flex;flex-direction:column;gap:22px;background:linear-gradient(180deg,var(--sidebar),var(--sidebar-2));border-right:1px solid var(--line);overflow:auto}.brand-block{display:flex;align-items:center;gap:14px;padding:0 6px 14px;border-bottom:1px solid var(--line)}.brand-mark{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,var(--gold-2),var(--gold));color:#0c1912;font-weight:950;font-size:26px;box-shadow:0 14px 34px rgba(200,162,74,.20)}.brand-name{font-family:var(--font-display);letter-spacing:.14em;font-size:18px}.brand-sub{font-size:10px;letter-spacing:.24em;color:var(--muted);font-weight:800;margin-top:3px}.nav{display:grid;gap:18px}.nav-group{display:grid;gap:7px}.nav-heading{font-size:10px;letter-spacing:.20em;text-transform:uppercase;color:var(--soft);font-weight:900;padding:0 10px}.nav-btn{width:100%;border:0;border-radius:16px;background:transparent;color:var(--muted);padding:12px 12px;display:flex;align-items:center;gap:11px;text-align:left;transition:var(--ease)}.nav-btn:hover{background:rgba(200,162,74,.08);color:var(--text)}.nav-btn.active{background:linear-gradient(135deg,rgba(47,122,87,.35),rgba(200,162,74,.16));color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong)}.nav-ico{width:31px;height:31px;border-radius:12px;display:grid;place-items:center;background:var(--chip);color:var(--gold);font-weight:900}.focus-card{position:relative;margin-top:auto;border:1px solid var(--line-strong);border-radius:24px;padding:18px;background:linear-gradient(145deg,rgba(200,162,74,.12),rgba(47,122,87,.12));box-shadow:var(--glow);overflow:hidden}.focus-card:after{content:"";position:absolute;right:-40px;bottom:-55px;width:150px;height:150px;border:1px solid rgba(200,162,74,.20);border-radius:45%;transform:rotate(28deg)}.focus-kicker,.spark{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:950}.focus-card h3{font-family:var(--font-display);font-size:22px;line-height:1.08;margin:10px 0 8px}.focus-card p{font-size:13px;line-height:1.5;color:var(--muted);margin:0 0 14px}.focus-progress{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);font-weight:800}.progress-track{height:8px;border-radius:999px;background:rgba(128,128,128,.16);overflow:hidden;margin-top:8px}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--green-2),var(--gold));border-radius:999px}.user-card{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:18px;padding:12px;background:rgba(128,128,128,.05)}.avatar{width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,var(--green),var(--gold));display:grid;place-items:center;font-weight:950;color:white}.user-card strong{display:block}.user-card span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.main{padding:26px;min-width:0}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.title-wrap h1{font-family:var(--font-display);font-size:44px;line-height:1;margin:8px 0 8px}.title-wrap p{margin:0;color:var(--muted)}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.search-box{height:44px;min-width:300px;border:1px solid var(--line);border-radius:16px;padding:0 12px;display:flex;align-items:center;gap:8px;background:var(--input);color:var(--muted);box-shadow:var(--shadow)}.search-box input{border:0;background:transparent;outline:none;color:var(--text);width:100%}.theme-toggle{display:flex;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--input)}.theme-toggle button{border:0;background:transparent;color:var(--muted);border-radius:999px;padding:8px 12px;font-weight:900;font-size:12px}.theme-toggle button.active{background:var(--green);color:#fff;box-shadow:0 8px 22px rgba(47,122,87,.25)}.btn{border:1px solid transparent;border-radius:15px;padding:11px 15px;font-weight:900;transition:var(--ease);display:inline-flex;align-items:center;gap:8px;justify-content:center;text-decoration:none}.btn.primary{background:linear-gradient(135deg,var(--green),var(--green-2));color:#fff;box-shadow:0 14px 34px rgba(47,122,87,.22)}.btn.primary:hover{transform:translateY(-1px)}.btn.ghost{background:var(--input);border-color:var(--line);color:var(--text)}.btn.gold{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#111}.btn.danger{background:rgba(228,93,107,.12);border-color:rgba(228,93,107,.32);color:var(--red)}.btn.danger.solid{background:var(--red);color:white}.btn.small{padding:7px 10px;border-radius:11px;font-size:12px}.btn.full{width:100%}.view{display:grid;gap:18px}.grid{display:grid;gap:18px}.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:span 2}.card{position:relative;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(145deg,var(--panel),var(--panel-2));box-shadow:var(--shadow);padding:18px;overflow:hidden}.card.decor:before{content:"";position:absolute;right:18px;top:16px;width:92px;height:92px;border:1px solid rgba(200,162,74,.15);border-radius:34px;transform:rotate(28deg);pointer-events:none}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.section-head h2,.section-head h3{margin:0;font-family:var(--font-display)}.section-head h2{font-size:28px}.section-head h3{font-size:22px}.muted{color:var(--muted)}.micro{font-size:12px;color:var(--muted)}.kpi-card{min-height:144px;display:grid;align-content:space-between}.kpi-top{display:flex;justify-content:space-between;gap:10px}.kpi-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:950}.kpi-value{font-size:31px;font-weight:950;margin-top:8px}.kpi-icon{width:40px;height:40px;border-radius:15px;display:grid;place-items:center;background:var(--chip);color:var(--gold);font-weight:950}.trend{font-size:12px;color:var(--green-2);font-weight:900}.sparkline{height:34px;width:100%;display:block;margin-top:10px}.status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;border:1px solid transparent;white-space:nowrap}.status.good,.status.received,.status.reviewed,.status.done,.status.complete,.status.completed,.status.closed-won,.status.won{background:rgba(85,185,133,.14);border-color:rgba(85,185,133,.28);color:var(--green-2)}.status.warn,.status.pending,.status.requested,.status.in-progress,.status.proposal-sent,.status.medium{background:rgba(216,154,61,.14);border-color:rgba(216,154,61,.30);color:var(--amber)}.status.bad,.status.needed,.status.blocked,.status.closed-lost,.status.high{background:rgba(228,93,107,.14);border-color:rgba(228,93,107,.28);color:var(--red)}.status.planned,.status.nurture,.status.low{background:rgba(145,119,241,.13);border-color:rgba(145,119,241,.26);color:var(--purple)}.status.unknown,.status.new-lead,.status.contacted,.status.interested,.status.call-booked{background:rgba(110,168,229,.12);border-color:rgba(110,168,229,.24);color:var(--blue)}.chart{height:300px;width:100%;display:block}.mini-chart{height:42px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:var(--panel)}table{border-collapse:collapse;width:100%;min-width:860px}th,td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--line);font-size:14px;vertical-align:top}th{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);background:rgba(128,128,128,.05)}tr:last-child td{border-bottom:0}.row-actions{display:flex;gap:7px}.summary-list{display:grid;gap:10px}.summary-item{border:1px solid var(--line);border-radius:16px;padding:13px;background:rgba(128,128,128,.045)}.summary-item strong{display:block;margin-bottom:5px}.metric-row{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding:10px 0}.metric-row:last-child{border-bottom:0}.task-item{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:12px;background:rgba(128,128,128,.045)}.task-title{font-weight:900}.task-meta{font-size:12px;color:var(--muted);margin-top:3px}.asset-row{display:flex;justify-content:space-between;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}.asset-row:last-child{border-bottom:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field.wide{grid-column:1/-1}.field label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:950;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:15px;background:var(--input);color:var(--text);padding:12px;outline:none}.field textarea{min-height:100px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(200,162,74,.12)}.prefill{font-size:10px;color:var(--gold);letter-spacing:.08em}.wizard-wrap{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px}.wizard-side{border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px;background:linear-gradient(145deg,var(--panel),var(--panel-2));box-shadow:var(--shadow)}.wizard-side h2{font-family:var(--font-display);font-size:32px;line-height:1.05;margin:10px 0}.wizard-steps{display:grid;gap:8px;margin-top:18px;max-height:430px;overflow:auto;padding-right:4px}.step-pill{border:1px solid var(--line);border-radius:14px;padding:9px 10px;color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:12px}.step-pill.active{background:rgba(200,162,74,.12);border-color:rgba(200,162,74,.35);color:var(--text)}.step-pill.done{color:var(--green-2)}.wizard-card{min-height:520px;display:flex;flex-direction:column;justify-content:space-between}.wizard-question{animation:fadeSlide 220ms ease}.wizard-question h2{font-family:var(--font-display);font-size:36px;line-height:1.07;margin:8px 0 10px}.wizard-question p{color:var(--muted);line-height:1.6;margin:0 0 18px}.wizard-input textarea{min-height:180px}.wizard-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}.wizard-checks{display:grid;gap:10px}.check-row{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:16px;padding:12px;background:rgba(128,128,128,.045);line-height:1.45}.check-row input{margin-top:4px}.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:330px;overflow:auto}.review-item{border:1px solid var(--line);border-radius:14px;padding:12px}.review-item strong{font-size:12px;color:var(--gold);display:block;margin-bottom:6px}.report-box{white-space:pre-wrap;font-family:Consolas,Monaco,monospace;line-height:1.55;background:var(--input);border:1px solid var(--line);border-radius:18px;padding:18px;color:var(--text)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.62);display:grid;place-items:center;padding:18px;z-index:100}.modal-backdrop[hidden]{display:none!important}.modal{width:min(820px,100%);max-height:90vh;overflow:auto;background:var(--panel);border:1px solid var(--line-strong);border-radius:28px;box-shadow:0 34px 100px rgba(0,0,0,.45)}.modal-head{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:20px;border-bottom:1px solid var(--line)}.modal-head h2{font-family:var(--font-display);margin:4px 0 0}.modal-body{padding:20px}.icon-btn{width:40px;height:40px;border:1px solid var(--line);border-radius:14px;background:var(--input);color:var(--text);font-size:24px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.toast{position:fixed;right:24px;bottom:24px;background:linear-gradient(135deg,var(--green),var(--green-2));color:#fff;border-radius:15px;padding:13px 16px;box-shadow:var(--shadow);opacity:0;transform:translateY(14px);transition:var(--ease);z-index:140;pointer-events:none;font-weight:900}.toast.show{opacity:1;transform:translateY(0)}.empty{border:1px dashed var(--line-strong);border-radius:18px;padding:28px;text-align:center;color:var(--muted)}@keyframes fadeSlide{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1200px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{flex-direction:column}.top-actions{width:100%;justify-content:flex-start}.cols-5,.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-wrap{grid-template-columns:1fr}.search-box{min-width:min(100%,340px)}}@media(max-width:760px){.main{padding:16px}.cols-5,.cols-4,.cols-3,.cols-2,.form-grid,.review-grid{grid-template-columns:1fr}.nav{grid-template-columns:1fr}.title-wrap h1{font-size:34px}.wizard-question h2{font-size:29px}.top-actions{align-items:stretch}.search-box{width:100%;min-width:0}.btn{width:100%}.theme-toggle{width:100%}.theme-toggle button{flex:1}.row-actions{flex-direction:column}}

/* First-visit client intake welcome modal */
.welcome-modal{position:relative;display:grid;gap:14px;padding:2px 0 4px;animation:fadeSlide 240ms ease}
.welcome-modal:before{content:"";position:absolute;inset:-20px -20px auto auto;width:180px;height:180px;border:1px solid rgba(200,162,74,.16);border-radius:54px;transform:rotate(22deg);pointer-events:none}
.welcome-mark{width:62px;height:62px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#111;font-family:var(--font-display);font-size:32px;font-weight:900;box-shadow:0 20px 50px rgba(200,162,74,.18)}
.welcome-modal h3{font-family:var(--font-display);font-size:34px;line-height:1.04;margin:0;max-width:680px}
.welcome-progress-card{border:1px solid var(--line);border-radius:20px;padding:14px;background:linear-gradient(145deg,var(--panel-2),var(--panel-3));box-shadow:var(--glow)}
.welcome-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:2px}
.welcome-grid div{border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(128,128,128,.05)}
.welcome-grid strong{display:block;color:var(--gold);font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}
.welcome-grid span{display:block;color:var(--muted);line-height:1.45;font-size:13px}
.welcome-actions{margin-top:4px}
@media(max-width:760px){.welcome-grid{grid-template-columns:1fr}.welcome-modal h3{font-size:28px}.welcome-actions{flex-direction:column}.welcome-actions .btn{width:100%}}

/* Layout hardening: remove accidental page-level horizontal scroll and improve fit */
html, body { width:100%; max-width:100%; overflow-x:hidden; }
body { min-width:0; }
.app-shell { width:100%; max-width:100vw; overflow-x:hidden; }
.main, .view, .grid, .card, .table-wrap, .topbar, .top-actions, .wizard-wrap, .wizard-side, .wizard-card, .modal, .modal-body, .welcome-modal, .welcome-grid, .form-grid, .review-grid, .summary-item, .task-item, .asset-row { min-width:0; max-width:100%; }
.card, .summary-item, .task-item, .asset-row, .welcome-grid div, .review-item, td, th, .field, .field input, .field textarea, .field select { overflow-wrap:anywhere; word-break:normal; }
.modal-backdrop { overflow-y:auto; overflow-x:hidden; place-items:center; }
.modal { width:min(820px, calc(100vw - 36px)); max-width:calc(100vw - 36px); overflow-y:auto; overflow-x:hidden; }
.modal-head, .modal-body { max-width:100%; overflow-x:hidden; }
.modal-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:10px; }
.client-record-modal-actions{justify-content:space-between;}
.client-record-modal-actions .client-record-save{margin-left:auto;}
.client-record-remove{background:transparent;border-color:transparent;color:var(--muted);box-shadow:none;padding-left:0;padding-right:0;}
.client-record-remove:hover{background:transparent;color:var(--red);}
.welcome-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; }
.welcome-actions .btn { white-space:normal; flex:0 1 auto; }
.table-wrap { width:100%; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; }
table { max-width:none; }
.search-box { max-width:100%; }
.kpi-value, .title-wrap h1, .section-head h2, .section-head h3, .wizard-question h2, .welcome-modal h3 { overflow-wrap:normal; }

@media (max-width: 980px) {
  .cols-5, .cols-4, .cols-3 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .top-actions { justify-content:flex-start; }
  .modal { width:calc(100vw - 28px); max-width:calc(100vw - 28px); }
}

@media (max-width: 640px) {
  .cols-5, .cols-4, .cols-3, .cols-2, .form-grid, .review-grid, .welcome-grid { grid-template-columns:1fr; }
  .modal-backdrop { padding:10px; align-items:start; }
  .modal { width:calc(100vw - 20px); max-width:calc(100vw - 20px); border-radius:22px; }
  .modal-head, .modal-body { padding:16px; }
  .modal-actions, .welcome-actions, .wizard-actions { flex-direction:column-reverse; align-items:stretch; }
  .modal-actions .btn, .welcome-actions .btn, .wizard-actions .btn { width:100%; }
  .search-box { min-width:0; width:100%; }
  .top-actions { width:100%; }
}

/* Intake navigation refinement: compact section arrows instead of a long scroll list */
.wizard-side{overflow:visible;}
.wizard-steps{display:none!important;}
.wizard-current{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 12px;padding:12px 14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(200,162,74,.10),rgba(47,122,87,.08));box-shadow:var(--glow)}
.wizard-current strong{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.wizard-current span{font-size:13px;color:var(--muted);font-weight:800;text-align:right}
.wizard-map{display:grid;gap:10px;margin-top:12px;overflow:visible;max-height:none;padding:0;}
.step-arrow{position:relative;width:100%;border:1px solid var(--line);border-radius:18px;padding:11px 12px;background:rgba(128,128,128,.045);color:var(--text);display:grid;grid-template-columns:34px minmax(0,1fr) 28px;align-items:center;gap:10px;text-align:left;transition:var(--ease);}
.step-arrow:hover{transform:translateX(2px);border-color:var(--line-strong);background:rgba(200,162,74,.08)}
.step-arrow.active{background:linear-gradient(135deg,rgba(47,122,87,.28),rgba(200,162,74,.16));border-color:rgba(200,162,74,.45);box-shadow:inset 0 0 0 1px rgba(200,162,74,.08), var(--glow)}
.step-arrow.done{color:var(--text)}
.step-num{width:31px;height:31px;border-radius:12px;display:grid;place-items:center;background:var(--chip);color:var(--gold);font-weight:950;font-size:12px;}
.step-copy{min-width:0;display:grid;gap:2px;}
.step-copy strong{font-size:13px;line-height:1.15;white-space:normal;overflow-wrap:anywhere;}
.step-copy small{color:var(--muted);font-size:11px;line-height:1.2;}
.step-mark{width:25px;height:25px;border-radius:999px;display:grid;place-items:center;background:rgba(128,128,128,.10);color:var(--muted);font-weight:950;}
.step-arrow.active .step-mark,.step-arrow.done .step-mark{background:rgba(85,185,133,.14);color:var(--green-2)}
.step-arrow:not(:last-child)::after{content:"";position:absolute;left:27px;bottom:-10px;width:1px;height:10px;background:linear-gradient(180deg,var(--line-strong),transparent);pointer-events:none;}
.wizard-card{min-height:520px;overflow:hidden;}
.wizard-question,.review-item,.check-row{overflow-wrap:anywhere;}

@media(max-width:1200px){
  .wizard-map{grid-template-columns:repeat(2,minmax(0,1fr));}
  .step-arrow:not(:last-child)::after{display:none;}
}
@media(max-width:760px){
  .wizard-map{grid-template-columns:1fr;}
  .wizard-current{align-items:flex-start;flex-direction:column;}
  .wizard-current span{text-align:left;}
}

/* Button and container fit pass: prevent short labels from breaking inside controls */
button,
.btn,
.icon-btn,
.nav-btn,
.theme-toggle button,
.status {
  line-height:1.15;
  overflow-wrap:normal;
  word-break:normal;
}

.btn {
  min-height:42px;
  white-space:nowrap;
  flex-shrink:0;
  text-align:center;
}

.btn.small {
  min-height:36px;
  min-width:68px;
  padding:8px 12px;
  font-size:12px;
  letter-spacing:.01em;
}

.row-actions {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  flex-wrap:nowrap;
  min-width:150px;
}

.row-actions .btn {
  width:auto!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

.table-wrap th:last-child,
.table-wrap td:last-child {
  min-width:168px;
  width:168px;
  white-space:nowrap;
}

.table-wrap td,
.table-wrap th {
  overflow-wrap:normal;
  word-break:normal;
}

.table-wrap td:not(:last-child),
.table-wrap th:not(:last-child) {
  overflow-wrap:anywhere;
}

/* Let longer CTA buttons wrap only where wrapping is actually useful */
.modal-actions .btn,
.welcome-actions .btn,
.wizard-actions .btn,
.field.wide > .btn,
.field.wide button.btn {
  white-space:normal;
  min-width:120px;
}

/* Keep compact controls tidy inside cards and headers */
.section-head,
.top-actions,
.wizard-actions,
.modal-actions,
.welcome-actions,
.asset-row,
.metric-row,
.task-item {
  overflow-wrap:normal;
}

.section-head .btn,
.top-actions .btn,
.asset-row .btn,
.task-item .btn {
  white-space:nowrap;
}

.kpi-card,
.summary-item,
.task-item,
.asset-row,
.review-item,
.welcome-grid div {
  line-height:1.35;
}

.kpi-label,
.nav-heading,
.focus-kicker,
.spark,
th,
.field label {
  line-height:1.25;
}

@media(max-width:760px){
  .row-actions{flex-direction:row;justify-content:flex-start;min-width:150px;}
  .row-actions .btn{width:auto!important;}
  .top-actions .btn,
  .section-head .btn{width:auto;max-width:100%;}
  .modal-actions .btn,
  .welcome-actions .btn,
  .wizard-actions .btn,
  .field.wide > .btn,
  .field.wide button.btn{width:100%;}
}


/* Client filters, column controls, and bubbled-up action cards */
.table-tools{display:grid;gap:12px;margin:0 0 16px;padding:14px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,var(--panel-2),var(--panel-3));box-shadow:var(--glow)}
.filter-grid{display:grid;grid-template-columns:repeat(6,minmax(140px,1fr));gap:10px;align-items:end}
.filter-field{display:grid;gap:6px;min-width:0}
.filter-field span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:900}
.filter-field input,.filter-field select{width:100%;min-width:0;border:1px solid var(--line);border-radius:14px;background:var(--input);color:var(--text);padding:10px 12px;font:inherit;font-weight:700;outline:none}
.column-picker{border:1px solid var(--line);border-radius:16px;background:rgba(128,128,128,.04);padding:10px 12px;max-width:100%;overflow:hidden}
.column-picker summary{cursor:pointer;color:var(--gold);font-weight:950;font-size:12px;letter-spacing:.08em;text-transform:uppercase;list-style:none;display:flex;align-items:center;gap:8px}
.column-picker summary::after{content:'›';font-size:18px;transform:rotate(90deg);transition:var(--ease)}
.column-picker[open] summary::after{transform:rotate(-90deg)}
.column-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:8px;margin-top:12px}
.column-grid label{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:13px;padding:9px 10px;background:rgba(128,128,128,.04);font-size:12px;color:var(--muted);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.attention-card{border-color:rgba(200,162,74,.38)}
.compact-list{gap:8px}
.attention-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:16px;background:rgba(128,128,128,.045);padding:11px 12px;min-width:0}
.attention-item strong{display:block;font-size:13px;line-height:1.25;overflow-wrap:anywhere}
.attention-badges{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;max-width:220px}
.status.client-action{background:rgba(200,162,74,.16);color:var(--gold);border-color:rgba(200,162,74,.34)}
.status.important{background:rgba(85,185,133,.16);color:var(--green-2);border-color:rgba(85,185,133,.34)}
.status.past-due{background:rgba(223,54,86,.16);color:#df3656;border-color:rgba(223,54,86,.34)}
.status.no{background:rgba(128,128,128,.08);color:var(--muted);border-color:var(--line)}
.table-wrap th,.table-wrap td{vertical-align:top}
@media(max-width:1180px){.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.column-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.filter-grid,.column-grid{grid-template-columns:1fr}.attention-item{grid-template-columns:1fr}.attention-badges{justify-content:flex-start;max-width:100%}.table-tools{padding:12px}}

/* Clean navigation, role cards, and table fit pass */
.settings-link-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.settings-link-grid .btn{width:auto;min-width:170px}
.role-list{margin:0;padding-left:18px;color:var(--muted);display:grid;gap:10px;line-height:1.5}
.role-list li::marker{color:var(--gold)}

.data-table{table-layout:auto;width:max-content;min-width:100%}
.table-wrap{overflow-x:auto;overflow-y:hidden}
.data-table th,.data-table td{white-space:normal;overflow-wrap:normal;word-break:normal;line-height:1.35}
.data-table th{white-space:nowrap}
.data-table td[data-col="contact"],.data-table td[data-col="company"],.data-table td[data-col="source"],.data-table td[data-col="owner"]{white-space:normal;overflow-wrap:break-word}
.data-table td[data-col="notes"],.data-table td[data-col="expected"],.data-table td[data-col="strategy"],.data-table td[data-col="task"]{white-space:normal;overflow-wrap:break-word;min-width:220px;max-width:420px}
.data-table td[data-col="nextAction"]{min-width:150px;max-width:260px;overflow-wrap:break-word}
.data-table th[data-col="actions"],.data-table td[data-col="actions"]{position:sticky;right:0;background:var(--panel);z-index:2;box-shadow:-10px 0 18px rgba(0,0,0,.12)}
.data-table th[data-col="actions"]{z-index:3;background:var(--panel-2)}
.data-table td[data-col="actions"]{min-width:170px;width:170px;white-space:nowrap}
.table-pipeline{min-width:1120px}
.table-pipeline th[data-col="contact"],.table-pipeline td[data-col="contact"]{min-width:145px;width:160px}
.table-pipeline th[data-col="company"],.table-pipeline td[data-col="company"]{min-width:145px;width:160px}
.table-pipeline th[data-col="source"],.table-pipeline td[data-col="source"]{min-width:100px;width:110px}
.table-pipeline th[data-col="stage"],.table-pipeline td[data-col="stage"]{min-width:130px;width:140px}
.table-pipeline th[data-col="value"],.table-pipeline td[data-col="value"]{min-width:110px;width:120px;white-space:nowrap}
.table-pipeline th[data-col="owner"],.table-pipeline td[data-col="owner"]{min-width:140px;width:150px}
.table-pipeline th[data-col="notes"],.table-pipeline td[data-col="notes"]{min-width:280px;width:34vw;max-width:520px}
.table-pipeline th[data-col="important"],.table-pipeline td[data-col="important"],
.table-pipeline th[data-col="clientAction"],.table-pipeline td[data-col="clientAction"],
.table-pipeline th[data-col="reminderDate"],.table-pipeline td[data-col="reminderDate"],
.table-pipeline th[data-col="lastTouch"],.table-pipeline td[data-col="lastTouch"]{min-width:130px}
.row-actions .btn.small{min-width:72px;text-align:center}
@media(max-width:760px){.settings-link-grid .btn{width:100%;}.data-table th[data-col="actions"],.data-table td[data-col="actions"]{position:static;box-shadow:none}}


/* --- Premium mockup alignment pass: darker private-capital UI, green CTAs, gold accents --- */
html[data-theme="dark"]{
  --bg:#050d0a;
  --bg-2:#0a1511;
  --panel:#0d1a15;
  --panel-2:#101f18;
  --panel-3:#15291f;
  --sidebar:#04120d;
  --sidebar-2:#0b271b;
  --text:#f6f0df;
  --muted:#a5b1a5;
  --soft:#d4b967;
  --line:rgba(212,185,103,.18);
  --line-strong:rgba(212,185,103,.42);
  --green:#0f4d35;
  --green-2:#2f8e61;
  --gold:#b8892e;
  --gold-2:#e1bf63;
  --shadow:0 28px 90px rgba(0,0,0,.42);
  --glow:0 0 0 1px rgba(225,191,99,.16),0 22px 75px rgba(15,77,53,.22);
}
html[data-theme="light"]{
  --bg:#f8f4eb;
  --bg-2:#fffdf7;
  --panel:#fffaf1;
  --panel-2:#f8f1e5;
  --panel-3:#efe3ce;
  --sidebar:#fffaf0;
  --sidebar-2:#f6eedf;
  --text:#101d17;
  --muted:#66736a;
  --soft:#8e773f;
  --line:rgba(38,62,47,.14);
  --line-strong:rgba(184,137,46,.34);
  --green:#06462f;
  --green-2:#1e714c;
  --gold:#b8892e;
  --gold-2:#d6ac4d;
}
body{
  overflow-x:hidden;
  background:
    radial-gradient(circle at 15% 8%,rgba(225,191,99,.10),transparent 24%),
    radial-gradient(circle at 85% 0%,rgba(27,104,71,.18),transparent 24%),
    linear-gradient(135deg,var(--bg),var(--bg-2));
}
html[data-theme="dark"] .app-shell{
  background:
    linear-gradient(180deg,rgba(225,191,99,.035),transparent 34%),
    radial-gradient(circle at 96% 6%,rgba(225,191,99,.08),transparent 17%);
}
.sidebar{
  border-right-color:rgba(225,191,99,.28);
  box-shadow:18px 0 54px rgba(0,0,0,.18);
}
html[data-theme="dark"] .sidebar{
  background:
    radial-gradient(circle at 15% 6%,rgba(225,191,99,.10),transparent 20%),
    linear-gradient(180deg,#052016,#03100b 68%,#020906);
}
.brand-block{gap:16px;padding-bottom:18px;}
.brand-mark{
  position:relative;
  width:58px;height:58px;border-radius:18px;
  background:radial-gradient(circle at 50% 42%,rgba(225,191,99,.18),transparent 40%),linear-gradient(145deg,rgba(225,191,99,.16),rgba(15,77,53,.18));
  border:1px solid rgba(225,191,99,.58);
  color:var(--gold-2);
  box-shadow:0 0 0 5px rgba(225,191,99,.035),0 16px 38px rgba(0,0,0,.24);
  font-family:var(--font-display);
  font-size:31px;
  line-height:1;
}
.brand-mark span{position:relative;z-index:2;}
.brand-mark:before,.brand-mark:after{
  content:"";position:absolute;inset:7px;border:1px solid rgba(225,191,99,.45);border-radius:14px;transform:rotate(45deg);pointer-events:none;
}
.brand-mark:after{inset:13px;border-color:rgba(225,191,99,.28);transform:rotate(0deg);border-radius:50%;}
.brand-name{font-size:20px;color:var(--text);text-shadow:0 0 24px rgba(225,191,99,.16)}
.brand-sub{color:var(--gold-2);opacity:.92;}
.nav{gap:20px;}
.nav-heading{color:var(--gold-2);opacity:.82;}
.nav-btn{border:1px solid transparent;min-height:48px;}
.nav-btn:hover{background:rgba(21,75,52,.38);border-color:rgba(225,191,99,.12);}
.nav-btn.active{
  position:relative;
  background:linear-gradient(135deg,rgba(15,77,53,.92),rgba(19,91,61,.74));
  border-color:rgba(225,191,99,.50);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 15px 34px rgba(0,0,0,.18);
}
.nav-btn.active:after{content:"";position:absolute;right:-1px;top:10px;bottom:10px;width:3px;border-radius:999px;background:var(--gold-2);box-shadow:0 0 16px rgba(225,191,99,.65)}
.nav-ico{background:rgba(225,191,99,.08);border:1px solid rgba(225,191,99,.16);}
.focus-card{
  background:linear-gradient(150deg,rgba(15,77,53,.72),rgba(8,29,21,.82));
  border-color:rgba(225,191,99,.48);
}
.focus-card h3{font-size:19px;color:var(--gold-2)}
.focus-card:before{content:"★";position:absolute;right:18px;top:14px;color:var(--gold-2);font-size:18px;}
.user-card{border-color:rgba(225,191,99,.22);background:rgba(15,77,53,.24);}
.user-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;}
#logoutBtn{width:32px;height:32px;font-size:18px;line-height:1;}
body.auth-required{overflow:hidden;}
body.auth-required .app-shell,body.auth-required .mobile-appbar{display:none!important;}
.platform-auth{position:fixed;inset:0;z-index:9999;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 12%,rgba(198,162,74,.12),transparent 30%),radial-gradient(circle at 82% 82%,rgba(47,122,87,.18),transparent 36%),linear-gradient(145deg,#020c08,#062016 54%,#020806);overflow:auto;}
.platform-auth-card{position:relative;width:min(780px,calc(100vw - 40px));display:grid;gap:24px;padding:42px 56px;border:1px solid rgba(225,191,99,.34);border-radius:20px;background:linear-gradient(155deg,rgba(7,31,22,.98),rgba(3,17,12,.99));box-shadow:0 34px 110px rgba(0,0,0,.48),0 0 0 1px rgba(225,191,99,.06);}
.platform-auth-card h1{margin:8px auto 0;font-family:var(--font-display);font-size:clamp(46px,5.2vw,64px);font-weight:900;line-height:.95;letter-spacing:0;color:var(--cream);max-width:610px;text-align:center;}
.platform-auth-card p{margin:0;}
.auth-brand-row{display:grid;justify-items:center;text-align:center;gap:14px;}
.auth-brand{width:64px;height:64px;border-radius:20px;box-shadow:0 16px 42px rgba(198,162,74,.20);}
.auth-brand-row .spark{font-size:11px;letter-spacing:2.4px;}
.auth-intro{line-height:1.55;max-width:560px;margin:14px auto 0!important;font-size:16px;color:#cfe0cf!important;}
.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.auth-segmented{display:none;}
.platform-auth-card form,.auth-form-card{display:grid;gap:14px;}
.auth-form-card{width:min(600px,100%);justify-self:center;border:1px solid rgba(225,191,99,.24);border-radius:22px;padding:20px;background:rgba(2,13,9,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);}
.platform-auth-card .field input{height:48px;background:rgba(3,14,10,.96);border-color:rgba(225,191,99,.24);color:var(--text);font-size:15px;border-radius:14px;}
.platform-auth-card .field input:-webkit-autofill{-webkit-text-fill-color:var(--text);box-shadow:0 0 0 1000px #07140e inset;}
.platform-auth-card .field label{margin-bottom:8px;letter-spacing:1.7px;}
.platform-auth-card .auth-primary-btn{width:100%;justify-self:stretch;height:50px;border-radius:12px;background:linear-gradient(135deg,var(--green),var(--green-2));box-shadow:0 18px 42px rgba(47,122,87,.30),inset 0 1px 0 rgba(255,255,255,.10);}
.auth-access-note,.auth-help-panel{border:1px solid rgba(225,191,99,.20);border-radius:16px;padding:13px 14px;background:rgba(7,25,17,.72);display:grid;gap:6px;}
.auth-access-note strong{font-size:15px;color:var(--text);}
.auth-help-panel{gap:9px;background:rgba(255,255,255,.035);}
.auth-help-actions{display:flex;gap:9px;flex-wrap:wrap;}
.auth-help-actions button{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);color:var(--gold-2);padding:8px 11px;cursor:pointer;font:inherit;font-size:12px;font-weight:900;}
.auth-help-actions button:hover{border-color:rgba(225,191,99,.42);background:rgba(225,191,99,.08);color:var(--text);}.auth-message{border:1px solid var(--gold-line);border-radius:12px;padding:10px 12px;background:rgba(198,162,74,.11);color:var(--text);font-size:.9rem;line-height:1.4;overflow-wrap:anywhere;display:grid;gap:4px}
.auth-message strong{font-size:.92rem}
.auth-message span,.auth-message small{color:var(--muted)}
.auth-message small{font-size:.78rem}
@media(max-width:640px){.platform-auth{padding:16px;align-items:center}.platform-auth-card{width:100%;padding:26px 18px;gap:18px;border-radius:18px}.auth-grid{grid-template-columns:1fr}.platform-auth-card h1{font-size:39px}.auth-form-card{padding:15px}.auth-brand{width:58px;height:58px}.auth-intro{font-size:14px}.auth-help-actions button{width:auto}}
.main{padding:30px 32px;}
.topbar{align-items:flex-start;margin-bottom:26px;}
.title-wrap h1{font-size:38px;color:var(--text);}
.spark{color:var(--gold-2)}
.top-actions{gap:12px;}
.top-pill,.date-pill{
  height:42px;
  background:rgba(11,25,18,.72);
  border-color:rgba(225,191,99,.36)!important;
  color:var(--text);
  box-shadow:none;
  white-space:nowrap;
}
html[data-theme="light"] .top-pill,html[data-theme="light"] .date-pill{background:var(--panel);}
.search-box{min-width:330px;height:42px;box-shadow:none;border-color:rgba(225,191,99,.22);}
.search-box kbd{
  border:1px solid var(--line);border-radius:8px;padding:2px 7px;font-size:11px;color:var(--muted);background:rgba(128,128,128,.08);white-space:nowrap;
}
.notify-btn,.top-avatar{
  width:40px;height:40px;border-radius:999px;border:1px solid rgba(225,191,99,.34);background:rgba(15,77,53,.34);color:var(--gold-2);display:grid;place-items:center;font-weight:950;position:relative;
}
.notify-btn span{position:absolute;right:-4px;top:-5px;background:var(--gold);color:#111;border-radius:999px;font-size:10px;padding:2px 5px;}
.top-avatar{background:linear-gradient(145deg,rgba(15,77,53,.95),rgba(225,191,99,.20));color:#f8f0dd;}
.theme-toggle{border-color:rgba(225,191,99,.36);background:rgba(8,18,13,.68);}
html[data-theme="light"] .theme-toggle{background:var(--panel);}
.theme-toggle button.active{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#10160f;box-shadow:0 8px 22px rgba(184,137,46,.22)}
.btn.primary{
  background:linear-gradient(135deg,#0a3f2b,#17764f 58%,#218c5d);
  border-color:rgba(225,191,99,.42);
  color:#fffbe9;
  box-shadow:0 0 0 1px rgba(225,191,99,.10),0 16px 40px rgba(15,77,53,.34);
}
.btn.primary:hover{filter:brightness(1.06);transform:translateY(-1px)}
.btn.ghost,.export-btn{border-color:rgba(225,191,99,.23);background:rgba(128,128,128,.045)}
.card{
  border-color:rgba(225,191,99,.22);
  background:linear-gradient(145deg,rgba(16,31,24,.96),rgba(10,22,17,.96));
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 26px 80px rgba(0,0,0,.28);
}
html[data-theme="light"] .card{background:linear-gradient(145deg,var(--panel),var(--panel-2));box-shadow:0 18px 50px rgba(27,45,34,.08)}
.card.decor:before{border-color:rgba(225,191,99,.18);}
.kpi-card{min-height:158px;}
.kpi-icon{background:rgba(15,77,53,.36);border:1px solid rgba(225,191,99,.20);color:var(--gold-2);}
.kpi-value{font-family:var(--font-display);font-weight:500;font-size:34px;}
.kpi-label{color:var(--gold-2);}
.section-head h2,.section-head h3{color:var(--text);}
.table-wrap{border-color:rgba(225,191,99,.24);background:rgba(7,18,13,.42)}
th{color:var(--gold-2);background:rgba(225,191,99,.035)}
td{line-height:1.45;}
.row-actions .btn{min-width:72px;}
.status{font-size:11px;padding:5px 10px;}
.wizard-side{background:linear-gradient(145deg,rgba(15,77,53,.68),rgba(6,19,13,.94));border-color:rgba(225,191,99,.36);}
html[data-theme="light"] .wizard-side{background:linear-gradient(145deg,var(--panel),var(--panel-2));}
.modal{border-color:rgba(225,191,99,.38);}
.modal-head{background:linear-gradient(135deg,rgba(15,77,53,.28),transparent);}
@media(max-width:1400px){.app-shell{grid-template-columns:280px minmax(0,1fr)}.main{padding:24px}.search-box{min-width:260px}.cols-5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1020px){.top-pill,.notify-btn,.top-avatar{display:none}.cols-5{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Phase 1 integration readiness hub */
.integration-kpis .kpi-card{min-height:145px}
.integration-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:22px;align-items:stretch;overflow:hidden}
.integration-hero:after{content:"";position:absolute;right:-52px;top:-62px;width:210px;height:210px;border:1px solid rgba(225,191,99,.16);border-radius:42%;transform:rotate(28deg);pointer-events:none}
.integration-hero h2{font-family:var(--font-display);font-size:34px;margin:8px 0 10px;line-height:1.05}
.integration-hero-copy p{max-width:820px;line-height:1.65;margin:0}
.integration-next{position:relative;border:1px solid var(--line);border-radius:20px;padding:18px;background:linear-gradient(145deg,rgba(225,191,99,.10),rgba(15,77,53,.12));display:grid;gap:10px;align-content:center;z-index:1}
.integration-next strong{font-family:var(--font-display);font-size:20px;color:var(--gold-2)}
.integration-next span{display:flex;align-items:center;gap:9px;color:var(--muted);font-weight:800;font-size:13px}
.integration-next span:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--gold-2);box-shadow:0 0 16px rgba(225,191,99,.45)}
.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.integration-card{display:grid;gap:15px;min-height:100%}
.integration-card-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center}
.integration-card-head h3{margin:4px 0 0;font-family:var(--font-display);font-size:27px;line-height:1.05;overflow-wrap:anywhere}
.integration-logo{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(15,77,53,.88),rgba(225,191,99,.14));border:1px solid rgba(225,191,99,.42);color:var(--gold-2);font-weight:950;box-shadow:0 12px 28px rgba(0,0,0,.18);font-size:15px}
.integration-status{white-space:nowrap;border-color:rgba(225,191,99,.28);background:rgba(128,128,128,.08)}
.integration-status.ready-to-connect{background:rgba(47,122,87,.20);color:var(--green-2);border-color:rgba(85,185,133,.35)}
.integration-status.connected{background:rgba(47,122,87,.30);color:#86e4ac;border-color:rgba(134,228,172,.38)}
.integration-status.planned{background:rgba(200,162,74,.14);color:var(--gold-2);border-color:rgba(225,191,99,.34)}
.integration-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.integration-meta span{border:1px solid var(--line);background:rgba(128,128,128,.045);border-radius:16px;padding:11px 12px;color:var(--muted);font-size:13px;display:grid;gap:3px;min-width:0}
.integration-meta strong{color:var(--text);font-size:11px;text-transform:uppercase;letter-spacing:.14em}
.integration-section{border-top:1px solid var(--line);padding-top:12px;min-width:0}
.integration-section strong{display:block;color:var(--gold-2);font-size:12px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:7px}
.integration-section p{margin:0;color:var(--muted);line-height:1.55;font-size:13px;overflow-wrap:anywhere}
.integration-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}
.integration-actions .btn{white-space:nowrap}
.integration-note{border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:rgba(128,128,128,.045);line-height:1.5;margin:0}
.integration-log{display:grid;gap:10px}
.log-row{display:grid;grid-template-columns:110px 150px minmax(0,1fr);gap:12px;align-items:start;border:1px solid var(--line);border-radius:16px;padding:13px;background:rgba(128,128,128,.045)}
.log-row span{color:var(--gold-2);font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.log-row strong{color:var(--text)}.log-row p{margin:0;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}
html[data-theme="light"] .integration-card,html[data-theme="light"] .integration-hero{background:linear-gradient(145deg,var(--panel),var(--panel-2))}
html[data-theme="light"] .integration-logo{background:linear-gradient(145deg,rgba(6,70,47,.10),rgba(214,172,77,.16));color:var(--green)}
@media(max-width:1200px){.integration-grid{grid-template-columns:1fr}.integration-hero{grid-template-columns:1fr}.integration-card-head{grid-template-columns:auto minmax(0,1fr);}.integration-card-head .status{grid-column:1/-1;width:max-content;max-width:100%}}
@media(max-width:720px){.integration-meta{grid-template-columns:1fr}.log-row{grid-template-columns:1fr}.integration-actions .btn{width:100%}.integration-hero h2{font-size:28px}}


/* Top bar simplification + quieter mockup-aligned scale */
body{font-size:14px;}
.topbar{align-items:flex-start;display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:20px;}
.compact-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:nowrap;width:auto;}
.site-search{width:min(420px,34vw);min-width:260px;box-shadow:none;}
.premium-theme-toggle{height:40px;align-items:center;padding:3px;border-color:rgba(225,191,99,.36);background:rgba(8,18,13,.72);}
.premium-theme-toggle button{height:32px;padding:0 14px;font-size:12px;line-height:1;}
.premium-theme-toggle button.active{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#10160f;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 8px 22px rgba(184,137,46,.20)}
.title-wrap h1{font-size:32px;letter-spacing:-.02em;margin:6px 0 6px;}
.title-wrap p{font-size:13px;}
.spark,.focus-kicker{font-size:9px;letter-spacing:.16em;}
.card{padding:16px;border-radius:20px;}
.section-head{margin-bottom:12px;}
.section-head h2{font-size:22px;}
.section-head h3{font-size:18px;}
.kpi-card{min-height:132px;}
.kpi-label{font-size:9px;letter-spacing:.12em;}
.kpi-value{font-size:28px;margin-top:6px;}
.kpi-icon{width:35px;height:35px;border-radius:13px;font-size:13px;}
.trend{font-size:11px;}
.nav-btn{min-height:42px;padding:9px 11px;font-size:13px;}
.nav-ico{width:27px;height:27px;border-radius:10px;font-size:12px;}
.nav-heading{font-size:9px;}
.focus-card{padding:14px;border-radius:20px;}
.focus-card h3{font-size:16px;}
.focus-card p{font-size:12px;}
.btn{padding:9px 13px;border-radius:13px;font-size:13px;}
.btn.small{padding:6px 9px;font-size:11px;}
.search-box{height:40px;font-size:13px;}
.chart{height:250px;}
.summary-item,.task-item{padding:10px;border-radius:14px;}
th,td{font-size:13px;padding:11px 13px;}
th{font-size:10px;}
.search-hero p{margin-top:0;}
.search-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.search-result-card{border:1px solid var(--line);border-radius:18px;background:rgba(128,128,128,.045);padding:14px;display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;}
.search-result-card h3{font-family:var(--font-display);font-size:18px;margin:4px 0 5px;}
.search-result-card p{margin:0;line-height:1.45;overflow-wrap:anywhere;}
.search-actions{flex:0 0 auto;}
@media(max-width:1180px){.topbar{grid-template-columns:1fr}.compact-top-actions{justify-content:flex-start;width:100%;}.site-search{width:100%;max-width:460px;}.search-results-grid{grid-template-columns:1fr;}}
@media(max-width:760px){.compact-top-actions{flex-wrap:wrap;}.site-search{max-width:100%;min-width:0}.compact-top-actions .btn,.compact-top-actions .theme-toggle{width:auto}.title-wrap h1{font-size:28px}.search-results-grid{grid-template-columns:1fr;}}

/* Pipeline fit pass: no page/table horizontal scrollbar, client-friendly columns */
.table-wrap{overflow-x:hidden!important;overflow-y:visible!important;}
.data-table{width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important;}
.data-table th,.data-table td{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.table-pipeline{width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important;}
.table-pipeline th[data-col="contact"],.table-pipeline td[data-col="contact"]{width:17%!important;}
.table-pipeline th[data-col="source"],.table-pipeline td[data-col="source"]{width:12%!important;}
.table-pipeline th[data-col="stage"],.table-pipeline td[data-col="stage"]{width:13%!important;}
.table-pipeline th[data-col="value"],.table-pipeline td[data-col="value"]{width:11%!important;white-space:nowrap!important;}
.table-pipeline th[data-col="nextAction"],.table-pipeline td[data-col="nextAction"]{width:14%!important;}
.table-pipeline th[data-col="notes"],.table-pipeline td[data-col="notes"]{width:auto!important;max-width:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.table-pipeline th[data-col="actions"],.table-pipeline td[data-col="actions"]{width:160px!important;min-width:160px!important;position:static!important;box-shadow:none!important;white-space:nowrap!important;}
.table-pipeline .row-actions{justify-content:flex-end;flex-wrap:nowrap;}
.table-pipeline .row-actions .btn{min-width:72px;white-space:nowrap;}
@media(max-width:900px){
  .table-pipeline th[data-col="source"],.table-pipeline td[data-col="source"]{display:none;}
  .table-pipeline th[data-col="notes"],.table-pipeline td[data-col="notes"]{width:22%!important;}
}

/* Integration two-panel account layout */
.integration-shell{
  display:grid;
  grid-template-columns:minmax(250px,340px) minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.integration-left{
  position:sticky;
  top:18px;
  display:grid;
  gap:14px;
  min-width:0;
}
.section-head.compact h3{font-size:22px;margin:2px 0 0;line-height:1.05}
.small-copy{font-size:12px;line-height:1.55;margin:0}
.integration-nav-list{display:grid;gap:10px;min-width:0}
.integration-nav-item{
  width:100%;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(128,128,128,.035);
  color:var(--text);
  padding:12px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:11px;
  align-items:center;
  text-align:left;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.integration-nav-item .status{grid-column:2;justify-self:start;margin-top:2px;font-size:10px;max-width:100%;white-space:nowrap}
.integration-nav-item:hover,.integration-nav-item.active{
  border-color:rgba(225,191,99,.54);
  background:linear-gradient(145deg,rgba(15,77,53,.32),rgba(225,191,99,.08));
  box-shadow:0 12px 28px rgba(0,0,0,.16), inset 0 0 0 1px rgba(225,191,99,.06);
}
.integration-nav-item.active{transform:translateX(2px)}
.integration-nav-copy{display:grid;gap:3px;min-width:0}
.integration-nav-copy strong{font-family:var(--font-display);font-size:16px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}
.integration-nav-copy small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
.integration-right{display:grid;gap:18px;min-width:0}
.integration-logo.small-logo{width:38px;height:38px;border-radius:14px;font-size:11px}
.integration-logo.large-logo{width:64px;height:64px;border-radius:22px;font-size:16px;flex:0 0 auto}
.integration-detail-card{display:grid;gap:16px;overflow:hidden;min-width:0}
.integration-detail-head{display:flex;gap:15px;align-items:flex-start;min-width:0}
.integration-detail-head h2{font-family:var(--font-display);font-size:30px;line-height:1.05;margin:3px 0 5px;overflow-wrap:anywhere}
.integration-detail-head .status{margin-left:auto;white-space:nowrap;max-width:100%}
.min-w-0{min-width:0}
.integration-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.detail-metric{border:1px solid var(--line);background:rgba(128,128,128,.04);border-radius:16px;padding:11px 12px;display:grid;gap:4px;min-width:0}
.detail-metric span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:900}
.detail-metric strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}
.account-detail-table{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(128,128,128,.03)}
.account-detail-row{display:grid;grid-template-columns:minmax(130px,.28fr) minmax(0,1fr);gap:14px;padding:13px 15px;border-bottom:1px solid var(--line);align-items:start;min-width:0}
.account-detail-row:last-child{border-bottom:0}
.account-detail-row span{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold-2);font-weight:950;line-height:1.35}
.account-detail-row p{margin:0;color:var(--text);font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.detail-actions{border-top:1px solid var(--line);padding-top:14px}
html[data-theme="light"] .integration-nav-item:hover,
html[data-theme="light"] .integration-nav-item.active{background:linear-gradient(145deg,rgba(6,70,47,.08),rgba(214,172,77,.12))}
@media(max-width:1100px){
  .integration-shell{grid-template-columns:1fr}
  .integration-left{position:relative;top:auto}
  .integration-nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .integration-nav-list,.integration-detail-grid,.account-detail-row{grid-template-columns:1fr}
  .integration-detail-head{display:grid;grid-template-columns:auto minmax(0,1fr)}
  .integration-detail-head .status{grid-column:1/-1;margin-left:0;justify-self:start}
  .integration-detail-head h2{font-size:25px}
}

/* Integration connection fields */
.integration-connect-form{
  border:1px solid var(--line);
  border-radius:20px;
  padding:16px;
  background:linear-gradient(145deg,rgba(225,191,99,.055),rgba(15,77,53,.08));
  display:grid;
  gap:14px;
  min-width:0;
}
.form-section-title{display:grid;gap:5px;min-width:0}
.form-section-title strong{font-family:var(--font-display);font-size:20px;line-height:1.1;color:var(--text)}
.form-section-title small{color:var(--muted);font-size:12px;line-height:1.45;max-width:780px}
.integration-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
.integration-field-grid .field{min-width:0}
.integration-field-grid .field.wide{grid-column:1/-1}
.integration-field-grid label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2);font-weight:950;line-height:1.25}
.integration-field-grid input,
.integration-field-grid select,
.integration-field-grid textarea{
  width:100%;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(0,0,0,.12);
  color:var(--text);
  padding:10px 12px;
  font:inherit;
  font-size:13px;
  outline:0;
}
.integration-field-grid textarea{min-height:82px;resize:vertical;line-height:1.45}
.integration-field-grid input::placeholder,
.integration-field-grid textarea::placeholder{color:color-mix(in srgb,var(--muted),transparent 30%)}
.integration-field-grid input:focus,
.integration-field-grid select:focus,
.integration-field-grid textarea:focus{border-color:rgba(225,191,99,.62);box-shadow:0 0 0 3px rgba(225,191,99,.10)}
html[data-theme="light"] .integration-connect-form{background:linear-gradient(145deg,rgba(214,172,77,.08),rgba(6,70,47,.035))}
html[data-theme="light"] .integration-field-grid input,
html[data-theme="light"] .integration-field-grid select,
html[data-theme="light"] .integration-field-grid textarea{background:rgba(255,255,255,.72)}
@media(max-width:760px){.integration-field-grid{grid-template-columns:1fr}.integration-connect-form{padding:13px}.form-section-title strong{font-size:18px}}

/* Media Studio split layout */
.media-shell .integration-left{align-self:start}
.media-detail-card{overflow:hidden}
.media-workspace{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:16px;align-items:start}
.media-ideas-panel{border:1px solid var(--line);border-radius:18px;background:rgba(128,128,128,.035);padding:14px;min-width:0}
.media-idea-list{display:grid;gap:10px;min-width:0}
.media-idea-item{width:100%;border:1px solid var(--line);border-radius:16px;background:rgba(128,128,128,.04);color:var(--text);padding:12px;text-align:left;display:grid;gap:5px;cursor:pointer;transition:var(--ease);min-width:0}
.media-idea-item:hover,.media-idea-item.active{border-color:rgba(225,191,99,.55);background:linear-gradient(145deg,rgba(15,77,53,.28),rgba(225,191,99,.08));box-shadow:inset 0 0 0 1px rgba(225,191,99,.06)}
.media-idea-item strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.media-idea-item small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.media-script-panel{padding:16px;min-width:0}
.media-script-form .field.wide{grid-column:1/-1}
.media-script-form .field textarea[name="script"]{min-height:260px;font-family:inherit;line-height:1.6}
.media-connect-form{border-top:1px solid var(--line);padding-top:14px}
@media(max-width:1100px){.media-workspace{grid-template-columns:1fr}.media-idea-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.media-idea-list{grid-template-columns:1fr}.media-script-form{grid-template-columns:1fr}.media-script-form .field.wide{grid-column:auto}}

/* Stabilization pass: calmer client-facing shell, hidden admin pages, detail modals */
.title-wrap h1{font-size:30px!important;letter-spacing:-.01em}.title-wrap p{font-size:13px}.spark{font-size:9px}.card{padding:16px}.section-head h2{font-size:20px!important}.section-head h3{font-size:17px!important}.kpi-card{min-height:124px}.kpi-value{font-size:25px!important}.kpi-label{font-size:8.5px}.nav{gap:16px}.nav-group{gap:6px}.nav-btn{min-height:40px!important;font-size:12.5px!important}.focus-card h3{font-size:18px}.focus-card p{font-size:12px}.overview-note{display:flex;align-items:center;justify-content:space-between;gap:16px}.overview-note h3{margin:3px 0 5px;font-family:var(--font-display);font-size:20px}.overview-note p{margin:0;font-size:13px}.table-tools{border:1px solid var(--line);border-radius:18px;background:rgba(128,128,128,.045);padding:12px;margin-bottom:14px}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;align-items:end}.filter-field span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:900}.filter-field input,.filter-field select{height:36px;font-size:12px;border-radius:12px}.column-picker{margin-top:10px}.column-picker summary{font-size:12px;color:var(--muted);cursor:pointer}.column-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-top:10px}.column-grid label{font-size:12px;color:var(--muted)}.table-wrap{overflow:hidden!important}.data-table{width:100%!important;table-layout:fixed!important}.data-table th,.data-table td{font-size:12px!important;padding:10px 9px!important;vertical-align:middle}.data-table th{font-size:9px!important;letter-spacing:.12em}.data-table td[data-col="notes"],.data-table td[data-col="expected"]{max-width:180px}.truncate-cell{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-table th[data-col="actions"],.data-table td[data-col="actions"]{position:static!important;box-shadow:none!important;width:172px!important;min-width:172px!important;background:transparent!important}.row-actions{display:flex;flex-wrap:nowrap;gap:5px}.row-actions .btn.small{padding:6px 7px;font-size:11px;min-width:45px}.record-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.record-detail-row{border:1px solid var(--line);border-radius:14px;padding:12px;background:rgba(128,128,128,.04);min-width:0}.record-detail-row span{display:block;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold);font-weight:900;margin-bottom:6px}.record-detail-row p{margin:0;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45;font-size:13px}.integration-detail-head p,.small-copy,.muted{line-height:1.5}.integration-actions .btn{white-space:normal}.settings-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.settings-link-grid .btn{width:100%;justify-content:center}.main{padding:22px}.topbar{margin-bottom:20px!important}.btn{font-size:12px}.btn.primary{box-shadow:0 10px 24px rgba(47,122,87,.16)}
@media(max-width:900px){.overview-note{align-items:flex-start;flex-direction:column}.record-detail-grid{grid-template-columns:1fr}.data-table th[data-col="actions"],.data-table td[data-col="actions"]{width:160px!important;min-width:160px!important}.row-actions .btn.small{font-size:10.5px;padding:6px}}

/* Patch: overview attention item renderer */
.mini-action-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:14px;
  padding:10px;
  background:rgba(128,128,128,.04);
  min-width:0;
}
.mini-action-copy{min-width:0;display:grid;gap:3px}
.mini-action-copy strong{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}
.mini-action-copy span{font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-action-flags{grid-column:1/-1;display:flex;gap:5px;flex-wrap:wrap;min-width:0}
.micro-btn{padding:6px 9px!important;font-size:10.5px!important;min-width:auto!important;white-space:nowrap!important}

/* Smart Advisor / AI Layer */
.advisor-panel{margin-top:18px;overflow:hidden}
.advisor-suggestion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.advisor-suggestion{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);background:var(--surface-2);border-radius:14px;padding:12px;min-width:0}
.advisor-suggestion span{color:var(--gold);flex:0 0 auto}
.advisor-suggestion p{margin:0;color:var(--text);font-size:.86rem;line-height:1.45;overflow-wrap:anywhere}
.advisor-drawer-backdrop{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.42);display:flex;justify-content:flex-end;backdrop-filter:blur(2px)}
.advisor-drawer{width:min(520px,100vw);height:100%;background:var(--bg);border-left:1px solid var(--gold-line);box-shadow:-24px 0 60px rgba(0,0,0,.35);display:flex;flex-direction:column;padding:18px;gap:14px;overflow:hidden}
.advisor-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px}
.advisor-drawer-head h3{margin:0;font-size:1.05rem}
.icon-btn{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;width:34px;height:34px;display:grid;place-items:center;cursor:pointer}
.advisor-messages{display:flex;flex-direction:column;gap:10px;overflow:auto;flex:1;padding:4px 4px 8px}
.advisor-msg{max-width:92%;border:1px solid var(--line);border-radius:16px;padding:12px;background:var(--surface)}
.advisor-msg.user{align-self:flex-end;background:linear-gradient(135deg,var(--green),var(--green-2));color:white;border-color:rgba(255,255,255,.12)}
.advisor-msg.assistant{align-self:flex-start;background:var(--surface-2);border-color:var(--gold-line)}
.advisor-msg p{margin:0;white-space:pre-wrap;line-height:1.5;font-size:.92rem;overflow-wrap:anywhere}
.advisor-chat-form{display:flex;gap:10px;border-top:1px solid var(--line);padding-top:12px}
.advisor-chat-form textarea{min-height:54px;max-height:140px;resize:vertical;flex:1}
.ai-action-row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.compact-static{opacity:.92}
.small-copy{font-size:.86rem;line-height:1.45}
@media (max-width:1000px){.advisor-suggestion-grid{grid-template-columns:1fr}.advisor-chat-form{flex-direction:column}.advisor-drawer{width:100vw}}


/* Advisor-first experience */
.advisor-top-btn{
  min-width:88px;
  justify-content:center;
  border-color:rgba(198,162,74,.72);
  background:linear-gradient(135deg, rgba(198,162,74,.22), rgba(21,82,55,.24));
  color:var(--text);
  box-shadow:0 0 0 1px rgba(198,162,74,.18), 0 14px 40px rgba(0,0,0,.18);
}
.advisor-top-btn:hover{ transform:translateY(-1px); border-color:var(--gold); }
.daily-advisor-brief{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(280px,.75fr);
  gap:18px;
  align-items:start;
  margin-bottom:18px;
  border-color:rgba(198,162,74,.45);
  background:
    radial-gradient(circle at 10% 5%, rgba(198,162,74,.16), transparent 28%),
    linear-gradient(135deg, rgba(16,62,43,.98), rgba(5,19,15,.96));
}
[data-theme="light"] .daily-advisor-brief{
  background:
    radial-gradient(circle at 10% 5%, rgba(198,162,74,.16), transparent 28%),
    linear-gradient(135deg, rgba(255,252,244,.96), rgba(247,243,230,.94));
}
.daily-advisor-main{
  display:flex;
  gap:16px;
  align-items:flex-start;
}
.advisor-orb{
  width:48px;
  height:48px;
  border-radius:18px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  color:#1c2f23;
  background:linear-gradient(135deg, var(--gold), #f0d483);
  box-shadow:0 0 32px rgba(198,162,74,.28);
  font-size:22px;
}
.daily-advisor-brief h2{
  margin:5px 0 8px;
  font-size:clamp(1.35rem, 2.1vw, 2.1rem);
  line-height:1.05;
}
.daily-advisor-brief p{
  max-width:72ch;
  margin:0;
  color:var(--muted);
  font-size:.94rem;
}
.daily-advisor-actions{
  border:1px solid rgba(198,162,74,.25);
  border-radius:18px;
  padding:14px;
  background:rgba(255,255,255,.035);
}
[data-theme="light"] .daily-advisor-actions{ background:rgba(255,255,255,.55); }
.daily-advisor-actions ol{
  margin:0 0 14px;
  padding-left:20px;
  display:grid;
  gap:8px;
  font-size:.86rem;
  color:var(--text);
}
.advisor-brief-btn{ width:100%; }
.advisor-priority-grid{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.advisor-priority-card{
  border:1px solid rgba(198,162,74,.2);
  border-radius:16px;
  padding:13px;
  background:rgba(255,255,255,.035);
  min-width:0;
}
[data-theme="light"] .advisor-priority-card{ background:rgba(255,255,255,.68); }
.advisor-priority-card span{
  display:block;
  margin-bottom:5px;
  color:var(--gold);
  font-size:.66rem;
  letter-spacing:.13em;
  text-transform:uppercase;
  font-weight:800;
}
.advisor-priority-card strong{
  display:block;
  font-size:.92rem;
  line-height:1.2;
  margin-bottom:5px;
}
.advisor-priority-card p{
  font-size:.78rem;
  line-height:1.4;
}
.advisor-priority-card.risk{ border-color:rgba(217,83,79,.33); }
.advisor-priority-card.move{ border-color:rgba(198,162,74,.38); }
.advisor-priority-card.opportunity{ border-color:rgba(82,171,115,.32); }
.page-advisor-brief{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  margin-bottom:16px;
  border-color:rgba(198,162,74,.38);
  padding:16px 18px;
}
.page-advisor-copy{ min-width:0; }
.page-advisor-copy h3{
  margin:4px 0 8px;
  font-size:1rem;
  line-height:1.25;
  max-width:95ch;
}
.page-advisor-copy ul{
  margin:0;
  padding-left:18px;
  display:grid;
  gap:3px;
  color:var(--muted);
  font-size:.82rem;
}
.advisor-drawer{
  width:min(520px, calc(100vw - 22px));
}
.advisor-drawer-head h3{ font-size:1.15rem; }
.advisor-msg p{ line-height:1.48; }
@media (max-width: 980px){
  .daily-advisor-brief{ grid-template-columns:1fr; }
  .advisor-priority-grid{ grid-template-columns:1fr; }
  .page-advisor-brief{ flex-direction:column; }
  .page-advisor-brief .btn{ width:100%; }
}
@media (max-width: 760px){
  .compact-top-actions{ flex-wrap:wrap; }
  .advisor-top-btn{ order:-1; }
}


/* AI Configuration connection status */
.ai-config-card .card-body,
.ai-config-card{ overflow:visible; }
.ai-status-card{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
  border:1px solid rgba(198,162,74,.28);
  border-radius:18px;
  padding:14px;
  margin-bottom:16px;
  background:rgba(255,255,255,.035);
}
[data-theme="light"] .ai-status-card{ background:rgba(255,255,255,.72); }
.ai-status-card h3{ margin:3px 0 5px; font-size:1rem; }
.ai-status-card p{ margin:0; font-size:.82rem; }
.ai-connection-pill{
  flex:0 0 auto;
  border-radius:999px;
  padding:7px 10px;
  font-size:.72rem;
  font-weight:800;
  white-space:nowrap;
  border:1px solid rgba(198,162,74,.3);
}
.ai-connection-pill.connected,
.ai-status-inline.connected{
  color:#8af0a2;
  border-color:rgba(107,214,130,.38);
  background:rgba(57,150,84,.14);
}
[data-theme="light"] .ai-connection-pill.connected,
[data-theme="light"] .ai-status-inline.connected{ color:#116a32; }
.ai-connection-pill.not-connected,
.ai-status-inline.not-connected{
  color:#f0c36d;
  border-color:rgba(198,162,74,.35);
  background:rgba(198,162,74,.12);
}
.ai-status-inline.pending{
  color:var(--text);
  border-color:rgba(198,162,74,.45);
  background:rgba(198,162,74,.16);
}
.ai-status-inline{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  border-radius:999px;
  padding:7px 11px;
  margin:10px 0 8px;
  font-size:.76rem;
  font-weight:800;
  border:1px solid rgba(198,162,74,.22);
}
.ai-button-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
.btn.danger-soft{
  border-color:rgba(217,83,79,.35);
  color:#f1a7a2;
}
.payment-links-form{display:grid;gap:14px;}
.payment-links-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.payment-link-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.payment-link-actions .ai-training-progress-label{margin:0;}
@media(max-width:640px){.payment-links-grid{grid-template-columns:1fr;}.payment-link-actions{align-items:stretch;flex-direction:column;}.payment-link-actions .btn{width:100%;}}
[data-theme="light"] .btn.danger-soft{ color:#a63a34; }
@media (max-width: 720px){
  .ai-status-card{ flex-direction:column; }
  .ai-connection-pill{ white-space:normal; }
}


/* Advisor logo button + media conversational workspace */
.advisor-logo-btn{
  width:42px;
  height:42px;
  border-radius:16px;
  border:1px solid rgba(198,162,74,.72);
  background:
    radial-gradient(circle at 35% 22%, rgba(232,206,132,.34), transparent 34%),
    linear-gradient(145deg, rgba(14,64,42,.96), rgba(5,23,17,.96));
  color:var(--gold);
  display:grid;
  place-items:center;
  box-shadow:0 0 0 1px rgba(198,162,74,.16), 0 14px 40px rgba(0,0,0,.24);
  cursor:pointer;
  flex:0 0 auto;
}
.advisor-logo-btn span{
  width:28px;
  height:28px;
  border-radius:50%;
  border:1px solid rgba(198,162,74,.58);
  display:grid;
  place-items:center;
  font-family:Georgia, serif;
  font-weight:900;
  font-size:1rem;
  letter-spacing:.02em;
}
.advisor-logo-btn:hover{ transform:translateY(-1px); border-color:var(--gold); box-shadow:0 0 28px rgba(198,162,74,.22); }
.advisor-logo-btn[hidden]{ display:none !important; }

.media-detail-stack{ display:grid; gap:16px; }
.media-workspace-first{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);
  gap:16px;
  margin-top:16px;
}
.media-advisor-panel,
.media-script-panel{
  background:rgba(255,255,255,.035);
  border-color:rgba(198,162,74,.22);
}
[data-theme="light"] .media-advisor-panel,
[data-theme="light"] .media-script-panel{
  background:rgba(255,255,255,.72);
}
.media-advisor-chat{ display:grid; gap:12px; min-width:0; }
.media-prompt-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.media-prompt-chips .btn{
  white-space:normal;
  text-align:left;
  justify-content:flex-start;
  line-height:1.2;
}
.media-advisor-messages{
  min-height:250px;
  max-height:420px;
  overflow:auto;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:12px;
  border:1px solid rgba(198,162,74,.18);
  border-radius:18px;
  background:rgba(0,0,0,.14);
}
[data-theme="light"] .media-advisor-messages{ background:rgba(250,247,238,.72); }
.media-advisor-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:end;
}
.media-advisor-form textarea{
  min-height:72px;
  resize:vertical;
}
.media-lower-grid{
  align-items:start;
}
.media-lower-grid .media-connect-form,
.media-lower-grid .media-ideas-panel{
  min-width:0;
}
.compact-media-fields{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.compact-media-metrics{
  margin-bottom:0;
}
@media (max-width: 1120px){
  .media-workspace-first{ grid-template-columns:1fr; }
}
@media (max-width: 720px){
  .media-advisor-form{ grid-template-columns:1fr; }
  .compact-media-fields{ grid-template-columns:1fr; }
}


/* Decluttered Media Studio */
.media-clean-stack{
  display:grid;
  gap:14px;
}
.media-channel-strip{
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px 18px;
}
.media-channel-strip h2{
  margin:2px 0 4px;
  font-size:1.35rem;
}
.media-channel-strip p{
  margin:0;
  font-size:.84rem;
}
.media-strip-badges{
  margin-left:auto;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:center;
}
.media-primary-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:14px;
  align-items:start;
}
.media-primary-grid > .card{
  min-width:0;
}
.media-secondary-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  align-items:start;
}
.media-details-toggle{
  padding:0;
  overflow:hidden;
}
.media-details-toggle summary{
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:15px 16px;
  list-style:none;
}
.media-details-toggle summary::-webkit-details-marker{ display:none; }
.media-details-toggle summary strong{
  display:block;
  font-size:.9rem;
}
.media-details-toggle summary small{
  display:block;
  color:var(--muted);
  font-size:.72rem;
  margin-top:2px;
}
.media-details-toggle summary > span:last-child{
  color:var(--gold);
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:800;
}
.media-details-toggle[open]{
  padding-bottom:14px;
}
.media-details-toggle[open] summary{
  border-bottom:1px solid rgba(198,162,74,.16);
  margin-bottom:12px;
}
.media-details-toggle .media-idea-list,
.media-details-toggle .media-connect-form{
  padding:0 16px;
}
.compact-idea-list{
  max-height:280px;
  overflow:auto;
}
.media-advisor-panel,
.media-script-panel{
  padding:16px;
}
.media-advisor-messages{
  min-height:320px;
  max-height:460px;
}
.media-prompt-chips{
  gap:6px;
}
.media-prompt-chips .btn{
  min-height:30px;
  padding:7px 10px;
}
.compact-script-form{
  gap:10px;
}
.compact-script-form .form-section-title{
  margin-bottom:0;
}
.compact-script-form textarea[name="script"]{
  min-height:210px;
}
.script-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
@media (max-width: 1180px){
  .media-primary-grid,
  .media-secondary-row{
    grid-template-columns:1fr;
  }
  .media-strip-badges{
    margin-left:0;
    justify-content:flex-start;
  }
  .media-channel-strip{
    align-items:flex-start;
    flex-wrap:wrap;
  }
}


/* Mobile friendliness pass */
.mobile-appbar{display:none}
.mobile-nav-backdrop{display:none}
html,body{max-width:100%;overflow-x:hidden}
img,canvas,svg,video{max-width:100%}
.min-w-0{min-width:0}

@media (max-width: 1180px){
  .app-shell{grid-template-columns:252px minmax(0,1fr)}
  .sidebar{padding:20px 14px}
  .brand-name{font-size:15px}
  .brand-sub{font-size:8.5px}
  .topbar{gap:16px}
  .compact-top-actions{min-width:0}
  .site-search{width:min(100%,360px)}
  .grid.cols-5{grid-template-columns:repeat(3,minmax(0,1fr))}
  .grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .integration-shell{grid-template-columns:260px minmax(0,1fr)}
}

@media (max-width: 920px){
  body{padding-top:60px}
  .mobile-appbar{
    position:fixed;
    top:0;left:0;right:0;
    height:60px;
    z-index:900;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:10px 12px;
    background:linear-gradient(180deg,var(--sidebar),rgba(7,17,13,.94));
    border-bottom:1px solid var(--line);
    backdrop-filter:blur(16px);
  }
  [data-theme="light"] .mobile-appbar{background:rgba(255,250,240,.94)}
  .mobile-menu-btn{
    width:42px;height:42px;border-radius:14px;
    display:grid;place-items:center;
    border:1px solid var(--line-strong);
    background:rgba(200,162,74,.10);
    color:var(--text);
    font-size:1.25rem;
  }
  .mobile-brand-mini{
    display:flex;align-items:center;gap:9px;
    min-width:0;
    color:var(--text);
    text-transform:uppercase;
    letter-spacing:.12em;
  }
  .mobile-brand-mini span{
    width:32px;height:32px;border-radius:12px;
    display:grid;place-items:center;
    border:1px solid rgba(198,162,74,.58);
    color:var(--gold);
    font-family:Georgia,serif;
    font-weight:900;
  }
  .mobile-brand-mini strong{
    font-family:var(--font-display);
    font-size:.95rem;
    white-space:nowrap;
  }
  .app-shell{
    display:block;
    min-height:auto;
  }
  .sidebar{
    position:fixed;
    z-index:1000;
    top:0;bottom:0;left:0;
    width:min(86vw,320px);
    height:100dvh;
    transform:translateX(-105%);
    transition:transform 220ms ease;
    box-shadow:0 30px 90px rgba(0,0,0,.45);
    padding:20px 16px;
  }
  body.mobile-nav-open .sidebar{transform:translateX(0)}
  .mobile-nav-backdrop{
    position:fixed;
    inset:0;
    z-index:950;
    display:block;
    background:rgba(0,0,0,.55);
    backdrop-filter:blur(3px);
  }
  .mobile-nav-backdrop[hidden]{display:none!important}
  .main{
    min-width:0;
    width:100%;
  }
  .topbar{
    padding:18px 14px 10px;
    display:block;
  }
  .title-wrap h1{
    font-size:clamp(1.6rem,8vw,2.4rem);
    line-height:1.04;
  }
  .title-wrap p{font-size:.86rem}
  .compact-top-actions{
    margin-top:14px;
    display:grid;
    grid-template-columns:1fr auto;
    gap:10px;
    align-items:center;
  }
  #advisorTopBtn{display:none!important}
  .site-search{
    grid-column:1 / -1;
    width:100%;
    min-width:0;
  }
  .premium-theme-toggle{justify-self:start}
  #quickAddBtn{justify-self:end}
  .view{padding:12px 14px 28px}
  .card{border-radius:18px;padding:16px}
  .section-head{gap:10px;align-items:flex-start}
  .section-head h2{font-size:1.15rem}
  .section-head h3{font-size:.98rem}
  .grid,
  .grid.cols-2,
  .grid.cols-3,
  .grid.cols-4,
  .grid.cols-5,
  .integration-shell,
  .wizard-wrap,
  .media-primary-grid,
  .media-secondary-row,
  .daily-advisor-brief{
    grid-template-columns:1fr!important;
  }
  .span-2{grid-column:auto!important}
  .integration-left{
    position:relative;
    top:auto;
    max-height:none;
  }
  .integration-nav-list{
    display:flex;
    overflow-x:auto;
    gap:10px;
    padding-bottom:6px;
    scroll-snap-type:x mandatory;
  }
  .integration-nav-item{
    flex:0 0 min(78vw,280px);
    scroll-snap-align:start;
  }
  .daily-advisor-actions{padding:12px}
  .advisor-priority-grid{grid-template-columns:1fr!important}
  .advisor-drawer{
    width:100vw;
    max-width:100vw;
    border-radius:0;
  }
  .advisor-drawer-backdrop{align-items:stretch;justify-content:flex-end}
  .advisor-chat-form{grid-template-columns:1fr}
  .modal{
    width:min(94vw,620px);
    max-height:88dvh;
    overflow:auto;
  }
  .form-grid,
  .integration-field-grid,
  .compact-media-fields,
  .filter-grid,
  .column-grid{
    grid-template-columns:1fr!important;
  }
  .table-tools{gap:12px}
  .filter-grid{gap:10px}
  .table-wrap{
    overflow:visible;
    border:0;
  }
  .data-table,
  .data-table thead,
  .data-table tbody,
  .data-table tr,
  .data-table td{
    display:block;
    width:100%;
  }
  .data-table thead{display:none}
  .data-table tbody{
    display:grid;
    gap:12px;
  }
  .data-table tr{
    border:1px solid var(--line);
    border-radius:18px;
    padding:12px;
    background:rgba(255,255,255,.03);
  }
  [data-theme="light"] .data-table tr{background:rgba(255,255,255,.68)}
  .data-table td{
    border:0!important;
    padding:8px 0!important;
    display:grid;
    grid-template-columns:minmax(92px,35%) minmax(0,1fr);
    gap:10px;
    align-items:start;
    white-space:normal!important;
    word-break:break-word;
  }
  .data-table td::before{
    content:attr(data-label);
    font-size:.68rem;
    text-transform:uppercase;
    letter-spacing:.12em;
    color:var(--gold);
    font-weight:900;
    line-height:1.25;
  }
  .data-table td[data-col="actions"]{
    display:block;
    padding-top:12px!important;
  }
  .data-table td[data-col="actions"]::before{display:none}
  .row-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }
  .row-actions .btn{
    flex:1 1 auto;
    min-width:84px;
  }
  .media-channel-strip{
    align-items:flex-start;
    flex-wrap:wrap;
    padding:14px;
  }
  .media-strip-badges{
    width:100%;
    margin-left:0;
    justify-content:flex-start;
  }
  .media-advisor-messages{
    min-height:260px;
    max-height:360px;
  }
  .media-advisor-form{grid-template-columns:1fr}
  .media-prompt-chips .btn{flex:1 1 calc(50% - 8px)}
  .wizard-side{
    position:relative;
    top:auto;
    max-height:none;
  }
  .step-arrow{min-height:auto}
}

@media (max-width: 520px){
  body{padding-top:56px}
  .mobile-appbar{height:56px}
  .mobile-brand-mini strong{font-size:.82rem}
  .advisor-logo-btn,.mobile-menu-btn{width:38px;height:38px;border-radius:13px}
  .topbar{padding:14px 10px 8px}
  .view{padding:10px 10px 24px}
  .compact-top-actions{grid-template-columns:1fr}
  #quickAddBtn,.premium-theme-toggle{width:100%;justify-self:stretch}
  .premium-theme-toggle{display:grid;grid-template-columns:1fr 1fr}
  .premium-theme-toggle button{width:100%}
  .btn{width:auto;max-width:100%}
  #quickAddBtn{width:100%}
  .card{padding:14px;border-radius:16px}
  .kpi h2{font-size:1.65rem}
  .daily-advisor-main{flex-direction:column}
  .advisor-orb{width:42px;height:42px;border-radius:15px}
  .media-prompt-chips .btn{flex:1 1 100%}
  .data-table td{grid-template-columns:1fr;gap:4px}
  .data-table td::before{margin-bottom:2px}
  .brand-block{padding-right:36px}
  .focus-card,.user-card{display:none}
}


/* Responsive breakpoint refinement: desktop, mid, tablet, mobile */
@media (min-width: 1281px){
  .app-shell{grid-template-columns:304px minmax(0,1fr)}
  .sidebar{width:auto}
}

/* Mid-size laptop/tablet landscape: avoid the awkward half-sidebar squeeze */
@media (min-width: 921px) and (max-width: 1280px){
  body{padding-top:0}
  .app-shell{
    grid-template-columns:92px minmax(0,1fr);
  }
  .sidebar{
    width:92px;
    padding:18px 12px;
    gap:16px;
    align-items:center;
    overflow-x:hidden;
  }
  .brand-block{
    width:100%;
    justify-content:center;
    padding:0 0 14px;
  }
  .brand-block > div:not(.brand-mark){
    display:none;
  }
  .brand-mark{
    width:52px;
    height:52px;
    border-radius:18px;
  }
  .nav{
    width:100%;
    gap:12px;
  }
  .nav-group{
    width:100%;
    display:grid;
    justify-items:center;
    gap:9px;
  }
  .nav-heading{
    display:none;
  }
  .nav-btn{
    width:56px;
    height:56px;
    padding:0;
    display:grid;
    place-items:center;
    border-radius:18px;
    position:relative;
    overflow:visible;
  }
  .nav-btn span:not(.nav-ico){
    display:none;
  }
  .nav-ico{
    margin:0;
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:13px;
    font-size:.86rem;
  }
  .nav-btn.active{
    background:rgba(47,122,87,.26);
    border:1px solid rgba(200,162,74,.55);
    box-shadow:0 0 0 1px rgba(200,162,74,.08), 0 14px 34px rgba(0,0,0,.16);
  }
  .nav-btn.active::after{
    content:'';
    position:absolute;
    right:-12px;
    top:50%;
    transform:translateY(-50%);
    width:3px;
    height:30px;
    border-radius:999px;
    background:var(--gold);
  }
  .nav-btn::before{
    content:attr(aria-label);
    position:absolute;
    left:calc(100% + 12px);
    top:50%;
    transform:translateY(-50%) translateX(-4px);
    opacity:0;
    pointer-events:none;
    white-space:nowrap;
    background:var(--panel);
    color:var(--text);
    border:1px solid var(--line-strong);
    border-radius:999px;
    padding:7px 10px;
    box-shadow:var(--shadow);
    transition:var(--ease);
    z-index:30;
    font-size:.76rem;
  }
  .nav-btn:hover::before{
    opacity:1;
    transform:translateY(-50%) translateX(0);
  }
  .focus-card,
  .user-card{
    display:none;
  }
  .main{
    min-width:0;
  }
  .topbar{
    padding:24px 24px 12px;
    gap:18px;
  }
  .title-wrap h1{
    font-size:clamp(2rem,3.6vw,3.2rem);
  }
  .compact-top-actions{
    flex-wrap:wrap;
    justify-content:flex-end;
    max-width:560px;
  }
  .site-search{
    width:min(100%,360px);
  }
  .view{
    padding:16px 24px 34px;
  }
  .grid.cols-5{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .grid.cols-4{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .grid.cols-3{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .grid.cols-3 > .span-2{
    grid-column:span 2;
  }
  .integration-shell{
    grid-template-columns:280px minmax(0,1fr);
  }
  .media-primary-grid{
    grid-template-columns:minmax(0,1fr);
  }
  .media-secondary-row{
    grid-template-columns:1fr;
  }
}

/* Small laptop / large tablet: use mobile drawer earlier */
@media (max-width: 920px){
  .sidebar{
    transform:translateX(-105%) !important;
  }
  body.mobile-nav-open .sidebar{
    transform:translateX(0) !important;
  }
}

/* Medium-narrow safeguard before full mobile */
@media (min-width: 921px) and (max-width: 1050px){
  .topbar{
    display:block;
  }
  .compact-top-actions{
    margin-top:14px;
    justify-content:flex-start;
    max-width:none;
  }
  .site-search{
    width:min(100%,420px);
  }
}

/* Ultra-wide polish */
@media (min-width: 1600px){
  .view{
    max-width:1520px;
    margin:0 auto;
    width:100%;
  }
}


.source-intel-card{ margin-bottom:16px; }
.source-intel-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.source-intel-grid > div{
  min-width:0;
  border:1px solid rgba(198,162,74,.18);
  border-radius:16px;
  padding:13px;
  background:rgba(255,255,255,.03);
}
[data-theme="light"] .source-intel-grid > div{ background:rgba(255,255,255,.64); }
.source-intel-grid strong{
  display:block;
  font-size:.94rem;
  margin:4px 0 5px;
}
.source-intel-grid p{
  margin:0;
  font-size:.78rem;
  line-height:1.4;
}
@media (max-width: 920px){
  .source-intel-grid{grid-template-columns:1fr;}
}


/* Favicon/logo advisor polish + less intrusive drawer */
.advisor-drawer-backdrop{
  align-items:center;
  justify-content:flex-end;
  padding:22px;
  overflow:hidden;
}
.advisor-drawer{
  height:auto;
  max-height:min(82dvh,760px);
  width:min(500px, calc(100vw - 44px));
  border-radius:24px;
  overflow:hidden;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  box-shadow:0 34px 100px rgba(0,0,0,.46);
}
.advisor-drawer-head{
  align-items:center;
  padding:16px 16px 12px;
}
.advisor-drawer-head > div{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.advisor-mini-brand{
  width:38px;
  height:38px;
  border-radius:14px;
  border:1px solid rgba(198,162,74,.58);
  color:var(--gold);
  display:grid;
  place-items:center;
  background:linear-gradient(145deg, rgba(14,64,42,.96), rgba(5,23,17,.96));
  flex:0 0 auto;
}
.advisor-mini-brand span{
  font-family:Georgia,serif;
  font-weight:900;
  font-size:1.05rem;
}
.advisor-messages{
  overflow:auto;
  scrollbar-width:none;
  padding:14px 16px;
  gap:11px;
}
.advisor-messages::-webkit-scrollbar,
.media-advisor-messages::-webkit-scrollbar{
  width:0;
  height:0;
}
.advisor-msg{
  max-width:92%;
}
.advisor-msg.assistant{
  align-self:flex-start;
}
.advisor-msg.user{
  align-self:flex-end;
}
.advisor-msg div,
.advisor-msg p{
  margin:0;
}
.advisor-msg h4{
  margin:.15rem 0 .45rem;
  font-size:.82rem;
  color:var(--gold);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.advisor-msg ul{
  margin:.25rem 0 .35rem;
  padding-left:1.15rem;
}
.advisor-msg li{
  margin:.22rem 0;
}
.advisor-chat-form{
  padding:12px 16px 16px;
  border-top:1px solid var(--line);
  background:rgba(0,0,0,.08);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:end;
}
[data-theme="light"] .advisor-chat-form{
  background:rgba(255,255,255,.55);
}
.advisor-chat-form textarea{
  min-height:54px;
  max-height:120px;
  resize:vertical;
  border-radius:16px;
  background:var(--input);
  color:var(--text);
  border:1px solid var(--line-strong);
  padding:12px 13px;
}
.advisor-chat-form .btn{
  min-height:54px;
  border-radius:16px;
}
.mobile-only-theme{
  display:none;
}
@media (max-width: 920px){
  .top-actions .premium-theme-toggle{
    display:none !important;
  }
  .mobile-only-theme{
    display:block;
    border:1px solid var(--line);
    border-radius:18px;
    padding:12px;
    background:rgba(255,255,255,.035);
  }
  .mobile-only-theme .premium-theme-toggle{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
  }
  .mobile-only-theme .premium-theme-toggle button{
    width:100%;
  }
  .advisor-drawer-backdrop{
    align-items:flex-end;
    padding:12px;
  }
  .advisor-drawer{
    width:100%;
    max-height:78dvh;
    border-radius:22px;
  }
}
@media (max-width: 520px){
  .advisor-drawer-backdrop{
    padding:8px;
  }
  .advisor-drawer{
    max-height:76dvh;
    border-radius:20px;
  }
  .advisor-chat-form{
    grid-template-columns:1fr;
  }
  .advisor-chat-form .btn{
    min-height:42px;
  }
}


/* Advisor drawer repair: visible chat, proper close position, strong site-styled container */
.advisor-drawer-backdrop{
  position:fixed !important;
  inset:0 !important;
  z-index:1300 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  padding:24px !important;
  background:rgba(0,0,0,.46) !important;
  backdrop-filter:blur(6px) !important;
  overflow:hidden !important;
}
.advisor-drawer{
  width:min(520px, calc(100vw - 48px)) !important;
  height:min(78dvh, 720px) !important;
  max-height:min(78dvh, 720px) !important;
  display:flex !important;
  flex-direction:column !important;
  border:1px solid rgba(200,162,74,.42) !important;
  border-radius:28px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(200,162,74,.13), transparent 28%),
    linear-gradient(180deg, var(--panel), var(--bg)) !important;
  box-shadow:
    0 0 0 1px rgba(200,162,74,.10),
    0 30px 90px rgba(0,0,0,.48) !important;
  overflow:hidden !important;
}
[data-theme="light"] .advisor-drawer{
  background:
    radial-gradient(circle at 18% 0%, rgba(184,142,50,.15), transparent 28%),
    linear-gradient(180deg, var(--panel), var(--bg-2)) !important;
}
.advisor-drawer-head{
  position:relative !important;
  min-height:84px !important;
  padding:18px 20px 16px 72px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  border-bottom:1px solid rgba(200,162,74,.25) !important;
  flex:0 0 auto !important;
}
.advisor-drawer-head > div{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:0 !important;
}
.advisor-mini-brand{
  width:38px !important;
  height:38px !important;
  border-radius:14px !important;
  border:1px solid rgba(200,162,74,.66) !important;
  color:var(--gold) !important;
  display:grid !important;
  place-items:center !important;
  background:linear-gradient(145deg, rgba(14,64,42,.96), rgba(5,23,17,.96)) !important;
  flex:0 0 auto !important;
}
.advisor-drawer-head h3{
  margin:0 !important;
  font-size:1.12rem !important;
}
.advisor-close-btn{
  position:absolute !important;
  top:18px !important;
  left:20px !important;
  width:38px !important;
  height:38px !important;
  border-radius:14px !important;
  border:1px solid rgba(200,162,74,.42) !important;
  background:rgba(255,255,255,.04) !important;
  color:var(--text) !important;
  display:grid !important;
  place-items:center !important;
  z-index:2 !important;
}
.advisor-close-btn:hover{
  background:rgba(200,162,74,.12) !important;
  border-color:var(--gold) !important;
}
.advisor-messages{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:16px 20px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  scrollbar-width:none !important;
}
.advisor-messages::-webkit-scrollbar{width:0!important;height:0!important;}
.advisor-msg{
  max-width:92% !important;
  border:1px solid rgba(200,162,74,.16) !important;
  border-radius:18px !important;
  padding:12px 13px !important;
  background:rgba(255,255,255,.04) !important;
  color:var(--text) !important;
  line-height:1.48 !important;
  font-size:.86rem !important;
}
.advisor-msg.assistant{align-self:flex-start !important;}
.advisor-msg.user{
  align-self:flex-end !important;
  background:rgba(47,122,87,.23) !important;
  border-color:rgba(85,185,133,.28) !important;
}
.advisor-chat-form{
  flex:0 0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:10px !important;
  align-items:end !important;
  padding:14px 20px 18px !important;
  border-top:1px solid rgba(200,162,74,.25) !important;
  background:rgba(0,0,0,.13) !important;
}
[data-theme="light"] .advisor-chat-form{background:rgba(255,255,255,.58)!important;}
.advisor-chat-form textarea{
  display:block !important;
  width:100% !important;
  min-height:54px !important;
  max-height:130px !important;
  resize:vertical !important;
  border-radius:17px !important;
  border:1px solid rgba(200,162,74,.32) !important;
  background:var(--input) !important;
  color:var(--text) !important;
  padding:12px 13px !important;
  outline:none !important;
}
.advisor-chat-form textarea:focus{
  border-color:var(--gold) !important;
  box-shadow:0 0 0 3px rgba(200,162,74,.12) !important;
}
.advisor-chat-form .btn{
  min-height:54px !important;
  border-radius:17px !important;
  padding:0 18px !important;
}
@media (max-width: 920px){
  .advisor-drawer-backdrop{
    align-items:flex-end !important;
    padding:12px !important;
  }
  .advisor-drawer{
    width:100% !important;
    height:min(76dvh, 680px) !important;
    max-height:min(76dvh, 680px) !important;
    border-radius:24px !important;
  }
}
@media (max-width: 520px){
  .advisor-drawer-backdrop{padding:8px !important;}
  .advisor-drawer{
    height:76dvh !important;
    max-height:76dvh !important;
    border-radius:22px !important;
  }
  .advisor-drawer-head{
    min-height:78px !important;
    padding:16px 16px 14px 64px !important;
  }
  .advisor-close-btn{
    top:16px !important;
    left:16px !important;
    width:36px !important;
    height:36px !important;
  }
  .advisor-chat-form{
    grid-template-columns:1fr !important;
    padding:12px 16px 16px !important;
  }
  .advisor-chat-form .btn{
    min-height:42px !important;
  }
}


/* Advisor drawer hard reset using unique KGC classes */
.kgc-advisor-backdrop{
  position:fixed !important;
  inset:0 !important;
  z-index:2000 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  padding:28px !important;
  background:rgba(0,0,0,.46) !important;
  backdrop-filter:blur(6px) !important;
  overflow:hidden !important;
}
.kgc-advisor-window{
  position:relative !important;
  width:min(520px, calc(100vw - 56px)) !important;
  height:min(78dvh, 720px) !important;
  max-height:min(78dvh, 720px) !important;
  min-height:460px !important;
  display:flex !important;
  flex-direction:column !important;
  border:1px solid rgba(200,162,74,.52) !important;
  border-radius:30px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(200,162,74,.13), transparent 30%),
    linear-gradient(180deg, var(--panel), var(--bg)) !important;
  box-shadow:
    0 0 0 1px rgba(200,162,74,.11),
    0 32px 100px rgba(0,0,0,.50) !important;
  overflow:hidden !important;
}
[data-theme="light"] .kgc-advisor-window{
  background:
    radial-gradient(circle at 18% 0%, rgba(184,142,50,.15), transparent 30%),
    linear-gradient(180deg, var(--panel), var(--bg-2)) !important;
}
.kgc-advisor-close{
  position:absolute !important;
  top:18px !important;
  left:18px !important;
  z-index:5 !important;
  width:40px !important;
  height:40px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:15px !important;
  border:1px solid rgba(200,162,74,.46) !important;
  background:rgba(255,255,255,.045) !important;
  color:var(--text) !important;
  font-size:1.25rem !important;
  line-height:1 !important;
}
.kgc-advisor-close:hover{
  background:rgba(200,162,74,.12) !important;
  border-color:var(--gold) !important;
}
.kgc-advisor-header{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  flex:0 0 auto !important;
  min-height:92px !important;
  padding:20px 20px 17px 76px !important;
  border-bottom:1px solid rgba(200,162,74,.25) !important;
}
.kgc-advisor-title{
  min-width:0 !important;
}
.kgc-advisor-title h3{
  margin:0 !important;
  font-size:1.15rem !important;
  line-height:1.1 !important;
}
.kgc-advisor-messages{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
  gap:12px !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain !important;
  padding:18px 20px !important;
  scrollbar-width:none !important;
}
.kgc-advisor-messages::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
}
.kgc-advisor-msg{
  display:block !important;
  max-width:92% !important;
  border:1px solid rgba(200,162,74,.17) !important;
  border-radius:18px !important;
  padding:12px 13px !important;
  background:rgba(255,255,255,.045) !important;
  color:var(--text) !important;
  font-size:.86rem !important;
  line-height:1.48 !important;
}
.kgc-advisor-msg.assistant{align-self:flex-start !important;}
.kgc-advisor-msg.user{
  align-self:flex-end !important;
  background:rgba(47,122,87,.23) !important;
  border-color:rgba(85,185,133,.30) !important;
}
.kgc-advisor-form{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  flex:0 0 auto !important;
  flex-shrink:0 !important;
  gap:10px !important;
  align-items:end !important;
  padding:14px 20px 18px !important;
  border-top:1px solid rgba(200,162,74,.25) !important;
  background:rgba(0,0,0,.13) !important;
}

/* Shared card, Settings, light-theme, and short-viewport shell refinements. */
.kpi-icon{
  display:none!important;
}
.card.decor::before,
.card.decor::after{
  content:none!important;
  display:none!important;
}
.settings-grid{
  align-items:start;
}
.settings-grid .ai-config-card,
.settings-grid .train-ai-card{
  min-height:100%;
}
.settings-link-grid-single{
  grid-template-columns:minmax(180px,320px);
}
.ai-training-form{
  display:grid;
  gap:12px;
  margin-top:18px;
}
.ai-training-form input[type="file"]{
  padding:9px;
}
.field-helper{
  margin:7px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.45;
}
.ai-training-actions{
  display:flex;
  justify-content:flex-end;
}
.ai-training-list{
  display:grid;
  gap:8px;
  margin-top:16px;
}
.ai-training-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--input);
}
.ai-training-item>div{
  min-width:0;
}
.ai-training-item strong,
.ai-training-item span{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ai-training-item span,
.ai-training-empty{
  color:var(--muted);
  font-size:12px;
}
.ai-training-item span{
  margin-top:3px;
}
.ai-training-empty{
  margin-top:16px;
  padding:14px;
  border:1px dashed var(--line);
  border-radius:8px;
}
html[data-theme="light"] .nav-btn.active,
html[data-theme="light"] .nav-btn.active>span,
html[data-theme="light"] body.client-portal-mode .portal-menu-link.nav-btn.active,
html[data-theme="light"] body.client-portal-mode .portal-menu-link.nav-btn.active>span{
  color:#fff!important;
}
html[data-theme="light"] body.client-portal-mode.client-portal-mode .client-portal-view.client-portal-view .card.card,
html[data-theme="light"] body.client-portal-mode :is(
  .product-selector-panel,
  .product-detail-panel,
  .product-access-details-card,
  .product-reference-image-card,
  .product-selector-item,
  .product-start-card,
  .product-upgrade-strip,
  .portal-course-side,
  .portal-video-module,
  .lesson-panel,
  .portal-quiz,
  .portal-check-item,
  .portal-why-check-item,
  .readiness-card,
  .portal-review-card,
  .archetype-card,
  .client-video-intro,
  .payment-mini-card
){
  background:linear-gradient(145deg,var(--panel),var(--panel-2))!important;
  border-color:var(--line)!important;
  color:var(--text)!important;
  box-shadow:var(--shadow)!important;
}
html[data-theme="light"] body.client-portal-mode.client-portal-mode .client-portal-view.client-portal-view .card.card :is(h1,h2,h3,h4,strong,p,li),
html[data-theme="light"] body.client-portal-mode :is(.product-selector-panel,.product-detail-panel,.product-selector-item,.product-start-card,.product-upgrade-strip,.portal-course-side,.portal-video-module,.lesson-panel,.portal-quiz,.portal-check-item,.portal-why-check-item,.readiness-card,.portal-review-card,.archetype-card,.client-video-intro,.payment-mini-card) :is(h1,h2,h3,h4,strong,p,li){
  color:inherit!important;
}
@media(min-width:981px){
  .app-shell>.sidebar,
  body:not(.client-portal-mode) .app-shell>.sidebar,
  body.client-portal-mode .app-shell>.sidebar,
  body.client-portal-mode .app-shell>.client-only-sidebar.sidebar{
    position:sticky!important;
    top:0!important;
    height:100vh!important;
    min-height:0!important;
    max-height:100vh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }
  .app-shell>.sidebar::-webkit-scrollbar{
    width:0!important;
    height:0!important;
    display:none!important;
  }
}

/* Shared progress, modal, product evidence, support, and readiness refinements. */
.progress-track,
.shared-progress-track{
  position:relative;
  width:100%;
  height:8px!important;
  margin-top:8px!important;
  overflow:hidden;
  border:0;
  border-radius:999px;
  background:rgba(128,128,128,.20)!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.22);
}
body.client-portal-mode #portal-home .progress-track{
  height:8px!important;
  margin-top:8px!important;
}
.progress-track>span,
.shared-progress-track>span{
  display:block!important;
  width:0;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,var(--green-2),var(--gold))!important;
  box-shadow:0 0 14px rgba(85,185,133,.24);
  transition:width 420ms cubic-bezier(.2,.8,.2,1);
}
html[data-theme="light"] .progress-track,
html[data-theme="light"] .shared-progress-track{
  background:rgba(26,63,46,.16)!important;
}
.ai-training-progress-wrap{display:grid;gap:7px;}
.ai-training-progress{margin-top:0!important;}
.ai-training-progress-label{min-height:18px;color:var(--muted);font-size:12px;line-height:1.4;}
.ai-training-progress-label:empty{visibility:hidden;}
.ai-training-progress-label.not-connected{color:var(--red);}

.modal-backdrop{
  display:grid;
  place-items:center!important;
  align-items:center!important;
  padding:18px!important;
  overflow:hidden!important;
}
.modal{
  display:flex!important;
  flex-direction:column;
  width:min(680px,calc(100vw - 36px))!important;
  height:auto!important;
  max-height:calc(100dvh - 36px)!important;
  overflow:hidden!important;
}
.modal-head{flex:0 0 auto;}
.modal-body{
  min-height:0;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
}
.media-preview-open .modal{
  width:min(1240px,calc(100vw - 36px))!important;
  animation:performancePreviewIn 320ms cubic-bezier(.2,.8,.2,1) both;
}
.performance-image-modal{display:grid;gap:10px;margin:0;}
.performance-image-modal img{
  display:block;
  width:100%;
  max-height:calc(100dvh - 190px);
  object-fit:contain;
  border:1px solid var(--line);
  border-radius:8px;
  background:#020805;
}
.performance-image-modal figcaption{color:var(--muted);font-size:12px;text-align:center;}
@keyframes performancePreviewIn{
  from{opacity:0;transform:scale(.88) translateY(12px);}
  to{opacity:1;transform:scale(1) translateY(0);}
}

body.client-portal-mode .performance-image-frame{position:relative;min-width:0;overflow:hidden;}
body.client-portal-mode .performance-image-frame>img{display:block;width:100%;}
body.client-portal-mode .performance-enlarge-btn{
  position:absolute;
  right:12px;
  bottom:12px;
  z-index:2;
  min-height:34px;
  padding:7px 11px;
  border:1px solid rgba(225,191,99,.62);
  border-radius:8px;
  background:rgba(2,12,8,.88);
  color:#fff8e7;
  box-shadow:0 10px 26px rgba(0,0,0,.28);
  font-size:11px;
  font-weight:900;
  backdrop-filter:blur(8px);
}
body.client-portal-mode .performance-enlarge-btn:hover,
body.client-portal-mode .performance-enlarge-btn:focus-visible{background:var(--green);border-color:var(--gold);}
body.client-portal-mode .performance-evidence-groups{display:grid;gap:9px;}
body.client-portal-mode .performance-evidence-row{
  display:grid;
  grid-template-columns:minmax(245px,.42fr) minmax(0,1fr);
  gap:12px;
  align-items:center;
  min-width:0;
  padding:9px 10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:rgba(128,128,128,.04);
}
body.client-portal-mode .performance-evidence-row>span{
  color:var(--text);
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
body.client-portal-mode .performance-evidence-row .performance-evidence-tabs{padding:0;}
body.client-portal-mode .performance-net{
  max-width:100%;
  font-size:34px;
  line-height:1;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}

body.client-portal-mode .old-support-clone.support-chat-card{
  display:flex!important;
  flex-direction:column;
  width:100%!important;
  max-width:1040px!important;
  height:calc(100dvh - 120px)!important;
  min-height:700px!important;
  max-height:900px!important;
  overflow:hidden!important;
}
body.client-portal-mode .old-support-clone .section-head.compact{flex:0 0 auto;}
body.client-portal-mode .old-support-clone .support-open-chat{
  display:flex!important;
  flex:1 1 auto;
  flex-direction:column;
  min-height:0;
  overflow:hidden;
}
body.client-portal-mode .old-support-clone .support-chat-messages{
  flex:1 1 auto;
  min-height:330px!important;
  max-height:none!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
}
body.client-portal-mode .old-support-clone .support-quick-questions,
body.client-portal-mode .old-support-clone textarea,
body.client-portal-mode .old-support-clone .support-send-row,
body.client-portal-mode .old-support-clone .support-secondary-row{flex:0 0 auto;}

body.client-portal-mode .readiness-journey-card{
  display:grid;
  gap:28px;
  padding:28px;
  text-align:center;
  overflow:hidden;
}
body.client-portal-mode .readiness-journey-head{display:grid;justify-items:center;gap:8px;max-width:720px;margin:0 auto;width:100%;}
body.client-portal-mode .readiness-journey-head h2{margin:2px 0 0;font-family:var(--font-display);font-size:56px;line-height:1;}
body.client-portal-mode .readiness-journey-head p{margin:0;color:var(--muted);line-height:1.45;}
body.client-portal-mode .readiness-journey-head .progress-track{max-width:580px;margin-top:8px!important;}
body.client-portal-mode .readiness-path{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,minmax(128px,1fr)) minmax(128px,.9fr);
  gap:18px;
  align-items:start;
  width:100%;
  max-width:980px;
  margin:0 auto;
}
body.client-portal-mode .readiness-path::before{
  content:"";
  position:absolute;
  top:57px;
  left:10%;
  right:10%;
  height:2px;
  background:linear-gradient(90deg,var(--green-2),var(--gold));
  opacity:.42;
}
body.client-portal-mode .readiness-path-step,
body.client-portal-mode .readiness-path-goal{
  position:relative;
  z-index:1;
  display:grid;
  justify-items:center;
  gap:9px;
  min-width:0;
  border:0;
  background:transparent;
  color:var(--text);
  text-align:center;
}
body.client-portal-mode .readiness-path-step{cursor:pointer;}
body.client-portal-mode .readiness-step-number{color:var(--gold);font-size:10px;font-weight:950;letter-spacing:.14em;}
body.client-portal-mode .readiness-node-ring,
body.client-portal-mode .readiness-goal-mark{
  position:relative;
  display:grid;
  place-items:center;
  width:96px;
  height:96px;
  margin:0!important;
  border-radius:50%;
  background:conic-gradient(var(--green-2) calc(var(--readiness-progress) * 1%),rgba(128,128,128,.20) 0);
  box-shadow:0 14px 34px rgba(0,0,0,.18);
}
body.client-portal-mode .readiness-node-ring::before{
  content:"";
  position:absolute;
  inset:8px;
  border-radius:50%;
  background:var(--panel);
  border:1px solid var(--line);
}
body.client-portal-mode .readiness-node-ring>strong{position:relative;z-index:1;font-family:var(--font-display);font-size:23px;}
body.client-portal-mode .readiness-path-step.is-complete .readiness-node-ring{background:var(--green-2);}
body.client-portal-mode .readiness-step-copy{display:grid!important;gap:3px;margin:0!important;}
body.client-portal-mode .readiness-step-copy>strong{font-family:var(--font-display);font-size:20px;}
body.client-portal-mode .readiness-step-copy>small{color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:850;}
body.client-portal-mode .readiness-goal-mark{
  margin-top:22px!important;
  background:linear-gradient(145deg,var(--gold-2),var(--gold));
  color:#0b1a12;
  font-size:28px;
  font-weight:950;
}
body.client-portal-mode .readiness-path-goal>span:last-child{display:grid;gap:3px;margin:0!important;}
body.client-portal-mode .readiness-path-goal small{color:var(--gold);font-size:10px;text-transform:uppercase;font-weight:950;letter-spacing:.14em;}
body.client-portal-mode .readiness-path-goal strong{font-family:var(--font-display);font-size:20px;}
body.client-portal-mode .readiness-path-goal.is-unlocked .readiness-goal-mark{background:var(--green-2);color:#fff;}
body.client-portal-mode .readiness-goal-panel{
  display:grid;
  justify-items:center;
  gap:14px;
  padding-top:22px;
  border-top:1px solid var(--line);
}
body.client-portal-mode .readiness-goal-panel h3{margin:5px 0 0;font-family:var(--font-display);font-size:27px;}
body.client-portal-mode .readiness-benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;}
body.client-portal-mode .readiness-benefits span{margin:0!important;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px;font-weight:800;}
body.client-portal-mode .readiness-action-btn{min-width:180px;}

@media(max-width:900px){
  body.client-portal-mode .performance-evidence-row{grid-template-columns:1fr;}
  body.client-portal-mode .performance-evidence-row>span{white-space:normal;}
  body.client-portal-mode .readiness-path{overflow-x:auto;grid-template-columns:repeat(4,minmax(145px,1fr));padding:0 4px 12px;scrollbar-width:none;}
  body.client-portal-mode .readiness-path::-webkit-scrollbar{display:none;}
}
@media(max-width:620px){
  .modal-backdrop{padding:10px!important;}
  .modal{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;}
  .media-preview-open .modal{width:calc(100vw - 20px)!important;}
  body.client-portal-mode .performance-net{font-size:30px;}
  body.client-portal-mode .readiness-journey-card{padding:20px 14px;gap:22px;}
  body.client-portal-mode .readiness-journey-head h2{font-size:42px;}
}
@media(max-height:820px){
  body.client-portal-mode .old-support-clone.support-chat-card{height:calc(100dvh - 86px)!important;min-height:0!important;max-height:calc(100dvh - 86px)!important;}
  body.client-portal-mode .old-support-clone .support-chat-messages{min-height:210px!important;}
}

.client-source-code{
  display:inline-grid;
  place-items:center;
  width:24px;
  height:24px;
  border:1px solid rgba(200,162,74,.42);
  border-radius:8px;
  background:rgba(200,162,74,.12);
  color:var(--gold-2);
  font-size:11px;
  font-weight:950;
  line-height:1;
}

/* Mission Control is a summary workspace, modeled after the left-nav training layout. */
body.mission-control-mode .mission-control-content{grid-template-columns:260px minmax(0,1fr)!important;align-items:start;}
body.mission-control-mode .mission-section-nav{display:grid!important;gap:8px;align-content:start;position:sticky;top:18px;}
body.mission-control-mode .mission-section-nav h2{font-family:var(--font-display);font-size:28px;line-height:1.08;margin:0;}
body.mission-control-mode .mission-section-nav .mission-nav-link{width:100%;}
body.mission-control-mode .mission-workspace{min-width:0;display:grid;gap:16px;}
body.mission-control-mode .mission-settings-link{margin-top:10px;justify-content:center;}
body.mission-control-mode .mission-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
body.mission-control-mode .mission-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
body.mission-control-mode .mission-action-card{display:grid;gap:9px;text-align:left;align-content:start;min-height:160px;color:var(--text);cursor:pointer;}
body.mission-control-mode .mission-action-card strong{font-size:18px;line-height:1.35;}
body.mission-control-mode .mission-action-card>span:last-child{color:var(--gold);font-size:12px;font-weight:850;text-transform:uppercase;margin-top:auto;}
.email-drip-studio{display:grid;gap:16px;}
.email-drip-campaigns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.email-drip-card{display:grid;gap:14px;align-content:start;}
.email-drip-card textarea{min-height:120px;}
@media(max-width:980px){body.mission-control-mode .mission-control-content{grid-template-columns:1fr!important;}body.mission-control-mode .mission-section-nav{position:static;}.email-drip-campaigns,body.mission-control-mode .mission-summary-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:640px){body.mission-control-mode .mission-summary-grid,body.mission-control-mode .mission-action-grid,.email-drip-campaigns{grid-template-columns:1fr;}}

/* Production-safe platform loading veil. It prevents partially hydrated client views from flashing. */
.platform-boot-loader{
  position:fixed;
  inset:0;
  z-index:20000;
  display:grid;
  place-items:center;
  overflow:hidden;
  opacity:0;
  visibility:hidden;
  transition:opacity 220ms ease,visibility 220ms ease;
}
.platform-boot-loader[hidden]{display:none!important;}
.platform-boot-loader.is-visible{opacity:1;visibility:visible;}
.platform-boot-loader-backdrop{
  position:absolute;
  inset:-24px;
  background:rgba(2,16,11,.72);
  backdrop-filter:blur(18px) saturate(.82);
  -webkit-backdrop-filter:blur(18px) saturate(.82);
}
.platform-boot-loader-content{
  position:relative;
  z-index:1;
  display:grid;
  justify-items:center;
  gap:10px;
  padding:34px;
  text-align:center;
  color:var(--cream,#fff8e7);
}
.platform-boot-loader-content strong{
  margin-top:12px;
  font-family:var(--font-display,Georgia,serif);
  font-size:clamp(22px,2.6vw,34px);
  line-height:1.08;
}
.platform-boot-loader-content>span:last-child{
  color:var(--muted,#b8c8bd);
  font-size:14px;
}
.platform-boot-orbits{
  position:relative;
  width:190px;
  height:190px;
  display:grid;
  place-items:center;
}
.platform-boot-logo{
  position:relative;
  z-index:3;
  width:82px;
  height:82px;
  filter:drop-shadow(0 14px 30px rgba(0,0,0,.42)) drop-shadow(0 0 22px rgba(225,191,99,.16));
}
.platform-boot-orbit{
  position:absolute;
  inset:50%;
  border:1px solid rgba(225,191,99,.42);
  border-radius:50%;
  transform-origin:center;
  animation:platformOrbit 2.8s linear infinite;
}
.platform-boot-orbit::after{
  content:"";
  position:absolute;
  width:8px;
  height:8px;
  top:-4px;
  left:50%;
  border-radius:50%;
  background:#e1bf63;
  box-shadow:0 0 14px rgba(225,191,99,.9);
}
.platform-boot-orbit.orbit-one{width:112px;height:112px;margin:-56px;animation-duration:2.2s;}
.platform-boot-orbit.orbit-two{width:148px;height:82px;margin:-41px -74px;animation-duration:3.1s;animation-direction:reverse;transform:rotate(28deg);}
.platform-boot-orbit.orbit-three{width:88px;height:166px;margin:-83px -44px;animation-duration:3.8s;transform:rotate(-32deg);}
@keyframes platformOrbit{to{transform:rotate(360deg);}}
@media(prefers-reduced-motion:reduce){
  .platform-boot-orbit{animation-duration:8s;}
}

/* Hide scrollbar chrome without disabling scroll. */
*{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
*::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}
@media(prefers-reduced-motion:reduce){
  .progress-track>span,
  .shared-progress-track>span{transition:none;}
  .media-preview-open .modal{animation:none;}
}

/* Shared form controls across Admin, Owner, Manager, Sales, and Client views. */
:where(.app-shell,.modal-backdrop) select{
  appearance:none;
  -webkit-appearance:none;
  padding-right:38px!important;
  background-color:var(--input)!important;
  background-image:
    linear-gradient(45deg,transparent 50%,var(--muted) 50%),
    linear-gradient(135deg,var(--muted) 50%,transparent 50%)!important;
  background-position:
    calc(100% - 17px) 50%,
    calc(100% - 12px) 50%!important;
  background-size:5px 5px,5px 5px!important;
  background-repeat:no-repeat!important;
  color:var(--text)!important;
  color-scheme:dark;
}
html[data-theme="light"] :where(.app-shell,.modal-backdrop) select{color-scheme:light;}
:where(.app-shell,.modal-backdrop) select option{
  background:var(--panel);
  color:var(--text);
}
:where(.app-shell,.modal-backdrop) input[type="file"]{
  min-height:48px;
  border:1px dashed var(--line-strong)!important;
  border-radius:8px!important;
  background:var(--input)!important;
  color:var(--muted)!important;
  padding:6px!important;
  font:inherit;
}
:where(.app-shell,.modal-backdrop) input[type="file"]::file-selector-button{
  min-height:34px;
  margin-right:10px;
  border:1px solid rgba(85,185,133,.45);
  border-radius:7px;
  padding:7px 11px;
  background:linear-gradient(135deg,var(--green),var(--green-2));
  color:#fff;
  font:inherit;
  font-weight:900;
  cursor:pointer;
}
:where(.app-shell,.modal-backdrop) input[type="file"]:focus-visible,
:where(.app-shell,.modal-backdrop) select:focus-visible{
  border-color:var(--gold)!important;
  box-shadow:0 0 0 3px rgba(200,162,74,.14)!important;
  outline:0;
}
.results-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.result-client-meta{display:block;margin-top:4px;}
.client-results-table td:first-child{min-width:190px;}
@media(max-width:720px){.results-summary-grid{grid-template-columns:1fr;}}

/* Sales appointment scheduling */
body.appointments-mode #view.view{grid-template-columns:minmax(0,1fr)}body.appointments-mode #view.view>*{min-width:0;max-width:100%}
.schedule-loading-panel{min-height:430px;display:grid;place-content:center;justify-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:32px;text-align:center}.schedule-loading-panel h3{margin:4px 0 0;font-family:var(--font-display);font-size:28px}.schedule-loading-panel p{max-width:520px;margin:0 0 8px;color:var(--muted);line-height:1.55}.schedule-command-band{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:22px 0 24px;border-bottom:1px solid var(--line)}.schedule-command-band h2{max-width:760px;margin:7px 0 8px;font-family:var(--font-display);font-size:34px;line-height:1.08}.schedule-command-band p{max-width:780px;margin:0;color:var(--muted);line-height:1.5}.schedule-command-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0}.schedule-command-actions .btn{white-space:nowrap}.icon-text-btn span{font-size:17px}.icon-text-btn.is-loading span{animation:schedule-spin .8s linear infinite}@keyframes schedule-spin{to{transform:rotate(360deg)}}
.schedule-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.schedule-kpi{min-height:122px;display:grid;align-content:space-between;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:16px}.schedule-kpi>span{color:var(--gold);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.schedule-kpi strong{font-family:var(--font-display);font-size:31px;line-height:1}.schedule-kpi strong.schedule-kpi-next{font-family:var(--font-ui);font-size:24px}.schedule-kpi small{color:var(--muted);font-size:12px}
.schedule-connection-strip{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:14px 16px}.schedule-connection-strip.is-connected{border-color:rgba(85,185,133,.36)}.schedule-connection-strip.needs-connection{border-color:rgba(216,154,61,.4)}.schedule-connection-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;background:var(--chip);color:var(--gold);font-weight:950}.schedule-connection-strip strong{display:block;margin:3px 0 2px}.schedule-connection-strip p{margin:0;color:var(--muted);font-size:13px;line-height:1.4}.schedule-connection-actions{display:flex;justify-content:flex-end}
.schedule-workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,.8fr);gap:16px;align-items:start}.schedule-workspace>*{min-width:0;max-width:100%}.schedule-agenda-panel,.schedule-control-panel,.schedule-control-panel>section,.schedule-settings-form{min-width:0;max-width:100%}.schedule-agenda-panel,.schedule-control-panel>section,.schedule-settings-form{border:1px solid var(--line);border-radius:8px;background:var(--panel)}.schedule-agenda-panel{padding:18px}.schedule-timezone{color:var(--muted);font-size:12px}.schedule-week-strip{display:grid;grid-template-columns:repeat(7,minmax(56px,1fr));gap:7px;overflow-x:auto;padding:2px 0 14px}.schedule-day{min-width:56px;min-height:82px;display:grid;align-content:center;gap:4px;border:1px solid var(--line);border-radius:7px;background:var(--input);color:var(--text);text-align:left;padding:8px}.schedule-day span{color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase}.schedule-day strong{font-size:11px}.schedule-day small{color:var(--muted);font-size:9px}.schedule-day:hover,.schedule-day:focus-visible{border-color:var(--gold)}.schedule-day.active{border-color:var(--green-2);background:var(--green);color:#fff}.schedule-day.active span,.schedule-day.active small{color:rgba(255,255,255,.78)}.schedule-agenda-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:16px 0 12px;border-top:1px solid var(--line)}.schedule-agenda-head h3{margin:4px 0 0;font-family:var(--font-display);font-size:24px}.schedule-agenda-head>strong{color:var(--muted);font-size:12px}.schedule-appointment-list{display:grid;gap:8px}.schedule-appointment-row{display:grid;grid-template-columns:82px minmax(150px,1fr) minmax(170px,1.1fr) auto;align-items:center;gap:14px;border:1px solid var(--line);border-radius:7px;background:var(--input);padding:13px}.schedule-appointment-row.has-sync-issue{border-color:rgba(228,93,107,.42)}.schedule-time-block strong,.schedule-time-block span,.schedule-attendee strong,.schedule-attendee span,.schedule-attendee small,.schedule-meeting strong,.schedule-meeting span{display:block}.schedule-time-block strong{font-size:15px}.schedule-time-block span,.schedule-attendee span,.schedule-attendee small,.schedule-meeting span{margin-top:3px;color:var(--muted);font-size:11px}.schedule-attendee,.schedule-meeting{min-width:0}.schedule-attendee strong,.schedule-meeting strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schedule-attendee small{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schedule-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.schedule-cancel-btn{color:var(--red)!important}.schedule-empty{border-radius:7px;padding:24px}.schedule-command-band .btn:disabled,.schedule-connection-strip .btn:disabled,.schedule-booking-link button:disabled{cursor:not-allowed;opacity:.48;transform:none;box-shadow:none}
.schedule-control-panel{display:grid;gap:16px}.schedule-booking-link,.schedule-settings-form{padding:18px}.schedule-booking-link h3,.schedule-settings-form h3{margin:5px 0 8px;font-family:var(--font-display);font-size:22px}.schedule-booking-link p{margin:0 0 14px;color:var(--muted);font-size:13px;line-height:1.5}.schedule-link-field{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:7px;margin-bottom:9px}.schedule-link-field input{min-width:0;border:1px solid var(--line);border-radius:7px;background:var(--input);color:var(--text);padding:10px 11px;font-size:12px}.schedule-link-field .icon-btn{width:42px;height:42px;border-radius:7px;font-size:19px}.schedule-booking-link a[aria-disabled="true"]{pointer-events:none;opacity:.5}.schedule-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.schedule-settings-form label,.schedule-modal-form label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:800}.schedule-settings-form label>span,.schedule-modal-form label>span{text-transform:uppercase;letter-spacing:.08em}.schedule-settings-form input,.schedule-settings-form select,.schedule-settings-form textarea,.schedule-modal-form input,.schedule-modal-form select,.schedule-modal-form textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:7px;background:var(--input);color:var(--text);padding:10px;outline:0}.schedule-settings-form input:focus,.schedule-settings-form select:focus,.schedule-settings-form textarea:focus,.schedule-modal-form input:focus,.schedule-modal-form select:focus,.schedule-modal-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(200,162,74,.12)}.schedule-description-field{margin-top:10px}.schedule-description-field textarea{min-height:72px;resize:vertical}.schedule-availability-list{display:grid;gap:6px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.schedule-availability-row{display:grid;grid-template-columns:minmax(110px,1fr) 90px 18px 90px;align-items:center;gap:7px}.schedule-day-toggle{display:flex!important;grid-template-columns:none!important;align-items:center;gap:7px!important;color:var(--text)!important}.schedule-day-toggle input{width:16px!important;height:16px;margin:0}.schedule-day-toggle span{text-transform:none!important;letter-spacing:0!important;font-size:12px}.schedule-availability-row>span{color:var(--muted);font-size:11px;text-align:center}.schedule-availability-row input[type="time"]{padding:8px;font-size:11px}.schedule-settings-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.schedule-settings-actions>span{color:var(--muted);font-size:11px;line-height:1.4}
.schedule-modal-form{display:grid;gap:14px}.schedule-modal-date-grid,.schedule-modal-person-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.schedule-modal-person-grid label:last-child{grid-column:1/-1}.schedule-modal-form textarea{min-height:96px;resize:vertical}.schedule-modal-form .form-error{color:var(--red)}
html[data-theme="light"] .schedule-day.active{background:var(--green-2);color:#fff}html[data-theme="light"] .schedule-appointment-row,html[data-theme="light"] .schedule-day,html[data-theme="light"] .schedule-link-field input,html[data-theme="light"] .schedule-settings-form input,html[data-theme="light"] .schedule-settings-form select,html[data-theme="light"] .schedule-settings-form textarea,html[data-theme="light"] .schedule-modal-form input,html[data-theme="light"] .schedule-modal-form select,html[data-theme="light"] .schedule-modal-form textarea{background:#fffdf7}
@media(max-width:1250px){.schedule-workspace{grid-template-columns:minmax(0,1fr)}.schedule-control-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.schedule-command-band{align-items:flex-start;flex-direction:column}.schedule-command-actions{width:100%;justify-content:flex-start}.schedule-connection-strip{grid-template-columns:42px minmax(0,1fr)}.schedule-connection-actions{grid-column:1/-1;justify-content:flex-start}.schedule-control-panel{grid-template-columns:minmax(0,1fr)}.schedule-appointment-row{grid-template-columns:70px minmax(0,1fr)}.schedule-meeting{grid-column:2}.schedule-row-actions{grid-column:1/-1;justify-content:flex-start}.schedule-settings-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.schedule-kpi-grid{grid-template-columns:1fr}.schedule-command-actions{align-items:stretch;flex-direction:column}.schedule-week-strip{grid-template-columns:repeat(7,82px)}.schedule-appointment-row{grid-template-columns:1fr}.schedule-meeting,.schedule-row-actions{grid-column:auto}.schedule-time-block{display:flex;gap:8px;align-items:baseline}.schedule-availability-row{grid-template-columns:1fr 1fr}.schedule-day-toggle{grid-column:1/-1}.schedule-availability-row>span{display:none}.schedule-modal-date-grid,.schedule-modal-person-grid{grid-template-columns:1fr}.schedule-modal-person-grid label:last-child{grid-column:auto}}
@media(max-width:760px){
  .settings-grid{
    grid-template-columns:1fr;
  }
  .ai-training-item{
    align-items:flex-start;
  }
}
[data-theme="light"] .kgc-advisor-form{
  background:rgba(255,255,255,.58) !important;
}
.kgc-advisor-form textarea{
  display:block !important;
  width:100% !important;
  min-height:56px !important;
  max-height:132px !important;
  resize:vertical !important;
  border-radius:17px !important;
  border:1px solid rgba(200,162,74,.34) !important;
  background:var(--input) !important;
  color:var(--text) !important;
  padding:12px 13px !important;
  outline:none !important;
}
.kgc-advisor-form textarea:focus{
  border-color:var(--gold) !important;
  box-shadow:0 0 0 3px rgba(200,162,74,.12) !important;
}
.kgc-advisor-form .btn{
  display:inline-flex !important;
  min-height:56px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:17px !important;
  padding:0 18px !important;
}
.advisor-send-btn{
  width:58px !important;
  min-width:58px !important;
  padding:0 !important;
  position:relative !important;
}
.advisor-send-icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:1.15rem !important;
  line-height:1 !important;
}
.advisor-loading-label{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  white-space:nowrap !important;
}
.advisor-orbit-loader{
  width:22px !important;
  height:22px !important;
  border:1px solid rgba(247,214,124,.38) !important;
  border-radius:999px !important;
  position:relative !important;
  display:inline-block !important;
}
.advisor-orbit-loader::before{
  content:"" !important;
  position:absolute !important;
  width:6px !important;
  height:6px !important;
  border-radius:999px !important;
  background:rgba(247,214,124,.88) !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  box-shadow:0 0 10px rgba(247,214,124,.34) !important;
}
.advisor-orbit-dot{
  position:absolute !important;
  inset:0 !important;
  animation:advisorOrbit 1s linear infinite !important;
}
.advisor-orbit-dot::after{
  content:"" !important;
  position:absolute !important;
  width:5px !important;
  height:5px !important;
  border-radius:999px !important;
  background:var(--green-2) !important;
  left:50% !important;
  top:-3px !important;
  transform:translateX(-50%) !important;
  box-shadow:0 0 10px rgba(85,185,133,.55) !important;
}
@keyframes advisorOrbit{
  to{transform:rotate(360deg);}
}
@media (max-width: 920px){
  .kgc-advisor-backdrop{
    align-items:flex-end !important;
    padding:12px !important;
  }
  .kgc-advisor-window{
    width:100% !important;
    height:min(76dvh, 680px) !important;
    max-height:min(76dvh, 680px) !important;
    min-height:420px !important;
    border-radius:24px !important;
  }
}
@media (max-width: 520px){
  .kgc-advisor-backdrop{padding:8px !important;}
  .kgc-advisor-window{
    height:76dvh !important;
    max-height:76dvh !important;
    min-height:390px !important;
    border-radius:22px !important;
  }
  .kgc-advisor-header{
    min-height:82px !important;
    padding:17px 16px 15px 66px !important;
  }
  .kgc-advisor-close{
    top:16px !important;
    left:16px !important;
    width:38px !important;
    height:38px !important;
  }
  .kgc-advisor-form{
    grid-template-columns:1fr !important;
    padding:12px 16px 16px !important;
  }
  .kgc-advisor-form .btn{
    min-height:44px !important;
  }
}


/* Advisor close button inline with logo/title, right justified */
.kgc-advisor-window .kgc-advisor-header{
  padding:20px 20px 17px 76px !important;
  position:relative !important;
}
.kgc-advisor-window .kgc-advisor-close{
  top:50% !important;
  right:20px !important;
  left:auto !important;
  transform:translateY(-50%) !important;
  width:40px !important;
  height:40px !important;
}
.kgc-advisor-window .kgc-advisor-header{
  padding-right:74px !important;
}
@media (max-width: 520px){
  .kgc-advisor-window .kgc-advisor-header{
    padding:17px 64px 15px 66px !important;
  }
  .kgc-advisor-window .kgc-advisor-close{
    top:50% !important;
    right:16px !important;
    left:auto !important;
    transform:translateY(-50%) !important;
    width:38px !important;
    height:38px !important;
  }
}


/* Advisor close final placement: inside header, right aligned */
.kgc-advisor-window .kgc-advisor-header{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  min-height:92px !important;
  padding:20px 20px 17px 76px !important;
  position:relative !important;
}
.kgc-advisor-heading{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:0 !important;
}
.kgc-advisor-window .kgc-advisor-close{
  position:static !important;
  inset:auto !important;
  transform:none !important;
  margin-left:auto !important;
  flex:0 0 auto !important;
  width:40px !important;
  height:40px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:15px !important;
  border:1px solid rgba(200,162,74,.46) !important;
  background:rgba(255,255,255,.045) !important;
  color:var(--text) !important;
}
@media (max-width: 520px){
  .kgc-advisor-window .kgc-advisor-header{
    padding:17px 16px 15px 66px !important;
  }
  .kgc-advisor-window .kgc-advisor-close{
    position:static !important;
    inset:auto !important;
    transform:none !important;
    width:38px !important;
    height:38px !important;
  }
}


/* Advisor title left-justified closer to the logo */
.kgc-advisor-heading{
  justify-content:flex-start !important;
  align-items:center !important;
  gap:14px !important;
}
.kgc-advisor-window .kgc-advisor-header{
  justify-content:space-between !important;
}
.kgc-advisor-title{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  text-align:left !important;
  margin-left:0 !important;
}
.kgc-advisor-title .spark{
  display:block !important;
  margin:0 0 2px 0 !important;
  text-align:left !important;
}
.kgc-advisor-title h3{
  display:block !important;
  width:auto !important;
  text-align:left !important;
}

/* Growth Console V2 patch: media composer + advisor header alignment */
.media-advisor-form{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:10px !important;
  align-items:end !important;
  padding:10px !important;
  border:1px solid rgba(200,162,74,.34) !important;
  border-radius:18px !important;
  background:rgba(0,0,0,.13) !important;
}
[data-theme="light"] .media-advisor-form{
  background:rgba(255,255,255,.58) !important;
}
.media-advisor-form textarea{
  display:block !important;
  width:100% !important;
  min-height:56px !important;
  max-height:132px !important;
  resize:vertical !important;
  border-radius:17px !important;
  border:1px solid rgba(200,162,74,.34) !important;
  background:var(--input) !important;
  color:var(--text) !important;
  padding:12px 13px !important;
  outline:none !important;
  font:inherit !important;
  line-height:1.45 !important;
}
.media-advisor-form textarea::placeholder{
  color:var(--muted) !important;
}
.media-advisor-form textarea:focus{
  border-color:var(--gold) !important;
  box-shadow:0 0 0 3px rgba(200,162,74,.12) !important;
}
.media-advisor-form .btn{
  display:inline-flex !important;
  min-height:56px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:17px !important;
  padding:0 18px !important;
}
.kgc-advisor-window .kgc-advisor-header{
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:14px !important;
  min-height:92px !important;
  padding:20px !important;
  position:relative !important;
}
.kgc-advisor-heading{
  grid-column:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  min-width:0 !important;
  margin:0 !important;
}
.kgc-advisor-title{
  margin:0 !important;
  text-align:left !important;
  align-items:flex-start !important;
}
.kgc-advisor-window .kgc-advisor-close{
  grid-column:3 !important;
  justify-self:end !important;
  align-self:center !important;
  position:static !important;
  inset:auto !important;
  transform:none !important;
  margin:0 !important;
  flex:0 0 auto !important;
}
@media (max-width:720px){
  .media-advisor-form{
    grid-template-columns:1fr !important;
  }
  .media-advisor-form .btn{
    width:100% !important;
    min-height:46px !important;
  }
}
@media (max-width:520px){
  .kgc-advisor-window .kgc-advisor-header{
    grid-template-columns:auto minmax(0,1fr) auto !important;
    padding:17px 16px 15px !important;
  }
}

/* Media Studio: single AI workspace + working draft */
.media-primary-grid.single-workspace{
  grid-template-columns:minmax(0, 1fr);
  max-width:920px;
  margin:0 auto;
  width:100%;
}
.media-ai-workspace-panel{
  padding:18px;
}
.media-ai-workspace{
  display:grid;
  gap:16px;
}
.media-working-draft{
  border-top:1px solid rgba(198,162,74,.22);
  padding-top:16px;
}
.media-working-draft .media-script-form{
  margin:0;
}
.media-working-draft .form-section-title{
  padding:0;
}
.media-working-draft .compact-script-form{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.media-working-draft .compact-script-form .wide,
.media-working-draft .compact-script-form .script-actions{
  grid-column:1 / -1;
}
.media-working-draft textarea[name="script"]{
  min-height:180px;
}
@media (max-width: 760px){
  .media-working-draft .compact-script-form{
    grid-template-columns:1fr;
  }
}


/* Advisor recent discussion memory */
.kgc-advisor-window{
  grid-template-rows:auto auto minmax(0,1fr) auto !important;
}
.kgc-advisor-history{
  padding:12px 20px 10px !important;
  border-bottom:1px solid rgba(200,162,74,.18) !important;
  background:rgba(0,0,0,.08) !important;
}
.kgc-advisor-history-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-bottom:9px !important;
}
.kgc-advisor-history-head small{
  display:block !important;
  color:var(--muted) !important;
  font-size:.72rem !important;
  margin-top:2px !important;
}
.kgc-advisor-thread-list{
  display:flex !important;
  gap:8px !important;
  overflow-x:auto !important;
  padding-bottom:2px !important;
  scrollbar-width:none !important;
}
.kgc-advisor-thread-list::-webkit-scrollbar{width:0 !important;height:0 !important;}
.kgc-advisor-thread{
  flex:0 0 210px !important;
  text-align:left !important;
  border:1px solid rgba(200,162,74,.22) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.035) !important;
  color:var(--text) !important;
  padding:9px 10px !important;
  cursor:pointer !important;
}
.kgc-advisor-thread:hover,
.kgc-advisor-thread.active{
  border-color:rgba(85,185,133,.45) !important;
  background:rgba(47,122,87,.20) !important;
}
.kgc-advisor-thread strong,
.kgc-advisor-thread span{
  display:block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.kgc-advisor-thread strong{
  font-size:.78rem !important;
  line-height:1.2 !important;
}
.kgc-advisor-thread span{
  color:var(--muted) !important;
  font-size:.68rem !important;
  margin-top:4px !important;
}
.kgc-advisor-thread > button[data-advisor-thread]{
  appearance:none !important;
  border:0 !important;
  background:transparent !important;
  color:inherit !important;
  padding:0 !important;
  text-align:left !important;
  width:100% !important;
  cursor:pointer !important;
}
.kgc-advisor-thread-actions{
  display:flex !important;
  gap:5px !important;
  flex-wrap:wrap !important;
  margin-top:8px !important;
}
.kgc-advisor-archive{
  flex:0 0 100% !important;
}
.kgc-advisor-archive summary{
  color:var(--muted) !important;
  cursor:pointer !important;
  font-size:.72rem !important;
  padding:6px 2px !important;
  text-transform:uppercase !important;
}
@media (max-width:520px){
  .kgc-advisor-history{padding:10px 14px 9px !important;}
  .kgc-advisor-thread{flex-basis:190px !important;}
}

/* Growth Console v3 admin additions */
.portal-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.portal-role-grid div{border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(128,128,128,.045)}
.portal-role-grid strong{display:block;color:var(--gold);font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}
.portal-role-grid span{display:block;color:var(--muted);font-size:13px;line-height:1.45}
.status.green,.status.billable{background:rgba(85,185,133,.14);border-color:rgba(85,185,133,.28);color:var(--green-2)}
.status.yellow,.status.internal,.status.needs-input,.status.expected{background:rgba(216,154,61,.14);border-color:rgba(216,154,61,.30);color:var(--amber)}
.status.red,.status.at-risk{background:rgba(228,93,107,.14);border-color:rgba(228,93,107,.28);color:var(--red)}
.status.admin-only,.status.not-invited,.status.invited{background:rgba(110,168,229,.12);border-color:rgba(110,168,229,.24);color:var(--blue)}
@media(max-width:760px){.portal-role-grid{grid-template-columns:1fr}}

/* Client Ops two-line alternative view */
.client-ops-card .table-tools{margin-bottom:14px}
.client-ops-list{display:grid;gap:12px}
.client-ops-row{border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,var(--panel),var(--panel-2));padding:14px;display:grid;gap:10px;box-shadow:var(--glow)}
.client-ops-main{display:grid;grid-template-columns:minmax(190px,1fr) auto;gap:14px;align-items:center}
.client-ops-identity{min-width:0}
.client-ops-identity strong{display:block;font-size:15px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-ops-identity span{display:block;margin-top:4px;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-ops-badges{display:flex;gap:7px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.client-ops-sub{display:grid;grid-template-columns:190px minmax(170px,.9fr) minmax(220px,1.35fr) auto;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:10px;color:var(--muted);font-size:12px}
.client-ops-progress{display:grid;grid-template-columns:42px 1fr;gap:9px;align-items:center;font-weight:900;color:var(--text)}
.client-ops-progress .progress-track{margin-top:0;height:7px}
.client-ops-metrics{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-ops-action{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;min-width:0;color:var(--text)}
.client-ops-action span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:950}
.client-ops-action{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-ops-actions{justify-content:flex-end;flex-wrap:nowrap}
@media(max-width:1100px){.client-ops-sub{grid-template-columns:1fr 1fr}.client-ops-actions{justify-content:flex-start}.client-ops-main{grid-template-columns:1fr}.client-ops-badges{justify-content:flex-start}}
@media(max-width:680px){.client-ops-sub{grid-template-columns:1fr}.client-ops-actions{flex-wrap:wrap}.client-ops-identity strong,.client-ops-identity span,.client-ops-metrics,.client-ops-action{white-space:normal}}

/* Growth Console v3 IA cleanup */
.nav-group{padding-bottom:10px;border-bottom:1px solid var(--line)}
.nav-group:last-child{border-bottom:0}
.nav-heading{padding:8px 10px 4px}
.nav-ico{width:22px;text-align:center}

/* Overview command-center layout */
.compact-kpis .kpi-card{min-height:112px}
.overview-command-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px;margin-top:16px}
.overview-performance-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px;margin-top:16px}
.priority-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.priority-stack section{border:1px solid var(--line);border-radius:18px;background:rgba(128,128,128,.04);padding:12px;min-width:0}
.priority-stack h4{margin:0 0 10px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:950}
.command-snapshot .summary-list{margin-bottom:14px}
.overview-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}
.overview-shortcuts .btn{width:100%;justify-content:center}
.compact-chart{min-height:260px;max-height:300px}

/* Client Ops cleanup */
.client-ops-kpis{margin-bottom:16px}
.client-ops-tools{padding:10px;margin-bottom:12px}
.client-ops-filter-row{grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(120px,.8fr)) auto;gap:8px;align-items:end}
.client-ops-filter-row .btn{height:36px;white-space:nowrap}
.client-ops-card .column-picker{display:none!important}

@media(max-width:1180px){
  .overview-command-grid,.overview-performance-grid{grid-template-columns:1fr}
  .client-ops-filter-row{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .priority-stack{grid-template-columns:1fr}
  .overview-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .client-ops-filter-row{grid-template-columns:1fr}
}

/* Hotfix: overview compact lists and weekly snapshot */
.compact-empty{
  border:1px dashed var(--line);
  border-radius:14px;
  padding:10px;
  font-size:12px;
  color:var(--muted);
  background:rgba(128,128,128,.035);
}
.snapshot-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.snapshot-grid div{
  border:1px solid var(--line);
  border-radius:16px;
  padding:12px;
  background:rgba(128,128,128,.04);
  min-width:0;
}
.snapshot-grid span{
  display:block;
  font-size:9px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--muted);
  font-weight:900;
  margin-bottom:6px;
}
.snapshot-grid strong{
  font-size:18px;
  color:var(--text);
}
@media(max-width:900px){.snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.snapshot-grid{grid-template-columns:1fr}}

/* Date picker fields */
.date-input-shell{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
}
.date-input-shell input[type="date"]{
  width:100%;
  padding-right:46px;
}
.calendar-picker{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  width:28px;
  height:28px;
  border:1px solid var(--border);
  border-radius:10px;
  background:rgba(255,255,255,.04);
  color:var(--text);
  cursor:pointer;
  display:grid;
  place-items:center;
  font-size:16px;
  line-height:1;
}
.calendar-picker:hover{
  background:rgba(255,255,255,.08);
  border-color:var(--accent);
}

/* Growth Console v3 Admin Final Pass */
.nav-group{padding-top:2px;border-top:1px solid rgba(225,191,99,.10)}
.nav-group:first-child{border-top:0;padding-top:0}
.nav-heading{padding-top:2px}
.nav-btn[data-view="clientOps"] .nav-ico{background:linear-gradient(135deg,rgba(225,191,99,.20),rgba(47,122,87,.22));border-color:rgba(225,191,99,.45);color:var(--gold-2)}
.overview-kpi-strip .kpi-card,.finance-kpis .kpi-card,.time-kpis .kpi-card{min-height:116px}
.overview-final-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr) minmax(280px,.8fr);gap:16px;align-items:stretch}
.overview-today-panel{grid-row:span 2}
.overview-money-panel{grid-column:2 / -1}
.priority-stack.compact-stack{display:grid;grid-template-columns:1fr;gap:14px}
.priority-stack h4{margin:0 0 8px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2)}
.ai-action-list{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.ai-action-list li{border:1px solid var(--line);border-radius:14px;padding:10px;background:rgba(128,128,128,.04);font-size:12.5px;line-height:1.45;color:var(--muted)}
.ai-action-list strong{color:var(--gold-2);margin-right:5px}
.ops-brief-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:10px;background:rgba(128,128,128,.04);margin-bottom:8px;min-width:0}
.ops-brief-row strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}
.ops-brief-row span{display:block;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.ops-brief-row>div:last-child{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.compact-metric-list{display:grid;gap:8px}.compact-metric-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:10px;background:rgba(128,128,128,.04)}.compact-metric-row span{color:var(--muted);font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-metric-row strong{font-size:13px;white-space:nowrap;color:var(--text)}
.quick-jump-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.quick-jump-card{border:1px solid var(--line);border-radius:16px;background:rgba(128,128,128,.04);color:var(--text);padding:13px;text-align:left;display:grid;gap:5px;transition:var(--ease)}.quick-jump-card:hover{border-color:rgba(225,191,99,.50);transform:translateY(-1px);background:linear-gradient(145deg,rgba(15,77,53,.28),rgba(225,191,99,.08))}.quick-jump-card strong{font-family:var(--font-display);font-size:16px}.quick-jump-card span{font-size:12px;color:var(--muted);line-height:1.35}
.finance-breakdown-grid,.support-load-grid{align-items:start}.mini-card{box-shadow:none;background:rgba(128,128,128,.035)}
.support-table{display:grid;gap:8px}.support-table-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:10px;background:rgba(128,128,128,.04)}.support-table-row span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-table-row strong{font-size:13px}.support-table-row em{font-style:normal;color:var(--gold-2);font-size:12px;font-weight:900;white-space:nowrap}
.client-ops-tools.final-filter-row{padding:10px;margin-bottom:12px}.client-ops-filter-row{grid-template-columns:minmax(220px,1.3fr) repeat(5,minmax(120px,.75fr)) auto!important;align-items:end}.client-search-field input{min-width:0}.client-ops-row{border:1px solid var(--line);border-radius:18px;background:rgba(128,128,128,.04);padding:13px;margin-bottom:10px}.client-ops-main{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.client-ops-identity{display:grid;gap:2px;min-width:0}.client-ops-identity strong{font-size:15px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-ops-identity span{font-size:12px;color:var(--muted)}.client-ops-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.client-ops-sub{display:grid;grid-template-columns:170px minmax(160px,.7fr) minmax(220px,1fr) auto;gap:12px;align-items:center;margin-top:11px;padding-top:11px;border-top:1px solid var(--line)}.client-ops-progress{display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;align-items:center}.client-ops-progress span{font-size:12px;color:var(--gold-2);font-weight:900}.client-ops-metrics{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-ops-action{display:grid;gap:2px;font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-ops-action span{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2);font-weight:900}.client-ops-actions{justify-content:flex-end}.client-ops-actions .btn.small:first-child{min-width:94px}
.status.green,.status.active,.status.ready-to-scale,.status.invited{background:rgba(85,185,133,.14);border-color:rgba(85,185,133,.28);color:var(--green-2)}.status.yellow,.status.admin-only,.status.not-invited{background:rgba(216,154,61,.14);border-color:rgba(216,154,61,.30);color:var(--amber)}.status.red,.status.paused,.status.at-risk{background:rgba(228,93,107,.14);border-color:rgba(228,93,107,.28);color:var(--red)}
.snapshot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.snapshot-grid div{border:1px solid var(--line);border-radius:14px;padding:10px;background:rgba(128,128,128,.04)}.snapshot-grid span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.snapshot-grid strong{display:block;font-size:16px;margin-top:4px;color:var(--text)}
@media(max-width:1280px){.overview-final-grid{grid-template-columns:1fr 1fr}.overview-today-panel{grid-row:auto;grid-column:1/-1}.overview-money-panel{grid-column:auto}.quick-jump-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-ops-filter-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}.client-ops-sub{grid-template-columns:1fr 1fr}.client-ops-actions{justify-content:flex-start}.client-ops-action{white-space:normal}}
@media(max-width:760px){.overview-final-grid,.finance-breakdown-grid,.support-load-grid,.quick-jump-grid,.snapshot-grid{grid-template-columns:1fr}.ops-brief-row{grid-template-columns:1fr}.ops-brief-row>div:last-child{justify-content:flex-start}.client-ops-main{display:grid}.client-ops-badges{justify-content:flex-start}.client-ops-filter-row,.client-ops-sub{grid-template-columns:1fr!important}.client-ops-metrics{white-space:normal}.support-table-row{grid-template-columns:1fr}.quick-jump-card{width:100%}}

/* Sidebar polish hotfix: remove duplicate section dividers and hide internal scrollbar */
.sidebar{
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.sidebar::-webkit-scrollbar{width:0;height:0;display:none;}
.nav{gap:14px;}
.nav-group{
  padding-top:0!important;
  padding-bottom:12px!important;
  border-top:0!important;
  border-bottom:1px solid rgba(225,191,99,.14)!important;
}
.nav-group:last-child{border-bottom:0!important;}
.nav-heading{padding:0 10px 6px!important;}

/* Sidebar focus card cleanup: remove the empty/low-value weekly focus block */
.focus-card{display:none!important;}

/* v3 admin final: data source add controls */
.section-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.integration-left .section-actions .btn{white-space:nowrap}
@media (max-width: 760px){.section-actions{justify-content:flex-start}.integration-left .section-actions{width:100%;justify-content:space-between}}

/* Pipeline compact two-line view */
.pipeline-compact-card .table-tools{margin-bottom:12px}
.pipeline-tools{padding:10px;margin-bottom:12px}
.pipeline-filter-row{grid-template-columns:minmax(240px,1.4fr) repeat(4,minmax(110px,.75fr)) auto;gap:8px;align-items:end}
.pipeline-filter-row .btn{height:36px;white-space:nowrap}
.pipeline-compact-list{display:grid;gap:10px}
.pipeline-row{border:1px solid var(--line);border-radius:18px;background:rgba(128,128,128,.04);padding:13px;display:grid;gap:10px;box-shadow:var(--glow)}
.pipeline-line{display:grid;align-items:center;gap:12px;min-width:0}
.primary-line{grid-template-columns:minmax(180px,1fr) minmax(180px,auto) minmax(125px,auto)}
.secondary-line{grid-template-columns:minmax(180px,.9fr) minmax(240px,1.2fr) auto;border-top:1px solid var(--line);padding-top:10px}
.pipeline-title{min-width:0}.pipeline-title strong{font-size:15px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pipeline-title span{font-size:12px;color:var(--muted)}
.pipeline-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-start}.pipeline-money{text-align:right;white-space:nowrap}.pipeline-money strong{display:block;color:var(--text);font-size:15px}.pipeline-money span{display:block;color:var(--muted);font-size:11.5px;margin-top:2px}
.pipeline-meta{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.pipeline-next{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.pipeline-next span{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2);font-weight:900}.pipeline-actions{justify-content:flex-end;flex-wrap:nowrap}
@media(max-width:1180px){.pipeline-filter-row{grid-template-columns:repeat(3,minmax(0,1fr))}.primary-line{grid-template-columns:1fr auto}.pipeline-money{grid-column:1/-1;text-align:left}.secondary-line{grid-template-columns:1fr 1fr}.pipeline-actions{justify-content:flex-start}}
@media(max-width:760px){.pipeline-filter-row,.primary-line,.secondary-line{grid-template-columns:1fr}.pipeline-badges,.pipeline-actions{justify-content:flex-start}.pipeline-meta,.pipeline-next,.pipeline-title strong{white-space:normal}}

/* Client Hub master client view */
.nav-btn[data-view="clientHub"] .nav-ico{background:linear-gradient(135deg,rgba(225,191,99,.22),rgba(47,122,87,.28));border-color:rgba(225,191,99,.48);color:var(--gold-2)}
.client-hub-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.client-hub-hero h2{margin:4px 0 8px;font-size:clamp(24px,3vw,38px);max-width:980px}
.client-hub-hero p{max-width:880px;margin:0}
.client-hub-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;min-width:280px}
.client-hub-kpis{margin-bottom:16px}
.client-hub-controls{padding:12px;margin-bottom:14px}
.client-hub-filter-row{grid-template-columns:minmax(260px,1fr) minmax(150px,.35fr) minmax(130px,.25fr) auto;align-items:end;gap:10px}
.client-hub-filter-row .btn{height:36px;white-space:nowrap}
.client-hub-lanes{display:grid;gap:16px}
.client-lane{border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(128,128,128,.035));padding:14px;box-shadow:var(--glow)}
.client-lane-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.client-lane-head h3{margin:2px 0 4px;font-size:20px}
.client-lane-head p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.45;max-width:900px}
.lane-attention{border-color:rgba(228,93,107,.28)}
.lane-onboarding{border-color:rgba(216,154,61,.24)}
.lane-scale{border-color:rgba(85,185,133,.28)}
.client-lane-list{display:grid;gap:10px}
.client-hub-card{border:1px solid var(--line);border-radius:18px;background:rgba(128,128,128,.045);padding:13px;display:grid;gap:10px;min-width:0}
.lane-attention .client-hub-card{background:linear-gradient(145deg,rgba(228,93,107,.06),rgba(128,128,128,.035))}
.lane-scale .client-hub-card{background:linear-gradient(145deg,rgba(85,185,133,.06),rgba(128,128,128,.035))}
.client-card-line{display:grid;align-items:center;gap:12px;min-width:0}
.client-card-primary{grid-template-columns:minmax(210px,1fr) minmax(180px,auto) minmax(135px,auto)}
.client-card-secondary{grid-template-columns:170px minmax(220px,1fr) minmax(240px,1.1fr) auto;border-top:1px solid var(--line);padding-top:10px}
.client-card-name{min-width:0;display:grid;gap:2px}.client-card-name strong{font-size:15.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-card-name span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-card-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-start}.client-card-value{text-align:right;white-space:nowrap}.client-card-value strong{display:block;color:var(--text);font-size:15px}.client-card-value span{display:block;color:var(--muted);font-size:11.5px;margin-top:2px}
.client-card-progress{display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;align-items:center}.client-card-progress>span{font-size:12px;color:var(--gold-2);font-weight:900}.client-card-meta{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.client-card-next{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.client-card-next span{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2);font-weight:900}.client-card-actions{justify-content:flex-end;flex-wrap:nowrap}.compact-empty{padding:13px!important;border-radius:14px!important}
.status.action,.status.load{background:rgba(228,93,107,.14);border-color:rgba(228,93,107,.28);color:var(--red)}.status.open,.status.new-lead{background:rgba(216,154,61,.13);border-color:rgba(216,154,61,.28);color:var(--amber)}.status.won,.status.low{background:rgba(85,185,133,.14);border-color:rgba(85,185,133,.28);color:var(--green-2)}
@media(max-width:1240px){.client-card-primary{grid-template-columns:1fr auto}.client-card-value{grid-column:1/-1;text-align:left}.client-card-secondary{grid-template-columns:1fr 1fr}.client-card-actions{justify-content:flex-start}.client-hub-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}.client-hub-actions{min-width:0}}
@media(max-width:760px){.client-hub-hero{display:grid}.client-hub-actions{justify-content:flex-start}.client-hub-filter-row,.client-card-primary,.client-card-secondary{grid-template-columns:1fr}.client-card-badges,.client-card-actions{justify-content:flex-start}.client-card-name strong,.client-card-name span,.client-card-meta,.client-card-next{white-space:normal}.client-lane{padding:11px}}

/* Sidebar icon shape hotfix: keep menu icons perfectly circular */
.nav-ico{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  flex:0 0 28px!important;
  aspect-ratio:1 / 1!important;
  border-radius:999px!important;
  display:inline-grid!important;
  place-items:center!important;
  line-height:1!important;
  padding:0!important;
  box-sizing:border-box!important;
}
.nav-btn{
  align-items:center!important;
}
.nav-btn span:not(.nav-ico){
  min-width:0;
}
@media(max-width:1200px){
  .nav-ico{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    flex-basis:28px!important;
  }
}

/* Client Portal Preview */
.client-portal-admin-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.client-portal-admin-hero h2{margin:4px 0 8px;font-size:clamp(24px,3vw,38px)}
.client-portal-admin-hero p{max-width:880px;margin:0}
.client-portal-selector{display:flex;align-items:end;gap:10px;min-width:min(420px,100%);justify-content:flex-end}
.client-portal-selector .filter-field{min-width:260px}
.client-portal-shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px;align-items:start}
.client-portal-menu{position:sticky;top:20px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,var(--panel),var(--panel-2));box-shadow:var(--shadow);padding:14px;display:grid;gap:8px}
.client-portal-brand{display:flex;align-items:center;gap:10px;padding:8px 8px 14px;border-bottom:1px solid var(--line);margin-bottom:6px}
.client-portal-brand strong{display:block}.client-portal-brand span{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.client-portal-menu button{border:1px solid transparent;background:transparent;color:var(--muted);text-align:left;border-radius:14px;padding:11px 12px;font-weight:900}
.client-portal-menu button.active,.client-portal-menu button:hover{background:rgba(200,162,74,.10);border-color:var(--line);color:var(--text)}
.client-portal-main{display:grid;gap:16px;min-width:0}
.client-welcome-card{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:center}
.client-welcome-card h3{font-family:var(--font-display);font-size:28px;margin:6px 0 8px}
.portal-login-preview{border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(128,128,128,.045);display:grid;gap:8px}
.portal-login-preview strong{color:var(--gold);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.portal-login-preview span{color:var(--muted);font-size:13px;line-height:1.45}
.portal-stage-track{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.portal-stage{border:1px solid var(--line);border-radius:16px;padding:12px;background:rgba(128,128,128,.045);display:grid;gap:8px;min-height:86px;align-content:center;text-align:center}
.portal-stage b{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;margin:0 auto;background:var(--chip);color:var(--muted)}
.portal-stage.done{border-color:rgba(85,185,133,.28);background:rgba(85,185,133,.08)}.portal-stage.done b{background:rgba(85,185,133,.18);color:var(--green-2)}
.portal-stage span{font-size:12px;font-weight:900;color:var(--text)}
.check-pill-grid{display:flex;flex-wrap:wrap;gap:8px}.check-pill-grid.stacked{display:grid}.check-pill-grid.compact .check-pill{min-width:96px}.daily-check-grid{display:flex;flex-wrap:wrap;gap:8px}
.check-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:8px 10px;background:rgba(128,128,128,.045);font-size:12px;font-weight:900;color:var(--muted)}
.check-pill b{color:var(--muted)}.check-pill.done{background:rgba(85,185,133,.10);border-color:rgba(85,185,133,.28);color:var(--green-2)}.check-pill.done b{color:var(--green-2)}
.week-checklist{display:grid;gap:9px}.week-check-row{border:1px solid var(--line);border-radius:16px;background:rgba(128,128,128,.045);padding:12px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.week-check-row strong{display:block}.week-check-row span{display:block;color:var(--muted);font-size:12px;line-height:1.45;margin-top:4px}.week-check-row b{color:var(--muted)}.week-check-row.done{border-color:rgba(85,185,133,.28);background:rgba(85,185,133,.08)}.week-check-row.done b{color:var(--green-2)}
@media(max-width:1120px){.client-portal-admin-hero,.client-welcome-card{grid-template-columns:1fr;display:grid}.client-portal-selector{justify-content:flex-start}.portal-stage-track{grid-template-columns:repeat(4,minmax(0,1fr))}.client-portal-shell{grid-template-columns:1fr}.client-portal-menu{position:relative;top:auto;display:flex;overflow:auto}.client-portal-brand{min-width:220px;border-bottom:0;border-right:1px solid var(--line);padding-bottom:8px;margin-bottom:0}.client-portal-menu button{white-space:nowrap}}
@media(max-width:760px){.client-portal-selector{display:grid}.client-portal-selector .filter-field{min-width:0}.portal-stage-track{grid-template-columns:repeat(2,minmax(0,1fr))}.client-portal-menu{display:grid}.client-portal-brand{border-right:0;border-bottom:1px solid var(--line);min-width:0}}

/* Client portal as a separate front-end shell tied to the admin client record */
body.client-portal-mode .sidebar,
body.client-portal-mode .topbar,
body.client-portal-mode .mobile-nav-toggle,
body.client-portal-mode #mobileNavBackdrop{
  display:none!important;
}
body.client-portal-mode .app-shell{
  grid-template-columns:1fr!important;
}
body.client-portal-mode .main{
  padding:0!important;
  min-height:100vh;
}
body.client-portal-mode .view{
  gap:0;
  min-height:100vh;
}
.client-auth-page{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:32px;
  background:
    radial-gradient(circle at 15% 10%, rgba(225,191,99,.13), transparent 34%),
    radial-gradient(circle at 82% 18%, rgba(47,122,87,.20), transparent 30%),
    linear-gradient(145deg,var(--bg),var(--sidebar));
}
.client-auth-card{
  width:min(1080px,100%);
  padding:28px;
}
.client-auth-brand{display:flex;align-items:flex-start;gap:18px;margin-bottom:24px}
.client-auth-brand h1{font-family:var(--font-display);font-size:clamp(32px,5vw,56px);line-height:.98;margin:6px 0 10px;max-width:780px}
.client-auth-brand p{max-width:760px;line-height:1.55;margin:0}
.client-auth-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;align-items:stretch}
.client-auth-panel{border:1px solid var(--line);border-radius:24px;padding:20px;background:linear-gradient(145deg,var(--panel-2),var(--panel-3));display:grid;gap:10px;align-content:start}
.client-auth-avatar{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),var(--gold));color:#fff;font-weight:950;font-size:26px}
.client-auth-panel strong{font-size:22px}.client-auth-panel span{color:var(--muted)}
.client-auth-form{border:1px solid var(--line);border-radius:24px;padding:20px;background:rgba(128,128,128,.045);display:grid;gap:12px}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:4px}
.auth-tabs button{border:1px solid var(--line);border-radius:14px;background:var(--input);color:var(--muted);font-weight:950;padding:11px}
.auth-tabs button.active{background:linear-gradient(135deg,rgba(47,122,87,.32),rgba(225,191,99,.14));color:var(--text);border-color:var(--line-strong)}
.client-auth-form .field{display:grid;gap:7px}.client-auth-form .field label{margin:0}
.client-auth-preview-control{margin-top:16px;display:flex;justify-content:flex-end}
.client-only-shell{min-height:100vh;display:grid;grid-template-columns:292px minmax(0,1fr);background:linear-gradient(145deg,var(--bg),var(--sidebar));}
.client-only-sidebar{position:sticky;top:0;height:100vh;padding:22px 18px;display:flex;flex-direction:column;gap:14px;background:linear-gradient(180deg,var(--sidebar),var(--sidebar-2));border-right:1px solid var(--line);overflow:auto;scrollbar-width:none}
.client-only-sidebar::-webkit-scrollbar{display:none}
.client-portal-brand.large{display:flex;align-items:center;gap:12px;padding:0 4px 16px;border-bottom:1px solid var(--line);margin-bottom:2px}
.client-portal-brand.large .avatar{width:46px;height:46px;border-radius:16px;flex:0 0 46px}.client-portal-brand.large strong{display:block}.client-portal-brand.large span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.client-step-nav{display:grid;gap:6px;flex:1;align-content:start}
.portal-menu-link{display:grid;gap:3px;text-decoration:none;color:var(--muted);border:1px solid transparent;border-radius:16px;padding:11px 12px;background:transparent;transition:var(--ease)}
.portal-menu-link span{font-weight:950;color:inherit}.portal-menu-link small{font-size:11px;color:var(--muted)}
.portal-menu-link:hover,.portal-menu-link.active{background:linear-gradient(135deg,rgba(47,122,87,.28),rgba(225,191,99,.12));border-color:var(--line);color:var(--text)}
.client-only-main{padding:28px;display:grid;gap:18px;align-content:start;min-width:0}
.client-hero-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px}
.client-hero-panel h1{font-family:var(--font-display);font-size:clamp(34px,5vw,60px);line-height:.98;margin:6px 0 10px}.client-hero-panel p{max-width:820px;margin:0;line-height:1.55}
.client-hero-progress{min-width:210px;border:1px solid var(--line);border-radius:22px;padding:18px;background:rgba(128,128,128,.045)}
.client-hero-progress strong{display:block;font-size:42px;line-height:1;font-weight:950}.client-hero-progress span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:950;margin:8px 0 0}
.portal-status-stack{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.client-journey-list{display:grid;gap:10px}.journey-row{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:start;border:1px solid var(--line);border-radius:18px;padding:13px;background:rgba(128,128,128,.045)}
.journey-row b{width:34px;height:34px;border-radius:13px;display:grid;place-items:center;background:var(--chip);color:var(--gold);font-weight:950}.journey-row.done{border-color:rgba(85,185,133,.32);background:rgba(85,185,133,.08)}.journey-row.done b{background:rgba(85,185,133,.16);color:var(--green-2)}
.journey-row strong{display:block;margin-bottom:3px}.journey-row span{display:block;color:var(--muted);font-size:13px;line-height:1.45}
.support-box{display:grid;gap:12px;align-content:start}.support-box p{margin:0;line-height:1.55}
.readiness-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.readiness-grid div{border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(128,128,128,.045)}.readiness-grid span{display:block;color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:950}.readiness-grid strong{display:block;font-size:28px;margin-top:8px}
/* Sidebar icon hardening */
.nav-ico{width:31px!important;height:31px!important;min-width:31px!important;min-height:31px!important;max-width:31px!important;max-height:31px!important;aspect-ratio:1/1!important;border-radius:999px!important;line-height:1!important;display:inline-grid!important;place-items:center!important;flex:0 0 31px!important;overflow:hidden!important;box-sizing:border-box!important}
.nav-btn{align-items:center!important}.nav-btn span:not(.nav-ico){min-width:0}
@media(max-width:1120px){.client-auth-grid,.client-only-shell{grid-template-columns:1fr}.client-only-sidebar{position:relative;height:auto}.client-step-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.client-hero-panel{display:grid}.client-hero-progress{min-width:0}.readiness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.client-auth-page{padding:16px}.client-auth-card{padding:18px}.client-auth-brand{display:grid}.client-step-nav{grid-template-columns:1fr}.client-only-main{padding:16px}.client-hero-panel h1{font-size:34px}.portal-status-stack{justify-content:flex-start}.readiness-grid{grid-template-columns:1fr}}

/* IP-024 role cleanup: shared shell and Sales Client Hub */
body:not(.client-portal-mode) .sidebar{
  position:sticky!important;
  top:0!important;
  height:auto!important;
  min-height:auto!important;
  overflow:visible!important;
}
body:not(.client-portal-mode) #advisorTopBtn{
  position:fixed!important;
  right:24px!important;
  bottom:24px!important;
  z-index:75!important;
  width:58px!important;
  height:58px!important;
  border-radius:18px!important;
  box-shadow:0 18px 45px rgba(0,0,0,.28)!important;
}
.platform-top-account{
  display:flex;
  align-items:center;
  gap:8px;
}
.user-card[hidden]{display:none!important;}
.client-hub-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:0 0 14px;
}
.client-hub-tab{
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(128,128,128,.045);
  color:var(--muted);
  font-weight:950;
  padding:9px 13px;
  cursor:pointer;
}
.client-hub-tab.active,
.client-hub-tab:hover{
  color:var(--text);
  border-color:rgba(225,191,99,.48);
  background:linear-gradient(135deg,rgba(47,122,87,.28),rgba(225,191,99,.12));
}
.sales-client-list{
  display:grid;
  gap:10px;
}
.client-card-secondary{
  grid-template-columns:minmax(190px,.45fr) minmax(260px,1fr) auto!important;
}
.client-card-progress{
  grid-template-columns:auto auto minmax(70px,1fr)!important;
}
.client-card-progress strong{
  color:var(--gold-2);
  font-size:12px;
}
.client-card-badges .status.membership,
.client-card-badges .status.pro,
.client-card-badges .status.auto,
.client-card-badges .status.elite{
  background:transparent;
  border-color:rgba(225,191,99,.36);
  color:var(--gold-2);
}
.client-card-badges .status.new-client{
  background:rgba(85,185,133,.14);
  border-color:rgba(85,185,133,.28);
  color:var(--green-2);
}
@media(max-width:760px){
  body:not(.client-portal-mode) #advisorTopBtn{
    right:16px!important;
    bottom:16px!important;
  }
  .client-card-secondary,
  .client-card-progress{
    grid-template-columns:1fr!important;
  }
}

/* Client Portal overview cleanup */
.client-video-intro{
  display:grid;
  grid-template-columns:minmax(260px,420px) minmax(0,1fr);
  gap:18px;
  align-items:center;
  padding:18px;
}
.video-placeholder{
  min-height:220px;
  border:1px solid var(--line);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(47,122,87,.22),rgba(225,191,99,.12));
  display:grid;
  place-items:center;
  align-content:center;
  gap:8px;
  text-align:center;
  color:var(--text);
}
.video-placeholder span{
  width:62px;
  height:62px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.14);
  border:1px solid var(--line-strong);
  font-size:24px;
  padding-left:3px;
}
.video-placeholder strong{font-size:20px}
.video-placeholder small{color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.client-video-intro h3{font-family:var(--font-display);font-size:30px;margin:6px 0 8px}
.client-video-intro p{line-height:1.55;margin:0 0 14px;max-width:760px}
@media(max-width:920px){.client-video-intro{grid-template-columns:1fr}.video-placeholder{min-height:180px}}

/* Client Portal simplified overview + Growth Advisor */
.client-next-step-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:22px;
}
.client-next-step-card h3{
  font-family:var(--font-display);
  font-size:clamp(26px,3vw,40px);
  line-height:1.02;
  margin:6px 0 8px;
}
.next-step-action{
  display:grid;
  gap:10px;
  justify-items:end;
  min-width:220px;
}
.next-step-action span{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.client-health-chat{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:95;
}
.client-health-orb{
  width:64px;
  height:64px;
  border-radius:999px;
  display:grid;
  place-items:center;
  border:1px solid var(--gold-line);
  background:linear-gradient(135deg,var(--green),var(--gold));
  color:white;
  box-shadow:0 22px 54px rgba(0,0,0,.32);
  cursor:pointer;
  transition:var(--ease);
}
.client-health-orb:hover{transform:translateY(-2px)}
.client-health-orb span{
  width:42px;
  height:42px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.28);
  font-weight:950;
  font-size:20px;
}
.client-health-panel{
  position:absolute;
  right:0;
  bottom:78px;
  width:min(420px,calc(100vw - 32px));
  max-height:min(640px,calc(100vh - 120px));
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:14px;
  border:1px solid var(--gold-line);
  border-radius:24px;
  background:linear-gradient(145deg,var(--panel),var(--panel-2));
  box-shadow:0 30px 80px rgba(0,0,0,.42);
  overflow:hidden;
}
.client-health-head{
  display:flex;
  align-items:center;
  gap:10px;
  padding-bottom:12px;
  border-bottom:1px solid var(--line);
}
.client-health-head strong{display:block}
.client-health-head span{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.client-health-logo{
  width:38px;
  height:38px;
  border-radius:999px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--green),var(--gold));
  color:white;
  font-weight:950;
}
.client-health-head .icon-btn{margin-left:auto}
.client-health-messages{
  min-height:160px;
  max-height:300px;
}
.health-quick-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.client-health-form textarea{min-height:50px}
@media(max-width:760px){
  .client-next-step-card{grid-template-columns:1fr}
  .next-step-action{justify-items:start;min-width:0}
  .next-step-action span{justify-content:flex-start}
  .client-health-chat{right:16px;bottom:16px}
  .client-health-orb{width:58px;height:58px}
}


/* Client portal logo + next-step type polish */
.client-brand-mark{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  flex:0 0 46px!important;
  border-radius:16px!important;
  font-size:24px!important;
}
.client-portal-brand.large .client-brand-mark{
  width:46px!important;
  height:46px!important;
  border-radius:16px!important;
}
.client-health-orb.advisor-logo-btn{
  width:64px!important;
  height:64px!important;
  border-radius:18px!important;
  padding:0;
}
.client-health-orb.advisor-logo-btn span{
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
}
.client-health-logo.brand-mark.mini{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  flex:0 0 38px!important;
  border-radius:14px!important;
  font-size:20px!important;
  box-shadow:0 0 0 3px rgba(225,191,99,.035),0 10px 24px rgba(0,0,0,.18);
}
.client-next-step-card{
  padding:18px 20px!important;
  align-items:center;
}
.client-next-step-card h3{
  font-size:clamp(20px,2.1vw,28px)!important;
  line-height:1.14!important;
  margin:5px 0 7px!important;
  max-width:820px;
}
.client-next-step-card p{
  margin:0;
  font-size:13px;
  line-height:1.45;
}
@media(max-width:760px){
  .client-health-orb.advisor-logo-btn{width:58px!important;height:58px!important}
}

/* Client Portal first-pass training sections */
.client-step-nav button.portal-menu-link{
  width:100%;
  text-align:left;
  font-family:inherit;
  cursor:pointer;
}
.client-section-page{
  display:grid;
  gap:16px;
}
.client-section-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:16px;
  padding:22px;
  border:1px solid var(--line);
  border-radius:28px;
  background:linear-gradient(145deg,var(--panel),var(--panel-2));
  box-shadow:var(--shadow-soft);
}
.client-section-head h2{
  font-family:var(--font-display);
  font-size:clamp(34px,4vw,58px);
  line-height:.98;
  margin:6px 0 0;
}
.section-copy{
  margin:0;
  max-width:820px;
  line-height:1.55;
}
.portal-checklist-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.portal-check-item{
  border:1px solid var(--line);
  border-radius:20px;
  padding:14px;
  background:rgba(128,128,128,.045);
  color:var(--text);
  text-align:left;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  grid-template-areas:"dot title" "dot desc";
  gap:4px 10px;
  cursor:pointer;
  transition:var(--ease);
  font-family:inherit;
}
.portal-check-item:hover{transform:translateY(-1px);border-color:var(--line-strong)}
.portal-check-item .check-dot{
  grid-area:dot;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:var(--chip);
  color:var(--gold);
  font-weight:950;
}
.portal-check-item strong{grid-area:title;font-size:14px}
.portal-check-item small{grid-area:desc;color:var(--muted);line-height:1.35}
.portal-check-item.done{
  background:rgba(85,185,133,.08);
  border-color:rgba(85,185,133,.32);
}
.portal-check-item.done .check-dot{background:rgba(85,185,133,.18);color:var(--green-2)}
.training-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.training-grid.two{margin-top:14px}
.training-card,.portal-quiz,.support-panel,.portal-review-card{
  border:1px solid var(--line);
  border-radius:24px;
  padding:16px;
  background:rgba(128,128,128,.045);
}
.training-card h3{font-family:var(--font-display);font-size:28px;line-height:1.05;margin:0 0 8px}
.training-card p{margin:0 0 14px;line-height:1.5}
.portal-quiz{display:grid;gap:12px;background:rgba(0,0,0,.08)}
.portal-quiz.complete{border-color:rgba(85,185,133,.32);background:rgba(85,185,133,.06)}
.portal-quiz-head{display:flex;justify-content:space-between;align-items:start;gap:10px}
.portal-quiz-head h4{margin:4px 0 0;font-size:16px}
.quiz-question{display:grid;gap:8px;border-top:1px solid var(--line);padding-top:12px}
.quiz-question strong{font-size:13px;line-height:1.35}
.quiz-options{display:grid;gap:7px}
.quiz-option{
  border:1px solid var(--line);
  border-radius:14px;
  padding:10px 11px;
  background:var(--input);
  color:var(--text);
  text-align:left;
  font-weight:800;
  cursor:pointer;
}
.quiz-option:hover{border-color:var(--line-strong);background:rgba(200,162,74,.08)}
.quiz-feedback{margin:0;padding:10px 12px;border-radius:14px;font-weight:900}
.quiz-feedback.ok{background:rgba(85,185,133,.12);color:var(--green-2)}
.quiz-feedback.bad{background:rgba(242,154,96,.12);color:#ffbd8a}
.archetype-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.archetype-card{
  border:1px solid var(--line);
  border-radius:22px;
  padding:14px;
  background:rgba(128,128,128,.045);
}
.archetype-card span{
  width:34px;
  height:34px;
  border-radius:13px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,rgba(47,122,87,.28),rgba(225,191,99,.14));
  border:1px solid var(--line);
  color:var(--gold);
  font-weight:950;
  margin-bottom:10px;
}
.archetype-card h4{margin:0 0 6px;font-size:16px}
.archetype-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.portal-bullets{margin:12px 0 0;padding-left:18px;color:var(--muted);line-height:1.7}
.full-video-card .video-placeholder.large{min-height:300px}
.readiness-card strong{display:block;font-size:34px;line-height:1}
.readiness-card span{display:block;margin:8px 0 10px;color:var(--muted);font-weight:950;text-transform:uppercase;letter-spacing:.08em;font-size:11px}
.support-panel{display:grid;gap:10px;max-width:780px}
.support-panel h3{font-family:var(--font-display);font-size:34px;margin:0}
@media(max-width:1080px){
  .portal-checklist-grid,.archetype-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .training-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .client-section-head{display:grid;align-items:start}
  .portal-checklist-grid,.archetype-grid{grid-template-columns:1fr}
}

/* Client Portal course cleanup: remove duplicate intro/next pages, strengthen learning pages */
.portal-video-module{
  display:grid;
  grid-template-columns:minmax(260px,420px) minmax(0,1fr);
  gap:18px;
  align-items:center;
  padding:18px;
  border-color:var(--line-strong);
}
.video-placeholder.course-video{
  min-height:210px;
  background:radial-gradient(circle at 18% 14%,rgba(225,191,99,.18),transparent 36%),linear-gradient(135deg,rgba(47,122,87,.22),rgba(225,191,99,.10));
}
.portal-video-module h3{
  font-family:var(--font-display);
  font-size:clamp(26px,3vw,38px);
  line-height:1.02;
  margin:6px 0 8px;
}
.portal-video-module p{line-height:1.55;margin:0 0 10px;max-width:820px}
.vega-video-frame{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#020806;
  border:1px solid var(--line-strong);
  border-radius:8px;
}
.vega-video-player{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  border:0;
}
.training-video-card{
  display:block;
  width:100%;
  min-width:0;
  padding:18px;
  overflow:hidden;
}
.training-video-frame{
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  border:1px solid var(--line-strong);
  border-radius:8px;
  background:#020806;
}
.training-video-frame iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
}
.training-video-footer{
  display:grid;
  gap:12px;
  padding-top:14px;
}
.training-video-footer.compact{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.training-video-footer p{margin:0;color:var(--muted);line-height:1.55}
.training-video-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.training-video-actions>span,
.training-video-footer.compact>span{color:var(--muted);font-size:12px}
.training-video-card:fullscreen{
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:0;
  background:#000;
}
.training-video-card:fullscreen .training-video-frame{
  width:100vw;
  max-height:100vh;
  border:0;
  border-radius:0;
}
.training-video-frame:fullscreen{
  width:100vw;
  height:100vh;
  border:0;
  border-radius:0;
  background:#000;
}
.training-video-frame:fullscreen iframe{width:100%;height:100%}
.vega-video-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}
.vega-video-meta span{
  padding:7px 10px;
  border:1px solid var(--line);
  border-radius:6px;
  color:var(--muted);
  font-size:12px;
}
.vega-related-lessons{padding:18px}
.vega-related-lessons h3{margin:6px 0 14px}
.vega-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.vega-completion-status{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.vega-completion-status span{
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:6px;
  color:var(--muted);
  font-size:12px;
}
.vega-completion-status span.done{
  border-color:rgba(48,181,116,.42);
  background:rgba(48,181,116,.10);
  color:var(--good);
}
.lesson-panel-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.lesson-panel.card,.pc-setup-note.card{
  padding:16px;
  border-radius:24px;
  border:1px solid var(--line);
  background:rgba(128,128,128,.045);
}
.lesson-panel h3,.pc-setup-note h3{
  font-family:var(--font-display);
  font-size:28px;
  line-height:1.05;
  margin:0 0 8px;
}
.lesson-panel p,.pc-setup-note p{margin:0;line-height:1.55}
.module-points{
  margin:0 0 14px;
  padding-left:18px;
  color:var(--muted);
  line-height:1.55;
  font-size:13px;
}
.archetype-grid.rich-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.archetype-card.rich{
  display:grid;
  gap:7px;
  align-content:start;
  min-height:220px;
}
.archetype-card.rich span{
  width:40px;
  height:40px;
  font-size:18px;
  border-radius:15px;
}
.archetype-card.rich p{
  color:var(--muted);
  font-size:12.5px;
  line-height:1.45;
}
.archetype-card.rich p b{color:var(--text)}
.quiz-option.selected{border-color:var(--line-strong);background:rgba(225,191,99,.10)}
.quiz-option.correct{border-color:rgba(85,185,133,.45);background:rgba(85,185,133,.10)}
.quiz-option.wrong{border-color:rgba(242,154,96,.45);background:rgba(242,154,96,.10)}
.portal-quiz-head .micro{margin:4px 0 0;color:var(--muted);font-size:11px;letter-spacing:.04em;text-transform:none}
@media(max-width:1080px){
  .portal-video-module,.lesson-panel-grid{grid-template-columns:1fr}
  .archetype-grid.rich-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .archetype-grid.rich-grid{grid-template-columns:1fr}
  .portal-video-module{padding:14px}
}

/* Client Portal journey language pass */
.journey-intro.card{
  padding:18px 20px;
  border:1px solid var(--line-strong);
  border-radius:26px;
  background:linear-gradient(135deg,rgba(47,122,87,.18),rgba(225,191,99,.06));
}
.journey-intro h3{
  font-family:var(--font-display);
  font-size:clamp(28px,3vw,40px);
  line-height:1.02;
  margin:6px 0 8px;
}
.journey-intro p{margin:0;max-width:900px;line-height:1.55}
.client-section-head .spark{color:var(--gold-2)}
.client-next-step-card h3{font-size:clamp(22px,2.2vw,34px)!important;line-height:1.08}
.portal-menu-link small{line-height:1.25}

/* VEGA course breakup: intake-style lesson flow */
.portal-course-flow{
  display:grid;
  grid-template-columns:minmax(260px,340px) minmax(0,1fr);
  gap:16px;
  align-items:start;
}
.portal-course-side{
  position:sticky;
  top:18px;
  display:grid;
  gap:12px;
  align-content:start;
}
.portal-course-side h3{
  font-family:var(--font-display);
  font-size:28px;
  line-height:1.05;
  margin:6px 0 0;
}
.portal-course-side p{margin:0;line-height:1.5}
.portal-course-map{
  display:grid;
  gap:9px;
  margin-top:4px;
}
.portal-course-step{
  width:100%;
  text-align:left;
}
.portal-course-main{
  display:grid;
  gap:16px;
  overflow:visible;
}
.portal-course-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
}
.portal-course-head h3{
  font-family:var(--font-display);
  font-size:clamp(30px,3.5vw,48px);
  line-height:.98;
  margin:6px 0 8px;
}
.portal-course-head p{margin:0;line-height:1.55;max-width:860px}
.portal-course-actions{
  display:flex;
  justify-content:space-between;
  gap:10px;
  border-top:1px solid var(--line);
  padding-top:14px;
}
.portal-course-actions .btn[disabled],
.portal-course-step[disabled]{
  opacity:.45;
  cursor:not-allowed;
}
.portal-course-main .portal-video-module{margin:0}
@media(max-width:1080px){
  .portal-course-flow{grid-template-columns:1fr}
  .portal-course-side{position:relative;top:auto}
}
@media(max-width:680px){
  .portal-course-head{display:grid}
  .portal-course-actions{display:grid;grid-template-columns:1fr}
}

/* HELIOS course breakup: intake-style archetype flow */
.helios-course-flow .portal-course-side{border-color:var(--line-strong)}
.helios-course-head{align-items:flex-start}
.helios-lesson-title{
  display:flex;
  align-items:flex-start;
  gap:16px;
}
.helios-symbol{
  flex:0 0 58px;
  width:58px;
  height:58px;
  border-radius:22px;
  display:grid;
  place-items:center;
  font-family:var(--font-display);
  font-size:30px;
  color:var(--gold-2);
  background:linear-gradient(135deg,rgba(47,122,87,.24),rgba(225,191,99,.13));
  border:1px solid var(--line-strong);
  box-shadow:var(--shadow-sm);
}
.helios-course-flow .lesson-panel-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.helios-course-flow .lesson-panel h3{font-size:24px}
@media(max-width:1180px){
  .helios-course-flow .lesson-panel-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .helios-lesson-title{display:grid;gap:12px}
  .helios-symbol{width:50px;height:50px;flex-basis:50px;border-radius:18px;font-size:26px}
}

/* Computer setup vertical why checklist */
.portal-why-checklist{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin-top:14px;
  max-width:980px;
}
.portal-why-check-item{
  border:1px solid var(--line);
  border-radius:22px;
  padding:16px;
  background:rgba(128,128,128,.045);
  color:var(--text);
  text-align:left;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:12px;
  cursor:pointer;
  transition:var(--ease);
  font-family:inherit;
  width:100%;
}
.portal-why-check-item:hover{
  transform:translateY(-1px);
  border-color:var(--line-strong);
  background:rgba(128,128,128,.065);
}
.portal-why-check-item .check-dot{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:var(--chip);
  color:var(--gold);
  font-weight:950;
  line-height:1;
}
.portal-why-check-item.done{
  background:rgba(85,185,133,.08);
  border-color:rgba(85,185,133,.34);
}
.portal-why-check-item.done .check-dot{
  background:rgba(85,185,133,.18);
  color:var(--green-2);
}
.why-check-content{
  display:grid;
  gap:6px;
}
.why-check-content strong{
  font-size:15px;
  line-height:1.2;
}
.why-check-content small{
  color:var(--muted);
  line-height:1.45;
}
.why-check-content em{
  font-style:normal;
  color:var(--text-soft);
  line-height:1.45;
  border-left:3px solid rgba(208,168,92,.48);
  padding-left:10px;
}
.why-check-content em b{
  color:var(--gold);
  font-weight:950;
}
@media(max-width:680px){
  .portal-why-check-item{
    grid-template-columns:32px minmax(0,1fr);
    padding:14px;
  }
  .portal-why-check-item .check-dot{
    width:30px;
    height:30px;
  }
}

/* Client portal payment agreement card */
.portal-payment-card{
  margin-top:18px;
  padding:20px;
  display:grid;
  gap:16px;
  border-color:rgba(200,162,74,.26);
  background:linear-gradient(145deg,var(--panel),var(--panel-2));
}
.portal-payment-title{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  border-bottom:1px solid rgba(200,162,74,.16);
  padding-bottom:12px;
}
.portal-payment-title h3{
  margin:4px 0 0;
  font-family:var(--font-display);
  font-size:1.45rem;
  line-height:1.05;
}
.portal-payment-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:14px;
  align-items:stretch;
}
.payment-mini-card{
  min-width:0;
  border:1px solid rgba(200,162,74,.18);
  border-radius:22px;
  padding:17px;
  background:linear-gradient(145deg,rgba(8,24,17,.72),rgba(19,39,28,.88));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
.payment-mini-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.payment-mini-card h4{
  margin:4px 0 8px;
  font-family:var(--font-display);
  font-size:1.28rem;
  line-height:1.1;
  color:var(--text);
}
.payment-mini-card p{
  margin:0;
  color:var(--muted);
  line-height:1.5;
  font-size:.92rem;
}
.payment-status-paid{
  min-width:118px;
  border:1px solid rgba(85,185,133,.32);
  border-radius:18px;
  padding:12px 14px;
  text-align:center;
  background:rgba(85,185,133,.12);
  color:var(--green-2);
}
.payment-status-paid strong{
  display:block;
  font-size:1.22rem;
  line-height:1;
  color:var(--green-2);
}
.payment-status-paid span{
  display:block;
  margin-top:6px;
  font-size:.76rem;
  color:var(--muted);
}
.payment-progress-row{
  display:grid;
  grid-template-columns:minmax(110px,150px) 1fr minmax(90px,120px);
  gap:12px;
  align-items:center;
  margin-top:16px;
  padding:13px;
  border:1px solid rgba(200,162,74,.16);
  border-radius:18px;
  background:rgba(0,0,0,.13);
}
.payment-progress-row strong,
.payment-remaining strong{
  display:block;
  font-size:.96rem;
  color:var(--text);
}
.payment-progress-row span,
.payment-remaining span{
  display:block;
  margin-top:4px;
  font-size:.76rem;
  color:var(--muted);
}
.payment-remaining{
  text-align:right;
}
.payment-reminder-card{
  display:grid;
  align-content:space-between;
  gap:16px;
  border-color:rgba(216,154,61,.24);
}
.payment-due-block{
  border-top:1px solid rgba(200,162,74,.16);
  padding-top:13px;
  text-align:right;
}
.payment-due-block strong,
.payment-due-block span{
  display:block;
}
.payment-due-block strong{
  color:var(--gold-2);
  font-size:1.05rem;
}
.payment-due-block span{
  margin-top:4px;
  color:var(--muted);
  font-size:.82rem;
}
@media (max-width: 980px){
  .portal-payment-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width: 680px){
  .portal-payment-title,
  .payment-mini-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .payment-progress-row{
    grid-template-columns:1fr;
  }
  .payment-remaining,
  .payment-due-block{
    text-align:left;
  }
}

/* First-visit client intake welcome modal */
.welcome-modal{position:relative;display:grid;gap:14px;padding:2px 0 4px;animation:fadeSlide 240ms ease}
.welcome-modal:before{content:"";position:absolute;inset:-20px -20px auto auto;width:180px;height:180px;border:1px solid rgba(200,162,74,.16);border-radius:54px;transform:rotate(22deg);pointer-events:none}
.welcome-mark{width:62px;height:62px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#111;font-family:var(--font-display);font-size:32px;font-weight:900;box-shadow:0 20px 50px rgba(200,162,74,.18)}
.welcome-modal h3{font-family:var(--font-display);font-size:34px;line-height:1.04;margin:0;max-width:680px}
.welcome-progress-card{border:1px solid var(--line);border-radius:20px;padding:14px;background:linear-gradient(145deg,var(--panel-2),var(--panel-3));box-shadow:var(--glow)}
.welcome-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:2px}
.welcome-grid div{border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(128,128,128,.05)}
.welcome-grid strong{display:block;color:var(--gold);font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}
.welcome-grid span{display:block;color:var(--muted);line-height:1.45;font-size:13px}
.welcome-actions{margin-top:4px}
@media(max-width:760px){.welcome-grid{grid-template-columns:1fr}.welcome-modal h3{font-size:28px}.welcome-actions{flex-direction:column}.welcome-actions .btn{width:100%}}

/* Layout hardening: remove accidental page-level horizontal scroll and improve fit */
html, body { width:100%; max-width:100%; overflow-x:hidden; }
body { min-width:0; }
.app-shell { width:100%; max-width:100vw; overflow-x:hidden; }
.main, .view, .grid, .card, .table-wrap, .topbar, .top-actions, .wizard-wrap, .wizard-side, .wizard-card, .modal, .modal-body, .welcome-modal, .welcome-grid, .form-grid, .review-grid, .summary-item, .task-item, .asset-row { min-width:0; max-width:100%; }
.card, .summary-item, .task-item, .asset-row, .welcome-grid div, .review-item, td, th, .field, .field input, .field textarea, .field select { overflow-wrap:anywhere; word-break:normal; }
.modal-backdrop { overflow-y:auto; overflow-x:hidden; place-items:center; }
.modal { width:min(820px, calc(100vw - 36px)); max-width:calc(100vw - 36px); overflow-y:auto; overflow-x:hidden; }
.modal-head, .modal-body { max-width:100%; overflow-x:hidden; }
.modal-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:10px; }
.welcome-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; }
.welcome-actions .btn { white-space:normal; flex:0 1 auto; }
.table-wrap { width:100%; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; }
table { max-width:none; }
.search-box { max-width:100%; }
.kpi-value, .title-wrap h1, .section-head h2, .section-head h3, .wizard-question h2, .welcome-modal h3 { overflow-wrap:normal; }

@media (max-width: 980px) {
  .cols-5, .cols-4, .cols-3 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .top-actions { justify-content:flex-start; }
  .modal { width:calc(100vw - 28px); max-width:calc(100vw - 28px); }
}

@media (max-width: 640px) {
  .cols-5, .cols-4, .cols-3, .cols-2, .form-grid, .review-grid, .welcome-grid { grid-template-columns:1fr; }
  .modal-backdrop { padding:10px; align-items:start; }
  .modal { width:calc(100vw - 20px); max-width:calc(100vw - 20px); border-radius:22px; }
  .modal-head, .modal-body { padding:16px; }
  .modal-actions, .welcome-actions, .wizard-actions { flex-direction:column-reverse; align-items:stretch; }
  .modal-actions .btn, .welcome-actions .btn, .wizard-actions .btn { width:100%; }
  .search-box { min-width:0; width:100%; }
  .top-actions { width:100%; }
}

/* Intake navigation refinement: compact section arrows instead of a long scroll list */
.wizard-side{overflow:visible;}
.wizard-steps{display:none!important;}
.wizard-current{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 12px;padding:12px 14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(200,162,74,.10),rgba(47,122,87,.08));box-shadow:var(--glow)}
.wizard-current strong{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.wizard-current span{font-size:13px;color:var(--muted);font-weight:800;text-align:right}
.wizard-map{display:grid;gap:10px;margin-top:12px;overflow:visible;max-height:none;padding:0;}
.step-arrow{position:relative;width:100%;border:1px solid var(--line);border-radius:18px;padding:11px 12px;background:rgba(128,128,128,.045);color:var(--text);display:grid;grid-template-columns:34px minmax(0,1fr) 28px;align-items:center;gap:10px;text-align:left;transition:var(--ease);}
.step-arrow:hover{transform:translateX(2px);border-color:var(--line-strong);background:rgba(200,162,74,.08)}
.step-arrow.active{background:linear-gradient(135deg,rgba(47,122,87,.28),rgba(200,162,74,.16));border-color:rgba(200,162,74,.45);box-shadow:inset 0 0 0 1px rgba(200,162,74,.08), var(--glow)}
.step-arrow.done{color:var(--text)}
.step-num{width:31px;height:31px;border-radius:12px;display:grid;place-items:center;background:var(--chip);color:var(--gold);font-weight:950;font-size:12px;}
.step-copy{min-width:0;display:grid;gap:2px;}
.step-copy strong{font-size:13px;line-height:1.15;white-space:normal;overflow-wrap:anywhere;}
.step-copy small{color:var(--muted);font-size:11px;line-height:1.2;}
.step-mark{width:25px;height:25px;border-radius:999px;display:grid;place-items:center;background:rgba(128,128,128,.10);color:var(--muted);font-weight:950;}
.step-arrow.active .step-mark,.step-arrow.done .step-mark{background:rgba(85,185,133,.14);color:var(--green-2)}
.step-arrow:not(:last-child)::after{content:"";position:absolute;left:27px;bottom:-10px;width:1px;height:10px;background:linear-gradient(180deg,var(--line-strong),transparent);pointer-events:none;}
.wizard-card{min-height:520px;overflow:hidden;}
.wizard-question,.review-item,.check-row{overflow-wrap:anywhere;}

@media(max-width:1200px){
  .wizard-map{grid-template-columns:repeat(2,minmax(0,1fr));}
  .step-arrow:not(:last-child)::after{display:none;}
}
@media(max-width:760px){
  .wizard-map{grid-template-columns:1fr;}
  .wizard-current{align-items:flex-start;flex-direction:column;}
  .wizard-current span{text-align:left;}
}

/* Button and container fit pass: prevent short labels from breaking inside controls */
button,
.btn,
.icon-btn,
.nav-btn,
.theme-toggle button,
.status {
  line-height:1.15;
  overflow-wrap:normal;
  word-break:normal;
}

.btn {
  min-height:42px;
  white-space:nowrap;
  flex-shrink:0;
  text-align:center;
}

.btn.small {
  min-height:36px;
  min-width:68px;
  padding:8px 12px;
  font-size:12px;
  letter-spacing:.01em;
}

.row-actions {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  flex-wrap:nowrap;
  min-width:150px;
}

.row-actions .btn {
  width:auto!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

.table-wrap th:last-child,
.table-wrap td:last-child {
  min-width:168px;
  width:168px;
  white-space:nowrap;
}

.table-wrap td,
.table-wrap th {
  overflow-wrap:normal;
  word-break:normal;
}

.table-wrap td:not(:last-child),
.table-wrap th:not(:last-child) {
  overflow-wrap:anywhere;
}

/* Let longer CTA buttons wrap only where wrapping is actually useful */
.modal-actions .btn,
.welcome-actions .btn,
.wizard-actions .btn,
.field.wide > .btn,
.field.wide button.btn {
  white-space:normal;
  min-width:120px;
}

/* Keep compact controls tidy inside cards and headers */
.section-head,
.top-actions,
.wizard-actions,
.modal-actions,
.welcome-actions,
.asset-row,
.metric-row,
.task-item {
  overflow-wrap:normal;
}

.section-head .btn,
.top-actions .btn,
.asset-row .btn,
.task-item .btn {
  white-space:nowrap;
}

.kpi-card,
.summary-item,
.task-item,
.asset-row,
.review-item,
.welcome-grid div {
  line-height:1.35;
}

.kpi-label,
.nav-heading,
.focus-kicker,
.spark,
th,
.field label {
  line-height:1.25;
}

@media(max-width:760px){
  .row-actions{flex-direction:row;justify-content:flex-start;min-width:150px;}
  .row-actions .btn{width:auto!important;}
  .top-actions .btn,
  .section-head .btn{width:auto;max-width:100%;}
  .modal-actions .btn,
  .welcome-actions .btn,
  .wizard-actions .btn,
  .field.wide > .btn,
  .field.wide button.btn{width:100%;}
}


/* Client filters, column controls, and bubbled-up action cards */
.table-tools{display:grid;gap:12px;margin:0 0 16px;padding:14px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,var(--panel-2),var(--panel-3));box-shadow:var(--glow)}
.filter-grid{display:grid;grid-template-columns:repeat(6,minmax(140px,1fr));gap:10px;align-items:end}
.filter-field{display:grid;gap:6px;min-width:0}
.filter-field span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:900}
.filter-field input,.filter-field select{width:100%;min-width:0;border:1px solid var(--line);border-radius:14px;background:var(--input);color:var(--text);padding:10px 12px;font:inherit;font-weight:700;outline:none}
.column-picker{border:1px solid var(--line);border-radius:16px;background:rgba(128,128,128,.04);padding:10px 12px;max-width:100%;overflow:hidden}
.column-picker summary{cursor:pointer;color:var(--gold);font-weight:950;font-size:12px;letter-spacing:.08em;text-transform:uppercase;list-style:none;display:flex;align-items:center;gap:8px}
.column-picker summary::after{content:'›';font-size:18px;transform:rotate(90deg);transition:var(--ease)}
.column-picker[open] summary::after{transform:rotate(-90deg)}
.column-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:8px;margin-top:12px}
.column-grid label{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:13px;padding:9px 10px;background:rgba(128,128,128,.04);font-size:12px;color:var(--muted);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.attention-card{border-color:rgba(200,162,74,.38)}
.compact-list{gap:8px}
.attention-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:16px;background:rgba(128,128,128,.045);padding:11px 12px;min-width:0}
.attention-item strong{display:block;font-size:13px;line-height:1.25;overflow-wrap:anywhere}
.attention-badges{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;max-width:220px}
.status.client-action{background:rgba(200,162,74,.16);color:var(--gold);border-color:rgba(200,162,74,.34)}
.status.important{background:rgba(85,185,133,.16);color:var(--green-2);border-color:rgba(85,185,133,.34)}
.status.past-due{background:rgba(223,54,86,.16);color:#df3656;border-color:rgba(223,54,86,.34)}
.status.no{background:rgba(128,128,128,.08);color:var(--muted);border-color:var(--line)}
.table-wrap th,.table-wrap td{vertical-align:top}
@media(max-width:1180px){.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.column-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.filter-grid,.column-grid{grid-template-columns:1fr}.attention-item{grid-template-columns:1fr}.attention-badges{justify-content:flex-start;max-width:100%}.table-tools{padding:12px}}

/* Clean navigation, role cards, and table fit pass */
.settings-link-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.settings-link-grid .btn{width:auto;min-width:170px}
.role-list{margin:0;padding-left:18px;color:var(--muted);display:grid;gap:10px;line-height:1.5}
.role-list li::marker{color:var(--gold)}

.data-table{table-layout:auto;width:max-content;min-width:100%}
.table-wrap{overflow-x:auto;overflow-y:hidden}
.data-table th,.data-table td{white-space:normal;overflow-wrap:normal;word-break:normal;line-height:1.35}
.data-table th{white-space:nowrap}
.data-table td[data-col="contact"],.data-table td[data-col="company"],.data-table td[data-col="source"],.data-table td[data-col="owner"]{white-space:normal;overflow-wrap:break-word}
.data-table td[data-col="notes"],.data-table td[data-col="expected"],.data-table td[data-col="strategy"],.data-table td[data-col="task"]{white-space:normal;overflow-wrap:break-word;min-width:220px;max-width:420px}
.data-table td[data-col="nextAction"]{min-width:150px;max-width:260px;overflow-wrap:break-word}
.data-table th[data-col="actions"],.data-table td[data-col="actions"]{position:sticky;right:0;background:var(--panel);z-index:2;box-shadow:-10px 0 18px rgba(0,0,0,.12)}
.data-table th[data-col="actions"]{z-index:3;background:var(--panel-2)}
.data-table td[data-col="actions"]{min-width:170px;width:170px;white-space:nowrap}
.table-pipeline{min-width:1120px}
.table-pipeline th[data-col="contact"],.table-pipeline td[data-col="contact"]{min-width:145px;width:160px}
.table-pipeline th[data-col="company"],.table-pipeline td[data-col="company"]{min-width:145px;width:160px}
.table-pipeline th[data-col="source"],.table-pipeline td[data-col="source"]{min-width:100px;width:110px}
.table-pipeline th[data-col="stage"],.table-pipeline td[data-col="stage"]{min-width:130px;width:140px}
.table-pipeline th[data-col="value"],.table-pipeline td[data-col="value"]{min-width:110px;width:120px;white-space:nowrap}
.table-pipeline th[data-col="owner"],.table-pipeline td[data-col="owner"]{min-width:140px;width:150px}
.table-pipeline th[data-col="notes"],.table-pipeline td[data-col="notes"]{min-width:280px;width:34vw;max-width:520px}
.table-pipeline th[data-col="important"],.table-pipeline td[data-col="important"],
.table-pipeline th[data-col="clientAction"],.table-pipeline td[data-col="clientAction"],
.table-pipeline th[data-col="reminderDate"],.table-pipeline td[data-col="reminderDate"],
.table-pipeline th[data-col="lastTouch"],.table-pipeline td[data-col="lastTouch"]{min-width:130px}
.row-actions .btn.small{min-width:72px;text-align:center}
@media(max-width:760px){.settings-link-grid .btn{width:100%;}.data-table th[data-col="actions"],.data-table td[data-col="actions"]{position:static;box-shadow:none}}


/* --- Premium mockup alignment pass: darker private-capital UI, green CTAs, gold accents --- */
html[data-theme="dark"]{
  --bg:#050d0a;
  --bg-2:#0a1511;
  --panel:#0d1a15;
  --panel-2:#101f18;
  --panel-3:#15291f;
  --sidebar:#04120d;
  --sidebar-2:#0b271b;
  --text:#f6f0df;
  --muted:#a5b1a5;
  --soft:#d4b967;
  --line:rgba(212,185,103,.18);
  --line-strong:rgba(212,185,103,.42);
  --green:#0f4d35;
  --green-2:#2f8e61;
  --gold:#b8892e;
  --gold-2:#e1bf63;
  --shadow:0 28px 90px rgba(0,0,0,.42);
  --glow:0 0 0 1px rgba(225,191,99,.16),0 22px 75px rgba(15,77,53,.22);
}
html[data-theme="light"]{
  --bg:#f8f4eb;
  --bg-2:#fffdf7;
  --panel:#fffaf1;
  --panel-2:#f8f1e5;
  --panel-3:#efe3ce;
  --sidebar:#fffaf0;
  --sidebar-2:#f6eedf;
  --text:#101d17;
  --muted:#66736a;
  --soft:#8e773f;
  --line:rgba(38,62,47,.14);
  --line-strong:rgba(184,137,46,.34);
  --green:#06462f;
  --green-2:#1e714c;
  --gold:#b8892e;
  --gold-2:#d6ac4d;
}
body{
  overflow-x:hidden;
  background:
    radial-gradient(circle at 15% 8%,rgba(225,191,99,.10),transparent 24%),
    radial-gradient(circle at 85% 0%,rgba(27,104,71,.18),transparent 24%),
    linear-gradient(135deg,var(--bg),var(--bg-2));
}
html[data-theme="dark"] .app-shell{
  background:
    linear-gradient(180deg,rgba(225,191,99,.035),transparent 34%),
    radial-gradient(circle at 96% 6%,rgba(225,191,99,.08),transparent 17%);
}
.sidebar{
  border-right-color:rgba(225,191,99,.28);
  box-shadow:18px 0 54px rgba(0,0,0,.18);
}
html[data-theme="dark"] .sidebar{
  background:
    radial-gradient(circle at 15% 6%,rgba(225,191,99,.10),transparent 20%),
    linear-gradient(180deg,#052016,#03100b 68%,#020906);
}
.brand-block{gap:16px;padding-bottom:18px;}
.brand-mark{
  position:relative;
  width:58px;height:58px;border-radius:18px;
  background:radial-gradient(circle at 50% 42%,rgba(225,191,99,.18),transparent 40%),linear-gradient(145deg,rgba(225,191,99,.16),rgba(15,77,53,.18));
  border:1px solid rgba(225,191,99,.58);
  color:var(--gold-2);
  box-shadow:0 0 0 5px rgba(225,191,99,.035),0 16px 38px rgba(0,0,0,.24);
  font-family:var(--font-display);
  font-size:31px;
  line-height:1;
}
.brand-mark span{position:relative;z-index:2;}
.brand-mark:before,.brand-mark:after{
  content:"";position:absolute;inset:7px;border:1px solid rgba(225,191,99,.45);border-radius:14px;transform:rotate(45deg);pointer-events:none;
}
.brand-mark:after{inset:13px;border-color:rgba(225,191,99,.28);transform:rotate(0deg);border-radius:50%;}
.brand-name{font-size:20px;color:var(--text);text-shadow:0 0 24px rgba(225,191,99,.16)}
.brand-sub{color:var(--gold-2);opacity:.92;}
.nav{gap:20px;}
.nav-heading{color:var(--gold-2);opacity:.82;}
.nav-btn{border:1px solid transparent;min-height:48px;}
.nav-btn:hover{background:rgba(21,75,52,.38);border-color:rgba(225,191,99,.12);}
.nav-btn.active{
  position:relative;
  background:linear-gradient(135deg,rgba(15,77,53,.92),rgba(19,91,61,.74));
  border-color:rgba(225,191,99,.50);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 15px 34px rgba(0,0,0,.18);
}
.nav-btn.active:after{content:"";position:absolute;right:-1px;top:10px;bottom:10px;width:3px;border-radius:999px;background:var(--gold-2);box-shadow:0 0 16px rgba(225,191,99,.65)}
.nav-ico{background:rgba(225,191,99,.08);border:1px solid rgba(225,191,99,.16);}
.focus-card{
  background:linear-gradient(150deg,rgba(15,77,53,.72),rgba(8,29,21,.82));
  border-color:rgba(225,191,99,.48);
}
.focus-card h3{font-size:19px;color:var(--gold-2)}
.focus-card:before{content:"★";position:absolute;right:18px;top:14px;color:var(--gold-2);font-size:18px;}
.user-card{border-color:rgba(225,191,99,.22);background:rgba(15,77,53,.24);}
.main{padding:30px 32px;}
.topbar{align-items:flex-start;margin-bottom:26px;}
.title-wrap h1{font-size:38px;color:var(--text);}
.spark{color:var(--gold-2)}
.top-actions{gap:12px;}
.top-pill,.date-pill{
  height:42px;
  background:rgba(11,25,18,.72);
  border-color:rgba(225,191,99,.36)!important;
  color:var(--text);
  box-shadow:none;
  white-space:nowrap;
}
html[data-theme="light"] .top-pill,html[data-theme="light"] .date-pill{background:var(--panel);}
.search-box{min-width:330px;height:42px;box-shadow:none;border-color:rgba(225,191,99,.22);}
.search-box kbd{
  border:1px solid var(--line);border-radius:8px;padding:2px 7px;font-size:11px;color:var(--muted);background:rgba(128,128,128,.08);white-space:nowrap;
}
.notify-btn,.top-avatar{
  width:40px;height:40px;border-radius:999px;border:1px solid rgba(225,191,99,.34);background:rgba(15,77,53,.34);color:var(--gold-2);display:grid;place-items:center;font-weight:950;position:relative;
}
.notify-btn span{position:absolute;right:-4px;top:-5px;background:var(--gold);color:#111;border-radius:999px;font-size:10px;padding:2px 5px;}
.top-avatar{background:linear-gradient(145deg,rgba(15,77,53,.95),rgba(225,191,99,.20));color:#f8f0dd;}
.theme-toggle{border-color:rgba(225,191,99,.36);background:rgba(8,18,13,.68);}
html[data-theme="light"] .theme-toggle{background:var(--panel);}
.theme-toggle button.active{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#10160f;box-shadow:0 8px 22px rgba(184,137,46,.22)}
.btn.primary{
  background:linear-gradient(135deg,#0a3f2b,#17764f 58%,#218c5d);
  border-color:rgba(225,191,99,.42);
  color:#fffbe9;
  box-shadow:0 0 0 1px rgba(225,191,99,.10),0 16px 40px rgba(15,77,53,.34);
}
.btn.primary:hover{filter:brightness(1.06);transform:translateY(-1px)}
.btn.ghost,.export-btn{border-color:rgba(225,191,99,.23);background:rgba(128,128,128,.045)}
.card{
  border-color:rgba(225,191,99,.22);
  background:linear-gradient(145deg,rgba(16,31,24,.96),rgba(10,22,17,.96));
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 26px 80px rgba(0,0,0,.28);
}
html[data-theme="light"] .card{background:linear-gradient(145deg,var(--panel),var(--panel-2));box-shadow:0 18px 50px rgba(27,45,34,.08)}
.card.decor:before{border-color:rgba(225,191,99,.18);}
.kpi-card{min-height:158px;}
.kpi-icon{background:rgba(15,77,53,.36);border:1px solid rgba(225,191,99,.20);color:var(--gold-2);}
.kpi-value{font-family:var(--font-display);font-weight:500;font-size:34px;}
.kpi-label{color:var(--gold-2);}
.section-head h2,.section-head h3{color:var(--text);}
.table-wrap{border-color:rgba(225,191,99,.24);background:rgba(7,18,13,.42)}
th{color:var(--gold-2);background:rgba(225,191,99,.035)}
td{line-height:1.45;}
.row-actions .btn{min-width:72px;}
.status{font-size:11px;padding:5px 10px;}
.wizard-side{background:linear-gradient(145deg,rgba(15,77,53,.68),rgba(6,19,13,.94));border-color:rgba(225,191,99,.36);}
html[data-theme="light"] .wizard-side{background:linear-gradient(145deg,var(--panel),var(--panel-2));}
.modal{border-color:rgba(225,191,99,.38);}
.modal-head{background:linear-gradient(135deg,rgba(15,77,53,.28),transparent);}
@media(max-width:1400px){.app-shell{grid-template-columns:280px minmax(0,1fr)}.main{padding:24px}.search-box{min-width:260px}.cols-5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1020px){.top-pill,.notify-btn,.top-avatar{display:none}.cols-5{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Phase 1 integration readiness hub */
.integration-kpis .kpi-card{min-height:145px}
.integration-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:22px;align-items:stretch;overflow:hidden}
.integration-hero:after{content:"";position:absolute;right:-52px;top:-62px;width:210px;height:210px;border:1px solid rgba(225,191,99,.16);border-radius:42%;transform:rotate(28deg);pointer-events:none}
.integration-hero h2{font-family:var(--font-display);font-size:34px;margin:8px 0 10px;line-height:1.05}
.integration-hero-copy p{max-width:820px;line-height:1.65;margin:0}
.integration-next{position:relative;border:1px solid var(--line);border-radius:20px;padding:18px;background:linear-gradient(145deg,rgba(225,191,99,.10),rgba(15,77,53,.12));display:grid;gap:10px;align-content:center;z-index:1}
.integration-next strong{font-family:var(--font-display);font-size:20px;color:var(--gold-2)}
.integration-next span{display:flex;align-items:center;gap:9px;color:var(--muted);font-weight:800;font-size:13px}
.integration-next span:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--gold-2);box-shadow:0 0 16px rgba(225,191,99,.45)}
.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.integration-card{display:grid;gap:15px;min-height:100%}
.integration-card-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center}
.integration-card-head h3{margin:4px 0 0;font-family:var(--font-display);font-size:27px;line-height:1.05;overflow-wrap:anywhere}
.integration-logo{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(15,77,53,.88),rgba(225,191,99,.14));border:1px solid rgba(225,191,99,.42);color:var(--gold-2);font-weight:950;box-shadow:0 12px 28px rgba(0,0,0,.18);font-size:15px}
.integration-status{white-space:nowrap;border-color:rgba(225,191,99,.28);background:rgba(128,128,128,.08)}
.integration-status.ready-to-connect{background:rgba(47,122,87,.20);color:var(--green-2);border-color:rgba(85,185,133,.35)}
.integration-status.connected{background:rgba(47,122,87,.30);color:#86e4ac;border-color:rgba(134,228,172,.38)}
.integration-status.planned{background:rgba(200,162,74,.14);color:var(--gold-2);border-color:rgba(225,191,99,.34)}
.integration-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.integration-meta span{border:1px solid var(--line);background:rgba(128,128,128,.045);border-radius:16px;padding:11px 12px;color:var(--muted);font-size:13px;display:grid;gap:3px;min-width:0}
.integration-meta strong{color:var(--text);font-size:11px;text-transform:uppercase;letter-spacing:.14em}
.integration-section{border-top:1px solid var(--line);padding-top:12px;min-width:0}
.integration-section strong{display:block;color:var(--gold-2);font-size:12px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:7px}
.integration-section p{margin:0;color:var(--muted);line-height:1.55;font-size:13px;overflow-wrap:anywhere}
.integration-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}
.integration-actions .btn{white-space:nowrap}
.integration-note{border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:rgba(128,128,128,.045);line-height:1.5;margin:0}
.integration-log{display:grid;gap:10px}
.log-row{display:grid;grid-template-columns:110px 150px minmax(0,1fr);gap:12px;align-items:start;border:1px solid var(--line);border-radius:16px;padding:13px;background:rgba(128,128,128,.045)}
.log-row span{color:var(--gold-2);font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.log-row strong{color:var(--text)}.log-row p{margin:0;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}
html[data-theme="light"] .integration-card,html[data-theme="light"] .integration-hero{background:linear-gradient(145deg,var(--panel),var(--panel-2))}
html[data-theme="light"] .integration-logo{background:linear-gradient(145deg,rgba(6,70,47,.10),rgba(214,172,77,.16));color:var(--green)}
@media(max-width:1200px){.integration-grid{grid-template-columns:1fr}.integration-hero{grid-template-columns:1fr}.integration-card-head{grid-template-columns:auto minmax(0,1fr);}.integration-card-head .status{grid-column:1/-1;width:max-content;max-width:100%}}
@media(max-width:720px){.integration-meta{grid-template-columns:1fr}.log-row{grid-template-columns:1fr}.integration-actions .btn{width:100%}.integration-hero h2{font-size:28px}}


/* Top bar simplification + quieter mockup-aligned scale */
body{font-size:14px;}
.topbar{align-items:flex-start;display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:20px;}
.compact-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:nowrap;width:auto;}
.site-search{width:min(420px,34vw);min-width:260px;box-shadow:none;}
.premium-theme-toggle{height:40px;align-items:center;padding:3px;border-color:rgba(225,191,99,.36);background:rgba(8,18,13,.72);}
.premium-theme-toggle button{height:32px;padding:0 14px;font-size:12px;line-height:1;}
.premium-theme-toggle button.active{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#10160f;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 8px 22px rgba(184,137,46,.20)}
.title-wrap h1{font-size:32px;letter-spacing:-.02em;margin:6px 0 6px;}
.title-wrap p{font-size:13px;}
.spark,.focus-kicker{font-size:9px;letter-spacing:.16em;}
.card{padding:16px;border-radius:20px;}
.section-head{margin-bottom:12px;}
.section-head h2{font-size:22px;}
.section-head h3{font-size:18px;}
.kpi-card{min-height:132px;}
.kpi-label{font-size:9px;letter-spacing:.12em;}
.kpi-value{font-size:28px;margin-top:6px;}
.kpi-icon{width:35px;height:35px;border-radius:13px;font-size:13px;}
.trend{font-size:11px;}
.nav-btn{min-height:42px;padding:9px 11px;font-size:13px;}
.nav-ico{width:27px;height:27px;border-radius:10px;font-size:12px;}
.nav-heading{font-size:9px;}
.focus-card{padding:14px;border-radius:20px;}
.focus-card h3{font-size:16px;}
.focus-card p{font-size:12px;}
.btn{padding:9px 13px;border-radius:13px;font-size:13px;}
.btn.small{padding:6px 9px;font-size:11px;}
.search-box{height:40px;font-size:13px;}
.chart{height:250px;}
.summary-item,.task-item{padding:10px;border-radius:14px;}
th,td{font-size:13px;padding:11px 13px;}
th{font-size:10px;}
.search-hero p{margin-top:0;}
.search-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.search-result-card{border:1px solid var(--line);border-radius:18px;background:rgba(128,128,128,.045);padding:14px;display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;}
.search-result-card h3{font-family:var(--font-display);font-size:18px;margin:4px 0 5px;}
.search-result-card p{margin:0;line-height:1.45;overflow-wrap:anywhere;}
.search-actions{flex:0 0 auto;}
@media(max-width:1180px){.topbar{grid-template-columns:1fr}.compact-top-actions{justify-content:flex-start;width:100%;}.site-search{width:100%;max-width:460px;}.search-results-grid{grid-template-columns:1fr;}}
@media(max-width:760px){.compact-top-actions{flex-wrap:wrap;}.site-search{max-width:100%;min-width:0}.compact-top-actions .btn,.compact-top-actions .theme-toggle{width:auto}.title-wrap h1{font-size:28px}.search-results-grid{grid-template-columns:1fr;}}

/* Pipeline fit pass: no page/table horizontal scrollbar, client-friendly columns */
.table-wrap{overflow-x:hidden!important;overflow-y:visible!important;}
.data-table{width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important;}
.data-table th,.data-table td{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.table-pipeline{width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important;}
.table-pipeline th[data-col="contact"],.table-pipeline td[data-col="contact"]{width:17%!important;}
.table-pipeline th[data-col="source"],.table-pipeline td[data-col="source"]{width:12%!important;}
.table-pipeline th[data-col="stage"],.table-pipeline td[data-col="stage"]{width:13%!important;}
.table-pipeline th[data-col="value"],.table-pipeline td[data-col="value"]{width:11%!important;white-space:nowrap!important;}
.table-pipeline th[data-col="nextAction"],.table-pipeline td[data-col="nextAction"]{width:14%!important;}
.table-pipeline th[data-col="notes"],.table-pipeline td[data-col="notes"]{width:auto!important;max-width:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.table-pipeline th[data-col="actions"],.table-pipeline td[data-col="actions"]{width:160px!important;min-width:160px!important;position:static!important;box-shadow:none!important;white-space:nowrap!important;}
.table-pipeline .row-actions{justify-content:flex-end;flex-wrap:nowrap;}
.table-pipeline .row-actions .btn{min-width:72px;white-space:nowrap;}
@media(max-width:900px){
  .table-pipeline th[data-col="source"],.table-pipeline td[data-col="source"]{display:none;}
  .table-pipeline th[data-col="notes"],.table-pipeline td[data-col="notes"]{width:22%!important;}
}

/* Integration two-panel account layout */
.integration-shell{
  display:grid;
  grid-template-columns:minmax(250px,340px) minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.integration-left{
  position:sticky;
  top:18px;
  display:grid;
  gap:14px;
  min-width:0;
}
.section-head.compact h3{font-size:22px;margin:2px 0 0;line-height:1.05}
.small-copy{font-size:12px;line-height:1.55;margin:0}
.integration-nav-list{display:grid;gap:10px;min-width:0}
.integration-nav-item{
  width:100%;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(128,128,128,.035);
  color:var(--text);
  padding:12px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:11px;
  align-items:center;
  text-align:left;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.integration-nav-item .status{grid-column:2;justify-self:start;margin-top:2px;font-size:10px;max-width:100%;white-space:nowrap}
.integration-nav-item:hover,.integration-nav-item.active{
  border-color:rgba(225,191,99,.54);
  background:linear-gradient(145deg,rgba(15,77,53,.32),rgba(225,191,99,.08));
  box-shadow:0 12px 28px rgba(0,0,0,.16), inset 0 0 0 1px rgba(225,191,99,.06);
}
.integration-nav-item.active{transform:translateX(2px)}
.integration-nav-copy{display:grid;gap:3px;min-width:0}
.integration-nav-copy strong{font-family:var(--font-display);font-size:16px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}
.integration-nav-copy small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
.integration-right{display:grid;gap:18px;min-width:0}
.integration-logo.small-logo{width:38px;height:38px;border-radius:14px;font-size:11px}
.integration-logo.large-logo{width:64px;height:64px;border-radius:22px;font-size:16px;flex:0 0 auto}
.integration-detail-card{display:grid;gap:16px;overflow:hidden;min-width:0}
.integration-detail-head{display:flex;gap:15px;align-items:flex-start;min-width:0}
.integration-detail-head h2{font-family:var(--font-display);font-size:30px;line-height:1.05;margin:3px 0 5px;overflow-wrap:anywhere}
.integration-detail-head .status{margin-left:auto;white-space:nowrap;max-width:100%}
.min-w-0{min-width:0}
.integration-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.detail-metric{border:1px solid var(--line);background:rgba(128,128,128,.04);border-radius:16px;padding:11px 12px;display:grid;gap:4px;min-width:0}
.detail-metric span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:900}
.detail-metric strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}
.account-detail-table{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(128,128,128,.03)}
.account-detail-row{display:grid;grid-template-columns:minmax(130px,.28fr) minmax(0,1fr);gap:14px;padding:13px 15px;border-bottom:1px solid var(--line);align-items:start;min-width:0}
.account-detail-row:last-child{border-bottom:0}
.account-detail-row span{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold-2);font-weight:950;line-height:1.35}
.account-detail-row p{margin:0;color:var(--text);font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.detail-actions{border-top:1px solid var(--line);padding-top:14px}
html[data-theme="light"] .integration-nav-item:hover,
html[data-theme="light"] .integration-nav-item.active{background:linear-gradient(145deg,rgba(6,70,47,.08),rgba(214,172,77,.12))}
@media(max-width:1100px){
  .integration-shell{grid-template-columns:1fr}
  .integration-left{position:relative;top:auto}
  .integration-nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .integration-nav-list,.integration-detail-grid,.account-detail-row{grid-template-columns:1fr}
  .integration-detail-head{display:grid;grid-template-columns:auto minmax(0,1fr)}
  .integration-detail-head .status{grid-column:1/-1;margin-left:0;justify-self:start}
  .integration-detail-head h2{font-size:25px}
}

/* Integration connection fields */
.integration-connect-form{
  border:1px solid var(--line);
  border-radius:20px;
  padding:16px;
  background:linear-gradient(145deg,rgba(225,191,99,.055),rgba(15,77,53,.08));
  display:grid;
  gap:14px;
  min-width:0;
}
.form-section-title{display:grid;gap:5px;min-width:0}
.form-section-title strong{font-family:var(--font-display);font-size:20px;line-height:1.1;color:var(--text)}
.form-section-title small{color:var(--muted);font-size:12px;line-height:1.45;max-width:780px}
.integration-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
.integration-field-grid .field{min-width:0}
.integration-field-grid .field.wide{grid-column:1/-1}
.integration-field-grid label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2);font-weight:950;line-height:1.25}
.integration-field-grid input,
.integration-field-grid select,
.integration-field-grid textarea{
  width:100%;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(0,0,0,.12);
  color:var(--text);
  padding:10px 12px;
  font:inherit;
  font-size:13px;
  outline:0;
}
.integration-field-grid textarea{min-height:82px;resize:vertical;line-height:1.45}
.integration-field-grid input::placeholder,
.integration-field-grid textarea::placeholder{color:color-mix(in srgb,var(--muted),transparent 30%)}
.integration-field-grid input:focus,
.integration-field-grid select:focus,
.integration-field-grid textarea:focus{border-color:rgba(225,191,99,.62);box-shadow:0 0 0 3px rgba(225,191,99,.10)}
html[data-theme="light"] .integration-connect-form{background:linear-gradient(145deg,rgba(214,172,77,.08),rgba(6,70,47,.035))}
html[data-theme="light"] .integration-field-grid input,
html[data-theme="light"] .integration-field-grid select,
html[data-theme="light"] .integration-field-grid textarea{background:rgba(255,255,255,.72)}
@media(max-width:760px){.integration-field-grid{grid-template-columns:1fr}.integration-connect-form{padding:13px}.form-section-title strong{font-size:18px}}

/* Media Studio split layout */
.media-shell .integration-left{align-self:start}
.media-detail-card{overflow:hidden}
.media-workspace{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:16px;align-items:start}
.media-ideas-panel{border:1px solid var(--line);border-radius:18px;background:rgba(128,128,128,.035);padding:14px;min-width:0}
.media-idea-list{display:grid;gap:10px;min-width:0}
.media-idea-item{width:100%;border:1px solid var(--line);border-radius:16px;background:rgba(128,128,128,.04);color:var(--text);padding:12px;text-align:left;display:grid;gap:5px;cursor:pointer;transition:var(--ease);min-width:0}
.media-idea-item:hover,.media-idea-item.active{border-color:rgba(225,191,99,.55);background:linear-gradient(145deg,rgba(15,77,53,.28),rgba(225,191,99,.08));box-shadow:inset 0 0 0 1px rgba(225,191,99,.06)}
.media-idea-item strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.media-idea-item small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.media-script-panel{padding:16px;min-width:0}
.media-script-form .field.wide{grid-column:1/-1}
.media-script-form .field textarea[name="script"]{min-height:260px;font-family:inherit;line-height:1.6}
.media-connect-form{border-top:1px solid var(--line);padding-top:14px}
@media(max-width:1100px){.media-workspace{grid-template-columns:1fr}.media-idea-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.media-idea-list{grid-template-columns:1fr}.media-script-form{grid-template-columns:1fr}.media-script-form .field.wide{grid-column:auto}}

/* Stabilization pass: calmer client-facing shell, hidden admin pages, detail modals */
.title-wrap h1{font-size:30px!important;letter-spacing:-.01em}.title-wrap p{font-size:13px}.spark{font-size:9px}.card{padding:16px}.section-head h2{font-size:20px!important}.section-head h3{font-size:17px!important}.kpi-card{min-height:124px}.kpi-value{font-size:25px!important}.kpi-label{font-size:8.5px}.nav{gap:16px}.nav-group{gap:6px}.nav-btn{min-height:40px!important;font-size:12.5px!important}.focus-card h3{font-size:18px}.focus-card p{font-size:12px}.overview-note{display:flex;align-items:center;justify-content:space-between;gap:16px}.overview-note h3{margin:3px 0 5px;font-family:var(--font-display);font-size:20px}.overview-note p{margin:0;font-size:13px}.table-tools{border:1px solid var(--line);border-radius:18px;background:rgba(128,128,128,.045);padding:12px;margin-bottom:14px}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;align-items:end}.filter-field span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:900}.filter-field input,.filter-field select{height:36px;font-size:12px;border-radius:12px}.column-picker{margin-top:10px}.column-picker summary{font-size:12px;color:var(--muted);cursor:pointer}.column-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-top:10px}.column-grid label{font-size:12px;color:var(--muted)}.table-wrap{overflow:hidden!important}.data-table{width:100%!important;table-layout:fixed!important}.data-table th,.data-table td{font-size:12px!important;padding:10px 9px!important;vertical-align:middle}.data-table th{font-size:9px!important;letter-spacing:.12em}.data-table td[data-col="notes"],.data-table td[data-col="expected"]{max-width:180px}.truncate-cell{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-table th[data-col="actions"],.data-table td[data-col="actions"]{position:static!important;box-shadow:none!important;width:172px!important;min-width:172px!important;background:transparent!important}.row-actions{display:flex;flex-wrap:nowrap;gap:5px}.row-actions .btn.small{padding:6px 7px;font-size:11px;min-width:45px}.record-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.record-detail-row{border:1px solid var(--line);border-radius:14px;padding:12px;background:rgba(128,128,128,.04);min-width:0}.record-detail-row span{display:block;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold);font-weight:900;margin-bottom:6px}.record-detail-row p{margin:0;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45;font-size:13px}.integration-detail-head p,.small-copy,.muted{line-height:1.5}.integration-actions .btn{white-space:normal}.settings-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.settings-link-grid .btn{width:100%;justify-content:center}.main{padding:22px}.topbar{margin-bottom:20px!important}.btn{font-size:12px}.btn.primary{box-shadow:0 10px 24px rgba(47,122,87,.16)}
@media(max-width:900px){.overview-note{align-items:flex-start;flex-direction:column}.record-detail-grid{grid-template-columns:1fr}.data-table th[data-col="actions"],.data-table td[data-col="actions"]{width:160px!important;min-width:160px!important}.row-actions .btn.small{font-size:10.5px;padding:6px}}

/* Patch: overview attention item renderer */
.mini-action-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:14px;
  padding:10px;
  background:rgba(128,128,128,.04);
  min-width:0;
}
.mini-action-copy{min-width:0;display:grid;gap:3px}
.mini-action-copy strong{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}
.mini-action-copy span{font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-action-flags{grid-column:1/-1;display:flex;gap:5px;flex-wrap:wrap;min-width:0}
.micro-btn{padding:6px 9px!important;font-size:10.5px!important;min-width:auto!important;white-space:nowrap!important}

/* Smart Advisor / AI Layer */
.advisor-panel{margin-top:18px;overflow:hidden}
.advisor-suggestion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.advisor-suggestion{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);background:var(--surface-2);border-radius:14px;padding:12px;min-width:0}
.advisor-suggestion span{color:var(--gold);flex:0 0 auto}
.advisor-suggestion p{margin:0;color:var(--text);font-size:.86rem;line-height:1.45;overflow-wrap:anywhere}
.advisor-drawer-backdrop{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.42);display:flex;justify-content:flex-end;backdrop-filter:blur(2px)}
.advisor-drawer{width:min(520px,100vw);height:100%;background:var(--bg);border-left:1px solid var(--gold-line);box-shadow:-24px 0 60px rgba(0,0,0,.35);display:flex;flex-direction:column;padding:18px;gap:14px;overflow:hidden}
.advisor-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px}
.advisor-drawer-head h3{margin:0;font-size:1.05rem}
.icon-btn{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;width:34px;height:34px;display:grid;place-items:center;cursor:pointer}
.advisor-messages{display:flex;flex-direction:column;gap:10px;overflow:auto;flex:1;padding:4px 4px 8px}
.advisor-msg{max-width:92%;border:1px solid var(--line);border-radius:16px;padding:12px;background:var(--surface)}
.advisor-msg.user{align-self:flex-end;background:linear-gradient(135deg,var(--green),var(--green-2));color:white;border-color:rgba(255,255,255,.12)}
.advisor-msg.assistant{align-self:flex-start;background:var(--surface-2);border-color:var(--gold-line)}
.advisor-msg p{margin:0;white-space:pre-wrap;line-height:1.5;font-size:.92rem;overflow-wrap:anywhere}
.advisor-chat-form{display:flex;gap:10px;border-top:1px solid var(--line);padding-top:12px}
.advisor-chat-form textarea{min-height:54px;max-height:140px;resize:vertical;flex:1}
.ai-action-row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.compact-static{opacity:.92}
.small-copy{font-size:.86rem;line-height:1.45}
@media (max-width:1000px){.advisor-suggestion-grid{grid-template-columns:1fr}.advisor-chat-form{flex-direction:column}.advisor-drawer{width:100vw}}


/* Advisor-first experience */
.advisor-top-btn{
  min-width:88px;
  justify-content:center;
  border-color:rgba(198,162,74,.72);
  background:linear-gradient(135deg, rgba(198,162,74,.22), rgba(21,82,55,.24));
  color:var(--text);
  box-shadow:0 0 0 1px rgba(198,162,74,.18), 0 14px 40px rgba(0,0,0,.18);
}
.advisor-top-btn:hover{ transform:translateY(-1px); border-color:var(--gold); }
.daily-advisor-brief{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(280px,.75fr);
  gap:18px;
  align-items:start;
  margin-bottom:18px;
  border-color:rgba(198,162,74,.45);
  background:
    radial-gradient(circle at 10% 5%, rgba(198,162,74,.16), transparent 28%),
    linear-gradient(135deg, rgba(16,62,43,.98), rgba(5,19,15,.96));
}
[data-theme="light"] .daily-advisor-brief{
  background:
    radial-gradient(circle at 10% 5%, rgba(198,162,74,.16), transparent 28%),
    linear-gradient(135deg, rgba(255,252,244,.96), rgba(247,243,230,.94));
}
.daily-advisor-main{
  display:flex;
  gap:16px;
  align-items:flex-start;
}
.advisor-orb{
  width:48px;
  height:48px;
  border-radius:18px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  color:#1c2f23;
  background:linear-gradient(135deg, var(--gold), #f0d483);
  box-shadow:0 0 32px rgba(198,162,74,.28);
  font-size:22px;
}
.daily-advisor-brief h2{
  margin:5px 0 8px;
  font-size:clamp(1.35rem, 2.1vw, 2.1rem);
  line-height:1.05;
}
.daily-advisor-brief p{
  max-width:72ch;
  margin:0;
  color:var(--muted);
  font-size:.94rem;
}
.daily-advisor-actions{
  border:1px solid rgba(198,162,74,.25);
  border-radius:18px;
  padding:14px;
  background:rgba(255,255,255,.035);
}
[data-theme="light"] .daily-advisor-actions{ background:rgba(255,255,255,.55); }
.daily-advisor-actions ol{
  margin:0 0 14px;
  padding-left:20px;
  display:grid;
  gap:8px;
  font-size:.86rem;
  color:var(--text);
}
.advisor-brief-btn{ width:100%; }
.advisor-priority-grid{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.advisor-priority-card{
  border:1px solid rgba(198,162,74,.2);
  border-radius:16px;
  padding:13px;
  background:rgba(255,255,255,.035);
  min-width:0;
}
[data-theme="light"] .advisor-priority-card{ background:rgba(255,255,255,.68); }
.advisor-priority-card span{
  display:block;
  margin-bottom:5px;
  color:var(--gold);
  font-size:.66rem;
  letter-spacing:.13em;
  text-transform:uppercase;
  font-weight:800;
}
.advisor-priority-card strong{
  display:block;
  font-size:.92rem;
  line-height:1.2;
  margin-bottom:5px;
}
.advisor-priority-card p{
  font-size:.78rem;
  line-height:1.4;
}
.advisor-priority-card.risk{ border-color:rgba(217,83,79,.33); }
.advisor-priority-card.move{ border-color:rgba(198,162,74,.38); }
.advisor-priority-card.opportunity{ border-color:rgba(82,171,115,.32); }
.page-advisor-brief{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  margin-bottom:16px;
  border-color:rgba(198,162,74,.38);
  padding:16px 18px;
}
.page-advisor-copy{ min-width:0; }
.page-advisor-copy h3{
  margin:4px 0 8px;
  font-size:1rem;
  line-height:1.25;
  max-width:95ch;
}
.page-advisor-copy ul{
  margin:0;
  padding-left:18px;
  display:grid;
  gap:3px;
  color:var(--muted);
  font-size:.82rem;
}
.advisor-drawer{
  width:min(520px, calc(100vw - 22px));
}
.advisor-drawer-head h3{ font-size:1.15rem; }
.advisor-msg p{ line-height:1.48; }
@media (max-width: 980px){
  .daily-advisor-brief{ grid-template-columns:1fr; }
  .advisor-priority-grid{ grid-template-columns:1fr; }
  .page-advisor-brief{ flex-direction:column; }
  .page-advisor-brief .btn{ width:100%; }
}
@media (max-width: 760px){
  .compact-top-actions{ flex-wrap:wrap; }
  .advisor-top-btn{ order:-1; }
}


/* AI Configuration connection status */
.ai-config-card .card-body,
.ai-config-card{ overflow:visible; }
.ai-status-card{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
  border:1px solid rgba(198,162,74,.28);
  border-radius:18px;
  padding:14px;
  margin-bottom:16px;
  background:rgba(255,255,255,.035);
}
[data-theme="light"] .ai-status-card{ background:rgba(255,255,255,.72); }
.ai-status-card h3{ margin:3px 0 5px; font-size:1rem; }
.ai-status-card p{ margin:0; font-size:.82rem; }
.ai-connection-pill{
  flex:0 0 auto;
  border-radius:999px;
  padding:7px 10px;
  font-size:.72rem;
  font-weight:800;
  white-space:nowrap;
  border:1px solid rgba(198,162,74,.3);
}
.ai-connection-pill.connected,
.ai-status-inline.connected{
  color:#8af0a2;
  border-color:rgba(107,214,130,.38);
  background:rgba(57,150,84,.14);
}
[data-theme="light"] .ai-connection-pill.connected,
[data-theme="light"] .ai-status-inline.connected{ color:#116a32; }
.ai-connection-pill.not-connected,
.ai-status-inline.not-connected{
  color:#f0c36d;
  border-color:rgba(198,162,74,.35);
  background:rgba(198,162,74,.12);
}
.ai-status-inline.pending{
  color:var(--text);
  border-color:rgba(198,162,74,.45);
  background:rgba(198,162,74,.16);
}
.ai-status-inline{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  border-radius:999px;
  padding:7px 11px;
  margin:10px 0 8px;
  font-size:.76rem;
  font-weight:800;
  border:1px solid rgba(198,162,74,.22);
}
.ai-button-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
.btn.danger-soft{
  border-color:rgba(217,83,79,.35);
  color:#f1a7a2;
}
[data-theme="light"] .btn.danger-soft{ color:#a63a34; }
@media (max-width: 720px){
  .ai-status-card{ flex-direction:column; }
  .ai-connection-pill{ white-space:normal; }
}


/* Advisor logo button + media conversational workspace */
.advisor-logo-btn{
  width:42px;
  height:42px;
  border-radius:16px;
  border:1px solid rgba(198,162,74,.72);
  background:
    radial-gradient(circle at 35% 22%, rgba(232,206,132,.34), transparent 34%),
    linear-gradient(145deg, rgba(14,64,42,.96), rgba(5,23,17,.96));
  color:var(--gold);
  display:grid;
  place-items:center;
  box-shadow:0 0 0 1px rgba(198,162,74,.16), 0 14px 40px rgba(0,0,0,.24);
  cursor:pointer;
  flex:0 0 auto;
}
.advisor-logo-btn span{
  width:28px;
  height:28px;
  border-radius:50%;
  border:1px solid rgba(198,162,74,.58);
  display:grid;
  place-items:center;
  font-family:Georgia, serif;
  font-weight:900;
  font-size:1rem;
  letter-spacing:.02em;
}
.advisor-logo-btn:hover{ transform:translateY(-1px); border-color:var(--gold); box-shadow:0 0 28px rgba(198,162,74,.22); }
.advisor-logo-btn[hidden]{ display:none !important; }

.media-detail-stack{ display:grid; gap:16px; }
.media-workspace-first{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);
  gap:16px;
  margin-top:16px;
}
.media-advisor-panel,
.media-script-panel{
  background:rgba(255,255,255,.035);
  border-color:rgba(198,162,74,.22);
}
[data-theme="light"] .media-advisor-panel,
[data-theme="light"] .media-script-panel{
  background:rgba(255,255,255,.72);
}
.media-advisor-chat{ display:grid; gap:12px; min-width:0; }
.media-prompt-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.media-prompt-chips .btn{
  white-space:normal;
  text-align:left;
  justify-content:flex-start;
  line-height:1.2;
}
.media-advisor-messages{
  min-height:250px;
  max-height:420px;
  overflow:auto;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:12px;
  border:1px solid rgba(198,162,74,.18);
  border-radius:18px;
  background:rgba(0,0,0,.14);
}
[data-theme="light"] .media-advisor-messages{ background:rgba(250,247,238,.72); }
.media-advisor-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:end;
}
.media-advisor-form textarea{
  min-height:72px;
  resize:vertical;
}
.media-lower-grid{
  align-items:start;
}
.media-lower-grid .media-connect-form,
.media-lower-grid .media-ideas-panel{
  min-width:0;
}
.compact-media-fields{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.compact-media-metrics{
  margin-bottom:0;
}
@media (max-width: 1120px){
  .media-workspace-first{ grid-template-columns:1fr; }
}
@media (max-width: 720px){
  .media-advisor-form{ grid-template-columns:1fr; }
  .compact-media-fields{ grid-template-columns:1fr; }
}


/* Decluttered Media Studio */
.media-clean-stack{
  display:grid;
  gap:14px;
}
.media-channel-strip{
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px 18px;
}
.media-channel-strip h2{
  margin:2px 0 4px;
  font-size:1.35rem;
}
.media-channel-strip p{
  margin:0;
  font-size:.84rem;
}
.media-strip-badges{
  margin-left:auto;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:center;
}
.media-primary-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:14px;
  align-items:start;
}
.media-primary-grid > .card{
  min-width:0;
}
.media-secondary-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  align-items:start;
}
.media-details-toggle{
  padding:0;
  overflow:hidden;
}
.media-details-toggle summary{
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:15px 16px;
  list-style:none;
}
.media-details-toggle summary::-webkit-details-marker{ display:none; }
.media-details-toggle summary strong{
  display:block;
  font-size:.9rem;
}
.media-details-toggle summary small{
  display:block;
  color:var(--muted);
  font-size:.72rem;
  margin-top:2px;
}
.media-details-toggle summary > span:last-child{
  color:var(--gold);
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:800;
}
.media-details-toggle[open]{
  padding-bottom:14px;
}
.media-details-toggle[open] summary{
  border-bottom:1px solid rgba(198,162,74,.16);
  margin-bottom:12px;
}
.media-details-toggle .media-idea-list,
.media-details-toggle .media-connect-form{
  padding:0 16px;
}
.compact-idea-list{
  max-height:280px;
  overflow:auto;
}
.media-advisor-panel,
.media-script-panel{
  padding:16px;
}
.media-advisor-messages{
  min-height:320px;
  max-height:460px;
}
.media-prompt-chips{
  gap:6px;
}
.media-prompt-chips .btn{
  min-height:30px;
  padding:7px 10px;
}
.compact-script-form{
  gap:10px;
}
.compact-script-form .form-section-title{
  margin-bottom:0;
}
.compact-script-form textarea[name="script"]{
  min-height:210px;
}
.script-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
@media (max-width: 1180px){
  .media-primary-grid,
  .media-secondary-row{
    grid-template-columns:1fr;
  }
  .media-strip-badges{
    margin-left:0;
    justify-content:flex-start;
  }
  .media-channel-strip{
    align-items:flex-start;
    flex-wrap:wrap;
  }
}


/* Mobile friendliness pass */
.mobile-appbar{display:none}
.mobile-nav-backdrop{display:none}
html,body{max-width:100%;overflow-x:hidden}
img,canvas,svg,video{max-width:100%}
.min-w-0{min-width:0}

@media (max-width: 1180px){
  .app-shell{grid-template-columns:252px minmax(0,1fr)}
  .sidebar{padding:20px 14px}
  .brand-name{font-size:15px}
  .brand-sub{font-size:8.5px}
  .topbar{gap:16px}
  .compact-top-actions{min-width:0}
  .site-search{width:min(100%,360px)}
  .grid.cols-5{grid-template-columns:repeat(3,minmax(0,1fr))}
  .grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .integration-shell{grid-template-columns:260px minmax(0,1fr)}
}

@media (max-width: 920px){
  body{padding-top:60px}
  .mobile-appbar{
    position:fixed;
    top:0;left:0;right:0;
    height:60px;
    z-index:900;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:10px 12px;
    background:linear-gradient(180deg,var(--sidebar),rgba(7,17,13,.94));
    border-bottom:1px solid var(--line);
    backdrop-filter:blur(16px);
  }
  [data-theme="light"] .mobile-appbar{background:rgba(255,250,240,.94)}
  .mobile-menu-btn{
    width:42px;height:42px;border-radius:14px;
    display:grid;place-items:center;
    border:1px solid var(--line-strong);
    background:rgba(200,162,74,.10);
    color:var(--text);
    font-size:1.25rem;
  }
  .mobile-brand-mini{
    display:flex;align-items:center;gap:9px;
    min-width:0;
    color:var(--text);
    text-transform:uppercase;
    letter-spacing:.12em;
  }
  .mobile-brand-mini span{
    width:32px;height:32px;border-radius:12px;
    display:grid;place-items:center;
    border:1px solid rgba(198,162,74,.58);
    color:var(--gold);
    font-family:Georgia,serif;
    font-weight:900;
  }
  .mobile-brand-mini strong{
    font-family:var(--font-display);
    font-size:.95rem;
    white-space:nowrap;
  }
  .app-shell{
    display:block;
    min-height:auto;
  }
  .sidebar{
    position:fixed;
    z-index:1000;
    top:0;bottom:0;left:0;
    width:min(86vw,320px);
    height:100dvh;
    transform:translateX(-105%);
    transition:transform 220ms ease;
    box-shadow:0 30px 90px rgba(0,0,0,.45);
    padding:20px 16px;
  }
  body.mobile-nav-open .sidebar{transform:translateX(0)}
  .mobile-nav-backdrop{
    position:fixed;
    inset:0;
    z-index:950;
    display:block;
    background:rgba(0,0,0,.55);
    backdrop-filter:blur(3px);
  }
  .mobile-nav-backdrop[hidden]{display:none!important}
  .main{
    min-width:0;
    width:100%;
  }
  .topbar{
    padding:18px 14px 10px;
    display:block;
  }
  .title-wrap h1{
    font-size:clamp(1.6rem,8vw,2.4rem);
    line-height:1.04;
  }
  .title-wrap p{font-size:.86rem}
  .compact-top-actions{
    margin-top:14px;
    display:grid;
    grid-template-columns:1fr auto;
    gap:10px;
    align-items:center;
  }
  #advisorTopBtn{display:none!important}
  .site-search{
    grid-column:1 / -1;
    width:100%;
    min-width:0;
  }
  .premium-theme-toggle{justify-self:start}
  #quickAddBtn{justify-self:end}
  .view{padding:12px 14px 28px}
  .card{border-radius:18px;padding:16px}
  .section-head{gap:10px;align-items:flex-start}
  .section-head h2{font-size:1.15rem}
  .section-head h3{font-size:.98rem}
  .grid,
  .grid.cols-2,
  .grid.cols-3,
  .grid.cols-4,
  .grid.cols-5,
  .integration-shell,
  .wizard-wrap,
  .media-primary-grid,
  .media-secondary-row,
  .daily-advisor-brief{
    grid-template-columns:1fr!important;
  }
  .span-2{grid-column:auto!important}
  .integration-left{
    position:relative;
    top:auto;
    max-height:none;
  }
  .integration-nav-list{
    display:flex;
    overflow-x:auto;
    gap:10px;
    padding-bottom:6px;
    scroll-snap-type:x mandatory;
  }
  .integration-nav-item{
    flex:0 0 min(78vw,280px);
    scroll-snap-align:start;
  }
  .daily-advisor-actions{padding:12px}
  .advisor-priority-grid{grid-template-columns:1fr!important}
  .advisor-drawer{
    width:100vw;
    max-width:100vw;
    border-radius:0;
  }
  .advisor-drawer-backdrop{align-items:stretch;justify-content:flex-end}
  .advisor-chat-form{grid-template-columns:1fr}
  .modal{
    width:min(94vw,620px);
    max-height:88dvh;
    overflow:auto;
  }
  .form-grid,
  .integration-field-grid,
  .compact-media-fields,
  .filter-grid,
  .column-grid{
    grid-template-columns:1fr!important;
  }
  .table-tools{gap:12px}
  .filter-grid{gap:10px}
  .table-wrap{
    overflow:visible;
    border:0;
  }
  .data-table,
  .data-table thead,
  .data-table tbody,
  .data-table tr,
  .data-table td{
    display:block;
    width:100%;
  }
  .data-table thead{display:none}
  .data-table tbody{
    display:grid;
    gap:12px;
  }
  .data-table tr{
    border:1px solid var(--line);
    border-radius:18px;
    padding:12px;
    background:rgba(255,255,255,.03);
  }
  [data-theme="light"] .data-table tr{background:rgba(255,255,255,.68)}
  .data-table td{
    border:0!important;
    padding:8px 0!important;
    display:grid;
    grid-template-columns:minmax(92px,35%) minmax(0,1fr);
    gap:10px;
    align-items:start;
    white-space:normal!important;
    word-break:break-word;
  }
  .data-table td::before{
    content:attr(data-label);
    font-size:.68rem;
    text-transform:uppercase;
    letter-spacing:.12em;
    color:var(--gold);
    font-weight:900;
    line-height:1.25;
  }
  .data-table td[data-col="actions"]{
    display:block;
    padding-top:12px!important;
  }
  .data-table td[data-col="actions"]::before{display:none}
  .row-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }
  .row-actions .btn{
    flex:1 1 auto;
    min-width:84px;
  }
  .media-channel-strip{
    align-items:flex-start;
    flex-wrap:wrap;
    padding:14px;
  }
  .media-strip-badges{
    width:100%;
    margin-left:0;
    justify-content:flex-start;
  }
  .media-advisor-messages{
    min-height:260px;
    max-height:360px;
  }
  .media-advisor-form{grid-template-columns:1fr}
  .media-prompt-chips .btn{flex:1 1 calc(50% - 8px)}
  .wizard-side{
    position:relative;
    top:auto;
    max-height:none;
  }
  .step-arrow{min-height:auto}
}

@media (max-width: 520px){
  body{padding-top:56px}
  .mobile-appbar{height:56px}
  .mobile-brand-mini strong{font-size:.82rem}
  .advisor-logo-btn,.mobile-menu-btn{width:38px;height:38px;border-radius:13px}
  .topbar{padding:14px 10px 8px}
  .view{padding:10px 10px 24px}
  .compact-top-actions{grid-template-columns:1fr}
  #quickAddBtn,.premium-theme-toggle{width:100%;justify-self:stretch}
  .premium-theme-toggle{display:grid;grid-template-columns:1fr 1fr}
  .premium-theme-toggle button{width:100%}
  .btn{width:auto;max-width:100%}
  #quickAddBtn{width:100%}
  .card{padding:14px;border-radius:16px}
  .kpi h2{font-size:1.65rem}
  .daily-advisor-main{flex-direction:column}
  .advisor-orb{width:42px;height:42px;border-radius:15px}
  .media-prompt-chips .btn{flex:1 1 100%}
  .data-table td{grid-template-columns:1fr;gap:4px}
  .data-table td::before{margin-bottom:2px}
  .brand-block{padding-right:36px}
  .focus-card,.user-card{display:none}
}


/* Responsive breakpoint refinement: desktop, mid, tablet, mobile */
@media (min-width: 1281px){
  .app-shell{grid-template-columns:304px minmax(0,1fr)}
  .sidebar{width:auto}
}

/* Mid-size laptop/tablet landscape: avoid the awkward half-sidebar squeeze */
@media (min-width: 921px) and (max-width: 1280px){
  body{padding-top:0}
  .app-shell{
    grid-template-columns:92px minmax(0,1fr);
  }
  .sidebar{
    width:92px;
    padding:18px 12px;
    gap:16px;
    align-items:center;
    overflow-x:hidden;
  }
  .brand-block{
    width:100%;
    justify-content:center;
    padding:0 0 14px;
  }
  .brand-block > div:not(.brand-mark){
    display:none;
  }
  .brand-mark{
    width:52px;
    height:52px;
    border-radius:18px;
  }
  .nav{
    width:100%;
    gap:12px;
  }
  .nav-group{
    width:100%;
    display:grid;
    justify-items:center;
    gap:9px;
  }
  .nav-heading{
    display:none;
  }
  .nav-btn{
    width:56px;
    height:56px;
    padding:0;
    display:grid;
    place-items:center;
    border-radius:18px;
    position:relative;
    overflow:visible;
  }
  .nav-btn span:not(.nav-ico){
    display:none;
  }
  .nav-ico{
    margin:0;
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:13px;
    font-size:.86rem;
  }
  .nav-btn.active{
    background:rgba(47,122,87,.26);
    border:1px solid rgba(200,162,74,.55);
    box-shadow:0 0 0 1px rgba(200,162,74,.08), 0 14px 34px rgba(0,0,0,.16);
  }
  .nav-btn.active::after{
    content:'';
    position:absolute;
    right:-12px;
    top:50%;
    transform:translateY(-50%);
    width:3px;
    height:30px;
    border-radius:999px;
    background:var(--gold);
  }
  .nav-btn::before{
    content:attr(aria-label);
    position:absolute;
    left:calc(100% + 12px);
    top:50%;
    transform:translateY(-50%) translateX(-4px);
    opacity:0;
    pointer-events:none;
    white-space:nowrap;
    background:var(--panel);
    color:var(--text);
    border:1px solid var(--line-strong);
    border-radius:999px;
    padding:7px 10px;
    box-shadow:var(--shadow);
    transition:var(--ease);
    z-index:30;
    font-size:.76rem;
  }
  .nav-btn:hover::before{
    opacity:1;
    transform:translateY(-50%) translateX(0);
  }
  .focus-card,
  .user-card{
    display:none;
  }
  .main{
    min-width:0;
  }
  .topbar{
    padding:24px 24px 12px;
    gap:18px;
  }
  .title-wrap h1{
    font-size:clamp(2rem,3.6vw,3.2rem);
  }
  .compact-top-actions{
    flex-wrap:wrap;
    justify-content:flex-end;
    max-width:560px;
  }
  .site-search{
    width:min(100%,360px);
  }
  .view{
    padding:16px 24px 34px;
  }
  .grid.cols-5{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .grid.cols-4{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .grid.cols-3{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .grid.cols-3 > .span-2{
    grid-column:span 2;
  }
  .integration-shell{
    grid-template-columns:280px minmax(0,1fr);
  }
  .media-primary-grid{
    grid-template-columns:minmax(0,1fr);
  }
  .media-secondary-row{
    grid-template-columns:1fr;
  }
}

/* Small laptop / large tablet: use mobile drawer earlier */
@media (max-width: 920px){
  .sidebar{
    transform:translateX(-105%) !important;
  }
  body.mobile-nav-open .sidebar{
    transform:translateX(0) !important;
  }
}

/* Medium-narrow safeguard before full mobile */
@media (min-width: 921px) and (max-width: 1050px){
  .topbar{
    display:block;
  }
  .compact-top-actions{
    margin-top:14px;
    justify-content:flex-start;
    max-width:none;
  }
  .site-search{
    width:min(100%,420px);
  }
}

/* Ultra-wide polish */
@media (min-width: 1600px){
  .view{
    max-width:1520px;
    margin:0 auto;
    width:100%;
  }
}


.source-intel-card{ margin-bottom:16px; }
.source-intel-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.source-intel-grid > div{
  min-width:0;
  border:1px solid rgba(198,162,74,.18);
  border-radius:16px;
  padding:13px;
  background:rgba(255,255,255,.03);
}
[data-theme="light"] .source-intel-grid > div{ background:rgba(255,255,255,.64); }
.source-intel-grid strong{
  display:block;
  font-size:.94rem;
  margin:4px 0 5px;
}
.source-intel-grid p{
  margin:0;
  font-size:.78rem;
  line-height:1.4;
}
@media (max-width: 920px){
  .source-intel-grid{grid-template-columns:1fr;}
}


/* Favicon/logo advisor polish + less intrusive drawer */
.advisor-drawer-backdrop{
  align-items:center;
  justify-content:flex-end;
  padding:22px;
  overflow:hidden;
}
.advisor-drawer{
  height:auto;
  max-height:min(82dvh,760px);
  width:min(500px, calc(100vw - 44px));
  border-radius:24px;
  overflow:hidden;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  box-shadow:0 34px 100px rgba(0,0,0,.46);
}
.advisor-drawer-head{
  align-items:center;
  padding:16px 16px 12px;
}
.advisor-drawer-head > div{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.advisor-mini-brand{
  width:38px;
  height:38px;
  border-radius:14px;
  border:1px solid rgba(198,162,74,.58);
  color:var(--gold);
  display:grid;
  place-items:center;
  background:linear-gradient(145deg, rgba(14,64,42,.96), rgba(5,23,17,.96));
  flex:0 0 auto;
}
.advisor-mini-brand span{
  font-family:Georgia,serif;
  font-weight:900;
  font-size:1.05rem;
}
.advisor-messages{
  overflow:auto;
  scrollbar-width:none;
  padding:14px 16px;
  gap:11px;
}
.advisor-messages::-webkit-scrollbar,
.media-advisor-messages::-webkit-scrollbar{
  width:0;
  height:0;
}
.advisor-msg{
  max-width:92%;
}
.advisor-msg.assistant{
  align-self:flex-start;
}
.advisor-msg.user{
  align-self:flex-end;
}
.advisor-msg div,
.advisor-msg p{
  margin:0;
}
.advisor-msg h4{
  margin:.15rem 0 .45rem;
  font-size:.82rem;
  color:var(--gold);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.advisor-msg ul{
  margin:.25rem 0 .35rem;
  padding-left:1.15rem;
}
.advisor-msg li{
  margin:.22rem 0;
}
.advisor-chat-form{
  padding:12px 16px 16px;
  border-top:1px solid var(--line);
  background:rgba(0,0,0,.08);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:end;
}
[data-theme="light"] .advisor-chat-form{
  background:rgba(255,255,255,.55);
}
.advisor-chat-form textarea{
  min-height:54px;
  max-height:120px;
  resize:vertical;
  border-radius:16px;
  background:var(--input);
  color:var(--text);
  border:1px solid var(--line-strong);
  padding:12px 13px;
}
.advisor-chat-form .btn{
  min-height:54px;
  border-radius:16px;
}
.mobile-only-theme{
  display:none;
}
@media (max-width: 920px){
  .top-actions .premium-theme-toggle{
    display:none !important;
  }
  .mobile-only-theme{
    display:block;
    border:1px solid var(--line);
    border-radius:18px;
    padding:12px;
    background:rgba(255,255,255,.035);
  }
  .mobile-only-theme .premium-theme-toggle{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
  }
  .mobile-only-theme .premium-theme-toggle button{
    width:100%;
  }
  .advisor-drawer-backdrop{
    align-items:flex-end;
    padding:12px;
  }
  .advisor-drawer{
    width:100%;
    max-height:78dvh;
    border-radius:22px;
  }
}
@media (max-width: 520px){
  .advisor-drawer-backdrop{
    padding:8px;
  }
  .advisor-drawer{
    max-height:76dvh;
    border-radius:20px;
  }
  .advisor-chat-form{
    grid-template-columns:1fr;
  }
  .advisor-chat-form .btn{
    min-height:42px;
  }
}


/* Advisor drawer repair: visible chat, proper close position, strong site-styled container */
.advisor-drawer-backdrop{
  position:fixed !important;
  inset:0 !important;
  z-index:1300 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  padding:24px !important;
  background:rgba(0,0,0,.46) !important;
  backdrop-filter:blur(6px) !important;
  overflow:hidden !important;
}
.advisor-drawer{
  width:min(520px, calc(100vw - 48px)) !important;
  height:min(78dvh, 720px) !important;
  max-height:min(78dvh, 720px) !important;
  display:flex !important;
  flex-direction:column !important;
  border:1px solid rgba(200,162,74,.42) !important;
  border-radius:28px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(200,162,74,.13), transparent 28%),
    linear-gradient(180deg, var(--panel), var(--bg)) !important;
  box-shadow:
    0 0 0 1px rgba(200,162,74,.10),
    0 30px 90px rgba(0,0,0,.48) !important;
  overflow:hidden !important;
}
[data-theme="light"] .advisor-drawer{
  background:
    radial-gradient(circle at 18% 0%, rgba(184,142,50,.15), transparent 28%),
    linear-gradient(180deg, var(--panel), var(--bg-2)) !important;
}
.advisor-drawer-head{
  position:relative !important;
  min-height:84px !important;
  padding:18px 20px 16px 72px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  border-bottom:1px solid rgba(200,162,74,.25) !important;
  flex:0 0 auto !important;
}
.advisor-drawer-head > div{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:0 !important;
}
.advisor-mini-brand{
  width:38px !important;
  height:38px !important;
  border-radius:14px !important;
  border:1px solid rgba(200,162,74,.66) !important;
  color:var(--gold) !important;
  display:grid !important;
  place-items:center !important;
  background:linear-gradient(145deg, rgba(14,64,42,.96), rgba(5,23,17,.96)) !important;
  flex:0 0 auto !important;
}
.advisor-drawer-head h3{
  margin:0 !important;
  font-size:1.12rem !important;
}
.advisor-close-btn{
  position:absolute !important;
  top:18px !important;
  left:20px !important;
  width:38px !important;
  height:38px !important;
  border-radius:14px !important;
  border:1px solid rgba(200,162,74,.42) !important;
  background:rgba(255,255,255,.04) !important;
  color:var(--text) !important;
  display:grid !important;
  place-items:center !important;
  z-index:2 !important;
}
.advisor-close-btn:hover{
  background:rgba(200,162,74,.12) !important;
  border-color:var(--gold) !important;
}
.advisor-messages{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:16px 20px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  scrollbar-width:none !important;
}
.advisor-messages::-webkit-scrollbar{width:0!important;height:0!important;}
.advisor-msg{
  max-width:92% !important;
  border:1px solid rgba(200,162,74,.16) !important;
  border-radius:18px !important;
  padding:12px 13px !important;
  background:rgba(255,255,255,.04) !important;
  color:var(--text) !important;
  line-height:1.48 !important;
  font-size:.86rem !important;
}
.advisor-msg.assistant{align-self:flex-start !important;}
.advisor-msg.user{
  align-self:flex-end !important;
  background:rgba(47,122,87,.23) !important;
  border-color:rgba(85,185,133,.28) !important;
}
.advisor-chat-form{
  flex:0 0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:10px !important;
  align-items:end !important;
  padding:14px 20px 18px !important;
  border-top:1px solid rgba(200,162,74,.25) !important;
  background:rgba(0,0,0,.13) !important;
}
[data-theme="light"] .advisor-chat-form{background:rgba(255,255,255,.58)!important;}
.advisor-chat-form textarea{
  display:block !important;
  width:100% !important;
  min-height:54px !important;
  max-height:130px !important;
  resize:vertical !important;
  border-radius:17px !important;
  border:1px solid rgba(200,162,74,.32) !important;
  background:var(--input) !important;
  color:var(--text) !important;
  padding:12px 13px !important;
  outline:none !important;
}
.advisor-chat-form textarea:focus{
  border-color:var(--gold) !important;
  box-shadow:0 0 0 3px rgba(200,162,74,.12) !important;
}
.advisor-chat-form .btn{
  min-height:54px !important;
  border-radius:17px !important;
  padding:0 18px !important;
}
@media (max-width: 920px){
  .advisor-drawer-backdrop{
    align-items:flex-end !important;
    padding:12px !important;
  }
  .advisor-drawer{
    width:100% !important;
    height:min(76dvh, 680px) !important;
    max-height:min(76dvh, 680px) !important;
    border-radius:24px !important;
  }
}
@media (max-width: 520px){
  .advisor-drawer-backdrop{padding:8px !important;}
  .advisor-drawer{
    height:76dvh !important;
    max-height:76dvh !important;
    border-radius:22px !important;
  }
  .advisor-drawer-head{
    min-height:78px !important;
    padding:16px 16px 14px 64px !important;
  }
  .advisor-close-btn{
    top:16px !important;
    left:16px !important;
    width:36px !important;
    height:36px !important;
  }
  .advisor-chat-form{
    grid-template-columns:1fr !important;
    padding:12px 16px 16px !important;
  }
  .advisor-chat-form .btn{
    min-height:42px !important;
  }
}


/* Advisor drawer hard reset using unique KGC classes */
.kgc-advisor-backdrop{
  position:fixed !important;
  inset:0 !important;
  z-index:2000 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  padding:28px !important;
  background:rgba(0,0,0,.46) !important;
  backdrop-filter:blur(6px) !important;
  overflow:hidden !important;
}
.kgc-advisor-window{
  position:relative !important;
  width:min(520px, calc(100vw - 56px)) !important;
  height:min(78dvh, 720px) !important;
  max-height:min(78dvh, 720px) !important;
  min-height:460px !important;
  display:grid !important;
  grid-template-rows:auto minmax(0,1fr) auto !important;
  border:1px solid rgba(200,162,74,.52) !important;
  border-radius:30px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(200,162,74,.13), transparent 30%),
    linear-gradient(180deg, var(--panel), var(--bg)) !important;
  box-shadow:
    0 0 0 1px rgba(200,162,74,.11),
    0 32px 100px rgba(0,0,0,.50) !important;
  overflow:hidden !important;
}
[data-theme="light"] .kgc-advisor-window{
  background:
    radial-gradient(circle at 18% 0%, rgba(184,142,50,.15), transparent 30%),
    linear-gradient(180deg, var(--panel), var(--bg-2)) !important;
}
.kgc-advisor-close{
  position:absolute !important;
  top:18px !important;
  left:18px !important;
  z-index:5 !important;
  width:40px !important;
  height:40px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:15px !important;
  border:1px solid rgba(200,162,74,.46) !important;
  background:rgba(255,255,255,.045) !important;
  color:var(--text) !important;
  font-size:1.25rem !important;
  line-height:1 !important;
}
.kgc-advisor-close:hover{
  background:rgba(200,162,74,.12) !important;
  border-color:var(--gold) !important;
}
.kgc-advisor-header{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-height:92px !important;
  padding:20px 20px 17px 76px !important;
  border-bottom:1px solid rgba(200,162,74,.25) !important;
}
.kgc-advisor-title{
  min-width:0 !important;
}
.kgc-advisor-title h3{
  margin:0 !important;
  font-size:1.15rem !important;
  line-height:1.1 !important;
}
.kgc-advisor-messages{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:18px 20px !important;
  scrollbar-width:none !important;
}
.kgc-advisor-messages::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
}
.kgc-advisor-msg{
  display:block !important;
  max-width:92% !important;
  border:1px solid rgba(200,162,74,.17) !important;
  border-radius:18px !important;
  padding:12px 13px !important;
  background:rgba(255,255,255,.045) !important;
  color:var(--text) !important;
  font-size:.86rem !important;
  line-height:1.48 !important;
}
.kgc-advisor-msg.assistant{align-self:flex-start !important;}
.kgc-advisor-msg.user{
  align-self:flex-end !important;
  background:rgba(47,122,87,.23) !important;
  border-color:rgba(85,185,133,.30) !important;
}
.kgc-advisor-form{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:10px !important;
  align-items:end !important;
  padding:14px 20px 18px !important;
  border-top:1px solid rgba(200,162,74,.25) !important;
  background:rgba(0,0,0,.13) !important;
  flex:unset !important;
}
[data-theme="light"] .kgc-advisor-form{
  background:rgba(255,255,255,.58) !important;
}
.kgc-advisor-form textarea{
  display:block !important;
  width:100% !important;
  min-height:56px !important;
  max-height:132px !important;
  resize:vertical !important;
  border-radius:17px !important;
  border:1px solid rgba(200,162,74,.34) !important;
  background:var(--input) !important;
  color:var(--text) !important;
  padding:12px 13px !important;
  outline:none !important;
}
.kgc-advisor-form textarea:focus{
  border-color:var(--gold) !important;
  box-shadow:0 0 0 3px rgba(200,162,74,.12) !important;
}
.kgc-advisor-form .btn{
  display:inline-flex !important;
  min-height:56px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:17px !important;
  padding:0 18px !important;
}
@media (max-width: 920px){
  .kgc-advisor-backdrop{
    align-items:flex-end !important;
    padding:12px !important;
  }
  .kgc-advisor-window{
    width:100% !important;
    height:min(76dvh, 680px) !important;
    max-height:min(76dvh, 680px) !important;
    min-height:420px !important;
    border-radius:24px !important;
  }
}
@media (max-width: 520px){
  .kgc-advisor-backdrop{padding:8px !important;}
  .kgc-advisor-window{
    height:76dvh !important;
    max-height:76dvh !important;
    min-height:390px !important;
    border-radius:22px !important;
  }
  .kgc-advisor-header{
    min-height:82px !important;
    padding:17px 16px 15px 66px !important;
  }
  .kgc-advisor-close{
    top:16px !important;
    left:16px !important;
    width:38px !important;
    height:38px !important;
  }
  .kgc-advisor-form{
    grid-template-columns:1fr !important;
    padding:12px 16px 16px !important;
  }
  .kgc-advisor-form .btn{
    min-height:44px !important;
  }
}


/* Advisor close button inline with logo/title, right justified */
.kgc-advisor-window .kgc-advisor-header{
  padding:20px 20px 17px 76px !important;
  position:relative !important;
}
.kgc-advisor-window .kgc-advisor-close{
  top:50% !important;
  right:20px !important;
  left:auto !important;
  transform:translateY(-50%) !important;
  width:40px !important;
  height:40px !important;
}
.kgc-advisor-window .kgc-advisor-header{
  padding-right:74px !important;
}
@media (max-width: 520px){
  .kgc-advisor-window .kgc-advisor-header{
    padding:17px 64px 15px 66px !important;
  }
  .kgc-advisor-window .kgc-advisor-close{
    top:50% !important;
    right:16px !important;
    left:auto !important;
    transform:translateY(-50%) !important;
    width:38px !important;
    height:38px !important;
  }
}


/* Advisor close final placement: inside header, right aligned */
.kgc-advisor-window .kgc-advisor-header{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  min-height:92px !important;
  padding:20px 20px 17px 76px !important;
  position:relative !important;
}
.kgc-advisor-heading{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:0 !important;
}
.kgc-advisor-window .kgc-advisor-close{
  position:static !important;
  inset:auto !important;
  transform:none !important;
  margin-left:auto !important;
  flex:0 0 auto !important;
  width:40px !important;
  height:40px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:15px !important;
  border:1px solid rgba(200,162,74,.46) !important;
  background:rgba(255,255,255,.045) !important;
  color:var(--text) !important;
}
@media (max-width: 520px){
  .kgc-advisor-window .kgc-advisor-header{
    padding:17px 16px 15px 66px !important;
  }
  .kgc-advisor-window .kgc-advisor-close{
    position:static !important;
    inset:auto !important;
    transform:none !important;
    width:38px !important;
    height:38px !important;
  }
}


/* Advisor title left-justified closer to the logo */
.kgc-advisor-heading{
  justify-content:flex-start !important;
  align-items:center !important;
  gap:14px !important;
}
.kgc-advisor-window .kgc-advisor-header{
  justify-content:space-between !important;
}
.kgc-advisor-title{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  text-align:left !important;
  margin-left:0 !important;
}
.kgc-advisor-title .spark{
  display:block !important;
  margin:0 0 2px 0 !important;
  text-align:left !important;
}
.kgc-advisor-title h3{
  display:block !important;
  width:auto !important;
  text-align:left !important;
}

/* Growth Console V2 patch: media composer + advisor header alignment */
.media-advisor-form{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:10px !important;
  align-items:end !important;
  padding:10px !important;
  border:1px solid rgba(200,162,74,.34) !important;
  border-radius:18px !important;
  background:rgba(0,0,0,.13) !important;
}
[data-theme="light"] .media-advisor-form{
  background:rgba(255,255,255,.58) !important;
}
.media-advisor-form textarea{
  display:block !important;
  width:100% !important;
  min-height:56px !important;
  max-height:132px !important;
  resize:vertical !important;
  border-radius:17px !important;
  border:1px solid rgba(200,162,74,.34) !important;
  background:var(--input) !important;
  color:var(--text) !important;
  padding:12px 13px !important;
  outline:none !important;
  font:inherit !important;
  line-height:1.45 !important;
}
.media-advisor-form textarea::placeholder{
  color:var(--muted) !important;
}
.media-advisor-form textarea:focus{
  border-color:var(--gold) !important;
  box-shadow:0 0 0 3px rgba(200,162,74,.12) !important;
}
.media-advisor-form .btn{
  display:inline-flex !important;
  min-height:56px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:17px !important;
  padding:0 18px !important;
}
.kgc-advisor-window .kgc-advisor-header{
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:14px !important;
  min-height:92px !important;
  padding:20px !important;
  position:relative !important;
}
.kgc-advisor-heading{
  grid-column:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  min-width:0 !important;
  margin:0 !important;
}
.kgc-advisor-title{
  margin:0 !important;
  text-align:left !important;
  align-items:flex-start !important;
}
.kgc-advisor-window .kgc-advisor-close{
  grid-column:3 !important;
  justify-self:end !important;
  align-self:center !important;
  position:static !important;
  inset:auto !important;
  transform:none !important;
  margin:0 !important;
  flex:0 0 auto !important;
}
@media (max-width:720px){
  .media-advisor-form{
    grid-template-columns:1fr !important;
  }
  .media-advisor-form .btn{
    width:100% !important;
    min-height:46px !important;
  }
}
@media (max-width:520px){
  .kgc-advisor-window .kgc-advisor-header{
    grid-template-columns:auto minmax(0,1fr) auto !important;
    padding:17px 16px 15px !important;
  }
}

/* Media Studio: single AI workspace + working draft */
.media-primary-grid.single-workspace{
  grid-template-columns:minmax(0, 1fr);
  max-width:920px;
  margin:0 auto;
  width:100%;
}
.media-ai-workspace-panel{
  padding:18px;
}
.media-ai-workspace{
  display:grid;
  gap:16px;
}
.media-working-draft{
  border-top:1px solid rgba(198,162,74,.22);
  padding-top:16px;
}
.media-working-draft .media-script-form{
  margin:0;
}
.media-working-draft .form-section-title{
  padding:0;
}
.media-working-draft .compact-script-form{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.media-working-draft .compact-script-form .wide,
.media-working-draft .compact-script-form .script-actions{
  grid-column:1 / -1;
}
.media-working-draft textarea[name="script"]{
  min-height:180px;
}
@media (max-width: 760px){
  .media-working-draft .compact-script-form{
    grid-template-columns:1fr;
  }
}


/* Advisor recent discussion memory */
.kgc-advisor-window{
  grid-template-rows:auto auto minmax(0,1fr) auto !important;
}
.kgc-advisor-history{
  padding:12px 20px 10px !important;
  border-bottom:1px solid rgba(200,162,74,.18) !important;
  background:rgba(0,0,0,.08) !important;
}
.kgc-advisor-history-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-bottom:9px !important;
}
.kgc-advisor-history-head small{
  display:block !important;
  color:var(--muted) !important;
  font-size:.72rem !important;
  margin-top:2px !important;
}
.kgc-advisor-thread-list{
  display:flex !important;
  gap:8px !important;
  overflow-x:auto !important;
  padding-bottom:2px !important;
  scrollbar-width:none !important;
}
.kgc-advisor-thread-list::-webkit-scrollbar{width:0 !important;height:0 !important;}
.kgc-advisor-thread{
  flex:0 0 210px !important;
  text-align:left !important;
  border:1px solid rgba(200,162,74,.22) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.035) !important;
  color:var(--text) !important;
  padding:9px 10px !important;
  cursor:pointer !important;
}
.kgc-advisor-thread:hover,
.kgc-advisor-thread.active{
  border-color:rgba(85,185,133,.45) !important;
  background:rgba(47,122,87,.20) !important;
}
.kgc-advisor-thread strong,
.kgc-advisor-thread span{
  display:block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.kgc-advisor-thread strong{
  font-size:.78rem !important;
  line-height:1.2 !important;
}
.kgc-advisor-thread span{
  color:var(--muted) !important;
  font-size:.68rem !important;
  margin-top:4px !important;
}
@media (max-width:520px){
  .kgc-advisor-history{padding:10px 14px 9px !important;}
  .kgc-advisor-thread{flex-basis:190px !important;}
}

/* Growth Console v3 admin additions */
.portal-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.portal-role-grid div{border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(128,128,128,.045)}
.portal-role-grid strong{display:block;color:var(--gold);font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}
.portal-role-grid span{display:block;color:var(--muted);font-size:13px;line-height:1.45}
.status.green,.status.billable{background:rgba(85,185,133,.14);border-color:rgba(85,185,133,.28);color:var(--green-2)}
.status.yellow,.status.internal,.status.needs-input,.status.expected{background:rgba(216,154,61,.14);border-color:rgba(216,154,61,.30);color:var(--amber)}
.status.red,.status.at-risk{background:rgba(228,93,107,.14);border-color:rgba(228,93,107,.28);color:var(--red)}
.status.admin-only,.status.not-invited,.status.invited{background:rgba(110,168,229,.12);border-color:rgba(110,168,229,.24);color:var(--blue)}
@media(max-width:760px){.portal-role-grid{grid-template-columns:1fr}}

/* Client Ops two-line alternative view */
.client-ops-card .table-tools{margin-bottom:14px}
.client-ops-list{display:grid;gap:12px}
.client-ops-row{border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,var(--panel),var(--panel-2));padding:14px;display:grid;gap:10px;box-shadow:var(--glow)}
.client-ops-main{display:grid;grid-template-columns:minmax(190px,1fr) auto;gap:14px;align-items:center}
.client-ops-identity{min-width:0}
.client-ops-identity strong{display:block;font-size:15px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-ops-identity span{display:block;margin-top:4px;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-ops-badges{display:flex;gap:7px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.client-ops-sub{display:grid;grid-template-columns:190px minmax(170px,.9fr) minmax(220px,1.35fr) auto;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:10px;color:var(--muted);font-size:12px}
.client-ops-progress{display:grid;grid-template-columns:42px 1fr;gap:9px;align-items:center;font-weight:900;color:var(--text)}
.client-ops-progress .progress-track{margin-top:0;height:7px}
.client-ops-metrics{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-ops-action{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;min-width:0;color:var(--text)}
.client-ops-action span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:950}
.client-ops-action{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-ops-actions{justify-content:flex-end;flex-wrap:nowrap}
@media(max-width:1100px){.client-ops-sub{grid-template-columns:1fr 1fr}.client-ops-actions{justify-content:flex-start}.client-ops-main{grid-template-columns:1fr}.client-ops-badges{justify-content:flex-start}}
@media(max-width:680px){.client-ops-sub{grid-template-columns:1fr}.client-ops-actions{flex-wrap:wrap}.client-ops-identity strong,.client-ops-identity span,.client-ops-metrics,.client-ops-action{white-space:normal}}

/* Growth Console v3 IA cleanup */
.nav-group{padding-bottom:10px;border-bottom:1px solid var(--line)}
.nav-group:last-child{border-bottom:0}
.nav-heading{padding:8px 10px 4px}
.nav-ico{width:22px;text-align:center}

/* Overview command-center layout */
.compact-kpis .kpi-card{min-height:112px}
.overview-command-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px;margin-top:16px}
.overview-performance-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px;margin-top:16px}
.priority-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.priority-stack section{border:1px solid var(--line);border-radius:18px;background:rgba(128,128,128,.04);padding:12px;min-width:0}
.priority-stack h4{margin:0 0 10px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:950}
.command-snapshot .summary-list{margin-bottom:14px}
.overview-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}
.overview-shortcuts .btn{width:100%;justify-content:center}
.compact-chart{min-height:260px;max-height:300px}

/* Client Ops cleanup */
.client-ops-kpis{margin-bottom:16px}
.client-ops-tools{padding:10px;margin-bottom:12px}
.client-ops-filter-row{grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(120px,.8fr)) auto;gap:8px;align-items:end}
.client-ops-filter-row .btn{height:36px;white-space:nowrap}
.client-ops-card .column-picker{display:none!important}

@media(max-width:1180px){
  .overview-command-grid,.overview-performance-grid{grid-template-columns:1fr}
  .client-ops-filter-row{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .priority-stack{grid-template-columns:1fr}
  .overview-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .client-ops-filter-row{grid-template-columns:1fr}
}

/* Hotfix: overview compact lists and weekly snapshot */
.compact-empty{
  border:1px dashed var(--line);
  border-radius:14px;
  padding:10px;
  font-size:12px;
  color:var(--muted);
  background:rgba(128,128,128,.035);
}
.snapshot-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.snapshot-grid div{
  border:1px solid var(--line);
  border-radius:16px;
  padding:12px;
  background:rgba(128,128,128,.04);
  min-width:0;
}
.snapshot-grid span{
  display:block;
  font-size:9px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--muted);
  font-weight:900;
  margin-bottom:6px;
}
.snapshot-grid strong{
  font-size:18px;
  color:var(--text);
}
@media(max-width:900px){.snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.snapshot-grid{grid-template-columns:1fr}}

/* Date picker fields */
.date-input-shell{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
}
.date-input-shell input[type="date"]{
  width:100%;
  padding-right:46px;
}
.calendar-picker{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  width:28px;
  height:28px;
  border:1px solid var(--border);
  border-radius:10px;
  background:rgba(255,255,255,.04);
  color:var(--text);
  cursor:pointer;
  display:grid;
  place-items:center;
  font-size:16px;
  line-height:1;
}
.calendar-picker:hover{
  background:rgba(255,255,255,.08);
  border-color:var(--accent);
}

/* Growth Console v3 Admin Final Pass */
.nav-group{padding-top:2px;border-top:1px solid rgba(225,191,99,.10)}
.nav-group:first-child{border-top:0;padding-top:0}
.nav-heading{padding-top:2px}
.nav-btn[data-view="clientOps"] .nav-ico{background:linear-gradient(135deg,rgba(225,191,99,.20),rgba(47,122,87,.22));border-color:rgba(225,191,99,.45);color:var(--gold-2)}
.overview-kpi-strip .kpi-card,.finance-kpis .kpi-card,.time-kpis .kpi-card{min-height:116px}
.overview-final-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr) minmax(280px,.8fr);gap:16px;align-items:stretch}
.overview-today-panel{grid-row:span 2}
.overview-money-panel{grid-column:2 / -1}
.priority-stack.compact-stack{display:grid;grid-template-columns:1fr;gap:14px}
.priority-stack h4{margin:0 0 8px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2)}
.ai-action-list{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.ai-action-list li{border:1px solid var(--line);border-radius:14px;padding:10px;background:rgba(128,128,128,.04);font-size:12.5px;line-height:1.45;color:var(--muted)}
.ai-action-list strong{color:var(--gold-2);margin-right:5px}
.ops-brief-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:10px;background:rgba(128,128,128,.04);margin-bottom:8px;min-width:0}
.ops-brief-row strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}
.ops-brief-row span{display:block;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.ops-brief-row>div:last-child{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.compact-metric-list{display:grid;gap:8px}.compact-metric-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:10px;background:rgba(128,128,128,.04)}.compact-metric-row span{color:var(--muted);font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-metric-row strong{font-size:13px;white-space:nowrap;color:var(--text)}
.quick-jump-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.quick-jump-card{border:1px solid var(--line);border-radius:16px;background:rgba(128,128,128,.04);color:var(--text);padding:13px;text-align:left;display:grid;gap:5px;transition:var(--ease)}.quick-jump-card:hover{border-color:rgba(225,191,99,.50);transform:translateY(-1px);background:linear-gradient(145deg,rgba(15,77,53,.28),rgba(225,191,99,.08))}.quick-jump-card strong{font-family:var(--font-display);font-size:16px}.quick-jump-card span{font-size:12px;color:var(--muted);line-height:1.35}
.finance-breakdown-grid,.support-load-grid{align-items:start}.mini-card{box-shadow:none;background:rgba(128,128,128,.035)}
.support-table{display:grid;gap:8px}.support-table-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:10px;background:rgba(128,128,128,.04)}.support-table-row span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-table-row strong{font-size:13px}.support-table-row em{font-style:normal;color:var(--gold-2);font-size:12px;font-weight:900;white-space:nowrap}
.client-ops-tools.final-filter-row{padding:10px;margin-bottom:12px}.client-ops-filter-row{grid-template-columns:minmax(220px,1.3fr) repeat(5,minmax(120px,.75fr)) auto!important;align-items:end}.client-search-field input{min-width:0}.client-ops-row{border:1px solid var(--line);border-radius:18px;background:rgba(128,128,128,.04);padding:13px;margin-bottom:10px}.client-ops-main{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.client-ops-identity{display:grid;gap:2px;min-width:0}.client-ops-identity strong{font-size:15px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-ops-identity span{font-size:12px;color:var(--muted)}.client-ops-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.client-ops-sub{display:grid;grid-template-columns:170px minmax(160px,.7fr) minmax(220px,1fr) auto;gap:12px;align-items:center;margin-top:11px;padding-top:11px;border-top:1px solid var(--line)}.client-ops-progress{display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;align-items:center}.client-ops-progress span{font-size:12px;color:var(--gold-2);font-weight:900}.client-ops-metrics{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-ops-action{display:grid;gap:2px;font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-ops-action span{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2);font-weight:900}.client-ops-actions{justify-content:flex-end}.client-ops-actions .btn.small:first-child{min-width:94px}
.status.green,.status.active,.status.ready-to-scale,.status.invited{background:rgba(85,185,133,.14);border-color:rgba(85,185,133,.28);color:var(--green-2)}.status.yellow,.status.admin-only,.status.not-invited{background:rgba(216,154,61,.14);border-color:rgba(216,154,61,.30);color:var(--amber)}.status.red,.status.paused,.status.at-risk{background:rgba(228,93,107,.14);border-color:rgba(228,93,107,.28);color:var(--red)}
.snapshot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.snapshot-grid div{border:1px solid var(--line);border-radius:14px;padding:10px;background:rgba(128,128,128,.04)}.snapshot-grid span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.snapshot-grid strong{display:block;font-size:16px;margin-top:4px;color:var(--text)}
@media(max-width:1280px){.overview-final-grid{grid-template-columns:1fr 1fr}.overview-today-panel{grid-row:auto;grid-column:1/-1}.overview-money-panel{grid-column:auto}.quick-jump-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-ops-filter-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}.client-ops-sub{grid-template-columns:1fr 1fr}.client-ops-actions{justify-content:flex-start}.client-ops-action{white-space:normal}}
@media(max-width:760px){.overview-final-grid,.finance-breakdown-grid,.support-load-grid,.quick-jump-grid,.snapshot-grid{grid-template-columns:1fr}.ops-brief-row{grid-template-columns:1fr}.ops-brief-row>div:last-child{justify-content:flex-start}.client-ops-main{display:grid}.client-ops-badges{justify-content:flex-start}.client-ops-filter-row,.client-ops-sub{grid-template-columns:1fr!important}.client-ops-metrics{white-space:normal}.support-table-row{grid-template-columns:1fr}.quick-jump-card{width:100%}}

/* Sidebar polish hotfix: remove duplicate section dividers and hide internal scrollbar */
.sidebar{
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.sidebar::-webkit-scrollbar{width:0;height:0;display:none;}
.nav{gap:14px;}
.nav-group{
  padding-top:0!important;
  padding-bottom:12px!important;
  border-top:0!important;
  border-bottom:1px solid rgba(225,191,99,.14)!important;
}
.nav-group:last-child{border-bottom:0!important;}
.nav-heading{padding:0 10px 6px!important;}

/* Sidebar focus card cleanup: remove the empty/low-value weekly focus block */
.focus-card{display:none!important;}

/* v3 admin final: data source add controls */
.section-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.integration-left .section-actions .btn{white-space:nowrap}
@media (max-width: 760px){.section-actions{justify-content:flex-start}.integration-left .section-actions{width:100%;justify-content:space-between}}

/* Pipeline compact two-line view */
.pipeline-compact-card .table-tools{margin-bottom:12px}
.pipeline-tools{padding:10px;margin-bottom:12px}
.pipeline-filter-row{grid-template-columns:minmax(240px,1.4fr) repeat(4,minmax(110px,.75fr)) auto;gap:8px;align-items:end}
.pipeline-filter-row .btn{height:36px;white-space:nowrap}
.pipeline-compact-list{display:grid;gap:10px}
.pipeline-row{border:1px solid var(--line);border-radius:18px;background:rgba(128,128,128,.04);padding:13px;display:grid;gap:10px;box-shadow:var(--glow)}
.pipeline-line{display:grid;align-items:center;gap:12px;min-width:0}
.primary-line{grid-template-columns:minmax(180px,1fr) minmax(180px,auto) minmax(125px,auto)}
.secondary-line{grid-template-columns:minmax(180px,.9fr) minmax(240px,1.2fr) auto;border-top:1px solid var(--line);padding-top:10px}
.pipeline-title{min-width:0}.pipeline-title strong{font-size:15px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pipeline-title span{font-size:12px;color:var(--muted)}
.pipeline-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-start}.pipeline-money{text-align:right;white-space:nowrap}.pipeline-money strong{display:block;color:var(--text);font-size:15px}.pipeline-money span{display:block;color:var(--muted);font-size:11.5px;margin-top:2px}
.pipeline-meta{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.pipeline-next{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.pipeline-next span{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2);font-weight:900}.pipeline-actions{justify-content:flex-end;flex-wrap:nowrap}
@media(max-width:1180px){.pipeline-filter-row{grid-template-columns:repeat(3,minmax(0,1fr))}.primary-line{grid-template-columns:1fr auto}.pipeline-money{grid-column:1/-1;text-align:left}.secondary-line{grid-template-columns:1fr 1fr}.pipeline-actions{justify-content:flex-start}}
@media(max-width:760px){.pipeline-filter-row,.primary-line,.secondary-line{grid-template-columns:1fr}.pipeline-badges,.pipeline-actions{justify-content:flex-start}.pipeline-meta,.pipeline-next,.pipeline-title strong{white-space:normal}}

/* Client Hub master client view */
.nav-btn[data-view="clientHub"] .nav-ico{background:linear-gradient(135deg,rgba(225,191,99,.22),rgba(47,122,87,.28));border-color:rgba(225,191,99,.48);color:var(--gold-2)}
.client-hub-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.client-hub-hero h2{margin:4px 0 8px;font-size:clamp(24px,3vw,38px);max-width:980px}
.client-hub-hero p{max-width:880px;margin:0}
.client-hub-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;min-width:280px}
.client-hub-kpis{margin-bottom:16px}
.client-hub-controls{padding:12px;margin-bottom:14px}
.client-hub-filter-row{grid-template-columns:minmax(260px,1fr) minmax(150px,.35fr) minmax(130px,.25fr) auto;align-items:end;gap:10px}
.client-hub-filter-row .btn{height:36px;white-space:nowrap}
.client-hub-lanes{display:grid;gap:16px}
.client-lane{border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(128,128,128,.035));padding:14px;box-shadow:var(--glow)}
.client-lane-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.client-lane-head h3{margin:2px 0 4px;font-size:20px}
.client-lane-head p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.45;max-width:900px}
.lane-attention{border-color:rgba(228,93,107,.28)}
.lane-onboarding{border-color:rgba(216,154,61,.24)}
.lane-scale{border-color:rgba(85,185,133,.28)}
.client-lane-list{display:grid;gap:10px}
.client-hub-card{border:1px solid var(--line);border-radius:18px;background:rgba(128,128,128,.045);padding:13px;display:grid;gap:10px;min-width:0}
.lane-attention .client-hub-card{background:linear-gradient(145deg,rgba(228,93,107,.06),rgba(128,128,128,.035))}
.lane-scale .client-hub-card{background:linear-gradient(145deg,rgba(85,185,133,.06),rgba(128,128,128,.035))}
.client-card-line{display:grid;align-items:center;gap:12px;min-width:0}
.client-card-primary{grid-template-columns:minmax(210px,1fr) minmax(180px,auto) minmax(135px,auto)}
.client-card-secondary{grid-template-columns:170px minmax(220px,1fr) minmax(240px,1.1fr) auto;border-top:1px solid var(--line);padding-top:10px}
.client-card-name{min-width:0;display:grid;gap:2px}.client-card-name strong{font-size:15.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-card-name span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-card-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-start}.client-card-value{text-align:right;white-space:nowrap}.client-card-value strong{display:block;color:var(--text);font-size:15px}.client-card-value span{display:block;color:var(--muted);font-size:11.5px;margin-top:2px}
.client-card-progress{display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;align-items:center}.client-card-progress>span{font-size:12px;color:var(--gold-2);font-weight:900}.client-card-meta{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.client-card-next{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.client-card-next span{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2);font-weight:900}.client-card-actions{justify-content:flex-end;flex-wrap:nowrap}.compact-empty{padding:13px!important;border-radius:14px!important}
.status.action,.status.load{background:rgba(228,93,107,.14);border-color:rgba(228,93,107,.28);color:var(--red)}.status.open,.status.new-lead{background:rgba(216,154,61,.13);border-color:rgba(216,154,61,.28);color:var(--amber)}.status.won,.status.low{background:rgba(85,185,133,.14);border-color:rgba(85,185,133,.28);color:var(--green-2)}
@media(max-width:1240px){.client-card-primary{grid-template-columns:1fr auto}.client-card-value{grid-column:1/-1;text-align:left}.client-card-secondary{grid-template-columns:1fr 1fr}.client-card-actions{justify-content:flex-start}.client-hub-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}.client-hub-actions{min-width:0}}
@media(max-width:760px){.client-hub-hero{display:grid}.client-hub-actions{justify-content:flex-start}.client-hub-filter-row,.client-card-primary,.client-card-secondary{grid-template-columns:1fr}.client-card-badges,.client-card-actions{justify-content:flex-start}.client-card-name strong,.client-card-name span,.client-card-meta,.client-card-next{white-space:normal}.client-lane{padding:11px}}

/* Sidebar icon shape hotfix: keep menu icons perfectly circular */
.nav-ico{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  flex:0 0 28px!important;
  aspect-ratio:1 / 1!important;
  border-radius:999px!important;
  display:inline-grid!important;
  place-items:center!important;
  line-height:1!important;
  padding:0!important;
  box-sizing:border-box!important;
}
.nav-btn{
  align-items:center!important;
}
.nav-btn span:not(.nav-ico){
  min-width:0;
}
@media(max-width:1200px){
  .nav-ico{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    flex-basis:28px!important;
  }
}

/* Client Portal Preview */
.client-portal-admin-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.client-portal-admin-hero h2{margin:4px 0 8px;font-size:clamp(24px,3vw,38px)}
.client-portal-admin-hero p{max-width:880px;margin:0}
.client-portal-selector{display:flex;align-items:end;gap:10px;min-width:min(420px,100%);justify-content:flex-end}
.client-portal-selector .filter-field{min-width:260px}
.client-portal-shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px;align-items:start}
.client-portal-menu{position:sticky;top:20px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,var(--panel),var(--panel-2));box-shadow:var(--shadow);padding:14px;display:grid;gap:8px}
.client-portal-brand{display:flex;align-items:center;gap:10px;padding:8px 8px 14px;border-bottom:1px solid var(--line);margin-bottom:6px}
.client-portal-brand strong{display:block}.client-portal-brand span{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.client-portal-menu button{border:1px solid transparent;background:transparent;color:var(--muted);text-align:left;border-radius:14px;padding:11px 12px;font-weight:900}
.client-portal-menu button.active,.client-portal-menu button:hover{background:rgba(200,162,74,.10);border-color:var(--line);color:var(--text)}
.client-portal-main{display:grid;gap:16px;min-width:0}
.client-welcome-card{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:center}
.client-welcome-card h3{font-family:var(--font-display);font-size:28px;margin:6px 0 8px}
.portal-login-preview{border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(128,128,128,.045);display:grid;gap:8px}
.portal-login-preview strong{color:var(--gold);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.portal-login-preview span{color:var(--muted);font-size:13px;line-height:1.45}
.portal-stage-track{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.portal-stage{border:1px solid var(--line);border-radius:16px;padding:12px;background:rgba(128,128,128,.045);display:grid;gap:8px;min-height:86px;align-content:center;text-align:center}
.portal-stage b{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;margin:0 auto;background:var(--chip);color:var(--muted)}
.portal-stage.done{border-color:rgba(85,185,133,.28);background:rgba(85,185,133,.08)}.portal-stage.done b{background:rgba(85,185,133,.18);color:var(--green-2)}
.portal-stage span{font-size:12px;font-weight:900;color:var(--text)}
.check-pill-grid{display:flex;flex-wrap:wrap;gap:8px}.check-pill-grid.stacked{display:grid}.check-pill-grid.compact .check-pill{min-width:96px}.daily-check-grid{display:flex;flex-wrap:wrap;gap:8px}
.check-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:8px 10px;background:rgba(128,128,128,.045);font-size:12px;font-weight:900;color:var(--muted)}
.check-pill b{color:var(--muted)}.check-pill.done{background:rgba(85,185,133,.10);border-color:rgba(85,185,133,.28);color:var(--green-2)}.check-pill.done b{color:var(--green-2)}
.week-checklist{display:grid;gap:9px}.week-check-row{border:1px solid var(--line);border-radius:16px;background:rgba(128,128,128,.045);padding:12px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.week-check-row strong{display:block}.week-check-row span{display:block;color:var(--muted);font-size:12px;line-height:1.45;margin-top:4px}.week-check-row b{color:var(--muted)}.week-check-row.done{border-color:rgba(85,185,133,.28);background:rgba(85,185,133,.08)}.week-check-row.done b{color:var(--green-2)}
@media(max-width:1120px){.client-portal-admin-hero,.client-welcome-card{grid-template-columns:1fr;display:grid}.client-portal-selector{justify-content:flex-start}.portal-stage-track{grid-template-columns:repeat(4,minmax(0,1fr))}.client-portal-shell{grid-template-columns:1fr}.client-portal-menu{position:relative;top:auto;display:flex;overflow:auto}.client-portal-brand{min-width:220px;border-bottom:0;border-right:1px solid var(--line);padding-bottom:8px;margin-bottom:0}.client-portal-menu button{white-space:nowrap}}
@media(max-width:760px){.client-portal-selector{display:grid}.client-portal-selector .filter-field{min-width:0}.portal-stage-track{grid-template-columns:repeat(2,minmax(0,1fr))}.client-portal-menu{display:grid}.client-portal-brand{border-right:0;border-bottom:1px solid var(--line);min-width:0}}

/* Client portal as a separate front-end shell tied to the admin client record */
body.client-portal-mode .sidebar,
body.client-portal-mode .topbar,
body.client-portal-mode .mobile-nav-toggle,
body.client-portal-mode #mobileNavBackdrop{
  display:none!important;
}
body.client-portal-mode .app-shell{
  grid-template-columns:1fr!important;
}
body.client-portal-mode .main{
  padding:0!important;
  min-height:100vh;
}
body.client-portal-mode .view{
  gap:0;
  min-height:100vh;
}
.client-auth-page{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:32px;
  background:
    radial-gradient(circle at 15% 10%, rgba(225,191,99,.13), transparent 34%),
    radial-gradient(circle at 82% 18%, rgba(47,122,87,.20), transparent 30%),
    linear-gradient(145deg,var(--bg),var(--sidebar));
}
.client-auth-card{
  width:min(1080px,100%);
  padding:28px;
}
.client-auth-brand{display:flex;align-items:flex-start;gap:18px;margin-bottom:24px}
.client-auth-brand h1{font-family:var(--font-display);font-size:clamp(32px,5vw,56px);line-height:.98;margin:6px 0 10px;max-width:780px}
.client-auth-brand p{max-width:760px;line-height:1.55;margin:0}
.client-auth-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;align-items:stretch}
.client-auth-panel{border:1px solid var(--line);border-radius:24px;padding:20px;background:linear-gradient(145deg,var(--panel-2),var(--panel-3));display:grid;gap:10px;align-content:start}
.client-auth-avatar{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),var(--gold));color:#fff;font-weight:950;font-size:26px}
.client-auth-panel strong{font-size:22px}.client-auth-panel span{color:var(--muted)}
.client-auth-form{border:1px solid var(--line);border-radius:24px;padding:20px;background:rgba(128,128,128,.045);display:grid;gap:12px}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:4px}
.auth-tabs button{border:1px solid var(--line);border-radius:14px;background:var(--input);color:var(--muted);font-weight:950;padding:11px}
.auth-tabs button.active{background:linear-gradient(135deg,rgba(47,122,87,.32),rgba(225,191,99,.14));color:var(--text);border-color:var(--line-strong)}
.client-auth-form .field{display:grid;gap:7px}.client-auth-form .field label{margin:0}
.client-auth-preview-control{margin-top:16px;display:flex;justify-content:flex-end}
.client-only-shell{min-height:100vh;display:grid;grid-template-columns:292px minmax(0,1fr);background:linear-gradient(145deg,var(--bg),var(--sidebar));}
.client-only-sidebar{position:sticky;top:0;height:100vh;padding:22px 18px;display:flex;flex-direction:column;gap:14px;background:linear-gradient(180deg,var(--sidebar),var(--sidebar-2));border-right:1px solid var(--line);overflow:auto;scrollbar-width:none}
.client-only-sidebar::-webkit-scrollbar{display:none}
.client-portal-brand.large{display:flex;align-items:center;gap:12px;padding:0 4px 16px;border-bottom:1px solid var(--line);margin-bottom:2px}
.client-portal-brand.large .avatar{width:46px;height:46px;border-radius:16px;flex:0 0 46px}.client-portal-brand.large strong{display:block}.client-portal-brand.large span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.client-step-nav{display:grid;gap:6px;flex:1;align-content:start}
.portal-menu-link{display:grid;gap:3px;text-decoration:none;color:var(--muted);border:1px solid transparent;border-radius:16px;padding:11px 12px;background:transparent;transition:var(--ease)}
.portal-menu-link span{font-weight:950;color:inherit}.portal-menu-link small{font-size:11px;color:var(--muted)}
.portal-menu-link:hover,.portal-menu-link.active{background:linear-gradient(135deg,rgba(47,122,87,.28),rgba(225,191,99,.12));border-color:var(--line);color:var(--text)}
.client-only-main{padding:28px;display:grid;gap:18px;align-content:start;min-width:0}
.client-hero-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px}
.client-hero-panel h1{font-family:var(--font-display);font-size:clamp(34px,5vw,60px);line-height:.98;margin:6px 0 10px}.client-hero-panel p{max-width:820px;margin:0;line-height:1.55}
.client-hero-progress{min-width:210px;border:1px solid var(--line);border-radius:22px;padding:18px;background:rgba(128,128,128,.045)}
.client-hero-progress strong{display:block;font-size:42px;line-height:1;font-weight:950}.client-hero-progress span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:950;margin:8px 0 0}
.portal-status-stack{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.client-journey-list{display:grid;gap:10px}.journey-row{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:start;border:1px solid var(--line);border-radius:18px;padding:13px;background:rgba(128,128,128,.045)}
.journey-row b{width:34px;height:34px;border-radius:13px;display:grid;place-items:center;background:var(--chip);color:var(--gold);font-weight:950}.journey-row.done{border-color:rgba(85,185,133,.32);background:rgba(85,185,133,.08)}.journey-row.done b{background:rgba(85,185,133,.16);color:var(--green-2)}
.journey-row strong{display:block;margin-bottom:3px}.journey-row span{display:block;color:var(--muted);font-size:13px;line-height:1.45}
.support-box{display:grid;gap:12px;align-content:start}.support-box p{margin:0;line-height:1.55}
.readiness-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.readiness-grid div{border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(128,128,128,.045)}.readiness-grid span{display:block;color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:950}.readiness-grid strong{display:block;font-size:28px;margin-top:8px}
/* Sidebar icon hardening */
.nav-ico{width:31px!important;height:31px!important;min-width:31px!important;min-height:31px!important;max-width:31px!important;max-height:31px!important;aspect-ratio:1/1!important;border-radius:999px!important;line-height:1!important;display:inline-grid!important;place-items:center!important;flex:0 0 31px!important;overflow:hidden!important;box-sizing:border-box!important}
.nav-btn{align-items:center!important}.nav-btn span:not(.nav-ico){min-width:0}
@media(max-width:1120px){.client-auth-grid,.client-only-shell{grid-template-columns:1fr}.client-only-sidebar{position:relative;height:auto}.client-step-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.client-hero-panel{display:grid}.client-hero-progress{min-width:0}.readiness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.client-auth-page{padding:16px}.client-auth-card{padding:18px}.client-auth-brand{display:grid}.client-step-nav{grid-template-columns:1fr}.client-only-main{padding:16px}.client-hero-panel h1{font-size:34px}.portal-status-stack{justify-content:flex-start}.readiness-grid{grid-template-columns:1fr}}

/* Client Portal overview cleanup */
.client-video-intro{
  display:grid;
  grid-template-columns:minmax(260px,420px) minmax(0,1fr);
  gap:18px;
  align-items:center;
  padding:18px;
}
.video-placeholder{
  min-height:220px;
  border:1px solid var(--line);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(47,122,87,.22),rgba(225,191,99,.12));
  display:grid;
  place-items:center;
  align-content:center;
  gap:8px;
  text-align:center;
  color:var(--text);
}
.video-placeholder span{
  width:62px;
  height:62px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.14);
  border:1px solid var(--line-strong);
  font-size:24px;
  padding-left:3px;
}
.video-placeholder strong{font-size:20px}
.video-placeholder small{color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.client-video-intro h3{font-family:var(--font-display);font-size:30px;margin:6px 0 8px}
.client-video-intro p{line-height:1.55;margin:0 0 14px;max-width:760px}
@media(max-width:920px){.client-video-intro{grid-template-columns:1fr}.video-placeholder{min-height:180px}}

/* Client Portal simplified overview + Growth Advisor */
.client-next-step-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:22px;
}
.client-next-step-card h3{
  font-family:var(--font-display);
  font-size:clamp(26px,3vw,40px);
  line-height:1.02;
  margin:6px 0 8px;
}
.next-step-action{
  display:grid;
  gap:10px;
  justify-items:end;
  min-width:220px;
}
.next-step-action span{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.client-health-chat{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:95;
}
.client-health-orb{
  width:64px;
  height:64px;
  border-radius:999px;
  display:grid;
  place-items:center;
  border:1px solid var(--gold-line);
  background:linear-gradient(135deg,var(--green),var(--gold));
  color:white;
  box-shadow:0 22px 54px rgba(0,0,0,.32);
  cursor:pointer;
  transition:var(--ease);
}
.client-health-orb:hover{transform:translateY(-2px)}
.client-health-orb span{
  width:42px;
  height:42px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.28);
  font-weight:950;
  font-size:20px;
}
.client-health-panel{
  position:absolute;
  right:0;
  bottom:78px;
  width:min(420px,calc(100vw - 32px));
  max-height:min(640px,calc(100vh - 120px));
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:14px;
  border:1px solid var(--gold-line);
  border-radius:24px;
  background:linear-gradient(145deg,var(--panel),var(--panel-2));
  box-shadow:0 30px 80px rgba(0,0,0,.42);
  overflow:hidden;
}
.client-health-head{
  display:flex;
  align-items:center;
  gap:10px;
  padding-bottom:12px;
  border-bottom:1px solid var(--line);
}
.client-health-head strong{display:block}
.client-health-head span{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.client-health-logo{
  width:38px;
  height:38px;
  border-radius:999px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--green),var(--gold));
  color:white;
  font-weight:950;
}
.client-health-head .icon-btn{margin-left:auto}
.client-health-messages{
  min-height:160px;
  max-height:300px;
}
.health-quick-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.client-health-form textarea{min-height:50px}
@media(max-width:760px){
  .client-next-step-card{grid-template-columns:1fr}
  .next-step-action{justify-items:start;min-width:0}
  .next-step-action span{justify-content:flex-start}
  .client-health-chat{right:16px;bottom:16px}
  .client-health-orb{width:58px;height:58px}
}


/* Client portal logo + next-step type polish */
.client-brand-mark{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  flex:0 0 46px!important;
  border-radius:16px!important;
  font-size:24px!important;
}
.client-portal-brand.large .client-brand-mark{
  width:46px!important;
  height:46px!important;
  border-radius:16px!important;
}
.client-health-orb.advisor-logo-btn{
  width:64px!important;
  height:64px!important;
  border-radius:18px!important;
  padding:0;
}
.client-health-orb.advisor-logo-btn span{
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
}
.client-health-logo.brand-mark.mini{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  flex:0 0 38px!important;
  border-radius:14px!important;
  font-size:20px!important;
  box-shadow:0 0 0 3px rgba(225,191,99,.035),0 10px 24px rgba(0,0,0,.18);
}
.client-next-step-card{
  padding:18px 20px!important;
  align-items:center;
}
.client-next-step-card h3{
  font-size:clamp(20px,2.1vw,28px)!important;
  line-height:1.14!important;
  margin:5px 0 7px!important;
  max-width:820px;
}
.client-next-step-card p{
  margin:0;
  font-size:13px;
  line-height:1.45;
}
@media(max-width:760px){
  .client-health-orb.advisor-logo-btn{width:58px!important;height:58px!important}
}

/* Client Portal first-pass training sections */
.client-step-nav button.portal-menu-link{
  width:100%;
  text-align:left;
  font-family:inherit;
  cursor:pointer;
}
.client-section-page{
  display:grid;
  gap:16px;
}
.client-section-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:16px;
  padding:22px;
  border:1px solid var(--line);
  border-radius:28px;
  background:linear-gradient(145deg,var(--panel),var(--panel-2));
  box-shadow:var(--shadow-soft);
}
.client-section-head h2{
  font-family:var(--font-display);
  font-size:clamp(34px,4vw,58px);
  line-height:.98;
  margin:6px 0 0;
}
.section-copy{
  margin:0;
  max-width:820px;
  line-height:1.55;
}
.portal-checklist-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.portal-check-item{
  border:1px solid var(--line);
  border-radius:20px;
  padding:14px;
  background:rgba(128,128,128,.045);
  color:var(--text);
  text-align:left;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  grid-template-areas:"dot title" "dot desc";
  gap:4px 10px;
  cursor:pointer;
  transition:var(--ease);
  font-family:inherit;
}
.portal-check-item:hover{transform:translateY(-1px);border-color:var(--line-strong)}
.portal-check-item .check-dot{
  grid-area:dot;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:var(--chip);
  color:var(--gold);
  font-weight:950;
}
.portal-check-item strong{grid-area:title;font-size:14px}
.portal-check-item small{grid-area:desc;color:var(--muted);line-height:1.35}
.portal-check-item.done{
  background:rgba(85,185,133,.08);
  border-color:rgba(85,185,133,.32);
}
.portal-check-item.done .check-dot{background:rgba(85,185,133,.18);color:var(--green-2)}
.training-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.training-grid.two{margin-top:14px}
.training-card,.portal-quiz,.support-panel,.portal-review-card{
  border:1px solid var(--line);
  border-radius:24px;
  padding:16px;
  background:rgba(128,128,128,.045);
}
.training-card h3{font-family:var(--font-display);font-size:28px;line-height:1.05;margin:0 0 8px}
.training-card p{margin:0 0 14px;line-height:1.5}
.portal-quiz{display:grid;gap:12px;background:rgba(0,0,0,.08)}
.portal-quiz.complete{border-color:rgba(85,185,133,.32);background:rgba(85,185,133,.06)}
.portal-quiz-head{display:flex;justify-content:space-between;align-items:start;gap:10px}
.portal-quiz-head h4{margin:4px 0 0;font-size:16px}
.quiz-question{display:grid;gap:8px;border-top:1px solid var(--line);padding-top:12px}
.quiz-question strong{font-size:13px;line-height:1.35}
.quiz-options{display:grid;gap:7px}
.quiz-option{
  border:1px solid var(--line);
  border-radius:14px;
  padding:10px 11px;
  background:var(--input);
  color:var(--text);
  text-align:left;
  font-weight:800;
  cursor:pointer;
}
.quiz-option:hover{border-color:var(--line-strong);background:rgba(200,162,74,.08)}
.quiz-feedback{margin:0;padding:10px 12px;border-radius:14px;font-weight:900}
.quiz-feedback.ok{background:rgba(85,185,133,.12);color:var(--green-2)}
.quiz-feedback.bad{background:rgba(242,154,96,.12);color:#ffbd8a}
.archetype-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.archetype-card{
  border:1px solid var(--line);
  border-radius:22px;
  padding:14px;
  background:rgba(128,128,128,.045);
}
.archetype-card span{
  width:34px;
  height:34px;
  border-radius:13px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,rgba(47,122,87,.28),rgba(225,191,99,.14));
  border:1px solid var(--line);
  color:var(--gold);
  font-weight:950;
  margin-bottom:10px;
}
.archetype-card h4{margin:0 0 6px;font-size:16px}
.archetype-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.portal-bullets{margin:12px 0 0;padding-left:18px;color:var(--muted);line-height:1.7}
.full-video-card .video-placeholder.large{min-height:300px}
.readiness-card strong{display:block;font-size:34px;line-height:1}
.readiness-card span{display:block;margin:8px 0 10px;color:var(--muted);font-weight:950;text-transform:uppercase;letter-spacing:.08em;font-size:11px}
.support-panel{display:grid;gap:10px;max-width:780px}
.support-panel h3{font-family:var(--font-display);font-size:34px;margin:0}
@media(max-width:1080px){
  .portal-checklist-grid,.archetype-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .training-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .client-section-head{display:grid;align-items:start}
  .portal-checklist-grid,.archetype-grid{grid-template-columns:1fr}
  .vega-related-grid{grid-template-columns:1fr}
}

/* Client Portal course cleanup: remove duplicate intro/next pages, strengthen learning pages */
.portal-video-module{
  display:grid;
  grid-template-columns:minmax(260px,420px) minmax(0,1fr);
  gap:18px;
  align-items:center;
  padding:18px;
  border-color:var(--line-strong);
}
.video-placeholder.course-video{
  min-height:210px;
  background:radial-gradient(circle at 18% 14%,rgba(225,191,99,.18),transparent 36%),linear-gradient(135deg,rgba(47,122,87,.22),rgba(225,191,99,.10));
}
.portal-video-module h3{
  font-family:var(--font-display);
  font-size:clamp(26px,3vw,38px);
  line-height:1.02;
  margin:6px 0 8px;
}
.portal-video-module p{line-height:1.55;margin:0 0 10px;max-width:820px}
.lesson-panel-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.lesson-panel.card,.pc-setup-note.card{
  padding:16px;
  border-radius:24px;
  border:1px solid var(--line);
  background:rgba(128,128,128,.045);
}
.lesson-panel h3,.pc-setup-note h3{
  font-family:var(--font-display);
  font-size:28px;
  line-height:1.05;
  margin:0 0 8px;
}
.lesson-panel p,.pc-setup-note p{margin:0;line-height:1.55}
.module-points{
  margin:0 0 14px;
  padding-left:18px;
  color:var(--muted);
  line-height:1.55;
  font-size:13px;
}
.archetype-grid.rich-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.archetype-card.rich{
  display:grid;
  gap:7px;
  align-content:start;
  min-height:220px;
}
.archetype-card.rich span{
  width:40px;
  height:40px;
  font-size:18px;
  border-radius:15px;
}
.archetype-card.rich p{
  color:var(--muted);
  font-size:12.5px;
  line-height:1.45;
}
.archetype-card.rich p b{color:var(--text)}
.quiz-option.selected{border-color:var(--line-strong);background:rgba(225,191,99,.10)}
.quiz-option.correct{border-color:rgba(85,185,133,.45);background:rgba(85,185,133,.10)}
.quiz-option.wrong{border-color:rgba(242,154,96,.45);background:rgba(242,154,96,.10)}
.portal-quiz-head .micro{margin:4px 0 0;color:var(--muted);font-size:11px;letter-spacing:.04em;text-transform:none}
@media(max-width:1080px){
  .portal-video-module,.lesson-panel-grid{grid-template-columns:1fr}
  .archetype-grid.rich-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .archetype-grid.rich-grid{grid-template-columns:1fr}
  .portal-video-module{padding:14px}
}

/* Client Portal journey language pass */
.journey-intro.card{
  padding:18px 20px;
  border:1px solid var(--line-strong);
  border-radius:26px;
  background:linear-gradient(135deg,rgba(47,122,87,.18),rgba(225,191,99,.06));
}
.journey-intro h3{
  font-family:var(--font-display);
  font-size:clamp(28px,3vw,40px);
  line-height:1.02;
  margin:6px 0 8px;
}
.journey-intro p{margin:0;max-width:900px;line-height:1.55}
.client-section-head .spark{color:var(--gold-2)}
.client-next-step-card h3{font-size:clamp(22px,2.2vw,34px)!important;line-height:1.08}
.portal-menu-link small{line-height:1.25}

/* VEGA course breakup: intake-style lesson flow */
.portal-course-flow{
  display:grid;
  grid-template-columns:minmax(260px,340px) minmax(0,1fr);
  gap:16px;
  align-items:start;
}
.portal-course-side{
  position:sticky;
  top:18px;
  display:grid;
  gap:12px;
  align-content:start;
}
.portal-course-side h3{
  font-family:var(--font-display);
  font-size:28px;
  line-height:1.05;
  margin:6px 0 0;
}
.portal-course-side p{margin:0;line-height:1.5}
.portal-course-map{
  display:grid;
  gap:9px;
  margin-top:4px;
}
.portal-course-step{
  width:100%;
  text-align:left;
}
.portal-course-main{
  display:grid;
  gap:16px;
  overflow:visible;
}
.portal-course-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
}
.portal-course-head h3{
  font-family:var(--font-display);
  font-size:clamp(30px,3.5vw,48px);
  line-height:.98;
  margin:6px 0 8px;
}
.portal-course-head p{margin:0;line-height:1.55;max-width:860px}
.portal-course-actions{
  display:flex;
  justify-content:space-between;
  gap:10px;
  border-top:1px solid var(--line);
  padding-top:14px;
}
.portal-course-actions .btn[disabled],
.portal-course-step[disabled]{
  opacity:.45;
  cursor:not-allowed;
}
.portal-course-main .portal-video-module{margin:0}
@media(max-width:1080px){
  .portal-course-flow{grid-template-columns:1fr}
  .portal-course-side{position:relative;top:auto}
}
@media(max-width:680px){
  .portal-course-head{display:grid}
  .portal-course-actions{display:grid;grid-template-columns:1fr}
}

/* HELIOS course breakup: intake-style archetype flow */
.helios-course-flow .portal-course-side{border-color:var(--line-strong)}
.helios-course-head{align-items:flex-start}
.helios-lesson-title{
  display:flex;
  align-items:flex-start;
  gap:16px;
}
.helios-symbol{
  flex:0 0 58px;
  width:58px;
  height:58px;
  border-radius:22px;
  display:grid;
  place-items:center;
  font-family:var(--font-display);
  font-size:30px;
  color:var(--gold-2);
  background:linear-gradient(135deg,rgba(47,122,87,.24),rgba(225,191,99,.13));
  border:1px solid var(--line-strong);
  box-shadow:var(--shadow-sm);
}
.helios-course-flow .lesson-panel-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.helios-course-flow .lesson-panel h3{font-size:24px}
@media(max-width:1180px){
  .helios-course-flow .lesson-panel-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .helios-lesson-title{display:grid;gap:12px}
  .helios-symbol{width:50px;height:50px;flex-basis:50px;border-radius:18px;font-size:26px}
}

/* Computer setup vertical why checklist */
.portal-why-checklist{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin-top:14px;
  max-width:980px;
}
.portal-why-check-item{
  border:1px solid var(--line);
  border-radius:22px;
  padding:16px;
  background:rgba(128,128,128,.045);
  color:var(--text);
  text-align:left;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:12px;
  cursor:pointer;
  transition:var(--ease);
  font-family:inherit;
  width:100%;
}
.portal-why-check-item:hover{
  transform:translateY(-1px);
  border-color:var(--line-strong);
  background:rgba(128,128,128,.065);
}
.portal-why-check-item .check-dot{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:var(--chip);
  color:var(--gold);
  font-weight:950;
  line-height:1;
}
.portal-why-check-item.done{
  background:rgba(85,185,133,.08);
  border-color:rgba(85,185,133,.34);
}
.portal-why-check-item.done .check-dot{
  background:rgba(85,185,133,.18);
  color:var(--green-2);
}
.why-check-content{
  display:grid;
  gap:6px;
}
.why-check-content strong{
  font-size:15px;
  line-height:1.2;
}
.why-check-content small{
  color:var(--muted);
  line-height:1.45;
}
.why-check-content em{
  font-style:normal;
  color:var(--text-soft);
  line-height:1.45;
  border-left:3px solid rgba(208,168,92,.48);
  padding-left:10px;
}
.why-check-content em b{
  color:var(--gold);
  font-weight:950;
}
@media(max-width:680px){
  .portal-why-check-item{
    grid-template-columns:32px minmax(0,1fr);
    padding:14px;
  }
  .portal-why-check-item .check-dot{
    width:30px;
    height:30px;
  }
}

/* Client portal payment agreement card */
.portal-payment-card{
  margin-top:18px;
  padding:22px;
  display:grid;
  gap:18px;
}
.portal-payment-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
}
.portal-payment-head h3{
  margin:4px 0 8px;
  font-size:1.08rem;
}
.portal-payment-head p{
  max-width:760px;
}
.payment-status-paid{
  min-width:140px;
  border:1px solid rgba(65,82,70,.16);
  border-radius:18px;
  padding:14px 16px;
  text-align:center;
  background:rgba(240,247,240,.74);
}
.payment-status-paid strong{
  display:block;
  font-size:1.55rem;
  line-height:1;
}
.payment-status-paid span{
  display:block;
  margin-top:6px;
  font-size:.78rem;
  color:var(--muted);
}
.payment-progress-row{
  display:grid;
  grid-template-columns:minmax(150px,220px) 1fr minmax(110px,160px);
  gap:16px;
  align-items:center;
  padding:14px 16px;
  border:1px solid rgba(65,82,70,.12);
  border-radius:18px;
  background:rgba(255,255,255,.58);
}
.payment-progress-row strong,
.payment-remaining strong{
  display:block;
  font-size:1rem;
}
.payment-progress-row span,
.payment-remaining span{
  display:block;
  margin-top:4px;
  font-size:.78rem;
  color:var(--muted);
}
.payment-remaining{
  text-align:right;
}
.payment-reminder-box{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  border:1px solid rgba(132,99,58,.18);
  border-radius:18px;
  padding:16px;
  background:rgba(255,248,236,.72);
}
.payment-reminder-box p{
  margin:5px 0 0;
  color:var(--text);
}
.payment-due-block{
  min-width:170px;
  text-align:right;
}
.payment-due-block strong,
.payment-due-block span{
  display:block;
}
.payment-due-block span{
  margin-top:4px;
  color:var(--muted);
  font-size:.82rem;
}
@media (max-width: 760px){
  .portal-payment-head,
  .payment-reminder-box{
    flex-direction:column;
  }
  .payment-progress-row{
    grid-template-columns:1fr;
  }
  .payment-remaining,
  .payment-due-block{
    text-align:left;
  }
}

/* Client portal login should behave like an external-facing page: no known-client preview card. */
.client-login-only-page{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:clamp(24px,4vw,56px);
}
.client-login-only-card{
  width:min(720px,100%);
  margin:0 auto;
}
.client-auth-brand.centered{
  justify-content:center;
  text-align:center;
  align-items:center;
  margin-bottom:24px;
}
.client-auth-brand.centered .brand-mark{
  margin:0 auto 12px;
}
.client-auth-form-only{
  max-width:560px;
  margin:0 auto;
}
.client-auth-form-only .auth-tabs{
  margin-bottom:18px;
}

/* Client login hero spacing hotfix: prevent the title from feeling cramped/squished. */
.client-login-only-page{
  align-items:start;
  padding:clamp(32px,5vw,72px) clamp(18px,4vw,56px);
}
.client-login-only-card{
  width:min(780px,100%);
  margin:0 auto;
  padding:clamp(24px,4vw,42px);
}
.client-auth-brand.centered{
  display:grid;
  grid-template-columns:1fr;
  justify-items:center;
  gap:14px;
  margin-bottom:clamp(24px,3vw,34px);
}
.client-auth-brand.centered .brand-mark{
  margin:0;
  width:48px;
  height:48px;
  min-width:48px;
  border-radius:14px;
}
.client-auth-brand.centered h1{
  max-width:640px;
  margin:8px auto 12px;
  font-size:clamp(34px,4.2vw,52px);
  line-height:1.08;
  letter-spacing:-.025em;
  text-wrap:balance;
}
.client-auth-brand.centered p{
  max-width:620px;
  margin:0 auto;
  font-size:clamp(.95rem,1.25vw,1.05rem);
  line-height:1.65;
}
.client-auth-form-only{
  max-width:600px;
}
@media (max-width: 760px){
  .client-login-only-page{
    padding:22px 14px;
  }
  .client-login-only-card{
    padding:22px 16px;
  }
  .client-auth-brand.centered h1{
    font-size:clamp(32px,11vw,42px);
    line-height:1.08;
  }
}

/* Payment card brand hotfix: remove leftover gray/light payment surfaces */
.portal-payment-card{
  border-color:rgba(200,162,74,.28) !important;
  background:linear-gradient(145deg,var(--panel),var(--panel-2)) !important;
  box-shadow:var(--shadow) !important;
}
.portal-payment-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) !important;
  gap:16px !important;
  align-items:stretch !important;
}
.payment-mini-card,
.payment-plan-card,
.payment-reminder-card{
  border:1px solid rgba(200,162,74,.22) !important;
  border-radius:22px !important;
  background:linear-gradient(145deg,rgba(7,24,17,.92),rgba(13,44,31,.86)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 18px 38px rgba(0,0,0,.14) !important;
  color:var(--text) !important;
}
.payment-progress-row{
  display:grid !important;
  grid-template-columns:minmax(120px,170px) 1fr minmax(90px,130px) !important;
  gap:12px !important;
  align-items:center !important;
  margin-top:16px !important;
  padding:13px !important;
  border:1px solid rgba(200,162,74,.18) !important;
  border-radius:18px !important;
  background:rgba(0,0,0,.18) !important;
}
.payment-progress-row .progress-track{
  background:rgba(200,162,74,.12) !important;
  border:1px solid rgba(200,162,74,.12) !important;
}
.payment-progress-row .progress-track span{
  background:linear-gradient(90deg,var(--green-2),var(--gold)) !important;
}
.payment-status-paid{
  border:1px solid rgba(85,185,133,.34) !important;
  background:rgba(85,185,133,.12) !important;
  color:var(--green-2) !important;
}
.payment-status-paid strong{
  color:var(--green-2) !important;
}
.payment-reminder-box{
  border:1px solid rgba(200,162,74,.22) !important;
  background:linear-gradient(145deg,rgba(7,24,17,.92),rgba(13,44,31,.86)) !important;
  color:var(--text) !important;
}
.payment-reminder-box p,
.payment-mini-card p{
  color:var(--muted) !important;
}
.payment-due-block{
  border-top:1px solid rgba(200,162,74,.16) !important;
  padding-top:13px !important;
}
.payment-due-block strong{
  color:var(--gold-2) !important;
}
.payment-due-block span,
.payment-progress-row span,
.payment-remaining span{
  color:var(--muted) !important;
}
@media (max-width:980px){
  .portal-payment-grid{
    grid-template-columns:1fr !important;
  }
}
@media (max-width:680px){
  .payment-progress-row{
    grid-template-columns:1fr !important;
  }
  .payment-remaining,
  .payment-due-block{
    text-align:left !important;
  }
}

/* Client portal nav + payment action polish */
.client-step-nav{
  display:grid!important;
  gap:14px!important;
  flex:1;
  align-content:start;
}
.client-nav-section{
  display:grid;
  gap:7px;
  padding:0 0 12px;
  border-bottom:1px solid rgba(225,191,99,.16);
}
.client-nav-section:last-child{border-bottom:0;padding-bottom:0;}
.client-only-sidebar .nav-heading{
  color:var(--gold);
  font-size:10px;
  letter-spacing:2.4px;
  font-weight:950;
  text-transform:uppercase;
  padding:2px 9px 5px;
}
.client-step-nav button.portal-menu-link,
.portal-menu-link{
  width:100%;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  gap:10px!important;
  text-align:left;
  text-decoration:none;
  color:var(--muted);
  border:1px solid transparent;
  border-radius:16px;
  padding:9px 10px!important;
  background:transparent;
  transition:var(--ease);
}
.portal-nav-icon{
  width:28px;
  height:28px;
  min-width:28px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:var(--gold);
  background:rgba(225,191,99,.08);
  border:1px solid rgba(225,191,99,.35);
  font-size:13px;
  font-weight:950;
  line-height:1;
}
.portal-nav-text{
  min-width:0;
  display:grid;
  gap:2px;
}
.portal-nav-text strong{
  color:inherit;
  font-size:13px;
  font-weight:950;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.portal-nav-text small{
  color:var(--muted);
  font-size:10.5px;
  line-height:1.2;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.portal-menu-link:hover,
.portal-menu-link.active{
  background:linear-gradient(135deg,rgba(47,122,87,.35),rgba(225,191,99,.12));
  border-color:rgba(225,191,99,.45);
  color:var(--text);
}
.portal-menu-link.active .portal-nav-icon{
  background:linear-gradient(135deg,rgba(47,122,87,.75),rgba(225,191,99,.28));
  box-shadow:0 0 0 1px rgba(225,191,99,.18), 0 12px 24px rgba(0,0,0,.18);
}
.payment-action-stack{
  display:grid;
  justify-items:end;
  gap:10px;
  align-content:center;
  min-width:160px;
}
.payment-action-stack .btn{min-width:118px;justify-content:center;}
.client-health-orb.advisor-logo-btn,
.client-health-orb{
  width:64px!important;
  height:64px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(7,33,22,.95)!important;
  border:1px solid rgba(225,191,99,.55)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.36), inset 0 0 0 1px rgba(255,255,255,.05)!important;
}
.client-health-orb.advisor-logo-btn span,
.client-health-orb span{
  width:42px!important;
  height:42px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,rgba(47,122,87,.55),rgba(225,191,99,.42))!important;
  border:1px solid rgba(225,191,99,.62)!important;
  color:#fff8df!important;
  font-family:var(--serif)!important;
  font-size:22px!important;
  font-weight:950!important;
  line-height:1!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;
}
@media(max-width:1120px){
  .client-step-nav{grid-template-columns:repeat(2,minmax(0,1fr));}
  .client-nav-section{border-bottom:0;padding-bottom:0;}
}
@media(max-width:760px){
  .client-step-nav{grid-template-columns:1fr;}
  .payment-action-stack{justify-items:start;min-width:0;}
}


/* Growth Advisor logo uses the same brand-mark markup as the client side nav */
.client-health-orb.advisor-logo-btn,
.client-health-orb{
  width:64px!important;
  height:64px!important;
  padding:0!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.client-health-orb .brand-mark.client-brand-mark{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  flex:0 0 52px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(145deg,var(--gold-2),var(--gold))!important;
  color:#0c1912!important;
  font-weight:950!important;
  font-size:26px!important;
  box-shadow:0 14px 34px rgba(200,162,74,.20)!important;
}
.client-health-orb .brand-mark.client-brand-mark span{
  width:auto!important;
  height:auto!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  font-family:inherit!important;
  font-size:inherit!important;
  font-weight:inherit!important;
  border-radius:0!important;
}
.client-health-orb:hover .brand-mark.client-brand-mark{
  transform:translateY(-1px);
  box-shadow:0 18px 44px rgba(200,162,74,.26)!important;
}
@media(max-width:760px){
  .client-health-orb.advisor-logo-btn,
  .client-health-orb{width:58px!important;height:58px!important;}
  .client-health-orb .brand-mark.client-brand-mark{width:48px!important;height:48px!important;min-width:48px!important;flex-basis:48px!important;}
}


/* Client portal sidebar: match admin sidebar system */
body.client-portal-mode .client-only-shell{
  grid-template-columns:300px minmax(0,1fr) !important;
}
body.client-portal-mode .client-only-sidebar{
  padding:26px 20px !important;
  gap:22px !important;
  background:linear-gradient(180deg,var(--sidebar),var(--sidebar-2)) !important;
  border-right:1px solid var(--line) !important;
  overflow:auto !important;
  scrollbar-width:none !important;
}
body.client-portal-mode .client-only-sidebar::-webkit-scrollbar{display:none!important;}
body.client-portal-mode .client-brand-block{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  padding:0 6px 14px !important;
  border-bottom:1px solid var(--line) !important;
  margin:0 !important;
}
body.client-portal-mode .client-brand-block .brand-mark,
body.client-portal-mode .client-brand-mark{
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  flex:0 0 52px !important;
  border-radius:18px !important;
  display:grid !important;
  place-items:center !important;
  background:linear-gradient(145deg,var(--gold-2),var(--gold)) !important;
  color:#0c1912 !important;
  font-weight:950 !important;
  font-size:26px !important;
  box-shadow:0 14px 34px rgba(200,162,74,.20) !important;
}
body.client-portal-mode .client-brand-block .brand-name{
  font-family:var(--font-display) !important;
  letter-spacing:.14em !important;
  font-size:18px !important;
  line-height:1 !important;
  color:var(--text) !important;
}
body.client-portal-mode .client-brand-block .brand-sub{
  font-size:10px !important;
  letter-spacing:.24em !important;
  color:var(--gold) !important;
  font-weight:900 !important;
  margin-top:5px !important;
}
body.client-portal-mode .client-step-nav{
  display:grid !important;
  gap:18px !important;
  flex:1 !important;
  align-content:start !important;
}
body.client-portal-mode .client-nav-section{
  display:grid !important;
  gap:7px !important;
  padding:0 0 18px !important;
  border-bottom:1px solid var(--line) !important;
}
body.client-portal-mode .client-nav-section:last-child{
  border-bottom:0 !important;
  padding-bottom:0 !important;
}
body.client-portal-mode .client-only-sidebar .nav-heading{
  font-size:10px !important;
  letter-spacing:.20em !important;
  text-transform:uppercase !important;
  color:var(--soft) !important;
  font-weight:900 !important;
  padding:0 10px !important;
}
body.client-portal-mode .portal-menu-link,
body.client-portal-mode .client-step-nav button.portal-menu-link{
  width:100% !important;
  border:0 !important;
  border-radius:16px !important;
  background:transparent !important;
  color:var(--muted) !important;
  padding:12px 12px !important;
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  text-align:left !important;
  transition:var(--ease) !important;
  box-shadow:none !important;
}
body.client-portal-mode .portal-menu-link:hover{
  background:rgba(200,162,74,.08) !important;
  color:var(--text) !important;
}
body.client-portal-mode .portal-menu-link.active{
  background:linear-gradient(135deg,rgba(47,122,87,.35),rgba(200,162,74,.16)) !important;
  color:var(--text) !important;
  box-shadow:inset 0 0 0 1px var(--line-strong) !important;
  border-right:4px solid var(--gold) !important;
}
body.client-portal-mode .portal-nav-icon{
  width:31px !important;
  height:31px !important;
  min-width:31px !important;
  flex:0 0 31px !important;
  border-radius:12px !important;
  display:grid !important;
  place-items:center !important;
  background:var(--chip) !important;
  border:0 !important;
  color:var(--gold) !important;
  font-weight:900 !important;
  font-size:13px !important;
  box-shadow:none !important;
}
body.client-portal-mode .portal-menu-link.active .portal-nav-icon{
  background:var(--chip) !important;
  box-shadow:none !important;
}
body.client-portal-mode .portal-nav-text{
  display:block !important;
  min-width:0 !important;
}
body.client-portal-mode .portal-nav-text strong{
  display:block !important;
  color:inherit !important;
  font-size:14px !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:normal !important;
}
body.client-portal-mode .portal-nav-text small{
  display:none !important;
}
body.client-portal-mode .client-only-sidebar .btn.full{
  border-radius:16px !important;
}
@media(max-width:1120px){
  body.client-portal-mode .client-only-shell{grid-template-columns:1fr!important;}
  body.client-portal-mode .client-only-sidebar{position:relative!important;height:auto!important;}
  body.client-portal-mode .client-step-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.client-portal-mode .client-nav-section{border-bottom:0!important;padding-bottom:0!important;}
}
@media(max-width:760px){
  body.client-portal-mode .client-step-nav{grid-template-columns:1fr!important;}
}

/* Client portal logo parity: use the exact same brand-mark treatment as admin nav and Growth Advisor. */
body.client-portal-mode .client-brand-block .brand-mark,
body.client-portal-mode .client-brand-mark,
body.client-portal-mode .client-health-orb .brand-mark.client-brand-mark,
body.client-portal-mode .client-health-logo.brand-mark,
body.client-portal-mode .client-auth-brand.centered .brand-mark{
  position:relative !important;
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  flex:0 0 58px !important;
  border-radius:18px !important;
  display:grid !important;
  place-items:center !important;
  background:radial-gradient(circle at 50% 42%,rgba(225,191,99,.18),transparent 40%),linear-gradient(145deg,rgba(225,191,99,.16),rgba(15,77,53,.18)) !important;
  border:1px solid rgba(225,191,99,.58) !important;
  color:var(--gold-2) !important;
  box-shadow:0 0 0 5px rgba(225,191,99,.035),0 16px 38px rgba(0,0,0,.24) !important;
  font-family:var(--font-display) !important;
  font-size:31px !important;
  font-weight:900 !important;
  line-height:1 !important;
  overflow:hidden !important;
}
body.client-portal-mode .client-brand-block .brand-mark span,
body.client-portal-mode .client-brand-mark span,
body.client-portal-mode .client-health-orb .brand-mark.client-brand-mark span,
body.client-portal-mode .client-health-logo.brand-mark span,
body.client-portal-mode .client-auth-brand.centered .brand-mark span{
  position:relative !important;
  z-index:2 !important;
  width:auto !important;
  height:auto !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:var(--gold-2) !important;
  font-family:var(--font-display) !important;
  font-size:31px !important;
  line-height:1 !important;
}
body.client-portal-mode .client-brand-block .brand-mark:before,
body.client-portal-mode .client-brand-block .brand-mark:after,
body.client-portal-mode .client-brand-mark:before,
body.client-portal-mode .client-brand-mark:after,
body.client-portal-mode .client-health-orb .brand-mark.client-brand-mark:before,
body.client-portal-mode .client-health-orb .brand-mark.client-brand-mark:after,
body.client-portal-mode .client-health-logo.brand-mark:before,
body.client-portal-mode .client-health-logo.brand-mark:after,
body.client-portal-mode .client-auth-brand.centered .brand-mark:before,
body.client-portal-mode .client-auth-brand.centered .brand-mark:after{
  content:"" !important;
  position:absolute !important;
  inset:7px !important;
  border:1px solid rgba(225,191,99,.45) !important;
  border-radius:14px !important;
  transform:rotate(45deg) !important;
  pointer-events:none !important;
  background:transparent !important;
}
body.client-portal-mode .client-brand-block .brand-mark:after,
body.client-portal-mode .client-brand-mark:after,
body.client-portal-mode .client-health-orb .brand-mark.client-brand-mark:after,
body.client-portal-mode .client-health-logo.brand-mark:after,
body.client-portal-mode .client-auth-brand.centered .brand-mark:after{
  inset:13px !important;
  border-color:rgba(225,191,99,.28) !important;
  transform:rotate(0deg) !important;
  border-radius:50% !important;
}
body.client-portal-mode .client-health-orb.advisor-logo-btn,
body.client-portal-mode .client-health-orb{
  width:70px !important;
  height:70px !important;
  border-radius:22px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(3,16,11,.88) !important;
  border:1px solid rgba(225,191,99,.16) !important;
  box-shadow:0 22px 46px rgba(0,0,0,.34) !important;
}

/* Client portal market rhythm additions */
.signal-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 12px}
.signal-chip-row span{display:inline-flex;align-items:center;border:1px solid var(--gold-soft);background:rgba(212,175,55,.08);color:var(--cream);border-radius:999px;padding:8px 10px;font-family:var(--mono);font-size:12px;letter-spacing:.04em}
.rhythm-course-flow .portal-course-main{position:relative;overflow:hidden}
.rhythm-course-flow .portal-course-main:before{content:"";position:absolute;inset:auto -10% -25% -10%;height:180px;background:radial-gradient(circle at 50% 50%, rgba(212,175,55,.10), transparent 65%);pointer-events:none}


/* ==========================================================
   STYLE GUIDE AUDIT PATCH — client portal parity with admin
   Goal: client portal uses the same admin visual system for
   sidebar/nav, logo, icons, headings, cards, buttons, and chat.
   ========================================================== */
body.client-portal-mode .client-only-shell{
  background:
    linear-gradient(180deg,rgba(225,191,99,.035),transparent 34%),
    radial-gradient(circle at 96% 6%,rgba(225,191,99,.08),transparent 17%),
    linear-gradient(135deg,var(--bg),var(--bg-2))!important;
}
body.client-portal-mode .client-only-sidebar{
  padding:26px 20px!important;
  gap:22px!important;
  background:
    radial-gradient(circle at 15% 6%,rgba(225,191,99,.10),transparent 20%),
    linear-gradient(180deg,#052016,#03100b 68%,#020906)!important;
  border-right:1px solid rgba(225,191,99,.28)!important;
  box-shadow:18px 0 54px rgba(0,0,0,.18)!important;
}
body.client-portal-mode .client-brand-block,
body.client-portal-mode .client-portal-brand.large{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  padding:0 6px 18px!important;
  border-bottom:1px solid var(--line)!important;
  margin:0!important;
}
body.client-portal-mode .client-brand-block .brand-name,
body.client-portal-mode .client-portal-brand.large .brand-name{
  font-family:var(--font-display)!important;
  font-size:20px!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  color:var(--text)!important;
  text-shadow:0 0 24px rgba(225,191,99,.16)!important;
}
body.client-portal-mode .client-brand-block .brand-sub,
body.client-portal-mode .client-portal-brand.large .brand-sub{
  font-size:10px!important;
  letter-spacing:.24em!important;
  color:var(--gold-2)!important;
  opacity:.92!important;
  font-weight:800!important;
  margin-top:3px!important;
}
body.client-portal-mode .client-brand-mark,
body.client-portal-mode .client-health-orb .client-brand-mark,
body.client-portal-mode .client-health-logo.brand-mark,
body.client-portal-mode .client-auth-brand .client-brand-mark{
  position:relative!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  max-width:58px!important;
  max-height:58px!important;
  flex:0 0 58px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  background:radial-gradient(circle at 50% 42%,rgba(225,191,99,.18),transparent 40%),linear-gradient(145deg,rgba(225,191,99,.16),rgba(15,77,53,.18))!important;
  border:1px solid rgba(225,191,99,.58)!important;
  color:var(--gold-2)!important;
  box-shadow:0 0 0 5px rgba(225,191,99,.035),0 16px 38px rgba(0,0,0,.24)!important;
  font-family:var(--font-display)!important;
  font-size:31px!important;
  line-height:1!important;
}
body.client-portal-mode .client-brand-mark span,
body.client-portal-mode .client-health-orb .client-brand-mark span,
body.client-portal-mode .client-health-logo.brand-mark span{
  position:relative!important;
  z-index:2!important;
  width:auto!important;
  height:auto!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  font-size:inherit!important;
  color:inherit!important;
  padding:0!important;
}
body.client-portal-mode .client-brand-mark:before,
body.client-portal-mode .client-brand-mark:after,
body.client-portal-mode .client-health-logo.brand-mark:before,
body.client-portal-mode .client-health-logo.brand-mark:after{
  content:""!important;
  position:absolute!important;
  inset:7px!important;
  border:1px solid rgba(225,191,99,.45)!important;
  border-radius:14px!important;
  transform:rotate(45deg)!important;
  pointer-events:none!important;
}
body.client-portal-mode .client-brand-mark:after,
body.client-portal-mode .client-health-logo.brand-mark:after{
  inset:13px!important;
  border-color:rgba(225,191,99,.28)!important;
  transform:rotate(0deg)!important;
  border-radius:50%!important;
}
body.client-portal-mode .client-step-nav{
  display:grid!important;
  gap:20px!important;
  flex:1 1 auto!important;
  align-content:start!important;
}
body.client-portal-mode .client-nav-section{
  display:grid!important;
  gap:7px!important;
  padding-top:0!important;
  border-top:1px solid rgba(225,191,99,.16)!important;
}
body.client-portal-mode .client-nav-section:first-child{border-top:0!important;}
body.client-portal-mode .client-nav-section .nav-heading{
  font-size:10px!important;
  letter-spacing:.20em!important;
  text-transform:uppercase!important;
  color:var(--gold-2)!important;
  opacity:.82!important;
  font-weight:900!important;
  padding:0 10px!important;
}
body.client-portal-mode .portal-menu-link.nav-btn{
  width:100%!important;
  min-height:48px!important;
  border:1px solid transparent!important;
  border-radius:16px!important;
  background:transparent!important;
  color:var(--muted)!important;
  padding:12px 12px!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  text-align:left!important;
  font-family:var(--font-body)!important;
  font-weight:400!important;
  transition:var(--ease)!important;
}
body.client-portal-mode .portal-menu-link.nav-btn:hover{
  background:rgba(21,75,52,.38)!important;
  border-color:rgba(225,191,99,.12)!important;
  color:var(--text)!important;
}
body.client-portal-mode .portal-menu-link.nav-btn.active{
  position:relative!important;
  background:linear-gradient(135deg,rgba(15,77,53,.92),rgba(19,91,61,.74))!important;
  border-color:rgba(225,191,99,.50)!important;
  color:var(--text)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 15px 34px rgba(0,0,0,.18)!important;
}
body.client-portal-mode .portal-menu-link.nav-btn.active:after{
  content:""!important;
  position:absolute!important;
  right:-1px!important;
  top:10px!important;
  bottom:10px!important;
  width:3px!important;
  border-radius:999px!important;
  background:var(--gold-2)!important;
  box-shadow:0 0 16px rgba(225,191,99,.65)!important;
}
body.client-portal-mode .portal-nav-icon.nav-ico{
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  min-height:31px!important;
  max-width:31px!important;
  max-height:31px!important;
  flex:0 0 31px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(225,191,99,.08)!important;
  border:1px solid rgba(225,191,99,.16)!important;
  color:var(--gold-2)!important;
  font-weight:900!important;
  font-size:13px!important;
  line-height:1!important;
  overflow:hidden!important;
}
body.client-portal-mode .portal-nav-text{display:block!important;min-width:0!important;}
body.client-portal-mode .portal-nav-text strong{
  display:block!important;
  font-size:14px!important;
  font-weight:400!important;
  color:inherit!important;
  line-height:1.2!important;
}
body.client-portal-mode .portal-nav-text small{display:none!important;}
body.client-portal-mode .client-only-sidebar > .btn{
  border-color:rgba(225,191,99,.23)!important;
  background:rgba(128,128,128,.045)!important;
  color:var(--text)!important;
  border-radius:15px!important;
}
body.client-portal-mode .client-only-main{padding:30px 32px!important;}
body.client-portal-mode .client-section-head,
body.client-portal-mode .client-hero-panel,
body.client-portal-mode .portal-video-module,
body.client-portal-mode .journey-intro,
body.client-portal-mode .lesson-panel,
body.client-portal-mode .client-next-step-card,
body.client-portal-mode .portal-payment-card,
body.client-portal-mode .portal-payment-card .payment-mini-card,
body.client-portal-mode .portal-quiz,
body.client-portal-mode .portal-why-check-item,
body.client-portal-mode .portal-check-item,
body.client-portal-mode .support-panel,
body.client-portal-mode .readiness-card,
body.client-portal-mode .portal-review-card{
  border-color:rgba(225,191,99,.22)!important;
  background:linear-gradient(145deg,rgba(16,31,24,.96),rgba(10,22,17,.96))!important;
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 26px 80px rgba(0,0,0,.28)!important;
}
body.client-portal-mode .client-section-head h2,
body.client-portal-mode .client-hero-panel h1,
body.client-portal-mode .client-video-intro h3,
body.client-portal-mode .journey-intro h3,
body.client-portal-mode .lesson-panel h3,
body.client-portal-mode .client-next-step-card h3,
body.client-portal-mode .portal-payment-title h3,
body.client-portal-mode .payment-mini-card h4,
body.client-portal-mode .portal-quiz h4,
body.client-portal-mode .client-auth-brand h1{
  font-family:var(--font-display)!important;
  color:var(--text)!important;
  font-weight:500!important;
  letter-spacing:0!important;
}
body.client-portal-mode .client-section-head h2{font-size:clamp(34px,4vw,58px)!important;line-height:.98!important;}
body.client-portal-mode .client-hero-panel h1{font-size:clamp(34px,5vw,60px)!important;line-height:.98!important;}
body.client-portal-mode .spark,
body.client-portal-mode .kpi-label,
body.client-portal-mode .portal-payment-card .spark{
  color:var(--gold-2)!important;
  font-size:10px!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  font-weight:950!important;
}
body.client-portal-mode .video-placeholder,
body.client-portal-mode .course-video{
  border-color:rgba(225,191,99,.24)!important;
  background:linear-gradient(135deg,rgba(15,77,53,.36),rgba(225,191,99,.08))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
body.client-portal-mode .video-placeholder span{
  background:rgba(225,191,99,.08)!important;
  border:1px solid rgba(225,191,99,.30)!important;
  color:var(--gold-2)!important;
}
body.client-portal-mode .btn.primary{
  background:linear-gradient(135deg,#0a3f2b,#17764f 58%,#218c5d)!important;
  border-color:rgba(225,191,99,.42)!important;
  color:#fffbe9!important;
  box-shadow:0 0 0 1px rgba(225,191,99,.10),0 16px 40px rgba(15,77,53,.34)!important;
}
body.client-portal-mode .btn.ghost{
  border-color:rgba(225,191,99,.23)!important;
  background:rgba(128,128,128,.045)!important;
  color:var(--text)!important;
}
body.client-portal-mode .client-health-orb.advisor-logo-btn{
  width:68px!important;
  height:68px!important;
  border-radius:22px!important;
  border:1px solid rgba(225,191,99,.34)!important;
  background:linear-gradient(145deg,rgba(16,31,24,.96),rgba(10,22,17,.96))!important;
  box-shadow:0 26px 70px rgba(0,0,0,.36)!important;
  padding:4px!important;
}
body.client-portal-mode .client-health-orb.advisor-logo-btn .client-brand-mark{
  width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;flex:0 0 58px!important;
}
body.client-portal-mode .client-health-panel{
  border-color:rgba(225,191,99,.34)!important;
  background:linear-gradient(145deg,rgba(16,31,24,.98),rgba(10,22,17,.98))!important;
  box-shadow:0 30px 80px rgba(0,0,0,.42)!important;
}
body.client-portal-mode .client-health-head{border-bottom-color:var(--line)!important;}
body.client-portal-mode .client-health-head .client-health-logo.brand-mark{
  width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;flex:0 0 46px!important;border-radius:16px!important;font-size:24px!important;
}
@media(max-width:1120px){
  body.client-portal-mode .client-only-sidebar{position:relative!important;height:auto!important;}
  body.client-portal-mode .client-step-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  body.client-portal-mode .client-only-main{padding:16px!important;}
  body.client-portal-mode .client-step-nav{grid-template-columns:1fr!important;}
  body.client-portal-mode .client-brand-mark,
  body.client-portal-mode .client-auth-brand .client-brand-mark{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;flex-basis:52px!important;font-size:28px!important;}
}

/* Client sidebar double-line hotfix: keep one divider per section */
body.client-portal-mode .client-step-nav{
  gap:18px!important;
}
body.client-portal-mode .client-nav-section{
  border-top:0!important;
  border-bottom:1px solid var(--line)!important;
  padding-top:0!important;
  padding-bottom:18px!important;
}
body.client-portal-mode .client-nav-section:first-child{
  border-top:0!important;
}
body.client-portal-mode .client-nav-section:last-child{
  border-bottom:0!important;
  padding-bottom:0!important;
}


/* Payment progress bar fit hotfix */
.payment-progress-row .progress-track{
  height:8px !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  position:relative !important;
  overflow:hidden !important;
  border-radius:999px !important;
  line-height:0 !important;
}
.payment-progress-row .progress-track > span{
  display:block !important;
  height:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:inherit !important;
  line-height:0 !important;
  font-size:0 !important;
  position:relative !important;
  top:0 !important;
}

/* Client portal account/support cleanup */
body.client-portal-mode .portal-check-item,
body.client-portal-mode .portal-why-check-item{
  grid-template-columns:minmax(0,1fr) 38px !important;
  grid-template-areas:"title dot" "desc dot" !important;
  align-items:center !important;
}
body.client-portal-mode .portal-why-check-item .check-dot,
body.client-portal-mode .portal-check-item .check-dot{
  grid-area:dot !important;
  justify-self:end !important;
}
body.client-portal-mode .why-check-content{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  padding-right:10px !important;
}
body.client-portal-mode .portal-check-item strong{grid-area:title !important;}
body.client-portal-mode .portal-check-item small{grid-area:desc !important;}
body.client-portal-mode .portal-account-flow{
  display:grid;
  gap:16px;
  max-width:1050px;
}
body.client-portal-mode .portal-account-card{
  border:1px solid rgba(225,191,99,.22)!important;
  background:linear-gradient(145deg,rgba(16,31,24,.96),rgba(10,22,17,.96))!important;
  border-radius:24px;
  padding:20px;
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 26px 80px rgba(0,0,0,.28)!important;
}
body.client-portal-mode .account-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:14px;
}
body.client-portal-mode .account-card-head h3{
  margin:3px 0 6px;
  font-family:var(--font-display);
  font-size:clamp(24px,2.8vw,36px);
  font-weight:500;
  line-height:1;
}
body.client-portal-mode .portal-profile-grid,
body.client-portal-mode .payment-commit-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
body.client-portal-mode .payment-commit-grid > div{
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(225,191,99,.045);
  padding:12px;
}
body.client-portal-mode .payment-commit-grid span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px;}
body.client-portal-mode .payment-commit-grid strong{font-size:16px;}
body.client-portal-mode .process-steps{display:grid;gap:12px;}
body.client-portal-mode .process-steps > div{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px 12px;
  align-items:start;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(0,0,0,.14);
  padding:14px;
}
body.client-portal-mode .process-steps b{
  width:30px;height:30px;border-radius:12px;display:grid;place-items:center;
  background:rgba(225,191,99,.10);border:1px solid rgba(225,191,99,.25);color:var(--gold-2);
}
body.client-portal-mode .process-steps strong,
body.client-portal-mode .process-steps p,
body.client-portal-mode .process-steps a{grid-column:2;}
body.client-portal-mode .process-steps p{margin:0;color:var(--muted);line-height:1.45;}
body.client-portal-mode .support-chat-card{max-width:900px!important;gap:18px!important;}
body.client-portal-mode .support-open-chat{
  border:1px solid var(--line);
  border-radius:22px;
  background:rgba(0,0,0,.16);
  padding:16px;
  display:grid;
  gap:12px;
}
body.client-portal-mode .support-chat-bubble{
  max-width:460px;
  border:1px solid rgba(225,191,99,.24);
  background:rgba(225,191,99,.06);
  border-radius:18px 18px 18px 6px;
  padding:12px 14px;
}
body.client-portal-mode .support-chat-bubble strong{display:block;color:var(--gold-2);font-size:11px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:5px;}
body.client-portal-mode .support-chat-bubble p{margin:0;font-family:var(--font-display);font-size:28px;line-height:1.05;color:var(--text);}
body.client-portal-mode .support-open-chat textarea{
  width:100%;min-height:90px;border:1px solid var(--line);border-radius:18px;background:rgba(0,0,0,.18);color:var(--text);padding:14px;font:inherit;resize:vertical;
}
.agreement-preview-box{
  margin-top:16px;border:1px solid var(--line);border-radius:20px;padding:18px;background:rgba(225,191,99,.05);
}
.agreement-preview-box h3{margin-top:0;font-family:var(--font-display);font-size:30px;}
.agreement-preview-box li{margin:8px 0;color:var(--muted);}
@media(max-width:900px){
  body.client-portal-mode .portal-profile-grid,
  body.client-portal-mode .payment-commit-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.client-portal-mode .account-card-head{flex-direction:column;}
}
@media(max-width:620px){
  body.client-portal-mode .portal-profile-grid,
  body.client-portal-mode .payment-commit-grid{grid-template-columns:1fr;}
  body.client-portal-mode .portal-check-item,
  body.client-portal-mode .portal-why-check-item{grid-template-columns:minmax(0,1fr) 34px!important;}
}

/* Account setup: use the same left-step course structure as training */
body.client-portal-mode .portal-account-course-flow{
  grid-template-columns:minmax(260px,340px) minmax(0,1fr)!important;
  width:100%!important;
  max-width:none!important;
}
body.client-portal-mode .portal-account-main{
  width:100%!important;
  max-width:none!important;
  padding:20px!important;
  box-sizing:border-box!important;
}
body.client-portal-mode .portal-account-main .portal-video-module,
body.client-portal-mode .portal-account-main .portal-account-card,
body.client-portal-mode .portal-account-main .lesson-panel{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
body.client-portal-mode .portal-account-card.full{
  display:grid;
  gap:14px;
}
body.client-portal-mode .portal-account-flow{
  max-width:none!important;
  width:100%!important;
}
body.client-portal-mode .portal-account-side{
  align-self:start;
}
body.client-portal-mode .portal-account-main .portal-course-head h3{
  font-size:clamp(30px,3.2vw,46px)!important;
}
body.client-portal-mode .portal-profile-grid,
body.client-portal-mode .payment-commit-grid{
  width:100%;
}
body.client-portal-mode .portal-support-chat-inline{
  display:grid;
  gap:14px;
  border:1px solid var(--line);
  border-radius:18px;
  padding:14px;
  background:rgba(225,191,99,.045);
}
body.client-portal-mode .portal-support-chat-inline .chat-message{
  max-width:760px;
}
body.client-portal-mode .inline-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
@media(max-width:1080px){
  body.client-portal-mode .portal-account-course-flow{
    grid-template-columns:1fr!important;
  }
}

/* Client Support page: open chat without framed question/header bubble */
body.client-portal-mode .support-chat-card{
  max-width:900px!important;
  gap:18px!important;
}
body.client-portal-mode .support-open-chat{
  border:1px solid var(--line)!important;
  border-radius:22px!important;
  background:rgba(0,0,0,.16)!important;
  padding:16px!important;
  display:grid!important;
  gap:12px!important;
}
body.client-portal-mode .support-chat-messages{
  max-height:260px;
  overflow:auto;
  padding:0;
  border:0;
  background:transparent;
}
body.client-portal-mode .support-open-chat .advisor-msg.assistant:first-child p{
  font-family:var(--font-display);
  font-size:clamp(24px,2.8vw,34px);
  line-height:1.05;
  color:var(--text);
}
body.client-portal-mode .support-chat-bubble{display:none!important;}
body.client-portal-mode .support-open-chat textarea{
  width:100%!important;
  min-height:90px!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  background:rgba(0,0,0,.18)!important;
  color:var(--text)!important;
  padding:14px!important;
  font:inherit!important;
  resize:vertical!important;
}


/* ==========================================================
   Final layout consistency audit: admin/client parity
   - Client portal uses the same page shell rhythm as admin.
   - Sidebar stays pinned left on desktop.
   - Mobile uses a hamburger/drawer like the admin console.
   - Client cards/page framing inherit the shared admin card system.
   ========================================================== */
body.client-portal-mode .app-shell{
  display:grid !important;
  grid-template-columns:1fr !important;
  min-height:100vh !important;
}
body.client-portal-mode .main{
  padding:0 !important;
  min-height:100vh !important;
  width:100% !important;
}
body.client-portal-mode .view{
  min-height:100vh !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  gap:0 !important;
}
body.client-portal-mode .client-only-shell{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  min-height:100vh !important;
  display:grid !important;
  grid-template-columns:304px minmax(0,1fr) !important;
  background:radial-gradient(circle at 18% 10%,rgba(200,162,74,.10),transparent 28%),radial-gradient(circle at 90% 6%,rgba(47,122,87,.14),transparent 25%),linear-gradient(135deg,var(--bg),var(--bg-2)) !important;
}
body.client-portal-mode .client-only-sidebar{
  position:sticky !important;
  top:0 !important;
  left:0 !important;
  width:auto !important;
  height:100vh !important;
  padding:26px 20px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:22px !important;
  background:linear-gradient(180deg,var(--sidebar),var(--sidebar-2)) !important;
  border-right:1px solid var(--line) !important;
  box-shadow:none !important;
  overflow:auto !important;
  scrollbar-width:none !important;
  z-index:60 !important;
}
body.client-portal-mode .client-only-main{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  padding:26px !important;
  display:grid !important;
  gap:18px !important;
  align-content:start !important;
}
body.client-portal-mode .client-only-main > *{
  max-width:none !important;
}
body.client-portal-mode .client-brand-block{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  padding:0 6px 14px !important;
  border-bottom:1px solid var(--line) !important;
  margin:0 !important;
}
body.client-portal-mode .client-brand-block .brand-name{
  font-family:var(--font-display) !important;
  letter-spacing:.14em !important;
  font-size:18px !important;
  line-height:1 !important;
  color:var(--text) !important;
}
body.client-portal-mode .client-brand-block .brand-sub{
  font-size:10px !important;
  letter-spacing:.24em !important;
  color:var(--muted) !important;
  font-weight:800 !important;
  margin-top:3px !important;
}
body.client-portal-mode .client-step-nav{
  display:grid !important;
  gap:18px !important;
  flex:1 1 auto !important;
  align-content:start !important;
}
body.client-portal-mode .client-nav-section{
  display:grid !important;
  gap:7px !important;
  border-top:0 !important;
  border-bottom:1px solid var(--line) !important;
  padding:0 0 18px !important;
}
body.client-portal-mode .client-nav-section:last-child{
  border-bottom:0 !important;
  padding-bottom:0 !important;
}
body.client-portal-mode .portal-menu-link.nav-btn{
  width:100% !important;
  border:0 !important;
  border-radius:16px !important;
  background:transparent !important;
  color:var(--muted) !important;
  padding:12px 12px !important;
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  text-align:left !important;
  transition:var(--ease) !important;
  min-height:auto !important;
}
body.client-portal-mode .portal-menu-link.nav-btn:hover{
  background:rgba(200,162,74,.08) !important;
  border-color:transparent !important;
  color:var(--text) !important;
}
body.client-portal-mode .portal-menu-link.nav-btn.active{
  background:linear-gradient(135deg,rgba(47,122,87,.35),rgba(200,162,74,.16)) !important;
  color:var(--text) !important;
  box-shadow:inset 0 0 0 1px var(--line-strong) !important;
  border-color:transparent !important;
}
body.client-portal-mode .portal-menu-link.nav-btn.active:after{
  display:none !important;
}
body.client-portal-mode .portal-nav-icon.nav-ico,
body.client-portal-mode .nav-ico{
  width:31px !important;
  height:31px !important;
  min-width:31px !important;
  min-height:31px !important;
  max-width:31px !important;
  max-height:31px !important;
  flex:0 0 31px !important;
  border-radius:999px !important;
  display:grid !important;
  place-items:center !important;
  background:var(--chip) !important;
  border:0 !important;
  color:var(--gold) !important;
  font-weight:900 !important;
  font-size:13px !important;
  line-height:1 !important;
  overflow:hidden !important;
}
body.client-portal-mode .portal-nav-text strong{
  display:block !important;
  font-size:14px !important;
  font-weight:400 !important;
  color:inherit !important;
  line-height:1.2 !important;
}
body.client-portal-mode .portal-nav-text small{display:none !important;}
body.client-portal-mode .client-only-sidebar > .btn{
  border-color:var(--line) !important;
  background:var(--input) !important;
  color:var(--text) !important;
  border-radius:15px !important;
}
body.client-portal-mode .client-section-head,
body.client-portal-mode .client-hero-panel,
body.client-portal-mode .portal-video-module,
body.client-portal-mode .journey-intro,
body.client-portal-mode .lesson-panel,
body.client-portal-mode .client-next-step-card,
body.client-portal-mode .portal-payment-card,
body.client-portal-mode .portal-payment-card .payment-mini-card,
body.client-portal-mode .portal-quiz,
body.client-portal-mode .portal-why-check-item,
body.client-portal-mode .portal-check-item,
body.client-portal-mode .support-panel,
body.client-portal-mode .readiness-card,
body.client-portal-mode .portal-review-card,
body.client-portal-mode .portal-course-main,
body.client-portal-mode .portal-course-side,
body.client-portal-mode .portal-account-card{
  border:1px solid var(--line) !important;
  border-radius:var(--radius-lg) !important;
  background:linear-gradient(145deg,var(--panel),var(--panel-2)) !important;
  box-shadow:var(--shadow) !important;
}
body.client-portal-mode .client-section-head h2,
body.client-portal-mode .client-hero-panel h1,
body.client-portal-mode .client-video-intro h3,
body.client-portal-mode .journey-intro h3,
body.client-portal-mode .lesson-panel h3,
body.client-portal-mode .client-next-step-card h3,
body.client-portal-mode .portal-payment-title h3,
body.client-portal-mode .payment-mini-card h4,
body.client-portal-mode .portal-quiz h4,
body.client-portal-mode .portal-course-head h3,
body.client-portal-mode .portal-account-card h3{
  font-family:var(--font-display) !important;
  color:var(--text) !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
}
body.client-portal-mode .client-mobile-nav-toggle,
body.client-portal-mode .client-mobile-backdrop{
  display:none;
}

@media (max-width:1180px){
  body.client-portal-mode .client-only-shell{grid-template-columns:252px minmax(0,1fr) !important;}
  body.client-portal-mode .client-only-sidebar{padding:20px 14px !important;}
}
@media (max-width:900px){
  body.client-portal-mode .client-only-shell{grid-template-columns:1fr !important;}
  body.client-portal-mode .client-only-main{padding:72px 18px 18px !important;}
  body.client-portal-mode .client-mobile-nav-toggle{
    position:fixed !important;
    top:16px !important;
    left:16px !important;
    z-index:90 !important;
    display:grid !important;
    place-items:center !important;
    width:44px !important;
    height:44px !important;
    border:1px solid var(--line-strong) !important;
    border-radius:15px !important;
    background:linear-gradient(145deg,var(--panel),var(--panel-2)) !important;
    color:var(--gold) !important;
    box-shadow:var(--shadow) !important;
    font-weight:950 !important;
  }
  body.client-portal-mode .client-only-sidebar{
    position:fixed !important;
    inset:0 auto 0 0 !important;
    width:min(304px,86vw) !important;
    height:100vh !important;
    transform:translateX(-104%) !important;
    transition:transform .22s ease !important;
  }
  body.client-portal-mode.client-mobile-nav-open .client-only-sidebar{transform:translateX(0) !important;}
  body.client-portal-mode.client-mobile-nav-open .client-mobile-backdrop{
    display:block !important;
    position:fixed !important;
    inset:0 !important;
    z-index:55 !important;
    background:rgba(0,0,0,.54) !important;
    backdrop-filter:blur(2px) !important;
  }
}
@media (max-width:760px){
  body.client-portal-mode .client-only-main{padding:72px 16px 16px !important;}
}


/* Admin / Client final layout parity audit
   The client portal now reuses the same page shell, sidebar, topbar, card, and nav rhythm as admin. */
body.client-portal-mode .app-shell{
  display:block !important;
  min-height:100vh !important;
}
body.client-portal-mode .main{
  padding:0 !important;
  max-width:none !important;
  width:100% !important;
}
body.client-portal-mode .client-only-shell{
  min-height:100vh !important;
  display:grid !important;
  grid-template-columns:304px minmax(0,1fr) !important;
  gap:0 !important;
  align-items:stretch !important;
  background:transparent !important;
}
body.client-portal-mode .client-only-sidebar.sidebar{
  position:sticky !important;
  top:0 !important;
  height:100vh !important;
  padding:26px 20px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:22px !important;
  background:linear-gradient(180deg,var(--sidebar),var(--sidebar-2)) !important;
  border-right:1px solid var(--line) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:auto !important;
}
body.client-portal-mode .client-brand-block.brand-block{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  padding:0 6px 14px !important;
  border-bottom:1px solid var(--line) !important;
  margin:0 !important;
}
body.client-portal-mode .client-step-nav.nav{
  display:grid !important;
  gap:18px !important;
}
body.client-portal-mode .client-nav-section.nav-group{
  display:grid !important;
  gap:7px !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
}
body.client-portal-mode .client-nav-section + .client-nav-section{
  border-top:1px solid var(--line) !important;
  padding-top:18px !important;
}
body.client-portal-mode .client-only-sidebar .nav-heading{
  font-size:10px !important;
  letter-spacing:.20em !important;
  text-transform:uppercase !important;
  color:var(--soft) !important;
  font-weight:900 !important;
  padding:0 10px !important;
  margin:0 !important;
}
body.client-portal-mode .portal-menu-link.nav-btn{
  width:100% !important;
  border:0 !important;
  border-radius:16px !important;
  background:transparent !important;
  color:var(--muted) !important;
  padding:12px 12px !important;
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  text-align:left !important;
  transition:var(--ease) !important;
  min-height:auto !important;
  box-shadow:none !important;
}
body.client-portal-mode .portal-menu-link.nav-btn:hover{
  background:rgba(200,162,74,.08) !important;
  color:var(--text) !important;
}
body.client-portal-mode .portal-menu-link.nav-btn.active{
  background:linear-gradient(135deg,rgba(47,122,87,.35),rgba(200,162,74,.16)) !important;
  color:var(--text) !important;
  box-shadow:inset 0 0 0 1px var(--line-strong) !important;
}
body.client-portal-mode .portal-menu-link.nav-btn.active:after{display:none !important;}
body.client-portal-mode .portal-nav-icon.nav-ico{
  width:31px !important;
  height:31px !important;
  min-width:31px !important;
  border-radius:12px !important;
  display:grid !important;
  place-items:center !important;
  background:var(--chip) !important;
  color:var(--gold) !important;
  font-weight:900 !important;
  border:0 !important;
  box-shadow:none !important;
}
body.client-portal-mode .portal-nav-text strong{
  font:inherit !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  color:inherit !important;
}
body.client-portal-mode .portal-nav-text small{display:none !important;}
body.client-portal-mode .client-user-card{margin-top:auto !important;}
body.client-portal-mode .client-only-sidebar > .btn{
  flex:0 0 auto !important;
}
body.client-portal-mode .client-only-main.main{
  min-width:0 !important;
  padding:26px !important;
}
body.client-portal-mode .client-topbar.topbar{
  display:flex !important;
  justify-content:space-between !important;
  gap:20px !important;
  align-items:flex-start !important;
  margin-bottom:22px !important;
}
body.client-portal-mode .client-topbar .title-wrap h1{
  font-family:var(--font-display) !important;
  font-size:44px !important;
  line-height:1 !important;
  margin:8px 0 8px !important;
  color:var(--text) !important;
  font-weight:700 !important;
}
body.client-portal-mode .client-topbar .title-wrap p{margin:0 !important;color:var(--muted) !important;}
body.client-portal-mode .client-topbar .top-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}
body.client-portal-mode .client-portal-view.view{
  display:grid !important;
  gap:18px !important;
  max-width:none !important;
  width:100% !important;
}
body.client-portal-mode .client-section-head,
body.client-portal-mode .client-hero-panel,
body.client-portal-mode .portal-video-module,
body.client-portal-mode .journey-intro,
body.client-portal-mode .lesson-panel,
body.client-portal-mode .client-next-step-card,
body.client-portal-mode .portal-payment-card,
body.client-portal-mode .portal-payment-card .payment-mini-card,
body.client-portal-mode .portal-quiz,
body.client-portal-mode .portal-why-check-item,
body.client-portal-mode .portal-check-item,
body.client-portal-mode .support-panel,
body.client-portal-mode .readiness-card,
body.client-portal-mode .portal-review-card,
body.client-portal-mode .portal-account-card,
body.client-portal-mode .portal-course-side,
body.client-portal-mode .portal-course-main{
  border:1px solid var(--line) !important;
  border-radius:var(--radius-lg) !important;
  background:linear-gradient(145deg,var(--panel),var(--panel-2)) !important;
  box-shadow:var(--shadow) !important;
}
body.client-portal-mode .client-section-head h2,
body.client-portal-mode .client-hero-panel h1,
body.client-portal-mode .client-video-intro h3,
body.client-portal-mode .journey-intro h3,
body.client-portal-mode .lesson-panel h3,
body.client-portal-mode .client-next-step-card h3,
body.client-portal-mode .portal-payment-title h3,
body.client-portal-mode .payment-mini-card h4,
body.client-portal-mode .portal-quiz h4{
  font-family:var(--font-display) !important;
  color:var(--text) !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
}
body.client-portal-mode .client-section-head h2,
body.client-portal-mode .client-hero-panel h1{
  font-size:44px !important;
  line-height:1 !important;
}
body.client-portal-mode .video-placeholder,
body.client-portal-mode .course-video{
  border-color:var(--line) !important;
  background:rgba(128,128,128,.045) !important;
  box-shadow:none !important;
}
body.client-portal-mode .btn.primary{
  background:linear-gradient(135deg,var(--green),var(--green-2)) !important;
  color:#fff !important;
  box-shadow:0 14px 34px rgba(47,122,87,.22) !important;
  border-color:transparent !important;
}
body.client-portal-mode .btn.ghost{
  background:var(--input) !important;
  border-color:var(--line) !important;
  color:var(--text) !important;
}
body.client-portal-mode .client-health-orb.advisor-logo-btn{
  width:68px !important;
  height:68px !important;
  border-radius:22px !important;
  border:1px solid var(--line) !important;
  background:linear-gradient(145deg,var(--panel),var(--panel-2)) !important;
  box-shadow:var(--shadow) !important;
  padding:4px !important;
}
@media(max-width:980px){
  body.client-portal-mode .client-only-shell{grid-template-columns:1fr !important;}
  body.client-portal-mode .client-only-sidebar.sidebar{
    position:fixed !important;
    inset:0 auto 0 0 !important;
    z-index:60 !important;
    width:min(304px,86vw) !important;
    transform:translateX(-105%) !important;
    transition:var(--ease) !important;
  }
  body.client-mobile-nav-open.client-portal-mode .client-only-sidebar.sidebar{transform:translateX(0) !important;}
  body.client-portal-mode .client-mobile-nav-toggle{display:grid !important;}
  body.client-portal-mode .client-mobile-backdrop{
    position:fixed !important;inset:0 !important;background:rgba(0,0,0,.45) !important;z-index:55 !important;
  }
  body.client-mobile-nav-open.client-portal-mode .client-mobile-backdrop{display:block !important;}
  body.client-portal-mode .client-only-main.main{padding:76px 16px 16px !important;}
  body.client-portal-mode .client-topbar.topbar{display:grid !important;}
  body.client-portal-mode .client-topbar .top-actions{justify-content:flex-start !important;}
  body.client-portal-mode .client-topbar .search-box{min-width:0 !important;width:100% !important;}
}
@media(max-width:760px){
  body.client-portal-mode .client-section-head h2,
  body.client-portal-mode .client-hero-panel h1,
  body.client-portal-mode .client-topbar .title-wrap h1{font-size:34px !important;}
}


/* V3 parity hardening: client portal uses the admin shell, mobile menu, and card rhythm */
body.client-portal-mode .client-only-shell{
  display:grid !important;
  grid-template-columns:304px minmax(0,1fr) !important;
  min-height:100vh !important;
  width:100% !important;
  max-width:100vw !important;
  overflow-x:hidden !important;
}
body.client-portal-mode .client-only-sidebar.sidebar{
  width:304px !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:linear-gradient(180deg,var(--sidebar),var(--sidebar-2)) !important;
}
body.client-portal-mode .client-only-main.main{
  padding:26px !important;
  min-width:0 !important;
  width:100% !important;
  overflow-x:hidden !important;
}
body.client-portal-mode .client-topbar.topbar,
body.client-portal-mode .client-portal-view.view{
  width:100% !important;
  max-width:1480px !important;
  margin-left:0 !important;
  margin-right:auto !important;
}
body.client-portal-mode .client-topbar.topbar{
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-start !important;
  gap:20px !important;
  margin-bottom:22px !important;
}
body.client-portal-mode .client-topbar .top-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}
body.client-portal-mode .client-topbar .theme-toggle.premium-theme-toggle{
  height:40px !important;
  align-items:center !important;
  padding:3px !important;
  border-color:rgba(225,191,99,.36) !important;
  background:rgba(8,18,13,.72) !important;
  width:auto !important;
  min-width:128px !important;
}
body.client-portal-mode .client-topbar .theme-toggle.premium-theme-toggle button{
  height:32px !important;
  min-width:58px !important;
  padding:0 14px !important;
  font-size:12px !important;
  line-height:1 !important;
}
body.client-portal-mode .client-topbar .theme-toggle.premium-theme-toggle button.active{
  background:linear-gradient(135deg,var(--gold),var(--gold-2)) !important;
  color:#10160f !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 8px 22px rgba(184,137,46,.20) !important;
}
body.client-portal-mode .client-mobile-nav-toggle,
body.client-portal-mode .client-mobile-backdrop{
  display:none !important;
}
body.client-portal-mode .client-section-page{
  display:grid !important;
  gap:18px !important;
  width:100% !important;
  max-width:100% !important;
}
body.client-portal-mode .client-section-head{
  min-height:0 !important;
  height:auto !important;
  padding:18px !important;
  align-items:flex-start !important;
}
body.client-portal-mode .client-section-head h2{
  font-size:clamp(30px,3vw,44px) !important;
  line-height:1 !important;
  margin:6px 0 0 !important;
}
body.client-portal-mode .section-support .client-section-head,
body.client-portal-mode .section-access-checklist .client-section-head,
body.client-portal-mode .section-readiness-review .client-section-head{
  display:none !important;
}
body.client-portal-mode .support-chat-card{
  width:100% !important;
  max-width:900px !important;
  min-height:0 !important;
  padding:18px !important;
  display:grid !important;
  gap:14px !important;
}
body.client-portal-mode .support-chat-card .section-head.compact{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
body.client-portal-mode .support-chat-card .section-head.compact h3{
  font-family:var(--font-display) !important;
  font-size:clamp(26px,3vw,38px) !important;
  line-height:1.02 !important;
  margin:5px 0 8px !important;
}
body.client-portal-mode .support-open-chat{
  border:1px solid var(--line) !important;
  border-radius:20px !important;
  background:var(--input) !important;
  padding:14px !important;
  display:grid !important;
  gap:12px !important;
}
body.client-portal-mode .support-chat-messages{
  max-height:220px !important;
  min-height:78px !important;
  overflow:auto !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
}
body.client-portal-mode .support-open-chat .advisor-msg.assistant:first-child p{
  font-family:var(--font-ui) !important;
  font-size:14px !important;
  line-height:1.5 !important;
  color:var(--text) !important;
}
body.client-portal-mode .support-open-chat textarea{
  min-height:110px !important;
  width:100% !important;
  background:var(--input) !important;
  border:1px solid var(--line) !important;
  border-radius:18px !important;
  color:var(--text) !important;
}
body.client-portal-mode .readiness-grid,
body.client-portal-mode .portal-checklist-grid{
  width:100% !important;
  max-width:100% !important;
}
body.client-portal-mode .section-readiness-review .journey-intro,
body.client-portal-mode .section-access-checklist .journey-intro{
  padding:18px !important;
}
@media (max-width:980px){
  body.client-portal-mode .client-only-shell{
    display:block !important;
  }
  body.client-portal-mode .client-only-sidebar.sidebar{
    position:fixed !important;
    inset:0 auto 0 0 !important;
    z-index:60 !important;
    width:min(304px,86vw) !important;
    height:100vh !important;
    transform:translateX(-105%) !important;
    transition:var(--ease) !important;
  }
  body.client-portal-mode.mobile-nav-open .client-only-sidebar.sidebar,
  body.client-portal-mode.client-mobile-nav-open .client-only-sidebar.sidebar{
    transform:translateX(0) !important;
  }
  body.client-portal-mode #mobileNavBackdrop[hidden]{display:none !important;}
  body.client-portal-mode.mobile-nav-open #mobileNavBackdrop,
  body.client-portal-mode.client-mobile-nav-open #mobileNavBackdrop{
    display:block !important;
  }
  body.client-portal-mode .client-only-main.main{
    padding:76px 16px 16px !important;
  }
  body.client-portal-mode .client-topbar.topbar{
    display:grid !important;
    gap:16px !important;
  }
  body.client-portal-mode .client-topbar .top-actions{
    justify-content:flex-start !important;
    width:100% !important;
  }
  body.client-portal-mode .client-topbar .search-box{
    width:min(100%,420px) !important;
    min-width:0 !important;
  }
}
@media (max-width:760px){
  body.client-portal-mode .client-topbar .theme-toggle,
  body.client-portal-mode .client-topbar .theme-toggle.premium-theme-toggle{
    display:none !important;
  }
  body.client-portal-mode .client-topbar .top-actions .btn.primary{
    width:auto !important;
  }
  body.client-portal-mode .client-section-head h2,
  body.client-portal-mode .client-hero-panel h1,
  body.client-portal-mode .client-topbar .title-wrap h1{
    font-size:34px !important;
  }
  body.client-portal-mode .support-chat-card{
    max-width:100% !important;
  }
  body.client-portal-mode .support-open-chat .row-actions{
    flex-direction:column !important;
    align-items:stretch !important;
  }
  body.client-portal-mode .support-open-chat .row-actions .btn{
    width:100% !important;
  }
}


/* =========================================================
   V3 CLIENT PORTAL RESPONSIVE PARITY WITH ADMIN SHELL
   Matches the admin resize behavior shown in adminExample.mp4:
   desktop fixed left nav -> compressed left nav -> mobile appbar + drawer.
   ========================================================= */
body.client-portal-mode{
  overflow-x:hidden !important;
}
body.client-portal-mode .app-shell{
  display:block !important;
  min-height:100vh !important;
}
body.client-portal-mode .main{
  padding:0 !important;
  width:100% !important;
  max-width:none !important;
}
body.client-portal-mode .client-only-shell{
  display:grid !important;
  grid-template-columns:304px minmax(0,1fr) !important;
  gap:0 !important;
  align-items:stretch !important;
  min-height:100vh !important;
  width:100% !important;
  max-width:100vw !important;
  overflow-x:hidden !important;
  background:transparent !important;
}
body.client-portal-mode .client-only-sidebar.sidebar{
  position:sticky !important;
  top:0 !important;
  left:auto !important;
  bottom:auto !important;
  width:304px !important;
  height:100vh !important;
  transform:none !important;
  z-index:auto !important;
  padding:26px 20px !important;
  border-radius:0 !important;
  border-right:1px solid var(--line) !important;
  background:linear-gradient(180deg,var(--sidebar),var(--sidebar-2)) !important;
  box-shadow:none !important;
  overflow:auto !important;
  scrollbar-width:none !important;
}
body.client-portal-mode .client-only-sidebar.sidebar::-webkit-scrollbar{display:none !important;}
body.client-portal-mode .client-only-main.main{
  padding:26px !important;
  min-width:0 !important;
  width:100% !important;
  max-width:none !important;
  overflow-x:hidden !important;
  display:grid !important;
  gap:18px !important;
  align-content:start !important;
}
body.client-portal-mode .client-topbar.topbar,
body.client-portal-mode .client-portal-view.view{
  width:100% !important;
  max-width:1480px !important;
  margin:0 auto 0 0 !important;
}
body.client-portal-mode .client-topbar.topbar{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:20px !important;
  margin-bottom:4px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
body.client-portal-mode .client-topbar .top-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}
body.client-portal-mode .client-topbar .search-box{
  min-width:300px !important;
  width:auto !important;
  max-width:420px !important;
}
body.client-portal-mode .client-topbar .theme-toggle.premium-theme-toggle{
  display:flex !important;
  padding:4px !important;
  border:1px solid var(--line) !important;
  border-radius:999px !important;
  background:var(--input) !important;
  height:auto !important;
  min-width:0 !important;
}
body.client-portal-mode .client-topbar .theme-toggle.premium-theme-toggle button{
  border:0 !important;
  background:transparent !important;
  color:var(--muted) !important;
  border-radius:999px !important;
  padding:8px 12px !important;
  min-width:0 !important;
  height:auto !important;
  font-weight:900 !important;
  font-size:12px !important;
}
body.client-portal-mode .client-topbar .theme-toggle.premium-theme-toggle button.active{
  background:var(--green) !important;
  color:#fff !important;
  box-shadow:0 8px 22px rgba(47,122,87,.25) !important;
}
body.client-portal-mode .client-section-page,
body.client-portal-mode .client-hero-panel,
body.client-portal-mode .client-video-intro,
body.client-portal-mode .client-next-step-card,
body.client-portal-mode .portal-payment-card,
body.client-portal-mode .portal-course-flow,
body.client-portal-mode .portal-account-flow,
body.client-portal-mode .portal-checklist-grid,
body.client-portal-mode .readiness-grid,
body.client-portal-mode .support-chat-card{
  width:100% !important;
  max-width:100% !important;
}
body.client-portal-mode .client-section-head,
body.client-portal-mode .journey-intro,
body.client-portal-mode .support-chat-card,
body.client-portal-mode .portal-course-main,
body.client-portal-mode .portal-account-main,
body.client-portal-mode .portal-course-side,
body.client-portal-mode .portal-account-side,
body.client-portal-mode .portal-review-card,
body.client-portal-mode .portal-check-item,
body.client-portal-mode .portal-why-check-item,
body.client-portal-mode .readiness-card{
  min-height:0 !important;
}
body.client-portal-mode .section-support .client-section-head,
body.client-portal-mode .section-access-checklist .client-section-head,
body.client-portal-mode .section-readiness-review .client-section-head{
  display:none !important;
}
body.client-portal-mode .section-support,
body.client-portal-mode .section-access-checklist,
body.client-portal-mode .section-readiness-review{
  gap:18px !important;
}
body.client-portal-mode .support-chat-card{
  max-width:900px !important;
  padding:18px !important;
  display:grid !important;
  gap:14px !important;
  align-content:start !important;
}
body.client-portal-mode .support-chat-card .section-head.compact{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
body.client-portal-mode .support-chat-card .section-head.compact h3{
  font-size:clamp(28px,3vw,42px) !important;
  line-height:1 !important;
  margin:4px 0 8px !important;
}
body.client-portal-mode .support-open-chat{
  padding:14px !important;
  border:1px solid var(--line) !important;
  border-radius:20px !important;
  background:var(--input) !important;
  display:grid !important;
  gap:12px !important;
}
body.client-portal-mode .support-chat-messages{
  min-height:64px !important;
  max-height:220px !important;
  overflow:auto !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
body.client-portal-mode .support-open-chat textarea{
  min-height:110px !important;
}
body.client-portal-mode .client-mobile-nav-toggle,
body.client-portal-mode .client-mobile-backdrop{
  display:none !important;
}

@media (max-width:1180px){
  body.client-portal-mode .client-only-shell{
    grid-template-columns:252px minmax(0,1fr) !important;
  }
  body.client-portal-mode .client-only-sidebar.sidebar{
    width:252px !important;
    padding:20px 14px !important;
  }
  body.client-portal-mode .client-only-main.main{
    padding:24px !important;
  }
  body.client-portal-mode .client-topbar .search-box{
    min-width:260px !important;
    max-width:360px !important;
  }
  body.client-portal-mode .brand-name{font-size:15px !important;}
  body.client-portal-mode .brand-sub{font-size:8.5px !important;}
}

@media (max-width:920px){
  body.client-portal-mode{
    padding-top:60px !important;
  }
  body.client-portal-mode .mobile-appbar{
    display:flex !important;
  }
  body.client-portal-mode .app-shell,
  body.client-portal-mode .client-only-shell{
    display:block !important;
    min-height:auto !important;
  }
  body.client-portal-mode .client-only-sidebar.sidebar{
    position:fixed !important;
    z-index:1000 !important;
    top:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:min(86vw,320px) !important;
    height:100dvh !important;
    transform:translateX(-105%) !important;
    transition:transform 220ms ease !important;
    box-shadow:0 30px 90px rgba(0,0,0,.45) !important;
    padding:20px 16px !important;
  }
  body.client-portal-mode.mobile-nav-open .client-only-sidebar.sidebar,
  body.client-portal-mode.client-mobile-nav-open .client-only-sidebar.sidebar{
    transform:translateX(0) !important;
  }
  body.client-portal-mode #mobileNavBackdrop{
    position:fixed !important;
    inset:0 !important;
    z-index:950 !important;
    display:block !important;
    background:rgba(0,0,0,.55) !important;
    backdrop-filter:blur(3px) !important;
  }
  body.client-portal-mode #mobileNavBackdrop[hidden]{display:none !important;}
  body.client-portal-mode .client-only-main.main{
    padding:18px 14px 16px !important;
    width:100% !important;
  }
  body.client-portal-mode .client-topbar.topbar{
    display:block !important;
    margin-bottom:18px !important;
    padding:0 !important;
  }
  body.client-portal-mode .client-topbar .title-wrap h1{
    font-size:clamp(1.6rem,8vw,2.4rem) !important;
    line-height:1.04 !important;
  }
  body.client-portal-mode .client-topbar .title-wrap p{font-size:.86rem !important;}
  body.client-portal-mode .client-topbar .top-actions{
    margin-top:14px !important;
    display:grid !important;
    grid-template-columns:1fr auto !important;
    gap:10px !important;
    align-items:center !important;
    justify-content:stretch !important;
    width:100% !important;
  }
  body.client-portal-mode .client-topbar .search-box{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
  }
  body.client-portal-mode .client-topbar .theme-toggle,
  body.client-portal-mode .client-topbar .theme-toggle.premium-theme-toggle{
    display:none !important;
  }
  body.client-portal-mode .client-topbar .top-actions .btn.primary{
    width:auto !important;
    white-space:nowrap !important;
  }
  body.client-portal-mode .client-portal-view.view{
    max-width:none !important;
  }
}

@media (max-width:760px){
  body.client-portal-mode .client-topbar .top-actions{
    grid-template-columns:1fr auto !important;
  }
  body.client-portal-mode .client-section-head h2,
  body.client-portal-mode .client-hero-panel h1,
  body.client-portal-mode .client-topbar .title-wrap h1{
    font-size:34px !important;
  }
  body.client-portal-mode .client-hero-panel,
  body.client-portal-mode .client-video-intro,
  body.client-portal-mode .client-next-step-card,
  body.client-portal-mode .portal-payment-card,
  body.client-portal-mode .portal-course-flow,
  body.client-portal-mode .portal-account-flow{
    grid-template-columns:1fr !important;
  }
  body.client-portal-mode .support-chat-card{
    max-width:100% !important;
  }
  body.client-portal-mode .support-open-chat .row-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    align-items:stretch !important;
  }
  body.client-portal-mode .support-open-chat .row-actions .btn{
    width:100% !important;
  }
}

@media (max-width:520px){
  body.client-portal-mode .client-topbar .top-actions{
    grid-template-columns:1fr auto !important;
  }
  body.client-portal-mode .client-topbar .top-actions .btn.primary{
    padding-inline:12px !important;
  }
  body.client-portal-mode .client-hero-panel,
  body.client-portal-mode .client-video-intro,
  body.client-portal-mode .client-next-step-card,
  body.client-portal-mode .portal-payment-card,
  body.client-portal-mode .card{
    border-radius:22px !important;
  }
}

/* =========================================================
   CLIENT PORTAL PADDING / FRAMING PARITY HOTFIX
   Tightens Portal Home, Access Checklist, and Readiness Review
   so they match the compact Account Setup / training module rhythm.
   ========================================================= */
body.client-portal-mode .client-portal-view.view{
  gap:18px !important;
}
body.client-portal-mode .client-section-page{
  gap:18px !important;
  align-content:start !important;
}
body.client-portal-mode .client-section-head,
body.client-portal-mode .client-hero-panel,
body.client-portal-mode .client-video-intro,
body.client-portal-mode .portal-video-module,
body.client-portal-mode .journey-intro.card,
body.client-portal-mode .portal-payment-card,
body.client-portal-mode .client-next-step-card,
body.client-portal-mode .portal-review-card,
body.client-portal-mode .support-chat-card{
  min-height:0 !important;
  height:auto !important;
  padding:18px !important;
  align-content:start !important;
}
body.client-portal-mode .client-hero-panel,
body.client-portal-mode .client-video-intro,
body.client-portal-mode .portal-video-module{
  align-items:center !important;
}
body.client-portal-mode .journey-intro.card{
  display:block !important;
}
body.client-portal-mode .journey-intro.card h3,
body.client-portal-mode .client-video-intro h3,
body.client-portal-mode .portal-video-module h3,
body.client-portal-mode .client-hero-panel h1{
  margin-top:6px !important;
  margin-bottom:8px !important;
}
body.client-portal-mode .journey-intro.card p,
body.client-portal-mode .client-video-intro p,
body.client-portal-mode .portal-video-module p,
body.client-portal-mode .client-hero-panel p{
  margin-bottom:0 !important;
}
body.client-portal-mode .client-video-intro,
body.client-portal-mode .portal-video-module{
  grid-template-columns:minmax(240px,420px) minmax(0,1fr) !important;
}
body.client-portal-mode .video-placeholder,
body.client-portal-mode .video-placeholder.course-video{
  min-height:180px !important;
}
body.client-portal-mode .section-access-checklist .journey-intro,
body.client-portal-mode .section-readiness-review .journey-intro,
body.client-portal-mode #portal-home.client-hero-panel{
  padding:18px !important;
  min-height:0 !important;
}
body.client-portal-mode .section-access-checklist .portal-video-module,
body.client-portal-mode .section-readiness-review .portal-video-module{
  padding:18px !important;
  min-height:0 !important;
}
body.client-portal-mode .section-access-checklist .portal-checklist-grid,
body.client-portal-mode .section-readiness-review .readiness-grid{
  margin-top:0 !important;
}
body.client-portal-mode .portal-checklist-grid,
body.client-portal-mode .readiness-grid{
  gap:14px !important;
}
body.client-portal-mode .portal-check-item,
body.client-portal-mode .readiness-card{
  padding:16px !important;
  min-height:0 !important;
}
body.client-portal-mode .section-support .support-chat-card{
  max-width:min(900px,100%) !important;
}
@media (max-width:760px){
  body.client-portal-mode .client-section-head,
  body.client-portal-mode .client-hero-panel,
  body.client-portal-mode .client-video-intro,
  body.client-portal-mode .portal-video-module,
  body.client-portal-mode .journey-intro.card,
  body.client-portal-mode .portal-payment-card,
  body.client-portal-mode .client-next-step-card,
  body.client-portal-mode .portal-review-card,
  body.client-portal-mode .support-chat-card{
    padding:16px !important;
  }
  body.client-portal-mode .client-video-intro,
  body.client-portal-mode .portal-video-module{
    grid-template-columns:1fr !important;
  }
  body.client-portal-mode .video-placeholder,
  body.client-portal-mode .video-placeholder.course-video{
    min-height:150px !important;
  }
}


/* Client portal nav/theme parity cleanup */
body.client-portal-mode .client-user-card{
  display:none !important;
}
body.client-portal-mode .client-topbar .theme-toggle.premium-theme-toggle{
  display:inline-flex !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  height:40px !important;
  padding:3px !important;
  gap:0 !important;
  border:1px solid rgba(225,191,99,.36) !important;
  border-radius:999px !important;
  background:rgba(8,18,13,.72) !important;
  box-shadow:none !important;
}
body.client-portal-mode .client-topbar .theme-toggle.premium-theme-toggle button{
  width:auto !important;
  min-width:58px !important;
  height:32px !important;
  padding:0 14px !important;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  color:var(--muted) !important;
  font-size:12px !important;
  font-weight:900 !important;
  line-height:1 !important;
}
body.client-portal-mode .client-topbar .theme-toggle.premium-theme-toggle button.active{
  background:linear-gradient(135deg,var(--gold),var(--gold-2)) !important;
  color:#10160f !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 8px 22px rgba(184,137,46,.20) !important;
}
@media(max-width:760px){
  body.client-portal-mode .client-topbar .theme-toggle.premium-theme-toggle,
  body.client-portal-mode .client-topbar .theme-toggle{
    display:none !important;
  }
}

/* Client portal support: keep the Growth Advisor input full-width under the message */
body.client-portal-mode .support-open-chat.advisor-chat-form,
body.client-portal-mode form.support-open-chat{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  width:100% !important;
  max-width:100% !important;
}
body.client-portal-mode .support-open-chat .support-chat-messages,
body.client-portal-mode .support-open-chat .advisor-messages{
  width:100% !important;
  max-width:100% !important;
  flex:0 0 auto !important;
}
body.client-portal-mode .support-open-chat textarea{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  min-height:132px !important;
  box-sizing:border-box !important;
  flex:0 0 auto !important;
  margin:0 !important;
}
body.client-portal-mode .support-open-chat .row-actions{
  width:100% !important;
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
  gap:10px !important;
}

/* Client portal support action layout: quick questions, full-width input, send right, Discord below left */
body.client-portal-mode .support-quick-questions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  width:100% !important;
  margin:0 0 10px !important;
}
body.client-portal-mode .quick-question-chip{
  appearance:none !important;
  border:1px solid var(--line-strong) !important;
  background:rgba(8,24,16,.78) !important;
  color:var(--text) !important;
  border-radius:999px !important;
  padding:10px 14px !important;
  font-size:12px !important;
  font-weight:900 !important;
  cursor:pointer !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}
body.client-portal-mode .quick-question-chip:hover{
  border-color:rgba(214,174,72,.7) !important;
  background:rgba(21,82,55,.72) !important;
  transform:translateY(-1px) !important;
}
body.client-portal-mode .support-open-chat .support-send-row{
  width:100% !important;
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  margin-top:0 !important;
}
body.client-portal-mode .support-open-chat .support-send-row .btn{
  min-width:112px !important;
}
body.client-portal-mode .support-open-chat .support-secondary-row{
  width:100% !important;
  display:flex !important;
  justify-content:flex-start !important;
  align-items:center !important;
  margin-top:0 !important;
}
body.client-portal-mode .support-open-chat .row-actions{
  display:none !important;
}
@media(max-width:760px){
  body.client-portal-mode .support-open-chat .support-send-row{
    justify-content:stretch !important;
  }
  body.client-portal-mode .support-open-chat .support-send-row .btn,
  body.client-portal-mode .support-open-chat .support-secondary-row .btn{
    width:100% !important;
  }
}

/* Computer Setup course flow: left stepper + right detail, matching learning modules */
body.client-portal-mode .portal-platform-course-flow{
  grid-template-columns:minmax(260px,340px) minmax(0,1fr)!important;
  width:100%!important;
  max-width:none!important;
}
body.client-portal-mode .portal-platform-main{
  width:100%!important;
  max-width:none!important;
  padding:20px!important;
  box-sizing:border-box!important;
}
body.client-portal-mode .portal-platform-side{
  align-self:start;
}
body.client-portal-mode .portal-platform-main .portal-video-module,
body.client-portal-mode .portal-platform-main .lesson-panel,
body.client-portal-mode .platform-detail-card{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
body.client-portal-mode .platform-detail-card{
  display:grid;
  gap:14px;
  border:1px solid rgba(225,191,99,.22)!important;
  background:linear-gradient(145deg,rgba(16,31,24,.96),rgba(10,22,17,.96))!important;
  border-radius:24px;
  padding:20px;
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 26px 80px rgba(0,0,0,.20)!important;
}
body.client-portal-mode .platform-detail-card h3{
  margin:0;
  font-family:var(--font-display);
  font-size:clamp(24px,2.5vw,36px);
  line-height:1.02;
}
body.client-portal-mode .platform-detail-card p{
  margin:0;
  line-height:1.55;
}
body.client-portal-mode .platform-os-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
body.client-portal-mode .platform-steps{
  display:grid;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}
body.client-portal-mode .platform-steps li{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:4px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(0,0,0,.14);
  padding:12px 14px;
}
body.client-portal-mode .platform-steps strong{
  color:var(--text);
  font-size:14px;
}
body.client-portal-mode .platform-steps span{
  color:var(--muted);
  line-height:1.45;
}
body.client-portal-mode .platform-action-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
body.client-portal-mode .platform-score-field{
  margin-top:2px;
  max-width:360px;
}
body.client-portal-mode .platform-score-field input{
  width:100%;
}
body.client-portal-mode code{
  color:var(--gold-2);
  background:rgba(225,191,99,.10);
  border:1px solid rgba(225,191,99,.20);
  border-radius:8px;
  padding:2px 6px;
}
@media(max-width:1080px){
  body.client-portal-mode .portal-platform-course-flow{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:780px){
  body.client-portal-mode .platform-os-grid{
    grid-template-columns:1fr;
  }
  body.client-portal-mode .platform-action-row .btn,
  body.client-portal-mode .platform-action-row a.btn{
    width:100%;
  }
}

/* Computer Setup completion action sits with the task content, not the main navigation CTA. */
.computer-why-grid{
  grid-template-columns:1fr;
}
.step-complete-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:12px 0 2px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(128,128,128,.035);
  color:var(--muted);
  font-size:13px;
}
.step-complete-row .step-complete-btn{
  flex:0 0 auto;
  opacity:.9;
}
.step-complete-row .step-complete-btn.is-complete{
  border-color:rgba(47,122,87,.5);
  color:var(--ok);
}
@media (max-width: 720px){
  .step-complete-row{
    align-items:flex-start;
    flex-direction:column;
  }
  .step-complete-row .step-complete-btn{
    width:100%;
  }
}

/* Interactive learning labs: VEGA + HELIOS */
.interactive-lab{margin:18px 0;padding:20px;border-radius:var(--radius-lg);background:linear-gradient(145deg,var(--panel),var(--panel-2));border:1px solid var(--line)}
.interactive-lab-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.interactive-lab-head h3{margin:4px 0 6px;font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.8rem);line-height:.95;color:var(--cream)}
.vega-readout{font-family:var(--font-display);font-size:2rem;color:var(--gold);white-space:nowrap}
.vega-meter{position:relative;height:54px;display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden;border:1px solid rgba(212,175,55,.28);border-radius:18px;background:rgba(0,0,0,.24)}
.vega-band{display:flex;align-items:center;justify-content:center;text-align:center;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,248,222,.88);border-right:1px solid rgba(255,255,255,.08)}
.vega-band:last-child{border-right:0}
.vega-band.good{background:rgba(15,112,82,.42)}
.vega-band.warn{background:rgba(181,125,30,.42)}
.vega-band.danger{background:rgba(128,28,42,.58)}
.vega-marker{position:absolute;top:0;bottom:0;width:3px;background:var(--cream);box-shadow:0 0 16px rgba(255,248,222,.9);transform:translateX(-50%);transition:left .16s ease}
.vega-slider{width:100%;margin:18px 0 12px;accent-color:var(--gold)}
.vega-lab-result{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(0,0,0,.18)}
.vega-lab-result strong{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}
.vega-lab-result span{color:var(--muted);font-size:.9rem;text-align:right}
.vega-lab-result.good strong{color:#7ee2ad}.vega-lab-result.warn strong{color:var(--gold)}.vega-lab-result.danger strong{color:#ff9a9a}
.vega-rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.vega-rules-grid div{border:1px solid var(--line);border-radius:14px;padding:12px;background:rgba(0,0,0,.16)}
.vega-rules-grid b{display:block;color:var(--cream);margin-bottom:4px}.vega-rules-grid span{font-size:.83rem;color:var(--muted)}
.helios-lab-symbol{width:64px;height:64px;border-radius:999px;border:1px solid rgba(212,175,55,.38);display:grid;place-items:center;font-family:var(--font-display);font-size:2.2rem;color:var(--gold);background:rgba(212,175,55,.08);flex:0 0 auto}
.helios-lab-grid{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:16px;align-items:stretch}
.helios-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.helios-choice{display:flex;align-items:center;gap:8px;text-align:left;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.16);color:var(--text);padding:10px;cursor:pointer;font-weight:800}
.helios-choice span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(212,175,55,.28);color:var(--gold)}
.helios-choice.active{background:linear-gradient(135deg,rgba(13,112,72,.72),rgba(18,86,63,.55));border-color:rgba(212,175,55,.55);box-shadow:var(--shadow-soft)}
.helios-lab-result{border:1px solid var(--line);border-radius:18px;background:rgba(0,0,0,.17);padding:18px}
.helios-lab-result h4{font-family:var(--font-display);font-size:clamp(1.4rem,2.4vw,2rem);line-height:1;margin:5px 0 14px;color:var(--cream)}
.helios-lab-result dl{display:grid;gap:10px;margin:0}.helios-lab-result dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);font-weight:900}.helios-lab-result dd{margin:2px 0 0;color:var(--muted)}
@media (max-width:900px){.helios-lab-grid,.vega-rules-grid{grid-template-columns:1fr}.interactive-lab-head{flex-direction:column}.vega-lab-result{align-items:flex-start;flex-direction:column}.vega-lab-result span{text-align:left}.helios-choice-grid{grid-template-columns:1fr 1fr}}
@media (max-width:540px){.helios-choice-grid{grid-template-columns:1fr}.vega-band{font-size:.56rem}.interactive-lab{padding:14px}}

/* Client portal typography hierarchy pass: reduce competing display headlines and simplify HELIOS lab. */
body.client-portal-mode .portal-course-head h3,
body.client-portal-mode .portal-video-module h3,
body.client-portal-mode .lesson-panel h3,
body.client-portal-mode .pc-setup-note h3,
body.client-portal-mode .platform-detail-card h3,
body.client-portal-mode .interactive-lab-head h3,
body.client-portal-mode .helios-lab-result h4,
body.client-portal-mode .client-next-step-card h3,
body.client-portal-mode .journey-intro h3{
  text-wrap:balance;
}
body.client-portal-mode .portal-course-head h3{
  font-size:clamp(28px,2.8vw,40px) !important;
  line-height:1.04 !important;
  letter-spacing:-.015em;
}
body.client-portal-mode .portal-video-module h3{
  font-size:clamp(22px,2.15vw,30px) !important;
  line-height:1.08 !important;
  letter-spacing:-.01em;
}
body.client-portal-mode .lesson-panel h3,
body.client-portal-mode .pc-setup-note h3,
body.client-portal-mode .platform-detail-card h3{
  font-family:var(--font-sans) !important;
  font-size:17px !important;
  line-height:1.25 !important;
  font-weight:950 !important;
  letter-spacing:-.005em;
}
body.client-portal-mode .platform-os-grid .platform-detail-card h3{
  font-size:clamp(22px,2.4vw,32px) !important;
  font-family:var(--font-display) !important;
  line-height:1.05 !important;
}
body.client-portal-mode .interactive-lab-head h3{
  font-size:clamp(24px,2.4vw,34px) !important;
  line-height:1.05 !important;
  letter-spacing:-.01em;
}
body.client-portal-mode .interactive-lab-head p,
body.client-portal-mode .portal-course-head p,
body.client-portal-mode .portal-video-module p,
body.client-portal-mode .lesson-panel p,
body.client-portal-mode .platform-detail-card p{
  font-size:14px;
  line-height:1.55;
}
body.client-portal-mode .helios-lab-grid{
  display:block !important;
}
body.client-portal-mode .helios-choice-grid{
  display:none !important;
}
body.client-portal-mode .helios-lab-result{
  padding:18px !important;
  max-width:none !important;
}
body.client-portal-mode .helios-lab-result h4{
  font-size:clamp(22px,2.25vw,34px) !important;
  line-height:1.05 !important;
  margin:6px 0 14px !important;
}
body.client-portal-mode .helios-lab-result.compact dl,
body.client-portal-mode .helios-read-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
body.client-portal-mode .helios-read-grid div{
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(128,128,128,.045);
  padding:14px;
}
body.client-portal-mode .helios-read-grid dt{
  color:var(--gold);
  font-size:10px;
  font-weight:950;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin:0 0 7px;
}
body.client-portal-mode .helios-read-grid dd{
  margin:0;
  color:var(--muted);
  line-height:1.5;
  font-size:14px;
}
body.client-portal-mode .portal-course-side h3{
  font-size:clamp(22px,2vw,28px) !important;
  line-height:1.08 !important;
}
body.client-portal-mode .video-placeholder h3,
body.client-portal-mode .video-placeholder strong{
  font-size:clamp(16px,1.5vw,20px) !important;
  line-height:1.12 !important;
}
body.client-portal-mode .module-points,
body.client-portal-mode .platform-steps{
  font-size:13px;
}
@media(max-width:760px){
  body.client-portal-mode .helios-read-grid{grid-template-columns:1fr;}
  body.client-portal-mode .portal-course-head h3{font-size:30px !important;}
  body.client-portal-mode .interactive-lab-head h3{font-size:26px !important;}
  body.client-portal-mode .helios-lab-result h4{font-size:25px !important;}
}


/* Portal Home tight spacing + focused next step action */
body.client-portal-mode #portal-home.client-hero-panel{
  padding:18px 20px !important;
  gap:16px !important;
}
body.client-portal-mode #portal-home.client-hero-panel h1{
  font-size:clamp(30px,4.2vw,52px) !important;
  margin:4px 0 8px !important;
}
body.client-portal-mode #portal-home.client-hero-panel p{
  line-height:1.45 !important;
  max-width:760px !important;
}
body.client-portal-mode #portal-home .client-hero-progress{
  padding:14px !important;
}
body.client-portal-mode #portal-home .client-hero-progress strong{
  font-size:clamp(34px,4vw,52px) !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module,
body.client-portal-mode .client-portal-view #portal-home + .card{
  margin-top:0 !important;
}
body.client-portal-mode .client-next-step-card{
  padding:16px 18px !important;
  gap:16px !important;
  align-items:center !important;
}
body.client-portal-mode .client-next-step-card h3{
  font-size:clamp(20px,1.7vw,28px) !important;
  line-height:1.12 !important;
  margin:4px 0 6px !important;
}
body.client-portal-mode .client-next-step-card p{
  line-height:1.45 !important;
}
body.client-portal-mode .client-next-step-card .next-step-action{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:0 !important;
}
body.client-portal-mode .client-next-step-card .next-step-action .btn{
  white-space:nowrap !important;
}
body.client-portal-mode .portal-payment-card{
  padding:16px 18px !important;
}
body.client-portal-mode .portal-payment-title{
  margin-bottom:12px !important;
}
body.client-portal-mode .payment-mini-card{
  padding:16px !important;
}
@media(max-width:760px){
  body.client-portal-mode #portal-home.client-hero-panel{
    padding:16px !important;
  }
  body.client-portal-mode .client-next-step-card{
    padding:16px !important;
  }
  body.client-portal-mode .client-next-step-card .next-step-action,
  body.client-portal-mode .client-next-step-card .next-step-action .btn{
    width:100% !important;
  }
}

/* Portal Home density pass: match the tighter learning-page rhythm */
body.client-portal-mode .client-portal-view{
  gap:12px !important;
}
body.client-portal-mode .client-portal-view > .title-wrap{
  margin-bottom:4px !important;
}
body.client-portal-mode #portal-home.client-hero-panel{
  padding:14px 16px !important;
  gap:14px !important;
  min-height:auto !important;
  align-items:center !important;
}
body.client-portal-mode #portal-home.client-hero-panel h1{
  font-size:clamp(28px,3.2vw,44px) !important;
  line-height:1.02 !important;
  margin:3px 0 6px !important;
}
body.client-portal-mode #portal-home.client-hero-panel p{
  max-width:720px !important;
  line-height:1.4 !important;
  font-size:13px !important;
}
body.client-portal-mode #portal-home.client-hero-panel .spark{
  margin-bottom:2px !important;
}
body.client-portal-mode #portal-home .client-hero-progress{
  min-width:160px !important;
  padding:10px 12px !important;
  border-radius:18px !important;
}
body.client-portal-mode #portal-home .client-hero-progress strong{
  font-size:clamp(28px,3vw,42px) !important;
  line-height:.95 !important;
}
body.client-portal-mode #portal-home .client-hero-progress span{
  font-size:10px !important;
  margin-top:4px !important;
}
body.client-portal-mode #portal-home .client-hero-progress .progress-track{
  height:7px !important;
  margin-top:6px !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module{
  padding:14px 16px !important;
  gap:14px !important;
  grid-template-columns:minmax(220px,320px) minmax(0,1fr) !important;
  min-height:auto !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .video-placeholder,
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .video-placeholder.course-video{
  min-height:124px !important;
  border-radius:18px !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module h3{
  font-size:clamp(22px,2vw,30px) !important;
  line-height:1.05 !important;
  margin:3px 0 6px !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module p,
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module li{
  font-size:13px !important;
  line-height:1.38 !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module ul{
  margin:8px 0 0 !important;
}
body.client-portal-mode .client-next-step-card{
  padding:13px 16px !important;
  min-height:auto !important;
  grid-template-columns:minmax(0,1fr) auto !important;
}
body.client-portal-mode .client-next-step-card h3{
  font-size:clamp(20px,1.55vw,26px) !important;
  margin:3px 0 5px !important;
}
body.client-portal-mode .client-next-step-card p{
  font-size:12.5px !important;
  line-height:1.35 !important;
}
body.client-portal-mode .portal-payment-card{
  margin-top:0 !important;
  padding:14px 16px !important;
  gap:12px !important;
}
body.client-portal-mode .portal-payment-title{
  padding-bottom:9px !important;
  margin-bottom:0 !important;
}
body.client-portal-mode .portal-payment-title h3{
  font-size:clamp(20px,1.6vw,26px) !important;
}
body.client-portal-mode .portal-payment-grid{
  gap:12px !important;
}
body.client-portal-mode .portal-payment-card .payment-mini-card{
  padding:13px 14px !important;
  border-radius:18px !important;
}
body.client-portal-mode .payment-mini-card h4{
  font-size:clamp(18px,1.35vw,22px) !important;
  margin:3px 0 6px !important;
}
body.client-portal-mode .payment-mini-card p,
body.client-portal-mode .payment-progress-row span,
body.client-portal-mode .payment-due-block span{
  font-size:12px !important;
  line-height:1.35 !important;
}
body.client-portal-mode .payment-progress-row{
  margin-top:10px !important;
  padding:10px !important;
  gap:10px !important;
  border-radius:14px !important;
}
body.client-portal-mode .payment-due-block{
  padding-top:10px !important;
}
@media(max-width:760px){
  body.client-portal-mode .client-portal-view{gap:10px !important;}
  body.client-portal-mode #portal-home.client-hero-panel,
  body.client-portal-mode .client-portal-view #portal-home + .portal-video-module,
  body.client-portal-mode .client-next-step-card,
  body.client-portal-mode .portal-payment-card{padding:12px !important;}
  body.client-portal-mode .client-portal-view #portal-home + .portal-video-module,
  body.client-portal-mode .client-next-step-card{grid-template-columns:1fr !important;}
  body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .video-placeholder,
  body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .video-placeholder.course-video{min-height:110px !important;}
}

/* Account setup completion action should live inside the task card, not compete with page navigation. */
.client-portal-page .account-action-grid{
  grid-template-columns:1fr !important;
}
.client-portal-page .account-action-panel{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.client-portal-page .account-step-complete-row{
  margin-top:4px;
  padding-top:12px;
  border-top:1px solid var(--line);
}

/* Final portal home density + account completion parity hotfix */
body.client-portal-mode .client-portal-view{
  gap:12px !important;
}
body.client-portal-mode .client-portal-view > .title-wrap{
  margin-bottom:8px !important;
}
body.client-portal-mode #portal-home.client-hero-panel{
  padding:14px 16px !important;
  min-height:0 !important;
  align-items:center !important;
  gap:14px !important;
  border-radius:20px !important;
}
body.client-portal-mode #portal-home.client-hero-panel h1{
  font-size:clamp(28px,2.8vw,42px) !important;
  line-height:1.02 !important;
  margin:3px 0 6px !important;
}
body.client-portal-mode #portal-home.client-hero-panel p{
  font-size:13px !important;
  line-height:1.4 !important;
  max-width:720px !important;
}
body.client-portal-mode #portal-home.client-hero-panel .spark{
  margin-bottom:2px !important;
}
body.client-portal-mode #portal-home .client-hero-progress{
  padding:12px 14px !important;
  min-width:140px !important;
  border-radius:16px !important;
}
body.client-portal-mode #portal-home .client-hero-progress strong{
  font-size:34px !important;
  line-height:.92 !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module{
  padding:14px 16px !important;
  min-height:0 !important;
  gap:14px !important;
  border-radius:20px !important;
  align-items:center !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .video-placeholder,
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .video-placeholder.course-video{
  min-height:118px !important;
  padding:14px !important;
  border-radius:16px !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module h3{
  font-size:clamp(22px,1.8vw,30px) !important;
  line-height:1.05 !important;
  margin:3px 0 8px !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module p,
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module li{
  font-size:12.5px !important;
  line-height:1.4 !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module ul{
  margin:8px 0 0 !important;
}
body.client-portal-mode .client-next-step-card{
  padding:14px 16px !important;
  min-height:0 !important;
  border-radius:20px !important;
  align-items:center !important;
}
body.client-portal-mode .client-next-step-card h3{
  font-size:clamp(20px,1.6vw,28px) !important;
  line-height:1.05 !important;
  margin:3px 0 5px !important;
}
body.client-portal-mode .client-next-step-card p{
  font-size:12.5px !important;
  line-height:1.35 !important;
}
body.client-portal-mode .portal-payment-card{
  padding:14px 16px !important;
  border-radius:20px !important;
  gap:12px !important;
}
body.client-portal-mode .portal-payment-title{
  padding-bottom:8px !important;
  margin-bottom:0 !important;
}
body.client-portal-mode .portal-payment-grid{
  gap:12px !important;
}
body.client-portal-mode .portal-payment-card .payment-mini-card{
  padding:12px 14px !important;
  border-radius:16px !important;
}
body.client-portal-mode .portal-payment-title h3,
body.client-portal-mode .payment-mini-card h4{
  font-size:clamp(18px,1.45vw,24px) !important;
  line-height:1.08 !important;
  margin:3px 0 6px !important;
}
body.client-portal-mode .payment-progress-row{
  margin-top:8px !important;
  padding:9px !important;
  gap:10px !important;
  border-radius:14px !important;
}
body.client-portal-mode .payment-due-block{
  padding-top:8px !important;
}
body.client-portal-mode .account-step-complete-row{
  margin-top:12px !important;
}
@media(max-width:760px){
  body.client-portal-mode .client-portal-view{gap:10px !important;}
  body.client-portal-mode #portal-home.client-hero-panel,
  body.client-portal-mode .client-portal-view #portal-home + .portal-video-module,
  body.client-portal-mode .client-next-step-card,
  body.client-portal-mode .portal-payment-card{
    padding:12px !important;
    grid-template-columns:1fr !important;
  }
  body.client-portal-mode #portal-home.client-hero-panel h1{font-size:30px !important;}
  body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .video-placeholder,
  body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .video-placeholder.course-video{min-height:96px !important;}
}


/* FINAL CLIENT PORTAL HOME COMPRESSION
   Targets the blank space inside Portal Home cards, not just the page top. */
body.client-portal-mode .client-only-main.main{
  padding:6px 8px 10px !important;
  gap:6px !important;
}
body.client-portal-mode .client-topbar.topbar{
  margin:0 0 6px !important;
  padding:0 !important;
}
body.client-portal-mode .client-topbar .title-wrap h1{
  font-size:clamp(24px,2vw,32px) !important;
  margin:1px 0 2px !important;
  line-height:.96 !important;
}
body.client-portal-mode .client-topbar .title-wrap p{
  font-size:11.5px !important;
  line-height:1.25 !important;
}
body.client-portal-mode .client-topbar .search-box{
  height:34px !important;
}
body.client-portal-mode .client-topbar .btn,
body.client-portal-mode .client-topbar .theme-toggle{
  min-height:34px !important;
}

/* Remove the oversized home-card rhythm */
body.client-portal-mode .client-portal-view.view{
  gap:6px !important;
  padding:0 !important;
  align-content:start !important;
}
body.client-portal-mode .client-portal-view > .card,
body.client-portal-mode .client-portal-view > section.card{
  margin:0 !important;
}

/* Welcome card */
body.client-portal-mode .client-portal-view #portal-home.client-hero-panel.card{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 118px !important;
  align-items:center !important;
  min-height:118px !important;
  height:auto !important;
  padding:8px 12px !important;
  gap:10px !important;
  border-radius:16px !important;
}
body.client-portal-mode .client-portal-view #portal-home.client-hero-panel.card::before{
  width:72px !important;
  height:72px !important;
  right:10px !important;
  top:8px !important;
  border-radius:24px !important;
}
body.client-portal-mode #portal-home.client-hero-panel .spark{
  font-size:8px !important;
  letter-spacing:.14em !important;
}
body.client-portal-mode #portal-home.client-hero-panel h1{
  font-size:clamp(24px,2.35vw,36px) !important;
  line-height:.96 !important;
  margin:2px 0 3px !important;
}
body.client-portal-mode #portal-home.client-hero-panel p{
  font-size:11.5px !important;
  line-height:1.28 !important;
  max-width:760px !important;
}
body.client-portal-mode #portal-home .client-hero-progress{
  min-width:0 !important;
  width:118px !important;
  padding:8px 9px !important;
  border-radius:14px !important;
  align-self:center !important;
}
body.client-portal-mode #portal-home .client-hero-progress strong{
  font-size:27px !important;
  line-height:.9 !important;
}
body.client-portal-mode #portal-home .client-hero-progress span{
  font-size:8px !important;
  line-height:1.1 !important;
  margin:4px 0 0 !important;
}
body.client-portal-mode #portal-home .progress-track{
  height:5px !important;
  margin-top:6px !important;
}

/* Welcome video card */
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module{
  display:grid !important;
  grid-template-columns:260px minmax(0,1fr) !important;
  align-items:center !important;
  min-height:116px !important;
  height:auto !important;
  padding:8px 12px !important;
  gap:10px !important;
  border-radius:16px !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .video-placeholder,
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .video-placeholder.course-video{
  min-height:96px !important;
  height:96px !important;
  padding:8px !important;
  border-radius:14px !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .play-button{
  width:46px !important;
  height:46px !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module h3{
  font-size:clamp(18px,1.45vw,24px) !important;
  line-height:1 !important;
  margin:1px 0 4px !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module p,
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module li{
  font-size:11px !important;
  line-height:1.25 !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module ul{
  margin:5px 0 0 !important;
  padding-left:15px !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .btn{
  min-height:28px !important;
  padding:5px 9px !important;
  font-size:10px !important;
}

/* Next step */
body.client-portal-mode .client-portal-view .client-next-step-card{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  min-height:78px !important;
  height:auto !important;
  padding:8px 12px !important;
  gap:10px !important;
  border-radius:16px !important;
}
body.client-portal-mode .client-next-step-card h3{
  font-size:clamp(16px,1.25vw,21px) !important;
  line-height:1.02 !important;
  margin:1px 0 3px !important;
}
body.client-portal-mode .client-next-step-card p{
  font-size:11px !important;
  line-height:1.25 !important;
}
body.client-portal-mode .client-next-step-card .next-step-action{
  min-width:160px !important;
}
body.client-portal-mode .client-next-step-card .btn{
  min-height:34px !important;
  padding:7px 12px !important;
}

/* Payment section */
body.client-portal-mode .client-portal-view .portal-payment-card{
  padding:9px 12px !important;
  gap:8px !important;
  border-radius:16px !important;
}
body.client-portal-mode .portal-payment-title{
  padding-bottom:5px !important;
  margin-bottom:0 !important;
}
body.client-portal-mode .portal-payment-title h3,
body.client-portal-mode .payment-mini-card h4{
  font-size:clamp(16px,1.25vw,21px) !important;
  line-height:1.02 !important;
  margin:1px 0 4px !important;
}
body.client-portal-mode .portal-payment-card p,
body.client-portal-mode .payment-mini-card p{
  font-size:11px !important;
  line-height:1.25 !important;
}
body.client-portal-mode .portal-payment-grid{
  gap:8px !important;
}
body.client-portal-mode .portal-payment-card .payment-mini-card{
  padding:8px 10px !important;
  border-radius:14px !important;
}
body.client-portal-mode .payment-progress-row{
  margin-top:5px !important;
  padding:6px !important;
  gap:7px !important;
  border-radius:12px !important;
}
body.client-portal-mode .payment-due-block{
  padding-top:5px !important;
}

/* Client portal left nav density */
body.client-portal-mode .client-only-sidebar{
  padding:10px 10px !important;
  gap:8px !important;
}
body.client-portal-mode .client-portal-brand.large{
  padding-bottom:9px !important;
  margin-bottom:0 !important;
}
body.client-portal-mode .portal-menu-link{
  padding:7px 9px !important;
  border-radius:12px !important;
}
body.client-portal-mode .portal-menu-link small{
  font-size:9.5px !important;
  line-height:1.15 !important;
}

@media(max-width:900px){
  body.client-portal-mode .client-portal-view #portal-home.client-hero-panel.card,
  body.client-portal-mode .client-portal-view #portal-home + .portal-video-module,
  body.client-portal-mode .client-portal-view .client-next-step-card{
    grid-template-columns:1fr !important;
  }
  body.client-portal-mode #portal-home .client-hero-progress{
    width:100% !important;
  }
  body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .video-placeholder,
  body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .video-placeholder.course-video{
    height:86px !important;
    min-height:86px !important;
  }
}


/* CLIENT PORTAL HOME BALANCED PADDING
   Adds controlled breathing room around page elements without returning to the oversized layout. */
body.client-portal-mode .client-only-main.main{
  padding:12px 14px 16px !important;
  gap:10px !important;
}
body.client-portal-mode .client-topbar.topbar{
  margin:0 0 10px !important;
  padding:0 2px !important;
}
body.client-portal-mode .client-portal-view.view{
  gap:10px !important;
}

/* Welcome card */
body.client-portal-mode .client-portal-view #portal-home.client-hero-panel.card{
  min-height:142px !important;
  padding:16px 18px !important;
  gap:16px !important;
  border-radius:18px !important;
}
body.client-portal-mode #portal-home.client-hero-panel h1{
  margin:4px 0 6px !important;
}
body.client-portal-mode #portal-home.client-hero-panel p{
  line-height:1.36 !important;
}
body.client-portal-mode #portal-home .client-hero-progress{
  padding:12px 13px !important;
  border-radius:15px !important;
}

/* Welcome video */
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module{
  min-height:142px !important;
  padding:16px 18px !important;
  gap:16px !important;
  border-radius:18px !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .video-placeholder,
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .video-placeholder.course-video{
  height:108px !important;
  min-height:108px !important;
  padding:12px !important;
  border-radius:15px !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module h3{
  margin:3px 0 6px !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module ul{
  margin:7px 0 0 !important;
}

/* Next step and payment cards */
body.client-portal-mode .client-portal-view .client-next-step-card{
  min-height:96px !important;
  padding:14px 18px !important;
  gap:14px !important;
  border-radius:18px !important;
}
body.client-portal-mode .client-next-step-card h3{
  margin:3px 0 5px !important;
}
body.client-portal-mode .client-next-step-card .next-step-action{
  padding-left:8px !important;
}
body.client-portal-mode .client-portal-view .portal-payment-card{
  padding:16px 18px !important;
  gap:12px !important;
  border-radius:18px !important;
}
body.client-portal-mode .portal-payment-title{
  padding-bottom:8px !important;
}
body.client-portal-mode .portal-payment-grid{
  gap:12px !important;
}
body.client-portal-mode .portal-payment-card .payment-mini-card{
  padding:12px 14px !important;
  border-radius:15px !important;
}
body.client-portal-mode .payment-progress-row{
  margin-top:8px !important;
  padding:9px !important;
}

/* Sidebar spacing */
body.client-portal-mode .client-only-sidebar{
  padding:14px 12px !important;
  gap:10px !important;
}
body.client-portal-mode .portal-menu-link{
  padding:9px 10px !important;
}

/* Small screens */
@media(max-width:900px){
  body.client-portal-mode .client-only-main.main{
    padding:10px !important;
  }
  body.client-portal-mode .client-portal-view #portal-home.client-hero-panel.card,
  body.client-portal-mode .client-portal-view #portal-home + .portal-video-module,
  body.client-portal-mode .client-portal-view .client-next-step-card,
  body.client-portal-mode .client-portal-view .portal-payment-card{
    padding:13px 14px !important;
  }
}


/* CLIENT PORTAL HOME: extra breathing room for Welcome Video section */
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module{
  min-height:164px !important;
  padding:22px 26px !important;
  gap:24px !important;
  border-radius:20px !important;
  grid-template-columns:300px minmax(0,1fr) !important;
  align-items:center !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .video-placeholder,
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .video-placeholder.course-video{
  height:124px !important;
  min-height:124px !important;
  padding:18px !important;
  border-radius:18px !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .play-button{
  width:56px !important;
  height:56px !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module h3{
  margin:4px 0 8px !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module p{
  margin-bottom:8px !important;
  line-height:1.42 !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module ul{
  margin:9px 0 10px !important;
  padding-left:18px !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module li{
  line-height:1.36 !important;
  margin-bottom:2px !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .btn{
  margin-top:2px !important;
}

@media(max-width:900px){
  body.client-portal-mode .client-portal-view #portal-home + .portal-video-module{
    grid-template-columns:1fr !important;
    padding:18px !important;
    gap:16px !important;
  }
  body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .video-placeholder,
  body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .video-placeholder.course-video{
    height:118px !important;
    min-height:118px !important;
  }
}


/* CLIENT PORTAL HOME: make Welcome Video placeholder 50% larger */
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module{
  grid-template-columns:450px minmax(0,1fr) !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .video-placeholder,
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .video-placeholder.course-video{
  height:186px !important;
  min-height:186px !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .play-button{
  width:70px !important;
  height:70px !important;
}

@media(max-width:900px){
  body.client-portal-mode .client-portal-view #portal-home + .portal-video-module{
    grid-template-columns:1fr !important;
  }
  body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .video-placeholder,
  body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .video-placeholder.course-video{
    height:177px !important;
    min-height:177px !important;
  }
}


/* CLIENT PORTAL: compact gold/dark theme toggle like the mockup */
body.client-portal-mode .client-topbar .theme-toggle.premium-theme-toggle{
  width:auto !important;
  min-height:38px !important;
  height:38px !important;
  display:inline-grid !important;
  grid-template-columns:1fr 1fr !important;
  align-items:center !important;
  gap:0 !important;
  padding:3px !important;
  border:1px solid rgba(225,191,99,.55) !important;
  border-radius:999px !important;
  background:rgba(5,20,14,.72) !important;
  box-shadow:
    inset 0 0 0 1px rgba(47,122,87,.24),
    0 8px 22px rgba(0,0,0,.18) !important;
  overflow:hidden !important;
}
body.client-portal-mode .client-topbar .theme-toggle.premium-theme-toggle button{
  min-width:70px !important;
  height:30px !important;
  min-height:30px !important;
  padding:0 14px !important;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  color:var(--text) !important;
  font-size:12px !important;
  font-weight:950 !important;
  line-height:1 !important;
  box-shadow:none !important;
}
body.client-portal-mode .client-topbar .theme-toggle.premium-theme-toggle button.active{
  background:linear-gradient(180deg,#e8c965,#c89f3f) !important;
  color:#07130d !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    0 6px 14px rgba(200,162,74,.20) !important;
}
body.client-portal-mode .client-topbar .theme-toggle.premium-theme-toggle button[data-theme-set="dark"]::before{
  content:"☾ ";
  font-weight:950;
}
[data-theme="light"] body.client-portal-mode .client-topbar .theme-toggle.premium-theme-toggle,
body.client-portal-mode[data-theme="light"] .client-topbar .theme-toggle.premium-theme-toggle{
  background:rgba(255,249,234,.78) !important;
}


/* CLIENT PORTAL: force the correct active yellow pill by current theme */
html[data-theme="dark"] body.client-portal-mode .client-topbar .theme-toggle.premium-theme-toggle button[data-theme-set="dark"],
body.client-portal-mode .client-topbar .theme-toggle.premium-theme-toggle button[data-theme-set="dark"].active{
  background:linear-gradient(180deg,#e8c965,#c89f3f) !important;
  color:#07130d !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    0 6px 14px rgba(200,162,74,.24) !important;
}
html[data-theme="dark"] body.client-portal-mode .client-topbar .theme-toggle.premium-theme-toggle button[data-theme-set="light"]{
  background:transparent !important;
  color:var(--text) !important;
  box-shadow:none !important;
}
html[data-theme="light"] body.client-portal-mode .client-topbar .theme-toggle.premium-theme-toggle button[data-theme-set="light"],
body.client-portal-mode .client-topbar .theme-toggle.premium-theme-toggle button[data-theme-set="light"].active{
  background:linear-gradient(180deg,#e8c965,#c89f3f) !important;
  color:#07130d !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    0 6px 14px rgba(200,162,74,.24) !important;
}
html[data-theme="light"] body.client-portal-mode .client-topbar .theme-toggle.premium-theme-toggle button[data-theme-set="dark"]{
  background:transparent !important;
  color:var(--text) !important;
  box-shadow:none !important;
}


/* CLIENT PORTAL HOME: make Welcome Video section substantially larger */
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module{
  grid-template-columns:560px minmax(0,1fr) !important;
  min-height:320px !important;
  padding:28px 30px !important;
  gap:28px !important;
  border-radius:22px !important;
  align-items:start !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .video-placeholder,
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .video-placeholder.course-video{
  height:260px !important;
  min-height:260px !important;
  padding:22px !important;
  border-radius:22px !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .play-button{
  width:82px !important;
  height:82px !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module h3{
  margin:6px 0 10px !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module p{
  margin-bottom:12px !important;
  line-height:1.46 !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module ul{
  margin:12px 0 14px !important;
  padding-left:20px !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module li{
  margin-bottom:4px !important;
  line-height:1.4 !important;
}
body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .btn{
  margin-top:4px !important;
}

@media(max-width:1100px){
  body.client-portal-mode .client-portal-view #portal-home + .portal-video-module{
    grid-template-columns:420px minmax(0,1fr) !important;
    min-height:280px !important;
    padding:22px 24px !important;
    gap:22px !important;
  }
  body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .video-placeholder,
  body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .video-placeholder.course-video{
    height:220px !important;
    min-height:220px !important;
  }
}

@media(max-width:900px){
  body.client-portal-mode .client-portal-view #portal-home + .portal-video-module{
    grid-template-columns:1fr !important;
    min-height:auto !important;
    padding:18px !important;
    gap:16px !important;
  }
  body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .video-placeholder,
  body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .video-placeholder.course-video{
    height:190px !important;
    min-height:190px !important;
  }
  body.client-portal-mode .client-portal-view #portal-home + .portal-video-module .play-button{
    width:70px !important;
    height:70px !important;
  }
}
body.client-portal-mode .learning-dashboard{display:grid;gap:18px}
body.client-portal-mode .learning-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
body.client-portal-mode .learning-hero h2{font-family:var(--font-display);font-size:34px;line-height:1.08;margin:8px 0}
body.client-portal-mode .learning-grid,
body.client-portal-mode .learning-checklist-grid,
body.client-portal-mode .learning-assignment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
body.client-portal-mode .learning-card{display:grid;gap:18px;min-height:230px}
body.client-portal-mode .learning-assignment-card{display:grid;gap:16px;min-height:245px}
body.client-portal-mode .learning-card h3,
body.client-portal-mode .learning-checklist h3,
body.client-portal-mode .learning-assignment-card h3{font-family:var(--font-display);font-size:25px;line-height:1.12;margin:8px 0}
body.client-portal-mode .learning-card p,
body.client-portal-mode .learning-checklist p,
body.client-portal-mode .learning-assignment-card p{line-height:1.55}
body.client-portal-mode .learning-card-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end}
body.client-portal-mode .learning-card-foot strong{display:block;font-size:24px}
body.client-portal-mode .learning-assignment-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:12px;font-weight:800}
body.client-portal-mode .learning-assignment-meta span{border:1px solid var(--line);border-radius:999px;background:var(--input);padding:6px 9px}
body.client-portal-mode .learning-assignment-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
body.client-portal-mode .learning-assignment-panel{display:grid;gap:16px}
body.client-portal-mode .learning-assignment-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.client-portal-mode .learning-assignment-detail-grid div{border:1px solid var(--line);border-radius:14px;background:var(--input);padding:12px}
body.client-portal-mode .learning-assignment-detail-grid span,
body.client-portal-mode .learning-assignment-detail-grid strong{display:block}
body.client-portal-mode .learning-assignment-detail-grid span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}
body.client-portal-mode .learning-assignment-detail-grid strong{margin-top:4px;color:var(--text)}
body.client-portal-mode .learning-course-flow .portal-course-main{display:grid;gap:16px}
body.client-portal-mode .learning-module{display:grid;gap:14px}
body.client-portal-mode .learning-lesson-list{display:grid;gap:10px}
body.client-portal-mode .learning-lesson-row{width:100%;border:1px solid var(--line);border-radius:16px;background:var(--input);color:var(--text);padding:13px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}
body.client-portal-mode .learning-lesson-row:hover{border-color:var(--line-strong);transform:translateY(-1px)}
body.client-portal-mode .learning-lesson-row strong,
body.client-portal-mode .learning-lesson-row small{display:block}
body.client-portal-mode .learning-lesson-row small{margin-top:4px;color:var(--muted);line-height:1.35}
body.client-portal-mode .learning-lesson-view{display:grid;gap:16px}
body.client-portal-mode .learning-lesson-body{color:var(--text);line-height:1.7}
body.client-portal-mode .learning-lesson-body p:first-child{margin-top:0}
body.client-portal-mode .learning-checklist .portal-checklist-grid{grid-template-columns:1fr}
body.client-portal-mode .learning-checklist .portal-check-item{text-align:left}
body.client-portal-mode .client-dashboard-shell{display:grid;gap:16px}
body.client-portal-mode .client-dashboard-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:18px;align-items:stretch}
body.client-portal-mode .client-dashboard-hero h1{font-family:var(--font-display);font-size:clamp(34px,4vw,58px);line-height:.98;margin:8px 0}
body.client-portal-mode .client-dashboard-hero p{max-width:680px;line-height:1.55}
body.client-portal-mode .dashboard-identity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.client-portal-mode .dashboard-identity-grid div{border:1px solid var(--line);border-radius:16px;background:var(--input);padding:12px}
body.client-portal-mode .dashboard-identity-grid span{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:900}
body.client-portal-mode .dashboard-identity-grid strong{display:block;margin-top:6px;font-size:15px}
body.client-portal-mode .client-dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.client-portal-mode .client-dashboard-card{display:grid;gap:14px;align-content:start;min-height:170px}
body.client-portal-mode .client-dashboard-card h3{font-family:var(--font-display);font-size:24px;line-height:1.08;margin:6px 0}
body.client-portal-mode .dashboard-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
body.client-portal-mode .dashboard-card-head > strong{font-size:30px;line-height:1;color:var(--gold)}
body.client-portal-mode .client-dashboard-activation{grid-column:span 2}
body.client-portal-mode .client-dashboard-learning{grid-column:span 2}
body.client-portal-mode .dashboard-learning-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:12px;font-weight:800}
body.client-portal-mode .client-dashboard-products{display:grid;gap:9px}
body.client-portal-mode .dashboard-product-pill{border:1px solid var(--line);border-radius:14px;background:var(--input);padding:10px}
body.client-portal-mode .dashboard-product-pill strong,
body.client-portal-mode .dashboard-product-pill span{display:block}
body.client-portal-mode .dashboard-product-pill span{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.35}
body.client-portal-mode .dashboard-chip-row{display:flex;flex-wrap:wrap;gap:8px}
body.client-portal-mode .dashboard-shortcut .btn[disabled]{opacity:.62}
body.client-portal-mode .empty.compact{padding:16px;text-align:left}
body.client-portal-mode .portal-error-state{display:grid;gap:5px;text-align:left}
body.client-portal-mode .portal-error-state strong{font-size:16px;color:var(--text)}
body.client-portal-mode .portal-error-state span,
body.client-portal-mode .portal-error-state small{color:var(--muted)}
@media (max-width:900px){
  body.client-portal-mode .learning-grid,
  body.client-portal-mode .learning-checklist-grid,
  body.client-portal-mode .learning-assignment-grid,
  body.client-portal-mode .learning-assignment-detail-grid,
  body.client-portal-mode .learning-card-foot{grid-template-columns:1fr}
  body.client-portal-mode .learning-assignment-actions{justify-content:flex-start}
  body.client-portal-mode .learning-hero{display:grid}
  body.client-portal-mode .client-dashboard-hero,
  body.client-portal-mode .client-dashboard-grid,
  body.client-portal-mode .dashboard-identity-grid{grid-template-columns:1fr}
  body.client-portal-mode .client-dashboard-activation{grid-column:auto}
  body.client-portal-mode .client-dashboard-learning{grid-column:auto}
}

/* IP-008 Client Portal shell and navigation */
body.client-portal-mode .client-only-shell[data-client-shell]{
  min-height:100vh;
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  background:linear-gradient(135deg,var(--bg),var(--bg-2));
}
body.client-portal-mode .client-shell-identity,
body.client-portal-mode .client-shell-footer,
body.client-portal-mode .client-topbar-identity{
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(128,128,128,.05);
  padding:12px;
}
body.client-portal-mode .client-shell-identity{display:flex;align-items:center;gap:11px;min-width:0;}
body.client-portal-mode .client-shell-identity strong,
body.client-portal-mode .client-shell-identity span,
body.client-portal-mode .client-shell-identity small,
body.client-portal-mode .client-topbar-identity strong,
body.client-portal-mode .client-topbar-identity span,
body.client-portal-mode .client-topbar-identity small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
body.client-portal-mode .client-shell-identity span,
body.client-portal-mode .client-shell-identity small,
body.client-portal-mode .client-topbar-identity span,
body.client-portal-mode .client-topbar-identity small,
body.client-portal-mode .client-shell-footer span{color:var(--muted);font-size:12px;line-height:1.35;}
body.client-portal-mode .client-shell-footer{margin-top:auto;display:grid;gap:4px;}
body.client-portal-mode .client-step-nav{display:grid;gap:8px;}
body.client-portal-mode .client-step-nav .portal-menu-link{width:100%;min-height:52px;border-radius:16px;grid-template-columns:34px minmax(0,1fr);}
body.client-portal-mode .client-step-nav .portal-menu-link[aria-current="page"]{background:linear-gradient(135deg,rgba(47,122,87,.34),rgba(200,162,74,.14));color:var(--text);border-color:var(--line-strong);}
body.client-portal-mode .client-shell-topbar{align-items:start;grid-template-columns:minmax(0,1fr) auto;}
body.client-portal-mode .client-shell-actions{align-items:center;}
body.client-portal-mode .client-notification-placeholder[disabled],
body.client-portal-mode .client-search-placeholder input:disabled{opacity:.7;cursor:not-allowed;}
body.client-portal-mode .client-topbar-identity{min-width:180px;max-width:260px;}
body.client-portal-mode .client-placeholder-page,
body.client-portal-mode .client-account-summary,
body.client-portal-mode .client-shell-state{display:grid;gap:16px;}
body.client-portal-mode .client-placeholder-page h3,
body.client-portal-mode .client-account-summary h3,
body.client-portal-mode .client-shell-state h2{font-family:var(--font-display);font-size:clamp(24px,2.4vw,34px);line-height:1.08;margin:6px 0;}
body.client-portal-mode .client-mobile-nav-toggle,
body.client-portal-mode .client-mobile-backdrop{display:none;}
@media(max-width:980px){
  body.client-portal-mode .client-only-shell[data-client-shell]{grid-template-columns:1fr;}
  body.client-portal-mode .client-mobile-nav-toggle{display:inline-grid;position:fixed;left:14px;top:14px;z-index:180;min-width:48px;height:42px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);place-items:center;font-weight:900;box-shadow:var(--shadow);}
  body.client-portal-mode .client-mobile-backdrop{position:fixed;inset:0;z-index:160;background:rgba(0,0,0,.56);border:0;}
  body.client-portal-mode.client-mobile-nav-open .client-mobile-backdrop{display:block;}
  body.client-portal-mode .client-only-sidebar{position:fixed!important;left:0;top:0;bottom:0;width:min(300px,86vw);height:100vh!important;z-index:170;transform:translateX(-105%);transition:transform var(--ease);}
  body.client-portal-mode.client-mobile-nav-open .client-only-sidebar{transform:translateX(0)!important;}
  body.client-portal-mode .client-only-main{padding-top:70px;}
  body.client-portal-mode .client-shell-topbar{grid-template-columns:1fr;}
  body.client-portal-mode .client-shell-actions{justify-content:flex-start;width:100%;}
  body.client-portal-mode .client-search-placeholder{width:100%;min-width:0;}
  body.client-portal-mode .client-topbar-identity{width:100%;max-width:none;}
}

/* IP-009 Product Center */
body.client-portal-mode .product-center-page,
body.client-portal-mode .product-detail-page{display:grid;gap:16px;}
body.client-portal-mode .product-center-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
body.client-portal-mode .product-center-card{min-height:260px;display:grid;align-content:space-between;}
body.client-portal-mode .product-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
body.client-portal-mode .product-action-grid .btn{width:100%;min-width:0;white-space:normal;}
body.client-portal-mode .product-detail-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
body.client-portal-mode .product-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
body.client-portal-mode .product-resource-list{display:grid;gap:9px;}
body.client-portal-mode .product-resource-item{border:1px solid var(--line);border-radius:14px;background:var(--input);padding:10px;display:grid;gap:4px;}
body.client-portal-mode .product-resource-item strong{color:var(--text);}
body.client-portal-mode .product-resource-item span{color:var(--muted);font-size:12px;line-height:1.35;overflow-wrap:anywhere;}
body.client-portal-mode .delivery-center-card{grid-column:span 2;min-height:0;}
body.client-portal-mode .delivery-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
body.client-portal-mode .delivery-summary-grid>div{border:1px solid var(--line);border-radius:14px;background:var(--input);padding:10px;display:grid;gap:4px;}
body.client-portal-mode .delivery-summary-grid span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;}
body.client-portal-mode .delivery-resource-item{grid-template-columns:minmax(0,1fr) auto;align-items:center;}
body.client-portal-mode .delivery-resource-list{margin-top:2px;}
body.client-portal-mode .product-reference-image-card{padding:0;overflow:hidden;}
body.client-portal-mode .product-reference-image{background:#010201;}
body.client-portal-mode .product-reference-image img{display:block;width:100%;height:auto;}
@media(max-width:760px){
  body.client-portal-mode .product-center-grid,
  body.client-portal-mode .product-detail-grid,
  body.client-portal-mode .product-action-grid{grid-template-columns:1fr;}
  body.client-portal-mode .product-detail-actions .btn{width:100%;}
  body.client-portal-mode .delivery-center-card{grid-column:span 1;}
  body.client-portal-mode .delivery-summary-grid,
  body.client-portal-mode .delivery-resource-item{grid-template-columns:1fr;}
}
body.client-portal-mode .license-center-card{grid-column:span 2;min-height:0;}
body.client-portal-mode .license-status-pill{border:1px solid var(--line);border-radius:999px;background:var(--input);color:var(--text);font-size:12px;font-weight:800;padding:7px 10px;white-space:nowrap;}
body.client-portal-mode .license-status-pill.active{border-color:rgba(104,211,145,.45);color:#9ae6b4;}
body.client-portal-mode .license-status-pill.not_activated,
body.client-portal-mode .license-status-pill.needs_review{border-color:rgba(245,190,91,.42);color:var(--gold);}
body.client-portal-mode .license-status-pill.expired,
body.client-portal-mode .license-status-pill.disabled{border-color:rgba(248,113,113,.42);color:#fecaca;}
body.client-portal-mode .license-status-pill.grace_period{border-color:rgba(96,165,250,.42);color:#bfdbfe;}
body.client-portal-mode .license-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
body.client-portal-mode .license-detail-grid > div{border:1px solid var(--line);border-radius:14px;background:var(--input);padding:10px;display:grid;gap:4px;min-width:0;}
body.client-portal-mode .license-detail-grid span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;}
body.client-portal-mode .license-detail-grid strong{color:var(--text);font-size:13px;overflow-wrap:anywhere;}
body.client-portal-mode .license-event-list{margin-top:2px;}
@media(max-width:980px){body.client-portal-mode .license-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){body.client-portal-mode .license-center-card{grid-column:span 1;}body.client-portal-mode .license-detail-grid{grid-template-columns:1fr;}}

/* IP-011 Billing Center */
body.client-portal-mode .billing-center-card{display:grid;gap:14px;}
body.client-portal-mode .billing-detail-grid{margin-top:2px;}
body.client-portal-mode .billing-invoices-head{margin-top:2px;}
body.client-portal-mode .billing-invoice-list{display:grid;gap:9px;}
body.client-portal-mode .license-status-pill.not_connected,
body.client-portal-mode .license-status-pill.needs_review,
body.client-portal-mode .license-status-pill.past_due{border-color:rgba(245,190,91,.42);color:var(--gold);}
body.client-portal-mode .license-status-pill.canceled,
body.client-portal-mode .license-status-pill.paused{border-color:rgba(248,113,113,.42);color:#fecaca;}
body.client-portal-mode .license-status-pill.trialing{border-color:rgba(96,165,250,.42);color:#bfdbfe;}

/* IP-012 Notifications */
body.client-portal-mode .client-notification-wrap{position:relative;display:inline-flex;align-items:center;}
body.client-portal-mode .client-notification-button{position:relative;display:inline-flex;align-items:center;gap:8px;}
body.client-portal-mode .notification-count{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#f4c95d;color:#15120a;font-size:11px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;}
body.client-portal-mode .client-notification-panel{position:absolute;right:0;top:calc(100% + 10px);z-index:40;width:min(420px,calc(100vw - 32px));max-height:70vh;overflow:auto;padding:14px;box-shadow:0 24px 60px rgba(0,0,0,.38);}
body.client-portal-mode .notification-panel-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
body.client-portal-mode .notification-list,
body.client-portal-mode .announcement-list{display:grid;gap:10px;}
body.client-portal-mode .notification-item,
body.client-portal-mode .announcement-item{display:grid;gap:10px;padding:12px;border:1px solid color-mix(in srgb,var(--line),transparent 20%);border-radius:8px;background:color-mix(in srgb,var(--panel),transparent 12%);}
body.client-portal-mode .notification-item.unread{border-color:color-mix(in srgb,#f4c95d,transparent 45%);background:color-mix(in srgb,#f4c95d,transparent 92%);}
body.client-portal-mode .notification-item strong,
body.client-portal-mode .announcement-item strong{display:block;margin:3px 0 4px;font-size:15px;line-height:1.25;}
body.client-portal-mode .notification-item p,
body.client-portal-mode .announcement-item p{margin:0;color:var(--muted);line-height:1.45;}
body.client-portal-mode .notification-item small{color:var(--muted);font-weight:800;text-transform:uppercase;font-size:10px;letter-spacing:.08em;}
body.client-portal-mode .notification-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap;}
body.client-portal-mode .dashboard-announcements-card{min-height:170px;}
@media(max-width:720px){body.client-portal-mode .client-notification-wrap{position:static;}body.client-portal-mode .client-notification-panel{position:fixed;left:12px;right:12px;top:76px;width:auto;max-height:calc(100vh - 100px);}body.client-portal-mode .notification-actions{justify-content:flex-start;}}
/* IP-013 Mission Control */
body.mission-control-mode .app-shell>.sidebar,
body.mission-control-mode .app-shell>.main>.topbar{display:none;}
body.mission-control-mode .app-shell{display:block;}
body.mission-control-mode #view{padding:0;}
body.mission-control-mode .mission-control-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr);background:linear-gradient(135deg,#10130f 0%,#161a16 42%,#0b0d0d 100%);color:var(--text);}
body.mission-control-mode .mission-sidebar{padding:18px;border-right:1px solid color-mix(in srgb,var(--line),transparent 18%);background:rgba(10,12,10,.72);position:sticky;top:0;height:100vh;overflow:auto;}
body.mission-control-mode .mission-nav{display:grid;gap:8px;margin-top:18px;}
body.mission-control-mode .mission-nav-link{display:grid;gap:4px;text-align:left;padding:12px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text);cursor:pointer;}
body.mission-control-mode .mission-nav-link span{color:var(--muted);font-size:12px;line-height:1.25;}
body.mission-control-mode .mission-nav-link.active,
body.mission-control-mode .mission-nav-link:hover{border-color:color-mix(in srgb,#f4c95d,transparent 58%);background:rgba(244,201,93,.08);}
body.mission-control-mode .mission-main{padding:18px;min-width:0;}
body.mission-control-mode .mission-topbar{margin-bottom:16px;border:1px solid color-mix(in srgb,var(--line),transparent 28%);border-radius:8px;background:rgba(255,255,255,.035);}
body.mission-control-mode .mission-section{display:grid;gap:16px;}
body.mission-control-mode .mission-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
body.mission-control-mode .mission-hero h2{font-family:var(--font-display);font-size:clamp(30px,4vw,50px);margin:6px 0;line-height:1;}
body.mission-control-mode .mission-metric-grid,
body.mission-control-mode .mission-twin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
body.mission-control-mode .mission-placeholder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
body.mission-control-mode .mission-metric{display:grid;gap:8px;min-height:136px;}
body.mission-control-mode .mission-metric span,
body.mission-control-mode .mission-customer-meta span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;}
body.mission-control-mode .mission-metric strong{font-family:var(--font-display);font-size:34px;line-height:1;}
body.mission-control-mode .mission-filter-row{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:12px;}
body.mission-control-mode .mission-customer-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.6fr) auto;gap:12px;align-items:center;margin-bottom:10px;}
body.mission-control-mode .mission-customer-row strong{display:block;font-size:18px;margin-bottom:4px;}
body.mission-control-mode .mission-customer-meta{display:flex;gap:8px;flex-wrap:wrap;}
body.mission-control-mode .mission-health-banner{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:14px;align-items:start;border-color:color-mix(in srgb,#f4c95d,transparent 54%);background:linear-gradient(135deg,rgba(244,201,93,.10),rgba(255,255,255,.035));}
body.mission-control-mode .mission-health-banner h3{font-family:var(--font-display);font-size:30px;line-height:1;margin:4px 0;}
body.mission-control-mode .mission-health-banner.needs-attention{border-color:color-mix(in srgb,#f4c95d,transparent 38%);}
body.mission-control-mode .mission-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
body.mission-control-mode .mission-health-grid>div{padding:10px;border:1px solid color-mix(in srgb,var(--line),transparent 30%);border-radius:8px;background:rgba(255,255,255,.035);}
body.mission-control-mode .mission-health-grid span{display:block;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;margin-bottom:5px;}
body.mission-control-mode .mission-health-grid strong{display:block;font-size:16px;line-height:1.15;}
body.mission-control-mode .mission-health-list{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;}
body.mission-control-mode .mission-health-list span{border:1px solid color-mix(in srgb,#f4c95d,transparent 48%);border-radius:999px;padding:7px 10px;background:rgba(244,201,93,.08);font-size:12px;font-weight:850;}
@media(max-width:980px){body.mission-control-mode .mission-control-shell{grid-template-columns:1fr;}body.mission-control-mode .mission-sidebar{position:relative;height:auto;}body.mission-control-mode .mission-metric-grid,body.mission-control-mode .mission-twin-grid,body.mission-control-mode .mission-placeholder-grid{grid-template-columns:1fr 1fr;}body.mission-control-mode .mission-customer-row{grid-template-columns:1fr;}}
@media(max-width:640px){body.mission-control-mode .mission-metric-grid,body.mission-control-mode .mission-twin-grid,body.mission-control-mode .mission-placeholder-grid,body.mission-control-mode .mission-filter-row,body.mission-control-mode .mission-health-banner,body.mission-control-mode .mission-health-grid{grid-template-columns:1fr;}body.mission-control-mode .mission-hero{display:grid;}}
/* IP-014 Platform foundation */
body.mission-control-mode .mission-product-grid,
body.mission-control-mode .mission-foundation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
body.mission-control-mode .mission-product-card,
body.mission-control-mode .mission-foundation-card{display:grid;gap:12px;align-content:start;min-height:150px;}
body.mission-control-mode .mission-product-card h3,
body.mission-control-mode .mission-foundation-card h3{font-family:var(--font-display);font-size:24px;line-height:1.08;margin:2px 0 0;}
body.mission-control-mode .mission-product-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;}
body.mission-control-mode .mission-product-meta span{border:1px solid color-mix(in srgb,var(--line),transparent 24%);border-radius:999px;padding:6px 9px;color:var(--muted);font-size:12px;font-weight:850;text-transform:uppercase;}
body.mission-control-mode .mission-foundation-list{display:grid;gap:8px;}
body.mission-control-mode .mission-foundation-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;padding:10px;border:1px solid color-mix(in srgb,var(--line),transparent 30%);border-radius:8px;background:rgba(255,255,255,.03);}
body.mission-control-mode .mission-foundation-row strong{display:block;font-size:14px;margin-bottom:3px;}
body.mission-control-mode .mission-foundation-row span{color:var(--muted);font-size:12px;white-space:nowrap;}
@media(max-width:980px){body.mission-control-mode .mission-product-grid,body.mission-control-mode .mission-foundation-grid{grid-template-columns:1fr;}}
@media(max-width:640px){body.mission-control-mode .mission-foundation-row{grid-template-columns:1fr;}}
/* IP-015 Commerce foundation */
body.mission-control-mode .mission-commerce-card,
body.mission-control-mode .mission-access-card,
body.mission-control-mode .mission-delivery-card,
body.mission-control-mode .mission-activation-card{min-height:190px;}
body.mission-control-mode .mission-commerce-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
body.mission-control-mode .mission-commerce-grid>div{padding:10px;border:1px solid color-mix(in srgb,var(--line),transparent 30%);border-radius:8px;background:rgba(255,255,255,.03);}
body.mission-control-mode .mission-commerce-grid span{display:block;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;margin-bottom:5px;}
body.mission-control-mode .mission-commerce-grid strong{display:block;font-size:17px;line-height:1.12;}
@media(max-width:640px){body.mission-control-mode .mission-commerce-grid{grid-template-columns:1fr;}}
/* IP-016 Workflow foundation */
body.mission-control-mode .mission-workflow-card,
body.mission-control-mode .mission-learning-card{min-height:170px;}
body.mission-control-mode .mission-workflow-card h3{font-family:var(--font-display);font-size:24px;line-height:1.08;margin:2px 0 8px;}

/* IP-023 Operations Health Center */
body.mission-control-mode .mission-operations-card{min-height:180px;}
body.mission-control-mode .mission-operations-row{grid-template-columns:minmax(0,1fr) auto;}
body.mission-control-mode .mission-operations-row .btn{align-self:start;}

/* IP-019 Learning Assignment foundation */
body.mission-control-mode .mission-learning-list{display:grid;gap:10px;}
body.mission-control-mode .mission-learning-row{grid-template-columns:minmax(0,1fr) minmax(100px,auto);}

/* RC-003 Dashboard v3: Kaivalya Pro experience */
body.client-portal-mode .client-pro-shell .client-only-sidebar{padding-bottom:18px;}
body.client-portal-mode .client-pro-shell .client-step-nav{gap:18px;margin-top:20px;}
body.client-portal-mode .portal-nav-group{display:grid;gap:8px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--line),transparent 30%);}
body.client-portal-mode .portal-nav-group:first-child{border-top:0;padding-top:0;}
body.client-portal-mode .portal-nav-group-label{color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;padding:0 4px;}
body.client-portal-mode .portal-nav-glyph{width:32px;height:32px;border:1px solid color-mix(in srgb,var(--line),transparent 16%);border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.035);position:relative;}
body.client-portal-mode .portal-nav-glyph:before,
body.client-portal-mode .portal-nav-glyph:after,
body.client-portal-mode .portal-nav-glyph i{content:"";display:block;position:absolute;background:var(--text);opacity:.86;}
body.client-portal-mode .portal-nav-glyph-home:before{width:15px;height:11px;bottom:7px;border:2px solid var(--text);border-top:0;background:transparent;}
body.client-portal-mode .portal-nav-glyph-home:after{width:14px;height:14px;top:6px;transform:rotate(45deg);border-left:2px solid var(--text);border-top:2px solid var(--text);background:transparent;}
body.client-portal-mode .portal-nav-glyph-products:before{width:14px;height:14px;border:2px solid var(--text);border-radius:4px;background:transparent;left:7px;top:7px;}
body.client-portal-mode .portal-nav-glyph-products:after{width:12px;height:12px;border:2px solid var(--text);border-radius:4px;background:transparent;right:6px;bottom:6px;opacity:.62;}
body.client-portal-mode .portal-nav-glyph-support:before{width:16px;height:11px;border:2px solid var(--text);border-radius:8px;background:transparent;top:8px;}
body.client-portal-mode .portal-nav-glyph-support:after{width:7px;height:7px;border-left:2px solid var(--text);border-bottom:2px solid var(--text);background:transparent;transform:rotate(-45deg);bottom:7px;right:9px;}
body.client-portal-mode .client-pro-shell .client-shell-topbar{grid-template-columns:1fr;padding-bottom:12px;margin-bottom:10px;}
body.client-portal-mode .client-dashboard-v3{display:grid;gap:14px;}
body.client-portal-mode .client-dashboard-v3-hero{grid-template-columns:minmax(0,1fr) auto;align-items:end;min-height:132px;padding-top:16px;padding-bottom:16px;}
body.client-portal-mode .client-dashboard-v3-hero h1{font-size:clamp(30px,4vw,52px);line-height:1;max-width:720px;}
body.client-portal-mode .client-dashboard-v3-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:14px;align-items:start;}
body.client-portal-mode .client-dashboard-v3-layout .client-dashboard-card{display:grid;gap:12px;min-height:0;}
body.client-portal-mode .membership-card,
body.client-portal-mode .advisor-guidance-card{align-content:start;}
body.client-portal-mode .today-mission-card{grid-row:span 2;border-color:color-mix(in srgb,#f4c95d,transparent 54%);background:linear-gradient(145deg,rgba(244,201,93,.09),rgba(255,255,255,.035));}
body.client-portal-mode .today-mission-card h3{font-family:var(--font-display);font-size:clamp(26px,3vw,42px);line-height:1.02;margin:4px 0;}
body.client-portal-mode .current-product-section{grid-column:span 1;}
body.client-portal-mode .current-product-card{border-radius:8px;padding:12px;background:var(--input);border:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;box-shadow:none;}
body.client-portal-mode .product-progress-card{grid-column:span 1;}
body.client-portal-mode .product-progress-list{display:grid;gap:8px;}
body.client-portal-mode .product-progress-step{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:8px;background:var(--input);padding:9px 10px;color:var(--muted);font-size:13px;font-weight:750;}
body.client-portal-mode .product-progress-step b{width:10px;height:10px;border-radius:999px;border:2px solid color-mix(in srgb,var(--muted),transparent 25%);}
body.client-portal-mode .product-progress-step.done{color:var(--text);border-color:rgba(104,211,145,.35);}
body.client-portal-mode .product-progress-step.done b{background:#68d391;border-color:#68d391;}
body.client-portal-mode .recent-activity-card{grid-column:span 2;}
body.client-portal-mode .product-workspace-page{gap:14px;}
body.client-portal-mode .product-workspace-card{border-radius:8px;min-height:240px;}
body.client-portal-mode .product-workspace-detail .client-dashboard-hero{grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);}
body.client-portal-mode .product-overview-card,
body.client-portal-mode .product-installation-card,
body.client-portal-mode .product-methodology-card,
body.client-portal-mode .product-support-card{min-height:170px;}
body.client-portal-mode .client-support-workspace{display:grid;gap:14px;}
body.client-portal-mode .support-workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
body.client-portal-mode .support-workspace-grid .client-dashboard-card{min-height:170px;align-content:start;}
@media(max-width:980px){
  body.client-portal-mode .client-dashboard-v3-layout,
  body.client-portal-mode .client-dashboard-v3-hero,
  body.client-portal-mode .product-workspace-detail .client-dashboard-hero,
  body.client-portal-mode .support-workspace-grid{grid-template-columns:1fr;}
  body.client-portal-mode .today-mission-card,
  body.client-portal-mode .recent-activity-card{grid-column:auto;grid-row:auto;}
  body.client-portal-mode .current-product-card{grid-template-columns:1fr;}
}
body.client-portal-mode .product-empty-state{padding:22px;border:1px solid var(--line);border-radius:8px;background:var(--input);display:grid;gap:10px;justify-items:start;}
body.client-portal-mode .product-empty-state h3{margin:0;font-family:var(--font-display);font-size:24px;line-height:1.08;}
body.client-portal-mode .client-support-workspace>.client-dashboard-hero{min-height:122px;padding:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;}
body.client-portal-mode .client-support-workspace>.client-dashboard-hero h1{font-size:clamp(28px,3.6vw,46px);line-height:1;margin:4px 0;}
body.client-portal-mode .client-support-workspace>.client-dashboard-hero .btn.primary{min-height:36px;padding:8px 12px;font-size:12px;}

/* RC-003B: Kaivalya Design System v1 migration for Client Portal */
body.client-portal-mode .client-only-shell[data-client-shell]{
  grid-template-columns:304px minmax(0,1fr);
  background:
    linear-gradient(180deg,rgba(225,191,99,.035),transparent 34%),
    radial-gradient(circle at 96% 6%,rgba(225,191,99,.08),transparent 17%),
    linear-gradient(135deg,var(--bg),var(--bg-2));
}
body.client-portal-mode .client-only-sidebar.sidebar{
  padding:26px 20px;
  gap:22px;
  background:
    radial-gradient(circle at 15% 6%,rgba(225,191,99,.10),transparent 20%),
    linear-gradient(180deg,#052016,#03100b 68%,#020906);
  border-right-color:rgba(225,191,99,.28);
  box-shadow:18px 0 54px rgba(0,0,0,.18);
}
body.client-portal-mode .client-brand-block{
  padding:0 6px 18px;
  gap:16px;
}
body.client-portal-mode .client-brand-block .brand-name{
  color:var(--text);
  font-size:20px;
  text-shadow:0 0 24px rgba(225,191,99,.16);
}
body.client-portal-mode .client-brand-block .brand-sub{
  color:var(--gold-2);
  opacity:.92;
}
body.client-portal-mode .client-step-nav{
  gap:20px;
  margin-top:0;
}
body.client-portal-mode .portal-nav-group{
  gap:7px;
  padding:0 0 18px;
  border-top:0;
  border-bottom:1px solid rgba(225,191,99,.16);
}
body.client-portal-mode .portal-nav-group:last-child{border-bottom:0;}
body.client-portal-mode .portal-nav-group-label{
  color:var(--gold-2);
  opacity:.82;
  letter-spacing:.20em;
  padding:0 10px;
}
body.client-portal-mode .portal-menu-link.nav-btn{
  min-height:50px;
  border:1px solid transparent;
  border-radius:16px;
  padding:12px;
  color:var(--muted);
  grid-template-columns:31px minmax(0,1fr);
}
body.client-portal-mode .portal-menu-link.nav-btn:hover{
  background:rgba(21,75,52,.38);
  border-color:rgba(225,191,99,.12);
  color:var(--text);
}
body.client-portal-mode .portal-menu-link.nav-btn.active{
  position:relative;
  background:linear-gradient(135deg,rgba(15,77,53,.92),rgba(19,91,61,.74));
  border-color:rgba(225,191,99,.50);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 15px 34px rgba(0,0,0,.18);
}
body.client-portal-mode .portal-menu-link.nav-btn.active:after{
  content:"";
  position:absolute;
  right:-1px;
  top:10px;
  bottom:10px;
  width:3px;
  border-radius:999px;
  background:var(--gold-2);
  box-shadow:0 0 16px rgba(225,191,99,.65);
}
body.client-portal-mode .portal-nav-glyph{
  width:31px;
  height:31px;
  border-radius:12px;
  border:1px solid rgba(225,191,99,.16);
  background:rgba(225,191,99,.08);
}
body.client-portal-mode .portal-nav-glyph:before,
body.client-portal-mode .portal-nav-glyph:after,
body.client-portal-mode .portal-nav-glyph i{
  background:var(--gold-2);
  border-color:var(--gold-2)!important;
}
body.client-portal-mode .client-membership-card{
  margin-top:auto;
}
body.client-portal-mode .focus-card,
body.client-portal-mode .client-membership-card{
  height:auto!important;
  max-height:none!important;
  min-height:0;
  overflow:visible;
}
body.client-portal-mode .membership-card-title-row{
  position:relative;
  z-index:2;
}
body.client-portal-mode .client-membership-card h3{
  font-size:19px;
  color:var(--gold-2);
}
body.client-portal-mode .client-shell-user{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  border-color:rgba(225,191,99,.22);
  background:rgba(15,77,53,.24);
}
body.client-portal-mode .client-only-main{
  padding:30px 32px;
}
body.client-portal-mode .client-shell-topbar{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-start;
  margin-bottom:26px;
  padding-bottom:0;
}
body.client-portal-mode .client-shell-topbar .title-wrap h1{
  font-size:44px;
  color:var(--text);
}
body.client-portal-mode .client-shell-topbar .title-wrap p{
  color:var(--muted);
}
body.client-portal-mode .client-portal-view,
body.client-portal-mode .client-dashboard-shell,
body.client-portal-mode .client-support-workspace,
body.client-portal-mode .product-center-page,
body.client-portal-mode .product-detail-page{
  gap:18px;
}
body.client-portal-mode .client-dashboard-hero.card,
body.client-portal-mode .client-dashboard-card.card,
body.client-portal-mode .product-center-card.card,
body.client-portal-mode .client-placeholder-page.card,
body.client-portal-mode .client-shell-state.card{
  border-radius:var(--radius-lg);
  border-color:rgba(225,191,99,.22);
  background:linear-gradient(145deg,rgba(16,31,24,.98),rgba(13,26,21,.98));
  box-shadow:var(--shadow);
}
body.client-portal-mode .client-dashboard-hero.card{
  padding:18px;
}
body.client-portal-mode .client-dashboard-hero.card.decor:before,
body.client-portal-mode .client-dashboard-card.card.decor:before{
  width:92px;
  height:92px;
  border-color:rgba(225,191,99,.15);
  border-radius:34px;
}
body.client-portal-mode .client-dashboard-v3{
  gap:18px;
}
body.client-portal-mode .client-dashboard-v3-hero{
  min-height:0;
  grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);
  align-items:center;
  border-color:rgba(225,191,99,.38);
  background:linear-gradient(145deg,rgba(15,77,53,.76),rgba(13,26,21,.98));
}
body.client-portal-mode .client-dashboard-v3-hero h1{
  font-size:clamp(34px,4.4vw,58px);
  margin:8px 0;
  max-width:820px;
}
body.client-portal-mode .client-hero-mission-list{
  border:1px solid rgba(225,191,99,.28);
  border-radius:18px;
  background:rgba(6,18,13,.58);
  padding:14px;
  display:grid;
  gap:12px;
}
body.client-portal-mode .client-hero-mission-list ol{
  margin:0;
  padding-left:18px;
  display:grid;
  gap:8px;
  color:var(--text);
  font-size:13px;
  font-weight:750;
  line-height:1.35;
}
body.client-portal-mode .client-hero-mission-list .btn{
  width:100%;
}
body.client-portal-mode .client-dashboard-v3-layout{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
body.client-portal-mode .today-mission-card{
  grid-column:span 2;
  grid-row:span 2;
  min-height:246px;
  border-color:rgba(225,191,99,.38)!important;
  background:linear-gradient(150deg,rgba(15,77,53,.62),rgba(13,26,21,.98))!important;
}
body.client-portal-mode .today-mission-card h3{
  font-size:clamp(28px,3.2vw,44px);
}
body.client-portal-mode .membership-card,
body.client-portal-mode .advisor-guidance-card,
body.client-portal-mode .current-product-section,
body.client-portal-mode .product-progress-card{
  min-height:170px;
}
body.client-portal-mode .recent-activity-card{
  grid-column:span 3;
}
body.client-portal-mode .current-product-card,
body.client-portal-mode .product-resource-item,
body.client-portal-mode .product-progress-step,
body.client-portal-mode .delivery-summary-grid>div,
body.client-portal-mode .license-detail-grid>div{
  border-radius:16px;
  background:rgba(128,128,128,.045);
}
body.client-portal-mode .product-center-grid{
  gap:18px;
}
body.client-portal-mode .product-workspace-card{
  min-height:252px;
  align-content:space-between;
}
body.client-portal-mode .product-action-grid .btn.ghost{
  background:rgba(128,128,128,.045);
}
body.client-portal-mode .product-workspace-detail .client-dashboard-hero{
  grid-template-columns:minmax(0,1fr) minmax(320px,.55fr);
  background:linear-gradient(145deg,rgba(15,77,53,.56),rgba(13,26,21,.98));
}
body.client-portal-mode .support-workspace-grid{
  gap:18px;
}
body.client-portal-mode .client-support-workspace>.client-dashboard-hero{
  min-height:0;
  padding:18px;
  border-color:rgba(225,191,99,.34);
  background:linear-gradient(145deg,rgba(15,77,53,.62),rgba(13,26,21,.98));
}
body.client-portal-mode .client-support-workspace>.client-dashboard-hero h1{
  font-size:clamp(34px,4vw,54px);
  margin:8px 0;
}
body.client-portal-mode .product-empty-state{
  border-radius:18px;
  border-style:dashed;
  background:rgba(128,128,128,.045);
}
@media(max-width:1180px){
  body.client-portal-mode .client-dashboard-v3-layout{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.client-portal-mode .recent-activity-card{grid-column:span 2;}
}
@media(max-width:980px){
  body.client-portal-mode .client-only-shell[data-client-shell]{grid-template-columns:1fr;}
  body.client-portal-mode .client-only-sidebar.sidebar{
    width:min(304px,86vw);
    padding:26px 20px;
  }
  body.client-portal-mode .client-dashboard-v3-hero,
  body.client-portal-mode .product-workspace-detail .client-dashboard-hero{grid-template-columns:1fr;}
  body.client-portal-mode .client-dashboard-v3-layout,
  body.client-portal-mode .product-center-grid,
  body.client-portal-mode .product-detail-grid,
  body.client-portal-mode .support-workspace-grid{grid-template-columns:1fr;}
  body.client-portal-mode .today-mission-card,
  body.client-portal-mode .recent-activity-card,
  body.client-portal-mode .delivery-center-card,
  body.client-portal-mode .license-center-card{grid-column:auto;}
}
@media(max-width:760px){
  body.client-portal-mode .client-only-main{padding:70px 16px 16px;}
  body.client-portal-mode .client-shell-topbar .title-wrap h1{font-size:34px;}
  body.client-portal-mode .client-dashboard-v3-hero h1,
  body.client-portal-mode .client-support-workspace>.client-dashboard-hero h1{font-size:34px;}
}

/* Canonical authenticated shell: Client Portal and Mission Control render inside the shared Admin Overview shell. */
.app-shell{
  display:grid!important;
  grid-template-columns:304px minmax(0,1fr)!important;
  min-height:100vh!important;
}
.app-shell>.sidebar{
  width:auto!important;
}
.app-shell .nav{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:18px!important;
  justify-items:stretch!important;
}
.app-shell .nav-heading{
  display:block!important;
}
.app-shell .nav-btn{
  width:100%!important;
  height:auto!important;
  min-height:48px!important;
  padding:12px!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:11px!important;
  border-radius:16px!important;
}
.app-shell .nav-btn span:not(.nav-ico){
  display:inline!important;
}
.app-shell .nav-ico{
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  margin:0!important;
}
body.client-portal-mode .app-shell,
body.mission-control-mode .app-shell{
  display:grid!important;
  grid-template-columns:304px minmax(0,1fr)!important;
  min-height:100vh!important;
}
body.client-portal-mode .app-shell>.sidebar,
body.mission-control-mode .app-shell>.sidebar{
  display:flex!important;
  position:sticky!important;
  top:0!important;
  height:100vh!important;
  width:auto!important;
}
body.client-portal-mode .app-shell>.main,
body.mission-control-mode .app-shell>.main{
  display:block!important;
  padding:30px 32px!important;
  min-width:0!important;
}
body.client-portal-mode .app-shell>.main>.topbar,
body.mission-control-mode .app-shell>.main>.topbar{
  display:grid!important;
}
body.client-portal-mode #view,
body.mission-control-mode #view{
  padding:0!important;
}
body.client-portal-mode .mobile-appbar,
body.mission-control-mode .mobile-appbar{
  display:none;
}
body.client-portal-mode .client-portal-view,
body.mission-control-mode .mission-control-content{
  display:grid;
  gap:18px;
}
body.mission-control-mode .mission-control-content{grid-template-columns:260px minmax(0,1fr);align-items:start;}
body.mission-control-mode .mission-section-nav{display:grid;gap:8px;align-content:start;position:sticky;top:18px;}
body.mission-control-mode .mission-section-nav h2{font-family:var(--font-display);font-size:28px;line-height:1.08;margin:0;}
body.mission-control-mode .mission-section-nav .mission-nav-link{width:100%;}
body.mission-control-mode .mission-workspace{min-width:0;display:grid;gap:16px;}
body.mission-control-mode .mission-settings-link{margin-top:10px;justify-content:center;}
body.mission-control-mode .mission-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
body.mission-control-mode .mission-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
body.mission-control-mode .mission-action-card{display:grid;gap:9px;text-align:left;align-content:start;min-height:160px;color:var(--text);cursor:pointer;}
body.mission-control-mode .mission-action-card strong{font-size:18px;line-height:1.35;}
body.mission-control-mode .mission-action-card>span:last-child{color:var(--gold);font-size:12px;font-weight:850;text-transform:uppercase;margin-top:auto;}
.email-drip-studio{display:grid;gap:16px;}
.email-drip-campaigns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.email-drip-card{display:grid;gap:14px;align-content:start;}
.email-drip-card textarea{min-height:120px;}
@media(max-width:980px){body.mission-control-mode .mission-control-content{grid-template-columns:1fr;}body.mission-control-mode .mission-section-nav{position:static;}body.mission-control-mode .mission-summary-grid,.email-drip-campaigns{grid-template-columns:1fr 1fr;}}
@media(max-width:640px){body.mission-control-mode .mission-summary-grid,body.mission-control-mode .mission-action-grid,.email-drip-campaigns{grid-template-columns:1fr;}}
body.client-portal-mode .nav{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:18px!important;
  justify-items:stretch!important;
}
body.client-portal-mode .nav-heading{
  display:block!important;
}
body.client-portal-mode .nav-btn{
  width:100%!important;
  height:auto!important;
  min-height:48px!important;
  padding:12px!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:11px!important;
  border-radius:16px!important;
}
body.client-portal-mode .nav-btn span:not(.nav-ico){
  display:inline!important;
}
body.client-portal-mode .nav-ico{
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  margin:0!important;
}
body.client-portal-mode .focus-card{
  display:block!important;
}
body.client-portal-mode .user-card{
  display:flex!important;
}
body.client-portal-mode #quickAddBtn,
body.client-portal-mode #quickAddBtn[hidden]{
  display:none!important;
}
body.client-portal-mode .search-box,
body.client-portal-mode .search-box[hidden]{
  display:none!important;
}
.app-shell .nav-heading,
body.client-portal-mode .nav-heading{
  text-align:left!important;
}
.client-top-account{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:42px;
  border:1px solid rgba(225,191,99,.22);
  border-radius:16px;
  padding:5px 6px 5px 8px;
  background:rgba(15,77,53,.18);
}
.client-top-account[hidden]{display:none!important;}
.client-top-account .avatar.mini{
  width:30px;
  height:30px;
  min-width:30px;
  border-radius:11px;
  font-size:13px;
}
.client-top-account-copy{
  display:grid;
  gap:1px;
  min-width:110px;
}
.client-top-account-copy strong{
  font-size:12px;
  line-height:1.15;
  color:var(--text);
}
.client-top-account-copy span{
  font-size:11px;
  color:var(--muted);
}
.client-top-account .icon-btn{
  width:32px;
  height:32px;
  min-width:32px;
  border-radius:11px;
  font-size:18px;
}
body.client-portal-mode .theme-toggle,
body.mission-control-mode .theme-toggle{
  height:40px;
  align-items:center;
}
body.client-portal-mode .theme-toggle button,
body.mission-control-mode .theme-toggle button{
  height:32px;
  padding:0 14px;
}
body.client-portal-mode .product-center-card{
  display:grid;
  gap:16px;
}
body.client-portal-mode .product-positioning{
  margin:4px 0 8px;
  color:var(--gold-2);
  font-weight:900;
  letter-spacing:.01em;
}
body.client-portal-mode .product-capability-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
body.client-portal-mode .product-capability-block{
  border:1px solid var(--line);
  border-radius:16px;
  padding:12px;
  background:rgba(128,128,128,.045);
}
body.client-portal-mode .product-capability-block>strong{
  display:block;
  margin-bottom:9px;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--gold-2);
}
body.client-portal-mode .product-capability-list{
  display:grid;
  gap:7px;
}
body.client-portal-mode .product-capability-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:30px;
}
body.client-portal-mode .product-capability-row>span:first-child{
  color:var(--text);
  font-size:13px;
}
body.client-portal-mode .product-upgrade-note{
  border:1px dashed rgba(225,191,99,.28);
  border-radius:14px;
  padding:10px 12px;
  color:var(--muted);
  font-size:13px;
  background:rgba(225,191,99,.055);
}
@media(max-width:980px){
  body.client-portal-mode .product-capability-grid{grid-template-columns:1fr;}
  .client-top-account{width:100%;justify-content:space-between;}
}
.user-card #logoutBtn{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  display:grid!important;
  place-items:center!important;
}
body.mission-control-mode .mission-section-nav{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:10px;
}
body.mission-control-mode .mission-nav-link{
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--input);
  color:var(--muted);
  padding:10px 12px;
  min-height:46px;
  display:grid;
  gap:2px;
  text-align:left;
}
body.mission-control-mode .mission-nav-link.active{
  color:var(--text);
  border-color:var(--gold);
  background:linear-gradient(135deg,var(--brand),var(--brand-2));
}
body.client-portal-mode .search-box input:disabled{
  opacity:.68;
  cursor:not-allowed;
}
@media(max-width:980px){
  body.client-portal-mode .app-shell,
  body.mission-control-mode .app-shell{
    grid-template-columns:1fr!important;
  }
  body.client-portal-mode .app-shell>.sidebar,
  body.mission-control-mode .app-shell>.sidebar{
    position:relative!important;
    height:auto!important;
  }
  body.client-portal-mode .app-shell>.main,
  body.mission-control-mode .app-shell>.main{
    padding:18px!important;
  }
}

/* RC-003E: Client Home returns to the pre-overhaul guided content rhythm inside the canonical shell. */
body.client-portal-mode .client-home-baseline{
  display:grid;
  gap:16px;
}
body.client-portal-mode .client-home-hero{
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  padding:18px 20px;
  border-color:rgba(225,191,99,.34);
  background:linear-gradient(145deg,rgba(15,77,53,.58),rgba(13,26,21,.98));
}
body.client-portal-mode .client-home-hero h1{
  font-size:clamp(30px,3.6vw,50px);
  line-height:1;
  margin:5px 0 7px;
}
body.client-portal-mode .client-home-hero p{
  max-width:760px;
  line-height:1.45;
}
body.client-portal-mode .client-home-video{
  display:grid;
  grid-template-columns:minmax(320px,.8fr) minmax(0,1fr);
  align-items:center;
  gap:22px;
  padding:20px;
  border-radius:var(--radius-lg);
  border-color:rgba(225,191,99,.28);
  background:linear-gradient(145deg,rgba(16,31,24,.98),rgba(13,26,21,.98));
  box-shadow:var(--shadow);
}
body.client-portal-mode .client-home-video .video-placeholder{
  min-height:220px;
  height:220px;
  border-radius:18px;
  background:radial-gradient(circle at 45% 35%,rgba(225,191,99,.20),transparent 42%),rgba(5,20,14,.72);
}
body.client-portal-mode .client-home-video h3{
  font-size:clamp(24px,2.4vw,36px);
  line-height:1.05;
  margin:5px 0 8px;
}
body.client-portal-mode .client-home-video .module-points{
  margin:10px 0 12px;
}
body.client-portal-mode .client-home-next-step{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  padding:18px 20px;
  border-color:rgba(225,191,99,.34);
  background:linear-gradient(145deg,rgba(15,77,53,.42),rgba(13,26,21,.98));
}
body.client-portal-mode .client-home-next-step h3{
  font-size:clamp(24px,2.8vw,40px);
  line-height:1.05;
  margin:4px 0 7px;
}
body.client-portal-mode .client-home-grid{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);
  gap:16px;
  align-items:stretch;
}
body.client-portal-mode .client-product-guidance-card,
body.client-portal-mode .client-support-guidance-card{
  min-height:190px;
  align-content:start;
}
body.client-portal-mode .client-home-product-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
body.client-portal-mode .product-capability-grid{
  grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
  align-items:start;
}
body.client-portal-mode .product-capability-owned{
  border-color:rgba(104,211,145,.28);
  background:linear-gradient(145deg,rgba(15,77,53,.28),rgba(255,255,255,.035));
}
body.client-portal-mode .product-capability-upgrade{
  opacity:.86;
  background:rgba(128,128,128,.035);
}
body.client-portal-mode .product-capability-upgrade>strong{
  color:var(--muted);
}
body.client-portal-mode .product-upgrade-note{
  font-size:12px;
  color:var(--muted);
}
@media(min-width:1200px){
  body.client-portal-mode .client-home-baseline{gap:9px;}
  body.client-portal-mode .client-portal-view .client-home-hero.card{
    gap:11px;
    padding-top:11px;
    padding-bottom:11px;
  }
  body.client-portal-mode .client-portal-view .client-home-video.card{
    gap:13px;
    padding-top:12px !important;
    padding-bottom:12px !important;
  }
  body.client-portal-mode .client-portal-view .client-home-video .video-placeholder,
  body.client-portal-mode .client-portal-view .client-home-video .video-placeholder.course-video{
    min-height:145px !important;
    height:145px !important;
  }
  body.client-portal-mode .client-home-video h3{margin:3px 0 5px;}
  body.client-portal-mode .client-home-video .module-points{margin:6px 0 7px;}
  body.client-portal-mode .client-portal-view .client-home-next-step.card{
    gap:11px;
    padding-top:11px !important;
    padding-bottom:11px !important;
  }
  body.client-portal-mode .client-home-next-step h3{margin:3px 0 4px;}
  body.client-portal-mode .client-home-grid{gap:10px;}
  body.client-portal-mode .client-product-guidance-card,
  body.client-portal-mode .client-support-guidance-card{min-height:138px;}
  body.client-portal-mode .client-home-product-list{gap:7px;}
}
@media(max-width:1180px){
  body.client-portal-mode .client-home-video{grid-template-columns:minmax(280px,.95fr) minmax(0,1fr);}
  body.client-portal-mode .client-home-product-list{grid-template-columns:1fr;}
}
@media(max-width:980px){
  body.client-portal-mode .client-home-hero,
  body.client-portal-mode .client-home-video,
  body.client-portal-mode .client-home-next-step,
  body.client-portal-mode .client-home-grid,
  body.client-portal-mode .product-capability-grid{grid-template-columns:1fr;}
  body.client-portal-mode .client-home-video .video-placeholder{min-height:190px;height:190px;}
  body.client-portal-mode .client-home-next-step .next-step-action{justify-self:start;}
}
@media(max-width:640px){
  body.client-portal-mode .client-home-hero,
  body.client-portal-mode .client-home-video,
  body.client-portal-mode .client-home-next-step{padding:15px;}
  body.client-portal-mode .client-home-video .video-placeholder{min-height:170px;height:170px;}
}
/* RC polish: Support page guided chat layout. Scoped to the Client Portal page only. */
body.client-portal-mode .old-support-clone.support-chat-card{
  width:100% !important;
  max-width:900px !important;
  display:grid !important;
  gap:18px !important;
  padding:18px !important;
  min-height:0 !important;
}

/* Client topbar polish: old-reference icon toggle and no advisor logo. */
body.client-portal-mode #advisorTopBtn{
  display:none !important;
}
body.client-portal-mode .theme-toggle.premium-theme-toggle{
  height:38px !important;
  padding:3px !important;
  border-color:rgba(225,191,99,.36) !important;
  background:rgba(8,18,13,.72) !important;
}
body.client-portal-mode .theme-toggle.premium-theme-toggle button{
  width:48px !important;
  min-width:48px !important;
  height:30px !important;
  min-height:30px !important;
  padding:0 !important;
  border-radius:999px !important;
  font-size:13px !important;
  line-height:1 !important;
}
body.client-portal-mode .theme-toggle.premium-theme-toggle button.active{
  background:linear-gradient(180deg,#e8c965,#c89f3f) !important;
  color:#07130d !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 8px 22px rgba(184,137,46,.20) !important;
}
body.client-portal-mode .membership-upgrade-btn{
  position:relative !important;
  z-index:2 !important;
  min-height:28px !important;
  padding:5px 10px !important;
  border-color:rgba(225,191,99,.45) !important;
  background:linear-gradient(180deg,#e8c965,#c89f3f) !important;
  color:#07130d !important;
  font-size:10px !important;
  box-shadow:0 8px 18px rgba(184,137,46,.16) !important;
}
body.client-portal-mode .membership-top-tier-chip{
  position:relative !important;
  z-index:2 !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:5px 10px;
  border:1px solid rgba(225,191,99,.45);
  border-radius:11px;
  background:rgba(225,191,99,.14);
  color:var(--gold-2);
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}
body.client-portal-mode .old-support-clone .section-head.compact{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
body.client-portal-mode .old-support-clone .section-head.compact h3{
  font-family:var(--font-display) !important;
  font-size:clamp(28px,3vw,38px) !important;
  line-height:1.02 !important;
  margin:5px 0 8px !important;
}
body.client-portal-mode .old-support-clone .support-open-chat{
  border:1px solid var(--line) !important;
  border-radius:20px !important;
  background:var(--input) !important;
  padding:14px !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  align-items:stretch !important;
  gap:12px !important;
}
body.client-portal-mode .old-support-clone .support-open-chat > *{
  grid-column:1 / -1 !important;
}
body.client-portal-mode .old-support-clone .support-chat-messages{
  max-height:264px !important;
  min-height:78px !important;
  overflow:auto !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
body.client-portal-mode .old-support-clone .support-open-chat textarea{
  width:100% !important;
  min-height:90px !important;
  border:1px solid var(--line) !important;
  border-radius:18px !important;
  background:rgba(0,0,0,.18) !important;
  color:var(--text) !important;
  padding:14px !important;
  font:inherit !important;
  resize:vertical !important;
}
body.client-portal-mode .old-support-clone .support-send-row{
  display:flex !important;
  justify-content:flex-end !important;
}
body.client-portal-mode .old-support-clone .support-send-row .btn{
  min-width:112px !important;
}
body.client-portal-mode .old-support-clone .support-secondary-row{
  display:flex !important;
  justify-content:flex-start !important;
}
body.client-portal-mode .old-support-clone .support-quick-questions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  align-items:center !important;
}

/* My Products: guided ownership layout adapted from the preferred v1 product experience. */
body.client-portal-mode .product-access-details-card{
  border:1px solid var(--line);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(15,77,53,.26),rgba(8,24,16,.72));
  padding:16px;
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr);
  gap:16px;
  align-items:end;
}
body.client-portal-mode .product-access-details-card h3,
body.client-portal-mode .product-selector-panel h3,
body.client-portal-mode .product-start-panel h3,
body.client-portal-mode .product-start-card h4,
body.client-portal-mode .product-upgrade-strip h4{
  font-family:var(--font-display);
  margin:4px 0 8px;
}
body.client-portal-mode .product-account-fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
body.client-portal-mode .product-account-fields .field{
  margin:0;
}
body.client-portal-mode .product-account-fields .field span{
  display:block;
  color:var(--gold);
  font-size:10px;
  font-weight:950;
  letter-spacing:.14em;
  margin-bottom:7px;
  text-transform:uppercase;
}
body.client-portal-mode .product-account-fields input{
  min-height:42px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(0,0,0,.18);
  color:var(--text);
  padding:10px 12px;
}
body.client-portal-mode .product-account-fields .is-disabled{
  opacity:.58;
}
body.client-portal-mode .my-products-layout{
  display:grid;
  grid-template-columns:minmax(230px,.34fr) minmax(0,1fr);
  gap:14px;
  align-items:start;
}
body.client-portal-mode .product-selector-panel,
body.client-portal-mode .product-detail-panel{
  border:1px solid var(--line);
  border-radius:20px;
  background:rgba(128,128,128,.035);
  padding:14px;
}
body.client-portal-mode .product-selector-list{
  display:grid;
  gap:9px;
  margin-top:12px;
}
body.client-portal-mode .product-selector-item{
  width:100%;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(8,24,16,.62);
  color:var(--text);
  padding:12px;
  display:grid;
  gap:5px;
  text-align:left;
  transition:var(--ease);
}
body.client-portal-mode .product-selector-item:hover,
body.client-portal-mode .product-selector-item.active{
  border-color:rgba(214,174,72,.55);
  background:linear-gradient(135deg,rgba(47,122,87,.32),rgba(200,162,74,.12));
}
body.client-portal-mode .product-selector-item strong{
  font-size:17px;
}
body.client-portal-mode .product-selector-item small{
  color:var(--muted);
  line-height:1.45;
}
body.client-portal-mode .product-start-panel{
  display:grid;
  gap:14px;
}
body.client-portal-mode .product-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
body.client-portal-mode .product-title-row h3{
  font-size:clamp(30px,4vw,50px);
  line-height:.95;
}
body.client-portal-mode .product-platform-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}
body.client-portal-mode .product-platform-pill{
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(0,0,0,.16);
  padding:7px 10px;
  display:inline-flex;
  gap:8px;
  align-items:center;
}
body.client-portal-mode .product-platform-pill strong{
  font-size:12px;
}
body.client-portal-mode .product-platform-pill em{
  color:var(--gold);
  font-size:11px;
  font-style:normal;
  font-weight:950;
}
body.client-portal-mode .product-platform-pill.active{
  border-color:rgba(104,211,145,.36);
  background:rgba(47,122,87,.22);
}
body.client-portal-mode .product-platform-pill.upgrade-path,
body.client-portal-mode .product-platform-pill.auto-tier,
body.client-portal-mode .product-platform-pill.pending-username{
  border-color:rgba(214,174,72,.32);
}
body.client-portal-mode .product-detail-notes{
  display:grid;
  gap:7px;
}
body.client-portal-mode .product-detail-notes p{
  margin:0;
  color:var(--muted);
  line-height:1.5;
}
body.client-portal-mode .product-start-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
body.client-portal-mode .product-start-card,
body.client-portal-mode .product-upgrade-strip{
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(8,24,16,.58);
  padding:14px;
}
body.client-portal-mode .product-inline-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
body.client-portal-mode .product-start-steps{
  margin:10px 0 0;
  padding-left:20px;
  display:grid;
  gap:8px;
  color:var(--muted);
}
body.client-portal-mode .product-start-steps li{
  line-height:1.45;
}
body.client-portal-mode .product-upgrade-strip{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(280px,1fr);
  gap:14px;
  align-items:center;
}
body.client-portal-mode .product-upgrade-strip p{
  margin:0;
  color:var(--muted);
}
body.client-portal-mode .product-upgrade-pills{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}
body.client-portal-mode .product-upgrade-pills span{
  border:1px solid rgba(214,174,72,.28);
  border-radius:999px;
  background:rgba(200,162,74,.08);
  color:var(--text);
  padding:7px 10px;
  font-size:12px;
  font-weight:900;
}
@media(max-width:1100px){
  body.client-portal-mode .product-access-details-card,
  body.client-portal-mode .my-products-layout,
  body.client-portal-mode .product-upgrade-strip{
    grid-template-columns:1fr;
  }
  body.client-portal-mode .product-platform-badges,
  body.client-portal-mode .product-upgrade-pills{
    justify-content:flex-start;
  }
}
@media(max-width:760px){
  body.client-portal-mode .old-support-clone .support-send-row,
  body.client-portal-mode .old-support-clone .support-secondary-row{
    justify-content:stretch !important;
  }
  body.client-portal-mode .old-support-clone .support-send-row .btn,
  body.client-portal-mode .old-support-clone .support-secondary-row .btn{
    width:100% !important;
  }
  body.client-portal-mode .product-account-fields,
  body.client-portal-mode .product-start-grid{
    grid-template-columns:1fr;
  }
}

/* Client Home final density pass: larger welcome video and no lower guidance cards. */
body.client-portal-mode .client-portal-view .client-home-video.card{
  display:grid !important;
  grid-template-columns:minmax(0,3fr) minmax(320px,2fr) !important;
  align-items:center !important;
  gap:20px !important;
  padding:20px !important;
}
body.client-portal-mode .client-portal-view .client-home-video .video-placeholder,
body.client-portal-mode .client-portal-view .client-home-video .video-placeholder.course-video{
  width:100% !important;
  height:300px !important;
  min-height:300px !important;
  padding:24px !important;
}
body.client-portal-mode .client-home-grid{
  display:none !important;
}
@media(max-width:980px){
  body.client-portal-mode .client-portal-view .client-home-video.card{
    grid-template-columns:1fr !important;
  }
  body.client-portal-mode .client-portal-view .client-home-video .video-placeholder,
  body.client-portal-mode .client-portal-view .client-home-video .video-placeholder.course-video{
    height:220px !important;
    min-height:220px !important;
  }
}


/* Client Home compact one-off: keeps canonical shell, removes inherited dashboard spacing. */
body.client-portal-mode .client-home-compact{
  display:grid;
  gap:10px;
  align-self:start;
  align-content:start;
  align-items:start;
  grid-auto-rows:max-content;
  height:auto;
  min-height:0;
}
body.client-portal-mode .client-home-compact .card{
  align-self:start;
  height:auto;
  min-height:0;
}
body.client-portal-mode .client-home-compact-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:center;
  gap:18px;
  padding:20px 22px;
}
body.client-portal-mode .client-home-compact-hero h1{
  font-family:var(--font-display);
  font-size:clamp(32px,4vw,52px);
  line-height:.98;
  margin:5px 0 7px;
}
body.client-portal-mode .client-home-compact-hero p{
  max-width:900px;
  margin:0;
  line-height:1.42;
}
body.client-portal-mode .client-home-compact-video{
  display:grid;
  grid-template-columns:minmax(0,3fr) minmax(320px,2fr);
  align-items:center;
  gap:28px;
  padding:28px 30px;
}
body.client-portal-mode .client-home-compact-video-frame,
body.client-portal-mode .client-home-compact-video .video-placeholder,
body.client-portal-mode .client-home-compact-video .video-placeholder.course-video{
  width:100%;
  height:260px;
  min-height:260px;
  padding:22px;
  border-radius:20px;
}
body.client-portal-mode .client-home-compact-video-copy h3{
  font-family:var(--font-display);
  font-size:clamp(24px,2.4vw,36px);
  line-height:1.05;
  margin:6px 0 8px;
}
body.client-portal-mode .client-home-compact-video-copy p{
  margin:0 0 10px;
  line-height:1.45;
}
body.client-portal-mode .client-home-compact-video-copy .module-points{
  margin:8px 0 13px;
  padding-left:18px;
}
body.client-portal-mode .client-home-compact-video-copy li{
  margin-bottom:3px;
  line-height:1.36;
}
body.client-portal-mode .client-home-compact-next{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(320px,3fr);
  align-items:center;
  gap:16px;
  padding:18px 20px;
}
body.client-portal-mode .client-home-compact-next h3{
  font-family:var(--font-display);
  font-size:clamp(22px,2.4vw,32px);
  line-height:1.05;
  margin:4px 0 5px;
}
body.client-portal-mode .client-home-compact-next p{
  margin:0;
  line-height:1.38;
}
body.client-portal-mode .client-home-compact-next .next-step-action{
  justify-self:end;
}
body.client-portal-mode .client-home-next-progress .next-step-progress-area{
  display:grid;
  grid-template-columns:auto minmax(160px,1fr) auto;
  align-items:center;
  gap:12px;
}
body.client-portal-mode .client-home-next-progress .next-step-progress-head{
  display:grid;
  gap:1px;
  min-width:76px;
}
body.client-portal-mode .client-home-next-progress .next-step-progress-head strong{
  font-family:var(--font-display);
  font-size:28px;
  line-height:1;
}
body.client-portal-mode .client-home-next-progress .next-step-progress-head span{
  font-size:11px;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--muted);
  font-weight:900;
}
body.client-portal-mode .client-auto-progress-card{
  display:grid;
  gap:14px;
  align-content:start;
  padding:18px 20px;
}
body.client-portal-mode .client-auto-progress-card h3{
  margin:4px 0 4px;
}
body.client-portal-mode .client-auto-progress-card .progress-track{
  max-width:520px;
}
body.client-portal-mode .product-selector-first{
  padding-top:0;
}
body.client-portal-mode .product-selector-first .product-selector-list{
  margin-top:0;
}
body.client-portal-mode .client-profile-actions,
.internal-profile-page .client-profile-actions,
body.client-portal-mode .training-leave-actions{
  margin-top:20px;
  justify-content:flex-end;
}

/* Launch polish: softer login surface and consistent client completion/readiness states. */
.platform-auth{
  background:
    radial-gradient(circle at 18% 14%,rgba(225,191,99,.14),transparent 31%),
    radial-gradient(circle at 82% 78%,rgba(47,122,87,.20),transparent 38%),
    linear-gradient(145deg,#04130d,#0b2a1d 54%,#03100b)!important;
}
.platform-auth-card,
body.client-portal-mode .client-login-only-card{
  background:
    radial-gradient(circle at 78% 18%,rgba(225,191,99,.08),transparent 24%),
    linear-gradient(155deg,rgba(9,38,27,.98),rgba(3,20,14,.99))!important;
}
.platform-auth-card{
  padding:48px 58px!important;
  gap:28px!important;
}
.auth-brand-row{
  padding:10px 0 12px;
}
.platform-auth-card h1,
body.client-portal-mode .client-auth-brand.centered h1{
  font-size:clamp(34px,3.95vw,49px)!important;
  line-height:1.02!important;
}
.auth-access-note{display:none!important;}
.auth-help-panel{
  margin-top:4px;
  justify-items:start;
}
.auth-help-panel .spark{
  display:block;
  margin-bottom:2px;
}
.auth-help-panel p{
  max-width:100%;
}
.auth-help-actions{
  justify-content:flex-start;
  width:100%;
}
.client-auth-help-panel{
  margin-top:8px;
}
body.client-portal-mode .client-membership-card{
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  overflow:hidden!important;
  display:grid;
  align-content:start;
  gap:7px;
  box-sizing:border-box;
  padding:14px!important;
  margin-bottom:14px;
  flex-shrink:0;
}
body.client-portal-mode .client-membership-card:after{
  display:none!important;
}
body.client-portal-mode .client-membership-card .focus-progress{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  position:relative;
  z-index:2;
  margin-top:2px;
  font-size:11px;
}
body.client-portal-mode .client-membership-card h3{
  font-size:17px;
  line-height:1.05;
}
body.client-portal-mode .client-membership-card p{
  font-size:12px;
  line-height:1.35;
  margin:0;
}
body.client-portal-mode .app-shell>.sidebar,
body.client-portal-mode .app-shell>.client-only-sidebar.sidebar{
  height:100dvh!important;
  max-height:100dvh!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
}
body.client-portal-mode .app-shell>.sidebar .brand-block,
body.client-portal-mode .app-shell>.client-only-sidebar.sidebar .brand-block{
  flex:0 0 auto;
}
body.client-portal-mode .app-shell>.sidebar .nav,
body.client-portal-mode .app-shell>.client-only-sidebar.sidebar .nav{
  flex:1 1 auto;
  min-height:0;
  overflow:hidden!important;
  align-content:start;
  gap:10px!important;
}
body.client-portal-mode .app-shell>.sidebar .nav-group,
body.client-portal-mode .app-shell>.client-only-sidebar.sidebar .nav-group{
  gap:5px!important;
}
body.client-portal-mode .app-shell>.sidebar .nav-heading,
body.client-portal-mode .app-shell>.client-only-sidebar.sidebar .nav-heading{
  padding:0 8px;
  font-size:9px;
}
body.client-portal-mode .app-shell>.sidebar .nav-btn,
body.client-portal-mode .app-shell>.client-only-sidebar.sidebar .nav-btn{
  min-height:36px!important;
  padding:8px 10px!important;
  gap:9px!important;
}
body.client-portal-mode .app-shell>.sidebar .nav-ico,
body.client-portal-mode .app-shell>.client-only-sidebar.sidebar .nav-ico{
  width:28px;
  height:28px;
  border-radius:11px;
}
body.client-portal-mode .app-shell>.sidebar .client-membership-card,
body.client-portal-mode .app-shell>.client-only-sidebar.sidebar .client-membership-card{
  margin-top:0!important;
  margin-bottom:0!important;
  flex:0 0 auto;
}
body.client-portal-mode .step-complete-row,
body.client-portal-mode .account-step-complete-row{
  align-items:center;
}
body.client-portal-mode .step-complete-btn.is-complete{
  border-color:rgba(85,185,133,.42);
  background:rgba(85,185,133,.14);
  color:var(--green-2);
}
body.client-portal-mode .readiness-overall-card{
  display:grid;
  gap:14px;
}
body.client-portal-mode .shared-client-progress,
body.client-portal-mode .readiness-progress-track{
  height:8px;
  background:rgba(128,128,128,.16);
  border-radius:999px;
  overflow:hidden;
  margin-top:8px;
}
body.client-portal-mode .shared-client-progress span,
body.client-portal-mode .readiness-progress-track span{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,var(--green-2),var(--gold));
}
body.client-portal-mode .readiness-card{
  display:grid;
  gap:10px;
  align-content:start;
}
body.client-portal-mode .readiness-card.recommended,
body.client-portal-mode .readiness-card.readiness-complete{
  border-color:rgba(225,191,99,.48);
  background:linear-gradient(145deg,rgba(225,191,99,.14),rgba(47,122,87,.16));
  box-shadow:0 18px 46px rgba(47,122,87,.18),0 0 0 1px rgba(225,191,99,.12);
}
body.client-portal-mode .readiness-continue-btn{
  margin-top:2px;
}
body.client-portal-mode .readiness-card-actions{
  display:flex;
  justify-content:flex-end;
}
body.client-portal-mode .readiness-live-room-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:end;
}
body.client-portal-mode .readiness-action-row{
  display:flex;
  justify-content:flex-end;
}
body.client-portal-mode .readiness-action-btn{
  min-width:132px;
}
@media(max-width:760px){
  body.client-portal-mode .readiness-live-room-card{
    grid-template-columns:1fr;
  }
  body.client-portal-mode .readiness-action-row{
    justify-content:flex-start;
  }
}
@media(max-width:980px){
  body.client-portal-mode .client-home-compact-hero,
  body.client-portal-mode .client-home-compact-video,
  body.client-portal-mode .client-home-compact-next{
    grid-template-columns:1fr;
  }
  body.client-portal-mode .client-home-compact-video-frame,
  body.client-portal-mode .client-home-compact-video .video-placeholder,
  body.client-portal-mode .client-home-compact-video .video-placeholder.course-video{
    height:220px;
    min-height:220px;
  }
  body.client-portal-mode .client-home-compact-next .next-step-action{
    justify-self:start;
  }
  body.client-portal-mode .client-home-next-progress .next-step-progress-area{
    grid-template-columns:1fr;
    justify-items:start;
  }
}
@media(max-width:640px){
  .platform-auth-card{
    padding:30px 18px!important;
    gap:20px!important;
  }
  .auth-brand-row{
    padding:4px 0 6px;
  }
  .platform-auth-card h1,
  body.client-portal-mode .client-auth-brand.centered h1{
    font-size:35px!important;
  }
  body.client-portal-mode .client-home-compact-hero,
  body.client-portal-mode .client-home-compact-video,
  body.client-portal-mode .client-home-compact-next{
    padding:15px;
  }
  body.client-portal-mode .client-home-compact-video-frame,
  body.client-portal-mode .client-home-compact-video .video-placeholder,
  body.client-portal-mode .client-home-compact-video .video-placeholder.course-video{
    height:180px;
    min-height:180px;
  }
}


/* Client Portal Upgrade page: scoped membership comparison view. */
body.client-portal-mode .client-upgrade-page{
  display:grid;
  gap:16px;
}
body.client-portal-mode .client-upgrade-intro{
  max-width:760px;
  padding:0 4px 2px;
}
body.client-portal-mode .client-upgrade-intro h3,
body.client-portal-mode .upgrade-training-card h3,
body.client-portal-mode .upgrade-plan-card h3{
  font-family:var(--font-display);
  line-height:1.04;
  margin:6px 0 8px;
}
body.client-portal-mode .client-upgrade-intro h3{
  font-size:clamp(24px,2.6vw,34px);
}
body.client-portal-mode .upgrade-plan-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
}
body.client-portal-mode .upgrade-plan-card{
  display:grid;
  grid-template-rows:auto 1fr auto;
  gap:16px;
  min-height:360px;
  border-color:rgba(225,191,99,.22);
}
body.client-portal-mode .upgrade-plan-card.current{
  border-color:rgba(104,211,145,.38);
  background:linear-gradient(145deg,rgba(15,77,53,.34),rgba(13,26,21,.98));
}
body.client-portal-mode .upgrade-plan-card.recommended{
  border-color:rgba(225,191,99,.58);
  background:
    radial-gradient(circle at 78% 12%,rgba(225,191,99,.18),transparent 28%),
    linear-gradient(145deg,rgba(20,89,58,.50),rgba(13,26,21,.98));
  box-shadow:0 0 0 1px rgba(225,191,99,.14),0 20px 60px rgba(20,89,58,.18);
}
body.client-portal-mode .upgrade-plan-card.recommended .spark{
  color:var(--gold);
}
body.client-portal-mode .upgrade-plan-card h3{
  font-size:clamp(28px,3vw,42px);
}
body.client-portal-mode .upgrade-feature-list{
  display:grid;
  gap:9px;
  margin:0;
  padding-left:18px;
  color:var(--muted);
}
body.client-portal-mode .upgrade-feature-list li{
  line-height:1.4;
}
body.client-portal-mode .upgrade-training-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  border-color:rgba(225,191,99,.28);
  background:linear-gradient(145deg,rgba(200,162,74,.10),rgba(13,26,21,.98));
}
body.client-portal-mode .upgrade-training-card h3{
  font-size:clamp(26px,3vw,40px);
}
@media(max-width:1100px){
  body.client-portal-mode .upgrade-plan-grid{grid-template-columns:1fr;}
  body.client-portal-mode .upgrade-plan-card{min-height:0;}
}
@media(max-width:760px){
  body.client-portal-mode .upgrade-training-card{grid-template-columns:1fr;}
}

@media(max-width:980px){
  body.client-portal-mode .app-shell>.client-only-sidebar.sidebar{
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:min(300px,86vw)!important;
    height:100vh!important;
    z-index:170!important;
    transform:translateX(-105%)!important;
    transition:transform var(--ease)!important;
  }
  body.client-portal-mode.client-mobile-nav-open .app-shell>.client-only-sidebar.sidebar{
    transform:translateX(0)!important;
  }
  body.client-portal-mode .app-shell>.client-only-main.main{
    padding:70px 16px 16px!important;
  }
}

/* Light mode contrast repair: dark Client Portal cards keep readable foregrounds. */
html[data-theme="light"] body.client-portal-mode :is(
  .client-dashboard-hero.card,
  .client-dashboard-card.card,
  .client-placeholder-page.card,
  .client-shell-state.card,
  .client-membership-card,
  .client-home-compact .card,
  .product-center-page.card,
  .product-detail-page .card,
  .product-access-details-card,
  .product-selector-panel,
  .product-detail-panel,
  .product-selector-item,
  .product-start-card,
  .product-upgrade-strip,
  .support-chat-card,
  .client-profile-hero.card,
  .client-profile-card.card,
  .upgrade-plan-card.card,
  .upgrade-training-card.card,
  .journey-intro,
  .portal-course-side,
  .portal-course-main.card,
  .portal-course-main .card,
  .portal-video-module,
  .lesson-panel,
  .portal-quiz,
  .portal-check-item,
  .portal-why-check-item,
  .readiness-card,
  .portal-review-card,
  .archetype-card,
  .client-video-intro,
  .client-next-step-card,
  .portal-payment-card,
  .payment-mini-card
){
  color:#f8f1df;
}
html[data-theme="light"] body.client-portal-mode :is(
  .client-dashboard-hero.card,
  .client-dashboard-card.card,
  .client-placeholder-page.card,
  .client-shell-state.card,
  .client-membership-card,
  .client-home-compact .card,
  .product-center-page.card,
  .product-detail-page .card,
  .product-access-details-card,
  .product-selector-panel,
  .product-detail-panel,
  .product-selector-item,
  .product-start-card,
  .product-upgrade-strip,
  .support-chat-card,
  .client-profile-hero.card,
  .client-profile-card.card,
  .upgrade-plan-card.card,
  .upgrade-training-card.card,
  .journey-intro,
  .portal-course-side,
  .portal-course-main.card,
  .portal-course-main .card,
  .portal-video-module,
  .lesson-panel,
  .portal-quiz,
  .portal-check-item,
  .portal-why-check-item,
  .readiness-card,
  .portal-review-card,
  .archetype-card,
  .client-video-intro,
  .client-next-step-card,
  .portal-payment-card,
  .payment-mini-card
) :is(h1,h2,h3,h4,h5,h6,strong){
  color:#fff7e8;
}
html[data-theme="light"] body.client-portal-mode :is(
  .client-dashboard-hero.card,
  .client-dashboard-card.card,
  .client-placeholder-page.card,
  .client-shell-state.card,
  .client-membership-card,
  .client-home-compact .card,
  .product-center-page.card,
  .product-detail-page .card,
  .product-access-details-card,
  .product-selector-panel,
  .product-detail-panel,
  .product-selector-item,
  .product-start-card,
  .product-upgrade-strip,
  .support-chat-card,
  .client-profile-hero.card,
  .client-profile-card.card,
  .upgrade-plan-card.card,
  .upgrade-training-card.card,
  .journey-intro,
  .portal-course-side,
  .portal-course-main.card,
  .portal-course-main .card,
  .portal-video-module,
  .lesson-panel,
  .portal-quiz,
  .portal-check-item,
  .portal-why-check-item,
  .readiness-card,
  .portal-review-card,
  .archetype-card,
  .client-video-intro,
  .client-next-step-card,
  .portal-payment-card,
  .payment-mini-card
) :is(p,li,small,span,em,.muted,.micro,dd){
  color:#c9d8c8;
}
html[data-theme="light"] body.client-portal-mode :is(
  .client-dashboard-hero.card,
  .client-dashboard-card.card,
  .client-placeholder-page.card,
  .client-shell-state.card,
  .client-membership-card,
  .client-home-compact .card,
  .product-center-page.card,
  .product-detail-page .card,
  .product-access-details-card,
  .product-selector-panel,
  .product-detail-panel,
  .product-selector-item,
  .product-start-card,
  .product-upgrade-strip,
  .support-chat-card,
  .client-profile-hero.card,
  .client-profile-card.card,
  .upgrade-plan-card.card,
  .upgrade-training-card.card,
  .journey-intro,
  .portal-course-side,
  .portal-course-main.card,
  .portal-course-main .card,
  .portal-video-module,
  .lesson-panel,
  .portal-quiz,
  .portal-check-item,
  .portal-why-check-item,
  .readiness-card,
  .portal-review-card,
  .archetype-card,
  .client-video-intro,
  .client-next-step-card,
  .portal-payment-card,
  .payment-mini-card
) :is(.spark,.focus-kicker,label span,.field span,dt){
  color:var(--gold-2);
}
html[data-theme="light"] body.client-portal-mode :is(
  .product-access-details-card,
  .product-center-page.card,
  .product-detail-page .card,
  .support-chat-card,
  .client-profile-card.card
) :is(input,textarea,select){
  background:rgba(4,18,12,.72);
  border-color:rgba(225,191,99,.30);
  color:#fff7e8;
}
html[data-theme="light"] body.client-portal-mode :is(
  .product-access-details-card,
  .product-center-page.card,
  .product-detail-page .card,
  .support-chat-card,
  .client-profile-card.card
) :is(input,textarea)::placeholder{
  color:#9fb5a6;
}

/* Light mode final contrast pass: keep shell light, make content panels clearly dark. */
html[data-theme="light"] body.client-portal-mode :is(
  .client-dashboard-hero.card,
  .client-dashboard-card.card,
  .client-placeholder-page.card,
  .client-shell-state.card,
  .client-home-compact .card,
  .product-center-page.card,
  .product-detail-page .card,
  .product-access-details-card,
  .product-selector-panel,
  .product-detail-panel,
  .product-selector-item,
  .product-start-card,
  .product-upgrade-strip,
  .product-reference-image-card,
  .support-chat-card,
  .client-profile-hero.card,
  .client-profile-card.card,
  .upgrade-plan-card.card,
  .upgrade-training-card.card,
  .journey-intro,
  .portal-course-side,
  .portal-course-main.card,
  .portal-course-main .card,
  .portal-video-module,
  .lesson-panel,
  .portal-quiz,
  .portal-check-item,
  .portal-why-check-item,
  .readiness-card,
  .portal-review-card,
  .archetype-card,
  .client-video-intro,
  .client-next-step-card,
  .portal-payment-card,
  .payment-mini-card
){
  background:
    radial-gradient(circle at 82% 8%, rgba(225,191,99,.10), transparent 24%),
    linear-gradient(145deg, #10261d, #07150f) !important;
  border-color:rgba(133,104,42,.42) !important;
  box-shadow:0 18px 48px rgba(22,42,31,.18) !important;
}
html[data-theme="light"] body.client-portal-mode .client-membership-card{
  background:
    radial-gradient(circle at 84% 18%, rgba(225,191,99,.16), transparent 28%),
    linear-gradient(145deg, #286244, #173828) !important;
  color:#fff7e8;
  border-color:rgba(133,104,42,.48) !important;
}
html[data-theme="light"] body.client-portal-mode :is(
  .client-home-compact-video-frame,
  .client-home-compact-video .video-placeholder,
  .client-home-compact-video .video-placeholder.course-video,
  .portal-video-module .video-placeholder,
  .portal-video-module .video-placeholder.course-video
){
  background:rgba(4,18,12,.50) !important;
  border-color:rgba(225,191,99,.28) !important;
  color:#fff7e8 !important;
}
html[data-theme="light"] body.client-portal-mode :is(
  .client-dashboard-hero.card,
  .client-dashboard-card.card,
  .client-placeholder-page.card,
  .client-shell-state.card,
  .client-membership-card,
  .client-home-compact .card,
  .product-center-page.card,
  .product-detail-page .card,
  .product-access-details-card,
  .product-selector-panel,
  .product-detail-panel,
  .product-selector-item,
  .product-start-card,
  .product-upgrade-strip,
  .support-chat-card,
  .client-profile-hero.card,
  .client-profile-card.card,
  .upgrade-plan-card.card,
  .upgrade-training-card.card,
  .journey-intro,
  .portal-course-side,
  .portal-course-main.card,
  .portal-course-main .card,
  .portal-video-module,
  .lesson-panel,
  .portal-quiz,
  .portal-check-item,
  .portal-why-check-item,
  .readiness-card,
  .portal-review-card,
  .archetype-card,
  .client-video-intro,
  .client-next-step-card,
  .portal-payment-card,
  .payment-mini-card
) :is(h1,h2,h3,h4,h5,h6,strong){
  color:#fff8e9 !important;
  text-shadow:0 1px 0 rgba(0,0,0,.18);
}
html[data-theme="light"] body.client-portal-mode :is(
  .client-dashboard-hero.card,
  .client-dashboard-card.card,
  .client-placeholder-page.card,
  .client-shell-state.card,
  .client-membership-card,
  .client-home-compact .card,
  .product-center-page.card,
  .product-detail-page .card,
  .product-access-details-card,
  .product-selector-panel,
  .product-detail-panel,
  .product-selector-item,
  .product-start-card,
  .product-upgrade-strip,
  .support-chat-card,
  .client-profile-hero.card,
  .client-profile-card.card,
  .upgrade-plan-card.card,
  .upgrade-training-card.card,
  .journey-intro,
  .portal-course-side,
  .portal-course-main.card,
  .portal-course-main .card,
  .portal-video-module,
  .lesson-panel,
  .portal-quiz,
  .portal-check-item,
  .portal-why-check-item,
  .readiness-card,
  .portal-review-card,
  .archetype-card,
  .client-video-intro,
  .client-next-step-card,
  .portal-payment-card,
  .payment-mini-card
) :is(p,li,small,span,em,.muted,.micro,dd){
  color:#cfe2d1 !important;
}
html[data-theme="light"] body.client-portal-mode :is(
  .client-dashboard-hero.card,
  .client-dashboard-card.card,
  .client-placeholder-page.card,
  .client-shell-state.card,
  .client-membership-card,
  .client-home-compact .card,
  .product-center-page.card,
  .product-detail-page .card,
  .product-access-details-card,
  .product-selector-panel,
  .product-detail-panel,
  .product-selector-item,
  .product-start-card,
  .product-upgrade-strip,
  .support-chat-card,
  .client-profile-hero.card,
  .client-profile-card.card,
  .upgrade-plan-card.card,
  .upgrade-training-card.card,
  .journey-intro,
  .portal-course-side,
  .portal-course-main.card,
  .portal-course-main .card,
  .portal-video-module,
  .lesson-panel,
  .portal-quiz,
  .portal-check-item,
  .portal-why-check-item,
  .readiness-card,
  .portal-review-card,
  .archetype-card,
  .client-video-intro,
  .client-next-step-card,
  .portal-payment-card,
  .payment-mini-card
) :is(.spark,.focus-kicker,label span,.field span,dt){
  color:#e7bf55 !important;
}
html[data-theme="light"] body.client-portal-mode .progress-track{
  background:rgba(255,248,233,.18);
}
html[data-theme="light"] body.client-portal-mode .btn.ghost{
  background:#fffaf0;
  color:#10261d;
  border-color:rgba(133,104,42,.30);
}

/* Light mode sweep: every Client Portal content card uses the readable dark panel surface. */
html[data-theme="light"] body.client-portal-mode .client-portal-view :is(
  .card,
  .journey-intro,
  .portal-video-module,
  .lesson-panel,
  .portal-quiz,
  .portal-check-item,
  .portal-why-check-item,
  .readiness-card,
  .portal-review-card,
  .archetype-card,
  .support-panel,
  .product-selector-item,
  .product-start-card,
  .product-upgrade-strip,
  .client-next-step-card,
  .portal-payment-card,
  .payment-mini-card,
  .learning-lesson-row,
  .learning-assignment-detail-grid > div,
  .dashboard-identity-grid > div,
  .dashboard-product-pill
){
  background:
    radial-gradient(circle at 82% 8%, rgba(225,191,99,.10), transparent 24%),
    linear-gradient(145deg,#10261d,#07150f) !important;
  border-color:rgba(133,104,42,.42) !important;
  color:#f8f1df !important;
  box-shadow:0 18px 48px rgba(22,42,31,.18) !important;
}
html[data-theme="light"] body.client-portal-mode .client-portal-view :is(
  .card,
  .journey-intro,
  .portal-video-module,
  .lesson-panel,
  .portal-quiz,
  .portal-check-item,
  .portal-why-check-item,
  .readiness-card,
  .portal-review-card,
  .archetype-card,
  .support-panel,
  .product-selector-item,
  .product-start-card,
  .product-upgrade-strip,
  .client-next-step-card,
  .portal-payment-card,
  .payment-mini-card,
  .learning-lesson-row,
  .learning-assignment-detail-grid > div,
  .dashboard-identity-grid > div,
  .dashboard-product-pill
) :is(h1,h2,h3,h4,h5,h6,strong){
  color:#fff8e9 !important;
  text-shadow:0 1px 0 rgba(0,0,0,.18);
}
html[data-theme="light"] body.client-portal-mode .client-portal-view :is(
  .card,
  .journey-intro,
  .portal-video-module,
  .lesson-panel,
  .portal-quiz,
  .portal-check-item,
  .portal-why-check-item,
  .readiness-card,
  .portal-review-card,
  .archetype-card,
  .support-panel,
  .product-selector-item,
  .product-start-card,
  .product-upgrade-strip,
  .client-next-step-card,
  .portal-payment-card,
  .payment-mini-card,
  .learning-lesson-row,
  .learning-assignment-detail-grid > div,
  .dashboard-identity-grid > div,
  .dashboard-product-pill
) :is(p,li,small,span,em,.muted,.micro,dd){
  color:#cfe2d1 !important;
}
html[data-theme="light"] body.client-portal-mode .client-portal-view :is(
  .card,
  .journey-intro,
  .portal-video-module,
  .lesson-panel,
  .portal-quiz,
  .portal-check-item,
  .portal-why-check-item,
  .readiness-card,
  .portal-review-card,
  .archetype-card,
  .support-panel,
  .product-selector-item,
  .product-start-card,
  .product-upgrade-strip,
  .client-next-step-card,
  .portal-payment-card,
  .payment-mini-card,
  .learning-lesson-row,
  .learning-assignment-detail-grid > div,
  .dashboard-identity-grid > div,
  .dashboard-product-pill
) :is(.spark,.focus-kicker,label span,.field span,dt){
  color:#e7bf55 !important;
}
html[data-theme="light"] body.client-portal-mode .client-portal-view :is(
  input,
  textarea,
  select,
  .step-pill,
  .portal-course-map button,
  .quiz-option
){
  background:rgba(4,18,12,.66) !important;
  border-color:rgba(225,191,99,.26) !important;
  color:#f8f1df !important;
}
html[data-theme="light"] body.client-portal-mode .client-portal-view :is(input,textarea)::placeholder{
  color:#9fb5a6 !important;
}

/* Client Portal light theme: all content surfaces use the shared light palette. */
html[data-theme="light"] body.client-portal-mode .client-portal-view :is(
  .card,
  .journey-intro,
  .portal-video-module,
  .lesson-panel,
  .portal-quiz,
  .portal-check-item,
  .portal-why-check-item,
  .readiness-card,
  .portal-review-card,
  .archetype-card,
  .support-panel,
  .product-selector-panel,
  .product-detail-panel,
  .product-access-details-card,
  .product-reference-image-card,
  .product-selector-item,
  .product-start-card,
  .product-upgrade-strip,
  .client-next-step-card,
  .portal-payment-card,
  .payment-mini-card,
  .learning-lesson-row,
  .learning-assignment-detail-grid > div,
  .dashboard-identity-grid > div,
  .dashboard-product-pill
){
  background:linear-gradient(145deg,var(--panel),var(--panel-2)) !important;
  border-color:var(--line-strong) !important;
  color:var(--text) !important;
  box-shadow:0 18px 48px rgba(22,42,31,.09) !important;
}
html[data-theme="light"] body.client-portal-mode .client-portal-view :is(
  .card,.journey-intro,.portal-video-module,.lesson-panel,.portal-quiz,
  .portal-check-item,.portal-why-check-item,.readiness-card,.portal-review-card,
  .archetype-card,.support-panel,.product-selector-panel,.product-detail-panel,.product-access-details-card,.product-reference-image-card,
  .product-selector-item,.product-start-card,.product-upgrade-strip,
  .client-next-step-card,.portal-payment-card,.payment-mini-card,
  .learning-lesson-row,.learning-assignment-detail-grid > div,
  .dashboard-identity-grid > div,.dashboard-product-pill
) :is(h1,h2,h3,h4,h5,h6,strong){
  color:var(--text) !important;
  text-shadow:none !important;
}
html[data-theme="light"] body.client-portal-mode .client-portal-view :is(
  .card,.journey-intro,.portal-video-module,.lesson-panel,.portal-quiz,
  .portal-check-item,.portal-why-check-item,.readiness-card,.portal-review-card,
  .archetype-card,.support-panel,.product-selector-panel,.product-detail-panel,.product-access-details-card,.product-reference-image-card,
  .product-selector-item,.product-start-card,.product-upgrade-strip,
  .client-next-step-card,.portal-payment-card,.payment-mini-card,
  .learning-lesson-row,.learning-assignment-detail-grid > div,
  .dashboard-identity-grid > div,.dashboard-product-pill
) :is(p,li,small,span,em,.muted,.micro,dd){
  color:var(--muted) !important;
}
html[data-theme="light"] body.client-portal-mode .client-portal-view :is(
  .card,.journey-intro,.portal-video-module,.lesson-panel,.portal-quiz,
  .portal-check-item,.portal-why-check-item,.readiness-card,.portal-review-card,
  .archetype-card,.support-panel,.product-selector-panel,.product-detail-panel,.product-access-details-card,.product-reference-image-card,
  .product-selector-item,.product-start-card,.product-upgrade-strip,
  .client-next-step-card,.portal-payment-card,.payment-mini-card,
  .learning-lesson-row,.learning-assignment-detail-grid > div,
  .dashboard-identity-grid > div,.dashboard-product-pill
) :is(.spark,.focus-kicker,label span,.field span,dt){
  color:var(--gold) !important;
}
html[data-theme="light"] body.client-portal-mode .client-portal-view :is(input,textarea,select,.step-pill,.portal-course-map button,.quiz-option,.quick-question-chip){
  background:var(--bg-2) !important;
  border-color:var(--line-strong) !important;
  color:var(--text) !important;
}
html[data-theme="light"] body.client-portal-mode .client-portal-view :is(input,textarea)::placeholder{
  color:var(--muted) !important;
}
html[data-theme="light"] body.client-portal-mode .client-portal-view :is(.portal-quiz,.quiz-question,.support-chat-messages,.support-open-chat){
  border-color:var(--line) !important;
}
html[data-theme="light"] body.client-portal-mode .client-portal-view .support-chat-messages .advisor-msg.assistant{
  background:var(--bg-2) !important;
  border-color:var(--line-strong) !important;
  color:var(--text) !important;
}
html[data-theme="light"] body.client-portal-mode .client-portal-view .upgrade-plan-card.current{
  background:linear-gradient(145deg,#eef7ef,#e0eee2) !important;
  border-color:rgba(30,113,76,.42) !important;
}
html[data-theme="light"] body.client-portal-mode .client-portal-view .upgrade-plan-card.recommended{
  background:linear-gradient(145deg,#fff8e8,#f3ead5) !important;
  border-color:rgba(184,137,46,.54) !important;
}
html[data-theme="light"] body.client-portal-mode .client-portal-view .upgrade-plan-card.included{
  box-shadow:none !important;
}

/* Launch breakpoint repair: keep the canonical shell usable below wide desktop. */
@media(min-width:981px) and (max-width:1199px){
  body.client-portal-mode .app-shell{
    grid-template-columns:244px minmax(0,1fr)!important;
  }
  body.client-portal-mode .app-shell>.sidebar,
  body.client-portal-mode .app-shell>.client-only-sidebar.sidebar{
    padding:16px 12px!important;
    gap:12px!important;
  }
  body.client-portal-mode .client-pro-shell .client-step-nav,
  body.client-portal-mode .nav{
    gap:10px!important;
  }
  body.client-portal-mode .nav-btn{
    min-height:42px!important;
    padding:9px 10px!important;
  }
  body.client-portal-mode .focus-card,
  body.client-portal-mode .client-membership-card{
    padding:13px!important;
  }
  body.client-portal-mode .app-shell>.main,
  body.client-portal-mode .app-shell>.client-only-main.main{
    padding:18px!important;
  }
  body.client-portal-mode .client-shell-topbar{
    align-items:flex-start!important;
    gap:12px!important;
    margin-bottom:14px!important;
  }
  body.client-portal-mode .client-shell-actions{
    flex-wrap:wrap!important;
    justify-content:flex-end!important;
    gap:8px!important;
  }
  body.client-portal-mode .my-products-layout{
    grid-template-columns:1fr!important;
  }
  body.client-portal-mode .product-selector-panel{
    position:static!important;
  }
  body.client-portal-mode .product-selector-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:980px){
  body.client-portal-mode{
    padding-top:0!important;
  }
  body.client-portal-mode .mobile-appbar{
    display:flex!important;
  }
  body.client-portal-mode .app-shell{
    display:block!important;
    min-height:100vh!important;
  }
  body.client-portal-mode .app-shell>.sidebar,
  body.client-portal-mode .app-shell>.client-only-sidebar.sidebar{
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    height:100vh!important;
    width:min(300px,86vw)!important;
    transform:translateX(-105%)!important;
  }
  body.client-portal-mode.client-mobile-nav-open .app-shell>.sidebar,
  body.client-portal-mode.mobile-nav-open .app-shell>.sidebar,
  body.client-portal-mode.client-mobile-nav-open .app-shell>.client-only-sidebar.sidebar,
  body.client-portal-mode.mobile-nav-open .app-shell>.client-only-sidebar.sidebar{
    transform:translateX(0)!important;
  }
  body.client-portal-mode .app-shell>.main,
  body.client-portal-mode .app-shell>.client-only-main.main{
    padding:70px 16px 16px!important;
  }
  body.client-portal-mode .client-shell-topbar{
    margin-bottom:12px!important;
  }
  body.client-portal-mode .client-shell-actions{
    flex-wrap:wrap!important;
    justify-content:flex-start!important;
    gap:8px!important;
  }
  body.client-portal-mode .client-top-account{
    width:auto!important;
    max-width:100%!important;
  }
  body.client-portal-mode .my-products-layout,
  body.client-portal-mode .product-center-grid,
  body.client-portal-mode .product-detail-grid,
  body.client-portal-mode .product-platform-grid{
    grid-template-columns:1fr!important;
  }
  body.client-portal-mode .product-selector-panel{
    position:static!important;
  }
  body.client-portal-mode .product-selector-list{
    grid-template-columns:1fr!important;
  }
  body.client-portal-mode .product-reference-image img{
    max-width:100%!important;
  }
}

@media(max-width:767px){
  body.client-portal-mode .app-shell>.main,
  body.client-portal-mode .app-shell>.client-only-main.main{
    padding:66px 12px 14px!important;
  }
  body.client-portal-mode .client-shell-topbar{
    gap:8px!important;
  }
  body.client-portal-mode .client-shell-topbar .title-wrap h1{
    font-size:30px!important;
  }
  body.client-portal-mode .client-shell-topbar .title-wrap p{
    font-size:13px!important;
  }
  body.client-portal-mode .client-shell-actions{
    align-items:center!important;
  }
  body.client-portal-mode .client-top-account-copy{
    min-width:0!important;
  }
  body.client-portal-mode .client-top-account{
    flex:0 1 auto!important;
    max-width:min(100%, 230px)!important;
  }
  body.client-portal-mode .theme-toggle.premium-theme-toggle{
    width:auto!important;
  }
  body.client-portal-mode .theme-toggle.premium-theme-toggle button{
    min-width:44px!important;
    padding:0 10px!important;
  }
  body.client-portal-mode .product-workspace-page.card,
  body.client-portal-mode .client-dashboard-card,
  body.client-portal-mode .product-selector-panel{
    padding:14px!important;
  }
}

body.auth-required{
  padding-top:0!important;
}
body.auth-required .mobile-appbar{
  display:none!important;
}

/* Client profile control and profile page */
body.client-portal-mode .client-top-identity{
  display:grid;
  gap:1px;
  min-width:128px;
  padding:0 4px;
  border:0;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
}
body.client-portal-mode .client-top-identity:focus-visible{
  outline:2px solid var(--gold);
  outline-offset:4px;
  border-radius:10px;
}
body.client-portal-mode .client-logout-btn span{
  display:block;
  transform:translateX(1px);
  font-size:15px;
  line-height:1;
}
body.client-portal-mode .client-profile-page,
.internal-profile-page{
  display:grid;
  gap:14px;
}
body.client-portal-mode .client-profile-hero,
body.client-portal-mode .client-profile-card,
.internal-profile-page .client-profile-hero,
.internal-profile-page .client-profile-card{
  padding:18px;
}
body.client-portal-mode .client-profile-hero,
.internal-profile-page .client-profile-hero{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
body.client-portal-mode .client-profile-hero h3,
body.client-portal-mode .client-profile-card h3,
.internal-profile-page .client-profile-hero h3,
.internal-profile-page .client-profile-card h3{
  margin:4px 0 6px;
}
body.client-portal-mode .client-profile-grid,
.internal-profile-page .client-profile-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
body.client-portal-mode .client-profile-grid .field:nth-child(3),
body.client-portal-mode .client-profile-grid .field:nth-child(4),
body.client-portal-mode .client-profile-grid .field:nth-child(5),
.client-profile-grid .field.wide{
  grid-column:1/-1;
}
#profilePasswordForm .field{
  grid-column:1/-1;
}
.client-profile-actions{
  display:flex;
  justify-content:flex-end;
}
.field-helper{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:11px;
  line-height:1.35;
  font-weight:400;
  letter-spacing:0;
  text-transform:none;
}
body.client-portal-mode .daily-prep-page{
  display:grid;
  gap:14px;
}
body.client-portal-mode .daily-prep-hero,
body.client-portal-mode .daily-prep-form-card{
  padding:18px;
}
body.client-portal-mode .daily-prep-hero{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
body.client-portal-mode .daily-prep-hero h3,
body.client-portal-mode .daily-prep-form-card h3{
  margin:4px 0 6px;
}
body.client-portal-mode .daily-prep-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
body.client-portal-mode .daily-prep-grid .field:nth-child(5){
  grid-column:1/-1;
}
body.client-portal-mode .daily-prep-ready{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.04);
}
body.client-portal-mode .daily-prep-actions{
  justify-content:flex-end;
  margin-top:16px;
}
@media(max-width:767px){
  body.client-portal-mode .client-profile-hero{
    display:grid;
  }
  .internal-profile-page .client-profile-hero{
    display:grid;
  }
  body.client-portal-mode .client-profile-grid,
  .internal-profile-page .client-profile-grid{
    grid-template-columns:1fr;
  }
  body.client-portal-mode .daily-prep-hero{
    display:grid;
  }
  body.client-portal-mode .daily-prep-grid{
    grid-template-columns:1fr;
  }
}

/* Signed-out override: authenticated shell never appears beneath the login screen. */
body.auth-required .app-shell,
body.auth-required .mobile-appbar,
body.auth-required .sidebar,
body.auth-required .main{display:none!important;}
body.auth-required #authRoot{display:block!important;}

/* Client launch polish: focused corrections for login, readiness, products, and training modals. */
.platform-auth-card h1,
body.client-portal-mode .client-auth-brand.centered h1{
  margin:18px auto 20px!important;
  font-weight:600!important;
}
.auth-form-card{
  padding:20px!important;
  border:1px solid rgba(225,191,99,.22)!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 84% 16%,rgba(225,191,99,.08),transparent 26%),
    linear-gradient(145deg,rgba(8,35,24,.94),rgba(5,22,15,.98))!important;
}
.auth-help-panel{
  grid-template-columns:minmax(0,7fr) minmax(132px,3fr)!important;
  align-items:center!important;
  column-gap:18px!important;
}
.auth-help-panel .spark,
.auth-help-panel p{
  grid-column:1!important;
}
.auth-help-actions{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  justify-content:flex-end!important;
}
.auth-help-actions button{
  white-space:nowrap;
}
.modal{
  width:min(680px,calc(100vw - 36px))!important;
}
body.client-portal-mode .product-selector-first{
  padding-top:18px!important;
}
body.client-portal-mode .product-selector-first .product-selector-list{
  margin-top:0!important;
}
.quiz-option{
  font-weight:400!important;
}
body.client-portal-mode .readiness-state-chip{
  border:1px solid rgba(225,191,99,.42);
  border-radius:999px;
  padding:8px 13px;
  justify-self:end;
  font-size:12px;
  font-weight:950;
  background:rgba(225,191,99,.12);
  color:var(--gold);
}
body.client-portal-mode .readiness-state-chip.in-progress{
  background:linear-gradient(135deg,var(--gold),var(--gold-2));
  color:#102016;
  box-shadow:0 8px 22px rgba(225,191,99,.22);
}
body.client-portal-mode .readiness-state-chip.complete{
  background:linear-gradient(135deg,var(--green),var(--green-2));
  color:#fff;
  border-color:rgba(85,185,133,.42);
}
body.client-portal-mode .client-progress-bar{
  height:8px!important;
  border:0!important;
  padding:0!important;
  background:rgba(128,128,128,.16)!important;
  box-shadow:none!important;
}
body.client-portal-mode .client-progress-bar span{
  background:linear-gradient(90deg,var(--green-2),var(--gold))!important;
}
body.client-portal-mode .client-home-next-progress .next-step-progress-area{
  gap:14px 26px!important;
}
body.client-portal-mode .client-home-next-progress .next-step-progress-area .btn{
  margin-left:10px;
}
body.client-portal-mode .readiness-card-actions{
  border:0!important;
  background:transparent!important;
  padding:0!important;
  box-shadow:none!important;
}
body.client-portal-mode .daily-prep-form-card{
  display:grid;
  gap:16px;
}
body.client-portal-mode .daily-prep-grid{
  gap:16px 14px;
  align-items:start;
}
body.client-portal-mode .daily-prep-grid .field{
  display:grid;
  gap:8px;
  align-content:start;
}
body.client-portal-mode .daily-prep-grid .field:nth-child(5){
  grid-column:auto;
}
body.client-portal-mode .daily-prep-grid .field:nth-child(6),
body.client-portal-mode .daily-prep-grid .field:nth-child(7){
  grid-column:1/-1;
}
body.client-portal-mode .daily-prep-grid textarea{
  min-height:92px;
}
body.client-portal-mode .ready-toggle-btn{
  justify-self:start;
  border:1px solid rgba(225,191,99,.36);
  border-radius:999px;
  padding:11px 16px;
  background:rgba(225,191,99,.10);
  color:var(--gold);
  font-weight:950;
  cursor:pointer;
}
body.client-portal-mode .ready-toggle-btn.active{
  background:linear-gradient(135deg,var(--gold),var(--gold-2));
  color:#102016;
  box-shadow:0 10px 28px rgba(225,191,99,.22);
}
body.client-portal-mode .daily-prep-saved{
  display:grid;
  gap:12px;
}
body.client-portal-mode .daily-prep-week-archive{
  display:grid;
  gap:10px;
}
body.client-portal-mode .daily-prep-analysis-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
body.client-portal-mode .daily-prep-analysis-card{
  text-align:left;
  display:grid;
  gap:7px;
  cursor:pointer;
  color:var(--cream)!important;
}
body.client-portal-mode .daily-prep-analysis-card strong{
  font-family:var(--font-display);
  font-size:20px;
  line-height:1.08;
  color:var(--cream)!important;
}
body.client-portal-mode .daily-prep-analysis-card small{
  color:var(--muted);
}
body.client-portal-mode .daily-prep-choice-pills{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
body.client-portal-mode .daily-prep-choice-pill{
  display:inline-flex;
  align-items:center;
  gap:5px;
  width:max-content;
  max-width:100%;
  border:1px solid rgba(225,191,99,.34);
  border-radius:999px;
  padding:5px 8px;
  color:var(--muted);
  font-size:11px;
  line-height:1.1;
}
body.client-portal-mode .daily-prep-choice-pill strong{
  font-family:var(--font-body);
  font-size:10px;
  color:var(--gold);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.daily-prep-edit-modal{
  display:grid;
  gap:16px;
}
.daily-prep-edit-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.daily-prep-edit-grid .field{
  display:grid;
  gap:8px;
}
.daily-prep-edit-grid .field:nth-child(6),
.daily-prep-edit-grid .field:nth-child(7){
  grid-column:1/-1;
}
.daily-prep-modal-actions{
  justify-content:flex-end;
}
@media(max-width:640px){
  .platform-auth-card h1,
  body.client-portal-mode .client-auth-brand.centered h1{
    margin:12px auto 14px!important;
  }
  .auth-form-card{
    padding:16px!important;
  }
  .auth-help-panel{
    grid-template-columns:1fr!important;
  }
  .auth-help-actions{
    grid-column:1!important;
    grid-row:auto!important;
    justify-content:flex-start!important;
  }
  body.client-portal-mode .daily-prep-analysis-list,
  .daily-prep-edit-grid{
    grid-template-columns:1fr;
  }
}

/* Advisor containment repair: keep admin/sales/manager advisor content inside the drawer. */
.kgc-advisor-window{
  width:min(560px, calc(100vw - 32px)) !important;
  max-width:calc(100vw - 32px) !important;
  height:min(78dvh, 720px) !important;
  max-height:min(78dvh, 720px) !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}
.kgc-advisor-header{
  flex:0 0 auto !important;
}
.kgc-advisor-history,
.kgc-advisor-messages,
.kgc-advisor-form,
.kgc-advisor-thread-list{
  min-width:0 !important;
  max-width:100% !important;
  overflow-x:hidden !important;
}
.kgc-advisor-title .spark{
  text-transform:none !important;
  letter-spacing:0 !important;
}
body.client-portal-mode .kgc-advisor-title .spark{
  text-transform:none !important;
  letter-spacing:0 !important;
}
.kgc-advisor-messages{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
}
.kgc-advisor-form{
  flex:0 0 auto !important;
  flex-shrink:0 !important;
}
.kgc-advisor-thread{
  min-width:0 !important;
  max-width:100% !important;
}
.kgc-advisor-msg{
  max-width:100% !important;
  min-width:0 !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}
.kgc-advisor-msg div,
.kgc-advisor-msg p,
.kgc-advisor-thread strong,
.kgc-advisor-thread span{
  max-width:100% !important;
  overflow-wrap:anywhere !important;
}
.advisor-next-action{
  margin-top:12px !important;
  padding-top:12px !important;
  border-top:1px solid var(--line) !important;
  display:grid !important;
  gap:8px !important;
}
.advisor-next-action h4{
  margin:0 !important;
}
.advisor-next-link{
  width:max-content !important;
  max-width:100% !important;
  white-space:normal !important;
}
.kgc-advisor-msg h4,
.advisor-msg.assistant h4{
  margin:.8rem 0 .12rem !important;
}
.kgc-advisor-msg h4:first-child,
.advisor-msg.assistant h4:first-child{
  margin-top:0 !important;
}
.kgc-advisor-msg h4+ul,
.advisor-msg.assistant h4+ul{
  margin-top:.08rem !important;
}

/* Internal Advisors leave the working page visible behind the conversation. */
body:not(.client-portal-mode) .kgc-advisor-backdrop{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  background:rgba(0,0,0,.14) !important;
}

/* Sales keeps the shared Advisor available beneath its focused navigation. */
.sales-sidebar-advisor{
  flex:1 1 380px;
  min-height:300px;
  max-height:520px;
  margin-top:auto;
  padding-top:18px;
  border-top:1px solid var(--line-strong);
  display:flex;
  flex-direction:column;
  gap:10px;
  position:sticky;
  bottom:18px;
  overflow:hidden;
}
.sales-sidebar-advisor header strong{
  display:block;
  margin-top:4px;
  font-family:var(--font-display);
  font-size:17px;
}
.sales-sidebar-advisor-messages{
  flex:1 1 auto;
  min-height:0;
  display:flex;
  flex-direction:column;
  gap:8px;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:none;
}
.sales-sidebar-advisor-messages::-webkit-scrollbar{display:none;}
.sales-sidebar-advisor-msg{
  max-width:92%;
  padding:9px 10px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  color:var(--text);
  font-size:12px;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.sales-sidebar-advisor-msg.user{
  align-self:flex-end;
  background:rgba(47,122,87,.2);
  border-color:rgba(85,185,133,.3);
}
.sales-sidebar-advisor-msg p{margin:0 0 6px;}
.sales-sidebar-advisor-msg p:last-child{margin-bottom:0;}
.sales-sidebar-advisor-msg h4{
  margin:8px 0 2px;
  color:var(--gold);
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.sales-sidebar-advisor-msg h4:first-child{margin-top:0;}
.sales-sidebar-advisor-msg ul{margin:2px 0 6px;padding-left:17px;}
.sales-sidebar-advisor-msg .advisor-next-action{margin-top:7px!important;padding-top:7px!important;}
.sales-sidebar-advisor-msg .advisor-next-link{width:100%!important;font-size:11px!important;}
.sales-sidebar-advisor-form{
  flex:0 0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) 48px;
  gap:7px;
  align-items:end;
}
.sales-sidebar-advisor-form textarea{
  width:100%;
  height:48px;
  min-height:48px;
  max-height:48px;
  resize:none;
  border:1px solid var(--line-strong);
  border-radius:8px;
  padding:9px;
  background:var(--input);
  color:var(--text);
  font-size:12px;
  outline:none;
}
.sales-sidebar-advisor-form textarea:focus{border-color:var(--gold);}
.sales-sidebar-advisor-form .btn{
  width:48px;
  height:48px;
  min-width:48px;
  padding:0;
  border-radius:8px;
}
@media(max-width:980px){
  .sales-sidebar-advisor{
    flex-basis:360px;
    min-height:280px;
    max-height:55vh;
    position:relative;
    bottom:auto;
  }
}

/* Sidebar shell repair: keep one page scroller while the sidebar remains usable. */
@media(min-width:981px){
  html,
  body{
    height:100% !important;
    overflow:hidden !important;
  }
  .app-shell,
  body.client-portal-mode .app-shell,
  body.mission-control-mode .app-shell{
    height:100vh !important;
    min-height:100vh !important;
    overflow:hidden !important;
  }
  .app-shell>.sidebar,
  body.client-portal-mode .app-shell>.sidebar,
  body.client-portal-mode .app-shell>.client-only-sidebar.sidebar,
  body.mission-control-mode .app-shell>.sidebar{
    position:sticky !important;
    top:0 !important;
    height:100vh !important;
    min-height:0 !important;
    max-height:100vh !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain !important;
    scrollbar-gutter:stable !important;
  }
  .app-shell>.main,
  body.client-portal-mode .app-shell>.main,
  body.mission-control-mode .app-shell>.main{
    height:100vh !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain !important;
  }
  body.client-portal-mode .app-shell>.sidebar .nav,
  body.client-portal-mode .app-shell>.client-only-sidebar.sidebar .nav{
    flex:0 0 auto !important;
    min-height:auto !important;
    overflow:visible !important;
  }
}
@media(max-width:640px){
  .kgc-advisor-window{
    width:calc(100vw - 16px) !important;
    max-width:calc(100vw - 16px) !important;
  }
}

/* Sales role pages reuse the canonical card, lane, KPI, and button system. */
.sales-performance-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}
.sales-performance-grid>div{
  border:1px solid var(--line);
  border-radius:8px;
  padding:12px;
  background:rgba(255,255,255,.035);
}
.sales-performance-grid span,
.sales-action-row span{
  display:block;
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
}
.sales-performance-grid strong{
  display:block;
  margin-top:4px;
  font-size:20px;
}
.sales-action-row{
  display:grid;
  grid-template-columns:minmax(160px,1.2fr) minmax(110px,.7fr) minmax(180px,1.4fr) auto;
  gap:12px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:8px;
  padding:12px;
  background:rgba(255,255,255,.035);
}
.sales-action-row strong{
  display:block;
  line-height:1.25;
}
.sales-pipeline-lanes .client-lane,
.sales-followup-lanes .client-lane,
.sales-upgrade-lanes .client-lane{
  min-width:0;
}
.sales-advisor-grid .advisor-suggestion{
  text-align:left;
}
@media(max-width:900px){
  .sales-action-row{
    grid-template-columns:1fr;
  }
  .sales-performance-grid{
    grid-template-columns:1fr;
  }
}

/* Final overrides for Sales/Admin role cleanup. */
body:not(.client-portal-mode) .sidebar{
  position:sticky!important;
  top:0!important;
  height:auto!important;
  min-height:auto!important;
  overflow:visible!important;
}
body:not(.client-portal-mode) #advisorTopBtn{
  display:grid!important;
  position:fixed!important;
  right:24px!important;
  bottom:24px!important;
  z-index:75!important;
  width:58px!important;
  height:58px!important;
  border-radius:18px!important;
}
body.client-portal-mode #advisorTopBtn{display:none!important;}

/* IP-027: Client Hub cleanup and shared Admin/Sales shell corrections. */
.client-top-account,
.platform-top-account{
  width:auto!important;
  max-width:100%;
  justify-content:space-between;
}
.client-top-identity{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
  padding:0 4px!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  text-align:left!important;
}
.client-top-identity:focus-visible{
  outline:2px solid var(--gold);
  outline-offset:4px;
  border-radius:10px;
}
.shared-profile-control{
  flex:0 1 auto;
}
.client-top-account .profile-control-icon,
.platform-top-account .profile-control-icon{
  width:30px;
  height:30px;
  min-width:30px;
  border-radius:11px;
  display:grid;
  place-items:center;
  background:transparent!important;
  border:1px solid rgba(225,191,99,.55);
  color:var(--gold);
  box-shadow:none;
}
.client-top-account .profile-control-icon-logo span,
.platform-top-account .profile-control-icon-logo span{
  font-family:var(--font-display);
  font-size:14px;
  line-height:1;
  color:var(--gold);
}
.client-top-account .profile-control-icon svg,
.platform-top-account .profile-control-icon svg{
  width:17px;
  height:17px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.client-top-account-copy{
  display:grid;
  gap:1px;
  min-width:0!important;
  max-width:178px;
  line-height:1.12;
}
.client-top-account-copy strong,
.client-top-account-copy span{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.client-top-account-copy strong{
  max-width:100%;
}
.platform-top-account .client-top-account-copy{
  max-width:150px;
}
body:not(.client-portal-mode) .user-card{
  display:none!important;
}
.client-hub-filter-row{
  align-items:end;
}
.client-hub-tabs{
  flex-wrap:wrap;
}
.client-hub-tabbar{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin:0 0 14px;
}
.client-hub-tabbar .client-hub-tabs{
  flex:1 1 auto;
  margin:0;
}
.client-hub-refresh{
  flex:0 0 auto;
  min-width:104px;
  min-height:38px;
}
.client-hub-refresh .advisor-orbit-loader{
  width:20px;
  height:20px;
}
.client-hub-refresh:disabled{
  opacity:.78;
  cursor:wait;
}
.client-hub-tab-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex:0 0 auto;
}
.client-access-text{
  appearance:none;
  border:0;
  background:transparent;
  padding:4px 2px;
  font:inherit;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}
.client-access-text.missing{
  color:var(--gold-2);
  cursor:not-allowed;
}
.client-access-text.ready{color:var(--green-2);}
.client-access-text.ready:hover{text-decoration:underline;}
@media(max-width:640px){
  .client-hub-tabbar{align-items:stretch;flex-direction:column;}
  .client-hub-tab-actions{align-self:stretch;}
  .client-hub-tab-actions .btn{flex:1 1 0;}
}
.modal-backdrop{
  align-items:flex-start!important;
  place-items:start center!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.modal{
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
.modal-body{
  max-height:none!important;
  overflow:visible!important;
}
@media(max-width:980px){
  html,
  body{
    overflow-x:hidden!important;
  }
  body:not(.client-portal-mode):not(.mission-control-mode) .mobile-appbar{
    display:flex!important;
  }
  body:not(.client-portal-mode):not(.mission-control-mode) .app-shell{
    display:block!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:100vw!important;
    min-height:100vh!important;
    overflow-x:hidden!important;
  }
  body:not(.client-portal-mode):not(.mission-control-mode) .app-shell>.sidebar{
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:min(304px,86vw)!important;
    height:100vh!important;
    max-height:100vh!important;
    z-index:180!important;
    transform:translateX(-105%)!important;
    transition:transform var(--ease)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
  }
  body:not(.client-portal-mode):not(.mission-control-mode).mobile-nav-open .app-shell>.sidebar{
    transform:translateX(0)!important;
  }
  body:not(.client-portal-mode):not(.mission-control-mode) #mobileNavBackdrop{
    position:fixed!important;
    inset:0!important;
    z-index:170!important;
    background:rgba(0,0,0,.58)!important;
  }
  body:not(.client-portal-mode):not(.mission-control-mode) #mobileNavBackdrop[hidden]{
    display:none!important;
  }
  body:not(.client-portal-mode):not(.mission-control-mode).mobile-nav-open #mobileNavBackdrop{
    display:block!important;
  }
  body:not(.client-portal-mode):not(.mission-control-mode) .app-shell>.main{
    width:100%!important;
    max-width:100vw!important;
    min-width:0!important;
    padding:72px 16px 18px!important;
    overflow-x:hidden!important;
  }
  body:not(.client-portal-mode):not(.mission-control-mode) .topbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    align-items:start!important;
  }
  body:not(.client-portal-mode):not(.mission-control-mode) .top-actions{
    width:100%!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
  }
  body:not(.client-portal-mode):not(.mission-control-mode) .site-search{
    width:100%!important;
    min-width:0!important;
  }
  body:not(.client-portal-mode):not(.mission-control-mode) .client-top-account,
  body:not(.client-portal-mode):not(.mission-control-mode) .platform-top-account{
    width:auto!important;
  }
  body:not(.client-portal-mode):not(.mission-control-mode) #mobileAdvisorBtn{
    display:none!important;
  }
  body:not(.client-portal-mode):not(.mission-control-mode) .mobile-brand-mini strong{
    display:none!important;
  }
  body:not(.client-portal-mode):not(.mission-control-mode) #platformTopAccount{
    position:fixed!important;
    top:8px!important;
    right:12px!important;
    z-index:1200!important;
    min-height:40px!important;
    padding:4px!important;
    background:rgba(7,17,13,.92)!important;
    backdrop-filter:blur(12px);
  }
  body:not(.client-portal-mode):not(.mission-control-mode) #platformTopAccount .client-top-account-copy{
    display:grid!important;
    max-width:88px!important;
  }
  body:not(.client-portal-mode):not(.mission-control-mode) .grid,
  body:not(.client-portal-mode):not(.mission-control-mode) .cols-5,
  body:not(.client-portal-mode):not(.mission-control-mode) .cols-4,
  body:not(.client-portal-mode):not(.mission-control-mode) .cols-3,
  body:not(.client-portal-mode):not(.mission-control-mode) .cols-2,
  body:not(.client-portal-mode):not(.mission-control-mode) .client-hub-kpis,
  body:not(.client-portal-mode):not(.mission-control-mode) .client-hub-hero,
  body:not(.client-portal-mode):not(.mission-control-mode) .filter-grid,
  body:not(.client-portal-mode):not(.mission-control-mode) .client-card-primary,
  body:not(.client-portal-mode):not(.mission-control-mode) .client-card-secondary{
    grid-template-columns:1fr!important;
  }
  body:not(.client-portal-mode):not(.mission-control-mode) .client-card-badges,
  body:not(.client-portal-mode):not(.mission-control-mode) .client-card-actions,
  body:not(.client-portal-mode):not(.mission-control-mode) .client-hub-actions{
    justify-content:flex-start!important;
  }
  body:not(.client-portal-mode):not(.mission-control-mode) #advisorTopBtn{
    right:16px!important;
    bottom:16px!important;
  }
}

/* Final shell/theme authority for shared role views. */
.kpi-icon{display:none!important;}
.card.decor::before,
.card.decor::after{content:none!important;display:none!important;}
html[data-theme="light"] .nav-btn.active,
html[data-theme="light"] .nav-btn.active>span,
html[data-theme="light"] body.client-portal-mode .portal-menu-link.nav-btn.active,
html[data-theme="light"] body.client-portal-mode .portal-menu-link.nav-btn.active>span{color:#fff!important;}
html[data-theme="light"] body.client-portal-mode .client-portal-view .card,
html[data-theme="light"] body.client-portal-mode :is(.product-selector-panel,.product-detail-panel,.product-selector-item,.product-start-card,.product-upgrade-strip,.portal-course-side,.portal-video-module,.lesson-panel,.portal-quiz,.portal-check-item,.portal-why-check-item,.readiness-card,.portal-review-card,.archetype-card,.client-video-intro,.payment-mini-card){
  background:linear-gradient(145deg,#fffaf1,#f8f1e5)!important;
  border-color:rgba(133,104,42,.24)!important;
  color:#132019!important;
  box-shadow:0 18px 48px rgba(61,48,23,.10)!important;
}
html[data-theme="light"] body.client-portal-mode .client-portal-view .card :is(h1,h2,h3,h4,strong,p,li),
html[data-theme="light"] body.client-portal-mode :is(.product-selector-panel,.product-detail-panel,.product-selector-item,.product-start-card,.product-upgrade-strip,.portal-course-side,.portal-video-module,.lesson-panel,.portal-quiz,.portal-check-item,.portal-why-check-item,.readiness-card,.portal-review-card,.archetype-card,.client-video-intro,.payment-mini-card) :is(h1,h2,h3,h4,strong,p,li){color:inherit!important;}
@media(min-width:981px){
  .app-shell>.sidebar,
  body:not(.client-portal-mode) .app-shell>.sidebar,
  body.client-portal-mode .app-shell>.sidebar,
  body.client-portal-mode .app-shell>.client-only-sidebar.sidebar{
    position:sticky!important;
    top:0!important;
    height:100vh!important;
    min-height:0!important;
    max-height:100vh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }
  .app-shell>.sidebar::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;}
}

/* Light-theme contrast authority. Dark theme intentionally remains unchanged. */
html[data-theme="light"] .nav-btn.active{
  --text:#fff;
  color:#fff!important;
}
html[data-theme="light"] .nav-btn.active>span,
html[data-theme="light"] .nav-btn.active .nav-ico,
html[data-theme="light"] body.client-portal-mode.client-portal-mode .portal-menu-link.nav-btn.active .portal-nav-glyph{
  color:#fff!important;
}
html[data-theme="light"] .nav-btn.active .nav-ico,
html[data-theme="light"] body.client-portal-mode.client-portal-mode .portal-menu-link.nav-btn.active .portal-nav-glyph{
  background:rgba(255,255,255,.14)!important;
  border-color:rgba(255,255,255,.55)!important;
}
html[data-theme="light"] body.client-portal-mode.client-portal-mode .portal-menu-link.nav-btn.active .portal-nav-glyph{
  --text:#fff;
}

html[data-theme="light"] body.client-portal-mode.client-portal-mode .portal-course-side .focus-progress,
html[data-theme="light"] body.client-portal-mode.client-portal-mode .portal-course-side .focus-progress span,
html[data-theme="light"] body.client-portal-mode.client-portal-mode .portal-course-side .focus-progress strong{
  color:#294b3b!important;
}
html[data-theme="light"] body.client-portal-mode.client-portal-mode .portal-course-step{
  background:#fffaf1!important;
  border-color:#d8b96f!important;
  color:#244d3a!important;
  box-shadow:none!important;
}
html[data-theme="light"] body.client-portal-mode.client-portal-mode .portal-course-step:hover:not(.active){
  background:#f3ecde!important;
  border-color:#b98928!important;
}
html[data-theme="light"] body.client-portal-mode.client-portal-mode .portal-course-step.active{
  background:linear-gradient(135deg,#16734f,#0f5e40)!important;
  border-color:#c89b35!important;
  color:#fff!important;
}
html[data-theme="light"] body.client-portal-mode.client-portal-mode .portal-course-step .step-num{
  background:#f2ead9!important;
  border:1px solid #dfc98f!important;
  color:#24563f!important;
}
html[data-theme="light"] body.client-portal-mode.client-portal-mode .portal-course-step .step-copy strong,
html[data-theme="light"] body.client-portal-mode.client-portal-mode .portal-course-step .step-mark{
  color:#244d3a!important;
}
html[data-theme="light"] body.client-portal-mode.client-portal-mode .portal-course-step .step-copy small{
  color:#52665b!important;
}
html[data-theme="light"] body.client-portal-mode.client-portal-mode .portal-course-step .step-mark{
  background:#f2ead9!important;
  border:1px solid #dfc98f!important;
}
html[data-theme="light"] body.client-portal-mode.client-portal-mode .portal-course-step.active .step-copy strong,
html[data-theme="light"] body.client-portal-mode.client-portal-mode .portal-course-step.active .step-mark{
  color:#fff!important;
}
html[data-theme="light"] body.client-portal-mode.client-portal-mode .portal-course-step.active .step-copy small{
  color:#e1eee5!important;
}
html[data-theme="light"] body.client-portal-mode.client-portal-mode .portal-course-step.active .step-mark{
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.36)!important;
}
html[data-theme="light"] body.client-portal-mode.client-portal-mode #view.client-portal-view .portal-course-step .step-num{
  background:#f2ead9!important;
  color:#24563f!important;
}
html[data-theme="light"] body.client-portal-mode.client-portal-mode #view.client-portal-view .portal-course-step .step-copy strong,
html[data-theme="light"] body.client-portal-mode.client-portal-mode #view.client-portal-view .portal-course-step .step-mark{
  color:#244d3a!important;
}
html[data-theme="light"] body.client-portal-mode.client-portal-mode #view.client-portal-view .portal-course-step .step-copy small{
  color:#52665b!important;
}
html[data-theme="light"] body.client-portal-mode.client-portal-mode #view .client-portal-view .portal-course-side .focus-progress,
html[data-theme="light"] body.client-portal-mode.client-portal-mode #view .client-portal-view .portal-course-side .focus-progress span,
html[data-theme="light"] body.client-portal-mode.client-portal-mode #view .client-portal-view .portal-course-side .focus-progress strong{
  color:#294b3b!important;
}
html[data-theme="light"] body.client-portal-mode.client-portal-mode #view .client-portal-view .portal-course-step .step-num{
  background:#f2ead9!important;
  color:#24563f!important;
}
html[data-theme="light"] body.client-portal-mode.client-portal-mode #view .client-portal-view .portal-course-step .step-copy strong,
html[data-theme="light"] body.client-portal-mode.client-portal-mode #view .client-portal-view .portal-course-step .step-mark{
  color:#244d3a!important;
}
html[data-theme="light"] body.client-portal-mode.client-portal-mode #view .client-portal-view .portal-course-step .step-copy small{
  color:#52665b!important;
}
html[data-theme="light"] body.client-portal-mode.client-portal-mode #view.client-portal-view .portal-course-step.active .step-copy strong,
html[data-theme="light"] body.client-portal-mode.client-portal-mode #view.client-portal-view .portal-course-step.active .step-mark,
html[data-theme="light"] body.client-portal-mode.client-portal-mode #view .client-portal-view .portal-course-step.active .step-copy strong,
html[data-theme="light"] body.client-portal-mode.client-portal-mode #view .client-portal-view .portal-course-step.active .step-mark{
  color:#fff!important;
}
html[data-theme="light"] body.client-portal-mode.client-portal-mode #view.client-portal-view .portal-course-step.active .step-copy small,
html[data-theme="light"] body.client-portal-mode.client-portal-mode #view .client-portal-view .portal-course-step.active .step-copy small{
  color:#e1eee5!important;
}
html[data-theme="light"] body.client-portal-mode.client-portal-mode #view.client-portal-view .portal-course-map .portal-course-step:not(.active),
html[data-theme="light"] body.client-portal-mode.client-portal-mode #view .client-portal-view .portal-course-map .portal-course-step:not(.active){
  background:#fffaf1!important;
  border-color:#d8b96f!important;
  color:#244d3a!important;
}
html[data-theme="light"] body.client-portal-mode.client-portal-mode #view.client-portal-view .portal-course-map .portal-course-step:hover:not(.active),
html[data-theme="light"] body.client-portal-mode.client-portal-mode #view .client-portal-view .portal-course-map .portal-course-step:hover:not(.active){
  background:#f3ecde!important;
  border-color:#b98928!important;
}
html[data-theme="light"] body.client-portal-mode.client-portal-mode #view.client-portal-view .portal-course-map .portal-course-step.active,
html[data-theme="light"] body.client-portal-mode.client-portal-mode #view .client-portal-view .portal-course-map .portal-course-step.active{
  background:linear-gradient(135deg,#16734f,#0f5e40)!important;
  border-color:#c89b35!important;
  color:#fff!important;
}
html[data-theme="light"] body.client-portal-mode.client-portal-mode .portal-course-side .progress-track{
  background:#d9d2c4!important;
}
html[data-theme="light"] body.client-portal-mode.client-portal-mode .portal-course-side .progress-track>span{
  background:linear-gradient(90deg,#16734f,#c89b35)!important;
}
html[data-theme="light"] body.client-portal-mode.client-portal-mode .client-portal-view :is(.muted,.micro,.module-points li,.portal-course-head p,.step-complete-row span,.payment-commit-grid span){
  color:#52665b!important;
}
html[data-theme="light"] body.client-portal-mode.client-portal-mode #view .client-portal-view :is(.muted,.micro,.module-points li,.portal-course-head p,.step-complete-row span,.payment-commit-grid span){
  color:#52665b!important;
}
html[data-theme="light"] body.client-portal-mode.client-portal-mode .status.good,
html[data-theme="light"] body.client-portal-mode.client-portal-mode .status.complete,
html[data-theme="light"] body.client-portal-mode.client-portal-mode .status.completed,
html[data-theme="light"] body.client-portal-mode.client-portal-mode .status.in-progress{
  background:#dcecdf!important;
  border-color:#9fc4a8!important;
  color:#1c5d3e!important;
}

html[data-theme="light"] body.client-portal-mode.client-portal-mode .client-membership-card,
html[data-theme="light"] body.client-portal-mode.client-portal-mode .sidebar>.focus-card{
  background:linear-gradient(145deg,#286244,#173828)!important;
  border-color:rgba(133,104,42,.58)!important;
  color:#fff7e8!important;
}
html[data-theme="light"] body.client-portal-mode.client-portal-mode .client-membership-card :is(h3,strong),
html[data-theme="light"] body.client-portal-mode.client-portal-mode .sidebar>.focus-card :is(h3,strong){
  color:#fff7e8!important;
}
html[data-theme="light"] body.client-portal-mode.client-portal-mode .client-membership-card :is(p,.focus-progress,.focus-progress span,.focus-progress strong),
html[data-theme="light"] body.client-portal-mode.client-portal-mode .sidebar>.focus-card :is(p,.focus-progress,.focus-progress span,.focus-progress strong){
  color:#dce9df!important;
}
html[data-theme="light"] body.client-portal-mode.client-portal-mode .client-membership-card :is(.focus-kicker,.spark),
html[data-theme="light"] body.client-portal-mode.client-portal-mode .sidebar>.focus-card :is(.focus-kicker,.spark){
  color:#f2c85b!important;
}

html[data-theme="light"] body.auth-required .platform-auth{
  --text:#f8f1df;
  --muted:#bfd0c3;
  --input:rgba(3,14,10,.96);
  --line:rgba(225,191,99,.24);
  color:#f8f1df!important;
}
html[data-theme="light"] body.auth-required .platform-auth-card,
html[data-theme="light"] body.auth-required .platform-auth-card.card{
  background:radial-gradient(circle at 78% 18%,rgba(225,191,99,.08),transparent 24%),linear-gradient(155deg,rgba(9,38,27,.98),rgba(3,20,14,.99))!important;
  color:#f8f1df!important;
}
html[data-theme="light"] body.auth-required .platform-auth-card h1{
  color:#fff7e8!important;
}
html[data-theme="light"] body.auth-required .platform-auth-card :is(label,p,strong,span,small){
  color:inherit;
}
html[data-theme="light"] body.auth-required .platform-auth-card :is(.auth-intro,.muted,.auth-message span,.auth-message small){
  color:#cfe0cf!important;
}
html[data-theme="light"] body.auth-required .platform-auth-card input{
  background:#03100b!important;
  border-color:rgba(225,191,99,.30)!important;
  color:#fff7e8!important;
}

html[data-theme="light"] body:not(.client-portal-mode) .table-wrap{
  background:#fffaf1!important;
  border-color:rgba(133,104,42,.28)!important;
}
html[data-theme="light"] body:not(.client-portal-mode) .data-table{
  background:#fffaf1!important;
  color:#132019!important;
}
html[data-theme="light"] body:not(.client-portal-mode) .data-table thead,
html[data-theme="light"] body:not(.client-portal-mode) .data-table th{
  background:#eee6d8!important;
  color:#785b19!important;
}
html[data-theme="light"] body:not(.client-portal-mode) .data-table tbody,
html[data-theme="light"] body:not(.client-portal-mode) .data-table tr,
html[data-theme="light"] body:not(.client-portal-mode) .data-table td,
html[data-theme="light"] body:not(.client-portal-mode) .data-table td[data-col="actions"]{
  background:#fffaf1!important;
  color:#132019!important;
  border-color:rgba(133,104,42,.18)!important;
}
html[data-theme="light"] body:not(.client-portal-mode) .data-table tbody tr:nth-child(even) td{
  background:#faf3e7!important;
}

/* Auto and Elite performance evidence plus shared offer pricing. */
body.client-portal-mode .upgrade-price{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:end;
  column-gap:7px;
  row-gap:4px;
  margin:14px 0 16px;
}
body.client-portal-mode .upgrade-price strong{
  font-family:var(--font-display);
  font-size:38px;
  line-height:1;
  color:var(--text);
}
body.client-portal-mode .upgrade-price span{
  color:var(--muted);
  font-weight:800;
  padding-bottom:4px;
}
body.client-portal-mode .upgrade-price small{
  grid-column:1/-1;
  color:var(--gold);
  font-size:12px;
  font-weight:850;
}
body.client-portal-mode .coaching-price{
  display:flex;
  align-items:baseline;
  gap:7px;
  margin:10px 0;
}
body.client-portal-mode .coaching-price strong{
  font-family:var(--font-display);
  font-size:32px;
  color:var(--text);
}
body.client-portal-mode .coaching-price span{color:var(--muted);font-weight:800;}
body.client-portal-mode .performance-showcase{
  display:grid;
  gap:14px;
  padding-top:8px;
}
body.client-portal-mode .performance-showcase-copy{
  max-width:760px;
  padding:0 4px;
}
body.client-portal-mode .performance-showcase-copy h2{
  font-family:var(--font-display);
  font-size:34px;
  line-height:1.05;
  margin:7px 0 8px;
}
body.client-portal-mode .performance-showcase-copy p{
  color:var(--muted);
  line-height:1.55;
  margin:0;
}
body.client-portal-mode .performance-lab.card{
  display:grid;
  gap:14px;
  padding:18px;
  border-color:rgba(225,191,99,.34);
  overflow:hidden;
}
body.client-portal-mode .performance-lab-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
}
body.client-portal-mode .performance-lab-head h3{
  font-family:var(--font-display);
  font-size:28px;
  line-height:1.05;
  margin:6px 0 7px;
}
body.client-portal-mode .performance-lab-head p{
  color:var(--muted);
  line-height:1.5;
  margin:0;
}
body.client-portal-mode .performance-testing-chip{
  flex:0 0 auto;
  border:1px solid rgba(225,191,99,.40);
  border-radius:999px;
  padding:7px 10px;
  color:var(--gold);
  background:rgba(200,162,74,.08);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  white-space:nowrap;
}
body.client-portal-mode .performance-family-tabs{
  width:max-content;
  display:flex;
  padding:4px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--input);
}
body.client-portal-mode .performance-family-tabs button{
  min-width:104px;
  border:0;
  border-radius:9px;
  padding:9px 14px;
  background:transparent;
  color:var(--muted);
  font-weight:900;
}
body.client-portal-mode .performance-family-tabs button.active{
  background:var(--green);
  color:#fff;
}
body.client-portal-mode .performance-evidence-tabs{
  display:flex;
  gap:7px;
  max-width:100%;
  overflow-x:auto;
  padding:1px 0 4px;
  scrollbar-width:none;
}
body.client-portal-mode .performance-evidence-tabs::-webkit-scrollbar{display:none;}
body.client-portal-mode .performance-evidence-tabs button{
  flex:0 0 auto;
  min-width:68px;
  min-height:38px;
  border:1px solid var(--line);
  border-radius:10px;
  padding:8px 11px;
  background:var(--input);
  color:var(--muted);
  font-size:12px;
  font-weight:900;
}
body.client-portal-mode .performance-evidence-tabs button:hover{
  border-color:var(--gold);
  color:var(--text);
}
body.client-portal-mode .performance-evidence-tabs button.active{
  border-color:var(--gold);
  background:linear-gradient(135deg,var(--green),var(--green-2));
  color:#fff;
}
body.client-portal-mode .performance-evidence-stage{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(250px,.55fr);
  gap:14px;
  align-items:stretch;
}
body.client-portal-mode .performance-evidence-stage figure{
  display:grid;
  grid-template-rows:minmax(300px,1fr) auto;
  min-width:0;
  margin:0;
  border:1px solid var(--line);
  border-radius:14px;
  background:#020805;
  overflow:hidden;
}
body.client-portal-mode .performance-evidence-stage img{
  display:block;
  width:100%;
  height:100%;
  max-height:520px;
  min-height:300px;
  object-fit:contain;
  background:#020805;
}
body.client-portal-mode .performance-evidence-stage figcaption{
  padding:10px 12px;
  background:#07110d;
  color:#c8d8cc;
  border-top:1px solid rgba(221,203,146,.18);
  font-size:11px;
  font-weight:750;
}
body.client-portal-mode .performance-evidence-summary{
  display:flex;
  flex-direction:column;
  min-width:0;
  border:1px solid var(--line);
  border-radius:14px;
  padding:18px;
  background:rgba(128,128,128,.045);
}
body.client-portal-mode .performance-net{
  display:block;
  margin:10px 0 8px;
  font-family:var(--font-display);
  font-size:38px;
  line-height:1;
}
body.client-portal-mode .performance-net.positive{color:var(--green-2);}
body.client-portal-mode .performance-net.negative{color:var(--red);}
body.client-portal-mode .performance-evidence-summary>p{
  color:var(--muted);
  line-height:1.45;
  margin:0 0 16px;
}
body.client-portal-mode .performance-metric-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:auto;
}
body.client-portal-mode .performance-metric-grid>div{
  min-width:0;
  border-top:1px solid var(--line);
  padding-top:9px;
}
body.client-portal-mode .performance-metric-grid span,
body.client-portal-mode .performance-metric-grid strong{
  display:block;
}
body.client-portal-mode .performance-metric-grid span{
  color:var(--muted);
  font-size:10px;
  font-weight:850;
  text-transform:uppercase;
}
body.client-portal-mode .performance-metric-grid strong{
  margin-top:4px;
  color:var(--text);
  font-size:15px;
}
body.client-portal-mode .performance-disclosure{
  margin:0;
  padding-top:12px;
  border-top:1px solid var(--line);
  color:var(--muted);
  font-size:11px;
  line-height:1.5;
}
body.client-portal-mode .performance-disclosure strong{color:var(--text);}
html[data-theme="light"] body.client-portal-mode .performance-lab.card{
  background:linear-gradient(145deg,#fffdf7,#f7f2e6)!important;
  color:#14251c!important;
}
html[data-theme="light"] body.client-portal-mode .performance-evidence-summary{
  background:#f5efe3;
}
html[data-theme="light"] body.client-portal-mode .performance-evidence-tabs button{
  background:#fffaf1!important;
  color:#365747!important;
  border-color:#d8c79e!important;
}
html[data-theme="light"] body.client-portal-mode .performance-evidence-tabs button.active{
  background:linear-gradient(135deg,#16734f,#0f5e40)!important;
  color:#fff!important;
  border-color:#b88e32!important;
}
@media(max-width:1100px){
  body.client-portal-mode .performance-evidence-stage{grid-template-columns:1fr;}
  body.client-portal-mode .performance-evidence-stage figure{grid-template-rows:minmax(260px,1fr) auto;}
  body.client-portal-mode .performance-evidence-stage img{min-height:260px;}
}
@media(max-width:620px){
  body.client-portal-mode .performance-lab.card{padding:14px;}
  body.client-portal-mode .performance-lab-head{display:grid;gap:10px;}
  body.client-portal-mode .performance-testing-chip{width:max-content;}
  body.client-portal-mode .performance-family-tabs{width:100%;}
  body.client-portal-mode .performance-family-tabs button{flex:1;min-width:0;}
  body.client-portal-mode .performance-evidence-stage figure{grid-template-rows:210px auto;}
  body.client-portal-mode .performance-evidence-stage img{height:210px;min-height:210px;}
  body.client-portal-mode .performance-metric-grid{grid-template-columns:1fr 1fr;}
  body.client-portal-mode .performance-net{font-size:32px;}
  body.client-portal-mode .performance-showcase-copy h2{font-size:29px;}
}
/* Platform service connections and protected video delivery */
.settings-workspace{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:24px;align-items:start}
.settings-nav{position:sticky;top:18px;padding:22px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}
.settings-nav h2,.settings-content-head h2{margin:6px 0 8px;font-size:26px}
.settings-nav>p,.settings-content-head>p{margin:0;color:var(--muted);line-height:1.55}
.settings-nav-list{display:grid;gap:7px;margin-top:22px}
.settings-nav-item{display:grid;gap:3px;width:100%;padding:13px 14px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text);text-align:left;cursor:pointer}
.settings-nav-item strong{font-size:.9rem}.settings-nav-item span{color:var(--muted);font-size:.76rem;line-height:1.35}
.settings-nav-item:hover{border-color:var(--line)}
.settings-nav-item.active{border-color:var(--line-strong);background:var(--green);color:#fff}.settings-nav-item.active span{color:#fff}
.settings-content{min-width:0}.settings-content-head{margin:2px 0 18px}.settings-content>.card{width:100%}
.confirmation-video-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:18px}.confirmation-video-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px}.confirmation-video-action-buttons{display:flex;gap:8px;align-items:center;flex-shrink:0}.confirmation-video-preview{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.confirmation-video-preview .spark{margin-bottom:10px}
.settings-grid .platform-connections-card{grid-column:1/-1}
.platform-connection-list{margin-top:18px;border-top:1px solid var(--line)}
.platform-connection-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
.platform-connection-copy{min-width:0}
.platform-connection-title{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.platform-connection-title strong{font-size:1rem}
.platform-connection-copy p{margin:5px 0 0;color:var(--muted);font-size:.86rem;line-height:1.5}
.platform-connection-status{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid var(--line-strong);border-radius:999px;font-size:.68rem;font-weight:800;text-transform:uppercase}
.platform-connection-status.connected{border-color:rgba(85,185,133,.55);background:rgba(85,185,133,.12);color:var(--green-2)}
.platform-connection-status.needs-setup{border-color:rgba(210,164,36,.5);background:rgba(210,164,36,.1);color:var(--gold)}
.platform-connection-missing{display:flex!important;flex-wrap:wrap;gap:6px;align-items:center}
.platform-connection-missing code{padding:2px 6px;border:1px solid var(--line);border-radius:4px;background:var(--bg-deep);color:var(--text);font-size:.72rem}
.platform-connection-actions{display:flex;gap:8px;justify-content:flex-end}
.delivery-video-frame{width:min(960px,82vw);aspect-ratio:16/9;overflow:hidden;border:1px solid var(--line-strong);border-radius:8px;background:#000}
.delivery-video-frame iframe{display:block;width:100%;height:100%;border:0}
.auth-setup-link-ready{padding:11px 12px;border:1px solid rgba(85,185,133,.4);border-radius:8px;background:rgba(85,185,133,.1);color:#b9e6ce;font-size:.82rem;line-height:1.45}
html[data-theme="light"] .platform-connection-missing code{background:#fffaf1;color:#183326}
html[data-theme="light"] .platform-connection-status.connected{color:#116543}
html[data-theme="light"] .platform-connection-status.needs-setup{color:#74530c}
@media(max-width:900px){.settings-workspace{grid-template-columns:1fr}.settings-nav{position:static}.settings-nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.confirmation-video-form{grid-template-columns:1fr}}
@media(max-width:720px){.platform-connection-row{grid-template-columns:1fr}.platform-connection-actions{justify-content:flex-start}.delivery-video-frame{width:min(92vw,960px)}.settings-nav-list{grid-template-columns:1fr}.confirmation-video-actions{align-items:stretch;flex-direction:column}.confirmation-video-action-buttons{width:100%;flex-direction:column}.confirmation-video-actions .btn{width:100%}}

.backup-status-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start}
.backup-status-row h3{margin:6px 0;font-size:1rem;line-height:1.35}
.backup-status-row p{margin:0;line-height:1.5}
.backup-last-run{display:flex;justify-content:space-between;gap:16px;margin-top:18px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.backup-last-run span{color:var(--muted)}
.backup-last-run strong{text-align:right}
.backup-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:16px}
@media(max-width:720px){.backup-status-row{grid-template-columns:1fr}.backup-actions{justify-content:stretch}.backup-actions .btn{flex:1}.backup-last-run{display:grid}}

/* Shared authenticated content measure: client surfaces use the Admin cap while staying left aligned. */
:root{--authenticated-content-max:1520px;}
@media(min-width:981px){
  body.client-portal-mode .app-shell>.main>.topbar,
  body.client-portal-mode .app-shell>.main>#view.view,
  body.client-hub-mode .app-shell>.main>.topbar,
  body.client-hub-mode .app-shell>.main>#view.view{
    width:100%!important;
    max-width:var(--authenticated-content-max)!important;
    margin-left:0!important;
    margin-right:auto!important;
  }
  body.client-portal-mode .app-shell>.main>#view.view>.client-portal-view{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }
}

/* Final interaction layout guard: keep these rules after all historical theme blocks. */
.progress-track,
.shared-progress-track,
body.client-portal-mode #portal-home .progress-track{
  position:relative;
  width:100%;
  height:8px!important;
  margin-top:8px!important;
  overflow:hidden;
  border-radius:999px;
  background:rgba(128,128,128,.20)!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.22);
}
.progress-track>span,
.shared-progress-track>span{
  display:block!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,var(--green-2),var(--gold))!important;
  box-shadow:0 0 14px rgba(85,185,133,.24);
  transition:width 420ms cubic-bezier(.2,.8,.2,1);
}
html[data-theme="light"] .progress-track,
html[data-theme="light"] .shared-progress-track{background:rgba(26,63,46,.16)!important;}
.modal-backdrop{
  display:grid;
  place-items:center!important;
  align-items:center!important;
  padding:18px!important;
  overflow:hidden!important;
}
.modal{
  display:flex!important;
  flex-direction:column;
  height:auto!important;
  max-height:calc(100dvh - 36px)!important;
  overflow:hidden!important;
}
.modal-head{flex:0 0 auto;}
.modal-body{min-height:0;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;}
.media-preview-open .modal{width:min(1240px,calc(100vw - 36px))!important;animation:performancePreviewIn 320ms cubic-bezier(.2,.8,.2,1) both;}
body.client-portal-mode .performance-net{max-width:100%;font-size:clamp(26px,2.4vw,32px);line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums;}
body.client-portal-mode .readiness-action-btn{min-width:180px;}
body.client-portal-mode .old-support-clone.support-chat-card{
  display:flex!important;
  flex-direction:column;
  width:100%!important;
  max-width:1040px!important;
  height:calc(100dvh - 120px)!important;
  min-height:700px!important;
  max-height:900px!important;
  overflow:hidden!important;
}
body.client-portal-mode .old-support-clone .section-head.compact{flex:0 0 auto;}
body.client-portal-mode .old-support-clone .support-open-chat{display:flex!important;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden;}
body.client-portal-mode .old-support-clone .support-chat-messages{flex:1 1 auto;min-height:330px!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain;}
body.client-portal-mode .old-support-clone .support-quick-questions,
body.client-portal-mode .old-support-clone textarea,
body.client-portal-mode .old-support-clone .support-send-row,
body.client-portal-mode .old-support-clone .support-secondary-row{flex:0 0 auto;}
@media(max-width:620px){
  .modal-backdrop{padding:10px!important;}
  .modal{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;}
  .media-preview-open .modal{width:calc(100vw - 20px)!important;}
  body.client-portal-mode .performance-net{font-size:30px;}
}
@media(max-height:820px){
  body.client-portal-mode .old-support-clone.support-chat-card{height:calc(100dvh - 86px)!important;min-height:0!important;max-height:calc(100dvh - 86px)!important;}
  body.client-portal-mode .old-support-clone .support-chat-messages{min-height:210px!important;}
}
/* Native client Product Handbook */
body.client-portal-mode .handbook-shell{
  display:grid;
  grid-template-columns:minmax(220px,280px) minmax(0,1fr);
  gap:24px;
  align-items:start;
}
body.client-portal-mode .handbook-nav{
  position:sticky;
  top:24px;
  padding:22px;
}
body.client-portal-mode .handbook-nav h2{font-size:clamp(1.55rem,2vw,2rem);margin:8px 0}
body.client-portal-mode .handbook-nav-list{display:grid;gap:6px;margin-top:20px}
body.client-portal-mode .handbook-nav-list button{
  display:grid;
  gap:3px;
  width:100%;
  padding:12px 14px;
  border:1px solid transparent;
  border-radius:6px;
  background:transparent;
  color:var(--text);
  text-align:left;
  cursor:pointer;
}
body.client-portal-mode .handbook-nav-list button span{
  color:var(--muted);
  font-size:.7rem;
  text-transform:uppercase;
}
body.client-portal-mode .handbook-nav-list button strong{font-size:.9rem}
body.client-portal-mode .handbook-nav-list button:hover,
body.client-portal-mode .handbook-nav-list button:focus-visible{
  border-color:var(--line);
  background:var(--panel-soft);
}
body.client-portal-mode .handbook-nav-list button.active{
  border-color:var(--gold);
  background:var(--green);
  color:#fff;
}
body.client-portal-mode .handbook-nav-list button.active span{color:#d9f2e7}
body.client-portal-mode .handbook-content{min-width:0;outline:none}
body.client-portal-mode .handbook-page-copy{display:grid;gap:20px}
body.client-portal-mode .handbook-intro{padding:28px}
body.client-portal-mode .handbook-intro h1{max-width:760px;margin:8px 0 12px;font-size:clamp(2rem,4vw,3.25rem)}
body.client-portal-mode .handbook-intro p{max-width:850px;margin:0;color:var(--muted);line-height:1.7}
body.client-portal-mode .handbook-card-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
body.client-portal-mode .handbook-card{padding:20px}
body.client-portal-mode .handbook-card h3{margin:0 0 8px;font-size:1.1rem}
body.client-portal-mode .handbook-card p{margin:0;color:var(--muted);line-height:1.6}
body.client-portal-mode .handbook-list{margin:14px 0 0;padding-left:20px;color:var(--muted)}
body.client-portal-mode .handbook-risk,
body.client-portal-mode .handbook-layer,
body.client-portal-mode .handbook-crosslinks,
body.client-portal-mode .handbook-sequence,
body.client-portal-mode .handbook-scope-table{padding:24px}
body.client-portal-mode .handbook-risk p{max-width:850px;color:var(--muted)}
body.client-portal-mode .handbook-layer h2,
body.client-portal-mode .handbook-scope-table h2{margin:8px 0 12px;font-size:1.65rem}
body.client-portal-mode .handbook-layer>p{max-width:880px;color:var(--muted);line-height:1.7}
body.client-portal-mode .handbook-notice{
  display:grid;
  gap:5px;
  margin:18px 0;
  padding:16px;
  border-left:3px solid var(--gold);
  background:var(--panel-soft);
}
body.client-portal-mode .handbook-notice span{color:var(--muted)}
body.client-portal-mode .handbook-related-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
body.client-portal-mode .handbook-sequence ol{margin:14px 0 0;padding-left:22px}
body.client-portal-mode .handbook-sequence li{padding:5px 0;color:var(--muted)}
body.client-portal-mode .handbook-image-section{display:grid;gap:12px}
body.client-portal-mode .handbook-image-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
body.client-portal-mode .handbook-image-slot{
  margin:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
}
body.client-portal-mode .handbook-image-placeholder{
  display:grid;
  place-content:center;
  gap:6px;
  aspect-ratio:16/9;
  min-height:160px;
  color:var(--gold);
  text-align:center;
  background:
    linear-gradient(135deg,transparent 49.5%,color-mix(in srgb,var(--line) 55%,transparent) 50%,transparent 50.5%),
    var(--panel-soft);
}
body.client-portal-mode .handbook-image-placeholder strong{font-size:1.15rem}
body.client-portal-mode .handbook-image-placeholder span{color:var(--muted);font-size:.8rem}
body.client-portal-mode .handbook-image-slot figcaption{display:grid;gap:4px;padding:13px 15px}
body.client-portal-mode .handbook-image-slot figcaption span{color:var(--muted);font-size:.76rem}
body.client-portal-mode .handbook-scope-table table{width:100%;border-collapse:collapse}
body.client-portal-mode .handbook-scope-table th,
body.client-portal-mode .handbook-scope-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
body.client-portal-mode .handbook-scope-table th{color:var(--gold);font-size:.72rem;text-transform:uppercase}
body.client-portal-mode .handbook-scope-table td:first-child{font-weight:700;white-space:nowrap}
body.client-portal-mode .handbook-preflight{margin:0;padding:24px;list-style:none;counter-reset:preflight}
body.client-portal-mode .handbook-preflight li{
  display:grid;
  grid-template-columns:minmax(120px,180px) 1fr;
  gap:18px;
  padding:16px 0;
  border-bottom:1px solid var(--line);
  counter-increment:preflight;
}
body.client-portal-mode .handbook-preflight li:last-child{border-bottom:0}
body.client-portal-mode .handbook-preflight strong:before{content:counter(preflight,decimal-leading-zero) " ";color:var(--gold)}
body.client-portal-mode .handbook-preflight span{color:var(--muted)}
body.client-portal-mode .handbook-support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.client-portal-mode .handbook-pager{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:24px;
  padding-top:20px;
  border-top:1px solid var(--line);
}
@media(max-width:900px){
  body.client-portal-mode .handbook-shell{grid-template-columns:1fr}
  body.client-portal-mode .handbook-nav{position:static}
  body.client-portal-mode .handbook-nav-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:620px){
  body.client-portal-mode .handbook-card-grid,
  body.client-portal-mode .handbook-image-grid,
  body.client-portal-mode .handbook-support-grid,
  body.client-portal-mode .handbook-nav-list{grid-template-columns:1fr}
  body.client-portal-mode .handbook-intro{padding:20px}
  body.client-portal-mode .handbook-preflight li{grid-template-columns:1fr;gap:5px}
  body.client-portal-mode .handbook-pager{align-items:stretch;flex-direction:column}
  body.client-portal-mode .handbook-pager .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
  body.client-portal-mode .handbook-nav-list button{scroll-behavior:auto}
}

/* NinjaTrader 8 setup and maintenance training */
body.client-portal-mode .nt8-course-flow{
  display:grid;
  grid-template-columns:minmax(240px,320px) minmax(0,1fr);
  gap:18px;
  align-items:start;
}
body.client-portal-mode .nt8-course-side{
  position:sticky;
  top:18px;
  display:grid;
  gap:16px;
}
body.client-portal-mode .nt8-course-side .portal-course-map{margin-top:0}
body.client-portal-mode .nt8-tier-rule{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 0;
  border-block:1px solid var(--line);
  color:var(--muted);
  font-size:.82rem;
}
body.client-portal-mode .nt8-course-main{display:grid;gap:18px;min-width:0}
body.client-portal-mode .nt8-video-card{overflow:hidden}
body.client-portal-mode .nt8-video-frame{
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#020805;
}
body.client-portal-mode .nt8-video-frame iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
}
body.client-portal-mode .nt8-safety-warning{
  display:grid;
  gap:7px;
  padding:16px 18px;
  border:1px solid color-mix(in srgb,var(--gold) 64%,var(--line));
  border-left:4px solid var(--gold);
  border-radius:8px;
  background:color-mix(in srgb,var(--gold) 7%,var(--panel));
}
body.client-portal-mode .nt8-safety-warning strong{line-height:1.55}
body.client-portal-mode .nt8-safety-warning.critical{
  border-color:color-mix(in srgb,#d25b55 70%,var(--line));
  border-left-color:#d25b55;
  background:color-mix(in srgb,#d25b55 8%,var(--panel));
}
body.client-portal-mode .nt8-related-resource,
body.client-portal-mode .nt8-support-resource,
body.client-portal-mode .nt8-weekly-shortcut{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
body.client-portal-mode .nt8-related-resource>div,
body.client-portal-mode .nt8-support-resource>div,
body.client-portal-mode .nt8-weekly-shortcut>div{min-width:0}
body.client-portal-mode .nt8-completion-copy{
  padding:14px 16px;
  border-left:3px solid var(--green);
  color:var(--text);
  background:color-mix(in srgb,var(--green) 8%,var(--panel));
}
@media(max-width:900px){
  body.client-portal-mode .nt8-course-flow{grid-template-columns:1fr}
  body.client-portal-mode .nt8-course-side{position:static}
}
@media(max-width:620px){
  .training-video-footer.compact,
  .training-video-actions{align-items:stretch;flex-direction:column}
  .training-video-footer .btn{width:100%}
  body.client-portal-mode .nt8-related-resource,
  body.client-portal-mode .nt8-support-resource,
  body.client-portal-mode .nt8-weekly-shortcut{
    align-items:stretch;
    flex-direction:column;
  }
  body.client-portal-mode .nt8-related-resource .btn,
  body.client-portal-mode .nt8-support-resource .btn,
  body.client-portal-mode .nt8-weekly-shortcut .btn{width:100%}
}