/* =========================================================
   ATLAS — Design DNA
   Borsa İstanbul karar destek platformu
   Sakin, hassas, güvenilir bir finansal zeka ürünü.
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root{
  /* ---- Surfaces (layered navy, not pure black) ---- */
  --bg-0:#0A0D13;         /* app canvas */
  --bg-1:#10141C;         /* sidebar / topbar */
  --surface-1:#141924;    /* card */
  --surface-2:#1B2130;    /* card hover / nested */
  --surface-3:#232A3B;    /* elevated / popover */
  --border-1:#242B3B;
  --border-2:#323B4F;
  --border-hairline: rgba(255,255,255,0.06);

  /* ---- Text ---- */
  --text-1:#EEF1F6;
  --text-2:#A7B0C2;
  --text-3:#6C7590;
  --text-inverse:#0A0D13;

  /* ---- Brand (independent from buy/sell) ---- */
  --brand:#6E8CFF;
  --brand-dim:#3E4E99;
  --brand-tint: rgba(110,140,255,0.12);
  --brand-2:#9C8CFF;

  /* ---- Semantic (financial) ---- */
  --pos:#33D68F;
  --pos-tint: rgba(51,214,143,0.12);
  --pos-strong:#1FAE71;
  --neg:#FF6B6B;
  --neg-tint: rgba(255,107,107,0.12);
  --neg-strong:#E14848;
  --warn:#F0B23D;
  --warn-tint: rgba(240,178,61,0.12);
  --info:#6E8CFF;
  --info-tint: rgba(110,140,255,0.12);
  --neutral-tint: rgba(167,176,194,0.10);

  /* ---- Radius / spacing / motion ---- */
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:20px; --r-pill:999px;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-7:32px; --sp-8:40px; --sp-9:56px;
  --ease: cubic-bezier(.2,.7,.3,1);
  --dur-fast: 140ms;
  --dur-med: 220ms;

  /* ---- Type ---- */
  --f-display: 'Space Grotesk', 'Segoe UI Semibold', system-ui, sans-serif;
  --f-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --shadow-1: 0 1px 2px rgba(0,0,0,.35);
  --shadow-2: 0 8px 24px rgba(0,0,0,.42);
  --shadow-glow: 0 0 0 1px rgba(110,140,255,.35), 0 0 24px rgba(110,140,255,.12);
}

@media (prefers-reduced-motion: reduce){
  *{ animation-duration: .001ms !important; transition-duration: .001ms !important; }
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0; background:var(--bg-0); color:var(--text-1);
  font-family:var(--f-body); font-size:14px; line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{ font-family:var(--f-display); margin:0; letter-spacing:-0.01em; font-weight:600; }
p{ margin:0; }
a{ color:inherit; text-decoration:none; }
button{ font-family:inherit; }
::selection{ background:var(--brand-dim); color:#fff; }

.tabular{ font-family:var(--f-mono); font-variant-numeric:tabular-nums; letter-spacing:-0.01em; }

::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-thumb{ background:var(--border-2); border-radius:8px; border:2px solid var(--bg-0); }
::-webkit-scrollbar-track{ background:transparent; }

:focus-visible{ outline:2px solid var(--brand); outline-offset:2px; border-radius:6px; }

/* =================== APP SHELL =================== */
#app{ display:flex; min-height:100vh; }

.sidebar{
  width:232px; flex:0 0 232px; background:var(--bg-1); border-right:1px solid var(--border-hairline);
  display:flex; flex-direction:column; padding:var(--sp-5) var(--sp-3); position:sticky; top:0; height:100vh;
  transition:width var(--dur-med) var(--ease), padding var(--dur-med) var(--ease);
}
.sidebar.collapsed{ width:72px; flex:0 0 72px; padding:var(--sp-5) var(--sp-2); }
.brand-mark{ display:flex; align-items:center; gap:10px; padding:0 var(--sp-2) var(--sp-6); }
.brand-mark svg{ flex:0 0 auto; }
.brand-mark .word{ font-family:var(--f-display); font-weight:700; font-size:17px; letter-spacing:0.02em; white-space:nowrap; overflow:hidden; }
.sidebar.collapsed .brand-mark .word, .sidebar.collapsed .nav-label, .sidebar.collapsed .nav-item .kbd{ display:none; }

.nav-group{ display:flex; flex-direction:column; gap:2px; margin-bottom:var(--sp-5); }
.nav-title{ font-size:11px; text-transform:uppercase; letter-spacing:.08em; color:var(--text-3); padding:0 var(--sp-3); margin-bottom:var(--sp-2); }
.nav-item{
  display:flex; align-items:center; gap:12px; padding:9px 12px; border-radius:var(--r-md); color:var(--text-2);
  cursor:pointer; font-size:13.5px; font-weight:500; position:relative; transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);
  white-space:nowrap; overflow:hidden;
}
.nav-item svg{ flex:0 0 18px; width:18px; height:18px; opacity:.85; }
.nav-item:hover{ background:var(--surface-1); color:var(--text-1); }
.nav-item.active{ background:var(--brand-tint); color:var(--text-1); }
.nav-item.active::before{
  content:''; position:absolute; left:-12px; top:8px; bottom:8px; width:3px; background:var(--brand); border-radius:0 4px 4px 0;
}
.nav-item.active svg{ opacity:1; color:var(--brand); }
.sidebar-foot{ margin-top:auto; display:flex; flex-direction:column; gap:4px; }
.collapse-btn{
  display:flex; align-items:center; justify-content:center; gap:8px; padding:8px; border-radius:var(--r-md);
  color:var(--text-3); background:transparent; border:1px solid var(--border-1); cursor:pointer; font-size:12px;
}
.collapse-btn:hover{ color:var(--text-2); border-color:var(--border-2); }

.main-col{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; }

.topbar{
  height:60px; flex:0 0 60px; display:flex; align-items:center; gap:var(--sp-4); padding:0 var(--sp-6);
  border-bottom:1px solid var(--border-hairline); background:linear-gradient(180deg, var(--bg-1), rgba(16,20,28,.4));
  position:sticky; top:0; z-index:30; backdrop-filter:blur(8px);
}
.search-box{
  display:flex; align-items:center; gap:8px; background:var(--surface-1); border:1px solid var(--border-1);
  border-radius:var(--r-md); padding:7px 12px; width:320px; color:var(--text-3); font-size:13px; transition:border-color var(--dur-fast);
}
.search-box:focus-within{ border-color:var(--brand); color:var(--text-2); }
.search-box input{ background:none; border:none; outline:none; color:var(--text-1); font-size:13px; width:100%; }
.topbar-spacer{ flex:1; }

.status-pill{
  display:flex; align-items:center; gap:8px; padding:6px 12px; border-radius:var(--r-pill); background:var(--surface-1);
  border:1px solid var(--border-1); cursor:pointer; font-size:12.5px; color:var(--text-2); transition:border-color var(--dur-fast);
}
.status-pill:hover{ border-color:var(--border-2); }
.dot{ width:7px; height:7px; border-radius:50%; background:var(--pos); box-shadow:0 0 0 3px var(--pos-tint); flex:0 0 auto; }
.dot.warn{ background:var(--warn); box-shadow:0 0 0 3px var(--warn-tint); }
.dot.neg{ background:var(--neg); box-shadow:0 0 0 3px var(--neg-tint); }
.dot.pulse::after{ content:''; }

.account-chip{
  display:flex; align-items:center; gap:8px; padding:5px 10px 5px 5px; border-radius:var(--r-pill); background:var(--surface-1);
  border:1px solid var(--border-1); cursor:pointer;
}
.avatar{
  width:28px; height:28px; border-radius:50%; background:linear-gradient(135deg,var(--brand),var(--brand-2));
  display:flex; align-items:center; justify-content:center; font-weight:700; font-size:12px; color:#fff; flex:0 0 auto;
}
.account-chip .role-tag{ font-size:10.5px; color:var(--text-3); }

.content{ flex:1; padding:var(--sp-7) var(--sp-7) var(--sp-9); max-width:1360px; width:100%; margin:0 auto; }
.content.wide{ max-width:1520px; }

.page-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:var(--sp-4); margin-bottom:var(--sp-6); }
.page-eyebrow{ font-size:12px; color:var(--text-3); text-transform:uppercase; letter-spacing:.08em; margin-bottom:6px; }
.page-title{ font-size:24px; }
.page-sub{ color:var(--text-2); font-size:13.5px; margin-top:6px; max-width:560px; }

/* =================== PRIMITIVES =================== */

.card{
  background:var(--surface-1); border:1px solid var(--border-1); border-radius:var(--r-lg);
  padding:var(--sp-5); transition:border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease), background var(--dur-fast);
}
.card.hover:hover{ border-color:var(--border-2); background:var(--surface-2); }
.card.pad-sm{ padding:var(--sp-4); }
.card-row{ display:flex; align-items:center; justify-content:space-between; gap:var(--sp-3); }
.section-title{ font-size:14.5px; font-weight:600; display:flex; align-items:center; gap:8px; }
.section-title .muted{ font-weight:500; color:var(--text-3); font-size:12px; }

