/* =====================================================================
   Bybit look and feel.

   Colours, type sizes, control heights and spacing are taken from the
   Bybit web app screenshots supplied on 13 September 2026 (copy-trading
   account overview, trade history table, trader profile). This file is
   loaded AFTER style.css and only re-points the design tokens and the
   handful of components whose shape differs, so the layout from the UI
   package stays intact.

   Palette read off the screenshots:
     orange  #f7a600  brand, active tab underline, primary button
     green   #20b26c  profit
     red     #ef454a  loss, Short tag
     ink     #121214  primary text
     grey    #81858c  secondary text, table headers
     line    #ebecef  separators
     shell   #f4f4f6  page behind the cards
     nav     #17181e  dark chrome
   ===================================================================== */

:root{
  --ax-bg:#f4f4f6;
  --ax-surface:#ffffff;
  --ax-subtle:#f7f7f8;
  --ax-text:#121214;
  --ax-muted:#81858c;
  --ax-line:#ebecef;
  --ax-brand:#f7a600;
  --ax-brand-soft:#fef6e7;
  --ax-good:#20b26c;
  --ax-good-soft:#e9f7f0;
  --ax-bad:#ef454a;
  --ax-bad-soft:#fdecec;
  --ax-warn:#c07a00;
  --ax-warn-soft:#fef6e7;
  --ax-nav:#17181e;
  --ax-nav-text:#c7ccd6;
  --ax-shadow:0 6px 24px rgba(18,18,20,.08);
  --ax-radius:16px;
  --ax-ink-on-brand:#17181e;
}

:root[data-theme="dark"],[data-theme="dark"]{
  --ax-bg:#0b0e11;
  --ax-surface:#17181e;
  --ax-subtle:#1e2026;
  --ax-text:#eaecef;
  --ax-muted:#81858c;
  --ax-line:#2b2f36;
  --ax-brand:#f7a600;
  --ax-brand-soft:#33280f;
  --ax-good:#20b26c;
  --ax-good-soft:#11291f;
  --ax-bad:#ef454a;
  --ax-bad-soft:#2c1718;
  --ax-warn:#f7a600;
  --ax-warn-soft:#33280f;
  --ax-nav:#101114;
  --ax-nav-text:#c7ccd6;
  --ax-shadow:0 6px 24px rgba(0,0,0,.5);
  --ax-ink-on-brand:#17181e;
}

