/* V14 · celovita barvna prenova. Postavitev in osebne nastavitve ostanejo prilagodljive. */
body[data-v14-skin]{--lf14-accent:#6651ce;--lf14-end:#9b3fc2;--lf14-ink:#5140a8;--lf14-tint:#f0ecff;--lf14-wash:#f7f5fc;--lf14-shadow:0 10px 32px #30234e0c;--lf-blue:var(--lf14-accent);--lf13-accent:var(--lf14-accent);--lf13-soft:var(--lf14-tint);--lf-bg:var(--lf14-wash);--lf-text:#202a40;--lf-muted:#606e86;--lf-border:#e1e5f0;--lf-soft:#f7f8fc}
body[data-v14-skin=manager]{--lf14-accent:#5c53c8;--lf14-end:#b74992;--lf14-ink:#5145a8;--lf14-tint:#efedfc;--lf14-wash:#f6f5fb}
body[data-v14-skin=seller]{--lf14-accent:#235bb9;--lf14-end:#008a9c;--lf14-ink:#224f9b;--lf14-tint:#e8f2ff;--lf14-wash:#f2f7fc}
body[data-v14-skin=partner]{--lf14-accent:#087f64;--lf14-end:#117888;--lf14-ink:#086a54;--lf14-tint:#e0f5ec;--lf14-wash:#f1f8f5}
body[data-v14-skin=external]{--lf14-accent:#087f80;--lf14-end:#6547b8;--lf14-ink:#09686d;--lf14-tint:#e1f4f2;--lf14-wash:#f2f8f8}
body[data-v14-skin][data-lf-theme=dark]{--lf-bg:#101724;--lf14-wash:#101724;--lf-card:#1b2638;--lf-input:#172235;--lf-soft:#202d42;--lf-text:#edf2ff;--lf-muted:#a8b5cc;--lf-border:#344259;--lf14-tint:#27334b;--lf14-ink:#dae6ff;--lf-blue:#b7c7ff;--lf13-soft:#27334b;--lf14-shadow:0 12px 36px #00000026}
@media(prefers-color-scheme:dark){body[data-v14-skin][data-lf-theme=system]{--lf-bg:#101724;--lf14-wash:#101724;--lf-card:#1b2638;--lf-input:#172235;--lf-soft:#202d42;--lf-text:#edf2ff;--lf-muted:#a8b5cc;--lf-border:#344259;--lf14-tint:#27334b;--lf14-ink:#dae6ff;--lf-blue:#b7c7ff;--lf13-soft:#27334b;--lf14-shadow:0 12px 36px #00000026}}
body[data-v14-skin] #app{background:radial-gradient(ellipse at 15% 0,color-mix(in srgb,var(--lf14-accent) 10%,transparent),transparent 65%),var(--lf-bg)!important}
body[data-v14-skin] .lf10-shell{background:transparent!important}
body[data-v14-skin] .lf10Body{background:linear-gradient(160deg,color-mix(in srgb,var(--lf14-accent) 5%,var(--lf-bg)),var(--lf-bg) 400px)!important}
body[data-v14-skin] .lf10Header{background:linear-gradient(110deg,var(--lf-card) 45%,color-mix(in srgb,var(--lf14-accent) 10%,var(--lf-card)))!important;border-bottom:1px solid color-mix(in srgb,var(--lf14-accent) 20%,var(--lf-border))!important;box-shadow:0 4px 25px #25364f06}
body[data-v14-skin] .lf10HeaderLine .mark{background:linear-gradient(145deg,var(--lf14-accent),var(--lf14-end))!important;box-shadow:0 5px 15px color-mix(in srgb,var(--lf14-accent) 25%,transparent);color:#fff!important}
body[data-v14-skin] .lf10HeaderLine .logo em{color:var(--lf-blue);background:var(--lf14-tint);padding:5px 8px;border-radius:7px}
body[data-v14-skin] .headerAvatar,body[data-v14-skin] .lf101Avatar{background:var(--lf14-tint)!important;color:var(--lf14-ink)!important}
body[data-v14-skin] .headerBell,body[data-v14-skin] .lf10MessengerBtn,body[data-v14-skin] .viewModeBtn{background:var(--lf-card)!important;color:var(--lf-blue)!important;border-radius:13px!important}
body[data-v14-skin] .lf13Logout{color:var(--lf-text);border-color:var(--lf-border);background:var(--lf-card);border-radius:12px}
body[data-v14-skin] .lf13BranchBar{gap:6px;padding-top:12px}
body[data-v14-skin] .lf13BranchBar button{background:var(--lf-card);color:var(--lf-text);border:1px solid var(--lf-border);border-radius:99px;padding:7px 10px;font-size:10px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
body[data-v14-skin] .lf13BranchBar button:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--branch,var(--lf14-accent));flex:none}
body[data-v14-skin] .lf10Body .card{border-radius:22px!important;border-color:var(--lf-border)!important;box-shadow:var(--lf14-shadow)!important}
body[data-v14-skin] .lf10Body .card>h1:first-child,body[data-v14-skin] .lf10Body .card>h2:first-child{border-left:4px solid var(--lf14-accent);padding-left:12px}
body[data-v14-skin] .lf10Body .btn,body[data-v14-skin] .lf14Dialog .btn,body[data-v14-skin] .loginBox .btn{background:linear-gradient(110deg,var(--lf14-accent),var(--lf14-end))!important;color:#fff!important;border-radius:13px!important;border:1px solid transparent!important;box-shadow:0 4px 12px color-mix(in srgb,var(--lf14-accent) 14%,transparent);font-weight:650;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
body[data-v14-skin] .lf10Body .btn.alt,body[data-v14-skin] .lf14Dialog .btn.alt,body[data-v14-skin] .loginBox .btn.alt{background:var(--lf14-tint)!important;color:var(--lf14-ink)!important;box-shadow:none}
body[data-v14-skin] .lf10Body .btn.line,body[data-v14-skin] .lf14Dialog .btn.line,body[data-v14-skin] .loginBox .btn.line{background:var(--lf-card)!important;color:var(--lf-text)!important;border-color:var(--lf-border)!important;box-shadow:none}
body[data-v14-skin] .lf10Body .btn.red,body[data-v14-skin] .lf14Dialog .btn.red{background:#b83553!important;color:#fff!important}
body[data-v14-skin] button:focus-visible,body[data-v14-skin] summary:focus-visible,body[data-v14-skin] a:focus-visible{outline:3px solid var(--lf-blue)!important;outline-offset:3px}
body[data-v14-skin] input[type=checkbox],body[data-v14-skin] input[type=radio]{accent-color:var(--lf14-accent)}
body[data-v14-skin] .lf10Body input:focus,body[data-v14-skin] .lf10Body textarea:focus,body[data-v14-skin] .lf10Body select:focus{outline:3px solid color-mix(in srgb,var(--lf-blue) 20%,transparent)!important;border-color:var(--lf-blue)!important}
body[data-v14-skin] .lf10Body .segment button.active{background:var(--lf14-accent)!important;color:#fff!important;box-shadow:0 4px 12px color-mix(in srgb,var(--lf14-accent) 20%,transparent)}
body[data-v14-skin] .lf10Hero,body[data-v14-skin] .lf122Hero,body[data-v14-skin] .lf14CustomerWelcome{background:linear-gradient(120deg,var(--lf14-accent),var(--lf14-end))!important;border-radius:26px;box-shadow:0 12px 30px color-mix(in srgb,var(--lf14-accent) 18%,transparent);isolation:isolate}
body[data-v14-skin] .lf10Body .lf10Hero h1,body[data-v14-skin] .lf10Body .lf122Hero h1,body[data-v14-skin] .lf10Body .lf14CustomerWelcome h1{color:#fff!important}
body[data-v14-skin] .lf10Hero p,body[data-v14-skin] .lf10Hero span,body[data-v14-skin] .lf122Hero p,body[data-v14-skin] .lf14CustomerWelcome p{color:#f0f3ff!important}
body[data-v14-skin] .lf10Hero:after{content:'';position:absolute;width:180px;height:180px;right:-60px;top:-60px;border:32px solid #ffffff10;border-radius:50%;z-index:-1;pointer-events:none}
body[data-v14-skin] .lf10HeroArt{animation:lf14Art 3s ease-in-out 2}
body[data-v14-skin] .lf10KpiGrid>div,body[data-v14-skin] .lf13Kpis>div,body[data-v14-skin] .lf12NoteStats>div{background:linear-gradient(140deg,var(--lf14-tint),var(--lf-card));border:1px solid var(--lf-border);border-top:3px solid var(--lf14-accent);border-radius:18px;padding:17px 13px;min-width:0}
body[data-v14-skin] .lf10KpiGrid>div:nth-child(2),body[data-v14-skin] .lf13Kpis>div:nth-child(2){border-top-color:#149586;background:linear-gradient(140deg,color-mix(in srgb,#149586 10%,var(--lf-card)),var(--lf-card))}
body[data-v14-skin] .lf10KpiGrid>div:nth-child(3),body[data-v14-skin] .lf13Kpis>div:nth-child(3){border-top-color:#cf8523;background:linear-gradient(140deg,color-mix(in srgb,#cf8523 10%,var(--lf-card)),var(--lf-card))}
body[data-v14-skin] .lf10KpiGrid b,body[data-v14-skin] .lf13Kpis strong{color:var(--lf-text)!important;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
body[data-v14-skin] .lf10BranchCards button{background:linear-gradient(150deg,color-mix(in srgb,var(--branch) 9%,var(--lf-card)),var(--lf-card));border-radius:20px;border-color:var(--lf-border);border-top-color:var(--branch)}
body[data-v14-skin] .lf10QuickGrid button,body[data-v14-skin] .lf12Menu button.card{background:linear-gradient(145deg,var(--lf14-tint),var(--lf-card))!important;border-radius:18px!important}
body[data-v14-skin] .lf14BranchCard{background:var(--lf-card);color:var(--lf-text);border-color:var(--lf-border);border-radius:22px;box-shadow:var(--lf14-shadow);overflow:hidden}
body[data-v14-skin] .lf14BranchCard img{transition:transform .35s ease}
body[data-v14-skin] .lf10Order,body[data-v14-skin] .lf10Lead,body[data-v14-skin] .lf12Note,body[data-v14-skin] .lf10TeamNode{background:var(--lf-card);border-color:var(--lf-border);border-radius:18px;box-shadow:0 5px 18px #25364f08}
body[data-v14-skin] .lf10Order{border-left:4px solid var(--lf14-accent)}
body[data-v14-skin] .lf12Note.overdue{border-left-color:#df9427}
body[data-v14-skin] .lf10FormGrid,body[data-v14-skin] .lf10FormSection.lf101Fold>summary{background:var(--lf-soft)!important;color:var(--lf-text)!important;border-color:var(--lf-border)}
body[data-v14-skin] .lf10Body .commissionMatrix table th{background:var(--lf14-tint)!important;color:var(--lf14-ink)!important}
body[data-v14-skin] .lf10Body .commissionMatrix table tbody tr:nth-child(even) td{background:var(--lf-soft)!important}
body[data-v14-skin] .lf10Bubble.mine{background:var(--lf14-tint);border-color:var(--lf-border);color:var(--lf-text)}
body[data-v14-skin] .lf13Chat{background:var(--lf-card);color:var(--lf-text);border-color:var(--lf-border);box-shadow:0 14px 45px #16213924;border-radius:22px}
body[data-v14-skin] .lf13ChatBubble{background:linear-gradient(135deg,var(--lf14-accent),var(--lf14-end));box-shadow:0 8px 25px color-mix(in srgb,var(--lf14-accent) 30%,transparent)}
body[data-v14-skin] .lf14Dialog{background:var(--lf-card);color:var(--lf-text);border:1px solid var(--lf-border);border-radius:25px;box-shadow:0 25px 100px #0c183b40;animation:lf14DialogIn .22s ease-out}
body[data-v14-skin] .lf14Dialog .card{background:var(--lf-soft);color:var(--lf-text);border-color:var(--lf-border)}
body[data-v14-skin] .lf14Dialog input,body[data-v14-skin] .lf14Dialog select,body[data-v14-skin] .lf14Dialog textarea{background:var(--lf-input);color:var(--lf-text);border:1px solid var(--lf-border);border-radius:12px}
body[data-v14-skin] .lf14Shade{background:#101b3a80;backdrop-filter:blur(7px)}
body[data-v14-skin] .lf14NoticeIcon{background:var(--lf14-tint);color:var(--lf14-ink)}
body[data-v14-skin] .lf10-shell .lf10Bottom{background:var(--lf-card)!important;border-color:var(--lf-border)!important;box-shadow:0 -5px 25px #25364f08}
body[data-v14-skin] .lf10-shell .lf10Bottom button{border-radius:14px;transition:background .18s ease,color .18s ease}
body[data-v14-skin] .lf10-shell .lf10Bottom button.selected{background:var(--lf14-tint)!important;color:var(--lf14-ink)!important;box-shadow:inset 0 -3px var(--lf14-accent)}
body[data-v14-skin] .loginScreen{background:radial-gradient(ellipse at 10% 10%,#9b80ec30,transparent 55%),radial-gradient(ellipse at 95% 95%,#39bcb82a,transparent 60%),var(--lf-bg);min-height:100dvh}
body[data-v14-skin] .loginBox{border:1px solid var(--lf-border);border-radius:28px!important;box-shadow:0 25px 70px #302c551c!important;animation:lf14DialogIn .4s ease-out}
body[data-v14-skin] .loginBox .mark{background:linear-gradient(135deg,var(--lf14-accent),var(--lf14-end));color:#fff;border-radius:14px}
.lf14PageEnter>section,.lf14PageEnter>.card,.lf14PageEnter>div:not(.lf13Chat){animation:lf14PageIn .32s ease-out both}
.lf14PageEnter>:nth-child(2){animation-delay:.035s}.lf14PageEnter>:nth-child(3){animation-delay:.07s}
@keyframes lf14PageIn{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@keyframes lf14DialogIn{from{opacity:0;translate:0 8px;scale:.98}to{opacity:1;translate:0 0;scale:1}}
@keyframes lf14Art{50%{translate:0 -5px}}
@media(hover:hover) and (pointer:fine){body[data-v14-skin] .btn:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.05)}body[data-v14-skin] .lf10BranchCards button,body[data-v14-skin] .lf10QuickGrid button,body[data-v14-skin] .lf12Menu button.card,body[data-v14-skin] .lf14BranchCard{transition:transform .2s ease,box-shadow .2s ease}body[data-v14-skin] .lf10BranchCards button:hover,body[data-v14-skin] .lf10QuickGrid button:hover,body[data-v14-skin] .lf12Menu button.card:hover,body[data-v14-skin] .lf14BranchCard:hover{transform:translateY(-3px);box-shadow:0 12px 28px #25364f14!important}body[data-v14-skin] .lf14BranchCard:hover img{transform:scale(1.025)}}
@media(max-width:480px){body[data-v14-skin] .lf10HeaderLine .logo{font-size:20px!important}body[data-v14-skin] .lf10HeaderActions{gap:5px}body[data-v14-skin] .lf13Logout{font-size:10px;padding:8px}body[data-v14-skin] .lf10Hero{border-radius:22px}body[data-v14-skin] .lf10KpiGrid b{font-size:23px}body[data-v14-skin] .lf13BranchBar{max-width:100%;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){body[data-v14-skin] .lf14PageEnter>*,body[data-v14-skin] .lf14Dialog,body[data-v14-skin] .loginBox,body[data-v14-skin] .lf10HeroArt,body[data-v14-skin] .lf14CustomerWelcome,body[data-v14-skin] .lf14WelcomeRing{animation:none!important}body[data-v14-skin] button,body[data-v14-skin] .lf14BranchCard,body[data-v14-skin] .lf14BranchCard img{transition:none!important;transform:none!important}}

/* Pogovori, predogledi in ceniki uporabljajo isto temo tudi v temnem načinu. */
body[data-v14-skin] .lf14MessageList article,body[data-v14-skin] .lf13ChatLog article{background:var(--lf-soft);color:var(--lf-text)}
body[data-v14-skin] .lf14MessageList article.mine,body[data-v14-skin] .lf13ChatLog article.mine{background:var(--lf14-tint);color:var(--lf-text)}
body[data-v14-skin] .lf14RecipientList,body[data-v14-skin] .lf14RecipientList .checkboxLine,body[data-v14-skin] .lf14NoticeRow{border-color:var(--lf-border);color:var(--lf-text)}
body[data-v14-skin] .lf14BranchGlyph{background:linear-gradient(140deg,color-mix(in srgb,var(--branch) 12%,var(--lf-card)),var(--lf-card))}
body[data-v14-skin] .lf10Body .lf13BranchResult{border-top:4px solid var(--branch)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--branch) 7%,var(--lf-card)),var(--lf-card))!important}
body[data-v14-skin] .lf14CustomerWelcome{animation:none}
body[data-v14-skin] .lf10Body .lf14CustomerWelcome .btn{background:#fff!important;color:#214059!important;box-shadow:none}
body[data-v14-skin] .lf10Body .lf14CustomerWelcome .btn.line{background:#ffffff18!important;color:#fff!important;border-color:#ffffff80!important}

/* Google je ločen od poslovnih barv, prijava ne zahteva Drive dovoljenj. */
body[data-v14-skin] .lf14GoogleLogin{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--lf-card);color:var(--lf-text);border:1px solid var(--lf-border);border-radius:13px;min-height:48px;padding:12px 16px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;margin:22px 0 12px}
body[data-v14-skin] .lf14GoogleLogin:disabled{opacity:.65;cursor:wait}
.lf14GoogleMark{font-family:Arial,sans-serif;font-size:22px;font-weight:700;color:#4285f4;line-height:1}
.lf14LoginDivider{display:flex;align-items:center;gap:12px;color:var(--lf-muted);font-size:12px;margin:16px 0}
.lf14LoginDivider:before,.lf14LoginDivider:after{content:'';height:1px;flex:1;background:var(--lf-border)}