.grid{ display:grid; gap:var(--sp-4); }
.grid.cols-2{ grid-template-columns:repeat(2,1fr); }
.grid.cols-3{ grid-template-columns:repeat(3,1fr); }
.grid.cols-4{ grid-template-columns:repeat(4,1fr); }
.grid.cols-12{ grid-template-columns:repeat(12,1fr); }
.grid.portfolio-layout{ grid-template-columns:2fr 1fr; }
.grid.stock-genel-layout{ grid-template-columns:1.6fr 1fr; }
@media (max-width:1100px){ .grid.cols-3,.grid.cols-4{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:900px){ .grid.portfolio-layout,.grid.stock-genel-layout{ grid-template-columns:1fr; } }
@media (max-width:720px){
  .grid.cols-2,.grid.cols-3,.grid.cols-4{ grid-template-columns:1fr; }
  .decision-flow{ flex-direction:column; }
  .decision-step{ width:100%; padding:var(--sp-3) 0; }
  .decision-step:not(:last-child)::after{ content:''; right:auto; left:0; top:auto; bottom:0; width:100%; height:1px; }
  .decision-arrow{ transform:rotate(90deg); padding:2px 0; align-self:flex-start; margin-left:2px; }
}

/* Money / Percentage primitives */
.money{ font-family:var(--f-mono); font-weight:600; letter-spacing:-0.01em; }
.money.lg{ font-size:26px; }
.money .cur{ font-size:0.62em; color:var(--text-3); margin-left:3px; font-family:var(--f-body); font-weight:500; }
.pct{ font-family:var(--f-mono); font-weight:600; display:inline-flex; align-items:center; gap:3px; }
.pct.pos{ color:var(--pos); } .pct.neg{ color:var(--neg); } .pct.flat{ color:var(--text-3); }
.pct svg{ width:11px; height:11px; }

/* Recommendation chip */
.rec{ display:inline-flex; align-items:center; gap:6px; padding:5px 11px; border-radius:var(--r-pill); font-size:12px; font-weight:700; letter-spacing:.02em; border:1px solid transparent; }
.rec .rdot{ width:6px; height:6px; border-radius:50%; }
.rec.AL{ background:var(--pos-tint); color:var(--pos); border-color:rgba(51,214,143,.35); }
.rec.AL .rdot{ background:var(--pos); }
.rec.KADEMELI{ background:rgba(51,214,143,.08); color:var(--pos); border-color:rgba(51,214,143,.22); }
.rec.KADEMELI .rdot{ background:var(--pos); opacity:.7; }
.rec.BEKLE{ background:var(--warn-tint); color:var(--warn); border-color:rgba(240,178,61,.35); }
.rec.BEKLE .rdot{ background:var(--warn); }
.rec.IZLE{ background:var(--info-tint); color:var(--brand); border-color:rgba(110,140,255,.3); }
.rec.IZLE .rdot{ background:var(--brand); }
.rec.ALMA{ background:var(--neutral-tint); color:var(--text-2); border-color:var(--border-2); }
.rec.ALMA .rdot{ background:var(--text-3); }

/* Restriction badge */
.restriction{ display:inline-flex; align-items:center; gap:6px; padding:4px 9px; border-radius:var(--r-sm); background:var(--neg-tint); color:var(--neg); font-size:11px; font-weight:600; border:1px solid rgba(255,107,107,.3); }

/* Freshness / market state */
.freshness{ display:inline-flex; align-items:center; gap:6px; font-size:12px; color:var(--text-3); }

.badge{ display:inline-flex; align-items:center; gap:5px; padding:3px 9px; border-radius:var(--r-pill); font-size:11px; font-weight:600; background:var(--surface-2); color:var(--text-2); border:1px solid var(--border-1); }

/* Buttons */
.btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:9px 16px; border-radius:var(--r-md); font-size:13px; font-weight:600; border:1px solid transparent; cursor:pointer; transition:all var(--dur-fast) var(--ease); }
.btn.primary{ background:var(--brand); color:#0A0D13; }
.btn.primary:hover{ background:#8199FF; transform:translateY(-1px); }
.btn.ghost{ background:transparent; border-color:var(--border-2); color:var(--text-1); }
.btn.ghost:hover{ background:var(--surface-2); }
.btn.subtle{ background:var(--surface-2); color:var(--text-2); }
.btn.subtle:hover{ color:var(--text-1); }
.btn.sm{ padding:6px 12px; font-size:12px; }
.btn:disabled{ opacity:.45; cursor:not-allowed; }
.btn.block{ width:100%; }
.icon-btn{ display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:var(--r-md); background:transparent; border:1px solid var(--border-1); color:var(--text-2); cursor:pointer; }
.icon-btn:hover{ background:var(--surface-2); color:var(--text-1); }

/* Tabs */
.tabs{ display:flex; gap:4px; background:var(--surface-1); border:1px solid var(--border-1); padding:3px; border-radius:var(--r-md); width:fit-content; max-width:100%; overflow-x:auto; }
.tab{ padding:7px 14px; border-radius:9px; font-size:12.5px; font-weight:600; color:var(--text-3); cursor:pointer; transition:all var(--dur-fast) var(--ease); white-space:nowrap; flex:0 0 auto; }
.tab:hover{ color:var(--text-1); }
.tab.active{ background:var(--surface-3); color:var(--text-1); box-shadow:var(--shadow-1); }

/* Decision stepper: Model -> Planlanan -> Yürütülebilir */
.decision-flow{ display:flex; align-items:stretch; gap:0; }
.decision-step{ flex:1; padding:var(--sp-4); position:relative; }
.decision-step:not(:last-child)::after{
  content:''; position:absolute; right:-1px; top:20%; bottom:20%; width:1px; background:var(--border-1);
}
.decision-step .dstep-label{ font-size:11px; text-transform:uppercase; letter-spacing:.06em; color:var(--text-3); margin-bottom:8px; }
.decision-arrow{ display:flex; align-items:center; padding:0 2px; color:var(--text-3); }

/* Table */
.table{ width:100%; border-collapse:collapse; }
.table th{ text-align:left; font-size:11px; text-transform:uppercase; letter-spacing:.05em; color:var(--text-3); font-weight:600; padding:0 var(--sp-3) 10px; border-bottom:1px solid var(--border-1); }
.table td{ padding:13px var(--sp-3); border-bottom:1px solid var(--border-hairline); font-size:13px; }
.table tr:last-child td{ border-bottom:none; }
.table tr.clickable{ cursor:pointer; transition:background var(--dur-fast); }
.table tr.clickable:hover{ background:var(--surface-2); }
.table td.num, .table th.num{ text-align:right; }

/* Symbol chip */
.symbol{ display:flex; align-items:center; gap:10px; }
.symbol-mark{ width:32px; height:32px; border-radius:9px; background:var(--surface-3); display:flex; align-items:center; justify-content:center; font-family:var(--f-mono); font-weight:700; font-size:11px; color:var(--text-2); flex:0 0 auto; }
.symbol .name{ font-weight:600; font-size:13.5px; }
.symbol .company{ font-size:11.5px; color:var(--text-3); }

/* Sparkline */
.spark{ display:block; }

/* Progress / potential bar */
.potential-bar{ height:6px; border-radius:99px; background:var(--surface-3); overflow:hidden; position:relative; }
.potential-bar > div{ height:100%; border-radius:99px; background:linear-gradient(90deg, var(--brand-dim), var(--brand)); transition:width var(--dur-med) var(--ease); }

/* Empty state */
.empty{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:10px; padding:var(--sp-9) var(--sp-5); color:var(--text-3); }
.empty svg{ opacity:.5; margin-bottom:6px; width:30px !important; height:30px !important; }
.badge svg{ width:11px !important; height:11px !important; }
.why-link svg{ width:13px !important; height:13px !important; }
.restriction svg{ width:11px !important; height:11px !important; }
.section-title svg{ width:15px !important; height:15px !important; flex:0 0 auto; }
.err-msg svg, .card-row > .flex svg{ width:15px !important; height:15px !important; }
.icon-btn svg{ width:16px; height:16px; }
.login-logo svg{ width:26px; height:26px; }
.status-pill svg{ width:14px !important; height:14px !important; }
.empty .empty-title{ color:var(--text-1); font-weight:600; font-size:14px; }

/* Skeleton loading */
.skel{ background:linear-gradient(90deg, var(--surface-1) 25%, var(--surface-2) 37%, var(--surface-1) 63%); background-size:400% 100%; animation:skel-shine 1.4s ease infinite; border-radius:var(--r-sm); }
@keyframes skel-shine{ 0%{background-position:100% 0} 100%{background-position:-100% 0} }

/* Toast */
.toast-wrap{ position:fixed; bottom:24px; right:24px; display:flex; flex-direction:column; gap:8px; z-index:200; }
.toast{ background:var(--surface-3); border:1px solid var(--border-2); color:var(--text-1); padding:12px 16px; border-radius:var(--r-md); box-shadow:var(--shadow-2); font-size:13px; display:flex; align-items:center; gap:10px; animation:toast-in var(--dur-med) var(--ease); }
@keyframes toast-in{ from{ opacity:0; transform:translateY(8px);} to{ opacity:1; transform:translateY(0);} }

/* Drawer */
.drawer-backdrop{ position:fixed; inset:0; background:rgba(6,8,12,.55); backdrop-filter:blur(2px); z-index:100; animation:fade-in var(--dur-fast) var(--ease); }
@keyframes fade-in{ from{opacity:0} to{opacity:1} }
.drawer{ position:fixed; top:0; right:0; bottom:0; width:420px; max-width:92vw; background:var(--bg-1); border-left:1px solid var(--border-2); z-index:101; padding:var(--sp-6); overflow-y:auto; animation:drawer-in var(--dur-med) var(--ease); box-shadow:-16px 0 48px rgba(0,0,0,.4); }
@keyframes drawer-in{ from{ transform:translateX(24px); opacity:0;} to{ transform:translateX(0); opacity:1;} }
.drawer-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:var(--sp-5); }

/* Divider */
.hr{ height:1px; background:var(--border-hairline); border:none; margin:var(--sp-4) 0; }

/* Login */
.login-shell{ width:100%; min-height:100vh; display:flex; align-items:center; justify-content:center; background:radial-gradient(ellipse at 20% 0%, rgba(110,140,255,.10), transparent 55%), radial-gradient(ellipse at 90% 100%, rgba(51,214,143,.06), transparent 45%), var(--bg-0); padding:var(--sp-5); }
.login-card{ width:380px; max-width:100%; }
.login-logo{ display:flex; align-items:center; gap:10px; margin-bottom:var(--sp-7); }
.field{ margin-bottom:var(--sp-4); }
.field label{ display:block; font-size:12.5px; color:var(--text-2); margin-bottom:6px; font-weight:500; }
.field input{ width:100%; background:var(--surface-1); border:1px solid var(--border-1); color:var(--text-1); padding:10px 12px; border-radius:var(--r-md); font-size:13.5px; outline:none; transition:border-color var(--dur-fast); }
.field input:focus{ border-color:var(--brand); }
.login-demo{ display:flex; gap:8px; margin-top:var(--sp-5); }
.err-msg{ background:var(--neg-tint); border:1px solid rgba(255,107,107,.3); color:var(--neg); font-size:12.5px; padding:9px 12px; border-radius:var(--r-md); margin-bottom:var(--sp-4); }

/* 404 */
.notfound-shell{ width:100%; min-height:100vh; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:var(--sp-5); text-align:center; padding:var(--sp-5); }
.nf-code{ font-family:var(--f-mono); font-size:13px; color:var(--text-3); letter-spacing:.1em; }

/* Sector / peer bars */
.peer-row{ display:grid; grid-template-columns:120px 1fr 70px; align-items:center; gap:12px; padding:8px 0; }
.peer-bar-track{ height:8px; border-radius:99px; background:var(--surface-3); position:relative; overflow:visible; }
.peer-bar-fill{ position:absolute; top:0; bottom:0; border-radius:99px; }
.peer-bar-zero{ position:absolute; top:-3px; bottom:-3px; width:1px; background:var(--border-2); }

/* Explain drawer trigger */
.why-link{ display:inline-flex; align-items:center; gap:5px; font-size:12px; color:var(--brand); cursor:pointer; font-weight:600; }
.why-link:hover{ text-decoration:underline; }
.why-link.back-link{ color:var(--text-3); font-weight:500; }
.why-link.back-link:hover{ color:var(--text-1); }

/* Utility */
.flex{ display:flex; } .items-center{ align-items:center; } .justify-between{ justify-content:space-between; }
.gap-1{ gap:4px;} .gap-2{ gap:8px;} .gap-3{ gap:12px;} .gap-4{ gap:16px;}
.mt-1{margin-top:4px;} .mt-2{margin-top:8px;} .mt-3{margin-top:12px;} .mt-4{margin-top:16px;} .mt-5{margin-top:20px;} .mt-6{margin-top:24px;}
.mb-2{margin-bottom:8px;} .mb-3{margin-bottom:12px;} .mb-4{margin-bottom:16px;}
.text-2{ color:var(--text-2); } .text-3{ color:var(--text-3); }
.fs-11{ font-size:11px; } .fs-12{ font-size:12px; } .fs-13{ font-size:13px; }
.fw-600{ font-weight:600; } .fw-700{ font-weight:700; }
.w-full{ width:100%; }
.clickable{ cursor:pointer; }
.truncate{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.fade-in{ animation:page-in var(--dur-med) var(--ease); }
@keyframes page-in{ from{ opacity:0; transform:translateY(6px);} to{ opacity:1; transform:translateY(0);} }

.count-anim{ transition:color var(--dur-med) var(--ease); }
.flash-pos{ animation:flashpos 900ms var(--ease); }
.flash-neg{ animation:flashneg 900ms var(--ease); }
@keyframes flashpos{ 0%{ background:var(--pos-tint);} 100%{ background:transparent;} }
@keyframes flashneg{ 0%{ background:var(--neg-tint);} 100%{ background:transparent;} }

/* Responsive */
.mobile-nav-backdrop{ display:none; }
@media (max-width:980px){
  .mobile-nav-backdrop{ display:block; position:fixed; inset:0; background:rgba(6,8,12,.55); z-index:89; animation:fade-in var(--dur-fast) var(--ease); }
  .sidebar{ position:fixed; z-index:90; transform:translateX(-100%); transition:transform var(--dur-med) var(--ease); height:100vh; }
  .sidebar.mobile-open{ transform:translateX(0); box-shadow:var(--shadow-2); }
  .sidebar-foot{ display:none; }
  #mobileMenuBtn{ display:flex !important; }
  .topbar{ padding:0 var(--sp-3); gap:var(--sp-2); }
  .search-box{ width:auto; flex:1; min-width:0; }
  .search-box input{ min-width:0; }
  .status-pill{ padding:6px 8px; flex:0 0 auto; }
  .status-pill .status-text{ display:none; }
  .account-chip{ padding:4px; flex:0 0 auto; }
  .account-chip .acct-meta{ display:none; }
  .content{ padding:var(--sp-5); }
  .table.responsive-cards thead{ display:none; }
  .table.responsive-cards, .table.responsive-cards tbody, .table.responsive-cards tr, .table.responsive-cards td{ display:block; width:100%; }
  .table.responsive-cards tr{ border:1px solid var(--border-1); border-radius:var(--r-md); margin-bottom:10px; padding:6px 4px; }
  .table.responsive-cards td{ display:flex; justify-content:space-between; border-bottom:1px dashed var(--border-hairline); padding:8px 10px; }
  .table.responsive-cards td::before{ content:attr(data-label); color:var(--text-3); font-size:11px; }
}


/* ATLAS_UI_V14_SEARCH_STYLES */
.search-box{ position:relative; }
.search-results{
  display:none; position:absolute; left:0; top:calc(100% + 8px); width:440px; max-width:min(440px,calc(100vw - 32px));
  background:var(--surface-1); border:1px solid var(--border-2); border-radius:var(--r-md); padding:6px;
  box-shadow:0 18px 48px rgba(0,0,0,.34); z-index:80; color:var(--text-1);
}
.search-results.open{ display:block; }
.search-result{ display:grid; grid-template-columns:58px minmax(0,1fr) 22px; align-items:center; gap:10px; padding:9px 10px; border-radius:8px; cursor:pointer; }
.search-result:hover,.search-result.active{ background:var(--surface-2); }
.search-result-symbol{ font-family:'JetBrains Mono',monospace; font-size:12px; font-weight:700; color:var(--brand); }
.search-result-main{ min-width:0; }
.search-result-name{ font-size:12.5px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.search-result-meta{ font-size:10.5px; color:var(--text-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:2px; }
.search-result-go{ color:var(--text-3); display:flex; justify-content:flex-end; }
.search-empty{ padding:12px; font-size:12px; color:var(--text-3); }
.decision-score{ font-size:11px; color:var(--text-3); white-space:nowrap; }
.decision-score b{ color:var(--text-2); font-weight:600; }
.opening-state-pill{ display:inline-flex; padding:6px 10px; border-radius:var(--r-pill); background:var(--surface-2); border:1px solid var(--border-1); font-size:11px; color:var(--text-3); }
@media (max-width:720px){ .search-results{ width:100%; max-width:100%; } }


/* ATLAS_UI_V15_PORTFOLIO_EXIT_STYLES */
.portfolio-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap;}
.field-help{font-size:10.5px;color:var(--text-3);margin-top:6px;line-height:1.45;}
.sale-note{padding:10px 12px;border:1px solid rgba(240,178,61,.28);background:var(--warn-tint);border-radius:var(--r-md);font-size:11px;line-height:1.5;color:var(--text-2);}
.sale-confirm{display:flex;align-items:flex-start;gap:8px;font-size:11.5px;color:var(--text-2);line-height:1.45;cursor:pointer;}
.sale-confirm input{margin-top:2px;accent-color:var(--brand);}
@media (max-width:720px){.portfolio-actions{justify-content:flex-start;flex-wrap:wrap;}}


/* ATLAS_UI_V16_ADMIN_STYLES */
.admin-stat-value{font-family:'JetBrains Mono',monospace;font-size:22px;font-weight:600;margin-top:5px;color:var(--text-1)}
.admin-drawer{width:min(520px,calc(100vw - 24px))}
.admin-error{padding:10px 12px;border:1px solid rgba(255,107,107,.32);background:rgba(255,107,107,.08);border-radius:10px;color:var(--neg);font-size:12px;line-height:1.45}
.admin-inline-note{padding:10px 12px;border:1px solid var(--border-1);background:var(--surface-2);border-radius:10px;color:var(--text-3);font-size:11px;line-height:1.5}
.admin-session-count{min-width:34px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--brand-tint);color:var(--brand);font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700}
.admin-security-action{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}
.admin-drawer select{width:100%;background:var(--surface-1);border:1px solid var(--border-2);color:var(--text-1);border-radius:10px;padding:11px 12px;font:inherit;outline:none}
.admin-drawer select:focus{border-color:var(--brand)}
.admin-drawer select:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:900px){.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-security-action{align-items:flex-start;flex-direction:column}}


/* ATLAS_UI_V161_ADMIN_CREATE_STYLES */
.admin-username-status{min-height:18px;margin-top:6px;}
.admin-username-ok{color:var(--pos);}
.admin-username-bad{color:var(--neg);}
.admin-username-neutral{color:var(--text-3);}


/* ATLAS_UI_V17_PRODUCT_STYLES */
.opp-toolbar-top,.opp-controls,.research-controls,.portfolio-tabbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.view-switch{display:flex;gap:4px;padding:3px;border:1px solid var(--border-1);background:var(--surface-1);border-radius:10px;}
.opp-sort-wrap{position:relative;margin-left:auto;}
.opp-sort-button{border:0;background:transparent;color:var(--text-3);font:inherit;font-size:11px;cursor:pointer;padding:7px 9px;border-radius:8px;}
.opp-sort-button:hover{background:var(--surface-2);color:var(--text-2);}
.opp-sort-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:35;min-width:240px;padding:6px;background:var(--surface-1);border:1px solid var(--border-2);border-radius:10px;box-shadow:0 16px 42px rgba(0,0,0,.35);}
.opp-sort-menu button{display:block;width:100%;border:0;background:transparent;color:var(--text-2);text-align:left;padding:8px 10px;border-radius:7px;cursor:pointer;font-size:12px;}
.opp-sort-menu button:hover{background:var(--surface-2);}.opp-check{display:flex;gap:8px;align-items:center;padding:8px 10px;font-size:12px;color:var(--text-2);}
.more-row{display:flex;justify-content:center;margin-top:22px;}
.opportunity-table-wrap{overflow-x:auto;border:1px solid var(--border-1);border-radius:var(--r-md);background:var(--surface-1);}
.opportunity-table{min-width:1500px;}.opportunity-table th{white-space:nowrap;}.opportunity-table .opp-hgroup{text-align:center;border-left:1px solid var(--border-hairline);}.opportunity-table .selected{background:rgba(110,140,255,.08);color:var(--text-1);}
.sortable-th{cursor:pointer;user-select:none;}.sortable-th:hover{color:var(--brand);}
.allocation-row{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;font-size:12px;margin-bottom:8px;}.allocation-dot{width:8px;height:8px;border-radius:50%;}.allocation-pct{font-family:'JetBrains Mono',monospace;color:var(--text-2);}
.trade-window,.order-note{padding:9px 11px;border-radius:9px;font-size:11px;margin-bottom:12px;border:1px solid var(--border-1);color:var(--text-3);background:var(--surface-2);}.trade-window.ok{border-color:rgba(51,214,143,.22);color:var(--pos);}.trade-window.closed{border-color:rgba(240,178,61,.22);color:var(--warn);}
.portfolio-tabbar{margin-bottom:12px;}.portfolio-tabbar .tabs{margin-bottom:0;}.order-note{line-height:1.55;}
@media(max-width:760px){.opp-sort-wrap{width:100%;margin-left:0}.opp-sort-button{width:100%;text-align:left}.opp-sort-menu{left:0;right:auto;width:100%}.view-switch{width:100%}.view-switch button{flex:1}.research-controls{align-items:stretch}.portfolio-tabbar{align-items:stretch}}