/* ------------------------------------------------------------ type */
body{
  font-family:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,
    Helvetica,Arial,sans-serif;
  font-size:14px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
h1{font-size:24px;font-weight:600;letter-spacing:0;line-height:1.3}
h2{font-size:16px;font-weight:600;letter-spacing:0}
h3{font-size:14px;font-weight:600;letter-spacing:0}
small,.muted,.sub,.description{font-size:12px}
.eyebrow{font-size:11px;font-weight:500;letter-spacing:.4px;color:var(--ax-muted)}
.page-head p{font-size:14px;color:var(--ax-muted)}

/* ------------------------------------------------------- containers */
.surface{border-radius:16px}
.bot-card{border-radius:16px;padding:20px}
main{padding:24px 32px 56px}
.topbar{height:64px;padding:0 32px}

/* ---------------------------------------------------------- buttons */
.button{
  border-radius:8px;min-height:40px;padding:10px 16px;
  font-size:14px;font-weight:500;border:1px solid var(--ax-line);
  background:var(--ax-surface);color:var(--ax-text)}
.button:hover:not(:disabled){background:var(--ax-subtle)}
.button.small{min-height:32px;padding:6px 12px;font-size:12px}
.button.primary{
  background:var(--ax-brand);border-color:var(--ax-brand);
  color:var(--ax-ink-on-brand);font-weight:600}
.button.primary:hover:not(:disabled){background:#e59a00;border-color:#e59a00}
/* prazen (obrobljen) rdec gumb, kot Bybitov Yes: bela podlaga, rdec rob in napis */
.button.danger{background:var(--ax-surface);border-color:var(--ax-bad);color:var(--ax-bad)}
.button.danger:hover:not(:disabled){background:var(--ax-bad-soft);border-color:var(--ax-bad);color:var(--ax-bad)}
.button.ghost{background:transparent;border-color:transparent;color:var(--ax-muted)}
.text-button{font-size:14px;font-weight:500;color:var(--ax-brand)}
.icon-button{width:36px;min-height:36px;border-radius:8px}

/* ----------------------------------------------------------- inputs */
.input,input:not([type=checkbox]):not([type=radio]),select{
  min-height:40px;border-radius:8px;padding:9px 12px;font-size:14px;
  border:1px solid var(--ax-line);background:var(--ax-surface)}
input:focus,select:focus{border-color:var(--ax-brand)}
.field label,.field-label{font-size:13px;font-weight:500;color:var(--ax-text)}
.field small{font-size:12px;color:var(--ax-muted)}
.field input,.field select{min-height:40px}
.field .unit span{top:10px;font-size:13px}
.top-actions select{min-height:36px;font-size:13px}
input[type=checkbox],input[type=radio]{accent-color:var(--ax-brand)}

/* ------------------------------------------- segmented control, tabs */
.seg{background:transparent;border:0;padding:0;gap:8px}
.seg button{
  min-height:36px;padding:7px 16px;border-radius:8px;font-size:14px;
  font-weight:500;background:var(--ax-subtle);color:var(--ax-muted)}
.seg button.active,.seg button[aria-pressed="true"]{
  background:var(--ax-brand-soft);color:var(--ax-brand);font-weight:600}
.tabs{gap:32px;margin:10px 0 20px}
.tabs button{font-size:16px;font-weight:500;padding:12px 0;color:var(--ax-muted)}
.tabs button.active{color:var(--ax-text);font-weight:600;border-bottom-color:var(--ax-brand)}

/* ------------------------------------------------------------ table */
.data-table th{
  font-size:13px;font-weight:400;letter-spacing:0;text-transform:none;
  color:var(--ax-muted);background:var(--ax-subtle);padding:13px 16px}
.data-table td{padding:16px;font-size:14px}
.table-footer{font-size:12px}

/* ------------------------------------------------------- statistics */
.stat{padding:20px 24px}
.stat-label{font-size:13px;color:var(--ax-muted);font-weight:400;
  letter-spacing:0;text-transform:none}
.stat-value{font-size:24px;font-weight:600;letter-spacing:0}
.stat-value em{font-size:13px;font-weight:400;color:var(--ax-muted);
  font-style:normal;margin-left:4px}
.stat-sub{font-size:12px}
.pnl-large{font-size:26px;font-weight:600}

/* ------------------------------------------------------------ tags */
.badge{
  border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500;
  border-color:transparent;background:var(--ax-subtle);color:var(--ax-muted)}
.badge.long,.badge.good{background:var(--ax-good-soft);color:var(--ax-good)}
.badge.short,.badge.bad{background:var(--ax-bad-soft);color:var(--ax-bad)}
.badge.brand{background:var(--ax-brand-soft);color:var(--ax-brand)}
.badge.warn{background:var(--ax-warn-soft);color:var(--ax-warn)}
.demo-label{font-size:12px;font-weight:500;padding:4px 10px;border-radius:4px;
  color:var(--ax-brand);background:var(--ax-brand-soft)}
.health{font-size:12px;border-radius:8px;min-height:36px}

/* --------------------------------------------------------- sidebar */
.brand{font-size:19px;font-weight:700}
.brand-mark{background:var(--ax-brand)}
.brand-mark svg{stroke:var(--ax-ink-on-brand)}
.nav button{font-size:14px;font-weight:400;border-radius:8px}
.nav button.active{background:rgba(247,166,0,.14);color:var(--ax-brand);font-weight:500}
.nav button.active .icon{color:var(--ax-brand)}
.nav button .count{background:var(--ax-brand);color:var(--ax-ink-on-brand)}
.workspace{background:#20222a;border-color:#2b2f36}
[data-theme="dark"] .workspace{background:#1a1b21;border-color:#2b2f36}

/* ---------------------------------------------------------- wizard */
.step-number{background:var(--ax-subtle);color:var(--ax-muted);font-size:12px}
.steps button{font-size:14px;color:var(--ax-muted)}
.steps button.active{color:var(--ax-text);font-weight:600}
.steps button.active .step-number{background:var(--ax-brand);
  color:var(--ax-ink-on-brand)}
.form-card{border-radius:16px}
.order-num{background:var(--ax-subtle);color:var(--ax-muted);font-size:12px}

/* ------------------------------------------------- our own additions */
.rung.filled{border-color:var(--ax-good);background:var(--ax-good-soft)}
.replay-cell{border-radius:12px}
.replay-cell b{font-size:20px;font-weight:600;letter-spacing:0}
.advice{border-color:#f6dfae;background:var(--ax-brand-soft);color:#8a6100;
  border-radius:8px;font-size:13px}
[data-theme="dark"] .advice{border-color:#4b3a15;color:#f0c064}
.errbox{border-radius:8px;font-size:13px}
.event-list h3{font-size:14px}
.event-list p{font-size:13px}
.event-list time{font-size:12px}
.key-values dt{font-size:12px;color:var(--ax-muted)}
.key-values dd{font-size:14px}

/* the bot column must not wrap its name into a column of letters */
.bot-col{min-width:172px}
.bot-identity small{white-space:nowrap}
.bot-identity>div{min-width:0}
.name-col{min-width:150px}
@media(max-width:600px){.bot-col,.name-col{min-width:0}}

/* ------------------------------------------- plain-language tooltips */
.tip-label{cursor:help;border-bottom:1px dotted var(--ax-muted)}
button.tip{display:inline-grid;place-items:center;width:18px;height:18px;margin-left:6px;
  border-radius:50%;border:1px solid var(--ax-line);background:var(--ax-subtle);
  color:var(--ax-muted);font-size:11px;font-weight:600;line-height:1;padding:0;
  vertical-align:middle;cursor:help}
button.tip:hover,button.tip:focus-visible{border-color:var(--ax-brand);color:var(--ax-brand)}
.tipbox{position:fixed;z-index:80;background:var(--ax-text);color:var(--ax-surface);
  border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.55;
  box-shadow:0 12px 32px rgba(0,0,0,.25);pointer-events:none}
.tipbox b{display:block;font-size:13px;margin-bottom:4px;color:var(--ax-brand)}
.tipbox p{margin:0}
[data-theme="dark"] .tipbox{background:#2a2d35;color:#eaecef}
.key-values dt .tip-label{border-bottom-color:var(--ax-line)}

/* bot card: three statistics side by side */
.bot-card-stats.three{grid-template-columns:repeat(3,1fr);gap:8px}
.bot-card-stats.three strong{font-size:14px}
.bot-card-stats.three small{display:block;font-size:11px;margin-top:1px}
@media(max-width:600px){.bot-card-stats.three{grid-template-columns:repeat(3,1fr)}}

/* statistics screen */
.stat-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin-top:12px}
.stat-line{display:flex;justify-content:space-between;align-items:center;gap:10px;
  min-height:40px;padding:6px 0;border-bottom:1px solid var(--ax-line)}
.stat-list{margin-top:12px}
.stat-list .stat-line:last-child{border-bottom:0}
.stat-line button.tip{width:16px;height:16px;font-size:10px;margin-left:5px}
.stat-grid2 .stat-line{flex-direction:column;align-items:flex-start;gap:2px;border-bottom:0;padding:0}
.stat-line span{font-size:12px;color:var(--ax-muted)}
.stat-line b{font-size:14px;font-weight:600}
.stat-grid2 .stat-line b{font-size:18px}
.winbar{height:6px;border-radius:3px;background:var(--ax-line);overflow:hidden;margin-top:8px}
.winbar i{display:block;height:100%;background:var(--ax-good)}
@media(max-width:820px){.two-col[style]{grid-template-columns:1fr!important}}

/* razlog ustavitve na kartici bota */
.bot-card-stop{display:flex;gap:8px;align-items:flex-start;margin:-8px 0 14px;padding:9px 11px;border-radius:8px;background:var(--ax-bad-soft);color:var(--ax-bad);font-size:11px;line-height:1.45}
.bot-card-stop .icon{width:15px;height:15px;margin-top:1px}
.bot-card-stop b{font-weight:650}

/* izbran hitri gumb (npr. +0,05 % v oknu za zaprtje): ista rumena kot izbrana moznost */
.button[aria-pressed="true"]{background:var(--ax-brand-soft);border-color:var(--ax-brand);color:var(--ax-brand);font-weight:650}
.button[aria-pressed="true"]:hover{background:var(--ax-brand-soft)}

/* DCA Pro preset (whitepaper 6f): rumena skatla, siva ko preset ne gre */
.pro-box{border:1px solid var(--ax-brand);background:var(--ax-brand-soft);border-radius:10px;padding:12px 14px;margin-bottom:16px}
.pro-box.off{border-color:var(--ax-line);background:var(--ax-subtle)}
.pro-box .button{margin-top:8px}
.pro-box .button[disabled]{background:var(--ax-subtle);color:var(--ax-muted);border-color:var(--ax-line);opacity:1;cursor:not-allowed}
.pro-box .description{color:var(--ax-text)}
.pro-box.off .description{color:var(--ax-muted)}

/* Accounts: kartice racunov */
.acc-grid-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}
@media(max-width:1100px){.acc-grid-cards{grid-template-columns:1fr}}
.acc-card{border:1px solid var(--ax-line);border-left:4px solid var(--acc,var(--ax-brand));border-radius:12px;background:var(--ax-surface);padding:18px 20px}
.acc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.acc-mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;font-size:12px;font-weight:750;flex:none;
  background:color-mix(in srgb,var(--acc) 14%,var(--ax-surface));color:var(--acc);border:1px solid color-mix(in srgb,var(--acc) 30%,var(--ax-line))}
.acc-name{font-size:15px}
.acc-equity{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:16px 0 14px;padding-bottom:14px;border-bottom:1px solid var(--ax-line)}
.acc-big{font-size:28px;font-weight:650;letter-spacing:-.8px;margin:3px 0}
.acc-big em{font-style:normal;font-size:12px;font-weight:500;letter-spacing:0;color:var(--ax-muted)}
.acc-spark{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.acc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px}
.acc-cell span{display:block;font-size:10px;color:var(--ax-muted)}
.acc-cell b{display:block;font-size:15px;font-weight:600;margin-top:2px}
.acc-cell small{display:block;font-size:10px;margin-top:2px;line-height:1.4}
.acc-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;padding-top:12px;border-top:1px solid var(--ax-line)}
@media(max-width:600px){.acc-grid{grid-template-columns:1fr 1fr}}

/* Overview: pet kartic (Total Equity) */
.stats.five{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:900px){.stats.five{grid-template-columns:repeat(2,minmax(0,1fr))}.stats.five .stat{border-left:0;border-top:1px solid var(--ax-line)}}

/* Current Trades: kompaktna vrstica lestve (fiksna sirina 96 px, delezi sorazmerni) */
.entry-count{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px}
.entry-count b{font-weight:650}
.entry-ring{display:inline-block;width:16px;height:16px;border-radius:50%;flex:none;background:conic-gradient(var(--ax-brand) calc(var(--f) * 1%),color-mix(in srgb,var(--ax-brand) 35%,transparent) 0 calc(var(--n) * 1%),var(--ax-line) 0);-webkit-mask:radial-gradient(circle at center,transparent 4.5px,#000 5px);mask:radial-gradient(circle at center,transparent 4.5px,#000 5px)}

/* lepljivi povzetek urejevalnika: ce je visji od okna, se pomika sam v sebi, sicer
   spodnjega dela (Entry distribution) ni mogoce videti */
.summary-sticky{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto}

/* kartica bota: vstopna cena (limit) */
.bot-card-limit{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:-8px 0 14px;padding:8px 11px;border-radius:8px;background:var(--ax-warn-soft);font-size:11px}
.bot-card-limit span{color:var(--ax-warn);font-weight:600}
.bot-card-limit b{font-size:13px}
.bot-card-limit small{font-size:10px}

/* Security: QR koda */
#totpQr svg{width:200px;height:200px}

/* Bots: kartica z vsemi kljucnimi podatki in vrstico dejanj (15. 9. 2026) */
.bot-card.bc{display:flex;flex-direction:column;padding:0;overflow:hidden;border-radius:14px;transition:box-shadow .15s,border-color .15s}
.bot-card.bc:hover{border-color:color-mix(in srgb,var(--ax-brand) 35%,var(--ax-line));box-shadow:0 6px 22px #10182812}
.bc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:18px 18px 0}
.bc-head .bot-identity{min-width:0}
.bc-head .bot-identity>div{min-width:0}
.bc-head .bot-identity button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block;font-size:15px;font-weight:650}
.bc-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:14px 18px 0}
.bc-tags>strong{font-size:15px;letter-spacing:-.2px;margin-right:2px}
.bc-tags .badge{font-size:10px;padding:3px 7px}
.bc-kv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px;margin:16px 18px 0;padding:14px 0 0;border-top:1px solid var(--ax-line)}
.bc-kv dt{font-size:10px;color:var(--ax-muted);margin-bottom:3px}
.bc-kv dd{margin:0;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-kv dd small{font-weight:500;font-size:10px}
.bot-card.bc .bot-card-limit,.bot-card.bc .bot-card-stop{margin:14px 18px 0}
.bc-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 18px 0;padding:12px 14px;border-radius:10px;background:var(--ax-subtle)}
.bc-stats span{display:block;font-size:10px;color:var(--ax-muted)}
.bc-stats strong{display:block;font-size:15px;font-weight:650;margin-top:2px}
.bc-stats small{display:block;font-size:10px;margin-top:1px;white-space:nowrap}
.bc-close{font-size:10px;color:var(--ax-bad);margin-top:2px}
.bc-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:auto;border-top:1px solid var(--ax-line)}
.bot-card.bc .bc-stats{margin-bottom:16px}
.bc-act{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:58px;padding:8px 2px;border:0;background:transparent;color:var(--ax-text);font-size:10px;font-weight:600}
.bc-act+.bc-act{border-left:1px solid var(--ax-line)}
.bc-act .icon{width:17px;height:17px}
.bc-act:hover:not(:disabled){background:var(--ax-subtle)}
.bc-act.brand{color:var(--ax-brand)}
.bc-act.warn{color:var(--ax-warn)}
.bc-act.bad{color:var(--ax-bad)}
.bc-act:disabled{color:var(--ax-muted);opacity:.45}
.bots-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:var(--ax-surface);border:1px solid var(--ax-line);border-radius:var(--ax-radius);margin-bottom:18px}
.bots-summary>div{padding:12px 18px}
.bots-summary>div+div{border-left:1px solid var(--ax-line)}
.bots-summary span{display:block;font-size:10px;color:var(--ax-muted)}
.bots-summary strong{display:block;font-size:17px;font-weight:650;margin-top:2px}
.bots-summary small{display:block;font-size:10px;color:var(--ax-muted)}
.bots-summary strong span,.bots-summary small span{display:inline;font-size:inherit}
.bots-summary strong span.muted,.bots-summary strong span:not(.pos):not(.neg){color:inherit}
@media(max-width:900px){.bots-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.bots-summary>div:nth-child(4){border-left:0}.bots-summary>div:nth-child(n+4){border-top:1px solid var(--ax-line)}}
@media(max-width:600px){.bc-kv{grid-template-columns:repeat(2,minmax(0,1fr))}.bots-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.bots-summary>div{border-left:0!important;border-top:1px solid var(--ax-line)}.bots-summary>div:first-child{grid-column:1/-1;border-top:0}}

