/* LeadFlow V84 – statistika branže, poslovni partner branže */
body{--l84-acc:var(--lf72-acc,#5b3fd6);--l84-ink:#14172b;--l84-mut:#62677f;--l84-line:#e5e5ef;--l84-card:#fff;--l84-tile:#f4f4f9;--l84-ok:#15803d}
html[data-lf27theme="dark"] body{--l84-ink:#eceefc;--l84-mut:#a3a7c4;--l84-line:#2c3150;--l84-card:#171a2f;--l84-tile:#1f2240;--l84-ok:#4ade80}
html[data-lf77="ind"] body{--l84-acc:var(--l77-acc,var(--lf72-acc,#d71f2b));--l84-line:#2e2e2e;--l84-card:#1e1e1e;--l84-tile:#272727}
.lf84Off{display:none!important}
.lf84Per{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
html body .lf84Per button{min-height:38px;width:auto;margin:0;padding:0 14px;border-radius:999px;border:1px solid var(--l84-line);background:var(--l84-card);color:var(--l84-ink);font:700 13px/1 Inter,system-ui,sans-serif;cursor:pointer}
html body .lf84Per button.on{background:var(--l84-acc);border-color:var(--l84-acc);color:#fff}
.lf84Kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:0 0 12px}
.lf84Kpi>div{display:grid;gap:2px;padding:12px 14px;border-radius:14px;background:var(--l84-card);border:1px solid var(--l84-line)}
.lf84Kpi b{font:800 24px/1.1 Inter,system-ui,sans-serif;color:var(--l84-ink)}
.lf84Kpi small{font-size:12px;color:var(--l84-mut)}
.lf84Kpi .k-ok b{color:var(--l84-ok)}
.lf84Bars{display:grid;gap:8px}
.lf84Bar{display:grid;grid-template-columns:minmax(70px,96px) 1fr auto;align-items:center;gap:10px;font-size:13px}
.lf84Bar span{font-weight:700;color:var(--l84-ink)}
.lf84Bar i{position:relative;display:block;height:12px;border-radius:7px;background:var(--l84-tile);overflow:hidden}
.lf84Bar em{position:absolute;left:0;top:0;bottom:0;border-radius:7px;background:color-mix(in srgb,var(--l84-acc) 45%,transparent)}
.lf84Bar em.w{background:var(--l84-ok)}
.lf84Bar b{white-space:nowrap;font-weight:800}
.lf84Chips{display:flex;flex-wrap:wrap;gap:6px}
.lf84Chips span{padding:6px 12px;border-radius:999px;background:var(--l84-tile);border:1px solid var(--l84-line);font-size:13px}
html body .lf28Drawer .lf84PBtn{display:flex;align-items:center;gap:10px;text-align:left}
.lf84PBtn span{display:grid;gap:1px;min-width:0}
.lf84PBtn small{display:block;font-size:12px;font-weight:600;color:var(--l84-mut);letter-spacing:0;text-transform:none;white-space:normal}
.lf84Box{width:min(560px,100%)}
html body .lf84PForm{display:grid;gap:12px;margin:0}
html body .lf84PForm select{width:100%;min-height:44px;padding:0 10px;border-radius:11px;border:1px solid var(--l84-line);background:var(--l84-card);color:var(--l84-ink);font:600 14.5px/1 Inter,system-ui,sans-serif}
html body input.lf84Bad{border-color:#dc2626!important;box-shadow:0 0 0 3px rgba(220,38,38,.15)!important}
.lf84Hint{display:block;margin-top:4px;font-size:12.5px;font-weight:700;color:#b91c1c}
html[data-lf27theme="dark"] .lf84Hint{color:#fca5a5}
/* V85: ✎ pri pogodbi v seznamu (administrator) */
html body #app .lf85Ed{display:inline-flex;align-items:center;justify-content:center;width:34px;min-width:34px;height:34px;min-height:34px;margin:4px 0 0 6px;padding:0;border-radius:10px;border:1px solid var(--l84-line);background:var(--l84-card);color:var(--l84-ink);font:800 15px/1 Inter,system-ui,sans-serif;cursor:pointer}
html body #app .lf85Ed:hover{border-color:var(--l84-acc)}
.lf85Info{font-weight:600}

/* V85.1 – statistika: potrjene pogodbe v obdobju (po datumu potrditve) */
.lf57Kpis small.lf851C{margin-top:4px;font-weight:700}
.lf57Kpis small.lf851C b{display:inline;font-size:inherit;line-height:inherit}
.lf57Kpis small.lf851C.on{color:var(--l83-ok,#15803d)}

/* V86 – odstrani (arhiviraj) pogodbo · odstranjene pogodbe */
.lf86Arch,.lf86Box{margin:12px 0 0;padding:12px 14px;border-radius:14px;border:1px solid var(--l83-line,#e5e5ef);background:var(--l83-card,#fff);color:var(--l83-ink,#14172b)}
.lf86Arch summary,.lf86Box summary{cursor:pointer;font-weight:800;font-size:14.5px}
.lf86Arch summary{color:var(--l83-no,#b91c1c)}
.lf86Box summary em{font-style:normal;margin-left:6px;padding:1px 8px;border-radius:999px;background:var(--l83-tile,#f4f4f9);font-size:12px}
.lf86Arch p{margin:8px 0 0;font-size:13.5px;line-height:1.45}
.lf86Note{color:var(--l83-no,#b91c1c);font-size:13px!important}
.lf86Mut{color:var(--l83-mut,#62677f);font-size:12.5px}
.lf86Row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}
html body .lf86Row input{flex:1 1 220px;min-width:0;min-height:42px;margin:0}
html body .lf86Btn{min-height:42px;width:auto;margin:0;padding:0 14px;border-radius:11px;border:0;background:var(--l83-no,#b91c1c);color:#fff;font:800 13.5px/1 Inter,system-ui,sans-serif;cursor:pointer}
html body .lf86Btn.g{background:var(--l83-tile,#f4f4f9);color:var(--l83-ink,#14172b);border:1px solid var(--l83-line,#e5e5ef)}
html body .lf86Btn:disabled{opacity:.55;cursor:default}
.lf86R{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--l83-line,#e5e5ef)}
.lf86R:first-of-type{margin-top:8px}
.lf86R span{display:grid;gap:2px;min-width:0}.lf86R small{font-size:12px;color:var(--l83-mut,#62677f)}
.lf53CQ .lf86Box{margin:14px 0 4px}

/* V87 – provizija urejevalca */
.lf87Card{display:grid;gap:10px;margin:12px 0;padding:14px 16px;border-radius:16px;border:1px solid var(--l83-line,#e5e5ef);background:var(--l83-card,#fff);color:var(--l83-ink,#14172b);min-width:0}
.lf87H{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}
.lf87H>div:first-child{display:grid;gap:3px;flex:1 1 240px;min-width:0}
.lf87H b{font:800 15.5px/1.25 Inter,system-ui,sans-serif}
.lf87H small,.lf87K small,.lf87Mut{font-size:12.5px;line-height:1.4;color:var(--l83-mut,#62677f)}
.lf87Per{display:flex;gap:4px;flex-wrap:wrap}
html body .lf87Per button{min-height:34px;width:auto;margin:0;padding:0 11px;border-radius:999px;border:1px solid var(--l83-line,#e5e5ef);background:var(--l83-tile,#f4f4f9);color:var(--l83-ink,#14172b);font:700 12.5px/1 Inter,system-ui,sans-serif;cursor:pointer}
html body .lf87Per button.on{background:var(--l83-acc,#5b3fd6);border-color:var(--l83-acc,#5b3fd6);color:#fff}
.lf87K{display:grid;gap:2px}
.lf87K b{font:800 26px/1.1 Inter,system-ui,sans-serif;color:var(--l83-ok,#15803d)}
.lf87By{display:grid;gap:6px}
.lf87By>div{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:var(--l83-tile,#f4f4f9)}
.lf87By span{flex:1;font-weight:700;min-width:0}.lf87By small{color:var(--l83-mut,#62677f);font-size:12px}
.lf87D summary{cursor:pointer;font-weight:800;font-size:13.5px}
.lf87R{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--l83-line,#e5e5ef)}
.lf87R:first-of-type{margin-top:6px}
.lf87R span{display:grid;gap:2px;min-width:0}.lf87R small{font-size:12px;color:var(--l83-mut,#62677f)}
.lf87R.x{opacity:.55}.lf87R.x>b{text-decoration:line-through}
.lf87F{display:flex;align-items:end;gap:8px;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--l83-line,#e5e5ef)}
.lf87F:first-of-type{margin-top:6px}
.lf87F>span{display:grid;gap:2px;flex:1 1 140px;min-width:0}.lf87F small{font-size:12px;color:var(--l83-mut,#62677f)}
html body .lf87F label{display:grid;gap:3px;margin:0;font-size:12px;font-weight:700}
html body .lf87F input[type=number]{width:110px;min-height:40px;margin:0}
html body .lf87F .lf87Chk{display:flex;align-items:center;gap:6px;min-height:40px}
html body .lf87F .lf87Chk input{width:18px;height:18px;min-height:0;margin:0}
html body .lf87Btn{min-height:40px;width:auto;margin:0;padding:0 14px;border-radius:10px;border:0;background:var(--l83-acc,#5b3fd6);color:#fff;font:800 13px/1 Inter,system-ui,sans-serif;cursor:pointer}
.lf87Err{margin:0;color:var(--l83-no,#b91c1c);font-size:13px}
.lf87Fee{margin:10px 0 0;padding:10px 12px;border-radius:12px;background:var(--l83-okbg,#e8f7ee);color:var(--l83-ink,#14172b);font-size:13.5px;line-height:1.45}
.lf87Fee b{color:var(--l83-ok,#15803d)}

/* V87.1 – pravilo provizije urejevalke na straneh s provizijami */
.lf87Rule{display:grid;gap:8px}
.lf87Rule h2{margin:0}
.lf87Rule p{margin:0;line-height:1.5}
.lf87Ex{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px}
.lf87Ex span{display:grid;gap:2px;padding:8px 10px;border-radius:10px;background:var(--l83-tile,#f4f4f9);border:1px solid var(--l83-line,#e5e5ef)}
.lf87Ex small{font-size:12px;color:var(--l83-mut,#62677f)}
.lf87Ex b{font-size:15px;color:var(--l83-ok,#15803d)}

/* V88 – zaključek vnosa: številka A1 pogodbe in tehnologija */
.lf88End{display:grid;gap:10px;margin:12px 0 0;padding:14px;border-radius:16px;border:1px solid var(--l83-line,#e5e5ef);background:var(--l83-card,#fff);color:var(--l83-ink,#14172b)}
.lf88End h3{margin:0;font:800 15.5px/1.2 Inter,system-ui,sans-serif}
.lf88Box{display:grid;gap:8px;padding:12px;border-radius:12px;background:var(--l83-tile,#f4f4f9);border:1px solid var(--l83-line,#e5e5ef)}
.lf88Box.need{border-color:color-mix(in srgb,#f59e0b 60%,transparent);background:var(--l83-hi,#fff4e0)}
.lf88Tx{display:grid;gap:3px}.lf88Tx b{font-size:14.5px}.lf88Tx small{font-size:12.5px;line-height:1.45;color:var(--l83-mut,#62677f)}
.lf88Tx em{font-style:normal;margin-left:6px;padding:1px 8px;border-radius:999px;font-size:11.5px;font-weight:800}
.lf88Ok{background:var(--l83-okbg,#e8f7ee);color:var(--l83-ok,#15803d)}
.lf88Need{background:#f59e0b;color:#fff}
.lf88Row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
html body .lf88Row select,html body .lf88Row input{flex:1 1 200px;min-width:0;min-height:42px;margin:0}
html body .lf88Btn{min-height:42px;width:auto;margin:0;padding:0 14px;border-radius:11px;border:0;background:var(--l83-acc,#5b3fd6);color:#fff;font:800 13.5px/1 Inter,system-ui,sans-serif;cursor:pointer}
html body .lf88Btn:disabled{opacity:.55;cursor:default}
.lf88Flash{animation:lf88Flash .45s ease 3}
@keyframes lf88Flash{50%{box-shadow:0 0 0 5px color-mix(in srgb,#f59e0b 55%,transparent)}}