/* ATLAS_UI_V171_ORDER_SELECT_STYLES */
.conditional-order-form .atlas-order-select{
  appearance:none;-webkit-appearance:none;width:100%;min-height:42px;padding:10px 38px 10px 12px;
  border:1px solid var(--border-2);border-radius:10px;background-color:var(--surface-1);color:var(--text-1);
  font-family:Inter,'Space Grotesk',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:13px;font-weight:500;line-height:1.35;
  color-scheme:dark;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,var(--text-3) 50%),linear-gradient(135deg,var(--text-3) 50%,transparent 50%);
  background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;
  transition:border-color .15s ease,background-color .15s ease;
}
.conditional-order-form .atlas-order-select:hover{border-color:var(--border-3);}
.conditional-order-form .atlas-order-select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(110,140,255,.12);}
.conditional-order-form .atlas-order-select:disabled{opacity:.5;cursor:not-allowed;}
.conditional-order-form .atlas-order-select option{background:#121722;color:#E7EAF0;font-family:Inter,'Space Grotesk',system-ui,sans-serif;}
.conditional-order-form .field-help{margin-top:6px;font-size:10.5px;line-height:1.35;color:var(--text-3);}


/* ATLAS_UI_V172_MARKET_CONTEXT_STYLES */
.dot.closed{
  background:var(--text-3);
  box-shadow:0 0 0 3px rgba(124,135,157,.12);
}
/* ATLAS_UI_V207_STATUS_SEMANTICS */
.status-pill.status-closed{color:var(--text-2);background:rgba(124,135,157,.08);border-color:rgba(124,135,157,.20);}
.status-pill.status-current{color:var(--text-2);background:var(--pos-tint);border-color:rgba(51,214,143,.22);}
.status-pill.status-pending{color:var(--text-2);background:var(--warn-tint);border-color:rgba(240,178,61,.24);}
.status-pill.status-error{color:var(--neg);background:var(--neg-tint);border-color:rgba(255,107,107,.24);}
.overview-market-badge{display:inline-flex;align-items:center;gap:3px;}
.opp-filter-controls{margin-top:16px;}
@media (max-width:720px){
  .opp-filter-controls{margin-top:14px;}
}


/* ATLAS_UI_V18_HISTORICAL_COMPARE_STYLES */
.stock-history-stack{display:flex;flex-direction:column;gap:22px;margin-top:32px;}
.history-compare-card,.history-heatmap-card{overflow:hidden;}
.history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px;}
.history-switch{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--border-hairline);border-radius:10px;background:var(--surface-2);flex-shrink:0;}
.history-switch button{border:0;background:transparent;color:var(--text-3);font:600 11.5px Inter,system-ui,sans-serif;padding:7px 12px;border-radius:7px;cursor:pointer;transition:.15s ease;}
.history-switch button:hover{color:var(--text-1);}
.history-switch button.active{background:var(--surface-3);color:var(--text-1);box-shadow:inset 0 0 0 1px var(--border-hairline);}
.history-basis{font-size:10.5px;color:var(--text-3);border:1px solid var(--border-hairline);background:var(--surface-2);border-radius:999px;padding:6px 9px;white-space:nowrap;}
.history-year-legend{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px;}
.history-year-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border-hairline);background:var(--surface-2);color:var(--text-2);border-radius:999px;padding:6px 9px;font:600 10.5px Inter,system-ui,sans-serif;cursor:pointer;transition:.15s ease;}
.history-year-chip span,.history-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:0 0 auto;}
.history-year-chip:hover{border-color:var(--border-2);color:var(--text-1);}
.history-year-chip.off{opacity:.38;text-decoration:line-through;}
.history-chart-wrap{width:100%;overflow:hidden;border:1px solid var(--border-hairline);background:linear-gradient(180deg,rgba(255,255,255,.012),transparent);border-radius:12px;padding:4px 6px 0;}
.history-chart{display:block;width:100%;height:auto;min-height:260px;}
.history-empty,.history-loading{min-height:120px;display:flex;flex-direction:column;justify-content:center;}
.history-summary-wrap{overflow-x:auto;margin-top:16px;border:1px solid var(--border-hairline);border-radius:10px;}
.history-summary{width:100%;border-collapse:collapse;min-width:650px;font-size:11.5px;}
.history-summary th{color:var(--text-3);font-weight:600;text-align:left;padding:9px 12px;background:var(--surface-2);border-bottom:1px solid var(--border-hairline);white-space:nowrap;}
.history-summary td{padding:9px 12px;border-bottom:1px solid var(--border-hairline);color:var(--text-2);white-space:nowrap;font-variant-numeric:tabular-nums;}
.history-summary tr:last-child td{border-bottom:0;}
.history-summary td:not(:first-child),.history-summary th:not(:first-child){text-align:right;}
.history-summary.period td:not(:first-child),.history-summary.period th:not(:first-child){text-align:right;}
.pos-text{color:var(--pos)!important}.neg-text{color:var(--neg)!important}
.history-partial-label{margin-left:5px;color:var(--text-3);font-size:9.5px;font-weight:500;}
.history-period-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin-bottom:14px;}
.history-period-box{border:1px solid var(--border-hairline);background:var(--surface-2);border-radius:10px;padding:10px 11px;}
.history-period-title{display:flex;align-items:center;gap:7px;color:var(--text-2);font-size:11px;font-weight:600;margin-bottom:8px;}
.history-date-pair{display:flex;align-items:center;gap:7px;}
.history-date-pair span{color:var(--text-3);font-size:11px;}
.history-date-pair input{width:100%;min-width:0;border:1px solid var(--border-2);border-radius:8px;background:var(--surface-1);color:var(--text-1);padding:8px 9px;font:500 11px 'JetBrains Mono',monospace;color-scheme:dark;outline:none;}
.history-date-pair input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(110,140,255,.10);}
.history-compare-btn{height:38px;white-space:nowrap;}
.heatmap-scroll{overflow-x:auto;padding-bottom:3px;}
.heatmap-grid{display:grid;grid-template-columns:58px repeat(12,minmax(68px,1fr));gap:5px;min-width:920px;}
.heat-head{font-size:10px;color:var(--text-3);text-align:center;padding:4px 3px 6px;font-weight:600;}
.heat-head.year{text-align:left;padding-left:8px;}
.heat-year{display:flex;align-items:center;padding-left:8px;color:var(--text-2);font:600 10.5px 'JetBrains Mono',monospace;}
.heat-cell{display:flex;align-items:center;justify-content:center;min-height:38px;border:1px solid rgba(255,255,255,.035);border-radius:7px;color:#F4F6FA;font:600 10.5px 'JetBrains Mono',monospace;font-variant-numeric:tabular-nums;cursor:default;position:relative;transition:transform .12s ease,border-color .12s ease;}
.heat-cell:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.22);z-index:2;}
.heat-cell.empty{background:var(--surface-2);color:var(--text-3);opacity:.55;}
.heat-cell.partial{outline:1px dashed rgba(255,255,255,.20);outline-offset:-3px;}
.heat-cell sup{font-size:9px;margin-left:2px;top:-.25em;position:relative;}
.heatmap-foot{display:flex;align-items:center;justify-content:flex-end;gap:13px;flex-wrap:wrap;margin-top:12px;font-size:10px;color:var(--text-3);}
.heatmap-foot>span{display:inline-flex;align-items:center;gap:5px;}
.heat-legend{display:inline-block;width:15px;height:7px;border-radius:3px;}.heat-legend.neg{background:rgba(255,107,107,.65)}.heat-legend.neutral{background:var(--surface-3)}.heat-legend.pos{background:rgba(51,214,143,.65)}
@media(max-width:900px){.history-period-controls{grid-template-columns:1fr;}.history-compare-btn{width:100%;}.history-head{flex-direction:column;align-items:stretch}.history-switch{align-self:flex-start}.history-chart{min-height:220px}.stock-history-stack{margin-top:24px;}}
@media(max-width:600px){.history-date-pair{flex-direction:column;align-items:stretch}.history-date-pair span{text-align:center}.history-year-chip{padding:5px 8px}.history-chart-wrap{margin-left:-2px;margin-right:-2px}.history-summary{min-width:590px}}