/* Chart: sveče in naročila bota (15. 9. 2026) */
.chart-wrap{margin-top:12px;border:1px solid var(--ax-line);border-radius:10px;background:var(--ax-surface);padding:6px 4px 0;overflow:hidden}
.bot-chart{width:100%;height:auto;display:block}
.bot-chart .ch-grid{stroke:var(--ax-line);stroke-width:1}
.bot-chart .ch-axis{font:10.5px Inter,"Segoe UI",sans-serif;fill:var(--ax-muted)}
.bot-chart .ch-up{stroke:var(--ax-good);fill:var(--ax-good)}
.bot-chart .ch-down{stroke:var(--ax-bad);fill:var(--ax-bad)}
.bot-chart .ch-last{stroke:var(--ax-text);stroke-width:1;stroke-dasharray:2 3;opacity:.7}
.bot-chart .ch-tag{fill:var(--ax-surface);stroke:var(--c);stroke-width:1}
.bot-chart .ch-tag-t{font:650 11.5px Inter,"Segoe UI",sans-serif;font-variant-numeric:tabular-nums}
.bot-chart .ch-tag-s{font:9.5px Inter,"Segoe UI",sans-serif;fill:var(--ax-muted)}
.ch-edges{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--ax-muted);margin-top:8px}
.ch-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:11px;margin-top:10px;color:var(--ax-text)}
.ch-key{display:inline-flex;align-items:center;gap:6px}
.drawer .seg button{font-size:11px}

