:root{--hue:190;--accent:hsl(var(--hue) 92% 58%);--accent-2:hsl(calc(var(--hue) + 38) 88% 62%);--accent-soft:hsl(var(--hue) 70% 52% / .15);--bg:#071018;--panel:#0e1a26;--border:rgba(255,255,255,.08);--text:#f6f8fb;--muted:#8fa1b3;--green:#3be28d;--red:#ff6474;--orange:#ffad4d;--shadow:0 20px 60px rgba(0,0,0,.28);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 78% 12%,hsl(var(--hue) 80% 50% / .10),transparent 26rem),linear-gradient(180deg,#061018 0%,#071018 70%,#050b10 100%);color:var(--text)}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:28px 18px 20px;border-right:1px solid var(--border);background:rgba(5,12,18,.88);backdrop-filter:blur(18px);display:flex;flex-direction:column;z-index:30}.brand-wrap{display:flex;gap:12px;align-items:center;padding:0 8px 28px}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:900;font-size:22px;color:#061018;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 35px hsl(var(--hue) 90% 55% / .20)}.brand-name{font-weight:800;font-size:20px;letter-spacing:-.03em}.brand-kicker{color:var(--muted);font-size:9px;letter-spacing:.17em;margin-top:2px}.nav{display:flex;flex-direction:column;gap:6px}.nav-item{border:0;background:transparent;color:#9dafbf;border-radius:12px;padding:12px 13px;display:flex;align-items:center;gap:12px;text-align:left;transition:.18s}.nav-item span{width:20px;color:#6d8295}.nav-item:hover{background:rgba(255,255,255,.04);color:#fff}.nav-item.active{background:var(--accent-soft);color:#fff;box-shadow:inset 3px 0 0 var(--accent)}.nav-item.active span{color:var(--accent)}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:14px}.accent-card{padding:14px;border:1px solid var(--border);border-radius:15px;background:rgba(255,255,255,.025)}.accent-row{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:10px}#accentSlider{width:100%;accent-color:var(--accent)}.accent-spectrum{height:5px;border-radius:999px;margin-top:8px;background:linear-gradient(90deg,#ff5c7c,#ffb84d,#ecf85b,#43e7a2,#42d5ff,#8270ff,#e96cff,#ff5c7c)}.back-link{font-size:12px;color:var(--muted);text-decoration:none;padding:0 4px}.back-link:hover{color:var(--accent)}.main{min-width:0;padding:0 34px 34px}.topbar{min-height:95px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:20px}.topbar h1{margin:3px 0 0;font-size:25px;letter-spacing:-.035em}.eyebrow,.panel-label{font-size:10px;letter-spacing:.16em;color:var(--accent);font-weight:800}.top-actions{display:flex;align-items:center;gap:24px}.status-pill{font-size:12px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--border);color:#c8d4df}.live-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--green);margin-right:7px;box-shadow:0 0 12px var(--green)}.time-wrap{text-align:right}.time{font-weight:700}.muted{color:var(--muted);font-size:11px;margin-top:2px}.mobile-menu{display:none;background:none;border:0;color:#fff;font-size:22px}.notice{margin:18px 0 0;padding:11px 14px;border:1px solid hsl(var(--hue) 70% 50% / .22);background:hsl(var(--hue) 75% 50% / .07);border-radius:12px;color:#b7c7d7;font-size:12px}.notice strong{color:#e9f7ff}.market-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0 22px}.market-chip{padding:12px 14px;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.market-chip strong{font-size:13px}.market-chip small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.up{color:var(--green)}.down{color:var(--red)}.section{display:none;animation:fade .2s ease}.section.active{display:block}@keyframes fade{from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:none}}.hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.panel{background:linear-gradient(180deg,rgba(17,31,45,.94),rgba(11,21,31,.96));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.hero-panel{padding:30px;min-height:300px;overflow:hidden;position:relative}.panel-top{display:flex;justify-content:space-between;gap:20px;position:relative;z-index:2}.hero-panel h2{font-size:39px;line-height:1.04;max-width:760px;margin:10px 0 14px;letter-spacing:-.05em}.lead{max-width:760px;color:#9fb0c1;line-height:1.7;font-size:14px}.hero-orb{position:absolute;width:290px;height:290px;right:-80px;top:-70px;border-radius:50%;background:radial-gradient(circle at 38% 38%,var(--accent),hsl(var(--hue) 80% 45% / .17) 35%,transparent 70%);filter:blur(3px);opacity:.55}.hero-actions{display:flex;gap:10px;margin-top:28px;position:relative;z-index:2}.primary-btn,.ghost-btn{padding:11px 15px;border-radius:11px;border:1px solid transparent;font-weight:750}.primary-btn{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#051018}.ghost-btn{background:rgba(255,255,255,.035);border-color:var(--border);color:#dae5ee}.score-panel{display:flex;flex-direction:column;align-items:center}.score-panel .panel-label{align-self:flex-start}.score-ring{width:174px;height:174px;border-radius:50%;display:grid;place-items:center;margin:12px 0 18px;background:radial-gradient(circle at center,var(--panel) 61%,transparent 62%),conic-gradient(var(--accent) 0 82%,rgba(255,255,255,.07) 82% 100%);box-shadow:0 0 35px hsl(var(--hue) 75% 50% / .12)}.score-number{font-size:48px;font-weight:850;text-align:center;letter-spacing:-.06em}.score-caption{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.score-meta{width:100%;display:grid;gap:8px}.score-meta div,.info-list div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--border);font-size:12px}.score-meta span,.info-list span{color:var(--muted)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.kpi-card{padding:17px 18px;border:1px solid var(--border);border-radius:15px;background:rgba(255,255,255,.025);min-height:106px}.kpi-label{font-size:11px;color:var(--muted)}.kpi-value{font-size:28px;font-weight:800;margin:8px 0 3px;letter-spacing:-.04em}.kpi-sub{font-size:10px;color:#73889b}.content-grid,.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0}.span-2{grid-column:span 2}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:14px}.panel-header h3,.panel h3{margin:4px 0 0;font-size:17px}.text-btn{background:none;border:0;color:var(--accent);font-size:11px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{color:#71879a;text-align:left;font-size:9px;letter-spacing:.11em;text-transform:uppercase;padding:11px 10px;border-bottom:1px solid var(--border)}td{padding:13px 10px;border-bottom:1px solid rgba(255,255,255,.05)}.rank{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:800}.symbol{font-weight:800}.state-badge,.mini-badge{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid var(--border);font-size:9px}.chart{min-height:230px;display:flex;align-items:center;justify-content:center}.large-chart{min-height:320px}.chart svg{width:100%;height:auto;overflow:visible}.stack-list{display:grid;gap:10px}.stack-card{padding:12px;border-radius:12px;background:rgba(255,255,255,.026);border:1px solid var(--border)}.stack-card-top{display:flex;justify-content:space-between;gap:10px}.stack-card strong{font-size:12px}.stack-card p{font-size:11px;color:var(--muted);line-height:1.5;margin:7px 0 0}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin:4px 0 18px}.section-heading h2{font-size:30px;letter-spacing:-.04em;margin:5px 0 8px}.section-heading p{color:var(--muted);max-width:750px;line-height:1.6;font-size:13px;margin:0}.filter-row{display:flex;gap:7px;flex-wrap:wrap}.chip{border:1px solid var(--border);background:rgba(255,255,255,.025);color:#9fb1c2;padding:7px 10px;border-radius:999px;font-size:10px}.chip.active{background:var(--accent-soft);color:var(--accent);border-color:hsl(var(--hue) 70% 50% / .25)}.scanner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.scanner-card{border:1px solid var(--border);border-radius:16px;padding:17px;background:linear-gradient(180deg,rgba(16,30,43,.95),rgba(10,19,28,.96))}.scanner-card-head{display:flex;justify-content:space-between;align-items:center}.scanner-card .price{font-size:26px;font-weight:850;margin:14px 0 2px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.metric{padding:9px;border-radius:10px;background:rgba(255,255,255,.025)}.metric span{display:block;color:var(--muted);font-size:9px}.metric strong{font-size:12px}.spark{height:46px;margin-top:12px}.large-list{display:grid}.large-row{display:grid;grid-template-columns:1fr 1fr 1fr 2fr;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid var(--border);font-size:12px}.large-row:last-child{border-bottom:0}.timeline{display:grid;gap:0}.timeline-item{display:grid;grid-template-columns:90px 15px 1fr;gap:14px;min-height:84px}.timeline-time{color:var(--muted);font-size:11px;padding-top:2px}.timeline-dot-col{display:flex;flex-direction:column;align-items:center}.timeline-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.timeline-line{width:1px;flex:1;background:var(--border);margin:5px 0}.timeline-content{padding-bottom:18px}.timeline-content strong{font-size:13px}.timeline-content p{font-size:11px;color:var(--muted);line-height:1.5;margin:5px 0}.journey-steps{display:grid;gap:2px;margin-top:12px}.journey-step{display:grid;grid-template-columns:32px 1fr;gap:10px;padding:13px 0;border-bottom:1px solid var(--border)}.journey-step span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.04);color:#7990a3;font-size:10px}.journey-step.complete span{background:var(--accent-soft);color:var(--accent);border:1px solid hsl(var(--hue) 70% 55% / .3)}.journey-step strong{display:block;font-size:12px}.journey-step small{color:var(--muted);font-size:10px}.chart-note{color:var(--muted);font-size:10px;line-height:1.5;margin-top:8px}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.about-grid p{color:var(--muted);font-size:12px;line-height:1.65}.footer{margin:28px 0 0;padding:24px 0 10px;border-top:1px solid var(--border);color:#718598;font-size:10px}.footer>div:first-child{display:flex;gap:8px;align-items:center;color:#aebdca}.footer-links{display:flex;gap:14px;margin:10px 0}.footer-links a{text-decoration:none;color:#7f94a6}.footer p{max-width:900px;line-height:1.55}@media(max-width:1100px){.app-shell{grid-template-columns:78px 1fr}.sidebar{padding:24px 10px}.brand-name,.brand-kicker,.nav-item:not(.active){font-size:0}.brand-wrap{justify-content:center;padding-left:0;padding-right:0}.nav-item{justify-content:center}.nav-item span{font-size:16px;width:auto}.accent-card,.back-link{display:none}.hero-grid{grid-template-columns:1fr}.content-grid,.journey-grid{grid-template-columns:1fr 1fr}.span-2{grid-column:span 2}.scanner-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:-270px;width:250px;transition:.2s}.sidebar.open{left:0}.brand-name,.brand-kicker,.nav-item:not(.active){font-size:initial}.nav-item{justify-content:flex-start}.accent-card,.back-link{display:block}.main{padding:0 16px 24px}.mobile-menu{display:block}.topbar{min-height:82px}.topbar h1{font-size:19px}.time-wrap{display:none}.market-strip{grid-template-columns:1fr 1fr}.hero-panel{padding:22px}.hero-panel h2{font-size:31px}.kpi-grid{grid-template-columns:1fr 1fr}.content-grid,.journey-grid,.scanner-grid,.about-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.section-heading{align-items:flex-start;flex-direction:column}.large-row{grid-template-columns:1fr 1fr}.large-row .row-note{grid-column:span 2}}
/* v2 */
.mobile-backdrop{display:none}.tier-mini{padding:12px;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.025);display:flex;justify-content:space-between;font-size:11px}.tier-mini span{color:var(--muted)}.tier-mini strong{color:var(--accent)}.tier-bar{margin:14px 0 0;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.024);display:flex;justify-content:space-between;align-items:center;gap:12px}.tier-label{font-size:10px;color:var(--muted);display:block}.tier-switcher{display:flex;gap:6px;flex-wrap:wrap}.tier-btn{border:1px solid var(--border);background:rgba(255,255,255,.025);color:#9fb1c2;padding:7px 10px;border-radius:999px;font-size:10px}.tier-btn.active{background:var(--accent-soft);color:var(--accent)}.auth-small{padding:8px 11px;font-size:11px}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.settings-copy{color:var(--muted);font-size:12px;line-height:1.6}.account-state,.config-code{display:block;margin:14px 0;padding:10px;border-radius:10px;background:rgba(255,255,255,.03);color:#aebdca;font-size:11px}.tier-lock{display:none;margin-top:12px;padding:11px;border-radius:10px;border:1px dashed rgba(255,255,255,.13);color:#90a3b5;font-size:11px}.tier-lock.show{display:block}.tier-lock strong{color:var(--accent)}.modal-backdrop{position:fixed;inset:0;background:rgba(1,7,11,.78);backdrop-filter:blur(8px);z-index:100;display:grid;place-items:center;padding:18px}.modal-backdrop[hidden],.modal[hidden]{display:none}.modal{width:min(440px,100%);background:#0d1924;border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.55);position:relative}.legal-modal{width:min(680px,100%);max-height:82vh;overflow:auto}.modal-close{position:absolute;right:14px;top:10px;background:none;border:0;color:#9dafbf;font-size:24px}.modal label{display:grid;gap:6px;font-size:11px;color:#9eb0c1;margin:12px 0}.modal input{width:100%;border:1px solid var(--border);background:#07111a;color:#fff;border-radius:10px;padding:11px}.full{width:100%}.modal-copy,.modal-note,.legal-body{font-size:11px;color:var(--muted);line-height:1.6}
.section,.hero-grid,.hero-panel,.score-panel{max-width:none}.main{width:100%}
@media(max-width:760px){body.menu-open{overflow:hidden}.mobile-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.52);z-index:40;opacity:0;pointer-events:none;transition:.18s}.mobile-backdrop.show{opacity:1;pointer-events:auto}.hero-grid{display:block!important;width:100%}.hero-panel,.score-panel{width:100%}.score-panel{margin-top:14px}.tier-bar{align-items:flex-start;flex-direction:column}.tier-switcher{width:100%}.tier-btn{flex:1}.settings-grid{grid-template-columns:1fr}.top-actions{gap:6px}.auth-small{padding:7px 9px}.time-wrap{display:none}}

