/* CEALIUS_APP_V3 (2026-10-10): staff console layout, liquid edition tokens (--c-* from cealius.css, light and dark) */
html[data-theme="cealius"] body:has(.v3-shell){font-size:clamp(14px,min(1.0417vw,1.9vh),18px)}
.v3-shell{--g:2rem;--side:15rem;--l1:rgba(var(--c-fg),.06);--l2:rgba(var(--c-fg),.1);--l3:rgba(var(--c-fg),.18);--accl:rgba(214,185,140,.38);
  display:grid;grid-template-columns:var(--side) minmax(0,1fr);min-height:100vh;background:var(--c-bg);color:var(--c-ink);font:400 .875rem/1.5 var(--c-sans);text-align:left}
.v3-shell *{box-sizing:border-box}
.v3-shell [hidden]{display:none!important}
.v3-shell button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:inherit}
.v3-shell a{color:inherit}
.v3-ic{width:1.05rem;height:1.05rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* sidebar */
.v3-side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:1.4rem 1rem 1rem;border-right:1px solid var(--l1);background:var(--c-bg);z-index:5}
.v3-logo{display:block;height:1.5rem;margin:0 .55rem 2.2rem}
.v3-logo img{height:100%;width:auto;display:block}
.v3-shell .v3-logo .ink{display:none}
html[data-mode="light"] .v3-logo .pl{display:none}html[data-mode="light"] .v3-logo .ink{display:block}
@media (prefers-color-scheme:light){html:not([data-mode="dark"]) .v3-logo .pl{display:none}html:not([data-mode="dark"]) .v3-logo .ink{display:block}}
.v3-nav{display:flex;flex-direction:column;gap:.15rem}
.v3-nav button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.62rem .7rem;border-radius:.55rem;color:var(--c-ink2);font-size:.9rem;position:relative;transition:background .2s,color .2s}
.v3-nav button:hover{color:var(--c-ink);background:rgba(var(--c-fg),.04)}
.v3-nav button.on{color:var(--c-ink);background:rgba(var(--c-fg),.07)}
.v3-nav button.on::before{content:"";position:absolute;left:-1rem;top:.55rem;bottom:.55rem;width:2px;background:var(--c-acc)}
.v3-ct{margin-left:auto;font:500 .66rem/1 var(--c-mono);font-style:normal;min-width:1.4rem;height:1.25rem;padding:0 .35rem;display:grid;place-items:center;border-radius:99px;background:rgba(var(--c-fg),.08);color:var(--c-ink)}
.v3-ct.hot{background:var(--c-acc);color:#0b0c0e}
.v3-grow{flex:1}
.v3-nav.low button{font-size:.84rem;padding:.5rem .7rem}
.v3-me{display:flex;align-items:center;gap:.65rem;padding:.9rem .5rem 0;border-top:1px solid var(--l1);margin-top:.8rem}
.v3-av{width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;font:500 .64rem/1 var(--c-mono);letter-spacing:.04em;background:rgba(var(--c-fg),.08);color:var(--c-ink);flex:none}
.v3-av.sm{width:1.45rem;height:1.45rem;font-size:.54rem}
.v3-who{line-height:1.25;min-width:0;flex:1}.v3-who b{font-weight:500;font-size:.82rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v3-who span{font-size:.72rem;color:var(--c-ink3)}
.v3-out{width:1.9rem;height:1.9rem;border-radius:50%;border:1px solid var(--l2)!important;display:grid;place-items:center;color:var(--c-ink2)}
.v3-out:hover{color:var(--c-ink);border-color:var(--l3)!important}

/* top bar */
.v3-main{min-width:0;display:flex;flex-direction:column}
.v3-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.8rem;height:4rem;padding:0 var(--g);background:rgba(var(--c-bg-rgb),.84);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--l1)}
.v3-crumb{font:500 .68rem/1.2 var(--c-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--c-ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.v3-crumb b{color:var(--c-ink2);font-weight:500}.v3-crumb button{letter-spacing:inherit;text-transform:inherit}.v3-crumb button:hover{color:var(--c-ink)}
.v3-search{margin-left:auto;position:relative;width:min(24rem,34vw)}
.v3-search input{width:100%;height:2.25rem;padding:0 .8rem;border-radius:.55rem;border:1px solid var(--l2);background:var(--c-field);color:var(--c-ink);font:inherit;font-size:.82rem;outline:none}
.v3-search input:focus{border-color:var(--l3)}
.v3-sres{position:absolute;top:calc(100% + .4rem);left:0;right:0;background:var(--c-panel);border:1px solid var(--l2);border-radius:.6rem;padding:.3rem;box-shadow:0 20px 50px rgba(0,0,0,.35);max-height:60vh;overflow:auto}
.v3-sres button{display:block;width:100%;padding:.55rem .65rem;border-radius:.45rem}
.v3-sres button:hover{background:rgba(var(--c-fg),.05)}
.v3-sres b{display:block;font-weight:500;font-size:.85rem}.v3-sres small{color:var(--c-ink3);font-size:.74rem}
.v3-top .mode-toggle{flex:none}
.v3-page.content{padding:2rem var(--g) 4rem!important;max-width:100rem;width:100%;margin:0!important;background:none!important}

/* shared */
.v3-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;height:2.25rem;padding:0 .95rem!important;border-radius:.55rem;border:1px solid var(--l3)!important;font-size:.8rem;font-weight:500;white-space:nowrap;text-decoration:none;transition:background .2s,border-color .2s,color .2s;color:var(--c-ink)}
.v3-btn:hover{border-color:rgba(var(--c-fg),.4)!important}
.v3-btn.pri{background:var(--c-btn)!important;color:var(--c-btn-ink)!important;border-color:transparent!important}
.v3-btn.pri:hover{background:var(--c-acc)!important;color:#0b0c0e!important}
.v3-btn.sm{height:1.9rem;padding:0 .7rem!important;font-size:.76rem}
.v3-btn.ghost{border-color:transparent!important;color:var(--c-ink2)}.v3-btn.ghost:hover{color:var(--c-ink);background:rgba(var(--c-fg),.05)}
.v3-btn:disabled{opacity:.5;cursor:default}
.v3-btn .v3-ic{width:.95rem;height:.95rem}
.v3-lbl{display:flex;align-items:center;gap:.55rem;margin:0 0 .7rem;font:500 .68rem/1.3 var(--c-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--c-ink3)}
.v3-lbl b{font-weight:500;color:var(--c-ink2)}.v3-lbl i{flex:1;height:1px;background:linear-gradient(90deg,var(--l2),transparent)}
.v3-sq{width:.42rem;height:.42rem;background:var(--c-acc);flex:none}
.v3-mono{font:500 .68rem/1.3 var(--c-mono);letter-spacing:.06em;color:var(--c-ink3)}.v3-mono.sm{font-size:.62rem;margin-top:.15rem}.v3-mono.nw{white-space:nowrap}
.v3-muted{color:var(--c-ink3)}.v3-muted.sm,.v3-shell .sm.v3-muted{font-size:.8rem}
.v3-ph{display:flex;align-items:flex-end;gap:1.2rem;margin:0 0 1.6rem;flex-wrap:wrap}
.v3-ph h1{margin:0;font-weight:300;font-size:2.15rem;letter-spacing:-.04em;line-height:1.08;color:var(--c-ink)}
.v3-ph h1 span{color:var(--c-ink3)}
.v3-ph .v3-lbl{margin-bottom:.55rem}
.v3-ph-acts{margin-left:auto;display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}
.v3-grid2{display:grid;grid-template-columns:minmax(0,1fr) 22rem;gap:1.25rem;align-items:start}
.v3-grid2>*{min-width:0}.v3-grid2.even{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}
.v3-card{background:var(--c-panel);border:1px solid var(--l1);border-radius:var(--c-r);padding:1.15rem 1.2rem}
.v3-card+.v3-card,aside>.v3-card+.v3-card{margin-top:1rem}
.v3-sec{margin:0 0 1.6rem}
.v3-rows{background:var(--c-panel);border:1px solid var(--l1);border-radius:var(--c-r);overflow:hidden}
.v3-rows.flat{border:0;background:none}
.v3-row{display:flex;align-items:center;gap:1rem;padding:.85rem 1.05rem;border-top:1px solid var(--l1);transition:background .2s,opacity .3s,transform .3s;cursor:pointer}
.v3-row:first-child{border-top:0}
.v3-row:hover{background:rgba(var(--c-fg),.025)}
.v3-row.task{cursor:default}
.v3-row.gone{opacity:0;transform:translateX(1rem)}
.v3-tx{min-width:0;flex:1}
.v3-tx b{font-weight:500;display:block;font-size:.9rem;color:var(--c-ink)}
.v3-tx p{margin:.15rem 0 0;color:var(--c-ink2);font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v3-tx p q{quotes:none;color:var(--c-ink)}
.v3-tx input{width:100%;background:none!important;border:0!important;box-shadow:none!important;outline:none;min-height:0!important;height:auto!important;font:inherit;font-size:.88rem;color:var(--c-ink);padding:0}
.v3-row time{font:500 .66rem/1 var(--c-mono);color:var(--c-ink3);white-space:nowrap;letter-spacing:.04em}
.v3-row time.late,.v3-when.late,.late{color:var(--c-err)}
.v3-acts{display:flex;gap:.4rem;flex:none}
.v3-dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--c-acc);flex:none}.v3-dot.off{background:rgba(var(--c-fg),.2)}.v3-dot.bad{background:var(--c-err)}
.v3-when{width:3.5rem;flex:none;font-weight:300;font-size:1.15rem;letter-spacing:-.03em;color:var(--c-ink)}.v3-when.sm{font-size:.95rem;width:4rem}
.v3-chk{width:1.15rem;height:1.15rem;border-radius:.3rem;border:1px solid var(--l3)!important;flex:none}
.v3-chk:hover{border-color:var(--c-acc)!important}.v3-chk.on{background:var(--c-acc)}.v3-chk.dis{opacity:.35}
.v3-tag{display:inline-flex;align-items:center;font:500 .6rem/1.2 var(--c-mono);letter-spacing:.1em;text-transform:uppercase;padding:.22rem .45rem;border-radius:.3rem;border:1px solid var(--l3);color:var(--c-ink2);white-space:nowrap;vertical-align:.1em}
.v3-tag.acc{border-color:var(--accl);color:var(--c-acc2)}.v3-tag.bad{border-color:rgba(var(--c-err-rgb),.45);color:var(--c-err)}.v3-tag.ok{color:var(--c-ink3)}.v3-tag.big{font-size:.7rem;padding:.4rem .7rem}
.v3-empty{padding:1.3rem 1.1rem;color:var(--c-ink3);font-size:.85rem}
.v3-note{padding:1rem 1.2rem;border-radius:var(--c-r);border:1px solid var(--l2);background:var(--c-panel)}.v3-note.bad{border-color:rgba(var(--c-err-rgb),.5);color:var(--c-err)}
.v3-warn{display:flex;gap:.5rem;align-items:flex-start;margin:.6rem 0 0;color:var(--c-err);font-size:.8rem}
.v3-stat{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.55rem 0;border-top:1px solid var(--l1);font-size:.84rem}
.v3-lbl+.v3-stat{border-top:0}
.v3-stat b{font-weight:300;font-size:1.25rem;letter-spacing:-.03em}
.v3-stat a{text-decoration:none}.v3-stat a:hover{text-decoration:underline}
.v3-syst{display:flex;align-items:center;gap:.6rem;font-size:.82rem;color:var(--c-ink2)}
.v3-syst i{width:.45rem;height:.45rem;border-radius:50%;background:#7fa889;flex:none}.v3-syst i.bad{background:var(--c-err)}
.v3-sendbox{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1.4rem;align-items:center;padding:1.35rem 1.5rem;border-radius:var(--c-r);border:1px solid var(--accl);background:linear-gradient(120deg,rgba(214,185,140,.09),transparent 60%),var(--c-panel)}
.v3-sendbox.quiet{grid-template-columns:minmax(0,1fr) auto;border-color:var(--l1);background:var(--c-panel)}
.v3-big{font-size:3rem;font-weight:200;letter-spacing:-.05em;line-height:1}
.v3-sendbox h3{margin:0;font-weight:500;font-size:1rem;color:var(--c-ink)}.v3-sendbox p{margin:.25rem 0 0;color:var(--c-ink2);font-size:.85rem}
.v3-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;margin:0 0 1.6rem}
.v3-kpi{background:var(--c-panel);border:1px solid var(--l1);border-radius:var(--c-r);padding:1.05rem 1.2rem}
.v3-kpi .v{font-size:1.9rem;font-weight:300;letter-spacing:-.045em;line-height:1.1;margin-top:.5rem;color:var(--c-ink)}
.v3-kpi p{margin:.3rem 0 0;font-size:.78rem;color:var(--c-ink3)}
.v3-num{font-weight:300;letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:tabular-nums}
.v3-seg{display:inline-flex;padding:.2rem;border-radius:.6rem;background:rgba(var(--c-fg),.05);border:1px solid var(--l1);max-width:100%;overflow-x:auto}
.v3-seg button{padding:.42rem .85rem;border-radius:.45rem;font-size:.8rem;color:var(--c-ink2);white-space:nowrap}
.v3-seg button.on{background:var(--c-panel);color:var(--c-ink);box-shadow:0 1px 0 var(--l2) inset}
.v3-seg em{font:500 .62rem/1 var(--c-mono);font-style:normal;margin-left:.4rem;color:var(--c-acc2)}
.v3-bar{display:flex;gap:.8rem;align-items:center;margin:-.4rem 0 1rem;flex-wrap:wrap}
.v3-hint{margin-left:auto}
.v3-links{display:flex;gap:.2rem;flex-wrap:wrap;margin-left:auto}
.v3-links button{font-size:.78rem;color:var(--c-ink3);padding:.3rem .5rem;border-radius:.4rem}.v3-links button:hover{color:var(--c-ink);background:rgba(var(--c-fg),.05)}
.v3-b{margin:.65rem 0}.v3-b>div:first-child{display:flex;justify-content:space-between;gap:1rem;font-size:.8rem;color:var(--c-ink2)}
.v3-barline{height:.28rem;border-radius:99px;background:rgba(var(--c-fg),.08);overflow:hidden;margin-top:.35rem}
.v3-barline i{display:block;height:100%;background:var(--c-acc);border-radius:inherit}
.v3-field{display:block;margin:0 0 .9rem}
.v3-field span{display:block;font:500 .62rem/1.3 var(--c-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--c-ink3);margin-bottom:.35rem}
.v3-field input,.v3-field select,.v3-field textarea{width:100%;background:var(--c-field);border:1px solid var(--l2);border-radius:.5rem;padding:.55rem .7rem;color:var(--c-ink);font:inherit;outline:none}
.v3-kv{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1rem;font-size:.84rem;margin:.8rem 0}.v3-kv span{color:var(--c-ink3)}.v3-kv b{font-weight:500}
.v3-lead{margin:0;color:var(--c-ink2);font-size:.86rem}
.v3-dl{display:grid;grid-template-columns:auto 1fr;gap:.45rem .9rem;font-size:.84rem;margin:0}
.v3-dl dt{font:500 .6rem/1.6 var(--c-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--c-ink3)}
.v3-dl dd{margin:0;overflow-wrap:anywhere}

/* board */
.v3-board{display:grid;grid-template-columns:repeat(5,minmax(12.5rem,1fr));gap:.7rem;align-items:start;overflow-x:auto;padding-bottom:.5rem;scroll-snap-type:x mandatory}
.v3-col{background:rgba(var(--c-fg),.025);border:1px solid var(--l1);border-radius:var(--c-r);padding:.75rem;min-height:12rem;scroll-snap-align:start;transition:border-color .2s,background .2s}
.v3-col.drop{border-color:var(--c-acc);background:rgba(214,185,140,.05)}
.v3-col-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;padding:.1rem .2rem .7rem}
.v3-col-h b{font-weight:500;font-size:.88rem}.v3-col-h .v3-mono{margin-left:auto}.v3-col-h small{display:block;width:100%;color:var(--c-ink3);font-size:.72rem}
.v3-dc{background:var(--c-panel);border:1px solid var(--l2);border-radius:.6rem;padding:.75rem .8rem;margin:0 0 .5rem;cursor:pointer;transition:border-color .2s}
.v3-dc:hover{border-color:var(--l3)}.v3-dc.dragging{opacity:.4}
.v3-dc .t{display:flex;align-items:flex-start;gap:.5rem}.v3-dc .t b{font-weight:500;font-size:.85rem;line-height:1.3;flex:1}
.v3-dc .sc{font-weight:300;font-size:1rem;letter-spacing:-.03em;color:var(--c-acc2)}
.v3-dc .h{font:400 .64rem/1.3 var(--c-mono);color:var(--c-ink3);margin-top:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v3-sig{font-size:.76rem;color:var(--c-ink2);margin-top:.5rem;line-height:1.35}.v3-sig.muted{color:var(--c-ink3)}
.v3-sig.hot{color:var(--c-ink)}.v3-sig.hot::before{content:"";display:inline-block;width:.38rem;height:.38rem;background:var(--c-acc);margin-right:.4rem;vertical-align:.1rem}
.v3-dc .f{display:flex;align-items:center;gap:.4rem;margin-top:.6rem;font:400 .62rem/1.3 var(--c-mono);color:var(--c-ink3)}
.v3-dc .f .v3-ic{width:.8rem;height:.8rem}.v3-dc .f .v3-av{margin-left:auto}
.v3-closed{margin-top:1rem;display:flex;gap:1.1rem;font-size:.8rem;color:var(--c-ink3);flex-wrap:wrap}
.v3-closed button{color:var(--c-ink2);text-decoration:underline;text-underline-offset:3px}

/* sending */
.v3-prog{display:flex;align-items:center;gap:1rem;margin:0 0 1.2rem}.v3-prog .v3-barline{flex:1;margin:0}.v3-prog b{color:var(--c-ink)}
.v3-focus{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:1.25rem;align-items:start}
.v3-dhead{display:flex;gap:1.2rem;align-items:flex-start;flex-wrap:wrap;margin:0 0 1.1rem}
.v3-dhead h1{margin:0;font-weight:300;font-size:1.9rem;letter-spacing:-.04em;line-height:1.12;color:var(--c-ink)}
.v3-focus .v3-dhead h1{font-size:1.55rem}
.v3-sub{color:var(--c-ink2);font-size:.85rem;margin-top:.35rem}.v3-sub a{color:var(--c-ink)}
.v3-score{margin-left:auto;text-align:right}.v3-score b{display:block;font-weight:300;font-size:2.3rem;line-height:1;letter-spacing:-.04em;color:var(--c-acc2)}
.v3-score.sm{font-weight:300;font-size:1.2rem;color:var(--c-acc2);letter-spacing:-.03em;text-transform:none}
.v3-shots{position:relative;border-radius:var(--c-r);border:1px solid var(--l2);overflow:hidden;background:#111215;aspect-ratio:16/10}
.v3-shots.none{display:grid;place-items:center;font:500 .7rem/1.3 var(--c-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--c-ink3);aspect-ratio:16/7}
.v3-shot.pc{position:absolute;inset:0}.v3-shot.pc img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.v3-shot.ph{position:absolute;right:.9rem;bottom:.9rem;width:22%;aspect-ratio:9/18;border-radius:.6rem;border:3px solid #1a1b1f;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.45);background:#fff}
.v3-shot.ph img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.v3-finds{display:flex;flex-direction:column;gap:.4rem;margin:.8rem 0}.v3-finds div{display:flex;gap:.55rem;align-items:center;font-size:.83rem}
.v3-why{margin:1rem 0 0}.v3-why>div:not(.v3-lbl){display:flex;justify-content:space-between;gap:1rem;padding:.42rem 0;border-top:1px solid var(--l1);font-size:.83rem}
.v3-why b{font:500 .74rem/1.3 var(--c-mono);color:var(--c-acc2)}
.v3-sendbar{position:sticky;bottom:0;display:flex;gap:.6rem;align-items:center;padding:.9rem 0;background:linear-gradient(transparent,var(--c-bg) 35%);z-index:3}
.v3-done{text-align:center;padding:3.5rem 1rem}.v3-done .v3-lbl{justify-content:center}.v3-done .v3-lbl i{display:none}
.v3-done h2{font-weight:300;font-size:2rem;letter-spacing:-.04em;margin:.5rem 0}.v3-done h2 span{color:var(--c-ink3)}
.v3-done-acts{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}

/* composer and timeline */
.v3-composer{margin-top:.6rem;background:var(--c-panel);border:1px solid var(--l2);border-radius:var(--c-r);overflow:hidden}
.v3-focus .v3-composer{margin:0}
.v3-tabs{display:flex;border-bottom:1px solid var(--l1)}
.v3-tabs button{padding:.7rem 1rem;font-size:.8rem;color:var(--c-ink3);border-bottom:2px solid transparent!important;margin-bottom:-1px}
.v3-tabs button.on{color:var(--c-ink);border-bottom-color:var(--c-acc)!important}
.v3-chdr{display:flex;gap:1rem;padding:.6rem 1rem;font-size:.78rem;color:var(--c-ink3);border-bottom:1px solid var(--l1);flex-wrap:wrap}.v3-chdr b{color:var(--c-ink2);font-weight:500}
.v3-composer textarea,.v3-composer .v3-subj{display:block;width:100%;border:0;background:none;padding:.8rem 1rem;outline:none;resize:vertical;line-height:1.55;font:inherit;font-size:.86rem;color:var(--c-ink)}
.v3-composer .v3-subj{border-bottom:1px solid var(--l1);font-weight:500}
.v3-composer textarea{min-height:9rem}.v3-composer textarea.tall{min-height:22rem}
.v3-cft{display:flex;gap:.5rem;align-items:center;padding:.65rem 1rem;border-top:1px solid var(--l1);flex-wrap:wrap}
.v3-due{display:flex;gap:.5rem;align-items:center}.v3-due input{background:var(--c-field);border:1px solid var(--l2);border-radius:.4rem;padding:.25rem .4rem;color:var(--c-ink);font:inherit}
.v3-pad{padding:1rem}
.v3-next{display:flex;align-items:center;gap:.9rem;padding:.8rem 1.05rem;border-radius:var(--c-r);border:1px solid var(--accl);background:rgba(214,185,140,.06);margin:0 0 1.2rem;flex-wrap:wrap}
.v3-next .v3-tx{font-size:.88rem;color:var(--c-ink)}.v3-next .v3-tx .v3-mono{margin-right:.6rem;letter-spacing:.12em;text-transform:uppercase}.v3-next b{font-weight:500}
.v3-next.none,.v3-next.auto{border-style:dashed;border-color:var(--l3);background:none}
.v3-steps{display:flex;margin-left:auto;border:1px solid var(--l2);border-radius:.6rem;overflow:hidden;max-width:100%;overflow-x:auto}
.v3-steps button{padding:.5rem .8rem;font-size:.75rem;color:var(--c-ink3);border-left:1px solid var(--l1)!important;white-space:nowrap}
.v3-steps button:first-child{border-left:0!important}.v3-steps button.past{color:var(--c-ink2)}
.v3-steps button.on{background:var(--c-btn);color:var(--c-btn-ink)}.v3-steps button:hover:not(.on){color:var(--c-ink);background:rgba(var(--c-fg),.05)}
.v3-ev{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.9rem;padding:.75rem 0;position:relative}
.v3-ev::before{content:"";position:absolute;left:1rem;top:2.5rem;bottom:-.25rem;width:1px;background:var(--l1)}.v3-ev:last-child::before{display:none}
.v3-eico{width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:var(--c-panel);border:1px solid var(--l2);color:var(--c-ink2)}
.v3-eico .v3-ic{width:.9rem;height:.9rem}.v3-ev.in .v3-eico{border-color:var(--c-acc);color:var(--c-acc2)}.v3-ev.warn .v3-eico{color:var(--c-err)}
.v3-ehd{display:flex;gap:.6rem;align-items:baseline;flex-wrap:wrap;font-size:.84rem;padding-top:.3rem}.v3-ehd b{font-weight:500}
.v3-ehd time{margin-left:auto;font:500 .64rem/1 var(--c-mono);color:var(--c-ink3);white-space:nowrap}
.v3-ebd{margin-top:.5rem;background:var(--c-panel);border:1px solid var(--l1);border-radius:.6rem;padding:.8rem 1rem;font-size:.84rem;color:var(--c-ink2);white-space:pre-wrap;line-height:1.55;overflow-wrap:anywhere}
.v3-ebd b{color:var(--c-ink);font-weight:500}
.v3-ev.in .v3-ebd{color:var(--c-ink);border-color:var(--accl)}.v3-ev.note .v3-ebd{border-style:dashed}
.v3-ebd.clip{max-height:8.5rem;overflow:hidden;-webkit-mask:linear-gradient(#000 55%,transparent);mask:linear-gradient(#000 55%,transparent);cursor:pointer}
.v3-read{margin-top:1rem}
.v3-offer{padding:.2rem 0 .9rem;margin-bottom:.9rem;border-bottom:1px solid var(--l1)}
.v3-tot{font-size:1.55rem;font-weight:300;letter-spacing:-.04em;margin:.25rem 0}
.v3-btns{display:flex;gap:.4rem;flex-wrap:wrap}
.v3-prop .sf-dossier-card{margin:0;padding:0;border:0;background:none}
.v3-prop .ops-section-title span{font:500 .68rem/1.3 var(--c-mono);letter-spacing:.14em;color:var(--c-ink2)}

/* tables */
.v3-table{background:var(--c-panel);border:1px solid var(--l1);border-radius:var(--c-r);overflow:auto}
.v3-table table{width:100%;border-collapse:collapse;font-size:.84rem;min-width:0!important;margin:0}
.v3-table th{font:500 .62rem/1.3 var(--c-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--c-ink3);text-align:left;padding:.7rem 1.05rem;border-bottom:1px solid var(--l2);background:none}
.v3-table td{padding:.8rem 1.05rem;border-top:1px solid var(--l1);vertical-align:middle;background:none}
.v3-table tbody tr[data-v3-cust]{cursor:pointer}.v3-table tbody tr:hover{background:rgba(var(--c-fg),.025)}
.v3-table td b{font-weight:500}.v3-table .r{text-align:right;font-variant-numeric:tabular-nums}

/* modals opened from the new screens */
.v3-modal .modal-box,.modal .modal-box:has(.v3-olist),.modal .modal-box:has(#v3NAt),.modal .modal-box:has(#v3MName){max-width:40rem}
.v3-olist{display:flex;flex-direction:column;border-top:1px solid rgba(var(--c-fg),.08)}
.v3-oi{display:grid;grid-template-columns:1.2rem 1fr 7rem;gap:.8rem;align-items:center;padding:.6rem 0;border-bottom:1px solid rgba(var(--c-fg),.08);font-size:.86rem;cursor:pointer}
.v3-oi input[type=checkbox]{accent-color:#d6b98c;width:1rem;height:1rem}
.v3-op,.v3-free input{background:var(--c-field);border:1px solid rgba(var(--c-fg),.12);border-radius:.4rem;padding:.4rem .55rem;color:var(--c-ink);font:inherit;font-size:.85rem;width:100%}
.v3-op,.v3-free .p{text-align:right;font-variant-numeric:tabular-nums}
.v3-free{display:grid;grid-template-columns:1fr 3.5rem 7rem 1.8rem;gap:.5rem;align-items:center;margin:.55rem 0}
.v3-free.cat{grid-template-columns:1fr 7rem 1.8rem}
.v3-x{width:1.8rem;height:1.8rem;border-radius:50%;border:1px solid rgba(var(--c-fg),.15);color:var(--c-ink3);background:none;cursor:pointer;font-size:1rem;line-height:1}
.v3-otot{display:flex;justify-content:space-between;align-items:baseline;padding:.9rem 0 .3rem;border-top:1px solid rgba(var(--c-fg),.18);margin-top:.5rem}
.v3-otot b{font-size:1.6rem;font-weight:300;letter-spacing:-.04em}
.v3-mfoot{display:flex;gap:.6rem;align-items:center;margin-top:1rem;flex-wrap:wrap}
.v3-modal .v3-row{padding:.75rem .4rem}

/* phones and tablets */
.v3-mnav{display:none}
@media (max-width:1180px){.v3-grid2{grid-template-columns:minmax(0,1fr)}.v3-focus{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){
  .v3-shell{grid-template-columns:minmax(0,1fr);--g:1rem}
  .v3-side{display:none}
  .v3-top{height:3.4rem;gap:.5rem}
  .v3-crumb{flex:1}
  .v3-search{width:auto;flex:0 1 9.5rem;margin-left:0}
  .v3-top .v3-btn span{display:none}
  .v3-page.content{padding:1.2rem var(--g) 6.5rem!important}
  .v3-ph h1{font-size:1.7rem}
  .v3-ph-acts{margin-left:0;width:100%}
  .v3-mnav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(var(--c-bg-rgb),.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--l2);padding:.35rem .3rem calc(.35rem + env(safe-area-inset-bottom))}
  .v3-mnav button{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem 0;color:var(--c-ink3);font-size:.68rem;position:relative}
  .v3-mnav button.on{color:var(--c-ink)}
  .v3-mnav .v3-ct{position:absolute;top:.05rem;left:calc(50% + .4rem);background:var(--c-acc);color:#0b0c0e;min-width:1rem;height:1rem;font-size:.56rem}
  .v3-row{flex-wrap:wrap;gap:.55rem .8rem;padding:.85rem .9rem}
  .v3-row .v3-tx{flex-basis:calc(100% - 2rem)}
  .v3-row .v3-tx p{white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
  .v3-row .v3-acts{width:100%;padding-left:1.25rem}.v3-row .v3-acts .v3-btn{flex:1}
  .v3-row.task .v3-tx{flex-basis:auto}
  .v3-sendbox{grid-template-columns:auto minmax(0,1fr);padding:1.1rem}.v3-sendbox>.v3-btn{grid-column:1/-1}
  .v3-sendbox.quiet{grid-template-columns:minmax(0,1fr)}
  .v3-board{grid-template-columns:repeat(5,82vw);margin:0 calc(-1*var(--g));padding:0 var(--g) .5rem;scroll-padding:0 var(--g)}
  .v3-hint{display:none}
  .v3-steps{margin-left:0;width:100%}.v3-steps button{flex:1;padding:.5rem .45rem;font-size:.7rem}
  .v3-dhead h1{font-size:1.5rem}
  .v3-next .v3-btn{flex:1}.v3-next .v3-tx{flex-basis:calc(100% - 2rem)}.v3-next .v3-tx .v3-mono{display:block;margin-bottom:.15rem}
  .v3-sendbar{flex-wrap:wrap;bottom:4.1rem}.v3-sendbar .v3-grow{display:none}.v3-sendbar .v3-btn{flex:1}
  .v3-composer textarea.tall{min-height:16rem}
  .v3-cft .v3-btn.pri{flex:1}
  .v3-table th:nth-child(n+4),.v3-table td:nth-child(n+4){display:none}
  .v3-links{margin-left:0}
  .v3-free{grid-template-columns:1fr 3rem 5.5rem 1.8rem}
  .v3-oi{grid-template-columns:1.2rem 1fr 5.5rem}
  .v3-shot.ph{width:28%}
}
@media (prefers-reduced-motion:reduce){.v3-shell *{transition:none!important}}

/* Pošta (mail service) */
.v3-msearch{margin-left:auto;height:2.1rem;width:min(18rem,100%);padding:0 .75rem;border-radius:.5rem;border:1px solid var(--l2);background:var(--c-field);color:var(--c-ink);font:inherit;font-size:.82rem;outline:none}
.v3-mail{display:grid;grid-template-columns:minmax(17rem,24rem) minmax(0,1fr);gap:1rem;align-items:start}
.v3-mlist{background:var(--c-panel);border:1px solid var(--l1);border-radius:var(--c-r);overflow:auto;max-height:calc(100vh - 15rem);position:sticky;top:5rem}
.v3-mrow{display:grid!important;gap:.18rem;width:100%;padding:.75rem .9rem!important;border-top:1px solid var(--l1)!important;text-align:left;position:relative}
.v3-mrow:first-child{border-top:0!important}.v3-mrow:hover{background:rgba(var(--c-fg),.03)}.v3-mrow.on{background:rgba(var(--c-fg),.06)}
.v3-mrow.unread::before{content:"";position:absolute;left:.35rem;top:1.05rem;width:.36rem;height:.36rem;border-radius:50%;background:var(--c-acc)}
.v3-mtop{display:flex;gap:.6rem;align-items:baseline}.v3-mtop b{font-weight:500;font-size:.86rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v3-mrow:not(.unread) .v3-mtop b{font-weight:400;color:var(--c-ink2)}
.v3-mtop time{font:500 .62rem/1 var(--c-mono);color:var(--c-ink3);white-space:nowrap}
.v3-msub{font-size:.82rem;color:var(--c-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v3-msub em{font:500 .6rem/1 var(--c-mono);font-style:normal;color:var(--c-ink3)}
.v3-msn{font-size:.76rem;color:var(--c-ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v3-mtags{display:flex;gap:.3rem;flex-wrap:wrap}.v3-mtags:empty{display:none}.v3-mtags i{font-style:normal}
.v3-mpane{min-width:0}
.v3-mempty{display:grid;place-items:center;gap:.6rem;padding:4rem 1rem;color:var(--c-ink3);border:1px dashed var(--l2);border-radius:var(--c-r);text-align:center}
.v3-mempty .v3-ic{width:1.6rem;height:1.6rem}
.v3-mhead{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center;margin:0 0 1rem}
.v3-mhead h2{margin:0;font-weight:300;font-size:1.45rem;letter-spacing:-.03em;line-height:1.2;flex:1 1 20rem;min-width:0;overflow-wrap:anywhere}
.v3-mback{display:none!important}
.v3-msgs{display:flex;flex-direction:column;gap:.7rem}
.v3-msg{background:var(--c-panel);border:1px solid var(--l1);border-radius:var(--c-r);padding:.9rem 1.05rem}
.v3-msg.out{border-color:var(--l2);background:rgba(var(--c-fg),.02)}
.v3-msg header{display:flex;gap:.7rem;align-items:flex-start;font-size:.84rem}.v3-msg header>div{flex:1;min-width:0;overflow-wrap:anywhere}.v3-msg header b{font-weight:500}
.v3-msg header time{font:500 .62rem/1.4 var(--c-mono);color:var(--c-ink3);white-space:nowrap}
.v3-mbody{margin-top:.75rem;font-size:.86rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--c-ink);max-height:32rem;overflow:auto}
.v3-matt{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin-top:.7rem}
.v3-mcomp{margin-top:1rem}
.v3-mfields{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--l1)}
.v3-mfields label{display:flex;align-items:center;gap:.6rem;padding:.5rem 1rem;font-size:.8rem;color:var(--c-ink3);min-width:0}
.v3-mfields label+label{border-left:1px solid var(--l1)}
.v3-mfields select,.v3-mfields input{flex:1;min-width:0;background:none;border:0;color:var(--c-ink);font:inherit;font-size:.82rem;outline:none;padding:.2rem 0}
.v3-mfields select option{background:var(--c-panel);color:var(--c-ink)}
@media (max-width:900px){
  .v3-mail{grid-template-columns:minmax(0,1fr)}
  .v3-mail.open .v3-mlist{display:none}.v3-mail:not(.open) .v3-mpane{display:none}
  .v3-mlist{max-height:none;position:static}
  .v3-mback{display:inline-flex!important}
  .v3-mhead h2{flex-basis:100%;font-size:1.25rem}
  .v3-mfields{grid-template-columns:1fr}.v3-mfields label+label{border-left:0;border-top:1px solid var(--l1)}
  .v3-msearch{margin-left:0;width:100%}
}
@media (max-width:900px){.v3-page:has(.v3-mail.open) .v3-bar,.v3-page:has(.v3-mail.open) .v3-ph{display:none}}

/* Pošta: selecting and deleting */
.v3-mside{min-width:0;position:sticky;top:5rem;display:flex;flex-direction:column;gap:.5rem}
.v3-mside .v3-mlist{position:static;max-height:calc(100vh - 17rem)}
.v3-mselbar{display:flex;align-items:center;gap:.4rem;padding:.45rem .6rem;border-radius:.6rem;border:1px solid var(--accl);background:rgba(214,185,140,.08);font-size:.8rem;flex-wrap:wrap}
.v3-mselbar b{font-weight:500}.v3-mselbar span{color:var(--c-ink2)}
.v3-mtrash{display:flex;align-items:center;gap:.6rem;padding:.2rem .2rem}
.v3-mrow{padding-left:2.6rem!important;cursor:pointer}
.v3-mrow.unread::before{left:1.95rem}
.v3-mrow.sel{background:rgba(214,185,140,.08)}
.v3-mchk{position:absolute;left:.65rem;top:.8rem;display:grid;place-items:center;width:1.1rem;height:1.1rem;cursor:pointer}
.v3-mchk input{width:.95rem;height:.95rem;margin:0;accent-color:#d6b98c;cursor:pointer}
.v3-btn.danger:hover{color:var(--c-err)!important;border-color:rgba(var(--c-err-rgb),.5)!important}
@media (max-width:900px){.v3-mail.open .v3-mside{display:none}.v3-mside{position:static}.v3-mside .v3-mlist{max-height:none}}
/* V7 (2026-10-18): the company file in a panel over the current screen; short explanations under the Danas headings */
.v7-dw{position:fixed;inset:0;z-index:60;display:flex;justify-content:flex-end}
.v7-dw-bg{position:absolute;inset:0;background:rgba(0,0,0,.32)}
.v7-dw-panel{position:relative;width:min(66rem,94vw);height:100%;display:flex;flex-direction:column;background:var(--c-bg);border-left:1px solid var(--l2);box-shadow:-1.5rem 0 4rem rgba(0,0,0,.22);animation:v7in .22s cubic-bezier(.2,.7,.1,1)}
.v7-dw-top{display:flex;align-items:center;gap:.6rem;padding:.75rem 1.4rem;border-bottom:1px solid var(--l1)}
.v7-dw-top .v3-mono{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;color:var(--c-ink2)}
.v7-dw-body{flex:1;overflow:auto;overscroll-behavior:contain;padding:1.5rem 1.7rem 4rem}
.v7-dw-x .v3-ic{width:1.1rem;height:1.1rem}
html.v7-lock{overflow:hidden}
@keyframes v7in{from{transform:translateX(2.5rem);opacity:.5}to{transform:none;opacity:1}}
@media (max-width:900px){.v7-dw-panel{width:100vw}.v7-dw-body{padding:1rem 1rem 6rem}.v7-dw-top{padding:.6rem 1rem}}
@media (prefers-reduced-motion:reduce){.v7-dw-panel{animation:none}}
.v7-hint{margin:-.15rem 0 .55rem;color:var(--c-ink2);font-size:.8rem;line-height:1.45}
.v3-row.v7-wrap{align-items:flex-start}.v3-row.v7-wrap .v3-tx p{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.5;display:block;-webkit-line-clamp:unset}.v3-row.v7-wrap .v3-acts{flex-wrap:wrap;justify-content:flex-end}

/* V7_SHELL (2026-10-18): tabs on top instead of the sidebar, a title with one sentence on every page, cards with soft
   corners, a highlighted card on Danas. After the "Dashboard V14" reference Ibrahim sent; colours stay the Cealius tokens. */
.v3-shell.v7-shell{grid-template-columns:minmax(0,1fr);--g:2rem;--rad:1.1rem;--max:100rem;--h:2.6rem;--sh:0 0 0 transparent}
html[data-mode="light"] .v7-shell{--sh:0 1px 2px rgba(10,11,13,.04),0 12px 32px -14px rgba(10,11,13,.12)}
@media (prefers-color-scheme:light){html:not([data-mode="dark"]) .v7-shell{--sh:0 1px 2px rgba(10,11,13,.04),0 12px 32px -14px rgba(10,11,13,.12)}}
.v7-shell .v3-main{min-height:100vh}
.v7-top{display:flex;align-items:center;gap:.6rem;height:auto;min-height:4.4rem;padding:.8rem max(var(--g),calc((100% - var(--max))/2 + var(--g)));border-bottom:0;background:rgba(var(--c-bg-rgb),.82)}
.v7-logo{display:flex;align-items:center;height:var(--h);padding:0 1.15rem;border-radius:99px;background:var(--c-panel);border:1px solid var(--l1)!important;flex:none}
.v7-logo img{height:1.55rem;width:auto;display:block}
.v7-shell .v7-logo .ink{display:none}
html[data-mode="light"] .v7-logo .pl{display:none}html[data-mode="light"] .v7-logo .ink{display:block}
@media (prefers-color-scheme:light){html:not([data-mode="dark"]) .v7-logo .pl{display:none}html:not([data-mode="dark"]) .v7-logo .ink{display:block}}
.v7-tabs{display:flex;align-items:center;gap:.15rem;height:var(--h);padding:.25rem;border-radius:99px;background:var(--c-panel);border:1px solid var(--l1);min-width:0;overflow-x:auto;scrollbar-width:none}
.v7-tabs::-webkit-scrollbar{display:none}
.v7-tabs button{display:flex;align-items:center;gap:.4rem;height:100%;padding:0 .95rem;border-radius:99px;font-size:.84rem;color:var(--c-ink2);white-space:nowrap;transition:background .2s,color .2s}
.v7-tabs button:hover{color:var(--c-ink);background:rgba(var(--c-fg),.05)}
.v7-tabs button.on{background:var(--c-btn);color:var(--c-btn-ink)}
.v7-tabs .v3-ct{margin-left:0;height:1.15rem;min-width:1.15rem;font-size:.6rem}
.v7-tabs button.on .v3-ct:not(.hot){background:var(--c-btn-ink);color:var(--c-btn)}
.v7-search{margin-left:auto;width:min(17rem,18vw);flex:none}
.v7-search>.v3-ic{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);color:var(--c-ink3);pointer-events:none;z-index:1}
.v7-search input{height:var(--h);border-radius:99px;padding:0 1rem 0 2.5rem;background:var(--c-panel);border-color:var(--l1)}
.v7-search .v3-sres{left:auto;right:0;min-width:22rem}
.v7-new{height:var(--h)!important;padding:0 1.1rem!important;flex:none}
.v7-end{display:flex;align-items:center;gap:.6rem;flex:none;order:2}
.v7-icb,.v7-top .mode-toggle{width:var(--h);height:var(--h);border-radius:50%;display:grid;place-items:center;background:var(--c-panel);border:1px solid var(--l1)!important;color:var(--c-ink2);flex:none}
.v7-icb:hover,.v7-icb.on,.v7-top .mode-toggle:hover{color:var(--c-ink);border-color:var(--l3)!important}
.v7-top .mode-toggle svg{width:1rem;height:1rem}
.v7-me{position:relative}
.v7-mebtn{display:flex;align-items:center;gap:.6rem;height:var(--h);padding:0 .8rem 0 .3rem;border-radius:99px;background:var(--c-panel);border:1px solid var(--l1)!important;max-width:15rem}
.v7-mebtn:hover{border-color:var(--l3)!important}
.v7-mebtn .v3-av{width:2rem;height:2rem}
.v7-mebtn .v3-who b{font-size:.8rem}.v7-mebtn .v3-who span{font-size:.68rem}
.v7-mebtn>.v3-ic{width:.9rem;height:.9rem;color:var(--c-ink3)}
.v7-menu{position:absolute;right:0;top:calc(100% + .5rem);min-width:15rem;background:var(--c-panel);border:1px solid var(--l2);border-radius:.95rem;padding:.35rem;box-shadow:0 22px 50px rgba(0,0,0,.28);z-index:30}
.v7-menu-h{padding:.6rem .7rem .75rem;border-bottom:1px solid var(--l1);margin-bottom:.3rem;line-height:1.35}
.v7-menu-h b{display:block;font-weight:500}.v7-menu-h span{font-size:.75rem;color:var(--c-ink3)}
.v7-menu button{display:flex;align-items:center;gap:.65rem;width:100%;padding:.6rem .7rem;border-radius:.6rem;font-size:.86rem}
.v7-menu button:hover{background:rgba(var(--c-fg),.05)}
.v7-shell .v3-page.content{padding:1.4rem var(--g) 4rem!important;max-width:var(--max);margin:0 auto!important}
.v7-shell .v7-crumbs{display:block;margin:0 0 1.1rem;font:400 .82rem/1.4 var(--c-sans);letter-spacing:0;text-transform:none;color:var(--c-ink3);white-space:normal}
.v7-shell .v7-crumbs b{color:var(--c-ink);font-weight:500}.v7-shell .v7-crumbs button{text-transform:none;letter-spacing:0;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--l3)}
/* page title and one sentence */
.v7-shell .v3-ph{align-items:flex-end;margin:.3rem 0 1.5rem}
.v7-shell .v3-ph h1{font-weight:600;font-size:2.1rem;letter-spacing:-.035em;line-height:1.1}
.v7-shell .v3-ph h1 span{display:block;margin-top:.45rem;font:400 .95rem/1.45 var(--c-sans);letter-spacing:0;color:var(--c-ink2)}
.v7-sub{margin:.45rem 0 0;font-size:.95rem;line-height:1.45;color:var(--c-ink2);max-width:46rem}
/* softer cards, pill buttons, plain titles instead of small capitals */
.v7-shell .v3-btn{border-radius:99px}
.v7-shell .v3-seg{border-radius:99px;padding:.22rem}.v7-shell .v3-seg button{border-radius:99px}
.v7-shell .v3-card,.v7-shell .v3-rows,.v7-shell .v3-note,.v7-shell .v3-sendbox,.v7-shell .v3-col{border-radius:var(--rad)}
.v7-shell .v3-card,.v7-shell .v3-rows:not(.flat),.v7-shell .v3-col,.v7-shell .v3-sendbox{box-shadow:var(--sh)}
.v7-shell .v3-dc{border-radius:.8rem}
.v7-shell .v3-lbl{font:600 .92rem/1.3 var(--c-sans);letter-spacing:-.01em;text-transform:none;color:var(--c-ink)}
.v7-shell .v3-lbl b{font-weight:600;color:var(--c-ink)}
.v7-shell .v3-lbl .v3-sq,.v7-shell .v3-lbl>i:last-child{display:none}
.v7-shell .v3-tag{font:500 .68rem/1.2 var(--c-sans);letter-spacing:0;text-transform:none;border:0;border-radius:99px;padding:.22rem .55rem;background:rgba(var(--c-fg),.07)}
.v7-shell :is(.v3-ct,.v3-av,.v3-mono,.v3-seg em,.v3-field span,.v3-dl dt,.v3-dc .h,.v3-dc .f,.v3-why b,.v3-table th,.v3-msub em,.v3-shots.none,.v3-prop .ops-section-title span),.v7-shell time{font-family:var(--c-sans)}
.v7-shell .v3-dhead h1{font-weight:600;letter-spacing:-.035em}
.v7-shell .v3-tag.acc{background:rgba(214,185,140,.2)}.v7-shell .v3-tag.bad{background:rgba(var(--c-err-rgb),.14)}
/* Danas: highlighted card */
.v7-shell .v7-grid{grid-template-columns:minmax(0,1fr) 24rem}
.v7-hero{position:relative;overflow:hidden;border-radius:var(--rad);padding:1.35rem 1.6rem 1.5rem;margin:0 0 1.25rem;color:#15120b;
  background:radial-gradient(90% 120% at 88% 0%,rgba(255,255,255,.4),transparent 60%),linear-gradient(135deg,#e6cda5 0%,#d5b484 48%,#bb935d 100%);box-shadow:0 22px 44px -22px rgba(160,120,70,.6)}
.v7-hero-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.78rem}
.v7-hero-top>span:last-child{opacity:.72}
.v7-pill{display:inline-flex;align-items:center;gap:.4rem;height:1.8rem;padding:0 .8rem;border-radius:99px;background:rgba(255,255,255,.38);font-weight:500}
.v7-pill .v3-ic{width:.85rem;height:.85rem}
.v7-hero-num{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap;margin:1.5rem 0 .25rem}
.v7-hero-num b{font-weight:600;font-size:3.7rem;letter-spacing:-.055em;line-height:1}
.v7-hero-num span{font-size:1.05rem;font-weight:500}
.v7-hero h2.v7-hero-done{margin:1.5rem 0 .3rem;font-weight:600;font-size:2.2rem;letter-spacing:-.04em;line-height:1.1}
.v7-hero-who{margin:0;font-size:.9rem;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v7-bar{display:flex;height:.5rem;margin:1.25rem 0 .85rem;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.32)}
.v7-bar i{display:block;height:100%;border-right:3px solid transparent;background-clip:padding-box}
.v7-bar i:last-child{border-right:0}
.v7-hero .s0{background-color:#15120b}.v7-hero .s1{background-color:rgba(21,18,11,.62)}.v7-hero .s2{background-color:rgba(21,18,11,.42)}.v7-hero .s3{background-color:rgba(21,18,11,.27)}.v7-hero .s4{background-color:rgba(255,255,255,.75)}
.v7-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1.3rem}
.v7-chip{display:inline-flex;align-items:center;gap:.45rem;height:1.95rem;padding:0 .8rem;border-radius:99px;background:rgba(255,255,255,.3);font-size:.78rem;color:#15120b;transition:background .2s}
.v7-chip:hover{background:rgba(255,255,255,.55)}
.v7-chip i{width:.55rem;height:.55rem;border-radius:2px;flex:none}
.v7-chip b{font-weight:600}
.v7-hero-foot{display:flex;align-items:center;gap:.6rem 1rem;flex-wrap:wrap}
.v7-hero-foot>span{font-size:.8rem;opacity:.75}
.v7-hero .v3-btn.v7-white{height:2.6rem;padding:0 1.2rem!important;font-size:.85rem;background:#fff!important;color:#15120b!important;border-color:transparent!important;box-shadow:0 6px 18px -6px rgba(0,0,0,.25);max-width:100%}
.v7-hero .v3-btn.v7-white:hover{background:#15120b!important;color:#fff!important}
.v7-shell .v3-row time{font:400 .76rem/1.2 var(--c-sans);letter-spacing:0}
.v7-shell .v3-big{font-weight:600;letter-spacing:-.05em}
.v7-nm{display:inline-block;max-width:15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
/* Danas: groups as cards */
.v7-sec{background:var(--c-panel);border:1px solid var(--l1);border-radius:var(--rad);box-shadow:var(--sh);margin:0 0 1.25rem;overflow:hidden;scroll-margin-top:6rem}
.v7-sec>header{display:flex;align-items:flex-start;gap:1rem;padding:1.05rem 1.2rem .8rem}
.v7-shell .v7-sec h2{margin:0;font-weight:600;font-size:1rem;letter-spacing:-.015em;color:var(--c-ink)}
.v7-sec>header p{margin:.2rem 0 0;color:var(--c-ink2);font-size:.8rem;line-height:1.45}
.v7-badge{margin-left:auto;flex:none;font:600 .72rem/1 var(--c-sans);font-style:normal;padding:.38rem .62rem;border-radius:99px;background:rgba(var(--c-fg),.06);color:var(--c-ink2)}
.v7-badge.hot{background:rgba(214,185,140,.22);color:var(--c-acc2)}
.v7-sec .v3-rows{border:0;border-top:1px solid var(--l1);border-radius:0;background:none;box-shadow:none}
.v7-sec .v3-row{padding:.9rem 1.2rem}
.v7-sec .v3-sendbox{border:0;border-top:1px solid var(--l1);border-radius:0;box-shadow:none;background:linear-gradient(120deg,rgba(214,185,140,.08),transparent 60%);padding:1.1rem 1.2rem}
.v7-sec .v3-sendbox.quiet{background:none}
.v7-flash{animation:v7flash 1.6s cubic-bezier(.2,.7,.1,1)}
@keyframes v7flash{0%,35%{box-shadow:0 0 0 2px var(--c-acc),var(--sh)}100%{box-shadow:0 0 0 0 transparent,var(--sh)}}
.v7-stats{padding:.1rem 1.2rem .5rem}
.v7-stat{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.2rem 1rem;padding:.6rem 0;border-top:1px solid var(--l1)}
.v7-stat:first-child{border-top:0}
.v7-stat span{font-size:.84rem;color:var(--c-ink2)}
.v7-stat b{font-weight:600;font-size:1.05rem;letter-spacing:-.02em}
.v7-stat .v3-barline{grid-column:1/-1;margin-top:.15rem}
.v7-sec>footer{display:flex;align-items:center;justify-content:space-between;gap:.6rem 1rem;flex-wrap:wrap;padding:.75rem 1.2rem;border-top:1px solid var(--l1)}
.v7-list{border-top:1px solid var(--l1)}
.v7-li{display:flex;align-items:center;gap:.8rem;padding:.75rem 1.2rem;border-top:1px solid var(--l1);font-size:.85rem}
.v7-li:first-child{border-top:0}
.v7-li>i{width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:rgba(214,185,140,.16);color:var(--c-acc2);flex:none}
.v7-li>i .v3-ic{width:.9rem;height:.9rem}
.v7-li .t{flex:1;min-width:0}.v7-li .t small{display:block;color:var(--c-ink3);font-size:.74rem}
.v7-li a{text-decoration:none}.v7-li a:hover{text-decoration:underline}
.v7-li time{font-size:.78rem;color:var(--c-ink2);white-space:nowrap}
.v7-empty{padding:1rem 1.2rem;margin:0}
@media (prefers-reduced-motion:reduce){.v7-flash{animation:none}}
/* narrower screens */
@media (max-width:1360px){.v7-mebtn .v3-who{display:none}.v7-mebtn{padding:0 .55rem 0 .3rem}}
@media (max-width:1180px){
  .v3-shell.v7-shell{--g:1.25rem}
  .v7-shell .v7-grid{grid-template-columns:minmax(0,1fr)}
  .v7-new span{display:none}.v7-new{width:var(--h);padding:0!important}
  .v7-search{width:var(--h);transition:width .25s;overflow:hidden;border-radius:99px}.v7-search:focus-within{width:16rem;overflow:visible}
  .v7-search>.v3-ic{left:.78rem}.v7-search:focus-within>.v3-ic{left:.95rem}
  .v7-search input{cursor:pointer}.v7-search input:focus{cursor:text}
  .v7-search input::placeholder{color:transparent}.v7-search:focus-within input::placeholder{color:var(--c-ink3)}
}
@media (max-width:900px){
  .v3-shell.v7-shell{--g:1rem;--h:2.4rem}
  .v7-top{min-height:3.6rem;padding:.55rem var(--g);gap:.45rem}
  .v7-tabs,.v7-end .v7-icb{display:none}
  .v7-logo{padding:0 .8rem}.v7-logo img{height:1.3rem}
  .v7-search,.v7-search:focus-within{flex:1 1 auto;width:auto;min-width:0;margin-left:.1rem;overflow:visible}.v7-search>.v3-ic,.v7-search:focus-within>.v3-ic{left:.95rem}
  .v7-search input::placeholder{color:var(--c-ink3)}
  .v7-search .v3-sres{left:0;right:auto;min-width:0;width:calc(100vw - 2rem)}
  .v7-mebtn{padding:0 .2rem;width:var(--h);justify-content:center}.v7-mebtn>.v3-ic{display:none}.v7-mebtn .v3-av{width:1.8rem;height:1.8rem}
  .v7-shell .v3-page.content{padding:1.1rem var(--g) 6.5rem!important}
  .v7-shell .v3-ph h1{font-size:1.65rem}
  .v7-hero{padding:1.1rem 1.15rem 1.2rem}
  .v7-hero-who{white-space:normal}
  .v7-hero-num{margin-top:1.2rem}.v7-hero-num b{font-size:2.9rem}.v7-hero-num span{font-size:.95rem}
  .v7-hero-foot .v3-btn.v7-white{width:100%}
  .v7-nm{max-width:11rem}
  .v7-sec>header{padding:.95rem 1rem .7rem}
  .v7-sec .v3-row{padding:.85rem 1rem}
  .v7-sec .v3-sendbox{padding:1rem}
}

/* V7C (2026-10-20): Prodaja as a list with the numbers on top, Poslano grouped by day */
.v7-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.9rem;margin:0 0 1.25rem}
.v7-kpi{background:var(--c-panel);border:1px solid var(--l1);border-radius:var(--rad);box-shadow:var(--sh);padding:1rem 1.1rem;min-width:0}
.v7-kpi span{display:block;font-size:.8rem;color:var(--c-ink2)}
.v7-kpi b{display:block;margin:.4rem 0 .3rem;font-weight:600;font-size:1.9rem;letter-spacing:-.04em;line-height:1;color:var(--c-ink)}
.v7-kpi small{display:block;font-size:.72rem;line-height:1.35;color:var(--c-ink3)}
.v7-kpi.hot{border-color:transparent;background:radial-gradient(90% 120% at 90% 0%,rgba(255,255,255,.35),transparent 60%),linear-gradient(135deg,#e6cda5,#c9a26c)}
.v7-kpi.hot span,.v7-kpi.hot b,.v7-kpi.hot small{color:#15120b}.v7-kpi.hot small{opacity:.75}
.v7-tools{display:flex;align-items:center;gap:.7rem 1rem;flex-wrap:wrap;padding:.9rem 1.2rem;border-bottom:1px solid var(--l1)}
.v7-chips2{display:flex;gap:.35rem;flex-wrap:wrap}
.v7-shell .v7-fc{display:inline-flex;align-items:center;gap:.45rem;height:2rem;padding:0 .8rem;border-radius:99px;border:1px solid var(--l2)!important;font-size:.8rem;color:var(--c-ink2);transition:background .2s,color .2s}
.v7-shell .v7-fc:hover{color:var(--c-ink);border-color:var(--l3)!important}
.v7-shell .v7-fc em{font-style:normal;font-size:.72rem;color:var(--c-ink3)}
.v7-shell .v7-fc.on{background:var(--c-btn);color:var(--c-btn-ink);border-color:transparent!important}.v7-shell .v7-fc.on em{color:inherit;opacity:.7}
.v7-tools-r{margin-left:auto;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.v7-lsearch{position:relative;width:15rem}
.v7-lsearch>.v3-ic{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--c-ink3);pointer-events:none}
.v7-lsearch input{width:100%;height:2.2rem;border-radius:99px;padding:0 .9rem 0 2.3rem;border:1px solid var(--l2);background:var(--c-field);color:var(--c-ink);font:inherit;font-size:.82rem;outline:none}
.v7-lsearch input:focus{border-color:var(--l3)}
.v7-thead,.v7-tr{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(0,1.35fr) minmax(0,1.3fr) minmax(0,1.15fr) minmax(0,1.45fr) 1.8rem;gap:1rem;align-items:center;padding:.8rem 1.2rem}
.v7-thead{padding-top:.55rem;padding-bottom:.55rem;border-bottom:1px solid var(--l1);font-size:.75rem;color:var(--c-ink3)}
.v7-thead button{color:inherit;text-align:left;white-space:nowrap}.v7-thead button:hover,.v7-thead button.on{color:var(--c-ink)}
.v7-tr{border-top:1px solid var(--l1);cursor:pointer;font-size:.84rem;transition:background .15s}
#v7Lrows>.v7-tr:first-child{border-top:0}
.v7-tr:hover,.v7-tr:focus-visible{background:rgba(var(--c-fg),.03);outline:none}
.v7-tr .c-f{min-width:0}.v7-tr .c-f b{display:block;font-weight:500;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v7-tr small{display:block;margin-top:.1rem;color:var(--c-ink3);font-size:.74rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v7-tr .c-s{display:flex;gap:.3rem;flex-wrap:wrap}
.v7-tr .c-l,.v7-tr .c-a,.v7-tr .c-n{color:var(--c-ink2);min-width:0}
.v7-tr .mut{color:var(--c-ink3)}
.v7-lfoot{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.2rem;border-top:1px solid var(--l1);font-size:.8rem;color:var(--c-ink3)}
.v7-lfoot:empty{display:none}
.v7-tbl+.v3-closed{margin-top:-.25rem}
.v7-day{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.75rem 1.2rem .55rem;background:rgba(var(--c-fg),.025);border-top:1px solid var(--l1)}
#v7Srows>.v7-day:first-child{border-top:0}
.v7-day b{font-weight:600;font-size:.86rem}.v7-day span{font-size:.76rem;color:var(--c-ink3)}
.v7-sr{display:flex;gap:1rem;padding:.8rem 1.2rem;border-top:1px solid var(--l1);cursor:pointer;transition:background .15s}
.v7-sr:hover,.v7-sr:focus-visible{background:rgba(var(--c-fg),.03);outline:none}
.v7-sr>time{flex:none;width:3rem;padding-top:.12rem;font-size:.8rem;color:var(--c-ink3)}
.v7-sr .t{min-width:0;flex:1}
.v7-sr .h{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.v7-sr .h b{font-weight:500;font-size:.9rem}
.v7-sr p{margin:.25rem 0 0;font-size:.84rem;color:var(--c-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v7-sr small{display:block;margin-top:.15rem;font-size:.74rem;color:var(--c-ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:1280px){.v7-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){
  .v7-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
  .v7-kpi{padding:.85rem .9rem}.v7-kpi b{font-size:1.6rem}
  .v7-tools{padding:.8rem 1rem}.v7-tools-r{margin-left:0;width:100%}.v7-lsearch{flex:1 1 10rem;width:auto}
  .v7-chips2{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%;margin:0 -1rem;padding:0 1rem}.v7-chips2::-webkit-scrollbar{display:none}
  .v7-shell .v7-fc{flex:none}
  .v7-thead{display:none}
  .v7-tr{grid-template-columns:minmax(0,1fr) auto;gap:.25rem .8rem;padding:.85rem 1rem}
  .v7-tr .c-f{grid-column:1;grid-row:1}.v7-tr .c-s{grid-column:2;grid-row:1;justify-content:flex-end}
  .v7-tr .c-l,.v7-tr .c-a,.v7-tr .c-n{grid-column:1/-1;font-size:.78rem}
  .v7-tr .c-l::before{content:"Zadnja poruka: ";color:var(--c-ink3)}.v7-tr .c-a::before{content:"Analiza: ";color:var(--c-ink3)}.v7-tr .c-n::before{content:"Sljedeće: ";color:var(--c-ink3)}
  .v7-tr .c-a.mut,.v7-tr .c-n.mut,.v7-tr .c-p{display:none}
  .v7-lfoot{padding:.75rem 1rem}
  .v7-day{padding:.7rem 1rem .5rem}.v7-sr{padding:.8rem 1rem;gap:.7rem}.v7-sr>time{width:2.6rem}
}

/* V7D (2026-10-20): 10 rows per page with arrows and numbers; closed firms in the list; the board without "Kontaktirani" */
.v7-pager{display:flex;align-items:center;gap:.3rem}
.v7-shell .v7-pg{min-width:2.1rem;height:2.1rem;padding:0 .55rem;border-radius:99px;display:inline-grid;place-items:center;border:1px solid var(--l2)!important;font-size:.8rem;color:var(--c-ink2);transition:background .2s,color .2s}
.v7-shell .v7-pg:hover:not(:disabled){color:var(--c-ink);border-color:var(--l3)!important}
.v7-shell .v7-pg.on{background:var(--c-btn);color:var(--c-btn-ink);border-color:transparent!important}
.v7-shell .v7-pg:disabled{opacity:.35;cursor:default}
.v7-pg .v3-ic{width:.95rem;height:.95rem}
.v7-pg-gap{padding:0 .2rem;color:var(--c-ink3)}
.v7-tr.closed .c-f b,.v7-tr.closed .c-l{color:var(--c-ink2)}
.v7-shell .page-ploca .v3-board{grid-template-columns:repeat(4,minmax(12.5rem,1fr))}
@media (max-width:900px){
  .v7-shell .page-ploca .v3-board{grid-template-columns:repeat(4,82vw)}
  .v7-lfoot{flex-direction:column;align-items:stretch;gap:.6rem}.v7-lfoot>span{text-align:center}
  .v7-pager{justify-content:center;flex-wrap:wrap}
}

/* V8 (2026-10-20): the classic menu on the left next to the tabs, the firm in a window in the middle, number cards that open
   what they count, "U redu" as cards, older screens' buttons in the same style */
.v3-shell.v7-shell.v8{grid-template-columns:14.5rem minmax(0,1fr)}
.v8-col{min-width:0;display:flex;flex-direction:column}
.v8 .v8-side{padding:1.25rem .85rem 1rem;background:var(--c-bg);border-right:1px solid var(--l1);overflow-y:auto;scrollbar-width:thin}
.v8 .v8-side .v3-logo{height:1.55rem;margin:.35rem .55rem 1.9rem}
.v8 .v8-side .v3-nav button{font-size:.88rem;padding:.58rem .7rem}
.v8 .v8-side .v3-nav button.on::before{left:-.85rem}
.v8-sub{display:flex;flex-direction:column;gap:.05rem;margin:.1rem 0 .45rem 1.45rem;padding-left:.7rem;border-left:1px solid var(--l2)}
.v8 .v8-sub button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.42rem .6rem;border-radius:.45rem;font-size:.82rem;color:var(--c-ink3);transition:background .2s,color .2s}
.v8 .v8-sub button:hover{color:var(--c-ink);background:rgba(var(--c-fg),.04)}
.v8 .v8-sub button.on{color:var(--c-ink);background:rgba(var(--c-fg),.07);font-weight:500}
.v8 .v8-sub .v3-ct{margin-left:auto}
.v8 .v7-top .v7-logo{display:none}
@media (max-width:1600px){.v8 .v7-mebtn .v3-who{display:none}.v8 .v7-mebtn{padding:0 .55rem 0 .3rem}}
@media (max-width:1500px) and (min-width:901px){
  .v8 .v7-search{width:var(--h);transition:width .25s;overflow:hidden;border-radius:99px}.v8 .v7-search:focus-within{width:16rem;overflow:visible}
  .v8 .v7-search>.v3-ic{left:.78rem}.v8 .v7-search:focus-within>.v3-ic{left:.95rem}
  .v8 .v7-search input{cursor:pointer}.v8 .v7-search input:focus{cursor:text}
  .v8 .v7-search input::placeholder{color:transparent}.v8 .v7-search:focus-within input::placeholder{color:var(--c-ink3)}
}
@media (max-width:1300px) and (min-width:901px){.v8 .v7-new span{display:none}.v8 .v7-new{width:var(--h);padding:0!important}.v8 .v7-tabs button{padding:0 .75rem}}
@media (max-width:1100px){.v3-shell.v7-shell.v8{grid-template-columns:minmax(0,1fr)}.v8 .v8-side{display:none}.v8 .v7-top .v7-logo{display:flex}}
/* the firm opens in a window in the middle */
.v7-dw{align-items:center;justify-content:center;padding:2.5vh 2vw}
.v7-dw-bg{background:rgba(0,0,0,.46)}
.v7-dw-panel{width:min(80rem,96vw);height:min(95vh,72rem);border:1px solid var(--l2);border-radius:1.2rem;overflow:hidden;box-shadow:0 2.5rem 6rem rgba(0,0,0,.38);animation:v8pop .22s cubic-bezier(.2,.7,.1,1)}
@keyframes v8pop{from{transform:translateY(.8rem) scale(.985);opacity:0}to{transform:none;opacity:1}}
@media (max-width:900px){.v7-dw{padding:0}.v7-dw-panel{width:100vw;height:100vh;height:100dvh;border:0;border-radius:0}}
@media (prefers-reduced-motion:reduce){.v7-dw-panel{animation:none}}
/* number cards are buttons now */
.v7-shell button.v7-kpi{display:block;width:100%;text-align:left;padding:1rem 1.1rem;background:var(--c-panel);border:1px solid var(--l1)!important;border-radius:var(--rad);box-shadow:var(--sh);cursor:pointer;transition:border-color .2s,transform .2s}
.v7-shell button.v7-kpi:hover{border-color:var(--l3)!important;transform:translateY(-1px)}
.v7-shell button.v7-kpi.hot{border-color:transparent!important;background:radial-gradient(90% 120% at 90% 0%,rgba(255,255,255,.35),transparent 60%),linear-gradient(135deg,#e6cda5,#c9a26c)}
.v7-shell button.v7-kpi.hot:hover{filter:brightness(1.03)}
.v7-shell button.v7-kpi:focus-visible{outline:2px solid var(--c-acc);outline-offset:2px}
.v7-shell .v7-fc.v8-gap{margin-left:.6rem}
.v7-li[data-v3-cust]{cursor:pointer;transition:background .15s}.v7-li[data-v3-cust]:hover{background:rgba(var(--c-fg),.03)}
.v8-cli .v7-li b{display:block;font-weight:500}
/* U redu */
.v8-qsum{margin:-.4rem 0 1.1rem;color:var(--c-ink2);font-size:.88rem}
.v8-qgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16.5rem,1fr));gap:.8rem;padding:1rem 1.2rem 1.2rem;border-top:1px solid var(--l1)}
.v7-shell button.v8-qc{display:flex;flex-direction:column;gap:.3rem;text-align:left;padding:.95rem 1rem;background:var(--c-bg);border:1px solid var(--l2)!important;border-radius:.9rem;cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s;min-width:0}
.v7-shell button.v8-qc:hover{border-color:var(--l3)!important;transform:translateY(-1px);box-shadow:var(--sh)}
.v8-qc .t{display:flex;align-items:flex-start;gap:.5rem}.v8-qc .t b{flex:1;font-weight:600;font-size:.9rem;line-height:1.3}
.v8-qc .t em{font-style:normal;font-size:1rem;letter-spacing:-.02em;color:var(--c-acc2)}
.v8-qc small{font-size:.74rem;color:var(--c-ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v8-qc .s{margin-top:.25rem;font-size:.82rem;color:var(--c-ink)}
.v8-qc .f{font-size:.74rem;color:var(--c-ink3)}
.v8-qc.wait{opacity:.6}
/* buttons of the older screens (Podrška, Narudžbe, Klijent) */
.v7-shell .btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.2rem;padding:0 1rem;border-radius:99px!important;border:1px solid var(--l3);background:transparent;color:var(--c-ink);font:500 .82rem/1.2 var(--c-sans);white-space:nowrap;cursor:pointer;transition:border-color .2s,background .2s}
.v7-shell .btn:hover{border-color:rgba(var(--c-fg),.4)}
.v7-shell .btn.primary{background:var(--c-btn);color:var(--c-btn-ink);border-color:transparent}
.v7-shell .btn.primary:hover{background:var(--c-acc);color:#0b0c0e}
.v7-shell .btn.danger{color:var(--c-err);border-color:rgba(var(--c-err-rgb),.45)}
.v7-shell .toolbar{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin:0 0 1rem}
@media (max-width:900px){.v8-qgrid{grid-template-columns:minmax(0,1fr);padding:.9rem 1rem 1rem}}

/* V8B (2026-10-20): client page, Novac and Narudžbe in the console style, payment and renewal dialogs */
.v7-kpis.v8-k4{grid-template-columns:repeat(4,minmax(0,1fr))}
.v8-hacts{margin-left:auto;display:flex;gap:.4rem;flex:none}
.v7-sec>header .v7-badge+.v8-hacts{margin-left:.6rem}
.v8-srow,.v8-orow,.v8-prow{display:grid;align-items:center;gap:.5rem 1rem;padding:.85rem 1.2rem;border-top:1px solid var(--l1);font-size:.85rem}
.v8-srow{grid-template-columns:minmax(0,1.5fr) auto minmax(0,1fr) auto}
.v8-orow{grid-template-columns:minmax(0,1.6fr) auto auto 4.5rem auto}
.v8-prow{grid-template-columns:5.2rem minmax(0,1fr) auto auto}
.v8-prow:has(.v3-chk){grid-template-columns:1.4rem minmax(0,1fr)}
.v8-prow[data-v3-ticket]{cursor:pointer}.v8-prow[data-v3-ticket]:hover{background:rgba(var(--c-fg),.03)}
.v8-srow .c1,.v8-orow .c1,.v8-prow .c1{min-width:0}
.v8-srow b,.v8-orow b,.v8-prow b{display:block;font-weight:500;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v8-srow small,.v8-orow small,.v8-prow small{display:block;margin-top:.1rem;color:var(--c-ink3);font-size:.74rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v8-srow .c2 span{display:block;font-size:.72rem;color:var(--c-ink3)}.v8-srow .c2 b{font-weight:600}
.v8-orow time,.v8-prow time{font-size:.8rem;color:var(--c-ink2);white-space:nowrap}
.v8-orow .num,.v8-prow .num{font-weight:600;white-space:nowrap;text-align:right}
.v8-srow .v3-acts,.v8-orow .v3-acts,.v8-prow .v3-acts{justify-content:flex-end;flex-wrap:wrap}
.v7-shell .v3-btn.danger{color:var(--c-err)}.v7-shell .v3-btn.ghost.danger:hover{background:rgba(var(--c-err-rgb),.08)}
.v8-pad{padding:.9rem 1.2rem 1.1rem;border-top:1px solid var(--l1)}
.v8-kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.55rem 1rem;font-size:.84rem}
.v8-kv span{color:var(--c-ink3)}.v8-kv b{font-weight:500;text-align:right;overflow-wrap:anywhere}
.v8-host{display:flex;flex-direction:column;gap:.45rem}.v8-host+.v8-host{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--l1)}
.v8-host .t{display:flex;align-items:center;gap:.5rem}.v8-host .t b{font-weight:600}
.v8-host small{color:var(--c-ink3);font-size:.76rem}.v8-host .v8-kv{margin:.4rem 0 .3rem}.v8-host .v3-btn{align-self:flex-start}
.v8-note{padding:.8rem 1.2rem;border-top:1px solid var(--l1)}.v8-note p{margin:0;font-size:.85rem;white-space:pre-wrap}.v8-note small{color:var(--c-ink3);font-size:.74rem}
.v8-danger{display:flex;justify-content:flex-end;margin-top:-.25rem}
.v7-li[data-page]{cursor:pointer}.v7-li[data-page]:hover{background:rgba(var(--c-fg),.03)}.v7-li[data-page]>.v3-ic{color:var(--c-ink3)}
.v8-modal .modal-box{max-width:34rem}
.v8-form{display:flex;flex-direction:column;gap:.7rem}
.v8-form .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.v8-form .field{display:flex;flex-direction:column;gap:.3rem;margin:0}
.v8-form .field span{font-size:.78rem;color:var(--c-ink2)}
.v8-form input,.v8-form select{width:100%;height:2.5rem;padding:0 .8rem;border-radius:.6rem;border:1px solid rgba(var(--c-fg),.16);background:var(--c-field);color:var(--c-ink);font:inherit;font-size:.9rem}
.v8-form input:focus,.v8-form select:focus{outline:none;border-color:rgba(var(--c-fg),.4)}
.v8-ferr{margin:0;padding:.6rem .8rem;border-radius:.6rem;background:rgba(var(--c-err-rgb),.1);color:var(--c-err);font-size:.84rem}
.v8-modal .btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.3rem;padding:0 1.1rem;border-radius:99px;border:1px solid rgba(var(--c-fg),.18);background:transparent;color:var(--c-ink);font:500 .84rem/1 var(--c-sans);cursor:pointer}
.v8-modal .btn.primary{background:var(--c-btn);color:var(--c-btn-ink);border-color:transparent}
.v8-modal .btn.danger{background:var(--c-err);color:#fff;border-color:transparent}
.v8-modal .btn:disabled{opacity:.5;cursor:default}
@media (max-width:1280px){.v7-kpis.v8-k4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
  .v8-srow,.v8-orow{grid-template-columns:minmax(0,1fr) auto;padding:.85rem 1rem}
  .v8-srow .c2,.v8-orow time{grid-column:1}.v8-srow .v3-acts,.v8-orow .v3-acts{grid-column:1/-1;justify-content:flex-start}
  .v8-orow .num{grid-column:2;grid-row:1}.v8-orow .v3-tag{grid-column:2;grid-row:2;justify-self:end}
  .v8-prow{grid-template-columns:minmax(0,1fr) auto;padding:.85rem 1rem}.v8-prow time{grid-column:1/-1}.v8-prow .v3-acts{grid-column:1/-1;justify-content:flex-start}
  .v8-hacts{flex-wrap:wrap;justify-content:flex-end}
  .v8-form .form-grid{grid-template-columns:minmax(0,1fr)}
}
.v8-srow .c2 small{white-space:normal;overflow:visible}
/* P9_PROPOSAL (2026-10-21): presentation interest in the firm window, interested firms on Danas */
.p9-card .p9-rq{padding:.65rem 0;border-top:1px solid var(--l1)}
.p9-rq>div{display:flex;justify-content:space-between;gap:.6rem;align-items:baseline}
.p9-rq b{font-weight:600;font-size:.86rem;color:var(--c-ink)}
.p9-rq time{font-size:.72rem;color:var(--c-ink3);white-space:nowrap}
.p9-rq p{margin:.35rem 0 0;padding:.5rem .65rem;border-radius:.5rem;background:rgba(var(--c-fg),.045);font-size:.82rem;line-height:1.45;color:var(--c-ink);white-space:pre-wrap;overflow-wrap:anywhere}
.p9-rq small{display:block;margin-top:.35rem;font-size:.75rem;color:var(--c-ink2)}
.p9-sub{margin:.6rem 0 0}
.p9-ints{display:flex;flex-wrap:wrap;gap:.35rem;margin:.4rem 0 .2rem}
.p9-dd{margin-top:.8rem;padding-top:.7rem;border-top:1px solid var(--l1)}
.p9-dd summary{cursor:pointer;font-size:.84rem;font-weight:600;color:var(--c-ink)}
.p9-f{display:grid;gap:.3rem;margin-top:.6rem;font-size:.76rem;color:var(--c-ink2)}
.p9-f input{width:100%;min-width:0;padding:.55rem .7rem;border-radius:.55rem;border:1px solid var(--l2,rgba(127,127,127,.25));background:transparent;color:var(--c-ink);font:inherit;font-size:.84rem}
.p9-dz{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin-top:.6rem;font-size:.82rem}
.p9-dz a{color:var(--c-ink);overflow-wrap:anywhere}
.p9-btns{display:flex;flex-wrap:wrap;gap:.4rem;margin:.75rem 0 .5rem}
/* P9D_MORE (2026-10-21): the small round "more" button in Javite se and its menu (replaces the native select) */
.p9-more{display:inline-flex;align-items:center}
.v3-shell .p9-more-b{position:relative;width:2.15rem;height:2.15rem;flex:none;display:inline-flex;align-items:center;justify-content:center;gap:3px;border-radius:99px;
  border:1px solid var(--l2)!important;color:var(--c-ink2);background:transparent;transition:background .3s,color .3s,border-color .3s,transform .5s cubic-bezier(.2,.7,.1,1),box-shadow .3s}
.p9-more-b i{width:4px;height:4px;border-radius:50%;background:currentColor;transition:transform .45s cubic-bezier(.2,.7,.1,1)}
.v3-shell .p9-more-b:hover{color:var(--c-ink);border-color:var(--l3)!important;background:rgba(var(--c-fg),.05)}
.p9-more-b:hover i{animation:p9wave .7s cubic-bezier(.3,.7,.3,1)}
.p9-more-b:hover i:nth-child(2){animation-delay:.08s}.p9-more-b:hover i:nth-child(3){animation-delay:.16s}
.v3-shell .p9-more-b:active{transform:scale(.9)}
.v3-shell .p9-more-b[aria-expanded="true"]{background:var(--c-btn);color:var(--c-btn-ink);border-color:transparent!important;transform:rotate(90deg);box-shadow:0 .4rem 1rem rgba(0,0,0,.18)}
.p9-more-b[aria-expanded="true"] i{animation:none}
.v3-shell .p9-more-b:focus-visible{outline:2px solid var(--c-acc2);outline-offset:2px}
@keyframes p9wave{0%,100%{transform:none}40%{transform:translateY(-3px)}}
.p9-menu{position:fixed;z-index:400;min-width:12rem;padding:.35rem;border-radius:.95rem;background:var(--c-panel);border:1px solid var(--l2);
  box-shadow:0 1.2rem 2.6rem rgba(0,0,0,.22),0 .2rem .5rem rgba(0,0,0,.08);transform-origin:top right;animation:p9pop .3s cubic-bezier(.2,.7,.1,1)}
.p9-menu.up{transform-origin:bottom right}
.v3-shell .p9-menu button{display:flex;align-items:center;gap:.6rem;width:100%;padding:.6rem .75rem;border-radius:.65rem;font-size:.84rem;color:var(--c-ink);text-align:left;
  opacity:0;animation:p9item .32s cubic-bezier(.2,.7,.1,1) forwards;transition:background .2s}
.v3-shell .p9-menu button:nth-child(2){animation-delay:.045s}.v3-shell .p9-menu button:nth-child(3){animation-delay:.09s}
.v3-shell .p9-menu button:hover,.v3-shell .p9-menu button:focus-visible{background:rgba(var(--c-fg),.07);outline:none}
.p9-menu .v3-ic{width:1rem;height:1rem;color:var(--c-ink3)}
@keyframes p9pop{from{opacity:0;transform:scale(.9) translateY(-6px)}to{opacity:1;transform:none}}
@keyframes p9item{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}
.v3-row.p9-leaving{overflow:hidden;animation:p9leave .42s cubic-bezier(.7,0,.2,1) forwards}
@keyframes p9leave{to{opacity:0;transform:translateX(2.5rem);max-height:0;padding-top:0;padding-bottom:0;border-width:0}}
@media (prefers-reduced-motion:reduce){.p9-more-b,.p9-more-b i,.p9-menu,.p9-menu button{animation:none!important;transition:none!important;opacity:1}}
/* P9E_HIDDEN (2026-10-21): hidden firms as one small closed line under Javite se */
.p9-hid{margin:-.45rem 0 1.25rem}
.p9-hid>summary{list-style:none;display:inline-flex;align-items:center;gap:.55rem;padding:.38rem .85rem;border-radius:99px;border:1px solid var(--l1);cursor:pointer;
  font-size:.78rem;color:var(--c-ink3);transition:color .25s,border-color .25s,background .25s}
.p9-hid>summary::-webkit-details-marker{display:none}
.p9-hid>summary:hover{color:var(--c-ink);border-color:var(--l2);background:rgba(var(--c-fg),.03)}
.p9-hid>summary em{font-style:normal;font-weight:600;color:var(--c-ink2)}
.p9-hid>summary em::before{content:"Prikaži"}
.p9-hid[open]>summary em::before{content:"Zatvori"}
.p9-hid[open]{background:var(--c-panel);border:1px solid var(--l1);border-radius:var(--rad);box-shadow:var(--sh);padding:.8rem 0 0;overflow:hidden;animation:p9pop .3s cubic-bezier(.2,.7,.1,1)}
.p9-hid[open]>summary{margin-left:1rem}
.p9-hid>p{margin:.6rem 1.2rem .3rem}
.p9-hid .v3-rows{border:0;border-top:1px solid var(--l1);border-radius:0;background:none;box-shadow:none;margin-top:.5rem}
/* AUTO1: the automatic sending card */
.v3-twin{display:flex;gap:.5rem}.v3-twin input{flex:1;min-width:0}
.v3-chk2{display:flex;align-items:center;gap:.5rem;margin:.35rem 0;font-size:.86rem;cursor:pointer}
.v3-chk2 input{width:auto!important;flex:none;margin:0}
.v3-chk2 em{font-style:normal;color:var(--c-ink3);font-size:.78rem;overflow-wrap:anywhere}


/* Money only: one readable overview; domain settings stay on the client profile. */
.v8:has(.page-novac) .v3-top{position:relative;top:auto}
.fin-page{min-width:0;max-width:86rem;margin:0 auto}
.fin-page .v3-ph-acts{flex-wrap:wrap}
.fin-tabs{display:flex;gap:.3rem;margin:0 0 1.2rem;border-bottom:1px solid var(--l2)}
.v7-shell .fin-tabs button{padding:.75rem 1.1rem;border-bottom:2px solid transparent;color:var(--c-ink3)}
.v7-shell .fin-tabs button[aria-selected="true"]{border-bottom-color:var(--c-ink);color:var(--c-ink);font-weight:600}
.fin-section{margin-bottom:1.2rem}
.fin-client+.fin-client{border-top:1px solid var(--l2)}
.fin-client-head{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;background:rgba(var(--c-fg),.025)}
.fin-client-head>div:first-child{flex:1;min-width:0}
.fin-client-head b,.fin-item b,.fin-domain b{display:block;font-size:.9rem;font-weight:600;overflow-wrap:anywhere;white-space:normal}
.fin-client-head small,.fin-item small,.fin-domain small{display:block;color:var(--c-ink3);font-size:.76rem;margin:.2rem 0;line-height:1.45}
.fin-client-total{text-align:right}
.fin-item{display:grid;grid-template-columns:minmax(0,1fr) 7rem minmax(6rem,auto) auto;gap:1rem;align-items:center;padding:1rem 1.2rem;border-top:1px solid var(--l1);font-size:.85rem}
.fin-item>div{min-width:0}
.fin-item .v3-acts{justify-content:flex-end;flex-wrap:wrap}
.fin-amount{text-align:right;white-space:nowrap}
.fin-domain{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem 1.2rem;border-top:1px solid var(--l1)}
.fin-subhead{padding:1rem 1.2rem .4rem;font-weight:600;font-size:.9rem}
.fin-footnote{color:var(--c-ink3);font-size:.8rem;line-height:1.6;margin:1rem .2rem}
.fin-page .v8-prow .c1 b,.fin-page .v8-prow .c1 small{white-space:normal;overflow-wrap:anywhere;text-overflow:clip;overflow:visible}
.fin-page .v7-kpi b{font-size:clamp(1.3rem,2vw,2rem);overflow-wrap:anywhere}
@media(max-width:1250px){.fin-item{grid-template-columns:minmax(0,1fr) 6rem auto}.fin-item>.v3-acts{grid-column:1/-1;justify-content:flex-start}.fin-domain{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:700px){
 .fin-page .v7-kpis.v8-k4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fin-client-head{flex-wrap:wrap;gap:.6rem}
 .fin-client-head>.v3-btn{width:100%}
 .fin-item{grid-template-columns:minmax(0,1fr) auto;gap:.65rem;padding:.9rem 1rem}
 .fin-item>div:nth-child(2){grid-column:1;grid-row:2;font-size:.8rem}
 .fin-item>.fin-amount{grid-column:2;grid-row:1/3}
 .fin-item>.v3-acts{grid-column:1/-1;grid-row:3}
 .fin-page .v8-prow{grid-template-columns:minmax(0,1fr) auto}
 .fin-page .v8-prow>time{grid-column:1/-1}
 .fin-page .v8-prow>.v3-acts{grid-column:1/-1;justify-content:flex-start}
 .fin-domain{gap:.65rem}
 .fin-domain>div:first-child{grid-column:1/-1}
 .fin-domain>div:last-child{grid-column:1/-1}
}

/* Expand each client's hosting and domain rows beneath its summary. */
.v7-shell button.fin-client-toggle{display:flex;align-items:center;gap:1rem;flex:1;min-width:0;text-align:left;padding:.2rem 0;background:none;border:0;border-radius:.3rem}
.fin-client-name{flex:1;min-width:0}
.fin-client-toggle .fin-client-total{flex:none}
.fin-client-toggle:focus-visible{outline:2px solid var(--c-ink);outline-offset:5px}
.fin-chevron{display:grid;place-items:center;flex:none;color:var(--c-ink3);transition:transform .28s ease}
.fin-chevron svg{width:1rem;height:1rem}
.fin-client-toggle[aria-expanded="true"] .fin-chevron{transform:rotate(180deg)}
.fin-client-items{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .3s ease,opacity .25s ease}
.fin-client-items.is-open{grid-template-rows:1fr;opacity:1}
.fin-client-items-inner{min-height:0;overflow:hidden}
@media(max-width:700px){.v7-shell button.fin-client-toggle{width:100%;flex-basis:100%;gap:.6rem}.fin-client-head>.v3-btn{width:auto;margin-left:auto}}
@media(prefers-reduced-motion:reduce){.fin-client-items,.fin-chevron{transition:none}}

/* Animate measured height so following rows slide throughout the expansion. */
.fin-client-items{display:block;height:0;opacity:1;overflow:hidden;transition:none}
.fin-client-items.is-open{height:auto;opacity:1}
.fin-client-items-inner{min-height:0;overflow:hidden}
.fin-domain-acts{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}
.fin-cost-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1rem;padding:1rem 1.2rem;border-top:1px solid var(--l1);font-size:.88rem}
.fin-cost-row b{font-weight:600;overflow-wrap:anywhere}
.fin-cost-row small{display:block;margin-top:.2rem;color:var(--c-ink3);font-size:.76rem}
@media(max-width:700px){.fin-cost-row{grid-template-columns:minmax(0,1fr) auto}.fin-cost-row>.v3-btn{grid-column:1/-1;justify-self:start}}

/* ATT1 attachments */
.att1-add{cursor:pointer}
.att1-list{display:contents}
.att1-chip{gap:.35rem;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left}
.att1-chip .v3-ic{width:.8rem;height:.8rem}
.att1-chip.busy{opacity:.6}
.att1-x{border:0;background:none;color:inherit;font:inherit;font-size:1rem;line-height:1;padding:0 0 0 .15rem;cursor:pointer;opacity:.6}
.att1-x:hover,.att1-x:focus-visible{opacity:1}