/* NumberOne Risk Desk — gorsel katman v2. Sadece CSS: backend/JS mantigina dokunmaz.
   Sol yan menu + 12 kolonlu izgara; god-mode.html'deki eski stilleri ezer. */

/* ---------- Tokenlar ---------- */
html[data-theme="dark"] {
  --bg: #141618;
  --panel: #1b1e22;
  --panel-soft: #23272c;
  --panel-strong: #17191c;
  --panel-glass: #1b1e22;
  --text: #e8eaed;
  --muted: #a3adb8;
  --border: rgba(255,255,255,0.08);
  --border-glow: rgba(255,255,255,0.16);
  --accent: #2e9e63;
  --accent-soft: #247a4e;
  --positive: #34c77b;
  --negative: #f0554f;
  --warning: #f5b301;
  --chip-bg: rgba(255,255,255,0.06);
  --chip-border: rgba(255,255,255,0.10);
  --scrollbar: rgba(255,255,255,0.18);
  --scrollbar-track: transparent;
  --n1-side: #111315;
  --n1-shadow: none;
  --n1-row-hover: rgba(255,255,255,0.04);
  --n1-mono: "Segoe UI", Arial, sans-serif;
}
html[data-theme="light"] {
  --bg: #f2f3f5;
  --panel: #ffffff;
  --panel-soft: #f5f6f8;
  --panel-strong: #eceef1;
  --panel-glass: #ffffff;
  --text: #111827;
  --muted: #4b5563;
  --border: #e2e5ea;
  --border-glow: #c5ccd6;
  --accent: #14804a;
  --accent-soft: #0f6238;
  --positive: #157f3b;
  --negative: #c93030;
  --warning: #b26b00;
  --chip-bg: rgba(17,24,39,0.05);
  --chip-border: rgba(17,24,39,0.10);
  --scrollbar: rgba(17,24,39,0.22);
  --scrollbar-track: transparent;
  --n1-side: #ffffff;
  --n1-shadow: 0 1px 2px rgba(17,24,39,0.05);
  --n1-row-hover: rgba(31,63,158,0.05);
  --n1-mono: "Segoe UI", Arial, sans-serif;
}

/* ---------- Zemin & tipografi ---------- */
html[data-theme] body {
  background: var(--bg);
  color: var(--text);
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: 13.5px;
  -webkit-font-smoothing: auto;
}
html[data-theme] body::-webkit-scrollbar-thumb:hover { background: var(--border-glow); }
html[data-theme] .number, html[data-theme] td.number, html[data-theme] .pnl-value,
html[data-theme] .n1-kpi .v, html[data-theme] .n1-bar-row .val, html[data-theme] .n1-sym-row .val,
html[data-theme] .blotter-table td:nth-child(3), html[data-theme] .blotter-table td:nth-child(5), html[data-theme] .blotter-table td:nth-child(7),
html[data-theme] .margin-card strong, html[data-theme] .margin-card .pct {
  font-variant-numeric: tabular-nums;
}