/* mini Chart na kartici bota (15. 9. 2026) */
.bc-mini{display:block;width:auto;margin:14px 18px 0;padding:10px 12px 8px;border:1px solid var(--ax-line);border-radius:10px;background:var(--ax-surface);text-align:left;color:var(--ax-text);font:inherit}
.bc-mini:hover{border-color:color-mix(in srgb,var(--ax-brand) 45%,var(--ax-line));background:var(--ax-subtle)}
.bc-mini-head{display:flex;justify-content:space-between;align-items:baseline;font-size:10px;color:var(--ax-muted);margin-bottom:6px}
.bc-mini-head b{font-size:12px;color:var(--ax-text)}
.bc-mini-head small{font-size:10px}
.bc-mini-svg{display:block;width:100%;height:64px}
.bc-mini-svg polygon.up{fill:color-mix(in srgb,var(--ax-good) 10%,transparent)}
.bc-mini-svg polygon.down{fill:color-mix(in srgb,var(--ax-bad) 10%,transparent)}
.bc-mini-svg polyline.line{fill:none;stroke-width:1.5;vector-effect:non-scaling-stroke}
.bc-mini-svg polyline.up{stroke:var(--ax-good)}
.bc-mini-svg polyline.down{stroke:var(--ax-bad)}
.bc-mini-svg .last{stroke:var(--ax-text);stroke-width:1;stroke-dasharray:2 3;opacity:.55}
.bc-mini-empty{height:64px;border-radius:6px;background:var(--ax-subtle)}
.bc-mini-legend{display:flex;flex-wrap:wrap;gap:3px 12px;margin-top:6px;font-size:10px;color:var(--ax-muted)}
.bc-mini-legend i{display:inline-block;width:10px;height:2px;border-radius:1px;vertical-align:middle;margin-right:4px}
.bc-mini-legend b{color:var(--ax-text);font-weight:600}
.bc-mini-legend small{font-size:10px}

