/* v5: tamna tema, postavke, ugovori i potpis, poruke talentima */
/* ---------- tamna tema ---------- */
html[data-theme=dark]{--ink:#f1e9e4;--ink-2:#d9cfca;--muted:#a3968f;--line:#3a312e;--cream:#141010;--paper:#1c1716;--card:#221c1b;--card2:#2a2321;--wine-soft:#3a1a25;--shadow:0 10px 30px -12px rgba(0,0,0,.7);color-scheme:dark}
html[data-theme=dark] body.in-app{background:#120e0e}
html[data-theme=dark] :is(.panel,.form-sect,.btn-light,input,select,textarea,.sl-btn,.langs,.userchip,.tog,.lockmsg,.statstrip,.minical span,.minical button,.callmeta div,.rolecard,.acc,.loginbox,.roleblock,.modal .close,.kcard,.igframe,.cal,.cal .hd,.reflist .item,.pg-art,.pg-tip,.vitem,.lgrow,.lgact>button,.obbox,.obmsg:not(.me),.heart,.mosaic .card,.tpl,.thopt,.camp,.bubble,.mailprev,.contract,.offerdoc,.compcard){background:var(--card);color:var(--ink)}
html[data-theme=dark] :is(.pg,.pc-empty,.vadd,.dropzone,.lgprev,.oblog,.mail pre,.ml-lang,.chip.ghost,.col,.agentbox,.lockbox,.pgal-grid button,.gal-item,.mgrid .mthumb,.ph){background:var(--card2)}
html[data-theme=dark] tr:hover td{background:var(--card2)}
html[data-theme=dark] td{border-bottom-color:var(--line)}
html[data-theme=dark] header.nav{background:rgba(20,16,16,.9)}
html[data-theme=dark] .savebar{background:rgba(20,16,16,.94)}
html[data-theme=dark] :is(.demo-bar,.side,.duo .a){background:#0b0808}
html[data-theme=dark] :is(.toast,.rswitch,.achips button,.chip.dark,.gal-tag){background:#2e2624;color:#fff}
html[data-theme=dark] .langs button.on{background:var(--wine);color:#fff}
html[data-theme=dark] .btn-ghost:hover{color:var(--cream)}
html[data-theme=dark] .mosaic .card .tag{background:rgba(28,23,22,.9);color:var(--ink)}
html[data-theme=dark] .ml-row [data-state=auto]{background:#241d2e;border-color:#3d3150}
html[data-theme=dark] .form-sect.agent-only{background:#2a1a20}
html[data-theme=dark] .form-sect.paidbox{background:#2a2216}
html[data-theme=dark] .minical .busy{background:#4a1f2d;color:#f3a3bd}
html[data-theme=dark] .logos img{filter:grayscale(1) invert(.9);opacity:.7}
html[data-theme=dark] .logos .lg:hover img{filter:none;opacity:1;background:#fff;border-radius:6px}
html[data-theme=dark] .contract,html[data-theme=dark] .offerdoc{color:var(--ink)}
/* ispis je uvijek svijetao */
@media print{html[data-theme=dark]{--ink:#17110f;--ink-2:#2a2220;--muted:#7a6f69;--line:#e7dfda;--cream:#fff;--paper:#fff;--card:#fff;--card2:#fff}}
.thbtn{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--line);background:var(--paper);font-size:15px;display:grid;place-items:center;flex:none}
.thbtn:hover{border-color:var(--wine)}
.side .merow{display:flex;gap:8px;align-items:center}
.side .thbtn{background:transparent;border-color:#3a302d;color:#d9cfca}

/* ---------- postavke ---------- */
.thopts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.thopt{border:1.5px solid var(--line);border-radius:14px;padding:12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;margin:0;background:#fff}
.thopt.on{border-color:var(--wine);box-shadow:0 0 0 3px var(--wine-soft)}
.thopt input{position:absolute;opacity:0;pointer-events:none}
.thopt small{color:var(--muted);font-weight:500}
.thprev{display:block;height:64px;border-radius:10px;position:relative;overflow:hidden;margin-bottom:6px;border:1px solid var(--line)}
.thprev i,.thprev b{position:absolute;border-radius:4px}
.thprev i{left:10px;top:10px;width:46%;height:10px}.thprev b{left:10px;top:28px;width:70%;height:24px}
.th-light{background:#f7f2ed}.th-light i{background:#17110f}.th-light b{background:#fff;border:1px solid #e7dfda}
.th-dark{background:#141010}.th-dark i{background:#f1e9e4}.th-dark b{background:#2a2321}
.th-auto{background:linear-gradient(90deg,#f7f2ed 50%,#141010 50%)}.th-auto i{background:#8c1238}.th-auto b{background:#b3194a;opacity:.6}
.steps{margin:0 0 14px 20px;font-size:13.5px;color:var(--ink-2)}.steps li{margin:4px 0}
.sub4{font-size:14px;margin:16px 0 8px}
.tpls{display:flex;flex-direction:column;gap:8px}
.tpl{display:flex;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff}
.tpl p{font-size:13px;color:var(--muted);margin-top:4px}
.tpl .x{width:26px;height:26px;border-radius:50%;flex:none}
.dnschk{list-style:none;display:flex;gap:16px;flex-wrap:wrap;margin:12px 0 0;font-size:13px;font-weight:600}
.dnschk .ok{color:var(--ok)}.dnschk .no{color:#b03a2e}
@media (max-width:700px){.thopts{grid-template-columns:1fr}}

/* ---------- ugovori i potpis ---------- */
.contract{background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px;font-size:14px;line-height:1.6}
.contract .oh{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}
.contract h2{font-family:var(--serif);font-weight:600;font-size:20px;text-align:center;margin:10px 0 14px;letter-spacing:.02em}
.contract h4{font-size:13.5px;margin:14px 0 2px}
.contract .sigs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:24px}
.sigb{border-top:1.5px solid var(--ink);padding-top:6px;display:flex;flex-direction:column;gap:2px;font-size:13px}
.sigb img{height:64px;object-fit:contain;align-self:flex-start;background:#fff;border-radius:6px}
.sigb small{color:var(--muted);font-size:11.5px}
.sigempty{height:64px;display:grid;place-items:center;color:var(--muted);font-size:12px;border:1.5px dashed var(--line);border-radius:8px}
.certstamp{height:64px;display:grid;place-items:center;align-content:center;text-align:center;border:1.5px solid var(--ok);color:var(--ok);border-radius:8px;font-weight:700;font-size:12.5px;line-height:1.3}
.hash{margin-top:16px;font-size:11.5px;color:var(--muted);word-break:break-all}
.sgn{display:inline-block;font-size:11.5px;color:var(--muted);white-space:nowrap}.sgn.on{color:var(--ok);font-weight:600}
.signgrid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;align-items:start}
.signbox{position:sticky;top:84px}
.sigpad{width:100%;height:150px;border:1.5px dashed var(--line);border-radius:12px;background:#fff;touch-action:none;display:block}
.demo-code{display:inline-block;background:var(--wine-soft);color:var(--wine);border-radius:6px;padding:1px 8px;margin-top:4px}
@media (max-width:900px){.signgrid{grid-template-columns:1fr}.signbox{position:static}.contract{padding:18px}}

/* ---------- poruke talentima ---------- */
.msggrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px;align-items:start}
.msggrid select,.msggrid>div>input{margin-bottom:8px}
.mpick{max-height:180px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:6px 10px;display:grid;grid-template-columns:1fr 1fr;gap:0 10px}
.mpick .ck{margin:2px 0;font-size:13px}
.rlist{margin-top:10px;max-height:380px;overflow:auto}
.chn{font-size:10.5px;font-weight:800;border-radius:6px;padding:2px 6px;background:#efe9e5;color:#b9aca6}
.chn.on{background:#dff3e7;color:#1f7a4c}
.bubble{background:#e7f8dd;border-radius:12px 12px 12px 4px;padding:10px 12px;font-size:14px;margin:8px 0 4px;color:#17110f;max-width:92%}
.mailprev{border:1px solid var(--line);border-radius:10px;padding:12px;margin-top:8px;background:#fff}
.mailprev pre{white-space:pre-wrap;font-family:Montserrat,sans-serif;font-size:13.5px;margin:6px 0}
.mailprev small{color:var(--muted);font-size:11.5px}
.walist{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.camp{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:8px;background:#fff}
.camp small{display:block;color:var(--muted);font-size:12px}
.cst{font-size:13px;margin-top:4px}.cst .progress{margin-top:6px}
.msggrid button[disabled]{opacity:.5;cursor:not-allowed}
@media (max-width:900px){.msggrid{grid-template-columns:1fr}.mpick{grid-template-columns:1fr}}