/* ---------- Sol yan menu (eski ust bar) ---------- */
html[data-theme] .page-head {
  position: fixed; top: 0; left: 0; bottom: 0; width: 222px;
  display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start;
  gap: 16px; padding: 18px 14px 16px;
  background: var(--n1-side);
  border: none; border-right: 1px solid var(--border);
  border-radius: 0; box-shadow: none;
  backdrop-filter: none; -webkit-backdrop-filter: none;
  z-index: 50; overflow: hidden;
}
html[data-theme] .n1-brand { display: block; text-decoration: none; padding: 6px 6px 14px; border-bottom: 1px solid var(--border); }
html[data-theme] .n1-logo { display: block; width: 100%; max-width: 172px; height: auto; margin: 0; }
html[data-theme] .page-head h1 {
  margin: 0; background: none; -webkit-text-fill-color: var(--muted); color: var(--muted);
  font-size: 10.5px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;
}
html[data-theme] .head-nav {
  display: flex; flex-direction: column; align-items: stretch; gap: 2px;
  background: transparent; border: none; border-radius: 0; padding: 0; box-shadow: none;
  backdrop-filter: none; -webkit-backdrop-filter: none;
}
html[data-theme] .nav-btn {
  display: flex; align-items: center; gap: 10px; width: 100%;
  border-radius: 8px; padding: 8px 10px; font-size: 13.5px; font-weight: 500;
  color: var(--text); background: transparent; border: none; text-align: left; text-decoration: none;
}
html[data-theme] .n1-nav-label { font-size: 11.5px; color: var(--muted); padding: 12px 10px 4px; }
html[data-theme] .n1-nav-label:first-child { padding-top: 2px; }
html[data-theme] .nav-btn::before {
  content: ''; width: 16px; height: 16px; flex: 0 0 16px; background-color: currentColor;
  -webkit-mask: var(--ico) center / contain no-repeat; mask: var(--ico) center / contain no-repeat;
}
html[data-theme] .nav-btn:hover { background: var(--n1-row-hover); color: var(--text); }
html[data-theme] .nav-btn.active { background: var(--accent); color: #fff; font-weight: 600; }
html[data-theme] .nav-btn.success, html[data-theme] .nav-btn.highlight, html[data-theme] .nav-btn.retail { background: transparent; color: var(--muted); border: none; }
html[data-theme] .nav-btn.success:hover, html[data-theme] .nav-btn.highlight:hover, html[data-theme] .nav-btn.retail:hover { background: var(--n1-row-hover); color: var(--text); }
.n1-nav-panel    { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3C/svg%3E"); }
.n1-nav-pnl      { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 17 9 11 13 15 21 7'/%3E%3Cpolyline points='15 7 21 7 21 13'/%3E%3C/svg%3E"); }
.n1-nav-rsi      { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='22 12 18 12 15 21 9 3 6 12 2 12'/%3E%3C/svg%3E"); }
.n1-nav-vol      { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='6' y1='20' x2='6' y2='10'/%3E%3Cline x1='12' y1='20' x2='12' y2='4'/%3E%3Cline x1='18' y1='20' x2='18' y2='14'/%3E%3C/svg%3E"); }
.n1-nav-bot      { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='2'/%3E%3Crect x='9' y='9' width='6' height='6'/%3E%3Cline x1='9' y1='1' x2='9' y2='4'/%3E%3Cline x1='15' y1='1' x2='15' y2='4'/%3E%3Cline x1='9' y1='20' x2='9' y2='23'/%3E%3Cline x1='15' y1='20' x2='15' y2='23'/%3E%3C/svg%3E"); }
.n1-nav-analytics{ --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.21 15.89A10 10 0 1 1 8 2.83'/%3E%3Cpath d='M22 12A10 10 0 0 0 12 2v10z'/%3E%3C/svg%3E"); }
.n1-nav-retail   { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M17 11a4 4 0 1 0 0-8'/%3E%3Cpath d='M3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2'/%3E%3Cpath d='M21 21v-2a4 4 0 0 0-3-3.87'/%3E%3C/svg%3E"); }
.n1-nav-company  { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='20' height='14' rx='2'/%3E%3Cpath d='M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2'/%3E%3Cline x1='2' y1='13' x2='22' y2='13'/%3E%3C/svg%3E"); }
.n1-nav-history  { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='1 4 1 10 7 10'/%3E%3Cpath d='M3.51 15a9 9 0 1 0 2.13-9.36L1 10'/%3E%3Cpolyline points='12 7 12 12 15 14'/%3E%3C/svg%3E"); }
.n1-nav-accounting { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'/%3E%3Cpath d='M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z'/%3E%3Cline x1='9' y1='8' x2='16' y2='8'/%3E%3Cline x1='9' y1='12' x2='16' y2='12'/%3E%3C/svg%3E"); }
.n1-nav-reports  { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3C/svg%3E"); }
.n1-nav-alarm    { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9'/%3E%3Cpath d='M13.73 21a2 2 0 0 1-3.46 0'/%3E%3C/svg%3E"); }

html[data-theme] .head-actions {
  margin-top: auto; display: flex; flex-direction: column; gap: 10px; align-items: stretch;
  padding-top: 12px; border-top: 1px solid var(--border);
}
html[data-theme] .n1-clock { padding: 6px 4px 0; }
html[data-theme] .n1-clock-time {
  font-family: Arial, "Segoe UI", Helvetica, sans-serif; font-size: 27px; font-weight: 700; letter-spacing: 0.5px;
  color: var(--text); font-variant-numeric: tabular-nums; line-height: 1.1;
}
html[data-theme] .n1-clock-sub { font-family: Arial, "Segoe UI", Helvetica, sans-serif; font-size: 11.5px; color: var(--muted); margin-top: 4px; line-height: 1.35; }
html[data-theme] .theme-toggle,
html[data-theme] .inline-chip {
  background: var(--panel-soft); border: 1px solid var(--border); box-shadow: none;
  backdrop-filter: none; -webkit-backdrop-filter: none;
  color: var(--text); border-radius: 8px; padding: 0 10px; height: 36px; font-size: 12.5px;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin: 0;
}
html[data-theme] .theme-toggle:hover { border-color: var(--border-glow); box-shadow: none; }


/* ---------- Icerik izgarasi ---------- */
html[data-theme] .wrap {
  margin: 0 0 0 222px; max-width: none; height: auto; min-height: 100vh; overflow: visible;
  display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-auto-rows: auto;
  gap: 14px; padding: 14px 18px 26px; align-items: stretch; align-content: start;
}
html[data-theme] .god-layout, html[data-theme] .column, html[data-theme] .split-panels, html[data-theme] .n1-dash-row { display: contents; }
html[data-theme] .pnl-panel     { grid-area: 1 / 1 / 2 / 12; }
html[data-theme] .n1-topbar     { grid-area: 1 / 12 / 2 / 13; display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
html[data-theme] .n1-dash-treasury { grid-area: 2 / 1 / 3 / 13; }
html.n1-rc[data-theme] .company-panel { grid-area: 3 / 1 / 4 / 7; }
html.n1-rc[data-theme] .n1-dash-sym   { grid-area: 3 / 7 / 4 / 13; }
html.n1-rc[data-theme] .blotter-panel { grid-area: 4 / 1 / 5 / 13; }
html.n1-rc[data-theme] .n1-dash-day, html.n1-rc[data-theme] .margin-panel, html.n1-rc[data-theme] .n1-dash-flow { display: none; }
html[data-theme] .company-panel { grid-area: 3 / 1 / 4 / 6; }
html[data-theme] .n1-dash-sym   { grid-area: 3 / 6 / 4 / 9; }
html[data-theme] .n1-dash-day   { grid-area: 3 / 9 / 4 / 13; }
html[data-theme] .blotter-panel { grid-area: 4 / 1 / 6 / 9; height: 640px; }
html[data-theme] .margin-panel  { grid-area: 4 / 9 / 5 / 13; height: 313px; }
html[data-theme] .n1-dash-flow  { grid-area: 5 / 9 / 6 / 13; height: 313px; }
@media (max-width: 1500px) {
  html[data-theme] .company-panel { grid-area: 3 / 1 / 4 / 7; }
  html[data-theme] .n1-dash-day   { grid-area: 3 / 7 / 4 / 13; }
  html[data-theme] .n1-dash-sym   { grid-area: 4 / 1 / 5 / 7; height: 330px; }
  html[data-theme] .margin-panel  { grid-area: 4 / 7 / 5 / 13; height: 330px; }
  html[data-theme] .blotter-panel { grid-area: 5 / 1 / 6 / 13; height: 560px; }
  html[data-theme] .n1-dash-flow  { grid-area: 6 / 1 / 7 / 13; height: auto; }
}
@media (max-width: 1050px) {
  html[data-theme] .page-head { position: static; width: auto; border-right: none; border-bottom: 1px solid var(--border); }
  html[data-theme] .wrap { margin-left: 0; display: flex; flex-direction: column; }
  html[data-theme] .pnl-panel, html[data-theme] .company-panel, html[data-theme] .n1-dash-sym, html[data-theme] .n1-dash-day,
  html[data-theme] .blotter-panel, html[data-theme] .margin-panel, html[data-theme] .n1-dash-flow, html[data-theme] .n1-topbar, html[data-theme] .n1-dash-treasury { grid-area: auto; height: auto; }
  html[data-theme] .blotter-panel { height: 520px; }
}

/* ---------- Paneller ---------- */
html[data-theme] .panel {
  background: var(--panel); border: 1px solid var(--border); border-radius: 10px;
  padding: 14px 16px; box-shadow: var(--n1-shadow); backdrop-filter: none; -webkit-backdrop-filter: none;
  min-height: 0;
}
html[data-theme] .panel::before { display: none; }
html[data-theme] .panel:hover { transform: none; box-shadow: var(--n1-shadow); }
html[data-theme] .panel-header { margin-bottom: 12px; gap: 12px; }
html[data-theme] .panel-header h2 {
  display: inline-flex; align-items: center; gap: 8px;
  background: none; -webkit-text-fill-color: var(--text); color: var(--text);
  font-size: 15px; font-weight: 600; letter-spacing: 0; text-transform: none;
}
html[data-theme] .panel-header h2::before { content: ''; width: 3px; height: 14px; border-radius: 2px; background: var(--accent); }
html[data-theme] .panel-header .sub { font-size: 12px; margin-top: 2px; }
html[data-theme] .panel-header .sub strong { font-weight: 500; color: var(--text); font-variant-numeric: tabular-nums; }
html[data-theme] .n1-dash { min-height: 0; }

/* KPI seridi (P&L paneli): baslik solda, 4 kart yanyana */
html[data-theme] .pnl-panel { flex-direction: row; align-items: center; gap: 18px; padding: 10px 16px; }
html[data-theme] .pnl-panel .panel-header { margin: 0; flex: 0 0 auto; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 190px; }
html[data-theme] .pnl-panel .panel-actions { justify-content: flex-start; }
html[data-theme] .pnl-cards { flex: 1; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0; }
html[data-theme] .pnl-card {
  background: var(--panel-soft); border: 1px solid var(--border); border-left: 3px solid var(--accent);
  border-radius: 8px; padding: 9px 12px; min-height: 0; gap: 3px; box-shadow: none;
}
html[data-theme] .pnl-card:nth-child(2) { border-left-color: var(--positive); }
html[data-theme] .pnl-card:nth-child(3) { border-left-color: var(--warning); }
html[data-theme] .pnl-card:nth-child(4) { border-left-color: var(--muted); }
html[data-theme] .pnl-card::before { display: none; }
html[data-theme] .pnl-card:hover { transform: none; box-shadow: none; }
html[data-theme] .pnl-card h3 { font-size: 12px; letter-spacing: 0; text-transform: none; font-weight: 500; }
html[data-theme] .pnl-card small { display: none; }
html[data-theme] .pnl-value { font-size: 24px; font-weight: 700; letter-spacing: 0; text-shadow: none; font-family: Arial, "Segoe UI", sans-serif; }
html[data-theme] .pnl-value.positive, html[data-theme] .pnl-value.negative { text-shadow: none; }

/* ---------- Butonlar, chipler, girdiler ---------- */
html[data-theme] .btn, html[data-theme] .btn-ghost, html[data-theme] .btn-day {
  background: var(--panel-soft); border: 1px solid var(--border); color: var(--text);
  border-radius: 7px; padding: 6px 11px; font-size: 12px; font-weight: 500; box-shadow: none;
}
html[data-theme] .btn:hover, html[data-theme] .btn-ghost:hover { transform: none; box-shadow: none; border-color: var(--border-glow); background: var(--n1-row-hover); }
html[data-theme] .btn-ghost { color: var(--muted); }
html[data-theme] .btn-day.active { background: var(--accent); color: #fff; border-color: var(--accent); }
html[data-theme] .chip {
  background: var(--chip-bg); border: 1px solid var(--chip-border); color: var(--text);
  border-radius: 4px; padding: 2px 7px; min-width: 0; font-size: 11.5px; font-weight: 600; letter-spacing: 0;
  font-family: inherit; box-shadow: none;
}
html[data-theme] .inline-chip strong { color: var(--text); }
html[data-theme] input[type="text"], html[data-theme] input[type="search"], html[data-theme] input[type="number"],
html[data-theme] select, html[data-theme] .lot-filter, html[data-theme] .lot-filter-manual {
  background: var(--panel-soft); border: 1px solid var(--border); color: var(--text); border-radius: 7px; box-shadow: none;
}
html[data-theme] input[type="text"]:focus, html[data-theme] input[type="search"]:focus, html[data-theme] input[type="number"]:focus,
html[data-theme] select:focus { border-color: var(--accent); outline: none; box-shadow: 0 0 0 3px rgba(255,255,255,0.15); }
html[data-theme] input::placeholder { color: var(--muted); }

/* ---------- Tablolar ---------- */
html[data-theme] thead th {
  background: var(--panel-strong); border-bottom: 1px solid var(--border); color: var(--muted);
  font-size: 12px; letter-spacing: 0; text-transform: none; font-weight: 600; padding: 8px 10px;
}
html[data-theme] tbody td { border-bottom: 1px solid var(--border); padding: 7px 10px; font-size: 13.5px; }
html[data-theme] td.number, html[data-theme] .blotter-table td:nth-child(3), html[data-theme] .blotter-table td:nth-child(5) { font-weight: 600; }
html[data-theme] tbody tr:nth-child(odd), html[data-theme] tbody tr:nth-child(even) { background: transparent; }
html[data-theme] tbody tr:hover { background: var(--n1-row-hover); }
html[data-theme] .company-table .table-wrap, html[data-theme] .blotter-table {
  background: var(--panel-strong); border: 1px solid var(--border); border-radius: 8px; box-shadow: none;
}
html[data-theme] .company-table .table-wrap { max-height: none; }
html[data-theme] .blotter-table tr.selected { background: rgba(52,199,123,0.14) !important; border-left-color: var(--positive) !important; }
html[data-theme] .blotter-table tr.selectable:hover { background: var(--n1-row-hover); }

/* ---------- Margin ---------- */
html[data-theme] .margin-panel .margin-list { flex: 1; min-height: 0; }
html[data-theme] .margin-scroll { background: transparent; border: none; box-shadow: none; padding: 0; gap: 6px; min-height: 0; }
html[data-theme] .margin-card {
  background: var(--panel-soft); border: 1px solid var(--border); border-radius: 8px; padding: 7px 11px; box-shadow: none;
}
html[data-theme] .margin-card:hover { transform: none; box-shadow: none; border-color: var(--border-glow); }
html[data-theme] .kpi-card { background: var(--panel-soft); border: 1px solid var(--border); border-radius: 8px; box-shadow: none; }
html[data-theme] .kpi-card:hover { transform: none; box-shadow: none; }

/* ---------- Modal / sheet zeminleri ---------- */
html[data-theme] .rsi-sheet, html[data-theme] .sheet-sym, html[data-theme] .sheet-hedge, html[data-theme] .sheet-chart,
html[data-theme] .chart-modal-body, html[data-theme] .login-detail-body {
  background: var(--panel); border: 1px solid var(--border); box-shadow: 0 20px 60px rgba(0,0,0,0.35);
}
html[data-theme] .hedge-table-row:nth-child(odd), html[data-theme] .hedge-table-row:nth-child(even) { background: transparent; }

/* ---------- Yeni panolar ---------- */
.n1-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 12px; }
.n1-kpi { background: var(--panel-soft); border: 1px solid var(--border); border-radius: 8px; padding: 8px 10px; min-width: 0; }
.n1-kpi .k { font-size: 12px; letter-spacing: 0; text-transform: none; color: var(--muted); font-weight: 500; }
.n1-kpi .v { font-size: 20px; font-weight: 700; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: Arial, "Segoe UI", sans-serif; }
.n1-kpi .s { font-size: 11.5px; color: var(--muted); margin-top: 1px; }
.n1-cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.n1-list-title { font-size: 12px; letter-spacing: 0; text-transform: none; color: var(--muted); font-weight: 600; margin-bottom: 6px; }
.n1-bar-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 3px 0; font-size: 13px; }
.n1-bar-row .lbl { display: flex; align-items: center; gap: 7px; min-width: 0; }
.n1-bar-row .lbl .nm { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.n1-bar-row .lbl .id { color: var(--muted); font-size: 11.5px; flex-shrink: 0; }
.n1-bar-row .val { font-weight: 600; white-space: nowrap; }
.n1-bar-row .val.pos { color: var(--positive); }
.n1-bar-row .val.neg { color: var(--negative); }
.n1-bar { height: 4px; border-radius: 2px; background: var(--panel-strong); overflow: hidden; grid-column: 1 / -1; }
.n1-bar > i { display: block; height: 100%; border-radius: 2px; background: var(--accent); }
.n1-bar > i.pos { background: var(--positive); }
.n1-bar > i.neg { background: var(--negative); }
.n1-sym-row { display: grid; grid-template-columns: 70px minmax(0, 1fr) 110px; gap: 10px; align-items: center; padding: 4px 0; font-size: 13px; }
.n1-sym-track { position: relative; height: 9px; background: var(--panel-strong); border-radius: 4px; overflow: hidden; }
.n1-sym-track::before { content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: var(--border-glow); }
.n1-sym-track > i { position: absolute; top: 0; bottom: 0; border-radius: 4px; }
.n1-sym-track > i.pos { left: 50%; background: var(--positive); }
.n1-sym-track > i.neg { right: 50%; background: var(--negative); }
.n1-sym-row .val { text-align: right; font-weight: 600; }
.n1-sym-row .val small { display: block; color: var(--muted); font-weight: 400; font-size: 11px; }
.n1-hist { display: flex; align-items: flex-end; gap: 3px; height: 64px; padding: 4px 0 0; border-bottom: 1px solid var(--border); }
.n1-hist > i { flex: 1; min-width: 0; background: var(--accent); border-radius: 2px 2px 0 0; opacity: 0.85; }
.n1-hist > i.now { background: var(--positive); }
.n1-hist > i[title]:hover { opacity: 1; }
.n1-hist-axis { display: flex; justify-content: space-between; font-size: 11px; color: var(--muted); margin-top: 3px; }
.n1-empty { color: var(--muted); font-size: 13px; padding: 8px 0; }
.n1-foot { color: var(--muted); font-size: 12px; margin-top: auto; padding-top: 8px; }

/* ---------- Bildirim merkezi ---------- */
.n1-bell {
  position: relative; background: var(--panel-soft); border: 1px solid var(--border); color: var(--text);
  border-radius: 8px; width: 38px; height: 36px; display: inline-grid; place-items: center; cursor: pointer; padding: 0;
}
.n1-bell .ico {
  width: 16px; height: 16px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9'/%3E%3Cpath d='M13.73 21a2 2 0 0 1-3.46 0'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9'/%3E%3Cpath d='M13.73 21a2 2 0 0 1-3.46 0'/%3E%3C/svg%3E") center / contain no-repeat;
}
.n1-bell:hover { border-color: var(--border-glow); }
.n1-bell .cnt {
  position: absolute; top: -6px; right: -6px; min-width: 18px; height: 18px; padding: 0 5px;
  border-radius: 9px; background: var(--negative); color: #fff; font-size: 10.5px; font-weight: 700;
  display: none; place-items: center; line-height: 18px;
}
.n1-bell .cnt.show { display: grid; }
.n1-bell.muted { color: var(--muted); }
.n1-iconbtn {
  position: relative; background: var(--panel-soft); border: 1px solid var(--border); color: var(--text);
  border-radius: 8px; width: 38px; height: 36px; display: inline-grid; place-items: center; cursor: pointer; padding: 0;
}
.n1-iconbtn:hover { border-color: var(--border-glow); }
.n1-iconbtn.active { background: var(--accent); border-color: var(--accent); color: #fff; }
.n1-iconbtn .ico-cols {
  width: 16px; height: 16px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cline x1='15' y1='3' x2='15' y2='21'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cline x1='15' y1='3' x2='15' y2='21'/%3E%3C/svg%3E") center / contain no-repeat;
}
.n1-notif {
  position: fixed; right: 18px; top: 108px; width: 380px; max-height: 70vh;
  background: var(--panel); border: 1px solid var(--border); border-radius: 12px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.35); display: none; flex-direction: column; z-index: 1200; overflow: hidden;
}
.n1-notif.open { display: flex; }
@media (max-width: 1050px) { .n1-notif { right: 16px; top: 16px; } }
.n1-notif-head { display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; border-bottom: 1px solid var(--border); }
.n1-notif-head strong { font-size: 14px; }
.n1-notif-tools { display: flex; flex-wrap: wrap; gap: 6px 12px; padding: 8px 14px; border-bottom: 1px solid var(--border); font-size: 12px; color: var(--muted); align-items: center; }
.n1-notif-tools label { display: inline-flex; align-items: center; gap: 5px; cursor: pointer; }
.n1-notif-tools input[type="number"] { width: 58px; padding: 3px 6px; font-size: 12px; }
.n1-notif-list { overflow-y: auto; padding: 6px 0; }
.n1-notif-item { display: grid; grid-template-columns: 5px minmax(0,1fr) auto; gap: 10px; padding: 8px 14px; align-items: start; font-size: 13px; border-bottom: 1px solid var(--border); }
.n1-notif-item:last-child { border-bottom: none; }
.n1-notif-item .bar { width: 5px; height: 100%; min-height: 32px; border-radius: 3px; background: var(--accent); }
.n1-notif-item.buy .bar { background: var(--positive); }
.n1-notif-item.sell .bar { background: var(--negative); }
.n1-notif-item .t { color: var(--muted); font-size: 12px; white-space: nowrap; }
.n1-notif-item .who { font-weight: 600; }
.n1-notif-item .what { color: var(--muted); }
.n1-notif-item .what b { color: var(--text); }
.n1-notif-item .what b.buy { color: var(--positive); }
.n1-notif-item .what b.sell { color: var(--negative); }
.n1-notif-item.unread .who::after { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 3px; background: var(--accent); margin-left: 6px; vertical-align: middle; }
.n1-notif-empty { padding: 24px 14px; color: var(--muted); text-align: center; font-size: 12.5px; }
.n1-link { background: none; border: none; color: var(--accent); cursor: pointer; font-size: 12px; padding: 0; }

.n1-toasts { position: fixed; top: 108px; right: 18px; display: flex; flex-direction: column; gap: 8px; z-index: 1100; pointer-events: none; }
.n1-toast {
  width: 340px; background: var(--panel); border: 1px solid var(--border); border-left: 4px solid var(--accent);
  border-radius: 10px; padding: 10px 12px; box-shadow: 0 12px 30px rgba(0,0,0,0.3); font-size: 13px;
  opacity: 0; transform: translateX(16px); animation: n1-in .22s ease forwards, n1-out .3s ease 5.5s forwards; pointer-events: auto;
}
.n1-toast.buy { border-left-color: var(--positive); }
.n1-toast.sell { border-left-color: var(--negative); }
.n1-toast .who { font-weight: 700; }
.n1-toast .what { color: var(--muted); margin-top: 2px; }
.n1-toast .what b { color: var(--text); }
.n1-toast .what b.buy { color: var(--positive); }
.n1-toast .what b.sell { color: var(--negative); }
@keyframes n1-in { to { opacity: 1; transform: translateX(0); } }
@keyframes n1-out { to { opacity: 0; transform: translateX(16px); } }

/* blotter durum yazisi (Durdu / SSE...) arayuzde gosterilmez; "Son guncelleme" saati yeterli */
html[data-theme] #stat { display: none; }

/* ---------- v3: Modallar (RSI / Hacim / Bot tarayici / sembol-hedge-grafik detaylari) ---------- */
html[data-theme] .modal, html[data-theme] .modal-overlay { background: rgba(0,0,0,0.55); backdrop-filter: none; -webkit-backdrop-filter: none; }
html[data-theme] .volume-sheet, html[data-theme] .rsi-sheet, html[data-theme] .bot-scanner-sheet, html[data-theme] .sheet-sym, html[data-theme] .sheet-hedge,
html[data-theme] .sheet-chart, html[data-theme] .login-detail-sheet, html[data-theme] .order-tick-sheet, html[data-theme] .modal-box {
  background: var(--panel); background-image: none; border: 1px solid var(--border); border-radius: 12px; box-shadow: 0 20px 60px rgba(0,0,0,0.45); color: var(--text);
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}
html[data-theme] .volume-header, html[data-theme] .rsi-header, html[data-theme] .bot-scanner-header, html[data-theme] .sheet-header, html[data-theme] .chart-modal-header, html[data-theme] .login-detail-header {
  background: none; border-bottom: 1px solid var(--border); padding: 14px 18px; display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
}
html[data-theme] .volume-header h2, html[data-theme] .rsi-header h2, html[data-theme] .bot-scanner-header h2, html[data-theme] .sheet-header h3, html[data-theme] .chart-modal-header h3,
html[data-theme] .modal-box h2, html[data-theme] .login-detail-title {
  display: flex; align-items: center; gap: 8px; margin: 0; font-size: 15px; font-weight: 700; color: var(--text); letter-spacing: 0; text-transform: none; background: none; -webkit-text-fill-color: currentColor; text-shadow: none;
}
html[data-theme] .volume-header h2::before, html[data-theme] .rsi-header h2::before, html[data-theme] .bot-scanner-header h2::before, html[data-theme] .sheet-header h3::before, html[data-theme] .chart-modal-header h3::before {
  content: ''; width: 3px; height: 14px; border-radius: 2px; background: var(--accent);
}
html[data-theme] .volume-header .muted, html[data-theme] .rsi-header .muted, html[data-theme] .bot-scanner-header .muted, html[data-theme] .sheet-header .tiny { color: var(--muted); font-size: 12px; margin: 2px 0 0; }
html[data-theme] .volume-tabs, html[data-theme] .rsi-tabs, html[data-theme] .chart-mode-toggle { display: inline-flex; gap: 4px; padding: 3px; border-radius: 8px; background: var(--panel-strong); border: 1px solid var(--border); }
html[data-theme] .vol-tab, html[data-theme] .rsi-tab { padding: 6px 14px; border: none; border-radius: 6px; background: transparent; color: var(--muted); font-size: 12.5px; font-weight: 600; box-shadow: none; }
html[data-theme] .vol-tab:hover, html[data-theme] .rsi-tab:hover { color: var(--text); background: var(--n1-row-hover); }
html[data-theme] .vol-tab.active, html[data-theme] .rsi-tab.active { background: var(--accent); color: #fff; }
html[data-theme] .vol-stat-card, html[data-theme] .bot-stat-card, html[data-theme] .rsi-stats > div, html[data-theme] .login-detail-summary > div, html[data-theme] .chart-container, html[data-theme] .pnl-chart-main,
html[data-theme] .rsi-chart-secondary, html[data-theme] .intraday-chart-main, html[data-theme] .bot-scanner-chart-wrap, html[data-theme] .trend-chart-wrap, html[data-theme] .kpi, html[data-theme] .k:has(> .h) {
  background: var(--panel-soft); background-image: none; border: 1px solid var(--border); border-radius: 10px; box-shadow: none;
}
html[data-theme] .vol-stat-label, html[data-theme] .bot-stat-label { font-size: 12px; color: var(--muted); text-transform: none; letter-spacing: 0; font-weight: 500; }
html[data-theme] .vol-stat-value, html[data-theme] .bot-stat-value, html[data-theme] .intraday-rsi-value { font-family: "Segoe UI", Arial, sans-serif; font-size: 22px; font-weight: 700; color: var(--text); font-variant-numeric: tabular-nums; text-shadow: none; }
html[data-theme] .bot-stat-value.positive { color: var(--positive); }
html[data-theme] .bot-stat-value.negative { color: var(--negative); }
html[data-theme] .volume-table th, html[data-theme] .bot-orders-table th, html[data-theme] .ld-table th, html[data-theme] .rsi-daily-table th, html[data-theme] .chart-table th, html[data-theme] .snapshot-table th,
html[data-theme] .sym-table-head, html[data-theme] .hedge-table-head {
  background: var(--panel-strong); color: var(--muted); font-size: 11.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .4px; border-bottom: 1px solid var(--border);
}
html[data-theme] .volume-table td, html[data-theme] .bot-orders-table td, html[data-theme] .ld-table td, html[data-theme] .rsi-daily-table td, html[data-theme] .chart-table td, html[data-theme] .snapshot-table td { border-color: var(--border); }
html[data-theme] .volume-table tbody tr, html[data-theme] .sym-table-row:nth-child(odd), html[data-theme] .sym-table-row:nth-child(even), html[data-theme] .hedge-table-row:nth-child(odd), html[data-theme] .hedge-table-row:nth-child(even) { background: transparent; }
html[data-theme] .volume-table tbody tr:not(.total-row):hover, html[data-theme] .bot-orders-table tbody tr:hover, html[data-theme] .ld-table tbody tr:hover { background: var(--n1-row-hover); }
html[data-theme] .volume-table .total-row td { background: var(--panel-strong); font-weight: 700; border-top: 1px solid var(--border-glow); }
html[data-theme] .sym-table-totals { background: var(--panel-strong); }
html[data-theme] .vol-date, html[data-theme] .rsi-date, html[data-theme] .bot-date, html[data-theme] .rsi-select, html[data-theme] .bot-login-select {
  background: var(--panel-strong); color: var(--text); border: 1px solid var(--border); border-radius: 8px; padding: 6px 10px; font: inherit; font-size: 12.5px;
}
html[data-theme] .volume-actions .btn, html[data-theme] .rsi-actions .btn, html[data-theme] .bot-scanner-actions .btn, html[data-theme] .bot-orders-table .view-btn {
  background: var(--panel-soft); color: var(--text); border: 1px solid var(--border); border-radius: 8px; box-shadow: none; font-weight: 600;
}
html[data-theme] .close-btn { background: none; border: none; color: var(--muted); font-size: 18px; }
html[data-theme] .margin-call-badge { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 4px; background: var(--negative); color: #fff; font-size: 11px; font-weight: 800; line-height: 1; }
html[data-theme] .long-title, html[data-theme] .short-title { display: flex; align-items: center; gap: 8px; }
html[data-theme] .long-title::before, html[data-theme] .short-title::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--positive); }
html[data-theme] .short-title::before { background: var(--negative); }
html[data-theme] .snapshot-loading, html[data-theme] .snapshot-table, html[data-theme] .bot-scanner-empty, html[data-theme] .bot-scanner-loading, html[data-theme] .chart-hint,
html[data-theme] .rsi-content .empty, html[data-theme] .volume-table-wrap, html[data-theme] .bot-orders-table-wrap, html[data-theme] .ld-table-wrap {
  background: var(--panel-soft); background-image: none; border: 1px solid var(--border); border-radius: 10px; color: var(--muted); box-shadow: none;
}
html[data-theme] .chart-title-bar h3, html[data-theme] .chart-container h3, html[data-theme] .intraday-chart-main h3, html[data-theme] .bot-scanner-chart-wrap h3, html[data-theme] .bot-scanner-orders h3 {
  color: var(--text); font-size: 13.5px; font-weight: 700; letter-spacing: 0; text-transform: none; background: none; -webkit-text-fill-color: currentColor;
}

/* ---------- v4: Hazine ozeti seridi + yeni menu ikonlari ---------- */
html[data-theme] .n1-dash-treasury { padding: 12px 16px; scroll-margin-top: 12px; }
html[data-theme] .margin-panel { scroll-margin-top: 12px; }
html[data-theme] .n1-dash-treasury .panel-header { margin-bottom: 10px; }
.n1-treasury { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.n1-tre-group { background: var(--panel-soft); border: 1px solid var(--border); border-radius: 8px; padding: 10px 12px; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.n1-tre-title { display: flex; align-items: center; justify-content: space-between; font-size: 12px; font-weight: 600; color: var(--muted); }
.n1-tre-title .st { font-weight: 500; font-size: 11.5px; }
.n1-tre-main { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
.n1-tre-main .v { font-family: Arial, "Segoe UI", sans-serif; font-size: 22px; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.n1-tre-main .u { font-size: 12px; color: var(--muted); white-space: nowrap; }
.n1-tre-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.n1-tre-kv { min-width: 0; }
.n1-tre-kv .k { font-size: 11px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.n1-tre-kv .v { font-size: 13.5px; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.n1-tre-kv .v.positive { color: var(--positive); } .n1-tre-kv .v.negative { color: var(--negative); } .n1-tre-kv .v.warn { color: var(--warning); }
.n1-treasury .n1-empty { grid-column: 1 / -1; }
@media (max-width: 1500px) { .n1-treasury { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
html[data-theme] #n1NavNotif { font-family: inherit; cursor: pointer; }
.n1-nav-treasury { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M5 21V10'/%3E%3Cpath d='M19 21V10'/%3E%3Cpath d='M9 21v-7'/%3E%3Cpath d='M15 21v-7'/%3E%3Cpath d='M2 10l10-6 10 6'/%3E%3C/svg%3E"); }
.n1-nav-margin   { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 0 9 9'/%3E%3Cpath d='M12 3v9l6.4-6.4'/%3E%3C/svg%3E"); }
.n1-nav-notif    { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E"); }
/* Sol menu: kisa ekranda ikinci kolona kaymasin; menu kendi icinde kaydirilsin */
html[data-theme] .page-head { flex-wrap: nowrap; gap: 12px; }
html[data-theme] .head-nav { flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; }
html[data-theme] .nav-btn { padding: 7px 10px; }
html[data-theme] .head-actions { flex: 0 0 auto; }
/* ---------- v5: kaplama gorunumler (Hesap kartlari, Isi haritasi) ---------- */
.n1-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.55); z-index: 1100; display: none; align-items: flex-start; justify-content: center; padding: 28px 24px; overflow: auto; }
.n1-overlay.open { display: flex; }
.n1-sheet { width: min(1380px, 100%); max-height: calc(100vh - 56px); display: flex; flex-direction: column; background: var(--panel); border: 1px solid var(--border); border-radius: 12px; box-shadow: 0 20px 60px rgba(0,0,0,0.45); overflow: hidden; }
.n1-sheet-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 18px; border-bottom: 1px solid var(--border); }
.n1-sheet-head h2 { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 15px; font-weight: 700; color: var(--text); }
.n1-sheet-head h2::before { content: ''; width: 3px; height: 14px; border-radius: 2px; background: var(--accent); }
.n1-sheet-head .sub { font-size: 12px; color: var(--muted); margin-top: 3px; }
.n1-sheet-tools { display: flex; align-items: center; gap: 8px; }
.n1-sheet-tools input { width: 220px; padding: 7px 10px; border-radius: 8px; background: var(--panel-strong); color: var(--text); border: 1px solid var(--border); font: inherit; font-size: 13px; outline: none; }
.n1-sheet-tools input:focus { border-color: var(--accent); }
.n1-sheet-body { padding: 16px 18px 20px; overflow: auto; }
.n1-acc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 12px; }
.n1-acc { background: var(--panel-soft); border: 1px solid var(--border); border-radius: 10px; padding: 12px 14px; cursor: pointer; min-width: 0; transition: border-color .12s; }
.n1-acc:hover { border-color: var(--border-glow); }
.n1-acc.degraded { opacity: .7; }
.n1-acc-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.n1-acc-head .nm { font-weight: 700; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.n1-acc .id { font-size: 11.5px; color: var(--muted); font-variant-numeric: tabular-nums; margin-top: 1px; }
.n1-acc-main { font-family: Arial, "Segoe UI", sans-serif; font-size: 22px; font-weight: 700; margin: 8px 0 10px; font-variant-numeric: tabular-nums; display: flex; align-items: baseline; gap: 8px; }
.n1-acc-main small { font-family: "Segoe UI", Arial, sans-serif; font-size: 11.5px; color: var(--muted); font-weight: 500; }
.n1-acc-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 6px; }
.n1-acc-row .k { font-size: 11px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.n1-acc-row .v { font-size: 13px; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.n1-acc .v.warn, .n1-acc-main.warn { color: var(--warning); }
.n1-heat { display: flex; flex-wrap: wrap; gap: 8px; align-content: flex-start; }
.n1-heat-tile { min-height: 104px; border-radius: 10px; padding: 12px 14px; border: 1px solid rgba(255,255,255,0.06); display: flex; flex-direction: column; justify-content: space-between; color: var(--text); min-width: 0; }
.n1-heat-tile .sym { font-weight: 800; font-size: 15px; letter-spacing: .2px; }
.n1-heat-tile .p { font-family: Arial, "Segoe UI", sans-serif; font-size: 20px; font-weight: 700; font-variant-numeric: tabular-nums; }
.n1-heat-tile .m { font-size: 11.5px; color: var(--muted); }
html[data-theme="light"] .n1-heat-tile { color: #111827; border-color: rgba(17,24,39,0.08); }
html[data-theme="light"] .n1-heat-tile .m { color: #374151; }
html[data-theme] #n1NavAccounts, html[data-theme] #n1NavHeat { font-family: inherit; cursor: pointer; }

.n1-nav-accounts, .n1-ico-accounts { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Ccircle cx='9' cy='10' r='2'/%3E%3Cpath d='M15 9h3M15 13h3M6 16c0-1.5 1.5-2.5 3-2.5s3 1 3 2.5'/%3E%3C/svg%3E"); }
.n1-nav-heat, .n1-ico-heat { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='8' height='8'/%3E%3Crect x='13' y='3' width='8' height='5'/%3E%3Crect x='13' y='10' width='8' height='11'/%3E%3Crect x='3' y='13' width='8' height='8'/%3E%3C/svg%3E"); }

/* ---------- v7: Gun ici analiz modali yeniden duzen ---------- */
html[data-theme] .rsi-sheet { width: min(1380px, 96vw); max-height: 92vh; padding: 0; gap: 0; }
html[data-theme] .rsi-header { padding: 14px 18px; }
html[data-theme] .rsi-actions { display: flex; align-items: center; gap: 8px; margin-left: auto; }
/* --- gun ici: KPI seridi + grafik | anlik goruntuler --- */
html[data-theme] #rsiIntradayContent:not([style*="none"]) { display: grid !important; grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr); grid-template-rows: auto minmax(0, 1fr); gap: 14px; padding: 16px 18px 18px; overflow: auto; }
html[data-theme] .intraday-header { grid-column: 1 / -1; display: flex; align-items: stretch; gap: 12px; padding: 0; border: none; }
html[data-theme] .intraday-current-values { flex: 1 1 auto; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
html[data-theme] .intraday-val { display: flex; flex-direction: column; gap: 4px; background: var(--panel-soft); border: 1px solid var(--border); border-radius: 10px; padding: 10px 14px; font-size: 12px; color: var(--muted); min-width: 0; }
html[data-theme] .intraday-val .dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; vertical-align: middle; }
html[data-theme] .intraday-val strong { display: block; font-family: Arial, "Segoe UI", sans-serif; font-size: 26px; font-weight: 700; color: var(--text); font-variant-numeric: tabular-nums; line-height: 1.1; }
html[data-theme] .intraday-val[data-state="high"] strong { color: var(--positive); }
html[data-theme] .intraday-val[data-state="low"] strong { color: var(--negative); }
html[data-theme] .intraday-val .st { font-size: 11.5px; color: var(--muted); }
html[data-theme] .intraday-date, html[data-theme] .intraday-refresh { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
html[data-theme] .intraday-date label { color: var(--muted); font-size: 12px; }
html[data-theme] .intraday-chart-main { grid-column: 1; grid-row: 2; padding: 14px 16px; height: 440px; display: flex; flex-direction: column; min-height: 0; }
html[data-theme] .intraday-chart-main canvas { flex: 1 1 auto; min-height: 0; max-height: none; width: 100% !important; }
html[data-theme] .intraday-legend { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; padding-top: 8px; font-size: 12px; color: var(--muted); }
html[data-theme] .intraday-snapshots { grid-column: 2; grid-row: 2; display: flex; flex-direction: column; min-height: 0; background: var(--panel-soft); border: 1px solid var(--border); border-radius: 10px; padding: 14px 16px; }
html[data-theme] .intraday-snapshots h4 { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; font-size: 13.5px; font-weight: 700; color: var(--text); }
html[data-theme] .intraday-snapshots h4::before { content: ''; width: 3px; height: 14px; border-radius: 2px; background: var(--accent); }
html[data-theme] .snapshot-table { flex: 1 1 auto; max-height: none; min-height: 0; overflow: auto; background: var(--panel-strong); border: 1px solid var(--border); border-radius: 8px; }
html[data-theme] .snapshot-row { grid-template-columns: 64px 1fr 1fr 1fr; gap: 10px; padding: 8px 12px; border-bottom: 1px solid var(--border); font-size: 12.5px; font-variant-numeric: tabular-nums; }
html[data-theme] .snapshot-row.header { background: var(--panel-strong); color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .4px; position: sticky; top: 0; }
html[data-theme] .snapshot-loading { border: none; background: transparent; padding: 30px 10px; text-align: center; }
/* --- gunluk: ana grafik + RSI grafigi --- */
html[data-theme] #rsiDailyContent:not([style*="none"]) { display: flex !important; flex-direction: column; min-height: 0; overflow: auto; }
html[data-theme] .rsi-charts { padding: 16px 18px 18px; gap: 14px; }
html[data-theme] .chart-container { padding: 14px 16px; }
html[data-theme] .chart-title-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 8px; }
html[data-theme] .chart-title-bar h3 { color: var(--text); font-size: 13.5px; }
html[data-theme] .chart-title-left { display: flex; align-items: center; gap: 12px; }
html[data-theme] .mode-btn { padding: 5px 12px; border: none; border-radius: 6px; background: transparent; color: var(--muted); font-size: 12.5px; font-weight: 600; cursor: pointer; }
html[data-theme] .mode-btn.active { background: var(--accent); color: #fff; }
html[data-theme] .chart-summary { display: flex; align-items: center; gap: 10px; font-size: 12.5px; color: var(--muted); }
html[data-theme] .chart-summary > span:not(.sep) { background: var(--panel-strong); border: 1px solid var(--border); border-radius: 999px; padding: 4px 12px; }
html[data-theme] .chart-summary .sep { display: none; }
html[data-theme] .chart-summary strong { color: var(--text); font-variant-numeric: tabular-nums; }
html[data-theme] .chart-summary .pnl-value { color: var(--positive); font-size: 13px; }
html[data-theme] .chart-summary .pnl-value.negative, html[data-theme] .chart-summary .dd-value { color: var(--negative); font-size: 13px; }
html[data-theme] .pnl-chart-main { min-height: 0; }
html[data-theme] .pnl-chart-main canvas { height: 320px !important; max-height: 320px; }
html[data-theme] .rsi-chart-secondary canvas { height: 170px !important; max-height: 170px; }
html[data-theme] .chart-legend { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; font-size: 12px; color: var(--muted); padding-top: 6px; }
html[data-theme] .chart-legend .dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 4px; vertical-align: middle; }
@media (max-width: 1100px) { html[data-theme] #rsiIntradayContent:not([style*="none"]) { grid-template-columns: 1fr; } html[data-theme] .intraday-chart-main, html[data-theme] .intraday-snapshots { grid-column: 1; grid-row: auto; } html[data-theme] .intraday-snapshots { max-height: 320px; } }

html[data-theme] .intraday-val { text-align: left; align-items: flex-start; justify-content: center; }
html[data-theme] .intraday-snapshots { height: 440px; box-sizing: border-box; align-self: stretch; }

/* ---------- v8: P&L nabzi gorunumu ---------- */
html[data-theme] .rsi-sheet { background: var(--panel); position: relative; }
html[data-theme] .rsi-sheet::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 2px; background: linear-gradient(90deg, var(--negative), var(--accent), var(--positive)); opacity: .8; }
html[data-theme] .rsi-header h2 { font-size: 17px; }
html[data-theme] .intraday-val { position: relative; padding: 12px 16px 14px; gap: 6px; overflow: hidden; }
html[data-theme] .intraday-val::after { content: ''; position: absolute; right: -30px; top: -30px; width: 110px; height: 110px; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,0.16), transparent 70%); pointer-events: none; }
html[data-theme] .intraday-val[data-state="high"]::after { background: radial-gradient(circle, rgba(52,199,123,0.22), transparent 70%); }
html[data-theme] .intraday-val[data-state="low"]::after { background: radial-gradient(circle, rgba(240,85,79,0.22), transparent 70%); }
html[data-theme] .intraday-val > span:first-child { font-size: 12px; color: var(--muted); font-weight: 600; letter-spacing: .2px; }
html[data-theme] .intraday-val strong { font-size: 32px; }
html[data-theme] .intraday-val .st { font-size: 12px; font-weight: 600; color: var(--muted); }
html[data-theme] .intraday-val[data-state="high"] .st { color: var(--positive); }
html[data-theme] .intraday-val[data-state="low"] .st { color: var(--negative); }
html[data-theme] .n1-gauge { position: relative; height: 8px; border-radius: 4px; margin: 4px 0 2px; background: linear-gradient(90deg, rgba(240,85,79,0.55) 0%, rgba(240,85,79,0.18) 30%, rgba(163,173,184,0.18) 50%, rgba(52,199,123,0.18) 70%, rgba(52,199,123,0.55) 100%); }
html[data-theme] .n1-gauge .b { position: absolute; top: -3px; width: 1px; height: 14px; background: var(--border-glow); }
html[data-theme] .n1-gauge .b30 { left: 30%; } html[data-theme] .n1-gauge .b70 { left: 70%; }
html[data-theme] .n1-gauge .mk { position: absolute; top: 50%; left: calc(var(--v, 50) * 1%); width: 14px; height: 14px; border-radius: 50%; background: var(--text); border: 3px solid var(--panel-soft); box-shadow: 0 0 0 1px var(--border-glow); transform: translate(-50%, -50%); transition: left .4s ease; }
html[data-theme] .intraday-val[data-state="high"] .mk { background: var(--positive); }
html[data-theme] .intraday-val[data-state="low"] .mk { background: var(--negative); }
html[data-theme] .intraday-val[data-state="none"] .mk { opacity: .35; }
html[data-theme] .intraday-snapshots { height: 460px; }
html[data-theme] .intraday-chart-main { height: 460px; }
html[data-theme] .snapshot-loading { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; height: 100%; color: var(--muted); }
html[data-theme] .snapshot-loading::before { content: ''; width: 28px; height: 28px; border-radius: 50%; border: 2px dashed var(--border-glow); }
html[data-theme] .intraday-snapshots { max-height: none !important; overflow: hidden; }
html[data-theme] .n1-gauge { width: 100%; align-self: stretch; box-sizing: border-box; }
html[data-theme] #rsiIntradayContent:not([style*="none"]) .intraday-snapshots { height: 460px; }

/* modal kaymasi: eski CSS'in translateX(-50%) kalintisi */
html[data-theme] .rsi-sheet, html[data-theme] .volume-sheet, html[data-theme] .bot-scanner-sheet, html[data-theme] .sheet-sym, html[data-theme] .sheet-hedge, html[data-theme] .sheet-chart { transform: none !important; position: relative !important; left: auto !important; top: auto !important; margin: 0 !important; }

/* ---------- v9: marjin & hazine detay gorunumleri ---------- */
.n1-kpis-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
.n1-kpi .v.warn { color: var(--warning); }
.n1-tablewrap { overflow: auto; border: 1px solid var(--border); border-radius: 10px; background: var(--panel-strong); }
.n1-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 13px; }
.n1-table th { position: sticky; top: 0; background: var(--panel-strong); color: var(--muted); font-size: 11.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .4px; text-align: left; padding: 9px 12px; border-bottom: 1px solid var(--border); z-index: 1; }
.n1-table td { padding: 9px 12px; border-bottom: 1px solid var(--border); vertical-align: middle; font-variant-numeric: tabular-nums; }
.n1-table tbody tr:last-child td { border-bottom: none; }
.n1-table tbody tr[data-login] { cursor: pointer; } .n1-table tbody tr:hover td { background: var(--n1-row-hover); }
.n1-table .right { text-align: right; }
.n1-table .nm { font-weight: 600; } .n1-table .id { font-size: 11.5px; color: var(--muted); }
.n1-table .lv { font-weight: 700; font-size: 14px; }
.n1-lvbar { height: 4px; border-radius: 2px; background: rgba(128,128,128,.18); margin-top: 5px; overflow: hidden; min-width: 90px; }
.n1-lvbar i { display: block; height: 100%; background: var(--positive); border-radius: 2px; }
.n1-lvbar i.warn { background: var(--warning); } .n1-lvbar i.negative { background: var(--negative); }
.n1-status { display: inline-flex; align-items: center; gap: 6px; padding: 2px 9px; border-radius: 999px; font-size: 11.5px; font-weight: 600; background: var(--chip-bg); border: 1px solid var(--chip-border); color: var(--text); }
.n1-status::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--muted); }
.n1-status.positive { color: var(--positive); border-color: rgba(52,199,123,.35); background: rgba(52,199,123,.10); } .n1-status.positive::before { background: var(--positive); }
.n1-status.warn { color: var(--warning); border-color: rgba(245,179,1,.35); background: rgba(245,179,1,.10); } .n1-status.warn::before { background: var(--warning); }
.n1-status.negative { color: var(--negative); border-color: rgba(240,85,79,.35); background: rgba(240,85,79,.10); } .n1-status.negative::before { background: var(--negative); }
.n1-tre-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 14px; }
.n1-tre-panel { background: var(--panel-soft); border: 1px solid var(--border); border-radius: 10px; padding: 12px 14px; min-width: 0; display: flex; flex-direction: column; }
.n1-tre-panel .n1-tablewrap { max-height: 360px; }
.n1-tre-phead { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.n1-tre-phead h3 { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 13.5px; font-weight: 700; }
.n1-tre-phead h3::before { content: ''; width: 3px; height: 14px; border-radius: 2px; background: var(--accent); }
.n1-tre-phead span { font-size: 12px; color: var(--muted); }
@media (max-width: 1200px) { .n1-tre-grid { grid-template-columns: 1fr; } .n1-kpis-5 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }

/* ---------- Piyasa saatleri ---------- */
.n1-sess-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.n1-sess { background: var(--panel-soft); border: 1px solid var(--border); border-radius: 12px; padding: 14px 16px; position: relative; overflow: hidden; }
.n1-sess.open { border-color: rgba(52,199,123,.4); }
.n1-sess.open::after { content: ''; position: absolute; right: -40px; top: -40px; width: 140px; height: 140px; border-radius: 50%; background: radial-gradient(circle, rgba(52,199,123,.22), transparent 70%); pointer-events: none; }
.n1-sess-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.n1-sess-head .nm { font-weight: 700; font-size: 15px; }
.n1-sess-time { font-family: "Inter", "Segoe UI", Arial, sans-serif; font-size: 30px; font-weight: 700; font-variant-numeric: tabular-nums; margin: 10px 0 8px; display: flex; align-items: baseline; gap: 8px; }
.n1-sess-time small { font-size: 11.5px; color: var(--muted); font-weight: 500; }
.n1-sess-bar { height: 6px; border-radius: 3px; background: rgba(128,128,128,.18); overflow: hidden; }
.n1-sess-bar i { display: block; height: 100%; background: var(--positive); border-radius: 3px; transition: width .6s; }
.n1-sess-meta { display: flex; justify-content: space-between; gap: 8px; font-size: 12px; color: var(--muted); margin-top: 8px; font-variant-numeric: tabular-nums; }
.n1-sess-note { font-size: 12px; color: var(--muted); margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--border); }
@media (max-width: 1200px) { .n1-sess-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.n1-nav-sessions, .n1-ico-sessions { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20M12 2a15 15 0 0 1 4 10 15 15 0 0 1-4 10 15 15 0 0 1-4-10 15 15 0 0 1 4-10z'/%3E%3C/svg%3E"); }
html[data-theme] .nav-btn { padding: 6px 10px; }
html[data-theme] .n1-nav-label { padding: 9px 10px 3px; }
html[data-theme] .page-head { gap: 10px; }

/* ---------- v12: vardiya notlari, uyari seridi, odak modu, iskelet, avatar ---------- */
html[data-theme] .n1-notesbtn .ico { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3C/svg%3E") center / contain no-repeat !important; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3C/svg%3E") center / contain no-repeat !important; }
.n1-notes { display: grid; grid-template-columns: 340px minmax(0, 1fr); gap: 14px; }
.n1-note-form { display: flex; flex-direction: column; gap: 8px; background: var(--panel-soft); border: 1px solid var(--border); border-radius: 10px; padding: 12px; align-self: start; position: sticky; top: 0; }
.n1-note-form textarea { resize: vertical; min-height: 72px; font: inherit; font-size: 13px; }
.n1-note-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.n1-chk { display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--muted); cursor: pointer; }
html[data-theme] .btn.primary { background: var(--accent); color: #fff; border-color: var(--accent); }
.n1-note-list { display: flex; flex-direction: column; gap: 8px; }
.n1-note { background: var(--panel-soft); border: 1px solid var(--border); border-radius: 10px; padding: 10px 12px; }
.n1-note.pin { border-color: rgba(255,255,255,.45); box-shadow: inset 3px 0 0 var(--accent); }
.n1-note.done { opacity: .55; } .n1-note.done .n1-note-body { text-decoration: line-through; }
.n1-note-head { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--muted); }
.n1-note-head b { color: var(--text); } .n1-note-head .sp { flex: 1; }
.n1-note-body { margin-top: 6px; font-size: 13.5px; white-space: pre-wrap; }
.n1-avatar { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; font-size: 10.5px; font-weight: 700; color: #fff; background: hsl(var(--h, 220) 55% 45%); margin-right: 8px; flex: 0 0 22px; letter-spacing: .3px; }
.n1-acc-head .nm { display: flex; align-items: center; }
/* uyari seridi */
.n1-alertbar { position: fixed; top: 0; left: 222px; right: 0; z-index: 900; display: none; align-items: center; gap: 10px; padding: 7px 16px; font-size: 12.5px; font-weight: 600; color: #fff; background: linear-gradient(90deg, #b26b00, #d99a12); box-shadow: 0 4px 16px rgba(0,0,0,.35); }
.n1-alertbar.show { display: flex; animation: n1MenuIn .2s ease; }
.n1-alertbar.danger { background: linear-gradient(90deg, #b91c1c, #ef4444 60%, #f59e0b); }
.n1-alertbar .ico { width: 16px; height: 16px; background: #fff; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E") center / contain no-repeat; }
.n1-alertbar .sep { opacity: .6; } .n1-alertbar .msg { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.n1-alertbar .n1-link { margin-left: auto; color: #fff; text-decoration: underline; font-weight: 700; }
html[data-theme] body.n1-has-alert .wrap { padding-top: 48px; }
html.n1-focus .n1-alertbar { left: 0; }
/* odak modu */
html.n1-focus[data-theme] .page-head, html.n1-focus[data-theme] .n1-topbar, html.n1-focus[data-theme] .company-panel, html.n1-focus[data-theme] .n1-dash-sym, html.n1-focus[data-theme] .n1-dash-day, html.n1-focus[data-theme] .margin-panel, html.n1-focus[data-theme] .n1-dash-flow, html.n1-focus[data-theme] .n1-notif { display: none !important; }
html.n1-focus[data-theme] .wrap { margin-left: 0; padding: 18px 24px; gap: 16px; }
html.n1-focus[data-theme] .pnl-panel { grid-area: 1 / 1 / 2 / 13; }
html.n1-focus[data-theme] .n1-dash-treasury { grid-area: 2 / 1 / 3 / 13; }
html.n1-focus[data-theme] .blotter-panel { grid-area: 3 / 1 / 4 / 13; height: calc(100vh - 420px); min-height: 360px; }
html.n1-focus[data-theme] .pnl-card .pnl-value { font-size: 30px; }
html.n1-focus[data-theme] .n1-tre-main .v { font-size: 28px; }
.n1-focus-chip { position: fixed; right: 16px; bottom: 16px; z-index: 950; display: none; padding: 7px 12px; border-radius: 999px; background: var(--panel); border: 1px solid var(--border-glow); color: var(--muted); font-size: 12px; box-shadow: 0 8px 24px rgba(0,0,0,.35); }
.n1-focus-chip.show { display: block; }
.n1-focus-chip kbd { font: 600 11px/1 "Inter", "Segoe UI", sans-serif; border: 1px solid var(--border-glow); border-radius: 4px; padding: 2px 5px; background: var(--panel-strong); color: var(--text); }
/* yukleme iskeleti */
.n1-skel { display: flex; flex-direction: column; gap: 10px; padding: 4px 0; }
.n1-skel i { display: block; height: 12px; border-radius: 6px; background: linear-gradient(90deg, rgba(128,128,128,.10) 25%, rgba(128,128,128,.22) 50%, rgba(128,128,128,.10) 75%); background-size: 200% 100%; animation: n1Shimmer 1.4s infinite; }
.n1-skel i.k3 { height: 62px; border-radius: 8px; } .n1-skel i.l { width: 92%; } .n1-skel i.s { width: 55%; }
@keyframes n1Shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
.n1-notif-item.alert .bar { background: var(--warning); } .n1-notif-item .what b.alert { color: var(--warning); }
.n1-toast.alert { border-color: rgba(245,179,1,.5); }
.n1-nav-notes, .n1-ico-notes { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z'/%3E%3C/svg%3E"); }
.n1-nav-focus { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3H5a2 2 0 0 0-2 2v3M21 8V5a2 2 0 0 0-2-2h-3M3 16v3a2 2 0 0 0 2 2h3M16 21h3a2 2 0 0 0 2-2v-3'/%3E%3C/svg%3E"); }
html[data-theme] #n1NavNotes, html[data-theme] #n1NavFocus { font-family: inherit; cursor: pointer; }
@media (max-width: 1100px) { .n1-notes { grid-template-columns: 1fr; } }

/* ---------- v13: Acik tema yeniden - lacivert yan menu, gri-mavi zemin ---------- */
html[data-theme="light"] {
  --bg: #e6eaf2; --panel: #f7f9fc; --panel-soft: #eef2f8; --panel-strong: #e4e9f2; --panel-glass: #f7f9fc;
  --text: #0f1b33; --muted: #526381; --border: #d3dbe8; --border-glow: #b3c0d8;
  --accent: #14804a; --accent-soft: #0f6238; --positive: #14804a; --negative: #c4302b; --warning: #a35b00;
  --chip-bg: rgba(0,0,0,0.07); --chip-border: rgba(0,0,0,0.16); --scrollbar: rgba(15,27,51,0.25);
  --n1-side: #0f1b33; --n1-shadow: 0 1px 3px rgba(15,27,51,0.08); --n1-row-hover: rgba(0,0,0,0.06);
}
html[data-theme="light"] .page-head { background: linear-gradient(180deg, #0f1b33, #13224a); border-right: 1px solid #1c2c52; }
html[data-theme="light"] .page-head .n1-brand { border-bottom-color: rgba(255,255,255,0.10); }
html[data-theme="light"] .nav-btn { color: #c7d2e8; }
html[data-theme="light"] .nav-btn:hover { background: rgba(255,255,255,0.08); color: #fff; }
html[data-theme="light"] .nav-btn.active { background: #3b5bdb; color: #fff; }
html[data-theme="light"] .n1-nav-label { color: #7f92b8; }
html[data-theme="light"] .head-actions { border-top-color: rgba(255,255,255,0.10); }
html[data-theme="light"] .theme-toggle { background: rgba(255,255,255,0.06); color: #dfe6f5; border-color: rgba(255,255,255,0.14); }
html[data-theme="light"] .n1-clock-time { color: #fff; } html[data-theme="light"] .n1-clock-sub { color: #8ea0c4; }
html[data-theme="light"] .n1-palette-btn { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.14); color: #c7d2e8; }
html[data-theme="light"] .n1-palette-btn kbd { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.18); color: #c7d2e8; }
html[data-theme="light"] .panel { box-shadow: 0 1px 3px rgba(15,27,51,0.06); }
html[data-theme="light"] .pnl-card, html[data-theme="light"] .n1-kpi, html[data-theme="light"] .n1-tre-group, html[data-theme="light"] .n1-acc, html[data-theme="light"] .n1-sess, html[data-theme="light"] .n1-note { background: #ffffff; }
html[data-theme="light"] .n1-topbar .n1-iconbtn, html[data-theme="light"] .n1-bell { background: #ffffff; }
html[data-theme="light"] .n1-alertbar { left: 222px; }

.n1-acc-main .muted { font-size: 14px; font-weight: 600; }

.n1-acc-grid { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
.n1-acc-row + .n1-acc-row { border-top: 1px dashed var(--border); padding-top: 6px; }
.n1-acc .n1-status.warn { font-size: 10px; padding: 1px 7px; }

.n1-nav-positions, .n1-ico-positions { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 2 7 12 12 22 7 12 2'/%3E%3Cpolyline points='2 17 12 22 22 17'/%3E%3Cpolyline points='2 12 12 17 22 12'/%3E%3C/svg%3E"); }
html[data-theme] .sheet-chart { width: min(1500px, 96vw) !important; max-height: 94vh !important; padding: 18px 22px !important; }
html[data-theme] .chart-modal-body { min-height: 300px; }
html[data-theme] .chart-details { max-height: 42vh; overflow: auto; }

/* ---------- v8: yonetici onayi penceresi ---------- */
.n1-auth { position: fixed; inset: 0; z-index: 8000; background: rgba(0,0,0,.55); display: flex; align-items: center; justify-content: center; }
.n1-auth-box { width: min(380px, 92vw); background: var(--panel); border: 1px solid var(--border-glow); border-radius: 8px; padding: 18px 20px; box-shadow: 0 20px 50px rgba(0,0,0,.5); }
.n1-auth-box h3 { margin: 0 0 6px; font-size: 15px; font-weight: 700; color: var(--text); }
.n1-auth-box p { margin: 0 0 12px; font-size: 13px; color: var(--muted); }
.n1-auth-pass { width: 100%; box-sizing: border-box; height: 34px; padding: 0 10px; border-radius: 6px; background: var(--panel-strong); color: var(--text); border: 1px solid var(--border); outline: none; font-size: 14px; }
.n1-auth-pass:focus { border-color: var(--accent); }
.n1-auth-err { min-height: 18px; margin-top: 6px; font-size: 12.5px; color: var(--negative); }
.n1-auth-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 6px; }

/* ---------- v8: bildirimler tam ekran gorunumu ---------- */
.n1-nf-bar { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; font-size: 12.5px; }
.n1-nf-bar .sp { flex: 1; }
.n1-nf-table td { vertical-align: top; }
.n1-nf-table td.right { text-align: right; }
.n1-nf-table tr.buy td:first-child { box-shadow: inset 3px 0 0 var(--positive); }
.n1-nf-table tr.sell td:first-child { box-shadow: inset 3px 0 0 var(--negative); }
.n1-nf-table tr.alert td:first-child { box-shadow: inset 3px 0 0 var(--warning); }
.n1-nf-table b.buy { color: var(--positive); } .n1-nf-table b.sell { color: var(--negative); } .n1-nf-table b.alert { color: var(--warning); }

/* ---------- v8: hesap bazinda gunluk P&L grafigi (dikey, yatay kaydirmali) ---------- */
html[data-theme] .chart-modal-body.n1-accchart { flex: 0 0 auto; min-height: 0; display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }
.n1-accchart-bar { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; font-size: 12.5px; color: var(--muted); }
.n1-accchart-bar .sp { flex: 1; }
.n1-accchart-bar .lg { display: inline-flex; align-items: center; gap: 6px; }
.n1-accchart-bar .lg i { display: inline-block; width: 10px; height: 10px; border-radius: 2px; }
.n1-accchart-bar .lg i.pos { background: var(--positive); }
.n1-accchart-bar .lg i.neg { background: var(--negative); }
.n1-accchart-bar .lg i.cov { background: var(--accent); }
.n1-accchart-bar .note { color: var(--muted); }
.n1-accchart-bar .n1-chk { display: inline-flex; align-items: center; gap: 6px; color: var(--text); cursor: pointer; }
.n1-accchart-scroll { overflow-x: auto; overflow-y: hidden; border: 1px solid var(--border); border-radius: 8px; background: var(--panel-strong); }
.n1-accchart-inner { position: relative; height: 400px; min-width: 100%; }