/* ATLAS_UI_V19_UNIVERSAL_AUTHORITY_STYLES */
.universal-authority-bar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin:14px 0 12px;padding:11px 14px;border:1px solid rgba(110,140,255,.20);
  border-radius:12px;background:rgba(110,140,255,.055);
}
.universal-authority-bar>div{display:flex;align-items:center;gap:10px;min-width:0}
.universal-authority-label{
  display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border-radius:999px;
  background:rgba(110,140,255,.14);border:1px solid rgba(110,140,255,.25);
  color:var(--brand);font-size:11px;font-weight:700;letter-spacing:.03em;white-space:nowrap;
}
.universal-horizon-select{
  appearance:none;-webkit-appearance:none;min-width:135px;height:34px;padding:0 34px 0 11px;
  border:1px solid var(--border-2);border-radius:9px;background-color:var(--surface-2);color:var(--text-1);
  font:600 12px Inter,'Space Grotesk',system-ui,sans-serif;color-scheme:dark;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,var(--text-3) 50%),linear-gradient(135deg,var(--text-3) 50%,transparent 50%);
  background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;
}
.universal-horizon-select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(110,140,255,.10)}
.universal-horizon-select option{background:#121722;color:#E7EAF0}
@media(max-width:720px){
  .universal-authority-bar{align-items:flex-start;flex-direction:column}
  .universal-horizon-select{width:100%}
}

/* ATLAS_UI_V20_PREDICTIVE_UNIVERSAL_STYLES */
.universal-authority-bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}