/* mini Chart v Current Trades (15. 9. 2026) */
.tr-mini{display:block;border:1px solid var(--ax-line);border-radius:8px;background:var(--ax-surface);padding:4px 5px 2px;width:96px;text-align:left;color:var(--ax-text);font:inherit}
.tr-mini:hover{border-color:color-mix(in srgb,var(--ax-brand) 45%,var(--ax-line));background:var(--ax-subtle)}
.bc-mini-svg.tr{height:36px}
.tr-mini .sub{margin-top:2px;white-space:nowrap;font-size:9.5px}
.data-table .chart-col{padding-left:8px;padding-right:8px}
@media(max-width:600px){.data-table.responsive .chart-col{grid-column:1/-1}.tr-mini{width:100%}}

/* Chart v Past Trades (15. 9. 2026) */
.bc-mini-svg .pm-life,.bot-chart .pm-life{fill:color-mix(in srgb,var(--ax-brand) 9%,transparent)}
.bc-mini-svg polyline.pm{stroke:var(--ax-text);opacity:.75}
.pm-key{display:inline-block;width:18px;height:10px;border-radius:2px;background:color-mix(in srgb,var(--ax-brand) 18%,transparent)}
.tr-mini.past{width:92px}
.tr-mini.past .bc-mini-svg.tr{height:34px}

