/* LeadFlow V27 — prenova videza, temna tema, nove komponente */
:root{--lf27-ink:#161a33;--lf27-muted:#5d6386;--lf27-line:#e6e3f4;--lf27-brand:#5b3df0;--lf27-brand2:#8a4fe6;--lf27-bg:#f6f5fb;--lf27-card:#fff;--lf27-radius:18px;--lf27-shadow:0 1px 2px rgba(22,26,51,.04),0 8px 24px rgba(40,30,110,.06)}
body{font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;letter-spacing:-.005em}
.lf23Card,.card,.lf26Row26,.lf26BranchBtn{border-radius:var(--lf27-radius)!important;box-shadow:var(--lf27-shadow)!important;border-color:var(--lf27-line)!important}
.lf23Card h2,.card h2{letter-spacing:-.015em;font-weight:750}
.btn{border-radius:14px;font-weight:700;letter-spacing:-.005em;transition:transform .12s ease,box-shadow .12s ease}
.btn:active{transform:scale(.98)}
.lf26Hero{background:linear-gradient(135deg,#25196e 0%,#4b2fd0 55%,#8a4fe6 100%)!important;box-shadow:0 12px 30px rgba(60,40,180,.18)}
.lf26Hero h1{font-size:24px!important;letter-spacing:-.02em}
input,select,textarea{border-radius:12px}

/* manjši krogi v poročilih in ciljih */
.lf23Page .lf23Grid svg,.lf23Page .lf23Grid .ring,.lf23Ring svg{max-width:110px!important;max-height:110px!important}
.lf23Page .lf23Grid>div:has(svg){padding:12px!important}
.lf23Grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important}

/* iskalnik delovnih območij: vidno besedilo */
.lf26WsSearch,input[data-v26-wsq]{background:#fff!important;color:#161a33!important;-webkit-text-fill-color:#161a33!important;caret-color:#5b3df0;border:1px solid #d9d4f3!important;border-radius:14px!important;padding:12px 14px!important;font-size:16px!important;width:100%;box-sizing:border-box}
input[data-v26-wsq]::placeholder{color:#8a8fb0;-webkit-text-fill-color:#8a8fb0}

/* meni (štiri črte): manjši in se skrije med drsenjem navzdol */
.lf21MenuButton{transition:transform .2s ease,opacity .2s ease;opacity:.92}
.lf21MenuButton.lf27Hide{transform:translateX(-130%);opacity:0;pointer-events:none}

/* QR ikona zgoraj */
.lf27Qr{width:40px;height:40px;border-radius:12px;border:1px solid var(--lf27-line);background:#fff;display:inline-grid;place-items:center;cursor:pointer;padding:0}
.lf27Qr svg{width:22px;height:22px;fill:none;stroke:#3b2fa0;stroke-width:1.8}

/* sporočila desno spodaj */
.lf27Chat{position:fixed;right:18px;bottom:calc(96px + env(safe-area-inset-bottom));width:58px;height:58px;border-radius:50%;border:0;background:linear-gradient(135deg,#5b3df0,#8a4fe6);box-shadow:0 10px 24px rgba(91,61,240,.35);display:grid;place-items:center;z-index:40;cursor:pointer}
.lf27Chat svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:2}

/* strani V27 */
.lf27Page .lf23Card{margin-bottom:12px}
.lf27PayRow{display:grid;grid-template-columns:1fr 160px auto;gap:10px;align-items:end;padding:10px 0;border-top:1px solid var(--lf27-line)}
.lf27PayRow:first-of-type{border-top:0}.lf27PayRow small{display:block;color:var(--lf27-muted)}.lf27PayRow label{display:grid;gap:4px;font-size:13px;font-weight:700}
.lf27PayRow select{min-width:180px}
@media(max-width:560px){.lf27PayRow{grid-template-columns:1fr}}
.lf27Tree,.lf27Tree ul{list-style:none;margin:0;padding-left:16px;border-left:2px solid #ece8ff}
.lf27Tree{padding-left:0;border-left:0}.lf27Tree li{margin:6px 0}
.lf27Node{background:#faf9ff;border:1px solid var(--lf27-line);border-radius:14px;padding:10px 12px;display:grid;gap:2px}.lf27Node small{color:var(--lf27-muted)}
.lf27Inline{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.lf27Inline label{display:grid;gap:4px;font-size:13px;font-weight:700;flex:1;min-width:140px}
.lf27Tier{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.lf27Tier>div{background:#f1edff;border-radius:14px;padding:12px;display:grid;gap:2px}.lf27Tier b{font-size:24px;color:#2a2470}.lf27Tier small{color:var(--lf27-muted)}
.lf27Tiers{display:grid;gap:10px}.lf27Tiers>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lf27Tiers label{display:grid;gap:4px;font-size:13px;font-weight:700}
.lf27Tiles{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important}
.lf27BrGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:12px 0}
.lf27BrCard{border:1px solid var(--lf27-line);background:#fff;border-radius:16px;padding:14px;text-align:left;display:grid;gap:4px;cursor:pointer;box-shadow:var(--lf27-shadow);color:var(--lf27-ink)}.lf27BrCard span{color:var(--lf27-muted);font-size:13px}
.lf26Hero .btn.lf27Exit,.lf27Exit{margin-top:10px;background:rgba(255,255,255,.14)!important;color:#fff!important;border-color:rgba(255,255,255,.4)!important}
.lf27Theme{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.lf27Theme span{font-weight:800;margin-right:4px}
.lf27HomeFoot{margin:18px 0 8px;padding:14px;border:1px dashed #cfc8f5;border-radius:18px;background:rgba(255,255,255,.6)}.lf27HomeFoot h3{margin:0 0 8px;font-size:15px}
.lf27StBtns{display:flex;flex-wrap:wrap;gap:6px}
.lf27St{font-weight:800}.lf27St.st-neobdelana{color:#8a5a00}.lf27St.st-obdelana,.lf27St.st-sklenjeno{color:#16774a}.lf27St.st-ni_doma{color:#b45309}.lf27St.st-vezava{color:#9f1239}.lf27St.st-zainteresiran{color:#1d4ed8}
.lf26Row26.st-ni_doma{background:#fff8ef}.lf26Row26.st-vezava{background:#fff1f3}.lf26Row26.st-zainteresiran{background:#eff6ff}
/* kupec */
.lf20CustomerCards [data-v14-open-branch].lf27HasImg{padding:0!important;overflow:hidden}
.lf20CustomerCards [data-v14-open-branch] img{width:100%;height:96px;object-fit:cover;display:block;border-radius:14px 14px 0 0}
.lf20CustomerCards [data-v14-open-branch].lf27HasImg b{display:block;padding:10px 8px 12px}
.lf27CustSearch{display:grid;gap:6px;margin:14px 0;font-weight:800;color:var(--lf27-ink)}
.lf27CustSearch input{font-size:16px;padding:13px 14px;border:1px solid #d9d4f3;border-radius:14px;background:#fff;color:#161a33}
.lf27Cam{display:grid;place-items:center;align-content:center;gap:2px;cursor:pointer;position:relative;top:-14px}
.lf27Cam span{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#5b3df0,#8a4fe6);display:grid;place-items:center;box-shadow:0 10px 22px rgba(91,61,240,.35)}
.lf27Cam svg{width:28px;height:28px;fill:none;stroke:#fff;stroke-width:1.8}
.lf27Cam small{font-weight:800;color:#5b3df0}
.lf27Modal{position:fixed;inset:0;background:rgba(18,16,40,.45);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:200;padding:16px}
.lf27Modal>div{background:#fff;border-radius:24px;padding:22px;max-width:420px;width:100%;display:grid;gap:10px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.2)}
.lf27PartnerCard{background:linear-gradient(135deg,#f3efff,#fff)!important}

/* temna tema */
html[data-lf27theme="dark"],html[data-lf27theme="dark"] body{background:#0e0f1d!important;color:#e6e7f4;color-scheme:dark}
html[data-lf27theme="dark"] body::before,html[data-lf27theme="dark"] body::after{opacity:.15}
html[data-lf27theme="dark"] :is(main,#app,.app,.shell,[class*="Shell"],[class*="Page"],[class*="Wrap"]){background:transparent!important}
html[data-lf27theme="dark"] :is(section,article,details,.card,[class*="Card"],[class*="Panel"],[class*="Box"],[class*="Tile"],.lf27Node,.lf26BranchBtn,.lf27BrCard,.lf25Tiles>*,.lf26Sum>div,.lf27Tier>div,.lf27Modal>div,.lf122Modal,.lf14Toast):not([class*="Hero"]):not(.lf26SfHero):not(.lf18Hero):not(.lf176Hero){background:#181a2e!important;border-color:#2b2e4b!important;color:#e6e7f4!important;box-shadow:none!important}
html[data-lf27theme="dark"] :is(header,.lf10Header,.lf10Bottom,nav,.lf207BranchRail,.lf21Drawer,[class*="Drawer"]){background:#14152a!important;border-color:#2b2e4b!important;color:#e6e7f4!important}
html[data-lf27theme="dark"] :is(h1,h2,h3,h4,b,strong,label,legend,summary,th,td,li,span,small,p,dt,dd):not(.btn):not([class*="Hero"] *){color:inherit!important;-webkit-text-fill-color:currentColor}
html[data-lf27theme="dark"] :is(p,small,.small,.lf26Row26 small,.lf27Node small){color:#aeb1d2!important}
html[data-lf27theme="dark"] :is(input,select,textarea){background:#10122a!important;color:#f3f3fb!important;-webkit-text-fill-color:#f3f3fb!important;border-color:#33365a!important}
html[data-lf27theme="dark"] :is(.btn.alt,.btn.line,.btn.alt2,.lf23Actions .btn.alt,[class*="Tabs"] button:not(.on),.segment button:not(.active)){background:#23264a!important;color:#d7d2ff!important;border-color:#33365a!important}
html[data-lf27theme="dark"] .lf26Xls th{background:#2a2470!important}html[data-lf27theme="dark"] .lf26Xls tr[style]{filter:brightness(.35) saturate(1.4)}
html[data-lf27theme="dark"] .lf26Xls tr[style] td{color:#fff!important}
html[data-lf27theme="dark"] .lf27Qr{background:#181a2e}html[data-lf27theme="dark"] .lf27Qr svg{stroke:#cfc8ff}
html[data-lf27theme="dark"] :is(.lf10HeaderActions button,.headerBell,.lf27Qr,[class*="SearchBar"],[class*="searchBar"],.lf20GlobalSearch,form[data-hub-search],.lf175Search){background:#181a2e!important;border-color:#2b2e4b!important;color:#e6e7f4!important}
html[data-lf27theme="dark"] .lf10HeaderActions svg{stroke:#cfc8ff}
.lf27Nav{background:#0f9d58!important;color:#fff!important;text-decoration:none;text-align:center}
.lf121PermissionGrid.lf27Grouped{display:grid!important;gap:10px;grid-template-columns:1fr!important}
.lf27PermGroup{border:1px solid var(--lf27-line);border-radius:14px;padding:8px 12px 10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:4px 12px;margin:0}
.lf27PermGroup legend{font-weight:800;color:#3b2fa0;padding:0 6px;font-size:13px}
.lf23Ring{width:96px!important;height:96px!important;font-size:22px!important}
.lf23RingCard{padding:12px!important;gap:4px!important}
.lf23RingCard b,.lf23RingCard strong{font-size:14px}
.lf23Ring:before{inset:10px!important}
html[data-lf27theme="dark"] .lf23Ring:before{background:#181a2e!important}
html[data-lf27theme="dark"] .lf23Ring{background:conic-gradient(#8a6cff var(--pct),#2b2e4b 0)!important}
.lf27PayRow.adm{grid-template-columns:1fr 130px 90px 110px auto}
@media(max-width:560px){.lf27PayRow.adm{grid-template-columns:1fr 1fr}}