/* ATLAS_UI_V203_PRODUCT_CONSISTENCY_STYLES */
.password-field-v203{position:relative}.password-field-v203 input{padding-right:44px!important}
.password-eye-v203{position:absolute;right:7px;bottom:6px;width:34px;height:34px;border:0;background:transparent;color:var(--text-3);display:grid;place-items:center;cursor:pointer;border-radius:8px}
.password-eye-v203:hover{background:var(--surface-2);color:var(--text-1)}.password-eye-v203 svg{width:17px;height:17px}
.cash-actions-v203{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.cash-actions-v203 .btn{min-height:32px;font-size:11px}
@media(max-width:720px){.cash-actions-v203{flex-direction:column}}


/* ATLAS_UI_V204_POLISH */
.password-field-v203{position:relative}
.password-field-v203 input{padding-right:46px!important}
.password-eye-v203{position:absolute;right:8px;bottom:5px;width:34px;height:34px;border:0;background:transparent;color:var(--text-3);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px;padding:0;line-height:0}
.password-eye-v203:hover{background:var(--surface-2);color:var(--text-1)}
.password-eye-v203:focus-visible{outline:2px solid var(--brand);outline-offset:1px}
.password-eye-v203 svg{width:18px;height:18px;display:block}
.remember-login{display:flex;align-items:center;gap:8px;margin:-2px 0 16px;color:var(--text-2);font-size:12.5px;cursor:pointer;user-select:none}
.remember-login input{width:15px;height:15px;accent-color:var(--brand);margin:0}
.remember-login-hint{margin-left:auto;color:var(--text-3);font-size:11px}
.research-filter-stack{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border:1px solid var(--border-hairline);border-radius:var(--r-lg);background:var(--surface-1)}
.research-filter-row,.research-sort-row{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}
.research-filter-label{width:92px;flex:0 0 92px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-weight:600}
.research-chip-wrap{flex:1;flex-wrap:wrap;justify-content:flex-start}
.research-sort-row{border-top:1px solid var(--border-hairline);padding-top:10px}
@media(max-width:760px){.research-filter-row{align-items:flex-start}.research-filter-label{width:100%;flex-basis:100%}.research-chip-wrap{width:100%}.research-sort-row .opp-sort-wrap{width:100%}}


/* ATLAS_UI_V205_POLISH */
.password-field-v203{position:relative}
.password-field-v203 input{padding-right:46px!important}
.password-eye-v203{position:absolute!important;right:12px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:28px!important;height:28px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;border-radius:0!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:0!important;color:var(--text-2)!important}
.password-eye-v203:hover{background:transparent!important;color:var(--text-1)!important}
.password-eye-v203:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:5px!important}
.password-eye-v203 svg{display:block;width:18px;height:18px}
.remember-login-hint{display:none!important}
.atlas-check{position:relative;display:flex;align-items:center;gap:9px;cursor:pointer;user-select:none}
.atlas-check input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;margin:0!important}
.atlas-check-box{width:16px;height:16px;flex:0 0 16px;border:1px solid var(--border-3);border-radius:5px;background:var(--surface-2);display:grid;place-items:center;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}
.atlas-check-box::after{content:'';width:7px;height:4px;border-left:1.7px solid #fff;border-bottom:1.7px solid #fff;transform:rotate(-45deg) translate(1px,-1px);opacity:0}
.atlas-check input:checked + .atlas-check-box{background:var(--brand);border-color:var(--brand)}
.atlas-check input:checked + .atlas-check-box::after{opacity:1}
.atlas-check:hover .atlas-check-box{border-color:var(--brand)}
.atlas-check input:focus-visible + .atlas-check-box{box-shadow:0 0 0 3px rgba(110,140,255,.16)}
.opp-check.atlas-check{padding:8px 10px}
.market-tabs-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.sector-horizon-tabs,.order-amount-switch{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--border-2);background:var(--surface-1);border-radius:var(--r-md)}
.sector-horizon-tabs button,.order-amount-switch button{border:0;background:transparent;color:var(--text-3);padding:7px 10px;border-radius:8px;font:600 11px/1 Inter,system-ui;cursor:pointer;white-space:nowrap}
.sector-horizon-tabs button:hover,.order-amount-switch button:hover{color:var(--text-1)}
.sector-horizon-tabs button.active,.order-amount-switch button.active{background:var(--surface-3);color:var(--text-1)}
.order-amount-switch{margin-bottom:8px;width:max-content}
.order-symbol-search input{width:100%}
.research-live-empty{min-height:280px;border:1px dashed var(--border-2);border-radius:var(--r-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px;color:var(--text-2);background:rgba(18,23,34,.35)}
.research-live-empty .empty-title{font-size:16px;font-weight:650;color:var(--text-1);margin-bottom:7px}
.research-live-empty p{max-width:560px;margin:0 0 8px;line-height:1.55}
.research-live-empty span{font-size:11px;color:var(--text-3)}
@media(max-width:900px){.market-tabs-row{align-items:stretch}.sector-horizon-tabs{overflow-x:auto;max-width:100%}}


/* ATLAS_UI_V206_CONSISTENCY_AND_SEMANTICS_STYLES */
.password-input-wrap-v206{position:relative;width:100%;display:block}
.password-input-wrap-v206 input{width:100%;padding-right:46px!important}
.password-input-wrap-v206 .password-eye-v203{position:absolute!important;right:12px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:24px!important;height:24px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:0!important}
.password-input-wrap-v206 .password-eye-v203:hover{background:transparent!important}
.stock-decision-empty{min-height:145px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--text-2)}
.stock-decision-empty .empty-title{font-size:16px;font-weight:650;color:var(--text-1);margin-bottom:7px}
.stock-decision-empty p{max-width:650px;margin:0 0 7px;line-height:1.55}
.stock-decision-empty span{font-size:11px;color:var(--text-3)}

