/* aether-web — layout.css (extracted from index.html inline <style>, W_1a). Do not add new rules here without reason. */
/* APP SHELL */
.app{display:flex;height:100vh;width:100vw;overflow:hidden}
.landing-wrap{position:fixed;inset:0;z-index:200;overflow-y:auto;background:var(--bg)}
.landing-wrap.hidden{display:none}
/* NAV RAIL 88px */
.nav{width:var(--nav-w);flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:16px 0 8px;overflow-y:auto;overflow-x:hidden}
.nav-logo{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;background:rgba(91,141,255,.1);margin-bottom:14px;font-size:18px;font-weight:800;color:var(--blue);cursor:pointer;letter-spacing:-1px;flex-shrink:0;text-decoration:none}
.nav-logo .nav-logo-img{width:32px;height:32px;display:block}
.nav-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 0}
.nav-section+.nav-section{border-top:0.5px solid var(--border);margin-top:4px;padding-top:8px}
.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:72px;min-height:54px;border-radius:9px;color:var(--muted);cursor:pointer;transition:all .12s;user-select:none;padding:4px 0}
.nav-item:hover{background:rgba(255,255,255,.05);color:var(--text)}
.nav-item.active{background:rgba(91,141,255,.12);color:var(--blue)}
.nav-item svg{width:17px;height:17px;flex-shrink:0;stroke-width:1.7}
.nav-item .lbl{font-size:var(--fs-micro);font-weight:600;letter-spacing:.02em;text-align:center;line-height:1.2}
.nav-badge{font-size:var(--fs-micro);font-weight:700;padding:1px 4px;border-radius:7px;background:rgba(61,220,151,.15);color:var(--up);margin-top:1px}
.nav-badge.amber{background:rgba(247,185,85,.15);color:var(--amber)}
.nav-badge.blue{background:rgba(91,141,255,.15);color:var(--blue)}
.nav-bottom{margin-top:auto;padding:8px 0;display:flex;flex-direction:column;align-items:center}
.nav-tg{width:42px;height:42px;border-radius:10px;background:var(--blue);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:opacity .15s;text-decoration:none;flex-shrink:0}
.nav-tg:hover{opacity:.85}
/* MAIN AREA */
.main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}
/* ── TOP HEADER ─────────────────────────────────────────────── */
.header{height:var(--header-h);flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;gap:16px}
/* Zone 1 — Brand */
.hdr-brand{display:flex;align-items:center;gap:8px;justify-self:start;text-decoration:none;user-select:none}
.hdr-logo{width:32px;height:32px;border-radius:9px;background:rgba(91,141,255,.12);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:var(--blue);letter-spacing:-1px;flex-shrink:0}
.hdr-wordmark{font-size:18px;font-weight:500;color:var(--text);letter-spacing:-.3px}   /* десктоп-шапка = ТЕКСТ «ExosTrade» (Medium, решение Kamron'а); SVG-вордмарк — только мобилка */
.hdr-wordmark-img{height:28px;width:auto;display:none}
/* Zone 2 — Search + Ask AI */
.hdr-center{display:flex;align-items:center;gap:8px;justify-self:center;width:100%;max-width:560px}
.hdr-search-wrap{position:relative;flex:1;display:flex;align-items:center}
.hdr-search-icon{position:absolute;left:10px;width:15px;height:15px;color:var(--muted);pointer-events:none;flex-shrink:0}
.hdr-search{width:100%;background:var(--elevated);border:1px solid var(--border);border-radius:var(--r);padding:7px 44px 7px 34px;color:var(--text);font-size:12px;outline:none;font-family:var(--font);transition:border-color .15s,box-shadow .15s}
.hdr-search::placeholder{color:var(--dim)}
.hdr-search:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(91,141,255,.15)}
.hdr-kbd{position:absolute;right:8px;font-size:10px;color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-family:var(--mono);pointer-events:none;line-height:1.5}
.hdr-ask-ai{display:flex;align-items:center;gap:5px;padding:7px 14px;background:var(--blue);color:#fff;border:none;border-radius:var(--r);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:opacity .15s,box-shadow .15s;font-family:var(--font)}
.hdr-ask-ai:hover{opacity:.9;box-shadow:0 2px 12px rgba(91,141,255,.35)}
/* Zone 3 — Actions */
.hdr-right{display:flex;align-items:center;gap:10px;justify-self:end}
.hdr-sep{width:1px;height:18px;background:var(--border);flex-shrink:0}
.seg-ctrl{display:flex;background:var(--elevated);border:1px solid var(--border);border-radius:20px;padding:2px;gap:2px}
.mode-btn{padding:4px 12px;border-radius:16px;font-size:11px;font-weight:600;cursor:pointer;color:var(--muted);transition:all .15s;background:none;border:none;font-family:var(--font)}
.mode-btn.active{background:var(--blue);color:#fff}
.mode-btn:not(.active):hover{color:var(--text)}
.hdr-bell{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:none;border:none;color:var(--muted);cursor:pointer;transition:all .12s}
.hdr-bell:hover{color:var(--text);background:var(--elevated)}
.hdr-bell-dot{position:absolute;top:6px;right:6px;width:5px;height:5px;border-radius:50%;background:var(--amber);border:1.5px solid var(--surface)}
.hdr-clock{display:flex;align-items:center;gap:6px}
.topbar-time{font-size:11px;font-weight:500;color:var(--muted);font-family:var(--mono)}
.live-dot{width:6px;height:6px;border-radius:50%;background:var(--up);animation:pulse 2s ease-in-out infinite;flex-shrink:0}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}
/* CONTENT + PAGES */
.content{flex:1;position:relative;overflow:hidden}
.page{display:none;position:absolute;inset:0;overflow-y:auto;padding:16px 18px}
.page.active{display:block}
.page-full{display:none;position:absolute;inset:0;flex-direction:column;overflow:hidden}
.page-full.active{display:flex}

/* Section transition: fade + micro-rise (~150ms), GPU-only (opacity/transform). Runs when
   .active is added on nav (setPage); in-page data refresh (Trades 40s, whales 45s) never toggles
   .active, so updates don't re-animate. Outgoing page hides instantly → no double animation. */
@keyframes pageEnter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.page.active,.page-full.active{animation:pageEnter .15s cubic-bezier(.4,0,.2,1) both;will-change:opacity,transform}
@media (prefers-reduced-motion:reduce){.page.active,.page-full.active{animation:none}}

/* GENERIC CARDS */
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:13px}
.card-title{font-size:var(--fs-label);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--dim);margin-bottom:10px;display:flex;align-items:center;gap:6px}
.up{color:var(--up)}.dn{color:var(--dn)}.neu{color:var(--muted)}
/* WIDGETS */
.widget{background:var(--surface);display:flex;flex-direction:column;overflow:hidden;min-height:0;border:1px solid var(--border);border-radius:var(--radius)}
.widget-head{padding:0 var(--pad-sm);border-bottom:1px solid var(--border);flex-shrink:0;display:flex;align-items:center;gap:7px;min-height:44px}
.wh-title{font-size:var(--fs-label);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--dim)}
.widget-body{flex:1;overflow-y:auto;min-height:0}
.widget-body::-webkit-scrollbar{width:3px}
.widget-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:2px}
/* DASHBOARD GRID */
.dashboard{flex:1;display:grid;grid-template-columns:290px 1fr 350px;gap:var(--gap);padding:var(--gap);overflow:hidden;box-sizing:border-box}
.dash-center{display:grid;grid-template-rows:1fr 300px;gap:var(--gap);min-height:0;min-width:0}
.dash-right{display:grid;grid-template-rows:auto auto 1fr;gap:var(--gap);min-height:0;min-width:0}
/* PRICES RAIL */
#w-prices{min-height:0;gap:8px;padding:8px;position:relative;z-index:1}
.rail-frame{background:var(--surface);border:0.5px solid var(--border);border-radius:8px;overflow:hidden;flex-shrink:0}
.rail-frame-list{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.rail-row{display:grid;grid-template-columns:18px 22px 20px 1fr auto auto 26px;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;border-bottom:0.5px solid rgba(255,255,255,.04);transition:background .12s}  /* 6.2: col1=18px watchlist-звезда (звезда/ранг/лого/тикер/цена/24h/›) */
.rail-row:hover{background:rgba(255,255,255,.03)}
.rail-row.active{background:rgba(91,141,255,.08)}
.rail-info{font-size:15px;color:var(--dim,#444);cursor:pointer;text-align:center;opacity:1;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:5px;border:1px solid transparent;transition:color .12s,background .12s,border-color .12s,transform .1s;flex-shrink:0;line-height:1;user-select:none;-webkit-tap-highlight-color:transparent}
.rail-row:hover .rail-info{color:var(--blue,#5B8DFF);background:var(--elevated,rgba(255,255,255,.05));border-color:var(--border,rgba(255,255,255,.08))}
.rail-info:hover{color:var(--blue,#5B8DFF)!important;background:rgba(91,141,255,.15)!important;border-color:rgba(91,141,255,.3)!important;transform:translateX(1px)}
@keyframes rail-hint{0%,100%{color:var(--dim,#444)}50%{color:var(--blue,#5B8DFF);background:rgba(91,141,255,.12)}}
.rail-rank{font-size:10px;color:var(--dim);font-family:var(--mono);text-align:center}
.rail-logo{width:20px;height:20px;border-radius:50%;display:block}
.rail-sym{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rail-px{font-family:var(--mono);font-size:12px;font-weight:500;text-align:right;white-space:nowrap}
.rail-chg{font-family:var(--mono);font-size:11px;text-align:right;white-space:nowrap;min-width:50px}
/* PINNED RAIL */
.rail-pin{flex-shrink:0;background:var(--surface);border:0.5px solid var(--border);border-radius:8px;overflow:hidden}
.rail-pin-hdr{padding:5px 10px 4px;font-size:var(--fs-label);font-weight:var(--fw-bold);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:0.5px solid var(--border)}
.rail-pin .rail-row{border-bottom:0.5px solid rgba(255,255,255,.04);padding:7px 10px}
.rail-pin .rail-row:last-child{border-bottom:none}
.rail-scroll{flex:1;overflow-y:auto;min-height:0}
/* PRICES TOOLBAR */
.prices-toolbar{display:flex;gap:6px;padding:8px 10px;border-bottom:0.5px solid rgba(255,255,255,.06);flex-shrink:0}
.prices-filter-btn{display:flex;align-items:center;gap:4px;font-size:10px;background:rgba(91,141,255,.1);border:0.5px solid rgba(91,141,255,.25);color:var(--blue);border-radius:7px;padding:4px 8px;cursor:pointer;white-space:nowrap;font-family:var(--font)}
.prices-filter-btn:hover{background:rgba(91,141,255,.18)}
.prices-search-box{flex:1;display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.04);border:0.5px solid var(--border);border-radius:7px;padding:0 8px}
.prices-search-box input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:11px;font-family:var(--font);padding:5px 0;min-width:0}
.prices-search-box input::placeholder{color:var(--dim)}
.prices-cols{display:flex;align-items:center;gap:6px;padding:5px 12px;font-size:var(--fs-micro);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--dim);border-bottom:0.5px solid rgba(255,255,255,.06);flex-shrink:0}
.prices-col-rank{width:22px;text-align:right;flex-shrink:0}
.prices-cols span:last-child{margin-left:auto}
.prices-pager{display:flex;align-items:center;justify-content:center;gap:3px;padding:7px 8px;border-top:0.5px solid rgba(255,255,255,.06);flex-shrink:0;flex-wrap:wrap}
.prices-pager button{background:none;border:0.5px solid var(--border);color:var(--muted);border-radius:5px;padding:3px 7px;cursor:pointer;font-size:10px;font-family:var(--font)}
.prices-pager button.pg-active{background:var(--blue);color:#fff;border-color:var(--blue)}
.prices-pager button:disabled{opacity:.3;cursor:default}
.prices-pager .pg-info{font-size:10px;color:var(--dim)}
/* PRICE CHART AREA */
.pc{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:box-shadow .4s}
@keyframes ledPulse{0%,100%{box-shadow:inset 0 0 0 2px rgba(248,113,113,.65),0 0 16px rgba(248,113,113,.45),0 0 32px rgba(248,113,113,.28)}50%{box-shadow:inset 0 0 0 2px rgba(248,113,113,1),0 0 28px rgba(248,113,113,.8),0 0 64px rgba(248,113,113,.75),0 0 90px rgba(248,113,113,.35)}}
@keyframes ledFlash{0%{box-shadow:inset 0 0 0 2.5px rgba(248,113,113,1),0 0 40px rgba(248,113,113,.9),0 0 72px rgba(248,113,113,.75)}100%{box-shadow:none}}
@keyframes ledAmberPulse{0%,100%{box-shadow:inset 0 0 0 2px rgba(247,185,85,.65),0 0 16px rgba(247,185,85,.45),0 0 32px rgba(247,185,85,.28)}50%{box-shadow:inset 0 0 0 2px rgba(247,185,85,1),0 0 28px rgba(247,185,85,.85),0 0 64px rgba(247,185,85,.75),0 0 90px rgba(247,185,85,.35)}}
.pc.led-soft{animation:ledAmberPulse 2s ease-in-out infinite}
.pc.led-amber{animation:ledAmberPulse 1.3s ease-in-out infinite}
.pc.led-hot{animation:ledPulse 1.3s ease-in-out infinite}
.pc.led-flash{animation:ledFlash 4s ease-out forwards}
.forex-chip{position:fixed;z-index:9999;display:flex;align-items:center;gap:8px;background:rgba(10,15,22,.92);border:1px solid rgba(247,185,85,.38);border-radius:9px;padding:8px 14px 8px 12px;font-size:12.5px;font-family:var(--mono);pointer-events:auto;backdrop-filter:blur(5px);cursor:grab;user-select:none}
.forex-chip.dragging{cursor:grabbing!important}
.forex-chip.chip-red{border-color:rgba(248,113,113,.6);background:rgba(22,8,8,.92)}
.forex-chip-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.forex-chip-x{display:flex;align-items:center;gap:4px;background:none;border:1px solid rgba(255,255,255,.12);border-radius:5px;color:var(--dim);font-size:10.5px;cursor:pointer;padding:2px 7px;line-height:1.4;font-family:var(--mono);margin-left:3px;transition:border-color .12s,color .12s}
.forex-chip-x:hover{color:var(--text);border-color:rgba(255,255,255,.28)}
.forex-led-bell{position:fixed;z-index:9999;display:flex;align-items:center;gap:6px;background:rgba(10,15,22,.85);border:0.5px solid rgba(255,255,255,.12);border-radius:8px;padding:6px 10px;font-size:11.5px;font-family:var(--mono);color:var(--dim);cursor:grab;user-select:none;backdrop-filter:blur(4px);pointer-events:auto;transition:border-color .15s,color .15s}
.forex-led-bell:hover{border-color:rgba(247,185,85,.4);color:var(--text)}
.pc-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;min-height:44px;border-radius:var(--radius) var(--radius) 0 0;overflow:hidden}
.ct-left{display:flex;align-items:center;gap:10px;flex-shrink:0}
.ct-pair{font-size:14px;font-weight:700}
/* T14: пилюля пары — дропдаун ТОЛЬКО на мобилке (@media ≤768 в mobile.css). На ДЕСКТОПЕ — прежний
   статичный вид: жирный текст, без бокса/шеврона/меню (утечка на десктоп откатана 19.07, правило скоупа). */
.ct-sym-dd{position:relative;display:inline-flex;align-items:center}
button.ct-pair{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:14px;font-weight:700;color:var(--text);background:none;border:0;padding:0;cursor:default}
.ct-sym-chev{display:none}
.ct-sym-menu{display:none}
.ct-price{font-family:var(--mono);font-size:14px;color:var(--blue);font-weight:600}
.ct-chg{font-family:var(--mono);font-size:12px;font-weight:600}
.ct-center{display:flex;align-items:center;gap:10px;flex-shrink:0}
.ct-right{flex-shrink:0}
.pc-body{flex:1;display:flex;min-height:0;overflow:hidden}
.pc-table{display:none}
.pc-chart{flex:1;position:relative;overflow:hidden;background:var(--bg);min-width:0}
/* CHART LEGEND */
.chart-legend{position:absolute;top:7px;left:10px;z-index:6;display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10px;padding:3px 8px;border-radius:5px;background:rgba(9,13,18,.75);backdrop-filter:blur(4px);pointer-events:none}
.chart-legend .pair{font-weight:700;color:var(--text);margin-right:2px}
.chart-legend .lbl{color:var(--dim)}
.chart-legend .val{color:var(--text)}
/* CHART LABELS (ICT badges overlay) */
.chart-labels{position:absolute;top:8px;right:8px;pointer-events:none;display:flex;flex-wrap:wrap;gap:3px;z-index:10;justify-content:flex-end}
/* PRICE BADGE */
.price-badge{position:absolute;right:0;z-index:6;pointer-events:none;background:var(--up);color:#fff;font-family:var(--mono);font-size:10px;font-weight:600;padding:2px 5px;border-radius:3px;text-align:center;line-height:1.25;transform:translateY(-50%);white-space:nowrap}
.price-badge .timer{font-size:var(--fs-micro);font-weight:400;opacity:.85;display:block}
.price-badge.down{background:var(--dn)}
/* SETUP PANEL */
.setup-panel{position:absolute;top:40px;right:12px;width:220px;z-index:7;background:rgba(14,20,27,.95);border:0.5px solid var(--border);border-radius:8px;padding:12px;backdrop-filter:blur(8px)}
.setup-head{font-size:12px;font-weight:600;margin-bottom:6px}
.setup-active{font-size:var(--fs-micro);background:rgba(var(--up-rgb),.15);color:var(--up);padding:1px 6px;border-radius:4px;margin-left:4px}
.setup-desc{font-size:10px;line-height:1.5;color:var(--muted);margin-bottom:8px}
.setup-levels{border-top:0.5px solid var(--border);padding-top:8px;font-family:var(--mono);font-size:10px}
.setup-levels div{display:flex;justify-content:space-between;margin-bottom:3px}
.setup-levels span:first-child{color:var(--muted)}
.ict-label{font-size:var(--fs-micro);font-weight:700;padding:2px 5px;border-radius:3px;white-space:nowrap}
.lbl-ob-bear{background:rgba(248,113,113,.15);color:#e24b4a;border:0.5px solid rgba(248,113,113,.3)}
.lbl-ob-bull{background:rgba(61,220,151,.1);color:#2a7a5e;border:0.5px solid rgba(61,220,151,.3)}
.lbl-fvg{background:rgba(91,141,255,.12);color:var(--blue);border:0.5px solid rgba(91,141,255,.3)}
.lbl-kz{background:rgba(247,185,85,.1);color:var(--amber);border:0.5px solid rgba(247,185,85,.3)}
.lbl-bos{background:rgba(61,220,151,.12);color:var(--up);border:0.5px solid rgba(61,220,151,.25)}
.lbl-choch{background:rgba(155,89,182,.12);color:var(--purple);border:0.5px solid rgba(155,89,182,.25)}

/* ── Embed-режим (Telegram mini-app iframe, ?embed=1): только Stocks, без дашборд-навигации ── */
.embed-tabs{display:none}
body.embed .nav{display:none!important}
body.embed .header{display:none!important}
body.embed .embed-tabs{display:flex;gap:7px;padding:9px 12px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}
body.embed .embed-tab{font-size:13px;font-weight:600;color:var(--muted);background:var(--elevated);border:1px solid var(--border);border-radius:9px;padding:8px 16px;cursor:pointer;transition:.12s}
body.embed .embed-tab.active{color:var(--blue);background:rgba(91,141,255,.12);border-color:rgba(91,141,255,.32)}