/* Chart v Events (15. 9. 2026) */
.event-list li{grid-template-columns:35px minmax(0,1fr) auto}
.ev-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:96px}
.ev-chart .tr-mini.past{width:112px}
.ev-chart-btn{display:inline-flex;align-items:center;gap:4px;font-size:11px}
.ev-chart-btn .icon{width:14px;height:14px}
@media(max-width:600px){.ev-side{grid-column:2;align-items:flex-start}}

/* Accounts: odprte pozicije z grafom (15. 9. 2026) */
.acc-pos{margin:4px 0 12px;padding:10px 0 0;border-top:1px solid var(--ax-line)}
.acc-pos-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;margin-top:6px}
.acc-pos-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--ax-line);border-radius:10px;background:var(--ax-subtle)}
.acc-pos-txt{min-width:0}
.acc-pos-txt b{font-size:13px}
.acc-pos-txt .sub{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acc-pos-item .tr-mini{flex:none;width:112px}

/* Settings, Charts (15. 9. 2026) */
.ch-preview{max-width:360px;margin-top:6px}
.ch-preview .bc-mini{margin:0}

/* tabele Trades brez drsnika (15. 9. 2026) */
.data-table.compact th,.data-table.compact td{padding-left:9px;padding-right:9px}
.data-table.compact td:first-child,.data-table.compact th:first-child{padding-left:18px}
.data-table.compact td:last-child,.data-table.compact th:last-child{padding-right:16px}
.data-table.compact .sub.nowrap{white-space:nowrap}
.data-table.compact .bot-identity button{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.data-table.compact .next-col{min-width:150px;max-width:210px}
.data-table.compact .arrow-col .icon-button{width:30px;min-height:30px;padding:6px}
@media(max-width:600px){.data-table.compact .bot-identity button{max-width:none}}
.data-table.compact .name-col{max-width:190px}

/* Statistics v slogu Overview (15. 9. 2026) */
.st-kpis{margin-bottom:20px}
.st-kpis .stat-label .tip-label,.st-page .tip-label{border-bottom-color:var(--ax-line)}
.st-kpis .winbar{height:4px;margin-top:8px;max-width:180px}
.st-page .stat-list{margin:0;padding:0 21px 12px}
.st-page .stat-line{min-height:0;padding:9px 0}
.st-page .stat-line span{font-size:13px;color:var(--ax-muted)}
.st-page .stat-line b{font-size:13px;font-weight:500;color:var(--ax-text)}
.st-page .stat-line b.pos{color:var(--ax-good)}
.st-page .stat-line b.neg{color:var(--ax-bad)}
.st-chart{padding:0 21px 16px}
@media(hover:hover){.st-kpis button.tip,.st-page button.tip{display:none}}

/* opozorilo o likvidaciji na Overview (15. 9. 2026) */
.notice.liq-crit{background:var(--ax-bad-soft);color:var(--ax-bad);border-color:color-mix(in srgb,var(--ax-bad) 35%,transparent)}
.liq-warn{color:var(--ax-warn);font-weight:600}
.notice .text-button + .text-button{margin-left:12px}
.st-page .stat-line b.liq-warn{color:var(--ax-warn)}
.liq-status{margin-top:10px;padding:10px 12px;border:1px solid var(--ax-line);border-radius:8px;background:var(--ax-subtle);font-size:12px;display:flex;flex-direction:column;gap:4px}