/* ATLAS_UI_V2061_PROGRESSIVE_BOOTSTRAP */
.atlas-bg-load{height:38px;display:flex;align-items:center;justify-content:center;gap:10px;border-bottom:1px solid var(--border);background:rgba(110,140,255,.055);color:var(--text-3);font-size:11.5px;letter-spacing:.01em}
.atlas-bg-load.error{background:rgba(255,107,107,.045);color:var(--text-2)}
/* ATLAS_UI_V207_REAL_PROGRESS_RING */
.atlas-bg-load-spin{--atlas-progress:0;position:relative;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:conic-gradient(var(--brand) calc(var(--atlas-progress)*1%),var(--border-2) 0);box-shadow:0 0 0 1px rgba(110,140,255,.08)}
.atlas-bg-load-spin::before{content:'';position:absolute;inset:3px;border-radius:50%;background:var(--bg-1)}
.atlas-bg-load-spin::after{content:'';position:absolute;inset:-2px;border-radius:50%;border:1px solid transparent;border-top-color:rgba(156,140,255,.72);animation:atlas-spin .8s linear infinite}
.atlas-bg-load-spin>span{position:relative;z-index:1;font-size:7px;line-height:1;font-weight:700;color:var(--text-2);letter-spacing:-.02em;font-variant-numeric:tabular-nums}

/* ATLAS_UI_V207_PROFILE_SOON */
.profile-soon-shell{min-height:calc(100vh - 160px);display:flex;align-items:center;justify-content:center;padding:24px}
.profile-soon-card{width:min(720px,100%);padding:34px;text-align:left}
.profile-soon-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;margin-bottom:22px;background:rgba(110,140,255,.10);border:1px solid rgba(110,140,255,.20);color:var(--brand)}
.profile-soon-icon svg{width:22px;height:22px}
.profile-soon-copy{max-width:590px;margin:10px 0 24px;color:var(--text-2);font-size:13.5px;line-height:1.65}
.profile-soon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 24px}
.profile-soon-grid>div{padding:14px 15px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border-1)}
.profile-soon-grid span{display:block;color:var(--text-3);font-size:10.5px;margin-bottom:6px}
.profile-soon-grid b{font-size:12px;color:var(--text-2);font-weight:600}
@media(max-width:700px){.profile-soon-grid{grid-template-columns:1fr}.profile-soon-card{padding:24px}}


/* ATLAS_UI_V2076_POSITION_PNL_AMOUNT */
.position-pnl-cell{display:inline-flex;flex-direction:column;align-items:flex-end;gap:3px;}
.position-pnl-amount{font-size:11px;font-weight:600;line-height:1.2;white-space:nowrap;font-family:var(--mono,"JetBrains Mono",monospace);}
.position-pnl-amount.pos{color:var(--pos);}
.position-pnl-amount.neg{color:var(--neg);}
.position-pnl-amount.flat{color:var(--text-3);}
@media(max-width:760px){.position-pnl-cell{align-items:flex-start;}}


/* ATLAS_UI_V2077_AGENT_NEWS_SORT_STYLES */

/* V2077 Opportunities sticky Excel-like table */
.opportunity-table-wrap{position:relative;overflow:auto;max-height:calc(100vh - 250px);border-radius:var(--r-lg)}
.opportunity-table thead{position:sticky;top:0;z-index:12;background:var(--surface-1)}
.opportunity-table thead tr:first-child th{position:sticky;top:0;z-index:13;background:var(--surface-1)}
.opportunity-table thead tr:nth-child(2) th{position:sticky;top:38px;z-index:13;background:var(--surface-1)}
.opp-sortable-head{cursor:pointer;user-select:none;transition:color .15s,background .15s}.opp-sortable-head:hover{color:var(--text-1);background:rgba(110,140,255,.07)}.opp-sortable-head.active-sort{color:var(--brand)}.opp-sort-arrow{font-family:"JetBrains Mono",monospace}
/* V2077 Stock news */
.stock-news-card{margin-top:16px;margin-bottom:16px}.stock-news-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.stock-news-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.stock-news-item{display:block;padding:14px;border:1px solid var(--border-hairline);border-radius:var(--r-md);background:var(--surface-2);text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}.stock-news-item:hover{border-color:rgba(110,140,255,.45);transform:translateY(-1px)}.stock-news-meta{font-size:10px;color:var(--text-3);margin-bottom:7px}.stock-news-title{font-size:13px;font-weight:650;line-height:1.4;color:var(--text-1)}.stock-news-desc{font-size:11px;color:var(--text-2);line-height:1.45;margin-top:7px}.stock-news-link{font-size:11px;color:var(--brand);margin-top:10px}.news-empty{padding:22px 0 4px;color:var(--text-3);font-size:12px}
/* V2077 Assistant */
#assistantRoot{position:relative;z-index:80}.atlas-assistant-fab{position:fixed;right:22px;bottom:22px;width:54px;height:54px;border-radius:18px;border:1px solid rgba(110,140,255,.4);background:linear-gradient(145deg,#151c2d,#101521);box-shadow:0 18px 48px rgba(0,0,0,.38);display:grid;place-items:center;cursor:pointer;z-index:82}.atlas-assistant-fab:hover{transform:translateY(-1px);border-color:var(--brand)}.atlas-assistant-panel{position:fixed;right:22px;bottom:86px;width:min(390px,calc(100vw - 28px));height:min(620px,calc(100vh - 120px));display:flex;flex-direction:column;background:var(--surface-1);border:1px solid var(--border-2);border-radius:18px;box-shadow:0 28px 70px rgba(0,0,0,.5);overflow:hidden;z-index:81}.atlas-assistant-head{padding:14px 15px;border-bottom:1px solid var(--border-hairline);display:flex;justify-content:space-between;align-items:center}.atlas-assistant-brand{display:flex;align-items:center;gap:10px}.atlas-assistant-brand div{display:flex;flex-direction:column}.atlas-assistant-brand b{font-size:13px}.atlas-assistant-brand span{font-size:10px;color:var(--text-3);margin-top:2px}.atlas-assistant-messages{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.assistant-msg{max-width:88%;padding:10px 12px;border-radius:13px;font-size:12px;line-height:1.5}.assistant-msg.user{align-self:flex-end;background:var(--brand);color:#08101f}.assistant-msg.assistant{align-self:flex-start;background:var(--surface-2);border:1px solid var(--border-hairline);color:var(--text-1)}.assistant-welcome{display:flex;flex-direction:column;gap:6px;color:var(--text-2);font-size:12px}.assistant-welcome b{font-size:15px;color:var(--text-1)}.assistant-quick{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.assistant-quick button,.assistant-operator button{border:1px solid var(--border-2);background:var(--surface-2);color:var(--text-2);border-radius:999px;padding:7px 10px;font:600 10px Inter;cursor:pointer}.assistant-quick button:hover{border-color:var(--brand);color:var(--text-1)}.assistant-operator{padding:9px 14px;border-top:1px solid var(--border-hairline)}.assistant-operator button{width:100%;border-color:rgba(51,214,143,.28);color:var(--pos);background:rgba(51,214,143,.06)}.assistant-form{display:flex;gap:8px;padding:10px 12px 12px;border-top:1px solid var(--border-hairline)}.assistant-form textarea{resize:none;flex:1;min-height:40px;max-height:90px;border:1px solid var(--border-2);border-radius:11px;background:var(--surface-1);color:var(--text-1);padding:10px 11px;font:12px Inter}.assistant-form button{border:0;border-radius:11px;background:var(--brand);padding:0 14px;font-weight:700;cursor:pointer}.assistant-typing{font-size:11px;color:var(--text-3)}.assistant-error{font-size:11px;color:var(--neg)}
@media(max-width:760px){.stock-news-list{grid-template-columns:1fr}.atlas-assistant-panel{right:7px;bottom:74px;width:calc(100vw - 14px);height:min(72vh,650px);border-radius:16px}.atlas-assistant-fab{right:14px;bottom:14px}.opportunity-table-wrap{max-height:calc(100vh - 190px)}}

/* ATLAS_UI_V2077_R1_ORDER_MAX */
.order-max-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.order-max-btn{height:42px;white-space:nowrap}
.conditional-order-form input[readonly]{background:var(--bg-2);color:var(--text-2);cursor:not-allowed}
.news-empty.news-error{border-color:rgba(255,107,107,.25);color:var(--text-2)}


