.topbar-actions { display:flex; align-items:center; gap:1rem; }
.download-pill { color:var(--text); text-decoration:none; border:1px solid var(--line); border-radius:999px; padding:.55rem .8rem; background:rgba(255,255,255,.055); font-size:.68rem; font-weight:800; transition:.2s; }
.download-pill:hover { border-color:var(--aqua); transform:translateY(-2px); }
.sidebar-close { display:none; position:absolute; right:.8rem; top:.8rem; width:2rem; height:2rem; border:1px solid var(--line); border-radius:50%; color:var(--text); background:rgba(255,255,255,.06); font-size:1.2rem; }
.account-pill { display:flex; align-items:center; gap:.55rem; color:var(--text); text-decoration:none; border:1px solid var(--line); border-radius:999px; padding:.38rem .7rem .38rem .38rem; background:rgba(255,255,255,.04); backdrop-filter:blur(16px); font-size:.7rem; font-weight:800; transition:.22s ease; }
.account-pill:hover { border-color:var(--aqua); transform:translateY(-2px); }
.account-avatar { display:grid; place-items:center; width:1.65rem; height:1.65rem; border-radius:50%; color:#042026; background:linear-gradient(135deg,var(--aqua),var(--blue)); font:800 .65rem var(--mono); }
.journal-gate { min-height:210px; display:grid; grid-template-columns:auto 1fr auto; gap:1.2rem; align-items:center; padding:1.5rem; }
.journal-gate h3 { margin:0 0 .45rem; font-size:1.15rem; letter-spacing:-.04em; }
.journal-gate p:not(.eyebrow),.profile-gate p { color:var(--muted); font-size:.75rem; line-height:1.6; margin:0; max-width:42rem; }
.gate-icon { display:grid; place-items:center; width:3rem; height:3rem; border-radius:1rem; color:var(--aqua); background:rgba(72,225,193,.11); border:1px solid rgba(72,225,193,.24); font-size:1.2rem; }
.primary-link { display:inline-flex; justify-content:center; align-items:center; color:#042026; background:var(--aqua); text-decoration:none; border-radius:.5rem; padding:.72rem .9rem; white-space:nowrap; font-size:.72rem; font-weight:900; }
.profile-gate { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1.2rem 1.3rem; }
.tool-list-title { color:var(--muted); font-size:.68rem; font-weight:800; margin:.4rem .55rem .25rem; }
.tool-menu-static { display:grid!important; position:static; box-shadow:none; background:rgba(5,17,31,.38); }
.tool-rail { display:block!important; overflow:visible!important; }
.advanced-specs { border-top:1px solid var(--line); margin-top:1.15rem; padding-top:.9rem; }
.advanced-specs summary { color:var(--muted); cursor:pointer; font-size:.67rem; font-weight:800; list-style:none; }
.advanced-specs summary:after { content:'＋'; color:var(--aqua); margin-left:.4rem; }
.advanced-specs[open] summary:after { content:'−'; }
.advanced-specs .form-grid { margin-top:.8rem; }
.spec-confirm { display:flex; gap:.55rem; align-items:flex-start; margin-top:.85rem; color:#d9e8f5; font-size:.68rem; line-height:1.45; }
.spec-confirm input { margin-top:.12rem; accent-color:var(--aqua); }
.risk-safety-warning { margin-top:.9rem; border:1px solid rgba(255,202,106,.38); border-radius:.5rem; padding:.75rem; background:rgba(255,202,106,.09); color:#ffe2a8; font-size:.68rem; line-height:1.5; }
.chart-panel { margin-top:1rem; padding:0; overflow:hidden; }
.chart-panel>summary { display:flex; justify-content:space-between; gap:1rem; align-items:center; padding:1rem 1.2rem; cursor:pointer; list-style:none; }
.chart-panel>summary b,.chart-panel>summary small { display:block; }
.chart-panel>summary small { color:var(--muted); margin-top:.25rem; font-size:.66rem; }
.chart-panel>summary>span:last-child { color:var(--aqua); font-size:.68rem; font-weight:800; }
.tradingview-widget-container { height:min(68vh,620px); min-height:430px; border-top:1px solid var(--line); }
.tradingview-widget-container__widget { height:calc(100% - 28px); }
.tradingview-widget-copyright { height:28px; padding:.35rem .8rem; color:var(--muted); font-size:.58rem; }
.tradingview-widget-copyright a { color:var(--aqua); }
.form-grid input[readonly] { color:var(--aqua); background:rgba(72,225,193,.07); border-color:rgba(72,225,193,.25); }
.account-gate { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.35rem; }
.account-gate h3,.account-card h3 { margin:0 0 .35rem; font-size:1rem; }
.account-gate p { margin:0; color:var(--muted); font-size:.73rem; }
.account-card { display:grid; grid-template-columns:auto 1fr; gap:1rem; padding:1.35rem; align-items:start; }
.account-copy { display:grid; gap:.75rem; }
.account-copy>label { display:grid; gap:.35rem; width:min(26rem,100%); color:#c8d8e8; font-size:.67rem; font-weight:700; }
.account-copy input { color:var(--text); background:#071626; border:1px solid var(--line); border-radius:.42rem; padding:.65rem .6rem; outline:0; }
.account-status { color:var(--aqua); font:500 .63rem var(--mono); }
.account-status i { display:inline-block; width:.42rem; height:.42rem; background:var(--aqua); border-radius:50%; box-shadow:0 0 9px var(--aqua); margin-right:.35rem; }
.account-actions { display:flex; align-items:center; gap:1rem; }
.account-actions .primary-button { margin:0; }

@media (max-width:650px) { .topbar-actions { gap:.45rem; }.download-pill { padding:.48rem .62rem; }.topbar-actions .account-pill { padding-right:.38rem; }.topbar-actions .account-pill>span:last-child { display:none; }.journal-gate { grid-template-columns:1fr; }.gate-icon { display:none; }.profile-gate { align-items:start; flex-direction:column; } body.nav-open { overflow:hidden; } body.nav-open:after { content:''; position:fixed; z-index:4; inset:0; background:rgba(1,8,16,.66); backdrop-filter:blur(3px); } }

.sidebar-close { display:grid; place-items:center; }
.chart-actions { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:.65rem 1rem; border-top:1px solid var(--line); color:var(--muted); font-size:.65rem; }
.chart-actions button { border:1px solid rgba(72,225,193,.35); border-radius:.45rem; padding:.48rem .7rem; color:var(--aqua); background:rgba(72,225,193,.09); font-weight:800; }
.tradingview-widget-container { height:clamp(560px,82vh,920px)!important; min-height:560px; border-top:1px solid var(--line); }
.tradingview-widget-container__widget,.tradingview-widget-container iframe { width:100%!important; height:calc(100% - 28px)!important; min-height:520px!important; }
.chart-panel:fullscreen { width:100vw; height:100vh; border-radius:0; background:#07111f; }
.chart-panel:fullscreen .tradingview-widget-container { height:calc(100vh - 126px)!important; max-height:none; }
.chart-panel:fullscreen .tradingview-widget-container__widget,.chart-panel:fullscreen iframe { height:calc(100vh - 154px)!important; }

.ai-panel { margin-top:1rem; padding:1.25rem; }
.ai-panel-head { display:flex; justify-content:space-between; align-items:start; gap:1rem; }
.ai-panel h3 { margin:0 0 .35rem; font-size:1.05rem; }
.ai-panel-head p:not(.eyebrow) { max-width:48rem; margin:0; color:var(--muted); font-size:.72rem; line-height:1.55; }
.ai-form { margin-top:1rem; }
.ai-form label { display:block; margin-bottom:.4rem; color:#c8d8e8; font-size:.67rem; font-weight:800; }
.ai-form>div { display:flex; border:1px solid var(--line); border-radius:.5rem; overflow:hidden; background:#071626; }
.ai-form input { flex:1; min-width:0; border:0; outline:0; padding:.8rem; color:var(--text); background:transparent; }
.ai-form button { border:0; padding:0 1rem; color:#042026; background:var(--aqua); font-weight:900; }
.ai-form button:disabled { cursor:wait; opacity:.65; }
.ai-quick-actions { display:flex; flex-wrap:wrap; gap:.45rem; margin-top:.7rem; }
.ai-quick-actions button { border:1px solid var(--line); border-radius:999px; padding:.38rem .6rem; color:#cfe0ef; background:rgba(255,255,255,.035); font-size:.64rem; }
.ai-quick-actions button:hover { color:var(--aqua); border-color:var(--aqua); }
.ai-status { min-height:1.15rem; margin-top:.7rem; color:var(--muted); font:500 .64rem var(--mono); }
.ai-result { margin-top:.55rem; padding:1rem; border:1px solid rgba(72,225,193,.22); border-radius:.55rem; color:#dcecf8; background:rgba(4,16,29,.5); white-space:pre-wrap; line-height:1.65; font-size:.75rem; }

@media (max-width:650px) {
  .tradingview-widget-container { height:72vh!important; min-height:520px; }
  .tradingview-widget-container__widget,.tradingview-widget-container iframe { min-height:480px!important; }
  .chart-actions { padding:.55rem .7rem; }
  .ai-form>div { display:grid; }
  .ai-form button { padding:.72rem; }
}

/* 2026 workspace refresh: clearer hierarchy, faster mobile access, calmer glass. */
.card {
  border-radius:1.1rem;
  border-color:rgba(137,183,221,.22);
  box-shadow:0 18px 52px rgba(0,7,17,.18),inset 0 1px 0 rgba(255,255,255,.035);
}
.topbar h1 { max-width:720px; text-wrap:balance; }
.quote-main { position:relative; overflow:hidden; }
.quote-main:after { content:""; position:absolute; width:13rem; height:13rem; right:-8rem; top:-8rem; border-radius:50%; background:var(--aqua); filter:blur(42px); opacity:.09; pointer-events:none; }
.use-quote-button { display:inline-flex; align-items:center; gap:.45rem; margin:-.75rem 0 1.15rem; padding:.48rem .65rem; border:1px solid rgba(72,225,193,.28); border-radius:999px; color:var(--aqua); background:rgba(72,225,193,.07); font-size:.64rem; font-weight:800; }
.use-quote-button:hover { background:rgba(72,225,193,.14); }
.use-quote-button:disabled { opacity:.45; cursor:wait; }
.field-help { color:var(--muted); font-size:.58rem; font-weight:500; line-height:1.35; }
.mobile-dock { display:none; }
.sidebar { overflow-y:auto; }
.nav-calculator { border-radius:.6rem; }
.nav-calculator>summary { display:flex; justify-content:space-between; align-items:center; padding:.75rem .7rem; color:var(--muted); font-size:.86rem; font-weight:700; cursor:pointer; list-style:none; }
.nav-calculator>summary::-webkit-details-marker { display:none; }
.nav-calculator[open]>summary { color:#fff; background:rgba(93,167,255,.12); }
.nav-calculator[open]>summary span { transform:rotate(45deg); }
.nav-calculator-tools { display:grid; gap:.15rem; padding:.35rem .25rem .55rem .65rem; }
.nav-calculator-tools button { border:0; border-left:1px solid var(--line); padding:.42rem .55rem; color:#9fb5ca; background:transparent; text-align:left; font-size:.62rem; font-weight:700; }
.nav-calculator-tools button:hover { color:var(--aqua); border-left-color:var(--aqua); }
.calculator-layout { grid-template-columns:1fr; }
.calculator-layout>.tool-rail { display:none; }
.calculator-switcher { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-bottom:.75rem; color:var(--muted); font-size:.66rem; font-weight:800; }
.calculator-switcher select { width:min(24rem,72%); color:var(--text); background:rgba(7,22,38,.92); border:1px solid var(--line); border-radius:.65rem; padding:.72rem .85rem; font-weight:800; outline:0; }
.calculator-switcher select:focus { border-color:var(--aqua); box-shadow:0 0 0 3px rgba(72,225,193,.1); }
.premium-gate { background:radial-gradient(circle at 0 50%,rgba(178,156,255,.2),transparent 20rem),linear-gradient(145deg,rgba(25,43,70,.96),rgba(8,22,39,.96)); }
.founder-badge { justify-self:end; border:1px solid rgba(178,156,255,.45); border-radius:999px; padding:.45rem .7rem; color:#c9bbff; font:700 .6rem var(--mono); letter-spacing:.12em; }
.calculator-card { box-shadow:0 24px 70px rgba(0,7,17,.3),inset 0 1px 0 rgba(255,255,255,.04); }
.calculator-form { background:linear-gradient(155deg,rgba(25,55,83,.25),transparent 48%); }
.calculator-form input,.calculator-form select { min-height:2.75rem; }
.ai-panel { position:relative; overflow:hidden; }
.ai-panel { background:radial-gradient(circle at 8% 0,rgba(72,225,193,.17),transparent 24rem),linear-gradient(145deg,rgba(20,48,75,.92),rgba(5,18,32,.94)); }
.ai-panel:after { content:""; position:absolute; right:-5rem; bottom:-6rem; width:15rem; height:15rem; border-radius:50%; background:var(--aqua); filter:blur(90px); opacity:.1; pointer-events:none; }
.ai-identity { display:flex; align-items:center; gap:.8rem; }
.ai-orb { width:2.6rem; height:2.6rem; display:grid; place-items:center; flex:0 0 auto; border-radius:.85rem; color:#062027; background:linear-gradient(135deg,#a8ffed,var(--aqua) 45%,var(--blue)); box-shadow:0 0 32px rgba(72,225,193,.28); font-size:1.1rem; }
.ai-live { display:flex; align-items:center; gap:.35rem; color:var(--aqua); font:600 .58rem var(--mono); letter-spacing:.1em; }
.ai-live i { width:.42rem; height:.42rem; border-radius:50%; background:var(--aqua); box-shadow:0 0 12px var(--aqua); }
.ai-result { position:relative; z-index:1; font-size:.88rem; font-weight:650; border-radius:.8rem; background:rgba(3,14,26,.7); }
.ai-timeframes { position:relative; z-index:1; display:grid; grid-template-columns:repeat(5,1fr); gap:.5rem; margin-top:.7rem; }
.ai-timeframe { border:1px solid var(--line); border-radius:.7rem; background:rgba(4,16,29,.58); overflow:hidden; }
.ai-timeframe summary { display:flex; justify-content:space-between; gap:.4rem; align-items:center; padding:.7rem; cursor:pointer; list-style:none; color:var(--muted); font:600 .61rem var(--mono); }
.ai-timeframe summary::-webkit-details-marker { display:none; }
.ai-timeframe summary strong { font-family:var(--font); font-size:.68rem; }
.ai-timeframe.positive summary strong { color:var(--aqua); }
.ai-timeframe.negative summary strong { color:var(--red); }
.ai-timeframe.neutral summary strong,.ai-timeframe.fundamental summary strong { color:var(--amber); }
.ai-timeframe p { margin:0; padding:0 .7rem .75rem; color:#bfd0df; font-size:.62rem; line-height:1.5; }

@media (max-width:650px) {
  main { display:flex; flex-direction:column; padding-bottom:5.2rem; }
  .topbar { order:0; min-height:116px; }
  .mobile-dock { order:1; position:fixed; z-index:6; left:50%; bottom:.75rem; transform:translateX(-50%); width:min(24rem,calc(100% - 1.25rem)); display:grid; grid-template-columns:repeat(4,1fr); gap:.25rem; padding:.36rem; border:1px solid rgba(140,188,226,.3); border-radius:1.05rem; background:rgba(6,20,35,.88); backdrop-filter:blur(24px) saturate(150%); box-shadow:0 16px 48px rgba(0,0,0,.42); }
  .mobile-dock a { display:grid; place-items:center; gap:.15rem; padding:.42rem .25rem; border-radius:.75rem; color:#cbdced; text-decoration:none; font-size:.58rem; font-weight:800; }
  .mobile-dock a.active { color:#061e25; background:var(--aqua); }
  .mobile-dock span { font-size:.92rem; line-height:1; }
  #calculator { order:2; border-top:0; padding-top:.6rem; }
  #dashboard { order:3; }
  #sessions { order:4; }
  #journal { order:5; }
  #profile { order:6; }
  #settings { order:7; }
  main>footer { order:8; }
  .section-heading h2 { font-size:1.42rem; }
  .calculator-layout { gap:.65rem; }
  .calculator-tabs { margin:0 -.05rem; }
  .tool-menu-static { display:flex; overflow-x:auto; gap:.25rem; padding:.3rem; scrollbar-width:none; }
  .tool-menu-static::-webkit-scrollbar { display:none; }
  .tool-menu-static button { flex:0 0 auto; white-space:nowrap; }
  .rail-note,.tool-rail>.eyebrow,.tool-list-title { display:none; }
  .calculator-form { padding:.9rem; }
  .form-title { gap:.65rem; margin-bottom:1rem; }
  .form-title .asset-chip { display:none; }
  .form-grid { grid-template-columns:1fr; gap:.7rem; }
  .planner-note { margin-bottom:.9rem!important; }
  .quote-grid { grid-template-columns:1fr; }
  .market-coverage { display:none; }
  .chart-panel>summary { padding:.85rem; }
  .chart-panel>summary small { max-width:15rem; }
  .tradingview-widget-container { height:68vh!important; min-height:440px!important; }
  .tradingview-widget-container__widget,.tradingview-widget-container iframe { min-height:410px!important; }
  .chart-actions span { font-size:.58rem; }
  .ai-panel { padding:1rem; }
  .ai-panel-head .asset-chip { display:none; }
  .ai-timeframes { grid-template-columns:1fr 1fr; }
  .ai-timeframe.fundamental { grid-column:1/-1; }
  .card:hover { transform:none; }
  body.mobile-workspace main>section { display:none; }
  body.mobile-workspace main>section.mobile-section-active { display:block; }
  body[data-mobile-view="chart"] #dashboard>.section-heading,
  body[data-mobile-view="chart"] #dashboard>.quote-search,
  body[data-mobile-view="chart"] #dashboard>.search-help,
  body[data-mobile-view="chart"] #dashboard>.quote-error,
  body[data-mobile-view="chart"] #dashboard>.quote-grid,
  body[data-mobile-view="chart"] #dashboard>.ai-panel { display:none; }
  body[data-mobile-view="ai"] #dashboard>.section-heading,
  body[data-mobile-view="ai"] #dashboard>.quote-search,
  body[data-mobile-view="ai"] #dashboard>.search-help,
  body[data-mobile-view="ai"] #dashboard>.quote-error,
  body[data-mobile-view="ai"] #dashboard>.quote-grid,
  body[data-mobile-view="ai"] #dashboard>.chart-panel { display:none; }
  body[data-mobile-view="dashboard"] #dashboard>.ai-panel { display:none; }
  body[data-mobile-view="chart"] #dashboard,
  body[data-mobile-view="ai"] #dashboard { padding-top:.6rem; }
}