/* ===== Trendward v3: keep plan controls secondary ===== */
.plan-badge{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:6px 9px;border-radius:999px;border:1px solid hsl(var(--hue) 70% 50% / .25);background:var(--accent-soft);color:var(--accent);font-size:9px;font-weight:850;letter-spacing:.08em}.select-label{display:block;margin:18px 0 7px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.plan-select{width:100%;padding:11px 12px;border-radius:11px;border:1px solid var(--border);background:#08131d;color:var(--text);outline:none}.plan-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.plan-summary{margin-top:12px;padding:11px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid var(--border);color:var(--muted);font-size:11px;line-height:1.55}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){.plan-badge{min-width:auto;padding:5px 7px;font-size:8px}.settings-grid{grid-template-columns:1fr}.top-actions{gap:5px}.status-pill{display:none}}

.header-tier{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:7px 9px;border-radius:999px;border:1px solid hsl(var(--hue) 70% 50% / .25);background:var(--accent-soft);color:var(--accent);font-size:9px;font-weight:850;letter-spacing:.08em}
.plan-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}
.plan-links a{padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.025);text-decoration:none;color:#9fb1c2;font-size:11px;text-align:center}
.plan-links a:hover,.plan-links a.active{border-color:hsl(var(--hue) 70% 50% / .35);background:var(--accent-soft);color:var(--accent)}
@media(max-width:760px){.header-tier{font-size:8px;padding:6px 8px}}


/* v5: anchors used for dashboard navigation retain button styling while
   supporting native browser link actions (new tab, copy link, etc.). */
.nav-item{text-decoration:none;cursor:pointer}
.action-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.text-btn.action-link{text-decoration:none}


/* ===== Trendward v8 responsive navigation fix ===== */

/* Keep the header above page content and preserve a real click target. */
.topbar{
  position:relative;
  z-index:20;
}
.mobile-menu{
  position:relative;
  z-index:120;
  width:44px;
  height:44px;
  min-width:44px;
  min-height:44px;
  padding:0;
  align-items:center;
  justify-content:center;
  border-radius:11px;
  pointer-events:auto;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.mobile-menu:hover,
.mobile-menu:focus-visible{
  background:rgba(255,255,255,.06);
  outline:1px solid var(--border);
}
.top-actions{
  min-width:0;
}

/* Use a real off-canvas menu once the viewport becomes tablet-sized.
   This avoids the collapsed-sidebar/header overlap state. */
@media(max-width:900px){
  body.menu-open{
    overflow:hidden;
  }

  .app-shell{
    display:block;
  }

  .sidebar{
    position:fixed !important;
    top:0;
    left:-280px;
    width:260px !important;
    height:100dvh;
    padding:24px 16px 20px;
    z-index:110;
    transition:left .22s ease;
    overflow-y:auto;
    box-shadow:24px 0 60px rgba(0,0,0,.35);
  }

  .sidebar.open{
    left:0;
  }

  .sidebar .brand-name,
  .sidebar .brand-kicker,
  .sidebar .nav-item:not(.active){
    font-size:initial;
  }

  .sidebar .brand-wrap{
    justify-content:flex-start;
  }

  .sidebar .nav-item{
    justify-content:flex-start;
  }

  .sidebar .nav-item span{
    width:20px;
  }

  .sidebar .tier-mini,
  .sidebar .back-link{
    display:flex;
  }

  .mobile-backdrop{
    display:block;
    position:fixed;
    inset:0;
    z-index:100;
    background:rgba(0,0,0,.52);
    opacity:0;
    pointer-events:none;
    transition:opacity .18s ease;
  }

  .mobile-backdrop.show{
    opacity:1;
    pointer-events:auto;
  }

  .main{
    width:100%;
    min-width:0;
    padding-left:18px;
    padding-right:18px;
  }

  .mobile-menu{
    display:inline-flex !important;
  }

  .topbar{
    gap:10px;
  }

  .topbar > div:nth-child(2){
    min-width:0;
  }

  .topbar h1{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .top-actions{
    margin-left:auto;
    gap:8px;
    flex:0 1 auto;
  }
}

/* Phone-specific simplification keeps the hamburger unobstructed. */
@media(max-width:620px){
  .main{
    padding-left:12px;
    padding-right:12px;
  }

  .topbar{
    min-height:76px;
  }

  .topbar h1{
    font-size:17px;
    max-width:42vw;
  }

  .topbar .eyebrow{
    font-size:8px;
  }

  .status-pill{
    display:none;
  }

  .top-actions .ghost-btn{
    display:none;
  }

  .top-actions{
    gap:6px;
  }

  .auth-small{
    padding:8px 9px !important;
    font-size:10px !important;
  }

  .plan-badge,
  .header-tier{
    font-size:8px;
    padding:6px 7px;
  }
}


/* ===== Trendward v9 narrow-window hamburger fix ===== */

/* At very narrow widths, completely detach the hamburger from the header's
   flex layout so no title/auth element can cover its hit target. */
@media(max-width:700px){
  .mobile-menu{
    display:flex !important;
    position:fixed !important;
    top:max(12px, env(safe-area-inset-top));
    left:max(12px, env(safe-area-inset-left));
    z-index:1000 !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
    margin:0 !important;
    padding:0 !important;
    border:1px solid var(--border) !important;
    border-radius:13px !important;
    background:rgba(7,16,24,.96) !important;
    box-shadow:0 8px 28px rgba(0,0,0,.35) !important;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    pointer-events:auto !important;
  }

  .top-left{
    padding-left:58px;
    min-width:0;
  }

  .topbar{
    position:relative;
    z-index:20;
    overflow:visible !important;
  }

  .topbar h1{
    max-width:calc(100vw - 190px);
  }

  .sidebar{
    z-index:950 !important;
  }

  .mobile-backdrop{
    z-index:900 !important;
  }

  /* Keep the hamburger available even while the drawer is open. */
  body.menu-open .mobile-menu{
    z-index:1001 !important;
  }
}

/* Extra-small windows: reduce competing header controls further. */
@media(max-width:480px){
  .topbar{
    min-height:72px;
  }

  .top-left{
    padding-left:56px;
  }

  .topbar h1{
    font-size:15px !important;
    max-width:38vw;
  }

  .topbar .eyebrow{
    display:none;
  }

  .header-tier,
  .plan-badge{
    display:none !important;
  }

  .top-actions{
    margin-left:auto;
    flex:0 0 auto;
  }

  .top-actions .primary-btn,
  .auth-actions .primary-btn{
    padding:8px 9px !important;
    font-size:9px !important;
  }
}


/* ===== Trendward v10 tier differentiation + visual intelligence ===== */
.pulse-market-strip{margin:4px 0 18px}
.tier-experience:empty{display:none}
.tier-experience{margin:0 0 16px}
.tier-banner,.visual-card,.metric-ribbon,.signal-visual,.journey-preview-viz,.journey-premium-viz,.settings-tier-card{
  border:1px solid var(--border);border-radius:18px;
  background:linear-gradient(180deg,rgba(18,33,47,.92),rgba(10,20,29,.94));
  box-shadow:var(--shadow)
}
.tier-banner{padding:22px 24px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.8fr);gap:22px;align-items:center}
.tier-banner>div:first-child>span,.viz-kicker{font-size:9px;letter-spacing:.16em;color:var(--accent);font-weight:850}
.tier-banner h2{font-size:26px;letter-spacing:-.04em;margin:6px 0 7px}
.tier-banner p{color:var(--muted);font-size:12px;line-height:1.55;margin:0}
.premium-banner{background:radial-gradient(circle at 90% 0,hsl(var(--hue) 80% 50%/.18),transparent 35%),linear-gradient(180deg,rgba(18,33,47,.94),rgba(10,20,29,.96))}
.visual-pair{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}
.mini-ring{--value:50;width:116px;height:116px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,var(--panel) 60%,transparent 61%),conic-gradient(var(--accent) calc(var(--value)*1%),rgba(255,255,255,.07) 0)}
.mini-ring>div{text-align:center}.mini-ring strong{display:block;font-size:27px}.mini-ring span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.viz-stack{display:grid;gap:9px}.viz-row{min-width:200px}.viz-row-head{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:5px}.viz-row-head strong{color:#dce7ef}.viz-track{height:8px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}.viz-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.viz-row small{display:block;color:#6f8496;font-size:9px;margin-top:4px}
.micro-chart small{display:block;color:var(--muted);font-size:9px;margin-bottom:6px}.tier-spark{width:100%;height:auto;display:block}
.visual-card{padding:18px 20px}.visual-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.visual-card-head h3,.single-feature h3{font-size:20px;margin:4px 0}.visual-card-head small{color:var(--muted);font-size:9px}.single-feature{display:flex;justify-content:space-between;align-items:center;gap:20px}.single-feature p{color:var(--muted);font-size:11px}
.candidate-viz-row{display:grid;grid-template-columns:105px minmax(90px,1fr) 34px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.045)}.candidate-viz-row:last-child{border-bottom:0}.candidate-viz-row strong{font-size:12px}.candidate-viz-row small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.candidate-viz-bar{height:8px;background:rgba(255,255,255,.055);border-radius:999px;overflow:hidden}.candidate-viz-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.candidate-viz-row b{font-size:11px;color:var(--accent);text-align:right}
.heat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.heat-tile{position:relative;overflow:hidden;min-height:88px;padding:12px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(135deg,hsl(var(--hue) 75% 50% / calc(var(--heat) / 500)),rgba(255,255,255,.025))}.heat-tile:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:var(--heat);background:var(--accent)}.heat-tile strong,.heat-tile span,.heat-tile small{display:block}.heat-tile strong{font-size:12px}.heat-tile span{font-size:22px;font-weight:800;margin-top:5px}.heat-tile small{font-size:9px;color:var(--muted)}
.evidence-strip{display:grid;grid-template-columns:minmax(180px,1fr) 1fr;gap:18px;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.evidence-strip strong{display:block;font-size:12px}.evidence-strip small{color:var(--muted);font-size:9px}
.metric-ribbon{padding:16px 18px;display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:18px;align-items:center}.metric-ribbon>div:first-child span,.pulse-visual-grid span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.09em}.metric-ribbon>div:first-child strong{display:block;font-size:28px;margin:4px 0}.metric-ribbon>div:first-child small{color:var(--muted);font-size:9px}
.signal-visual{padding:18px 20px;display:grid;grid-template-columns:125px 1fr;gap:20px;align-items:center}.signal-visual h3{font-size:20px;margin:4px 0 5px}.signal-visual p{color:var(--muted);font-size:11px;margin:0}.signal-dots{display:flex;gap:6px;margin-top:12px}.signal-dots i{width:28px;height:5px;border-radius:999px;background:var(--accent)}
.journey-preview-viz{padding:18px;display:flex;align-items:center;gap:10px;overflow:auto}.journey-node{padding:10px 12px;border-radius:11px;border:1px solid var(--border);font-size:10px;white-space:nowrap}.journey-node.done{background:var(--accent-soft);color:var(--accent)}.journey-node.active{border-color:hsl(var(--hue) 75% 55%/.4);color:#fff}.journey-node.locked{color:#697f91;background:rgba(255,255,255,.02)}.journey-preview-viz>span{height:2px;min-width:35px;flex:1;background:linear-gradient(90deg,var(--accent),rgba(255,255,255,.08))}.journey-preview-viz>span.locked-line{background:repeating-linear-gradient(90deg,rgba(255,255,255,.14) 0 5px,transparent 5px 10px)}
.journey-premium-viz{padding:18px 20px;display:grid;grid-template-columns:minmax(0,1.6fr) auto;gap:20px;align-items:center}.journey-premium-viz h3{margin:5px 0 8px}
.pulse-visual-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.pulse-visual-grid>div{padding:13px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.025)}.pulse-visual-grid strong{display:block;font-size:20px;margin-top:5px}
.settings-tier-card{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.settings-tier-card h3{margin:5px 0;font-size:17px}.feature-pills{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.feature-pills span{padding:7px 9px;border-radius:999px;border:1px solid hsl(var(--hue) 65% 50%/.22);background:var(--accent-soft);font-size:9px;color:#cbeef5}

@media(max-width:1050px){
  .heat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pulse-visual-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .tier-banner,.metric-ribbon,.signal-visual,.journey-premium-viz,.settings-tier-card{grid-template-columns:1fr;display:grid}
  .tier-banner{padding:17px}.visual-pair{justify-content:flex-start}.metric-ribbon{gap:12px}
  .heat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .evidence-strip{grid-template-columns:1fr}.pulse-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .settings-tier-card{align-items:start}.feature-pills{justify-content:flex-start}
}
@media(max-width:430px){
  .heat-grid{grid-template-columns:1fr 1fr}
  .candidate-viz-row{grid-template-columns:80px minmax(70px,1fr) 28px}
  .mini-ring{width:96px;height:96px}.mini-ring strong{font-size:22px}
}


/* ===== Trendward v11: genuinely different tier identities ===== */
.static-tier-identity{
  margin:0 0 14px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;
  display:flex;justify-content:space-between;align-items:center;gap:18px
}
.static-tier-identity div{display:grid;gap:3px}
.static-tier-identity span{font-size:9px;letter-spacing:.14em;font-weight:850}
.static-tier-identity strong{font-size:11px;color:#c6d3dd;font-weight:600}
.static-tier-identity a{font-size:10px;text-decoration:none;white-space:nowrap}
.tier-static-pulse{margin:0 0 14px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center}
.tier-static-pulse span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.tier-static-pulse strong{display:block;font-size:20px;margin-top:3px}
.tier-static-pulse p{font-size:11px;color:var(--muted);margin:0;line-height:1.55}

body.tier-free .static-tier-identity{background:rgba(255,255,255,.02)}
body.tier-free .static-tier-identity span,body.tier-free .static-tier-identity a{color:var(--accent)}
body.tier-free .hero-panel{min-height:250px}
body.tier-free .hero-panel h2{max-width:620px}
body.tier-free .kpi-card{min-height:92px}
body.tier-free #section-scanner .scanner-grid{grid-template-columns:1fr}

body.tier-basic{background:radial-gradient(circle at 85% 10%,hsl(var(--hue) 80% 50%/.12),transparent 28rem),linear-gradient(180deg,#07111a,#071018 70%,#050b10)}
body.tier-basic .static-tier-identity{background:linear-gradient(90deg,var(--accent-soft),rgba(255,255,255,.018))}
body.tier-basic .static-tier-identity span,body.tier-basic .static-tier-identity a{color:var(--accent)}
body.tier-basic #section-scanner .scanner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.tier-basic .hero-panel{border-color:hsl(var(--hue) 65% 55%/.18)}

body.tier-pro{background:radial-gradient(circle at 72% 7%,rgba(113,103,255,.13),transparent 30rem),linear-gradient(180deg,#071019,#071018 65%,#050a11)}
body.tier-pro .static-tier-identity{background:linear-gradient(90deg,rgba(112,96,255,.14),rgba(255,255,255,.018));border-color:rgba(130,116,255,.22)}
body.tier-pro .static-tier-identity span,body.tier-pro .static-tier-identity a{color:#a99dff}
body.tier-pro #section-journey .panel{border-color:rgba(130,116,255,.16)}
body.tier-pro .journey-premium-viz{background:linear-gradient(180deg,rgba(34,29,65,.38),rgba(10,20,29,.94))}

body.tier-premium{background:radial-gradient(circle at 78% 5%,rgba(228,93,255,.13),transparent 28rem),radial-gradient(circle at 15% 30%,hsl(var(--hue) 90% 55%/.08),transparent 28rem),linear-gradient(180deg,#071018,#060d15 68%,#04090e)}
body.tier-premium .static-tier-identity{background:linear-gradient(90deg,rgba(228,93,255,.14),var(--accent-soft));border-color:rgba(228,93,255,.22)}
body.tier-premium .static-tier-identity span,body.tier-premium .static-tier-identity a{color:#ec8cff}
body.tier-premium .content-grid{gap:12px}
body.tier-premium .kpi-grid{gap:9px}
body.tier-premium #section-scanner .scanner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.tier-premium .premium-banner{border-color:rgba(228,93,255,.22)}
body.tier-premium .signal-visual,body.tier-premium .journey-premium-viz{border-color:rgba(228,93,255,.16)}

@media(max-width:760px){
  .static-tier-identity{align-items:flex-start;flex-direction:column}
  .tier-static-pulse{grid-template-columns:1fr}
  body.tier-basic #section-scanner .scanner-grid,
  body.tier-premium #section-scanner .scanner-grid{grid-template-columns:1fr}
}

/* ===== Trendward v13 real-data polish ===== */
.neutral{color:var(--muted)!important}.warn-text{color:var(--orange)!important}
.freshness-banner{margin:14px 0 0;padding:11px 14px;border-radius:12px;display:flex;gap:10px;align-items:center;font-size:11px;border:1px solid var(--border)}
.freshness-banner strong{font-size:10px;letter-spacing:.11em;white-space:nowrap}
.freshness-banner span{color:#aebdca}
.freshness-banner.is-stale{background:rgba(255,173,77,.08);border-color:rgba(255,173,77,.25)}
.freshness-banner.is-stale strong{color:var(--orange)}
.freshness-banner.is-live{background:rgba(59,226,141,.07);border-color:rgba(59,226,141,.22)}
.freshness-banner.is-live strong{color:var(--green)}
.data-state-tag{display:inline-flex;margin-top:10px;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.09em;border:1px solid var(--border)}
.data-state-tag.stale{color:var(--orange);background:rgba(255,173,77,.08);border-color:rgba(255,173,77,.22)}
.data-state-tag.live{color:var(--green);background:rgba(59,226,141,.07);border-color:rgba(59,226,141,.22)}
.evidence-note,.empty-viz{display:block;color:var(--muted);font-size:10px;line-height:1.55;margin-top:10px}
.evidence-unavailable{border-style:dashed!important;opacity:.88}
.outcome-pending{border-style:dashed}
.outcome-pending p{color:var(--muted);font-size:11px;line-height:1.6}
.outcome-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.outcome-mini-grid>div{padding:12px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.025);display:grid;gap:4px}
.outcome-mini-grid span{font-size:9px;color:var(--muted)}
.outcome-mini-grid strong{font-size:18px}
.outcome-mini-grid small{font-size:10px}
.pulse-visual-grid small{display:block;color:var(--muted);font-size:9px;margin-top:4px}
@media(max-width:760px){
  .freshness-banner{align-items:flex-start;flex-direction:column;gap:5px}
  .outcome-mini-grid{grid-template-columns:1fr}
}

/* ===== Trendward v14 consistency / help / filter fixes ===== */
.header-tier{display:none!important}

/* Prevent scanner mini-graphs and larger charts from spilling into content below. */
.spark{height:58px!important;min-height:58px;overflow:hidden;margin-bottom:6px}
.spark svg{display:block;width:100%;height:52px;max-height:52px;overflow:hidden}
.chart{overflow:hidden;min-width:0;padding-bottom:18px;box-sizing:border-box}
.chart>div{width:100%;min-width:0;box-sizing:border-box}
.chart svg{display:block;max-width:100%;overflow:hidden}
.panel,.content-grid,.journey-grid,.scanner-grid{min-width:0}
#section-scanner .scanner-grid{margin-bottom:26px}
.scanner-card .price span{font-size:13px;color:var(--muted);font-weight:600}

/* Working price filters */
#section-scanner .chip{cursor:pointer;user-select:none}
#section-scanner .chip:hover{border-color:hsl(var(--hue) 70% 55% / .38);color:var(--text)}
.empty-filter{grid-column:1/-1;padding:22px;color:var(--muted);font-size:12px}

/* Pro/Premium plain-English help */
.help-dot{position:relative;display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;
  border:1px solid hsl(var(--hue) 70% 55% / .35);background:var(--accent-soft);color:var(--accent);
  font-size:10px;font-weight:900;text-decoration:none;vertical-align:middle;cursor:help}
.help-dot::after{content:attr(data-tooltip);position:absolute;z-index:1000;left:50%;bottom:calc(100% + 10px);
  transform:translateX(-50%);width:min(320px,70vw);padding:10px 12px;border:1px solid var(--border);
  border-radius:10px;background:#07111a;color:#dce7ef;font-size:10px;font-weight:500;line-height:1.5;
  text-transform:none;letter-spacing:0;box-shadow:0 18px 50px rgba(0,0,0,.45);opacity:0;pointer-events:none;
  transition:.15s}
.help-dot:hover::after,.help-dot:focus::after{opacity:1}
.section-heading h2 .help-dot{transform:translateY(-3px)}
th .help-dot{width:15px;height:15px;font-size:9px}

/* Premium watchlist depth */
.large-row{grid-template-columns:minmax(90px,.7fr) minmax(100px,.8fr) minmax(80px,.7fr) minmax(240px,2.8fr)}
.row-note{color:var(--muted)}

/* Real model / journey / pulse components */
.real-probability-bars{width:100%;display:grid;gap:14px;padding:4px 2px}
.real-probability-bars .bar-head{display:flex;justify-content:space-between;gap:12px;font-size:10px}
.real-probability-bars .bar-head span{color:#8fa1b3}.real-probability-bars .bar-head strong{color:#dce7ef}
.bar-track{height:9px;border-radius:999px;background:rgba(255,255,255,.055);overflow:hidden}
.bar-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}
.real-probability-bars>small{color:var(--muted);font-size:9px;line-height:1.5}

.journey-current{width:100%;display:grid;gap:14px;padding:2px 0 8px}
.journey-current-head{display:flex;justify-content:space-between;gap:16px;align-items:center}
.journey-current-head span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.journey-current-head strong{display:block;margin-top:4px;font-size:16px}
.journey-current-head a{color:var(--accent);font-size:10px;text-decoration:none}
.journey-model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.journey-model-grid>div,.outcome-grid>div{padding:13px;border-radius:12px;border:1px solid var(--border);background:rgba(255,255,255,.025)}
.journey-model-grid span,.outcome-grid span{display:block;color:var(--muted);font-size:9px}
.journey-model-grid strong,.outcome-grid strong{display:block;margin-top:5px;font-size:18px}
.journey-current p,.outcome-waiting p{color:var(--muted);font-size:10px;line-height:1.6;margin:0}
.outcome-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.outcome-grid small{display:block;margin-top:4px;font-size:10px}
.outcome-waiting{width:100%;padding:22px;border:1px dashed var(--border);border-radius:12px}
.outcome-waiting strong{display:block;margin-bottom:8px}

.pulse-bars{width:100%;display:grid;gap:14px;padding:4px 0}
.pulse-head{display:flex;justify-content:space-between;gap:12px}
.pulse-head span{color:#9fb1c2;font-size:11px}.pulse-head strong{font-size:14px}
.pulse-bars small{color:var(--muted);font-size:9px}

/* Settings glossary */
.glossary-panel{grid-column:1/-1}
.glossary-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin-top:14px}
.glossary-list details{border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.02);padding:0 12px}
.glossary-list summary{cursor:pointer;padding:11px 0;font-size:11px;font-weight:750;color:#cbd9e5}
.glossary-list p{color:var(--muted);font-size:10px;line-height:1.6;margin:0 0 12px}

/* Free delayed-product cue */
body.tier-free .plan-badge{border-color:rgba(255,173,77,.3)}
@media(max-width:760px){
  .large-row{grid-template-columns:1fr 1fr}
  .large-row .row-note{grid-column:1/-1}
  .journey-model-grid{grid-template-columns:1fr 1fr}
  .outcome-grid{grid-template-columns:1fr}
  .glossary-list{grid-template-columns:1fr}
  .help-dot::after{left:auto;right:-8px;transform:none;width:min(280px,78vw)}
}

/* ===== Trendward v15: interactive metrics, watchlists, upgrades ===== */

/* Scanner chart vertically centered / lifted */
.interactive-metric-chart{
  height:112px;
  min-height:112px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:4px 0 8px;
  overflow:hidden;
}
.bullet-chart{width:100%;padding:0 2px}
.bullet-chart-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.bullet-chart-title span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.bullet-chart-title strong{font-size:15px}
.bullet-stage{height:28px;position:relative;display:flex;align-items:center}
.bullet-track{height:6px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.055),var(--accent-soft));width:100%}
.value-point{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:var(--accent);border:3px solid #0c1823;box-shadow:0 0 14px var(--accent);transform:translate(-50%,-50%)}
.zero-line{position:absolute;height:20px;width:1px;background:rgba(255,255,255,.26);top:4px}
.bullet-ticks{display:flex;justify-content:space-between;color:#62788b;font-size:8px;margin-top:-2px}
.bullet-chart>small{display:block;color:var(--muted);font-size:8px;line-height:1.35;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.metric-chart-empty{color:var(--muted);font-size:10px}
.metric-grid .metric-switch{border:1px solid transparent;text-align:left;color:var(--text);cursor:pointer}
.metric-grid .metric-switch:hover{border-color:hsl(var(--hue) 70% 55% / .28)}
.metric-grid .metric-switch.active{border-color:hsl(var(--hue) 80% 55% / .48);background:var(--accent-soft)}
.metric-grid .metric-switch strong{display:block;margin-top:3px}

/* Upgrade dropdown from current tier */
.plan-upgrade-wrap{position:relative;display:inline-flex}
.plan-badge.has-upgrades{cursor:pointer}
.plan-badge.has-upgrades::after{content:"⌄";margin-left:5px;font-size:9px}
.plan-upgrade-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:190px;padding:6px;border-radius:12px;border:1px solid var(--border);background:#08131d;box-shadow:0 18px 50px rgba(0,0,0,.45);display:none;z-index:200}
.plan-upgrade-wrap:hover .plan-upgrade-menu,.plan-upgrade-wrap:focus-within .plan-upgrade-menu{display:grid}
.plan-upgrade-menu button{border:0;background:transparent;color:var(--text);padding:10px;border-radius:9px;text-align:left;display:grid;gap:2px}
.plan-upgrade-menu button:hover{background:var(--accent-soft)}
.plan-upgrade-menu strong{font-size:11px}
.plan-upgrade-menu span{font-size:9px;color:var(--muted)}
.upgrade-target-note{margin:0 0 12px;padding:9px 10px;border-radius:9px;background:var(--accent-soft);color:#bed4e5;font-size:10px}

/* Watchlist selection / auto-current */
.watch-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-left:auto}
.watch-mode{font-size:9px;font-weight:850;letter-spacing:.08em;color:var(--accent)}
.upsell-inline{color:var(--accent)!important}
.watch-picker{padding-bottom:18px;border-bottom:1px solid var(--border);margin-bottom:4px}
.watch-picker-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:10px}
.watch-picker-head strong{display:block;font-size:12px}
.watch-picker-head small{display:block;color:var(--muted);font-size:9px;margin-top:3px}
.watch-picker-head>span{color:var(--accent);font-weight:800;font-size:11px}
.watch-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.watch-pick{border:1px solid var(--border);background:rgba(255,255,255,.022);color:var(--text);padding:10px;border-radius:11px;text-align:left;display:grid;grid-template-columns:1fr auto;gap:2px 8px}
.watch-pick:hover,.watch-pick.selected{border-color:hsl(var(--hue) 70% 55% / .4);background:var(--accent-soft)}
.watch-pick span{font-weight:800;font-size:11px}
.watch-pick small{grid-column:1/2;color:var(--muted);font-size:8px}
.watch-pick b{grid-column:2/3;grid-row:1/3;align-self:center;font-size:9px;color:var(--accent)}
.watch-current-list{margin-top:4px}

/* Highly visible Pro/Premium help */
.page-help-v15{position:relative;margin-left:auto;width:28px;height:28px;border-radius:50%;border:1px solid hsl(var(--hue) 70% 55% / .45);background:var(--accent-soft);color:var(--accent);font-weight:900;font-size:13px}
.page-help-v15>span{position:absolute;right:0;top:calc(100% + 8px);width:300px;padding:11px 12px;border-radius:10px;border:1px solid var(--border);background:#07111a;color:#dce7ef;font-size:10px;font-weight:500;line-height:1.5;text-align:left;opacity:0;pointer-events:none;box-shadow:0 18px 50px rgba(0,0,0,.5);z-index:300}
.page-help-v15:hover>span,.page-help-v15:focus>span{opacity:1}

/* top alignment for section heading plus controls/help */
#section-watchlist .section-heading{align-items:center}

@media(max-width:760px){
  .watch-picker-grid{grid-template-columns:1fr 1fr}
  .page-help-v15>span{width:min(270px,78vw)}
  .interactive-metric-chart{height:104px;min-height:104px}
}

/* ===== Trendward v16 deeper scanner intelligence ===== */
.expanded-scanner-card{align-self:start}
.tiered-metric-grid{margin-top:4px}
.tiered-basic{grid-template-columns:repeat(3,minmax(0,1fr))}
.tiered-pro{grid-template-columns:repeat(5,minmax(0,1fr))}
.metric-group{margin-top:10px}
.metric-group-title{font-size:9px;font-weight:850;letter-spacing:.09em;text-transform:uppercase;color:#8195a8;margin:0 0 6px}
.premium-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.why-setup{margin-top:12px;padding:11px 12px;border-radius:11px;border:1px solid hsl(var(--hue) 70% 55% / .22);background:var(--accent-soft)}
.why-setup-label{font-size:8px;font-weight:900;letter-spacing:.11em;color:var(--accent);margin-bottom:5px}
.why-setup p{margin:0;color:#b8c8d5;font-size:9px;line-height:1.55}
.time-axis{display:flex;align-items:center;gap:8px;margin:18px 0 8px}
.time-axis span{font-size:8px;color:var(--muted);white-space:nowrap}
.time-axis i{height:6px;flex:1;border-radius:999px;background:linear-gradient(90deg,var(--accent),rgba(255,255,255,.06))}
@media(max-width:1100px){
  .tiered-pro{grid-template-columns:repeat(3,minmax(0,1fr))}
  .premium-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .tiered-basic,.tiered-pro,.premium-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ===== Trendward v17 Premier tier ===== */
body.tier-premier{--hue:188}
body.tier-premier .brand-badge,
body.tier-premier .plan-badge{box-shadow:0 0 24px hsl(188 85% 55% / .16)}
body.tier-premier .static-tier-identity{border-color:hsl(188 80% 55% / .26);background:linear-gradient(135deg,hsl(188 75% 48% / .09),rgba(255,255,255,.015))}
.premier-nav{color:#d9fbff!important}
#section-minute{padding-bottom:36px}
.minute-feed-status{white-space:nowrap}
.minute-wait-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--orange);box-shadow:0 0 11px var(--orange);margin-right:6px}
.minute-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;background:linear-gradient(135deg,hsl(188 75% 48% / .08),rgba(255,255,255,.018))}
.minute-hero h3{font-size:22px;margin:5px 0 8px}
.minute-hero p{color:var(--muted);font-size:11px;line-height:1.6;max-width:720px;margin:0}
.minute-tier-price{text-align:right;min-width:120px}
.minute-tier-price span,.minute-tier-price small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.minute-tier-price strong{display:block;font-size:34px;color:var(--accent);margin:2px 0}
.minute-section-label{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:20px 2px 10px}
.minute-section-label span{display:block;color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.1em}
.minute-section-label strong{display:block;font-size:15px;margin-top:3px}
.minute-section-label>small{color:var(--muted);font-size:9px}
.minute-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.minute-card{min-height:118px;padding:14px;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.022);display:flex;flex-direction:column}
.minute-card>span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.minute-card>strong{font-size:17px;margin:10px 0 7px}
.minute-card>small{color:#8fa3b4;font-size:9px;line-height:1.5}
.minute-card-pending{border-style:dashed}
.minute-card-pending strong{color:var(--orange);font-size:12px}
.minute-divider{height:1px;background:var(--border);margin:28px 0 6px}
.minute-explainer{margin-top:22px}
.minute-explainer h3{font-size:16px;line-height:1.35;margin:6px 0 9px}
.minute-explainer p{color:var(--muted);font-size:10px;line-height:1.65;margin:0}
@media(max-width:900px){
  .minute-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .minute-grid{grid-template-columns:1fr}
  .minute-hero,.minute-section-label{align-items:flex-start;flex-direction:column}
  .minute-tier-price{text-align:left}
}

/* ===== Trendward v18 mobile header + Premier watchlist fix ===== */
@media(max-width:700px){
  .top-left{
    padding-left:58px;
    flex:1 1 auto;
    min-width:0;
  }

  .topbar{
    align-items:center;
    min-height:86px;
  }

  .topbar h1{
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    max-width:none !important;
    width:auto !important;
    line-height:1.08;
    font-size:17px !important;
    overflow-wrap:anywhere;
  }

  .topbar .eyebrow{
    display:block;
    font-size:8px;
    line-height:1.2;
    margin-bottom:3px;
  }

  .top-actions{
    flex:0 0 auto;
    align-self:center;
  }
}

@media(max-width:480px){
  .topbar{
    min-height:88px;
  }

  .topbar h1{
    font-size:16px !important;
    max-width:none !important;
  }

  .topbar .eyebrow{
    display:none;
  }
}

/* Make watch mode state visually obvious. */
.watch-mode{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 8px;
  border-radius:999px;
  border:1px solid hsl(var(--hue) 70% 55% / .24);
  background:var(--accent-soft);
}

/* ===== Trendward v19 page purpose + deeper intelligence ===== */

/* Two-level title hierarchy */
.topbar .eyebrow{
  letter-spacing:.10em;
}
.topbar h1{
  letter-spacing:-.02em;
}

/* Watchlist intelligence */
.watch-insight-panel{margin-top:14px}
.watch-intel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.watch-intel-card{padding:13px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.022)}
.watch-intel-top{display:flex;justify-content:space-between;gap:10px;align-items:center}
.watch-intel-top strong{font-size:14px}
.momentum-state{font-size:8px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;padding:5px 7px;border-radius:999px;border:1px solid var(--border)}
.momentum-state.strengthening{color:var(--green);border-color:rgba(59,226,141,.25);background:rgba(59,226,141,.06)}
.momentum-state.holding{color:var(--accent);border-color:hsl(var(--hue) 70% 55% / .25);background:var(--accent-soft)}
.momentum-state.mixed{color:var(--orange);border-color:rgba(255,173,77,.24);background:rgba(255,173,77,.06)}
.momentum-state.cooling{color:var(--red);border-color:rgba(255,92,92,.24);background:rgba(255,92,92,.06)}
.watch-intel-price{font-size:18px;font-weight:800;margin:10px 0}
.watch-intel-price span{font-size:10px;color:var(--muted);margin-left:5px}
.watch-intel-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.watch-intel-metrics>div{padding:8px;border-radius:9px;background:rgba(255,255,255,.025)}
.watch-intel-metrics span{display:block;color:var(--muted);font-size:8px}
.watch-intel-metrics strong{display:block;margin-top:3px;font-size:10px}
.watch-intel-card p{color:var(--muted);font-size:9px;line-height:1.5;margin:10px 0 0}

/* Signals */
.signal-evidence-panel{margin-top:16px}
.signal-disclaimer{color:var(--muted);font-size:9px;line-height:1.55;margin:4px 0 12px}
.signal-evidence-grid{display:grid;gap:7px}
.signal-evidence-row{display:grid;grid-template-columns:90px 90px 90px minmax(0,1fr);gap:10px;align-items:center;padding:9px 10px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.018)}
.signal-evidence-row strong{font-size:11px}
.signal-type{font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:var(--accent)}
.signal-evidence-row b{font-size:10px}
.signal-evidence-row small{font-size:9px;color:var(--muted)}

/* Journey */
.journey-truth-panel{margin-top:16px}
.journey-timeline-v19{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:10px;margin:16px 0}
.journey-timeline-v19>i{height:2px;background:var(--border)}
.journey-v19-node{display:flex;align-items:center;gap:8px;min-width:0}
.journey-v19-node>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--border);font-size:9px;font-weight:850}
.journey-v19-node.complete>span{background:var(--accent-soft);border-color:hsl(var(--hue) 70% 55% / .4);color:var(--accent)}
.journey-v19-node.pending>span{color:var(--muted)}
.journey-v19-node strong{display:block;font-size:9px}
.journey-v19-node small{display:block;color:var(--muted);font-size:8px;margin-top:2px;max-width:150px}
.journey-model-state-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.journey-model-state-grid>div{padding:10px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.02)}
.journey-model-state-grid span{display:block;color:var(--muted);font-size:8px}
.journey-model-state-grid strong{display:block;margin-top:4px;font-size:11px}

/* Market Pulse */
.pulse-depth-wrap{display:grid;grid-template-columns:1.35fr .65fr;gap:12px;margin-top:14px}
.pulse-environment p{color:var(--muted);font-size:10px;line-height:1.6}
.market-state-badge{padding:6px 9px;border-radius:999px;background:var(--accent-soft);border:1px solid hsl(var(--hue) 70% 55% / .25);color:var(--accent);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.pulse-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.pulse-stat-grid>div{padding:10px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid var(--border)}
.pulse-stat-grid span{display:block;color:var(--muted);font-size:8px}
.pulse-stat-grid strong{display:block;margin-top:4px;font-size:13px}
.pulse-band-grid{display:grid;gap:12px;margin-top:14px}
.pulse-band-grid>div{display:grid;grid-template-columns:70px 30px 1fr;gap:8px;align-items:center}
.pulse-band-grid span{font-size:9px;color:var(--muted)}
.pulse-band-grid strong{font-size:11px}
.pulse-band-grid i{display:block;height:7px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));min-width:4px}

@media(max-width:900px){
  .watch-intel-grid{grid-template-columns:1fr}
  .journey-timeline-v19{grid-template-columns:1fr;gap:8px}
  .journey-timeline-v19>i{height:18px;width:2px;margin-left:12px}
  .journey-model-state-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pulse-depth-wrap{grid-template-columns:1fr}
  .pulse-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:620px){
  .signal-evidence-row{grid-template-columns:70px 75px 1fr}
  .signal-evidence-row small{grid-column:1/-1}
  .watch-intel-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .journey-model-state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ===== Trendward v20 auth/branding polish ===== */
#section-overview .static-tier-identity .eyebrow,
#section-overview .hero-panel .eyebrow{font-size:12px!important;font-weight:900;letter-spacing:.12em}
#section-overview .static-tier-identity strong,
#section-overview .hero-panel .brand-word{font-size:18px}
.topbar .plan-badge,.topbar #topPlanBadge{min-height:36px;padding:0 14px!important;display:inline-flex;align-items:center;justify-content:center;font-size:11px!important;font-weight:800;line-height:1;border-radius:10px}
.auth-btn{min-height:36px!important}
.auth-plan-choice{display:flex;gap:7px;flex-wrap:wrap;margin:4px 0 12px}
.auth-plan-choice button{border:1px solid var(--border);background:rgba(255,255,255,.02);color:var(--text);padding:7px 9px;border-radius:9px;font-size:9px;cursor:pointer}
.auth-plan-choice button.active{color:var(--accent);border-color:hsl(var(--hue) 70% 55% / .45);background:var(--accent-soft)}
.account-lock-note{padding:9px 10px;border-radius:9px;background:rgba(255,173,77,.07);border:1px solid rgba(255,173,77,.22);color:#d9c4a4;font-size:9px;line-height:1.5;margin-top:8px}
body.authenticated .illustrative-preview-banner{display:none!important}
body.authenticated .freshness-banner{padding:7px 10px;font-size:9px;opacity:.82}

/* ===== Trendward v21 branding correction ===== */

/* Trendward at the very top of the dashboard */
.topbar .eyebrow {
    font-size: 15px !important;
    font-weight: 900 !important;
    letter-spacing: .10em !important;
    line-height: 1.2;
}

/* Trendward inside the large Overview hero / Study the setup box */
#section-overview .hero-panel .eyebrow {
    font-size: 16px !important;
    font-weight: 900 !important;
    letter-spacing: .11em !important;
    margin-bottom: 8px;
}

/* Keep the page name visually secondary */
.topbar h1 {
    margin-top: 5px;
}

/* Free / Basic / Pro / Premium / Premier same scale as auth buttons */
.topbar .plan-badge,
.topbar #topPlanBadge,
.topbar #loginBtn,
.topbar #signupBtn {
    min-height: 36px !important;
    height: 36px !important;
    padding: 0 14px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
/* ===== Trendward v24 mobile/menu/auth fixes ===== */

@media (max-width:760px) {

    .topbar {
        position: relative;
        gap: 10px !important;
    }

    .mobile-menu {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 40px !important;
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        padding: 0 !important;
        position: relative !important;
        z-index: 80 !important;
        color: #fff !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .top-actions {
        gap: 7px !important;
        flex-shrink: 1;
        min-width: 0;
    }
}

/* Hide only after real authentication succeeds */
body.authenticated .illustrative-preview-banner {
    display: none !important;
}

/* Admin entitlement tester */
.admin-tier-tester {
    margin-top: 14px;
    padding: 12px;
    border: 1px solid hsl(var(--hue) 70% 55% / .25);
    border-radius: 12px;
    background: var(--accent-soft);
}

.admin-tier-tester strong {
    display: block;
    font-size: 11px;
    margin-bottom: 8px;
}

.admin-tier-buttons {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.admin-tier-buttons button {
    padding: 7px 9px;
    border-radius: 8px;
    border: 1px solid var(--border);
    background: rgba(255,255,255,.035);
    color: var(--text);
    font-size: 9px;
}

.admin-tier-buttons button:hover {
    border-color: var(--accent);
    color: var(--accent);
}
/* ===== Trendward v26 tier-count consistency ===== */

.tier-setup-count {
    margin-left: auto;
    white-space: nowrap;
}

.tier-journey-list {
    display: grid;
    gap: 14px;
    margin-top: 14px;
}

.tier-journey-card {
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: rgba(255,255,255,.018);
}

@media (max-width:760px) {
    .tier-setup-count {
        margin-left: 0;
    }
}
/* ===== Trendward v27 mobile width alignment ===== */

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

.app-shell,
main,
.main-content,
.content,
.section,
.panel,
.hero-panel,
.settings-grid {
    max-width: 100%;
    min-width: 0;
}

img,
svg,
canvas {
    max-width: 100%;
}

table {
    max-width: 100%;
}

@media (max-width:760px) {

    body {
        width: 100%;
        margin: 0;
        overflow-x: hidden;
    }

    .app-shell {
        width: 100%;
        max-width: 100vw;
        overflow-x: hidden;
    }

    .topbar {
        width: 100%;
        max-width: 100%;
        left: 0;
        right: 0;
        margin: 0;
        box-sizing: border-box;
    }

    main,
    .main-content {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
        box-sizing: border-box;
    }

    .section {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .section-heading,
    .panel,
    .hero-panel,
    .settings-grid,
    .scanner-grid,
    .watchlist-grid {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .panel,
    .hero-panel {
        overflow: hidden;
    }

    .table-wrap,
    .scanner-table-wrap {
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    input,
    select,
    button {
        max-width: 100%;
    }
}
/* ===== Trendward v30 responsive page title ===== */

.topbar {
    min-width: 0;
}

.topbar > * {
    min-width: 0;
}

.topbar .eyebrow {
    font-size: clamp(9px, 1.3vw, 15px) !important;
    line-height: 1.15;
    white-space: normal;
}

.topbar h1 {
    font-size: clamp(15px, 2.6vw, 28px) !important;
    line-height: 1.05;
    max-width: 100%;
    overflow-wrap: anywhere;
}

@media (max-width:760px) {

    .topbar {
        width: 100%;
        max-width: 100vw;
        gap: 8px !important;
    }

    .topbar .eyebrow {
        font-size: clamp(8px, 2.6vw, 12px) !important;
    }

    .topbar h1 {
        font-size: clamp(14px, 5vw, 21px) !important;
    }

    .top-actions {
        flex-shrink: 1;
        min-width: 0;
    }

    #topPlanBadge {
        white-space: nowrap;
        flex-shrink: 1;
    }
}
/* ===== Trendward v31 responsive title hierarchy ===== */

.topbar {
    min-width: 0;
    max-width: 100%;
}

.topbar > * {
    min-width: 0;
}

.topbar .eyebrow {
    font-size: clamp(13px, 1.8vw, 20px) !important;
    line-height: 1.05;
    white-space: normal;
    max-width: 100%;
}

.topbar h1 {
    font-size: clamp(18px, 2.5vw, 30px) !important;
    line-height: 1.05;
    max-width: 100%;
    overflow-wrap: anywhere;
}

@media (max-width: 760px) {

    .topbar {
        width: 100%;
        max-width: 100vw;
        gap: 8px !important;
    }

    .topbar .eyebrow {
        font-size: clamp(12px, 3.8vw, 17px) !important;
    }

    .topbar h1 {
        font-size: clamp(16px, 5vw, 23px) !important;
    }

    .top-actions {
        flex-shrink: 1;
        min-width: 0;
    }

    #topPlanBadge {
        white-space: nowrap;
        flex-shrink: 1;
    }
}
/* v32 cleanup: remove obsolete tier banners and their layout space */
.static-tier-identity,
.tier-mini {
  display: none !important;
}

/* Keep page content tight beneath the stale/live data banner */
.illustrative-preview-banner + .section.active,
.notice + .section.active {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* v33 cleanup: remove redundant overview links and section page titles */
#section-overview .hero-actions {
  display: none !important;
}

.section:not(#section-overview) > .section-heading > div > h2 {
  display: none !important;
}
/* v35: remove redundant section intro blocks completely */
.section:not(#section-overview) > .section-heading {
  display: none !important;
}