/* ATLAS_UI_V2078 */
.decision-with-info{display:flex;align-items:center;gap:8px}.decision-info-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--border-hairline);border-radius:999px;background:transparent;color:var(--text-3);cursor:pointer}.decision-info-icon:hover{color:var(--primary);border-color:rgba(110,140,255,.45);background:rgba(110,140,255,.08)}
.pnl-summary-card{transition:border-color .18s,transform .18s}.pnl-summary-card:hover{border-color:rgba(110,140,255,.45);transform:translateY(-1px)}
.drawer-wide{width:min(980px,calc(100vw - 32px))}.sell-decision-support{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin-top:10px;padding:10px;border:1px solid var(--border-hairline);border-radius:10px;background:rgba(255,255,255,.018);font-size:11px;color:var(--text-3)}.sell-decision-support b{color:var(--text-1);font-weight:600}.link-button{background:none;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit}.decision-target{font-size:18px;font-weight:650}.decision-step.action-step{border-color:rgba(110,140,255,.25);background:rgba(110,140,255,.04)}
.decision-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.decision-detail-grid>div{padding:12px;border:1px solid var(--border-hairline);border-radius:10px}.decision-detail-grid span:first-child{display:block;color:var(--text-3);font-size:11px;margin-bottom:6px}.danger-zone,.danger-card{border:1px solid rgba(255,107,107,.25)!important;background:rgba(255,107,107,.035)!important;padding:14px;border-radius:12px}.research-view-toolbar{margin-bottom:12px}.research-table thead th{position:sticky;top:0;background:var(--surface-1);z-index:2}
@media(max-width:760px){.drawer-wide{width:100%}.sell-decision-support,.decision-detail-grid{grid-template-columns:1fr}.decision-flow{grid-template-columns:1fr}.decision-arrow{transform:rotate(90deg)}}

/* ATLAS_UI_V2079_FINANCIAL_UX_STANDARD */
.transaction-summary{margin:10px 0 12px;border:1px solid rgba(110,140,255,.18);background:rgba(110,140,255,.045);border-radius:12px;padding:10px 12px;display:grid;gap:7px}
.transaction-summary-row{display:flex;justify-content:space-between;gap:18px;align-items:baseline;font-size:11px;color:var(--text-3)}
.transaction-summary-row b{font-size:12px;color:var(--text-1);font-weight:650;text-align:right;font-variant-numeric:tabular-nums}
.transaction-summary-row b.pos{color:var(--pos)}.transaction-summary-row b.neg{color:var(--neg)}
@media(max-width:720px){.transaction-summary-row{gap:10px}.transaction-summary-row b{font-size:11.5px}}


/* ATLAS_UI_V208_PHASE_B_RESTRICTIONS */
.restriction-clickable{cursor:pointer;transition:filter 120ms ease,border-color 120ms ease;}
.restriction-clickable:hover{filter:brightness(1.12);border-color:rgba(255,107,107,.55);}
.restriction-warning{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:12px 13px;border:1px solid rgba(240,178,61,.32);background:rgba(240,178,61,.08);border-radius:var(--r-md);}
.restriction-warning>div{display:flex;flex-direction:column;gap:4px;min-width:0;}
.restriction-warning b{font-size:12px;color:var(--warn);display:flex;align-items:center;gap:6px;}
.restriction-warning b svg{width:13px;height:13px;}
.restriction-warning span{font-size:11px;color:var(--text-2);line-height:1.45;}
.restriction-separation-note{padding:12px 13px;border-radius:var(--r-md);border:1px solid var(--border-hairline);background:var(--surface-2);font-size:12px;line-height:1.5;color:var(--text-2);}
.restriction-detail-card{padding:14px;border-radius:var(--r-md);border:1px solid rgba(255,107,107,.25);background:rgba(255,107,107,.055);}
.restriction-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;}
.restriction-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.restriction-detail-grid span{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--text-3);}
.restriction-detail-grid b{font-size:12px;color:var(--text-1);font-weight:600;}

/* ATLAS_UI_V208_PHASE_B_R3_RESTRICTION_UX_CLEANUP */
.restriction-compact{white-space:nowrap;max-width:none;padding:6px 10px;font-size:11px;letter-spacing:.01em}
.restriction-block-icon{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;margin-left:6px;border-radius:50%;color:var(--neg);background:rgba(255,107,107,.10);border:1px solid rgba(255,107,107,.30);vertical-align:middle;cursor:pointer;transition:background 120ms ease,border-color 120ms ease,transform 120ms ease}
.restriction-block-icon:hover{background:rgba(255,107,107,.18);border-color:rgba(255,107,107,.55);transform:translateY(-1px)}
.research-symbol-inline{display:inline-flex;align-items:center;gap:2px}
.symbol .name{display:flex;align-items:center;flex-wrap:wrap}


/* ATLAS_UI_V208_ORDERS_NAV_VADE_TIME_R1 */
.rec.TRIGGERED{background:var(--warn-tint);color:var(--warn);border-color:rgba(240,178,61,.35)}.rec.TRIGGERED .rdot{background:var(--warn)}
.rec.REJECTED{background:var(--neg-tint);color:var(--neg);border-color:rgba(255,107,107,.35)}.rec.REJECTED .rdot{background:var(--neg)}
.rec.CANCELLED,.rec.EXPIRED{background:var(--neutral-tint);color:var(--text-3);border-color:var(--border-2)}.rec.CANCELLED .rdot,.rec.EXPIRED .rdot{background:var(--text-3)}
.sidebar.collapsed .brand-mark{justify-content:center;padding-left:0;padding-right:0;}
.sidebar.collapsed .nav-item{justify-content:center;gap:0;padding-left:0;padding-right:0;}
.sidebar.collapsed .nav-item.active::before{left:-8px;}
.sidebar.collapsed .collapse-btn{width:100%;padding-left:0;padding-right:0;}

.orders-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px;}
.order-filter-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.orders-page-card{padding-top:16px;}
.orders-table .order-time{display:flex;flex-direction:column;gap:2px;white-space:nowrap;}
.order-time span{font-size:10.5px;color:var(--text-3);}
.order-time b{font:600 11.5px 'JetBrains Mono',monospace;color:var(--text-2);}
.order-time.pos b{color:var(--pos);}
.order-time.warn b{color:var(--warn);}
.order-time.neg b{color:var(--neg);}
.order-time.muted b{color:var(--text-3);}
.compact-empty{min-height:150px;}
.orders-summary .metric-value.warn{color:var(--warn);}
.orders-table td[data-label="İşlem"] .portfolio-actions:empty{display:none;}

.horizon-chart-card{overflow:hidden;}
.horizon-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 10px;}
.horizon-summary>div{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--r-md);padding:9px 11px;display:flex;align-items:center;justify-content:space-between;gap:8px;}
.horizon-summary span{font-size:10.5px;color:var(--text-3);}
.horizon-summary b{font-size:12px;font-family:'JetBrains Mono',monospace;}
.horizon-kv{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px;font-size:10.5px;}
.horizon-kv span{color:var(--text-3);}
.horizon-kv b{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--text-2);}
.horizon-bars{display:block;max-height:230px;}

@media(max-width:980px){
  .sidebar.collapsed{width:232px;flex:0 0 232px;padding:var(--sp-5) var(--sp-3);}
  .sidebar.collapsed .brand-mark{justify-content:flex-start;padding:0 var(--sp-2) var(--sp-6);}
  .sidebar.collapsed .brand-mark .word,.sidebar.collapsed .nav-label{display:inline;}
  .sidebar.collapsed .nav-item{justify-content:flex-start;gap:12px;padding:9px 12px;}
}
@media(max-width:760px){
  .orders-toolbar{align-items:stretch;}
  .order-filter-tabs{width:100%;}
  .order-filter-tabs .btn{flex:1;min-width:0;}
  .orders-toolbar>.portfolio-actions{width:100%;justify-content:flex-start;}
  .orders-table .order-time{align-items:flex-end;text-align:right;}
  .horizon-summary{grid-template-columns:1fr;}
  .horizon-cards{grid-template-columns:1fr 1fr!important;}
}
@media(max-width:520px){
  .horizon-cards{grid-template-columns:1fr!important;}
}

/* ATLAS_UI_V208_PRICE_CHART_ANNOTATION_RAIL_R1 */
.price-target-chart-wrap{width:100%;min-width:0}
.price-target-svg{display:block;width:100%;height:auto}
.price-target-mobile,.price-target-mobile-legend{display:none}
.price-target-mobile-legend{margin-top:10px;border-top:1px solid var(--border);padding-top:8px}
.price-target-legend-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 0;font-size:11px}
.price-target-dot{width:7px;height:7px;border-radius:50%;display:block}
.price-target-legend-label{color:var(--text-3)}
.price-target-legend-value{font-family:"JetBrains Mono",monospace;font-weight:700;font-variant-numeric:tabular-nums}
@media (max-width:720px){
  .price-target-desktop{display:none}
  .price-target-mobile{display:block}
  .price-target-mobile-legend{display:block}
}

