:root{
  --bg:#EDEAE3;--panel:#FFFFFF;--panel-2:#F6F4EF;--ink:#12151A;--ink-2:#3A4048;--muted:#6B727C;
  --line:#DCD7CC;--line-2:#E8E4DB;--sel:#E4ECF7;
  --buy:#1F5FBF;--buy-bg:#E7EFFB;--sell:#C0392B;--sell-bg:#FBEAE8;
  --pos:#1F6B45;--neg:#B3261E;--brand:#8E1B12;--swiss:#D52B1E;
  --chrome:#12151A;--on-chrome:#E9EAEC;--input:#FCFBF8;--hover:#F2F5FA;--alert-line:#EFC9C3;--shadow:rgba(0,0,0,.08);--backdrop:rgba(18,21,26,.18);
  --sans:"IBM Plex Sans",system-ui,-apple-system,Segoe UI,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;
}
/* Tamna tema u stilu MetaTrader-a: crn grafikon, tamno sivi paneli, zelene/crvene cene. */
:root[data-theme="dark"]{
  --bg:#101010;--panel:#1B1B1B;--panel-2:#232323;--ink:#E6E6E6;--ink-2:#C8C8C8;--muted:#8C8C8C;
  --line:#333333;--line-2:#2A2A2A;--sel:#1E3A5F;
  --buy:#4C9AFF;--buy-bg:#14263D;--sell:#FF5A4E;--sell-bg:#3A1714;
  --pos:#2ECC71;--neg:#FF5A4E;--brand:#B3261E;
  --chrome:#000000;--on-chrome:#E6E6E6;--input:#121212;--hover:#262F3A;--alert-line:#5A2320;--shadow:rgba(0,0,0,.5);--backdrop:rgba(0,0,0,.35);
  color-scheme:dark;
}

*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:13px/1.4 var(--sans)}
button,input,select{font:inherit;color:inherit}
.mono,td.n,.num{font-family:var(--mono);font-variant-numeric:tabular-nums}
.pos{color:var(--pos)}.neg{color:var(--neg)}.muted{color:var(--muted)}
[hidden]{display:none!important}

/* ---------- auth strane ---------- */
.auth{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 16px}
.auth .box{width:100%;max-width:440px;background:var(--panel);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.auth .head{background:var(--chrome);color:var(--on-chrome);padding:18px 22px;display:flex;align-items:center;gap:12px}
.auth .head .tag{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#B4BAC2}
.auth .body{padding:22px}
.auth h1{font:400 26px/1.2 "Source Serif 4",Georgia,serif;margin:0 0 6px}
.auth label{display:block;font-size:12px;color:var(--muted);margin:14px 0 4px}
.auth input,.auth select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:4px;background:var(--input);font-size:15px}
.auth .row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:4px;padding:11px 16px;font-weight:600;cursor:pointer;background:var(--brand);color:#fff;text-decoration:none}
.btn.block{width:100%;margin-top:18px}
.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}
.btn:disabled{opacity:.5;cursor:default}
.alert{padding:10px 12px;border-radius:4px;background:var(--sell-bg);color:var(--neg);border:1px solid var(--alert-line);margin-top:14px}
.creds{margin:16px 0 0;border:1px solid var(--line);border-radius:4px}
.creds div{display:flex;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--line-2)}
.creds div:last-child{border:0}
.creds b{font:600 15px var(--mono)}