/* ATLAS_UI_V208_WATCHLIST_ACTIONS_R1 */
.watch-action{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.watch-action.active{color:var(--warn)!important}
.watch-col{width:46px;text-align:center}
.stock-detail-watch-action{margin-left:2px}


/* ATLAS_STYLE_V208_UI_PREFERENCES_VIRTUAL_BUY_R2 */
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="light"]{
  color-scheme:light;
  --bg-0:#F5F7FA;--bg-1:#FFFFFF;--surface-1:#FFFFFF;--surface-2:#F0F3F7;--surface-3:#E8EDF5;
  --border-1:#DDE2EA;--border-2:#C8D0DC;--border-hairline:rgba(22,26,35,.08);
  --text-1:#161A23;--text-2:#475467;--text-3:#667085;--text-inverse:#FFFFFF;
  --brand:#526FE8;--brand-dim:#4059BC;--brand-tint:rgba(82,111,232,.10);--brand-2:#7659D6;
  --pos:#18794E;--pos-tint:rgba(24,121,78,.10);--pos-strong:#11643F;
  --neg:#C23B3B;--neg-tint:rgba(194,59,59,.09);--neg-strong:#A52F2F;
  --warn:#A66A00;--warn-tint:rgba(166,106,0,.09);--info:#526FE8;--info-tint:rgba(82,111,232,.10);--neutral-tint:rgba(71,84,103,.08);
  --shadow-1:0 1px 3px rgba(16,24,40,.08);--shadow-2:0 10px 30px rgba(16,24,40,.12);
}
.atlas-ui-prefs{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.atlas-list-pref{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--border-1);border-radius:10px;background:var(--surface-1)}
.atlas-list-pref button{display:flex;align-items:center;gap:5px;height:28px;padding:0 8px;border:0;border-radius:7px;background:transparent;color:var(--text-3);font:inherit;font-size:11.5px;cursor:pointer}
.atlas-list-pref button.active{background:var(--surface-3);color:var(--text-1)} .atlas-list-pref button b{font-weight:600}
.atlas-theme-pref{display:flex;align-items:center;gap:5px;height:34px;padding:0 8px;border:1px solid var(--border-1);border-radius:10px;background:var(--surface-1);color:var(--text-2)}
.atlas-theme-pref select{max-width:70px;border:0;outline:0;background:transparent;color:var(--text-2);font:inherit;font-size:11.5px;cursor:pointer}
.atlas-theme-pref option{background:var(--bg-1);color:var(--text-1)}
.atlas-market-card-grid{align-items:stretch}.atlas-market-card{min-width:0}.atlas-market-card-metrics{gap:12px}.market-card-watch{flex:0 0 auto}
html[data-theme="light"] body{background:var(--bg-0);color:var(--text-1)}
html[data-theme="light"] .topbar{background:linear-gradient(180deg,var(--bg-1),rgba(245,247,250,.92))}
html[data-theme="light"] .sidebar{background:var(--bg-1)}
html[data-theme="light"] .drawer-backdrop{background:rgba(16,24,40,.28)}
html[data-theme="light"] .drawer{box-shadow:-16px 0 48px rgba(16,24,40,.15)}
html[data-theme="light"] ::-webkit-scrollbar-thumb{border-color:var(--bg-0)}
@media(max-width:1180px){.atlas-list-pref button b{display:none}.atlas-list-pref button{padding:0 7px}.atlas-theme-pref select{max-width:57px}}
@media(max-width:760px){.atlas-ui-prefs{gap:4px}.atlas-theme-pref{padding:0 6px}.atlas-list-pref{padding:2px}.atlas-list-pref button{height:27px;padding:0 6px}}

/* ATLAS_MOBILE_UX_R1_CLEAN_BEGIN */

@media (max-width: 768px) {
  html,body{max-width:100%;overflow-x:hidden}
  body{padding-bottom:env(safe-area-inset-bottom,0px)}
  .main-col,.content,.card,.page-head{min-width:0}
  .content{padding-left:16px!important;padding-right:16px!important}

  /* TOPBAR */
  .topbar{
    gap:6px!important;
    padding-left:max(10px,env(safe-area-inset-left,0px))!important;
    padding-right:max(10px,env(safe-area-inset-right,0px))!important
  }
  #mobileMenuBtn{display:flex!important;flex:0 0 auto}
  .search-box{width:40px!important;min-width:40px!important;flex:0 0 40px!important;padding:7px 9px!important}
  .search-box input{display:none!important}
  .search-box:focus-within{
    position:absolute!important;left:56px!important;right:10px!important;width:auto!important;
    z-index:80!important;background:var(--surface-1)!important
  }
  .search-box:focus-within input{display:block!important}
  .topbar-spacer{display:none!important}
  .status-pill{width:34px!important;min-width:34px!important;flex:0 0 34px!important;padding:0!important;justify-content:center!important}
  .status-pill .status-text{display:none!important}
  .atlas-ui-prefs{margin-left:auto!important;gap:4px!important}
  .atlas-list-pref button{width:30px!important;padding:0!important;justify-content:center!important}
  .atlas-list-pref button b{display:none!important}
  .atlas-theme-pref{padding:0 6px!important;max-width:80px!important}
  .atlas-theme-pref>span{display:none!important}
  .atlas-theme-pref select{max-width:58px!important}
  .account-chip{padding:4px!important;min-width:36px!important;flex:0 0 auto}
  .account-chip .acct-meta{display:none!important}

  /* GENERIC PAGE HEADER */
  .page-head{align-items:flex-start!important;gap:12px!important;flex-wrap:wrap!important}
  .page-head>div:first-child{min-width:0;flex:1 1 100%}
  .page-title{min-width:0;overflow-wrap:anywhere}
  .page-title .text-3{display:block!important;margin-top:4px!important;line-height:1.35!important}
  .page-sub{line-height:1.5!important}

  /* STOCK DETAIL HEADER ACTIONS */
  .page-head>div:last-child.flex{
    width:100%!important;display:grid!important;
    grid-template-columns:auto auto minmax(0,1fr) minmax(0,1.25fr)!important;
    gap:8px!important;align-items:center!important
  }
  .page-head>div:last-child.flex>.stock-detail-watch-action{justify-self:end}
  .page-head>div:last-child.flex>.btn{
    width:100%!important;min-width:0!important;min-height:38px!important;height:auto!important;
    padding:8px 9px!important;white-space:normal!important;line-height:1.15!important
  }
  .page-head .flex.items-center.gap-2.mt-1{flex-wrap:wrap!important;gap:5px 8px!important}
  .page-head .flex.items-center.gap-2.mt-1 .fs-11{flex-basis:100%!important;white-space:normal!important}

  /* SCROLLABLE TABS */
  .tabs{
    display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;
    max-width:100%!important;justify-content:flex-start!important;
    scrollbar-width:none;-webkit-overflow-scrolling:touch
  }
  .tabs::-webkit-scrollbar{display:none}
  .tabs .tab{flex:0 0 auto!important;white-space:nowrap!important;padding-left:14px!important;padding-right:14px!important}
  .portfolio-tabbar{max-width:100%;overflow:hidden}
  .portfolio-tabbar .tabs{width:100%}

  /* PORTFOLIO KPI */
  .grid.cols-4.mb-4{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .grid.cols-4.mb-4>.card{padding:15px!important}
  .grid.cols-4.mb-4>.card:first-child{grid-column:1/-1}
  .grid.cols-4.mb-4 .money.lg{font-size:21px!important;overflow-wrap:anywhere}

  /* TABLES / ACTIONS */
  .table.responsive-cards tr{min-width:0!important}
  .table.responsive-cards td{min-width:0!important;overflow-wrap:anywhere}
  .portfolio-actions{flex-wrap:wrap!important}
  .portfolio-actions .btn{min-height:36px}

  /* DECISION FLOW / UNIVERSAL */
  .decision-flow{gap:0!important}
  .decision-step{padding:12px 0!important}
  .decision-arrow{margin:0!important}
  .universal-horizon-card,.universal-selector,.universal-decision{max-width:100%!important}
  .universal-horizon-card select,.universal-selector select{width:100%!important}

  /* DENSITY */
  .card{padding:16px!important}
  .money.lg{font-size:22px!important}

  /* ASSISTANT */
  .atlas-assistant-fab{
    width:50px!important;height:50px!important;
    right:max(14px,env(safe-area-inset-right,0px))!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 82px)!important
  }
  .atlas-assistant-panel{
    left:12px!important;right:12px!important;width:auto!important;max-width:none!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 76px)!important;
    max-height:min(70vh,620px)!important
  }
}

@media (max-width: 480px) {
  .content{padding-left:12px!important;padding-right:12px!important}
  .topbar{gap:5px!important}
  .search-box{width:38px!important;min-width:38px!important;flex-basis:38px!important}
  .atlas-list-pref button{width:28px!important}
  .atlas-theme-pref{max-width:68px!important;padding:0 4px!important}
  .atlas-theme-pref select{max-width:48px!important;font-size:11px!important}
  .page-title{font-size:24px!important}
  .page-sub{font-size:12.5px!important}
  .page-head>div:last-child.flex{
    grid-template-columns:auto auto minmax(0,1fr) minmax(0,1.35fr)!important
  }
  .page-head>div:last-child.flex>.btn{font-size:11.5px!important}
  .grid.cols-4.mb-4>.card{padding:13px!important}
  .grid.cols-4.mb-4 .money.lg{font-size:19px!important}
  .card{padding:14px!important}
  .tabs .tab{padding-left:12px!important;padding-right:12px!important;font-size:12px!important}
  .atlas-assistant-fab{width:46px!important;height:46px!important}
}

/* ATLAS_MOBILE_UX_R1_CLEAN_END */


/* ATLAS_V208_VIRTUAL_TRADE_CONSISTENCY_ASSISTANT_THEME_R1 */
.atlas-assistant-panel{color:var(--text-1)}
.atlas-assistant-head{background:var(--surface-1)}
.atlas-assistant-brand b{color:var(--text-1)}
.atlas-assistant-messages{background:var(--surface-1)}
.assistant-form{background:var(--surface-1)}
html[data-theme="light"] .atlas-assistant-panel{box-shadow:0 28px 70px rgba(16,24,40,.18)}
html[data-theme="light"] .assistant-msg.user{color:var(--text-inverse)}
html[data-theme="light"] .assistant-form button{color:var(--text-inverse)}