/* ---------- terminal ---------- */
.term{height:100%;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);min-height:0}
.toolbar{display:flex;align-items:center;gap:6px;background:var(--chrome);color:var(--on-chrome);padding:6px 10px;flex-wrap:wrap}
.toolbar .brand{display:flex;align-items:center;gap:8px;margin-right:6px}
.toolbar .brand .tag{font:500 11px var(--mono);letter-spacing:.12em;color:#B4BAC2;text-transform:uppercase}
.tb{background:#23272E;border:1px solid #333941;color:#E9EAEC;border-radius:3px;padding:5px 10px;cursor:pointer}
.tb:hover{background:#2C3139}
.tb.on{background:#E9EAEC;color:#12151A}
.tb.primary{background:var(--brand);border-color:var(--brand)}
.toolbar .sep{width:1px;height:20px;background:#333941;margin:0 4px}
.toolbar .spacer{flex:1}
a.tb{text-decoration:none}
.toolbar .acct{font:12px var(--mono);color:#B4BAC2}

.main{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:0;min-width:0}
.panel{background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;min-height:0;min-width:0}
.panel .ph{padding:6px 10px;background:var(--panel-2);border-bottom:1px solid var(--line);font-weight:600;font-size:12px;display:flex;justify-content:space-between;align-items:center}
.mw{overflow:auto}
table.grid{width:100%;border-collapse:collapse}
table.grid th{position:sticky;top:0;background:var(--panel-2);text-align:left;font-weight:500;color:var(--muted);font-size:11px;padding:5px 8px;border-bottom:1px solid var(--line);white-space:nowrap}
table.grid td{padding:5px 8px;border-bottom:1px solid var(--line-2);white-space:nowrap}
table.grid th.n,table.grid td.n{text-align:right}
table.grid tr.sel td{background:var(--sel)}
.mw tr{cursor:pointer}
/* kompaktan Market Watch: uži i gušći, da grafikon dobije više mesta */
.mw table.grid th{padding:4px 5px}
.mw table.grid td{padding:3px 5px;font-size:12px}
.mw .delayed{margin-left:2px}
/* "+" u donjem desnom uglu Market Watch-a i × za uklanjanje (vidi se na prelazu mišem) */
.main>.panel:first-child{position:relative}
.mw-add{position:absolute;right:12px;bottom:12px;width:44px;height:44px;border-radius:50%;border:0;background:var(--accent,#2962FF);color:#fff;font:300 30px/1 system-ui,sans-serif;cursor:pointer;box-shadow:0 4px 14px var(--shadow);z-index:2;display:flex;align-items:center;justify-content:center;padding:0 0 3px}
.mw-add:hover{filter:brightness(1.1)}
.mw td:last-child{position:relative}
.mw-x{display:none;position:absolute;right:2px;top:50%;transform:translateY(-50%);width:18px;height:18px;border:0;border-radius:3px;background:var(--panel-2);color:var(--muted);cursor:pointer;font-size:13px;line-height:1;padding:0}
.mw tr:hover .mw-x{display:block}
.panel .ph .ph-r{display:flex;align-items:center;gap:6px}
.ph-btn{border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;border-radius:3px;padding:0 5px;font-size:13px;line-height:18px}
.ph-btn:hover{border-color:var(--line);color:var(--ink);background:var(--panel)}
/* Market Watch sakriven: grafikon dobija celu širinu */
/* sakriven: ostaje uzana traka sa natpisom; dupli klik na nju vraća panel */
.term.mw-off .main{grid-template-columns:24px minmax(0,1fr)}
.term.mw-off .main>.panel:first-child>:not(.mw-strip){display:none}
.mw-strip{display:none}
.term.mw-off .mw-strip{display:flex;align-items:center;justify-content:center;flex:1;width:100%;border:0;background:var(--panel-2);color:var(--muted);cursor:pointer;writing-mode:vertical-rl;transform:rotate(180deg);font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;user-select:none;padding:8px 0}
.term.mw-off .mw-strip:hover{color:var(--ink);background:var(--hover)}
.main>.panel:first-child .ph{user-select:none}
.ctxmenu{position:fixed;z-index:60;min-width:220px;max-height:calc(100vh - 16px);overflow-y:auto;padding:4px 0;background:var(--panel);border:1px solid var(--line);border-radius:6px;box-shadow:0 8px 24px var(--shadow);font-size:13px}
.ctxmenu[hidden]{display:none}
.ctxmenu .cm-title{padding:4px 12px 6px;font:600 12px var(--mono);color:var(--muted)}
.ctxmenu button{display:flex;justify-content:space-between;gap:16px;width:100%;padding:5px 12px;border:0;background:transparent;text-align:left;cursor:pointer;color:var(--ink);font:inherit}
.ctxmenu button:hover:not(:disabled){background:var(--hover)}
.ctxmenu button:disabled{color:var(--muted);cursor:default}
.ctxmenu kbd{font:11px var(--mono);color:var(--muted)}
.ctxmenu hr{border:0;border-top:1px solid var(--line-2);margin:4px 0}
.mw tr.closed td{opacity:.5}
.symtitle.closed::after{content:" · market closed";color:var(--sell)}
.oneclick.closed button{filter:grayscale(1);opacity:.55}
.mw-x:hover{background:var(--sell-bg);color:var(--sell)}
.mw{padding-bottom:64px}
.sympicker{position:fixed;z-index:56;left:12px;bottom:12px;width:380px;max-width:calc(100vw - 24px);max-height:min(560px,calc(100vh - 90px));display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:6px;box-shadow:0 8px 28px var(--shadow)}
.sympicker[hidden]{display:none}
.pk-head{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line-2)}
.pk-head button{border:0;background:transparent;font-size:20px;line-height:1;cursor:pointer;color:var(--muted)}
.pk-search{padding:8px 12px}
.pk-search input{width:100%;padding:6px 8px;border:1px solid var(--line);border-radius:4px;background:var(--input);color:var(--ink);font:13px inherit}
.pk-list{overflow-y:auto;flex:1;min-height:0;padding-bottom:4px}
.pk-group{padding:8px 12px 3px;font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pk-row{display:grid;grid-template-columns:78px 1fr 22px;align-items:center;gap:8px;width:100%;padding:5px 12px;border:0;background:transparent;text-align:left;cursor:pointer;color:var(--ink);font-size:12px}
.pk-row b{font:600 12px var(--mono)}
.pk-row span{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-row i{font-style:normal;text-align:center;font-weight:600;color:var(--accent,#2962FF)}
.pk-row.has i{color:var(--buy)}
.pk-row:hover{background:var(--hover)}
.pk-empty{padding:12px}
.pk-foot{padding:6px 12px;border-top:1px solid var(--line-2);font-size:11px}
.mw tr:hover td{background:var(--hover)}
.up{color:var(--buy)}.down{color:var(--sell)}
.delayed{font-size:10px;color:var(--muted);margin-left:4px}

.chartwrap{position:relative;min-height:0}
#chart{position:absolute;inset:0 0 0 38px}
.oneclick{position:absolute;top:8px;left:46px;z-index:3;display:flex;align-items:stretch;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--panel);box-shadow:0 1px 3px var(--shadow)}
.oneclick button{border:0;cursor:pointer;padding:4px 12px;text-align:left;min-width:92px}
.oneclick .s{background:var(--sell-bg);color:var(--sell)}
.oneclick .b{background:var(--buy-bg);color:var(--buy);text-align:right}
.oneclick small{display:block;font-size:10px;font-weight:600;letter-spacing:.06em}
.oneclick .px{font:600 15px var(--mono)}
.oneclick input{width:58px;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);text-align:center;font:600 13px var(--mono)}
.symtitle{position:absolute;top:10px;right:70px;z-index:3;font:600 12px var(--mono);color:var(--muted);pointer-events:none}

.toolbox{height:auto;display:flex;flex-direction:column;background:var(--panel);border-top:1px solid var(--line);min-height:0;min-width:0}
.tabs{display:flex;border-bottom:1px solid var(--line);background:var(--panel-2)}
.tabs button{border:0;background:transparent;padding:7px 14px;cursor:pointer;border-right:1px solid var(--line);color:var(--muted)}
.tabs button.on{background:var(--panel);color:var(--ink);font-weight:600}
.tabbody{flex:none;overflow:auto;min-height:0;height:220px}
/* Trgovina: visina prati broj pozicija (bez pozicija samo zaglavlje), najviše 30% ekrana pa skrol */
#tab-trade{height:auto;max-height:30vh}
.summary{padding:6px 10px;border-top:1px solid var(--line);background:var(--panel-2);font:12px var(--mono);display:flex;gap:18px;flex-wrap:wrap}
.summary b{font-weight:600}
.act{border:1px solid var(--line);background:var(--panel);border-radius:3px;cursor:pointer;padding:1px 7px;margin-left:3px}
.act:hover{background:var(--panel-2)}
.act.x:hover{background:var(--sell-bg);color:var(--sell)}
.journal div{padding:3px 10px;border-bottom:1px solid var(--line-2);font:12px var(--mono)}


/* Uvećan grafikon: bez Market Watch-a i tabova; dole samo otvorene pozicije/nalozi (koliko ih ima), a bez njih ništa. */
.term.max .main{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.term.max .main>.panel:first-child{display:none}
.term.max .toolbox{height:auto}
.term.max .tabs,.term.max .summary,.term.max #tab-history,.term.max #tab-alerts,.term.max #tab-journal{display:none!important}
.term.max #tab-trade{display:block!important;flex:none;max-height:35vh}
.term.max.empty .toolbox{display:none}
@media (max-width:900px){
  .term.max{height:100%}
  .term.max .chartwrap{min-height:0}
  /* na telefonu u uvećanom režimu samo bitne kolone: simbol, tip, volumen, profit, dugmad */
  .term.max #tab-trade :is(th,td):is(:nth-child(2),:nth-child(3),:nth-child(6),:nth-child(7),:nth-child(8),:nth-child(9)){display:none}
  .symtitle{display:none}
}
@media (max-width:900px){.tb.desk{display:none}}

/* ---------- dijalog naloga ---------- */
.modal{position:fixed;inset:0;background:var(--backdrop);display:flex;align-items:center;justify-content:center;z-index:50;padding:12px}
.dlg{background:var(--panel);border:1px solid var(--line);border-radius:6px;width:100%;max-width:520px;max-height:100%;overflow:auto;box-shadow:0 10px 40px var(--shadow)}
.dlg .dh{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--panel-2);border-bottom:1px solid var(--line);font-weight:600}
.dlg .dh button{border:0;background:transparent;font-size:18px;cursor:pointer}
.dlg .db{padding:14px}
.f{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:8px;margin-bottom:10px}
.f>label{color:var(--muted);font-size:12px}
.f input,.f select{padding:7px 9px;border:1px solid var(--line);border-radius:3px;background:var(--input);width:100%}
.vol{display:flex;gap:4px}
.vol button{width:30px;border:1px solid var(--line);background:var(--panel-2);border-radius:3px;cursor:pointer}
.lvl{display:grid;grid-template-columns:auto 1fr;gap:6px}
.seg{display:flex;border:1px solid var(--line);border-radius:3px;overflow:hidden}
.seg button{border:0;background:var(--panel);padding:6px 9px;cursor:pointer;font-size:12px;border-right:1px solid var(--line)}
.seg button:last-child{border-right:0}
.seg button.on{background:var(--ink);color:var(--panel)}
.hint{grid-column:2;font:12px/1.5 var(--mono);color:var(--muted);margin-top:-4px;min-height:16px}
.hint .b{color:var(--buy)}.hint .s{color:var(--sell)}
.hint.bad{color:var(--neg)}
.quote{display:flex;justify-content:center;gap:28px;padding:10px 0 4px;font:600 22px var(--mono)}
.quote .s{color:var(--sell)}.quote .b{color:var(--buy)}
.dbtns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.dbtns .sell{background:var(--sell);color:#fff}
.dbtns .buy{background:var(--buy);color:#fff}
.dbtns .one{grid-column:1/-1}
.derr{color:var(--neg);margin-top:10px;min-height:18px}

@media (max-width:900px){
  .main{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(420px,1fr)}
  .mw{max-height:200px} /* svih 7 simbola bez skrola */
  .toolbox{height:auto;max-height:none}
  .tabbody{max-height:320px}
  .term{height:auto;min-height:100%}
  .f{grid-template-columns:1fr}
  .hint{grid-column:1}
}

/* ---------- desktop preuzimanje ---------- */
.auth .box.wide{max-width:520px}
.dl{font-size:15px;padding:13px 16px}
.dl-meta{margin:8px 0 0;text-align:center;font-size:12px}
.dl-alt{margin:6px 0 0;text-align:center;font-size:13px}
.steps,.pwa{margin-top:18px;padding:12px 14px;border:1px solid var(--line);border-radius:4px;background:var(--panel-2)}
.steps ol{margin:8px 0 0;padding-left:20px}
.steps li{margin:4px 0}
.auth a:not(.btn){color:var(--ink)}

/* ---------- alati za crtanje ---------- */
.drawtools{position:absolute;top:0;bottom:0;left:0;width:38px;z-index:4;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;background:var(--panel-2);border-right:1px solid var(--line);overflow-y:auto;scrollbar-width:none}
.drawtools button{width:30px;height:30px;flex:none;display:flex;align-items:center;justify-content:center;border:0;border-radius:4px;background:transparent;color:var(--ink-2);cursor:pointer}
.drawtools button:hover{background:var(--hover)}
.drawtools button.on{background:var(--sel);color:var(--buy)}
.drawtools button.grp{position:relative}
.drawtools button.grp::after{content:"";position:absolute;right:2px;bottom:2px;border:3px solid transparent;border-right-color:currentColor;border-bottom-color:currentColor;opacity:.55}
.drawtools button.grp:hover::after{opacity:1}
.draw-fly{position:fixed;z-index:60;min-width:170px;padding:4px;background:var(--panel);border:1px solid var(--line);border-radius:6px;box-shadow:0 6px 24px rgba(0,0,0,.18);display:flex;flex-direction:column;gap:1px}
.draw-fly[hidden]{display:none}
.draw-fly button{display:flex;align-items:center;gap:10px;height:30px;padding:0 10px 0 6px;border:0;border-radius:4px;background:transparent;color:var(--ink);font:inherit;font-size:13px;text-align:left;cursor:pointer;white-space:nowrap}
.draw-fly button:hover{background:var(--hover)}
.draw-fly button.on{background:var(--sel);color:var(--buy)}
.drawtools .sep{width:22px;height:1px;background:var(--line);margin:4px 0;flex:none}
.draw-layer{position:absolute;left:0;top:0;z-index:2;pointer-events:none}
.draw-props{position:absolute;top:8px;left:50%;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:4px;padding:4px 6px;background:var(--panel);border:1px solid var(--line);border-radius:6px;box-shadow:0 2px 8px var(--shadow)}
.draw-props button{height:24px;min-width:24px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 4px}
.draw-props button:hover{background:var(--hover)}
.draw-props .bands{font:600 12px var(--mono);padding:0 6px}
.draw-props .bands.on{border-color:var(--line);background:var(--sel)}
.draw-props .sw{width:18px;min-width:18px;height:18px;border-radius:50%;padding:0}
.draw-props .sw.on{outline:2px solid var(--ink);outline-offset:1px}
.draw-props .lw{width:26px}
.draw-props .lw i{display:block;width:16px;background:var(--ink)}
.draw-props .lw.on{border-color:var(--line);background:var(--panel-2)}
.draw-props .go{background:var(--brand);color:#fff;font-weight:600;padding:0 10px}
.draw-props .go:hover{background:var(--brand);filter:brightness(1.15)}
.draw-props .sep{width:1px;height:18px;background:var(--line);margin:0 2px}
.draw-text{position:absolute;z-index:6;height:26px;min-width:160px;padding:2px 6px;border:1px solid var(--buy);border-radius:3px;background:var(--input);color:var(--ink);font:600 14px var(--sans)}
.tfsel{display:none}
@media (max-width:900px){
  #tfs .tb[data-tf]{display:none}
  .tfsel{display:inline-block;padding:5px 6px}
  .drawtools{width:34px}
  .drawtools button{width:28px;height:28px}
  #chart{left:34px}
  .oneclick{left:40px}
}

/* ---------- alarmi ---------- */
.alert-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;border-bottom:1px solid var(--line-2)}
.alert-form input{padding:4px 8px;border:1px solid var(--line);border-radius:3px;background:var(--input);width:110px;font-family:var(--mono)}
.alert-form #al-note{width:200px;font-family:var(--sans)}
.alert-form .muted{font-size:12px}
.draw-props .bell{padding:0 8px;font-size:12px}
.draw-props .bell.on{background:#FB8C00;color:#fff}
.draw-props .bell.done{background:var(--panel-2);color:var(--muted)}
.toasts{position:fixed;top:52px;right:12px;z-index:60;display:flex;flex-direction:column;gap:8px;max-width:min(360px,calc(100vw - 24px))}
.toast{background:var(--chrome);color:var(--on-chrome);border-left:4px solid #FB8C00;border-radius:4px;padding:12px 14px;font-weight:600;box-shadow:0 6px 24px var(--shadow);cursor:pointer;animation:toastIn .25s ease-out}
@keyframes toastIn{from{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}

/* ---------- indikatori ---------- */
.studylegend{position:absolute;top:58px;left:46px;z-index:3;display:flex;flex-direction:column;gap:2px;font:12px var(--sans);pointer-events:none}
.studylegend>span{background:color-mix(in srgb,var(--panel) 80%,transparent);padding:1px 6px;border-radius:3px;width:max-content;pointer-events:auto}
.studylegend .mono{color:var(--ink-2);margin-left:4px}
.studylegend button{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:0 2px 0 6px;font-size:14px;line-height:1}
.studylegend button:hover{color:var(--neg)}
.indpanel{position:fixed;z-index:55;width:340px;max-width:calc(100vw - 16px);max-height:calc(100vh - 70px);overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:6px;box-shadow:0 8px 28px var(--shadow);padding:6px 0}
.indpanel .ph2{padding:4px 12px 8px;font-weight:600;border-bottom:1px solid var(--line-2);margin-bottom:4px}
.indpanel .ind{display:flex;align-items:center;gap:8px;padding:5px 12px;cursor:pointer}
.indpanel .ind:hover{background:var(--hover)}
.indpanel .ind i{width:10px;height:10px;border-radius:2px;flex:none}
.indpanel .ind span{flex:1}
.indpanel .par{width:56px;padding:2px 4px;border:1px solid var(--line);border-radius:3px;background:var(--input);font:12px var(--mono);text-align:right}
.indpanel .ind-note{padding:6px 12px 2px;font-size:11px}
@media (max-width:900px){.studylegend{top:54px;left:40px;font-size:11px}}
.indpanel .ph2 small{font:400 11px var(--mono);color:var(--muted);margin-left:6px}
.indpanel .tpl{padding:4px 12px 8px;border-bottom:1px solid var(--line-2);margin-bottom:4px}
.indpanel .tpl-head{border:0;background:transparent;padding:2px 0;font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);cursor:pointer}
.indpanel .tpl-label{margin:6px 0 3px;font-size:11px;color:var(--muted)}
.indpanel .tpl-label small{font-size:10px}
.indpanel .chips{display:flex;flex-wrap:wrap;gap:4px}
.indpanel .chips>button,.indpanel .chip{border:1px solid var(--line);background:var(--panel-2);border-radius:12px;padding:2px 9px;font-size:12px;cursor:pointer;color:var(--ink)}
.indpanel .chips>button:hover{border-color:var(--accent,#2962FF)}
.indpanel .chip{display:inline-flex;align-items:center;gap:2px;padding:0 2px 0 0}
.indpanel .chip button{border:0;background:transparent;cursor:pointer;color:var(--ink);font-size:12px;padding:2px 6px}
.indpanel .chip .code{font:11px var(--mono);color:var(--muted);border-left:1px solid var(--line);border-radius:0}
.indpanel .chip .x{color:var(--muted)}
.indpanel .chip .x:hover{color:var(--sell)}
.indpanel .tpl-row{display:flex;gap:6px;margin-top:6px}
.indpanel .tpl-row input{flex:1;min-width:0;padding:4px 6px;border:1px solid var(--line);border-radius:4px;background:var(--input);color:var(--ink);font-size:12px}
.indpanel .tpl-row button{border:1px solid var(--line);background:var(--panel-2);border-radius:4px;padding:3px 8px;cursor:pointer;color:var(--ink);font-size:12px;white-space:nowrap}
.indpanel .tpl-msg{margin-top:6px;font-size:12px;color:var(--ink-2)}
.indpanel .ind-search{padding:2px 12px 6px}
.indpanel .ind-search input{width:100%;padding:5px 8px;border:1px solid var(--line);border-radius:4px;background:var(--input);color:var(--ink);font:13px inherit}
.indpanel .ind-empty{padding:10px 12px}
.indpanel .ind[hidden],.indpanel .indgroup[hidden]{display:none}
.indpanel .indgroup{padding:8px 12px 2px;font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.indpanel .ind-actions{padding:8px 12px 4px;border-top:1px solid var(--line-2);margin-top:6px}
.indpanel .ind-actions button{border:1px solid var(--line);background:var(--panel-2);border-radius:3px;padding:3px 10px;cursor:pointer;color:var(--ink)}
.study-layer{position:absolute;left:0;top:0;z-index:1;pointer-events:none}
@media (max-width:900px){
  .term.mw-off .main{grid-template-columns:minmax(0,1fr);grid-template-rows:28px minmax(420px,1fr)}
  .term.mw-off .mw-strip{writing-mode:horizontal-tb;transform:none;padding:0}
}

/* traka "nova verzija" */
.update-bar{position:fixed;z-index:70;top:52px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:8px 10px 8px 14px;background:var(--chrome,#12151A);color:#fff;border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.35);font-size:13px;max-width:calc(100vw - 24px)}
.update-bar[hidden]{display:none}
.update-bar button{border:0;border-radius:4px;padding:5px 12px;background:#8E1B12;color:#fff;font:600 13px inherit;cursor:pointer}
.update-bar .later{background:transparent;color:#B4BAC2;font-weight:400}

/* lot po riziku: polje za volumen se popunjava samo */
#row-vol.auto input{background:var(--panel-2);color:var(--muted)}
#row-vol.auto button{opacity:.4;pointer-events:none}
.ctxmenu b.up{color:var(--buy)}.ctxmenu b.down{color:var(--sell)}