/*
* DOKUMENTI123 — GLOBALNI VIZUALNI SISTEM
* Ta datoteka oblikuje lupino portala: tipografijo, sidebar, topbar, gumbe,
* osnovne kartice in responsive postavitev. Modul-specifični slog naj ostane
* v pripadajočem app/index.php ali assets/app.css, da ne vpliva na druge strani.
* Barvne in tipografske spremenljivke spodaj so skupna pogodba vseh modulov.
*/
/* Pisave se nalagajo prek v lupine, NE prek @import.
@import znotraj te datoteke je pomenil verigo: brskalnik je moral najprej
prenesti in razcleniti celotno app.css (200 KB), sele nato je izvedel za
pisave in jih zacel prenasati — oboje pa blokira prvi izris strani.
Ce to datoteko uporabis samostojno, pisave dodaj z . */
:root{
--a-orange:#10b981;
--a-orange2:#34d399;
--a-dark:#0d1420;
--a-dark2:#111a29;
--a-bg:#f5f6f8;
--a-panel:#ffffff;
--a-ink:#101722;
--a-muted:#7f8998;
--a-line:#e7eaf0;
}
/* Gladek preklop zavihkov Računi in Stranke brez ponovnega nalaganja lupine. */
[data-d123-async-region]{transition:opacity .16s ease,filter .16s ease;will-change:opacity,transform}
[data-d123-async-region].d123AsyncLoading{opacity:.68;filter:saturate(.82);pointer-events:none;cursor:progress}
[data-d123-async-tab].d123AsyncTabLoading{position:relative;pointer-events:none}
[data-d123-async-tab].d123AsyncTabLoading::after{content:"";width:16px;height:16px;margin-left:auto;border:2px solid rgba(8,122,89,.22);border-top-color:#087a59;border-radius:50%;animation:d123AsyncSpin .7s linear infinite}
@keyframes d123AsyncSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){[data-d123-async-region]{transition:none}[data-d123-async-tab].d123AsyncTabLoading::after{animation:none}}
/* Stranke: med preklopom tipa ostaneta glava in zavihka popolnoma pri miru.
Nalagalno stanje se pokaže samo na tabeli, brez spinnerja, ki bi spreminjal širino zavihka. */
[data-d123-async-region="customers"] [data-d123-async-panel].d123AsyncLoading{opacity:.72;filter:saturate(.9);pointer-events:none;cursor:progress;transition:opacity .10s ease,filter .10s ease}
[data-d123-async-region="customers"] [data-d123-async-tab].d123AsyncTabLoading::after{display:none}
*{box-sizing:border-box}
html{scrollbar-gutter:stable}
html,body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--a-ink);background:var(--a-bg)}
a{text-decoration:none;color:inherit}
button,input,select{font:inherit}
.portal{min-height:100vh;display:grid;grid-template-columns:270px minmax(0,1fr);background:var(--a-bg)}
/* SIDEBAR */
.sidebar{
position:sticky;top:0;height:100vh;padding:24px 18px 18px;
display:flex;flex-direction:column;color:#aeb9c9;
background:
radial-gradient(circle at 20% 0,rgba(16,185,129,.10),transparent 20%),
linear-gradient(180deg,#0d1420 0%,#0a111b 100%);
border-right:1px solid rgba(255,255,255,.04)
}
.brand{display:flex;align-items:center;gap:12px;padding:0 9px 30px}
.brandMark{
width:46px;height:46px;border-radius:14px;display:grid;place-items:center;
color:#fff;background:linear-gradient(145deg,#6ee7b7,#10b981);
box-shadow:0 12px 28px rgba(16,185,129,.28);font-size:22px;font-weight:900
}
.brand b{display:block;color:#fff;font-size:20px;letter-spacing:.10em}
.brand small{display:block;margin-top:5px;color:#63738a;font-size:8px;letter-spacing:.11em;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sectionLabel{padding:12px 13px;color:#5c6d84;font-size:8px;letter-spacing:.19em;font-weight:900}
.sidebar nav{display:grid;gap:4px}
.sidebar nav a{
position:relative;min-height:48px;padding:0 13px;display:flex;align-items:center;gap:11px;
border:1px solid transparent;border-radius:13px;color:#a8b5c7;font-size:13px;font-weight:700;
transition:background .2s ease,color .2s ease,transform .2s ease,border-color .2s ease
}
.sidebar nav a:hover{color:#fff;background:rgba(255,255,255,.04);transform:translateX(2px)}
.sidebar nav a.active{
color:#fff;background:linear-gradient(90deg,rgba(16,185,129,.15),rgba(255,255,255,.025));
border-color:rgba(16,185,129,.18);box-shadow:inset 3px 0 var(--a-orange)
}
.navIcon{width:22px;text-align:center;color:var(--a-orange);font-size:14px}
.sideFoot{
margin-top:auto;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:14px;
background:rgba(255,255,255,.025);display:flex;align-items:center;gap:10px
}
.liveDot{width:8px;height:8px;border-radius:50%;background:#38d58e;box-shadow:0 0 0 5px rgba(56,213,142,.08),0 0 15px rgba(56,213,142,.28)}
.sideFoot b{display:block;color:#e4ebf4;font-size:10px}.sideFoot small{display:block;margin-top:3px;color:#65758a;font-size:8px}
/* MAIN SHELL */
main{min-width:0}
.topbar{
height:72px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;
border-bottom:1px solid var(--a-line);background:rgba(255,255,255,.93);backdrop-filter:blur(18px)
}
.search{
width:min(420px,46vw);height:44px;padding:0 14px;display:flex;align-items:center;gap:9px;
border:1px solid #e0e4ea;border-radius:13px;background:#f9fafb;color:#9099a7;font-size:12px
}
.search kbd{margin-left:auto;border:0;background:none;color:#9ca5b2}
.topActions{display:flex;align-items:center;gap:10px}
.country{padding:8px 10px;border-radius:10px;background:#ecfdf5;color:#047857;font-size:10px;font-weight:900}
.avatar{
width:40px;height:40px;border:0;border-radius:12px;background:#111827;color:#fff;
font-size:16px;font-weight:900;cursor:pointer
}
.adminMode{padding:8px 10px;border:1px solid #a7f3d0;border-radius:10px;background:#f0fdf4;color:#047857;font-size:8px;font-weight:900}
.content{padding:30px 34px 42px}
.pageHead{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}
.pageHead .eyebrow{color:var(--a-orange);font-size:8px;font-weight:900;letter-spacing:.18em}
.pageHead h1{margin:9px 0 6px;font-size:38px;letter-spacing:-.045em}
.pageHead p{margin:0;color:#8993a1;font-size:12px}
.moduleBadge{padding:8px 10px;border:1px solid #a7f3d0;border-radius:999px;background:#f0fdf4;color:#047857;font-size:7px;font-weight:900;letter-spacing:.08em}
/* Dashboard owns its own title/hero. Avoid duplicate header. */
.portalRoute-dashboard .pageHead{display:none}
.portalRoute-dashboard .content{padding-top:26px}
/* Generic child-module fallback shell for other modules */
.workspace{padding:28px;border:1px solid var(--a-line);border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(16,24,40,.035)}
.workspaceTop{display:flex;align-items:center;gap:16px;padding-bottom:22px;border-bottom:1px solid #edf0f3}
.workspaceTop h2{margin:0 0 5px;font-size:23px}.workspaceTop p{margin:0;color:#87919f;font-size:12px}
.moduleIcon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#ecfdf5;color:var(--a-orange);font-size:18px}
.moduleIcon.big{width:58px;height:58px}
.emptyState{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.emptyState .pulse{width:9px;height:9px;border-radius:50%;background:var(--a-orange);box-shadow:0 0 0 7px rgba(16,185,129,.08)}
.emptyState b{margin-top:22px;font-size:18px}.emptyState p{max-width:520px;color:#87919f;font-size:11px;line-height:1.7}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:8px}
.chips span{padding:7px 9px;border:1px solid #d1fae5;border-radius:8px;background:#f0fdf4;color:#047857;font-size:8px;font-weight:750}
/* Runtime diagnostics */
.moduleRuntimeError{padding:32px;border:1px solid #86efac;border-radius:22px;background:linear-gradient(180deg,#f0fdf4,#fff);box-shadow:0 16px 42px rgba(16,24,40,.05)}
.runtimeBadge{display:inline-flex;padding:7px 9px;border-radius:999px;background:#d1fae5;color:#047857;font-size:8px;font-weight:900;letter-spacing:.12em}
.moduleRuntimeError h2{margin:15px 0 8px;font-size:27px;letter-spacing:-.035em}
.moduleRuntimeError p{max-width:720px;margin:0;color:#7e8794;font-size:12px;line-height:1.7}
.runtimeErrorBox{margin-top:20px;padding:14px;border:1px solid #d1fae5;border-radius:12px;background:#fff}
.runtimeErrorBox b{display:block;margin-bottom:7px;font-size:8px;letter-spacing:.1em;color:#047857}
.runtimeErrorBox code{white-space:pre-wrap;word-break:break-word;color:#4b5563;font-size:10px}
/* AUTH */
.authBody{
min-height:100vh;display:grid;place-items:center;padding:26px;
background:
radial-gradient(circle at 50% 0,rgba(16,185,129,.11),transparent 28%),
#f5f6f8
}
.authCard{
width:min(560px,100%);padding:38px;border:1px solid #e5e8ed;border-radius:24px;
background:#fff;box-shadow:0 28px 70px rgba(16,24,40,.10)
}
.authBrand{display:flex;flex-direction:column;color:var(--a-orange);font-size:28px;font-weight:900;letter-spacing:.08em}
.authBrand small{margin-top:5px;color:#87919f;font-size:8px;letter-spacing:.12em}
.authPill{display:inline-flex;margin-top:28px;padding:7px 9px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:8px;font-weight:900;letter-spacing:.12em}
.authCard h1{margin:13px 0 8px;font-size:36px;letter-spacing:-.045em}
.authCard>p{color:#7f8997;font-size:12px;line-height:1.7}
.authCard form{display:grid;gap:13px;margin-top:22px}
.authCard label{display:grid;gap:7px;color:#505a67;font-size:10px;font-weight:750}
.authCard input{height:47px;padding:0 13px;border:1px solid #dfe4ea;border-radius:11px;outline:none;background:#fff}
.authCard input:focus{border-color:var(--a-orange);box-shadow:0 0 0 3px rgba(16,185,129,.08)}
.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.primary{min-height:49px;border:0;border-radius:12px;background:linear-gradient(135deg,#34d399,#10b981);color:#fff;font-weight:850;cursor:pointer;box-shadow:0 10px 24px rgba(16,185,129,.17)}
.authButton{display:grid;place-items:center;margin-top:22px}
.authSwitch{margin-top:17px!important;font-size:11px}.authSwitch a{color:var(--a-orange);font-weight:800}
.alert{margin-top:17px;padding:12px 13px;border-radius:10px;background:#fff1f1;color:#a32d2d;font-size:11px}
@media(max-width:1050px){
.portal{grid-template-columns:225px minmax(0,1fr)}
.content{padding:24px}
}
@media(max-width:760px){
.portal{display:block}
.sidebar{position:relative;height:auto}
.sidebar nav{grid-template-columns:1fr 1fr}
.sideFoot{display:none}
.topbar{padding:0 16px}
.content{padding:18px}
.search{width:auto;flex:1}
.formGrid{grid-template-columns:1fr}
}
/* Račun podjetnika v1.7 */
.sidebar .sectionLabel{color:#718198}
.portalRoute-invoices .pageHead{display:none}
.portalRoute-invoices .content{padding-top:26px}
/* v1.8 document123 orange harmonization */
.portalRoute-invoices .content{background:#f5f6f8}
.portalRoute-invoices .sidebar nav a.active{box-shadow:inset 3px 0 #10b981}
/* v2.0.0 functional Računi dropdown — no dashboard overrides */
.sidebar .navParent{
width:100%;min-height:48px;padding:0 13px;display:flex;align-items:center;gap:11px;
border:1px solid transparent;border-radius:13px;color:#a8b5c7;background:transparent;
font-size:13px;font-weight:700;text-align:left;cursor:pointer;transition:.2s
}
.sidebar .navParent:hover{color:#fff;background:rgba(255,255,255,.04)}
.sidebar .navParent.active{color:#fff;background:linear-gradient(90deg,rgba(16,185,129,.15),rgba(255,255,255,.025));border-color:rgba(16,185,129,.18);box-shadow:inset 3px 0 #10b981}
.navChevron{margin-left:auto;color:#10b981;font-size:11px;transition:transform .2s}
.navParent[aria-expanded="true"] .navChevron{transform:rotate(180deg)}
.navChildren{display:none;gap:2px;margin:3px 0 8px 31px;padding:4px 0 4px 13px;border-left:1px solid rgba(16,185,129,.24)}
.navChildren.open{display:grid}
.sidebar .navChildren a{
min-height:34px!important;padding:0 9px!important;display:flex!important;align-items:center!important;gap:9px!important;
border:0!important;border-radius:9px!important;background:transparent!important;color:#7f8da1!important;
font-size:10px!important;font-weight:650!important;box-shadow:none!important;transform:none!important
}
.sidebar .navChildren a:hover{color:#fff!important;background:rgba(16,185,129,.055)!important}
.sidebar .navChildren a.active{color:#34d399!important;background:rgba(16,185,129,.085)!important}
.childDot{width:5px;height:5px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.07)}
/* v2.1 stable account navigation */
.navGroup{margin:0;padding:0;border:0}
.navGroup summary{
list-style:none;min-height:48px;padding:0 13px;display:flex;align-items:center;gap:11px;
border:1px solid transparent;border-radius:13px;color:#a8b5c7;cursor:pointer;
font-size:13px;font-weight:700;transition:.2s
}
.navGroup summary::-webkit-details-marker{display:none}
.navGroup summary:hover{color:#fff;background:rgba(255,255,255,.04)}
.navGroup summary.active,.navGroup[open] summary{
color:#fff;background:linear-gradient(90deg,rgba(16,185,129,.15),rgba(255,255,255,.025));
border-color:rgba(16,185,129,.18);box-shadow:inset 3px 0 #10b981
}
.navChevron{margin-left:auto;color:#10b981;font-size:11px;transition:.2s}
.navGroup[open] .navChevron{transform:rotate(180deg)}
.navChildren{display:grid;gap:2px;margin:4px 0 8px 31px;padding:4px 0 4px 13px;border-left:1px solid rgba(16,185,129,.24)}
.sidebar .navChildren a{
min-height:34px!important;padding:0 9px!important;display:flex!important;align-items:center!important;gap:9px!important;
border:0!important;border-radius:9px!important;background:transparent!important;color:#7f8da1!important;
font-size:10px!important;font-weight:650!important;box-shadow:none!important;transform:none!important
}
.sidebar .navChildren a:hover{color:#fff!important;background:rgba(16,185,129,.055)!important}
.sidebar .navChildren a.active{color:#34d399!important;background:rgba(16,185,129,.085)!important}
.childDot{width:5px;height:5px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.07)}
/* dashboard stays owned by dashboard child */
.portalRoute-dashboard .pageHead{display:none!important}
.portalRoute-dashboard .content{padding-top:26px!important}
/* invoices own their page heading */
.portalRoute-invoices .pageHead{display:none!important}
.portalRoute-invoices .content{padding-top:26px!important}
/* ── v2.2.0 · stanje runtimeov ─────────────────────────────────────────── */
.runtimeTag{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:20px;
font-size:9px;font-weight:800;letter-spacing:.08em}
.runtimeTag:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.runtimeTag.ok{background:rgba(47,158,99,.12);color:#2f9e63}
.runtimeTag.down{background:rgba(217,83,79,.14);color:#d9534f}
.runtimeDown{display:grid;justify-items:start;gap:9px;max-width:640px;padding:30px 32px;
border:1px solid #f0d3d3;border-left:3px solid #d9534f;border-radius:0 16px 16px 0;background:#fffafa}
.runtimeDown b{font-size:16px;color:#8a2f2f}
.runtimeDown p{margin:0;color:#8b7070;font-size:13px;line-height:1.6}
.runtimeDown small{padding:6px 9px;border-radius:7px;color:#94605c;background:#fdeeee;
font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}
.runtimeDown .primary{margin-top:5px;display:inline-flex;align-items:center;height:38px;padding:0 15px;
border:0;border-radius:10px;color:#fff;background:#10b981;font-size:13px;font-weight:600;cursor:pointer}
.runtimeDown .primary:hover{background:#047857}
/* podmenu deluje tudi brez JS, zato mora biti puščica vezana na stanje */
.sidebar .navGroup>summary{cursor:pointer;list-style:none}
.sidebar .navGroup>summary::-webkit-details-marker{display:none}
.sidebar .navGroup .navChevron{margin-left:auto;transition:transform .18s}
.sidebar .navGroup[open]>summary .navChevron{transform:rotate(180deg)}
@media(prefers-reduced-motion:reduce){.sidebar .navGroup .navChevron{transition:none}}
/* ==========================================================================
v2.7.0 — DRSENJE, POPRAVLJENO
Prejšnji poskus je bil napačen: sidebar je dobil overflow, podmeni pa
position:absolute znotraj vodoravnega traku, zato se dropdown ni odprl
tam, kjer bi moral. Pravilen vzorec je drugačen — drsi NAV, ne sidebar,
podmeniji pa ostanejo v običajnem toku.
========================================================================== */
.sidebar{
height:100dvh; /* dvh: na telefonu upošteva naslovno vrstico */
overflow:visible; /* sidebar sam se NE drsa */
min-height:0;
}
.sidebar .brand{flex:0 0 auto}
/* Drsi samo seznam modulov. min-height:0 je nujen, sicer flex otrok noče skrčiti. */
.sidebar nav{
flex:1 1 auto;
min-height:0;
align-content:start;
grid-auto-rows:max-content;
overflow-y:auto;
overflow-anchor:none;
scrollbar-gutter:stable;
overscroll-behavior:contain; /* drsenje menija ne potegne strani za sabo */
-webkit-overflow-scrolling:touch;
padding-right:4px;
scrollbar-width:thin;
scrollbar-color:rgba(255,255,255,.16) transparent;
}
.sidebar nav::-webkit-scrollbar{width:7px}
.sidebar nav::-webkit-scrollbar-thumb{border-radius:7px;background:rgba(255,255,255,.14)}
.sidebar nav::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.26)}
.sidebar nav::-webkit-scrollbar-track{background:transparent}
.sidebar .sideFoot{flex:0 0 auto;margin-top:14px}
/* Podmeni se razpre v toku in se drsa skupaj z navigacijo. */
.sidebar .navGroup{display:block;min-width:0;align-self:start}
.sidebar .navGroup>summary{overflow-anchor:none}
.sidebar .navGroup .navChildren{
position:static;display:grid;gap:3px;
margin:3px 0 6px;padding:0;overflow:visible;overflow-anchor:none;background:none;border:0;
}
@media(max-width:760px){
/* Meni je zložljiv: privzeto zaprt, vsebina takoj vidna. */
.portal{display:block}
.sidebar{
position:sticky;top:0;z-index:30;
height:auto;max-height:80dvh;padding:12px 16px;
display:flex;flex-direction:column;
overflow:hidden;
border-right:0;border-bottom:1px solid rgba(255,255,255,.06);
}
.sidebar .brand{padding:0 0 12px}
.sidebar nav{
display:grid;grid-template-columns:1fr;gap:4px;
max-height:0;opacity:0;overflow:hidden;
transition:max-height .22s ease,opacity .18s ease;
}
.sidebar.menuOpen nav{max-height:62dvh;opacity:1;overflow-y:auto}
.sidebar .sideFoot{display:none}
.sidebar.menuOpen .sideFoot{display:block}
.navToggle{display:flex}
.content{padding:18px}
.search{width:auto;flex:1}
.formGrid{grid-template-columns:1fr}
}
/* Gumb za meni; na širokem zaslonu ga ni. */
.navToggle{
display:none;align-items:center;justify-content:space-between;gap:10px;
width:100%;min-height:44px;padding:0 14px;
border:1px solid rgba(255,255,255,.10);border-radius:12px;
background:rgba(255,255,255,.04);color:#cdd6e2;
font-size:13px;font-weight:700;cursor:pointer;
}
.navToggle .navToggleIcon{transition:transform .2s ease}
.sidebar.menuOpen .navToggle .navToggleIcon{transform:rotate(180deg)}
@media(prefers-reduced-motion:reduce){
.sidebar nav,.navToggle .navToggleIcon{transition:none}
}
.content{min-width:0;max-width:100%}
.content .au-table-wrap{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
/* =============================================================================
DOCUMENT123 PORTAL v2.8 — LUPINA
Sidebar je instrumentna plošča, ne meni: temna, tiha, z eno jantarno
tirnico ob aktivnem modulu. Vsebina je svetla in zračna, da so podatki
berljivi. Podpis je tirnica in tanka telemetrijska črta pod vrhom.
============================================================================= */
:root{
--a-void:#080b10; --a-carbon:#0f141d; --a-slate:#171f2b;
--a-orange:#10b981; --a-lift:#6ee7b7; --a-deep:#047857;
--a-mist:#f4f6f9; --a-line:#e5e8ee; --a-hair:#eef0f4;
--a-display:"Sora","Manrope",-apple-system,sans-serif;
}
html,body{background:var(--a-mist)}
body{font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.portal{background:var(--a-mist)}
/* ------------------------------------------------------------------ sidebar */
.sidebar{
padding:22px 14px 16px;
background:
radial-gradient(circle at 18% -4%,rgba(16,185,129,.13),transparent 34%),
linear-gradient(180deg,var(--a-carbon) 0%,var(--a-void) 100%);
border-right:1px solid rgba(255,255,255,.05);
}
.sidebar .brand{padding:0 10px 22px;gap:13px}
.brandMark{
width:42px;height:42px;border-radius:13px;font-family:var(--a-display);font-size:19px;
background:linear-gradient(150deg,var(--a-lift),var(--a-orange) 55%,var(--a-deep));
box-shadow:0 10px 24px -10px rgba(4,120,87,.9),0 1px 0 rgba(255,255,255,.28) inset;
}
.brand b{font-family:var(--a-display);font-size:18px;font-weight:600;letter-spacing:.16em}
.brand small{margin-top:4px;color:#6b7a8d;font-size:9.5px;letter-spacing:.06em}
.sectionLabel{
padding:14px 12px 8px;color:#55667c;
font-family:var(--a-display);font-size:9px;font-weight:600;letter-spacing:.2em;
}
.sidebar nav a,
.sidebar .navParent{
position:relative;min-height:44px;padding:0 12px 0 14px;gap:11px;
border:0;border-radius:11px;color:#9aa8ba;
font-size:13px;font-weight:500;letter-spacing:-.005em;
transition:color .16s ease,background .16s ease;
}
.sidebar nav a::before,
.sidebar .navParent::before{
content:"";position:absolute;left:0;top:50%;width:2px;height:0;
border-radius:0 3px 3px 0;background:linear-gradient(180deg,var(--a-lift),var(--a-orange));
transform:translateY(-50%);transition:height .2s cubic-bezier(.2,.8,.3,1);
}
.sidebar nav a:hover,
.sidebar .navParent:hover{color:#e6ecf3;background:rgba(255,255,255,.045);transform:none}
.sidebar nav a.active,
.sidebar .navParent.active{
color:#fff;font-weight:600;
background:linear-gradient(90deg,rgba(16,185,129,.16),rgba(16,185,129,.03) 62%,transparent);
box-shadow:none;
}
.sidebar nav a.active::before,
.sidebar .navParent.active::before{height:22px}
.sidebar .navChildren{margin:2px 0 6px;padding-left:12px;border-left:1px solid rgba(255,255,255,.07)}
.sidebar .navChildren a{
min-height:36px!important;font-size:12.5px!important;font-weight:500!important;
color:#7f8ea1!important;background:transparent!important;
}
.sidebar .navChildren a:hover{color:#e6ecf3!important;background:rgba(255,255,255,.04)!important}
.sidebar .navChildren a.active{color:var(--a-lift)!important;background:rgba(16,185,129,.09)!important}
.sidebar .navChildren a::before{display:none}
.sidebar .sideFoot{
border-top:1px solid rgba(255,255,255,.06);color:#61718a;font-size:11px;
}
.navToggle{font-family:var(--a-display);letter-spacing:.04em}
/* ------------------------------------------------------------------- topbar */
.topbar{
position:relative;
background:rgba(255,255,255,.86);
backdrop-filter:blur(14px) saturate(150%);
border-bottom:1px solid var(--a-line);
}
/* Telemetrijska črta: tanka, komaj vidna, a stalna. */
.topbar::after{
content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
background:linear-gradient(90deg,transparent,rgba(16,185,129,.55) 30%,rgba(16,185,129,.2) 60%,transparent);
}
/* ------------------------------------------------------------------ vsebina */
.content{padding:28px 32px 48px;max-width:1560px}
.pageHead h1{
font-family:var(--a-display);font-size:30px;font-weight:600;letter-spacing:-.028em;
}
.pageHead .eyebrow{
font-family:var(--a-display);font-size:10px;font-weight:600;letter-spacing:.18em;
color:var(--a-deep);
}
.pageHead p{font-size:13px;color:#5d6875}
/* Vstop vsebine: en sam zadržan zamik, brez razmetanih učinkov. */
@keyframes d123Enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.content>*{animation:d123Enter .32s cubic-bezier(.2,.8,.3,1) both}
.content>*:nth-child(2){animation-delay:.04s}
.content>*:nth-child(3){animation-delay:.08s}
@media(max-width:760px){
.content{padding:18px 16px 40px}
.pageHead h1{font-size:23px}
.sidebar{padding:12px 14px}
}
@media(prefers-reduced-motion:reduce){
.content>*{animation:none}
.sidebar nav a::before,.sidebar .navParent::before{transition:none}
}
/* --------------------------------------------------- znamka document123 --- */
/* "document123" je daljši od "DOCUMENT123", zato potrebuje svojo mero:
manjša velikost, tesnejši razmik, mala začetnica kot v domeni. */
.brand b{font-size:15.5px;font-weight:600;letter-spacing:-.005em;text-transform:none}
.brandMark{font-size:15px;letter-spacing:-.03em}
.authBrand{font-size:26px;letter-spacing:-.02em;text-transform:none}
@media(max-width:760px){.brand b{font-size:14.5px}}
/* document123 v3.2 — podjetniška prijava in registracija */
.authBody{display:block;padding:0;background:#f3f8f5;color:#10251e}
.authShell{width:100%;min-height:100svh;display:grid;grid-template-columns:minmax(330px,42%) minmax(0,58%);overflow:hidden;background:#fff}
.authStory{position:relative;isolation:isolate;min-height:100svh;padding:46px clamp(34px,5vw,78px);display:flex;flex-direction:column;color:#fff;background:linear-gradient(145deg,#062b20 0%,#075b43 55%,#0b8a62 100%);overflow:hidden}
.authStory::before{content:"";position:absolute;z-index:-1;width:520px;height:520px;right:-240px;top:-170px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 145px rgba(255,255,255,.018)}
.authStory::after{content:"";position:absolute;z-index:-1;inset:auto auto -170px -190px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(52,211,153,.24),transparent 68%)}
.authStoryBrand{display:flex;align-items:center;gap:13px;width:max-content;color:#fff}.authStoryBrand strong{font-size:23px;letter-spacing:-.045em}.authStoryBrand strong span{color:#6ee7b7}
.authLogo,.authBrandIcon{position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#6ee7b7,#10b981);box-shadow:0 12px 30px rgba(0,0,0,.16)}
.authLogo{width:43px;height:43px;border-radius:13px}.authBrandIcon{width:38px;height:38px;border-radius:11px;margin-right:10px}
.authLogo i,.authBrandIcon i{display:block;width:17px;height:21px;border:2px solid #fff;border-radius:3px;position:relative}.authLogo i::after,.authBrandIcon i::after{content:"";position:absolute;left:3px;right:3px;top:6px;height:2px;background:#fff;box-shadow:0 5px 0 rgba(255,255,255,.75)}
.authStoryCopy{margin:auto 0 42px}.authOverline{display:block;margin-bottom:20px;color:#a7f3d0;font-size:10px;font-weight:800;letter-spacing:.2em}.authStoryCopy h2{margin:0;max-width:600px;font-size:clamp(38px,4.5vw,68px);line-height:.98;letter-spacing:-.06em;font-weight:650}.authStoryCopy h2 em{color:#6ee7b7;font-style:normal}.authStoryCopy p{max-width:470px;margin:27px 0 0;color:#c8e7dc;font-size:14px;line-height:1.75}
.authTrust,.authSteps{display:grid;gap:8px;margin-bottom:42px}.authTrust>div,.authStep{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid rgba(255,255,255,.10)}
.authTrust b,.authStep>b{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(167,243,208,.28);border-radius:10px;color:#6ee7b7;font-size:9px}.authTrust span,.authStep span{display:grid;gap:3px}.authTrust strong,.authStep strong{font-size:11px}.authTrust small,.authStep small{color:#9cc9b9;font-size:9px}
.authStep.active>b{color:#053c2d;background:#6ee7b7;border-color:#6ee7b7}.authStory footer{margin-top:auto;display:flex;align-items:center;gap:9px;color:#93c5b4;font-size:9px;letter-spacing:.06em}.authSecureDot{width:7px;height:7px;border-radius:50%;background:#6ee7b7;box-shadow:0 0 0 5px rgba(110,231,183,.10),0 0 20px rgba(110,231,183,.5)}
.authStep.done{opacity:.68}.authStep.done>b{color:#053c2d;background:#a7f3d0;border-color:#a7f3d0}
.authCard{align-self:center;width:min(610px,calc(100% - 64px));max-height:calc(100svh - 48px);overflow-y:auto;margin:24px auto;padding:44px 52px;border:1px solid #deebe6;border-radius:26px;background:rgba(255,255,255,.96);box-shadow:0 30px 80px rgba(6,78,59,.10)}
.authCard::before{height:3px}.authBrand{display:grid;grid-template-columns:auto auto 1fr;align-items:center;justify-content:start;color:#10251e;font-size:23px;letter-spacing:-.045em}.authBrand>span:not(.authBrandIcon){color:#10b981}.authBrand small{grid-column:2/4;margin-top:-10px;color:#7c9189;font-size:7px;letter-spacing:.14em}
.authPill{margin-top:34px;padding:7px 10px;background:#ecfdf5;color:#047857}.authCard h1{margin:14px 0 9px;color:#10251e;font-size:clamp(29px,3vw,39px);line-height:1.06}.authCard>p{margin:0;color:#71847d;font-size:12px;line-height:1.7}.authCard form{gap:15px;margin-top:25px}.authCard label{gap:8px;color:#334b43;font-size:10px}.authCard input{height:50px;padding:0 15px;border-color:#dce8e3;border-radius:12px;background:#fbfdfc;color:#10251e;transition:.18s}.authCard input:hover{border-color:#b9d5ca}.authCard input:focus{border-color:#10b981;background:#fff;box-shadow:0 0 0 4px rgba(16,185,129,.09)}
.authCard .primary{min-height:52px;margin-top:3px;border-radius:13px;background:linear-gradient(135deg,#18c88b,#0ca979 58%,#07865f);box-shadow:0 13px 28px rgba(16,185,129,.22);transition:transform .18s,box-shadow .18s}.authCard .primary:hover{transform:translateY(-1px);box-shadow:0 17px 34px rgba(16,185,129,.28)}.authSwitch{text-align:center;color:#778b83}.authSwitch a{color:#07865f}.alert{border:1px solid #f1cccc;border-radius:12px}
@media(max-width:980px){.authShell{grid-template-columns:36% 64%}.authStory{padding:34px 26px}.authStoryCopy h2{font-size:38px}.authStoryCopy p{font-size:12px}.authCard{width:calc(100% - 38px);padding:36px}}
@media(max-width:720px){.authShell{display:block;min-height:100svh;background:linear-gradient(180deg,#063c2d 0,#087455 230px,#f3f8f5 230px)}.authStory{min-height:230px;padding:24px 22px 76px;background:transparent}.authStoryCopy{margin:30px 0 0}.authStoryCopy h2{font-size:32px}.authStoryCopy p,.authTrust,.authSteps,.authStory footer{display:none}.authCard{position:relative;width:calc(100% - 24px);max-height:none;margin:-54px auto 12px;padding:29px 22px;border-radius:22px}.authBrand{font-size:20px}.authBrandIcon{width:34px;height:34px}.authPill{margin-top:27px}.authCard h1{font-size:29px}.formGrid{grid-template-columns:1fr}.authRegister .authStory{min-height:210px}.authRegister .authStoryCopy h2{font-size:29px}}
@media(max-width:390px){.authCard{padding:26px 18px}.authStory{padding-left:18px;padding-right:18px}.authCard input{height:48px}}
/* Document123.com v3.4 — enoten portal */
:root{--a-void:#041f17;--a-carbon:#063326;--a-slate:#0a4937;--a-orange:#10b981;--a-lift:#6ee7b7;--a-deep:#047857;--a-mist:#f3f9f6;--a-line:#dce9e4;--a-hair:#ebf3f0}
html,body,.portal{background:linear-gradient(145deg,#f8fcfa 0%,#f1f8f5 50%,#f7fbf9 100%)}
.sidebar{background:radial-gradient(circle at 18% -4%,rgba(110,231,183,.18),transparent 34%),linear-gradient(180deg,#073d2e 0%,#05271e 58%,#041c16 100%);border-right-color:rgba(167,243,208,.12);box-shadow:14px 0 45px rgba(3,47,35,.08)}
.sidebar .brand{padding-bottom:25px}.brandMark{position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#6ee7b7,#10b981 58%,#047857);box-shadow:0 13px 30px rgba(16,185,129,.24)}
.brandMark i{position:relative;display:block;width:16px;height:20px;border:2px solid #fff;border-radius:3px}.brandMark i::after{content:"";position:absolute;left:3px;right:3px;top:5px;height:2px;background:#fff;box-shadow:0 5px 0 rgba(255,255,255,.72)}
.brand b{font-size:15px;color:#fff;letter-spacing:-.025em}.brand small{color:#8fc4b1}.sectionLabel{color:#75a998}
.sidebar nav a,.sidebar .navParent,.navGroup summary{color:#a7c6bb}.sidebar nav a:hover,.sidebar .navParent:hover,.navGroup summary:hover{color:#fff;background:rgba(110,231,183,.075)}
.sidebar nav a.active,.sidebar .navParent.active,.navGroup summary.active,.navGroup[open] summary{color:#fff;background:linear-gradient(90deg,rgba(16,185,129,.25),rgba(16,185,129,.07) 68%,transparent);border-color:rgba(110,231,183,.12);box-shadow:none}
.sidebar nav a.active::before,.sidebar .navParent.active::before{height:24px}.navIcon,.navChevron{color:#6ee7b7}.sidebar .navChildren a{color:#82aa9c!important}.sidebar .navChildren a:hover{color:#eafff7!important;background:rgba(110,231,183,.06)!important}.sidebar .navChildren a.active{color:#6ee7b7!important;background:rgba(16,185,129,.12)!important}.childDot{background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.1)}
.sideFoot{border-color:rgba(167,243,208,.12);background:rgba(255,255,255,.035)}.sideFoot b{color:#eafff7}.sideFoot small{color:#75a998}
.topbar{height:76px;background:rgba(255,255,255,.88);border-bottom-color:#dce9e4;box-shadow:0 8px 32px rgba(6,78,59,.035)}.topbar::after{background:linear-gradient(90deg,transparent,rgba(16,185,129,.5) 28%,rgba(52,211,153,.15) 72%,transparent)}
.search{border-color:#dce9e4;background:#f9fcfa;color:#71877f}.search:focus-within{border-color:#6ee7b7;box-shadow:0 0 0 4px rgba(16,185,129,.08)}.country{background:#ecfdf5;color:#047857}.avatar{background:#073d2e;box-shadow:0 8px 20px rgba(6,78,59,.14)}.avatar:hover{background:#0a6248}.adminMode{border-color:#a7f3d0;background:#ecfdf5;color:#047857}
.content{max-width:1600px;padding:32px 38px 52px}.workspace,.moduleRuntimeError{border-color:#dce9e4;box-shadow:0 20px 60px rgba(6,78,59,.07)}.moduleIcon{background:#ecfdf5;color:#047857}.moduleBadge{border-color:#a7f3d0;background:#ecfdf5;color:#047857}.chips span{border-color:#cde9df;background:#f0fdf4;color:#047857}
.portal .primary{background:linear-gradient(135deg,#20ca90,#10ac7b 58%,#07865f);box-shadow:0 12px 28px rgba(16,185,129,.22)}
/* Dashboard dobi mehkejše, globlje kartice kot prijavni del. */
.portalRoute-dashboard .content{padding-top:30px!important}.portalRoute-dashboard .adx{--o:#10b981;--o2:#6ee7b7;--ink:#10251e;--muted:#70847c;--line:#dce9e4;--panel:rgba(255,255,255,.97);--soft:#f3f9f6;gap:16px}
.portalRoute-dashboard .adx-top{padding:25px 27px;border-radius:21px;border-color:#d8e8e1;box-shadow:0 18px 50px rgba(6,78,59,.07);background:linear-gradient(135deg,#fff 0%,#f7fcf9 100%)}
.portalRoute-dashboard .adx-top h2{font-size:27px;letter-spacing:-.04em}.portalRoute-dashboard .adx-kicker{color:#678077}.portalRoute-dashboard .adx-cta{height:44px;padding:0 18px;border-radius:12px;background:linear-gradient(135deg,#20ca90,#10ac7b 58%,#07865f);box-shadow:0 10px 24px rgba(16,185,129,.2)}
.portalRoute-dashboard .adx-range{padding:4px;border-color:#dce9e4;background:#f1f8f5}.portalRoute-dashboard .adx-range a{padding:7px 12px}.portalRoute-dashboard .adx-range a.on{color:#047857;box-shadow:0 3px 10px rgba(6,78,59,.08)}
.portalRoute-dashboard .adx-kpis{gap:14px}.portalRoute-dashboard .adx-kpi{padding:19px 20px;border-radius:17px;border-color:#dce9e4;box-shadow:0 10px 35px rgba(6,78,59,.045)}.portalRoute-dashboard .adx-kpi.accent{border-color:#a7e5ce;background:linear-gradient(145deg,#effbf6,#fff)}
.portalRoute-dashboard .adx-panel{border-radius:18px;border-color:#dce9e4;box-shadow:0 14px 42px rgba(6,78,59,.055)}.portalRoute-dashboard .adx-panel>header{padding:18px 21px;border-bottom-color:#e8f1ed}.portalRoute-dashboard .adx-body,.portalRoute-dashboard .adx-actions{padding:19px 21px}.portalRoute-dashboard .adx-empty{padding:30px 21px}
.portalRoute-dashboard .adx-action.open{border-left-color:#10b981;background:#f3fcf8}.portalRoute-dashboard .adx-mod{border-color:#dce9e4;border-radius:13px}.portalRoute-dashboard .adx-mod i{color:#047857;background:#ecfdf5}.portalRoute-dashboard .adx-bar.hit i{background:linear-gradient(180deg,#6ee7b7,#10b981)}
@media(max-width:760px){.sidebar{background:linear-gradient(145deg,#073d2e,#041f17)}.topbar{height:66px}.content{padding:18px 14px 38px}.portalRoute-dashboard .content{padding-top:18px!important}.portalRoute-dashboard .adx-top{padding:20px}.brandMark{width:39px;height:39px}.brand b{font-size:14px}}
/* Document123.com v3.5 — svetel, uravnotežen nadzorni center */
:root{--d123-forest:#075b43;--d123-green:#14b87a;--d123-mint:#e9f7f1;--d123-ice:#edf7f8;--d123-sage:#f0f4ec;--d123-ink:#17372d;--d123-muted:#71847d}
.portal{grid-template-columns:286px minmax(0,1fr);background:#f7faf8}
.sidebar{padding:27px 16px 18px;color:#62766f;background:linear-gradient(180deg,#f5faf7 0%,#f1f7f4 100%);border-right:1px solid #dce8e3;box-shadow:12px 0 38px rgba(29,76,60,.045)}
.sidebar .brand{padding:0 13px 31px;gap:11px}.brandMark{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#22c98b,#079968);box-shadow:0 9px 22px rgba(16,185,129,.18)}.brandMark i{width:13px;height:17px}.brand b{color:#075b43;font-size:14px;font-weight:750;letter-spacing:-.04em}.brand small{color:#8a9c95;font-size:8px}.sectionLabel{padding:13px 13px 9px;color:#8ba098;font-size:8px;letter-spacing:.2em;border-top:1px solid #e2ece8}
.sidebar nav{gap:5px}.sidebar nav a,.sidebar .navParent,.navGroup summary{min-height:52px;padding:0 12px;border:1px solid transparent;border-radius:14px;color:#63766f;font-size:12.5px;font-weight:650}.sidebar nav a:hover,.sidebar .navParent:hover,.navGroup summary:hover{color:#21493c;background:rgba(255,255,255,.78);border-color:#e1ebe7}.sidebar nav a.active,.sidebar .navParent.active,.navGroup summary.active,.navGroup[open] summary{color:#087454;background:linear-gradient(90deg,#e4f7ef,#edf8f4);border-color:#cce9de;box-shadow:inset 3px 0 #18ba7c,0 8px 22px rgba(16,185,129,.055)}
.sidebar nav a::before,.sidebar .navParent::before{display:none}.navIcon{width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:11px;color:#15845f;background:#e4f5ee}.navIcon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sidebar nav>*:nth-child(4n+2) .navIcon{color:#317f87;background:#e6f3f4}.sidebar nav>*:nth-child(4n+3) .navIcon{color:#6f8b55;background:#eef3e9}.sidebar nav>*:nth-child(4n+4) .navIcon{color:#59718f;background:#eaf0f6}.sidebar nav a.active .navIcon,.navGroup[open] .navIcon{color:#fff;background:linear-gradient(145deg,#35c98f,#18a974);box-shadow:0 8px 18px rgba(16,185,129,.18)}.navChevron{color:#8aa099}
.sidebar .navChildren{margin:4px 0 7px 20px;padding:3px 0 3px 12px;border-left:1px solid #d5e7e0}.sidebar .navChildren a{min-height:39px!important;color:#7c8e88!important;border-radius:10px!important}.sidebar .navChildren a:hover{color:#245242!important;background:#f8fbfa!important}.sidebar .navChildren a.active{color:#087454!important;background:#eaf7f2!important}.childDot{width:27px;height:27px;display:grid;place-items:center;flex:none;border-radius:8px;background:#eef6f2;box-shadow:none}.childDot svg{width:14px;height:14px;fill:none;stroke:#4a8d74;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar .navChildren a.active .childDot{background:#d7f2e7}.sidebar .navChildren a.active .childDot svg{stroke:#07865f}
.sideFoot{padding:13px;border:1px solid #dce8e3;border-radius:14px;background:rgba(255,255,255,.72)}.sideFoot b{color:#315349}.sideFoot small{color:#8a9c95}.liveDot{background:#20c989}
.topbar{height:73px;padding:0 36px;border-bottom-color:#dce8e3;background:rgba(255,255,255,.94);box-shadow:0 10px 34px rgba(27,70,56,.035)}.topbar::after{display:none}.search{width:min(430px,42vw);height:46px;border-color:#d8e6e0;border-radius:14px;background:#f7fbf9;color:#7b8e87}.topBrand{margin-left:auto;display:flex;align-items:center;gap:7px;color:#075b43}.topBrandDoc{position:relative;width:14px;height:17px;border:2px solid #0e9368;border-radius:3px}.topBrandDoc::after{content:"";position:absolute;left:2px;right:2px;top:4px;height:2px;background:#0e9368;box-shadow:0 4px 0 #0e9368}.topBrand b{font-size:14px;letter-spacing:-.045em}.topBrand b span{color:#13b978}.topBrand em{margin-left:14px;color:#16b979;font-size:8px;font-style:normal;font-weight:800;letter-spacing:.12em}.topBrand em::before{content:"";display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:#28cf8d}.country{background:#f0f5ed;color:#617950}.avatar{background:#17372d}.topActions{gap:11px}
.content{padding:38px 42px 56px;background:radial-gradient(circle at 84% 4%,rgba(16,185,129,.045),transparent 25%),#f7faf8}
.pageHead .eyebrow{color:#0eaa70}.pageHead h1{color:#17372d}.moduleBadge{border-color:#d5e7e0;background:#fff;color:#4c7063}
.moduleIcon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.moduleIcon.big svg{width:25px;height:25px}
.portalRoute-dashboard .adx{--o:#14b87a;--o2:#70dcb3;--ink:#17372d;--muted:#71847d;--line:#dce7e2;--panel:#fff;--soft:#f6f9f7;gap:18px}.portalRoute-dashboard .adx-top{padding:4px 2px 12px;border:0;border-radius:0;background:transparent;box-shadow:none}.portalRoute-dashboard .adx-top::before{content:"DOKUMENTI123 / DASHBOARD";position:absolute;color:#0caf72;font-size:9px;font-weight:800;letter-spacing:.18em}.portalRoute-dashboard .adx-top>div:first-child{padding-top:27px}.portalRoute-dashboard .adx-top h2{font-size:34px;color:#17372d}.portalRoute-dashboard .adx-top p{font-size:12px}.portalRoute-dashboard .adx-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.portalRoute-dashboard .adx-kpi{position:relative;min-height:150px;padding:21px 22px;border:1px solid #dce7e2;border-radius:18px;background:#fff;box-shadow:0 14px 38px rgba(34,70,58,.045);overflow:hidden}.portalRoute-dashboard .adx-kpi::after{content:"";position:absolute;width:82px;height:82px;right:-31px;bottom:-35px;border-radius:50%;background:#f1f8f5}.portalRoute-dashboard .adx-kpi:nth-child(2)::after{background:#f0f5f7}.portalRoute-dashboard .adx-kpi:nth-child(3)::after{background:#f3f4ee}.portalRoute-dashboard .adx-kpi:nth-child(4)::after{background:#eef2f7}.portalRoute-dashboard .adx-kpi.accent{border-color:#bfe4d6;background:linear-gradient(145deg,#f8fdfa,#fff)}.portalRoute-dashboard .adx-kpi b{color:#204d3f;font-size:28px}.portalRoute-dashboard .adx-panel{border-color:#dce7e2;border-radius:19px;background:#fff;box-shadow:0 16px 44px rgba(34,70,58,.048)}.portalRoute-dashboard .adx-panel>header{padding:19px 22px}.portalRoute-dashboard .adx-panel>header a{color:#178560}.portalRoute-dashboard .adx-action{border-color:#e0e9e5;background:#fafcfb}.portalRoute-dashboard .adx-action.open{background:#f7fbf9}.portalRoute-dashboard .adx-mod{padding:13px;border-color:#e0e9e5;background:#fff}.portalRoute-dashboard .adx-mod:nth-child(3n+2) i{color:#317f87;background:#e6f3f4}.portalRoute-dashboard .adx-mod:nth-child(3n+3) i{color:#6f8b55;background:#eef3e9}.portalRoute-dashboard .adx-bar.hit i{background:linear-gradient(180deg,#77dcb7,#18b87b)}
@media(max-width:1180px){.portal{grid-template-columns:250px minmax(0,1fr)}.topBrand{display:none}.portalRoute-dashboard .adx-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.portal{display:block}.sidebar{background:#f4f9f6;border-bottom:1px solid #dce8e3}.sidebar .brand{padding-bottom:12px}.topbar{padding:0 15px}.content{padding:22px 14px 40px}.portalRoute-dashboard .adx-top h2{font-size:27px}.portalRoute-dashboard .adx-kpis{grid-template-columns:1fr}.portalRoute-dashboard .adx-kpi{min-height:125px}}
/* Document123.com v3.6 — očiščena glava in živ premium odziv */
.portalRoute-dashboard .adx-top::before{content:none!important;display:none!important}.portalRoute-dashboard .adx-top>div:first-child{padding-top:0!important}.portalRoute-dashboard .adx-breadcrumb{display:block;margin-bottom:18px;color:#0caf72;font-size:9px;font-weight:800;letter-spacing:.18em}.portalRoute-dashboard .adx-breadcrumb i{margin:0 5px;color:#96aaa2;font-style:normal}.portalRoute-dashboard .adx-top .adx-kicker{margin-bottom:8px}.portalRoute-dashboard .adx-top p{margin-top:7px}
.portalRoute-dashboard .adx-kpi{min-height:158px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.portalRoute-dashboard .adx-kpi:hover{transform:translateY(-4px);border-color:#c6ddd4;box-shadow:0 22px 48px rgba(34,70,58,.085)}.adx-kpiIcon{position:absolute;right:18px;top:17px;width:35px;height:35px;display:grid;place-items:center;border-radius:11px;z-index:1}.adx-kpiIcon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.adx-kpiIcon.mint{color:#12825f;background:#e5f6ef}.adx-kpiIcon.blue{color:#3c7582;background:#e9f3f5}.adx-kpiIcon.sage{color:#6f8254;background:#f0f3e9}.adx-kpiIcon.slate{color:#5d708a;background:#edf1f6}
.portalRoute-dashboard .adx-panel{transition:transform .22s ease,box-shadow .22s ease}.portalRoute-dashboard .adx-panel:hover{transform:translateY(-2px);box-shadow:0 22px 52px rgba(34,70,58,.075)}.portalRoute-dashboard .adx-action{transition:transform .18s ease,border-color .18s ease}.portalRoute-dashboard .adx-action:hover{transform:translateX(3px);border-color:#cddfd8}.portalRoute-dashboard .adx-mod{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.portalRoute-dashboard .adx-mod:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(34,70,58,.07)}
.topBrand em::before,.liveDot{animation:d123Pulse 2.2s ease-in-out infinite}@keyframes d123Pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(40,207,141,.25)}50%{opacity:.7;box-shadow:0 0 0 6px rgba(40,207,141,0)}}
@media(prefers-reduced-motion:reduce){.topBrand em::before,.liveDot{animation:none}.portalRoute-dashboard .adx-kpi,.portalRoute-dashboard .adx-panel,.portalRoute-dashboard .adx-action,.portalRoute-dashboard .adx-mod{transition:none}}
/* Document123.com v3.7 — čvrst sistem gumbov in zaupanja vredna navigacija */
:root{--d123-action:#0b8f66;--d123-action-hover:#087b59;--d123-action-edge:#066b4e;--d123-focus:rgba(20,184,122,.24)}
/* Enoten fizičen občutek: mirna ploskev, čvrst spodnji rob in jasen pritisk. */
.portal button,.portal a{ -webkit-tap-highlight-color:transparent }
.portal .au-btn,.portal .primary,.portal .adx-cta{
min-height:42px;padding:0 17px;border:1px solid #ceddd7;border-radius:11px;
font-weight:700;letter-spacing:-.01em;box-shadow:0 2px 0 #d9e5e0,0 7px 16px rgba(20,55,44,.06);
transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .12s ease;
}
.portal .au-btn:hover{border-color:#b8cec5;background:#fbfdfc;box-shadow:0 3px 0 #cfddd7,0 10px 20px rgba(20,55,44,.08);transform:translateY(-1px)}
.portal .primary,.portal .au-btn.primary,.portal .adx-cta{
color:#fff;border-color:#087252;background:var(--d123-action);
box-shadow:0 1px 0 rgba(255,255,255,.16) inset,0 3px 0 var(--d123-action-edge),0 10px 20px rgba(6,107,78,.18);
}
.portal .primary:hover,.portal .au-btn.primary:hover,.portal .adx-cta:hover{
color:#fff;border-color:#065f46;background:var(--d123-action-hover);transform:translateY(-1px);
box-shadow:0 1px 0 rgba(255,255,255,.14) inset,0 4px 0 #055b43,0 13px 24px rgba(6,107,78,.22);
}
.portal .primary:active,.portal .au-btn:active,.portal .adx-cta:active{
transform:translateY(2px);box-shadow:0 1px 0 rgba(255,255,255,.1) inset,0 1px 0 #055b43,0 4px 10px rgba(6,107,78,.14);
}
.portal .au-btn.ghost{color:#527067;border-color:#d6e3de;background:#f7faf8;box-shadow:0 2px 0 #dce7e2}
.portal .au-btn.ghost:hover{color:#204d3f;border-color:#bfd3cb;background:#fff}
.portal .au-btn.danger{color:#a33b37;border-color:#e8cfcd;background:#fff;box-shadow:0 2px 0 #ead8d6}
.portal .au-btn.sm{min-height:34px;padding:0 12px;border-radius:9px}
.portal .au-btn:focus-visible,.portal .primary:focus-visible,.portal .adx-cta:focus-visible,.sidebar a:focus-visible,.sidebar summary:focus-visible{
outline:3px solid var(--d123-focus);outline-offset:3px;
}
.portal .au-btn:disabled,.portal .au-btn[aria-disabled="true"],.portal button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
/* Polja, ki zaradi stare združljivosti nosijo razred au-btn, ostanejo polja. */
.portal input.au-btn,.portal select.au-btn,.portal textarea.au-btn{display:block;min-height:40px;box-shadow:none;font-weight:500;transform:none}
/* Dashboard: tudi manjša dejanja dobijo enako geometrijo in miren odziv. */
.portalRoute-dashboard .adx-cta{height:44px!important;padding:0 18px!important;border-radius:11px!important;background:var(--d123-action)!important}
.portalRoute-dashboard .adx-range{border-radius:12px}.portalRoute-dashboard .adx-range a{border-radius:9px}
.portalRoute-dashboard .adx-panel>header a,.portalRoute-dashboard .adx-empty a{
display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border:1px solid #d5e4de;border-radius:9px;
color:#176d52;background:#fff;font-size:11px;font-weight:700;box-shadow:0 2px 0 #dce7e2;
transition:transform .12s ease,border-color .16s ease,box-shadow .16s ease;
}
.portalRoute-dashboard .adx-panel>header a:hover,.portalRoute-dashboard .adx-empty a:hover{border-color:#bcd5cb;transform:translateY(-1px);box-shadow:0 3px 0 #cfddd7,0 8px 16px rgba(20,55,44,.07)}
/* Sidebar kot nadzorna konzola: urejen ritem, jasna aktivna pot, preverljivo stanje. */
.sidebar{background:#f5f9f7;border-right-color:#d7e5df;box-shadow:10px 0 32px rgba(27,70,56,.04)}
.sidebar .brand{position:relative;margin:0 0 15px;padding:0 12px 20px;border-bottom:1px solid #dfeae5}
.brandMark{background:#0b8f66;box-shadow:0 3px 0 #066b4e,0 9px 20px rgba(6,107,78,.16)}
.sidebar nav{gap:6px}.sidebar nav a,.sidebar .navParent,.navGroup summary{border-radius:12px;transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease}
.sidebar nav a:hover,.sidebar .navParent:hover,.navGroup summary:hover{transform:translateX(2px);border-color:#d8e7e1;background:#fff;box-shadow:0 6px 16px rgba(27,70,56,.045)}
.sidebar nav a.active,.sidebar .navParent.active,.navGroup summary.active,.navGroup[open] summary{
color:#075f47;border-color:#c3e0d5;background:#fff;box-shadow:inset 3px 0 #14b87a,0 7px 18px rgba(20,91,67,.07);
}
.sidebar nav a.active .navIcon,.navGroup[open] .navIcon{background:#0b8f66;box-shadow:0 2px 0 #066b4e,0 7px 15px rgba(6,107,78,.14)}
.sideTrust{display:grid;grid-template-columns:36px minmax(0,1fr) 7px;align-items:center;gap:10px;margin-top:auto;padding:12px;border:1px solid #cfe3db;border-radius:13px;background:#fff;box-shadow:0 7px 20px rgba(27,70,56,.05)}
.sideTrustIcon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#087454;background:#e7f6f0}.sideTrustIcon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sideTrust>span:nth-child(2){display:grid;gap:3px;min-width:0}.sideTrust b{color:#234b3e;font-size:10.5px}.sideTrust small{color:#7d9189;font-size:8.5px;white-space:nowrap}.sideTrust>i{width:7px;height:7px;border-radius:50%;background:#1fc986;box-shadow:0 0 0 4px #e5f8f0}
.sidebar .sideFoot{margin-top:8px;padding:11px 13px;background:transparent;border-color:transparent;box-shadow:none}.sideFoot b{color:#38594e}.sideFoot small{color:#879991}
@media(max-width:760px){.sideTrust{margin-top:10px}.portal .au-btn,.portal .primary,.portal .adx-cta{min-height:44px}}
@media(prefers-reduced-motion:reduce){.portal .au-btn,.portal .primary,.portal .adx-cta,.sidebar nav a,.sidebar .navParent,.navGroup summary{transition:none!important}}
/* Enak podpis tudi pred vstopom v portal. */
.authCard .primary{border:1px solid #087252;background:#0b8f66;box-shadow:0 1px 0 rgba(255,255,255,.16) inset,0 3px 0 #066b4e,0 10px 20px rgba(6,107,78,.18)}
.authCard .primary:hover{background:#087b59;transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.14) inset,0 4px 0 #055b43,0 13px 24px rgba(6,107,78,.22)}
.authCard .primary:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(255,255,255,.1) inset,0 1px 0 #055b43,0 4px 10px rgba(6,107,78,.14)}
.authCard .primary:focus-visible{outline:3px solid var(--d123-focus);outline-offset:3px}
/* Document123.com v3.8 — bel delovni prostor na vseh straneh */
.portal>main,.portal .content{background:#fff!important}
.portal .workspace,.portal .au-card,.portal .adx-panel,.portal .adx-kpi,.portal .adx-action,.portal .adx-mod{background-color:#fff}
.sidebar .navGroup[open]{border-radius:13px;background:#fff;box-shadow:0 7px 18px rgba(27,70,56,.045)}
.sidebar .navGroup[open] summary{box-shadow:inset 3px 0 #14b87a;border-bottom-left-radius:8px;border-bottom-right-radius:8px}
.sidebar .navGroup[open] .navChildren{margin:0;padding:6px 7px 8px 13px;border-left:0;background:#fff;border-radius:0 0 13px 13px}
.sidebar .navGroup[open] .navChildren a,.sidebar .navGroup[open] .navChildren a:hover,.sidebar .navGroup[open] .navChildren a.active{background:#fff!important}
.sidebar .navGroup[open] .navChildren a.active{box-shadow:inset 2px 0 #14b87a!important}
/* Document123.com v3.9 — naslov skupine je prava povezava, puščica ostane razpiralnik. */
.sidebar .navGroup summary .navParentLabel{display:flex;align-items:center;align-self:stretch;min-width:0;flex:1;color:inherit;font:inherit;cursor:pointer}
.sidebar .navGroup summary .navChevron{width:28px;height:28px;display:grid;place-items:center;flex:none;border-radius:8px;cursor:pointer}
.sidebar .navGroup summary .navChevron:hover{background:#e7f4ef;color:#087454}
/* Document123.com v4.0 — prava znamka namesto sestavljenega besedila. */
.sidebar .brandLogo{display:grid;grid-template-columns:1fr;gap:7px;align-items:start;padding-left:12px;padding-right:12px}
.sidebar .brandLogo img{display:block;width:188px;max-width:100%;height:auto}
.sidebar .brandLogo small{display:block;padding-left:1px;color:#7d9189;font-size:8.5px;font-weight:650;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){.sidebar .brandLogo{grid-template-columns:auto 1fr;align-items:center}.sidebar .brandLogo img{width:166px}.sidebar .brandLogo small{display:none}}
/* =============================================================================
DOCUMENT123 PORTAL v4.1 — uravnotežen, živ poslovni sistem
Bela ostane glavna delovna površina. Barva je uporabljena za orientacijo,
stanje in globino, zato portal ni niti pust niti preveč zelen.
============================================================================= */
:root{
--d41-forest:#064e3b;--d41-green:#10b981;--d41-mint:#eaf8f2;
--d41-blue:#3f7f91;--d41-blue-soft:#edf6f8;
--d41-sage:#71845b;--d41-sage-soft:#f1f5ed;
--d41-indigo:#596f91;--d41-indigo-soft:#eef2f8;
--d41-ink:#17372d;--d41-line:#dbe7e2;
}
/* Znamka in leva orientacija */
.sidebar{background:linear-gradient(180deg,#f4faf7 0%,#f7faf9 48%,#f1f7f4 100%);border-right-color:#d7e5df}
.sidebar .brandLogo{display:flex;flex-direction:column;gap:10px;margin:0 0 16px;padding:5px 12px 21px}
.sidebar .brandLogo img{width:220px;max-width:100%;height:auto;filter:drop-shadow(0 7px 14px rgba(5,78,59,.08))}
.sidebar .brandLogo small{padding-left:3px;color:#789087;font-size:9px;font-weight:700;letter-spacing:.055em}
.sectionLabel{color:#7d958c}
.sidebar nav a,.sidebar .navParent,.navGroup summary{background:rgba(255,255,255,.28)}
.sidebar nav>*:nth-child(4n+1) .navIcon{color:#13825f;background:#e5f6ef}
.sidebar nav>*:nth-child(4n+2) .navIcon{color:var(--d41-blue);background:var(--d41-blue-soft)}
.sidebar nav>*:nth-child(4n+3) .navIcon{color:var(--d41-sage);background:var(--d41-sage-soft)}
.sidebar nav>*:nth-child(4n+4) .navIcon{color:var(--d41-indigo);background:var(--d41-indigo-soft)}
.sidebar nav a:hover,.sidebar .navParent:hover,.navGroup summary:hover{border-color:#d1e1db;box-shadow:0 9px 20px rgba(27,70,56,.055)}
.sidebar nav a.active,.sidebar .navParent.active,.navGroup summary.active,.navGroup[open] summary{background:#fff;border-color:#bfdfd3;box-shadow:inset 3px 0 #12b879,0 10px 23px rgba(20,91,67,.075)}
.sidebar .navChildren a{background:transparent!important}.sidebar .navGroup[open] .navChildren a:hover{background:#f4faf7!important}.sidebar .navGroup[open] .navChildren a.active{background:#edf8f3!important}
.sideTrust{border-color:#c8e2d8;background:linear-gradient(135deg,#fff,#f5fbf8);box-shadow:0 10px 24px rgba(27,70,56,.06)}
/* Zgornja vrstica in delovna površina */
.topbar{border-bottom-color:#dbe7e2;box-shadow:0 8px 28px rgba(27,70,56,.04)}
.search{background:#f8fbfa;border-color:#d8e6e0}.search:hover{border-color:#bfd6cd;background:#fff}
.content{position:relative}.content::before{content:"";position:absolute;z-index:0;inset:0 0 auto 0;height:190px;pointer-events:none;background:radial-gradient(circle at 14% 0,rgba(16,185,129,.065),transparent 35%),radial-gradient(circle at 82% 0,rgba(63,127,145,.055),transparent 30%)}
.content>*{position:relative;z-index:1}
.pageHead{padding:5px 0 23px}.pageHead h1{font-size:32px}.pageHead .eyebrow{color:#0d9c6b}.moduleBadge{border-color:#cfe2da;background:#fff;box-shadow:0 6px 16px rgba(27,70,56,.045)}
/* Univerzalne kartice dobijo rahlo barvno globino, ne barvnega kaosa. */
.portal .workspace,.portal .au-card,.portal .adx-panel{border-color:var(--d41-line);box-shadow:0 16px 42px rgba(31,70,57,.055)}
.portal .workspace:hover,.portal .au-card:hover{border-color:#c9dcd4}
.portal .au-card>header{background:linear-gradient(90deg,#fff 0%,#f8fbfa 100%)}
.portal .au-table th{color:#60786f;background:#f3f8f6}
.portal .au-table tbody tr:hover{background:#f7fbf9}
.portal .au-field input:focus,.portal .au-field select:focus,.portal .au-field textarea:focus{border-color:#13a875;box-shadow:0 0 0 4px rgba(16,185,129,.1)}
.portal .au-notice{border-radius:13px;box-shadow:0 8px 20px rgba(31,70,57,.035)}
/* Štirje KPI-ji niso štiri enake zelene škatle. */
.portal .au-stats .au-stat:nth-child(1){border-top-color:#8fd8bc;background:linear-gradient(145deg,#fff,#f7fcfa)}
.portal .au-stats .au-stat:nth-child(2){border-top-color:#9bc4cf;background:linear-gradient(145deg,#fff,#f7fbfc)}
.portal .au-stats .au-stat:nth-child(3){border-top-color:#b8c9a8;background:linear-gradient(145deg,#fff,#fafcf8)}
.portal .au-stats .au-stat:nth-child(4):not(:last-child){border-top-color:#aebbd0;background:linear-gradient(145deg,#fff,#f9fafc)}
.portal .au-stat:nth-child(2)::after{background:var(--d41-blue)}.portal .au-stat:nth-child(3)::after{background:var(--d41-sage)}
/* Glavni dashboard: jasnejša dobrodošlica, premišljeno različni KPI poudarki. */
.portalRoute-dashboard .adx-top{padding:10px 4px 22px}.portalRoute-dashboard .adx-top h2{font-size:38px;line-height:1.02}.portalRoute-dashboard .adx-breadcrumb{color:#0e9c6b}
.portalRoute-dashboard .adx-kpi{border-color:#d9e6e1;box-shadow:0 15px 38px rgba(34,70,58,.055)}
.portalRoute-dashboard .adx-kpi:nth-child(1){background:linear-gradient(145deg,#f7fdfa,#fff)}
.portalRoute-dashboard .adx-kpi:nth-child(2){background:linear-gradient(145deg,#f7fbfc,#fff)}
.portalRoute-dashboard .adx-kpi:nth-child(3){background:linear-gradient(145deg,#fafcf8,#fff)}
.portalRoute-dashboard .adx-kpi:nth-child(4){background:linear-gradient(145deg,#f8fafc,#fff)}
.portalRoute-dashboard .adx-kpi:nth-child(2){border-top:2px solid #b8dbe2}.portalRoute-dashboard .adx-kpi:nth-child(3){border-top:2px solid #cad7bc}.portalRoute-dashboard .adx-kpi:nth-child(4){border-top:2px solid #c5cfdf}
.portalRoute-dashboard .adx-panel>header{background:linear-gradient(90deg,#fff,#f8fbfa)}
.portalRoute-dashboard .adx-action.start{border-left-color:var(--d41-blue);background:#f7fbfc}.portalRoute-dashboard .adx-action.urgent{background:#fffafa}
/* Nevsiljiva živost: svetlobni prehod samo ob namerni interakciji. */
.portal .au-card,.portalRoute-dashboard .adx-kpi,.portalRoute-dashboard .adx-panel{position:relative;overflow:hidden}
.portal .au-card::after,.portalRoute-dashboard .adx-kpi::before,.portalRoute-dashboard .adx-panel::after{content:"";position:absolute;pointer-events:none;top:-70%;left:-45%;width:30%;height:220%;opacity:0;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);transition:left .65s ease,opacity .25s ease}
.portal .au-card:hover::after,.portalRoute-dashboard .adx-kpi:hover::before,.portalRoute-dashboard .adx-panel:hover::after{left:120%;opacity:.68}
@media(max-width:1180px){.sidebar .brandLogo img{width:196px}.portalRoute-dashboard .adx-top h2{font-size:34px}}
@media(max-width:760px){.sidebar .brandLogo{display:flex;padding:3px 8px 12px}.sidebar .brandLogo img{width:184px}.content::before{height:130px}.pageHead h1{font-size:27px}.portalRoute-dashboard .adx-top h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.portal .au-card::after,.portalRoute-dashboard .adx-kpi::before,.portalRoute-dashboard .adx-panel::after{display:none}}
/* DOCUMENT123 v4.0 — premium light application shell */
.portal{grid-template-columns:282px minmax(0,1fr);background:#f9fbfa}
.sidebar{padding:20px 17px 18px;color:#53645f;background:linear-gradient(180deg,#fbfdfc 0%,#f6faf8 100%);border-right:1px solid #dde8e4;box-shadow:none}
.sidebar .brandLogo{padding:3px 9px 22px;border-bottom:1px solid #e4ece9}.sidebar .brandLogo img{width:190px;filter:none}.sidebar .brandLogo small{color:#7d8e88}
.sectionLabel{padding:18px 13px 9px;color:#9aa9a4;font-size:8px}
.sidebar nav{gap:3px}.sidebar nav a,.navGroup>summary{min-height:46px!important;border-radius:12px!important;color:#51635e!important;font-size:12px!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important}
.sidebar nav a:hover,.navGroup>summary:hover{color:#0f6e50!important;background:#eef8f3!important;transform:translateX(2px)}
.sidebar nav a.active,.navGroup>summary.active{color:#fff!important;background:linear-gradient(135deg,#0bb879,#079c66)!important;border-color:#079a65!important;box-shadow:0 9px 22px rgba(7,156,102,.18)!important}
.sidebar nav a.active .navIcon,.navGroup>summary.active .navIcon{color:#fff!important}.navIcon{color:#45655b}.navIcon svg{stroke-width:1.75}
.navChildren{border-left-color:#d7e8e1!important}.navChildren a.active{color:#087b55!important;background:#e7f7ef!important}
.sideTrust{background:#fff!important;border-color:#dce9e4!important;box-shadow:0 6px 18px rgba(27,70,55,.04)!important}.sideTrust b,.sideFoot b{color:#324c43!important}.sideTrust small,.sideFoot small{color:#8b9a95!important}.sideFoot{border:0!important;background:transparent!important}
.topbar{height:82px;padding:0 30px;border-bottom:1px solid #e1e9e6;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);position:sticky;top:0;z-index:30}
.search{width:min(475px,42vw);height:46px;border-color:#dce6e2;border-radius:12px;background:#fbfdfc;color:#84938e}.topBrand{display:none!important}
.globalInvoiceCta{height:44px;display:inline-flex;align-items:center;gap:9px;padding:0 16px;border-radius:10px;color:#fff!important;background:linear-gradient(135deg,#08b574,#078e5d);font-size:12px;font-weight:800;box-shadow:0 8px 18px rgba(8,159,103,.2);transition:.18s}.globalInvoiceCta:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(8,159,103,.26)}.globalInvoiceCta span{font-size:20px;font-weight:400}.globalInvoiceCta i{margin-left:7px;font-style:normal;font-size:10px}
.topTool{border-color:#e0e9e6!important;background:#fff!important;box-shadow:none!important}.profileTrigger{border-color:#dce7e3!important;background:#fff!important;box-shadow:none!important}.profileAvatar{background:linear-gradient(145deg,#0db77a,#087b55)!important}
.content{padding:28px 34px 46px}.portalRoute-dashboard .content{padding-top:28px!important;background:radial-gradient(circle at 18% 0,rgba(22,185,125,.055),transparent 24%),#f9fbfa}
@media(max-width:1180px){.portal{grid-template-columns:244px minmax(0,1fr)}.globalInvoiceCta{padding:0 12px}.content{padding-left:22px;padding-right:22px}}
@media(max-width:760px){.sidebar{background:#f8fcfa!important}.topbar{height:68px;padding:0 14px}.globalInvoiceCta{height:40px}.globalInvoiceCta i{display:none}.content,.portalRoute-dashboard .content{padding:18px 13px 38px!important}.search{display:none}}
/* DOCUMENT123 v4.2 — premium tipografski sistem */
:root{--d123-font-body:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--d123-font-display:"Sora","Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html,body,.portal,button,input,select,textarea{font-family:var(--d123-font-body)}
.portal .sidebar,.portal .topbar,.portal .content,.portal .au,.portal .adx{font-family:var(--d123-font-body)!important;font-feature-settings:"ss01" 1,"cv05" 1,"tnum" 1}
.pageHead h1,.workspaceTop h2,.heroPanel h2,.portal .au-head h2,.portal .au-card>header h3,.portal .au-empty b,.portal .au-stat strong,.portal .adx h2,.portal .adx h3,.portal .adx-kpi b,.portal .inv-doc-top h1,.portal .inv-sum .grand{font-family:var(--d123-font-display)!important;letter-spacing:-.035em}
.sidebar nav a,.sidebar .navParent,.navGroup summary,.portal .au-btn,.portal .primary,.portal .adx-cta{font-family:var(--d123-font-body)!important;font-weight:700}
.sectionLabel,.pageHead .eyebrow,.portal .au-eyebrow,.portal .adx-kicker,.portal .au-stat>span,.portal .au-table th{font-family:var(--d123-font-display)!important;font-weight:600;letter-spacing:.12em}
.portal .au-table,.portal .adx-table{font-variant-numeric:tabular-nums lining-nums}
.brandLogo small,.sideTrust small,.sideFoot small{font-family:var(--d123-font-body);letter-spacing:.015em}
.authStoryCopy h2,.authCard h1,.authBrand,.authPill,.authOverline,.authTrust strong,.authStep strong{font-family:var(--d123-font-display)}
.authCard,.authCard input,.authCard button{font-family:var(--d123-font-body)}
.authStoryCopy h2,.authCard h1{letter-spacing:-.055em}.authCard>p,.authStoryCopy p{letter-spacing:-.008em}
/* DOCUMENT123 v4.3 — uporabniška orodna vrstica in profili */
.topActions{min-width:0}.topTool{height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d7e5df;border-radius:11px;background:#fff;color:#315c4e;cursor:pointer;box-shadow:0 2px 0 #dce7e2;transition:.16s ease}
.topTool svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.topTool:hover{color:#087454;border-color:#bcd7cd;background:#f8fcfa;transform:translateY(-1px);box-shadow:0 3px 0 #cfddd7,0 8px 18px rgba(20,55,44,.07)}
.settingsTool{width:42px;flex:none}.settingsTool svg{width:19px;height:19px}
.profileTrigger{height:48px;min-width:190px;max-width:260px;display:grid;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:5px 9px 5px 6px;border:1px solid #d7e5df;border-radius:13px;background:#fff;color:#21493c;text-align:left;cursor:pointer;box-shadow:0 7px 18px rgba(27,70,56,.05);transition:.16s ease}
.profileTrigger:hover{border-color:#bcd9ce;transform:translateY(-1px);box-shadow:0 10px 23px rgba(27,70,56,.075)}
.profileAvatar,.profilePhotoPreview{display:grid;place-items:center;overflow:hidden;border-radius:10px;color:#fff;background:linear-gradient(145deg,#18bd80,#087454);font-family:var(--d123-font-display);font-size:11px;font-weight:700;letter-spacing:-.03em;box-shadow:0 2px 0 #066b4e}
.profileAvatar{width:36px;height:36px}.profileAvatar img,.profilePhotoPreview img{width:100%;height:100%;display:block;object-fit:cover}
.profileIdentity{display:grid;gap:1px;min-width:0}.profileIdentity b,.profileIdentity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profileIdentity b{font-size:11px;font-weight:750}.profileIdentity small{color:#82958e;font-size:8.5px}
.profileChevron{color:#8aa099;font-size:14px}.logoutForm{margin:0}.logoutTool{padding:0 13px;color:#526b63}.logoutTool span{font-size:10px;font-weight:750}.logoutTool:hover{color:#9e3935;border-color:#e4cdca;background:#fff9f8;box-shadow:0 3px 0 #ead8d6,0 8px 18px rgba(120,45,40,.06)}
.profileDialog{width:min(620px,calc(100% - 28px));max-height:calc(100svh - 36px);padding:0;border:1px solid #d5e4de;border-radius:22px;background:#fff;color:var(--d123-ink);box-shadow:0 34px 90px rgba(10,49,37,.22);overflow:auto}
.profileDialog::backdrop{background:rgba(7,31,24,.42);backdrop-filter:blur(5px)}
.profileDialogHead{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:27px 28px 23px;border-bottom:1px solid #e5eeea;background:radial-gradient(circle at 90% 0,rgba(16,185,129,.11),transparent 38%),linear-gradient(135deg,#fff,#f5fbf8)}
.profileEyebrow{color:#0d9c6b;font-family:var(--d123-font-display);font-size:8.5px;font-weight:700;letter-spacing:.17em}.profileDialogHead h2{margin:8px 0 5px;font-family:var(--d123-font-display);font-size:25px;letter-spacing:-.045em}.profileDialogHead p{margin:0;color:#71847d;font-size:11px}.profileClose{width:36px;height:36px;flex:none;border:1px solid #d5e3de;border-radius:10px;background:#fff;color:#61766e;font-size:20px;cursor:pointer;box-shadow:0 2px 0 #dce7e2}.profileClose:hover{color:#17372d;background:#f7faf8}
.profileNotice{margin:18px 28px 0;padding:11px 13px;border:1px solid;border-radius:11px;font-size:11px;font-weight:650}.profileNotice.ok{color:#087454;border-color:#bfe2d4;background:#effaf5}.profileNotice.err{color:#9e3935;border-color:#edcfcc;background:#fff5f4}
.profileForm{display:grid;gap:18px;padding:25px 28px 28px}.profilePhotoRow{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid #dde9e4;border-radius:15px;background:#f8fbfa}.profilePhotoPreview{width:68px;height:68px;flex:none;border-radius:18px;font-size:18px}.profileUpload{display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:center;flex:1;min-width:0}.profileUpload b{font-size:12px}.profileUpload small{color:#7d9189;font-size:9px}.profileUpload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.profileUpload span{grid-column:2;grid-row:1/3;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border:1px solid #c7dcd4;border-radius:10px;background:#fff;color:#087454;font-size:10px;font-weight:750;cursor:pointer;box-shadow:0 2px 0 #d8e4df}.profileUpload:hover span{border-color:#9fcdbc;background:#f5fbf8}
.profileRemove{display:flex;align-items:center;gap:8px;margin-top:-8px;color:#71847d;font-size:10px}.profileRemove input{accent-color:#0b8f66}.profileGrid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.profileForm>label,.profileGrid label{display:grid;gap:7px;color:#476258;font-size:10px;font-weight:700}.profileForm input[type=text],.profileForm input:not([type]){height:45px;padding:0 13px;border:1px solid #d7e4df;border-radius:11px;background:#fbfdfc;color:#17372d;font:600 12px var(--d123-font-body);outline:0}.profileForm input:focus{border-color:#10b981;background:#fff;box-shadow:0 0 0 4px rgba(16,185,129,.1)}
.profileMeta{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px 15px;border-radius:12px;background:#f3f7f5;color:#6f837b;font-size:10px}.profileMeta span{display:grid;gap:3px;min-width:0;overflow-wrap:anywhere}.profileMeta b{color:#315349;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.profileActions{display:flex;justify-content:flex-end;gap:9px;padding-top:4px}.profileSuper{padding:28px}.profileSuper b{font-family:var(--d123-font-display)}.profileSuper p{color:#71847d;font-size:11px}
@media(max-width:1250px){.profileTrigger{min-width:0;width:48px;display:grid;grid-template-columns:36px;padding:5px}.profileIdentity,.profileChevron{display:none}.logoutTool span{display:none}.logoutTool{width:42px;padding:0}.topBrand{display:none}}
@media(max-width:760px){.topActions{gap:6px}.settingsTool,.logoutTool{width:40px;height:40px}.profileTrigger{width:44px;height:44px}.profileAvatar{width:32px;height:32px}.profileDialog{max-height:calc(100svh - 16px);border-radius:18px}.profileDialogHead{padding:22px 20px 18px}.profileForm{padding:20px}.profileGrid,.profileMeta{grid-template-columns:1fr}.profilePhotoRow{align-items:flex-start}.profileUpload{grid-template-columns:1fr}.profileUpload span{grid-column:1;grid-row:auto;width:max-content;margin-top:7px}.profileActions .au-btn{flex:1}}
/* =============================================================================
DOCUMENT123 v4.10 — ALIVE NAVIGACIJA IN ENOTEN VIZUALNI JEZIK
Samo vizualna plast: ne posega v poti, obrazce, podatke ali logiko modulov.
============================================================================= */
:root{
--d123-number-font:Arial,"Helvetica Neue",sans-serif;
--d123-button-radius:14px;
}
/* Aktivna stran je vedno jasno označena z isto ikono kot v levem meniju. */
.portalRoute-dashboard .pageHead,.portalRoute-invoices .pageHead{display:flex!important}
.pageHead{
position:relative;isolation:isolate;min-height:118px;margin:0 0 27px;padding:23px 25px!important;
align-items:center!important;overflow:hidden;border:1px solid rgba(156,202,185,.58);border-radius:26px;
background:
radial-gradient(circle at 86% -35%,rgba(32,201,139,.17),transparent 36%),
linear-gradient(118deg,#fff 0%,#fbfefc 61%,#f0faf6 100%);
box-shadow:0 1px 1px rgba(13,74,54,.025),0 22px 55px -38px rgba(9,91,65,.38),inset 0 1px 0 rgba(255,255,255,.96);
}
.pageHead::before{
content:"";position:absolute;z-index:-1;inset:0 auto 0 0;width:4px;
background:linear-gradient(180deg,#38d9a0 0%,#0b966c 58%,#056348 100%);
box-shadow:10px 0 35px rgba(15,161,111,.12)
}
.pageHead::after{
content:"";position:absolute;z-index:-1;right:31px;top:0;width:180px;height:1px;
background:linear-gradient(90deg,transparent,rgba(13,150,104,.38),transparent)
}
.pageHeadGlow{
position:absolute;z-index:-1;right:-42px;bottom:-94px;width:240px;height:190px;border-radius:50%;
border:1px solid rgba(18,167,116,.08);box-shadow:0 0 0 27px rgba(18,167,116,.035),0 0 0 59px rgba(18,167,116,.022);pointer-events:none
}
.pageHeadIdentity{position:relative;z-index:1;display:flex;align-items:center;gap:19px;min-width:0}
.pageHeadCopy{min-width:0}
.pageHead h1{margin:6px 0 7px!important;color:#112f25;font-size:clamp(27px,2vw,33px)!important;font-weight:700!important;line-height:1.06;letter-spacing:-.046em}
.pageHead .eyebrow{display:flex;align-items:center;gap:8px;color:#55756a!important;font-size:9.5px!important;font-weight:700!important;letter-spacing:.105em!important;text-transform:uppercase}
.pageHead .eyebrow b{color:#07875f;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:none}
.pageHead .eyebrow i{width:4px;height:4px;border-radius:50%;background:#53c99d;box-shadow:0 0 0 3px rgba(83,201,157,.12)}
.pageHeadMeta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
.pageHead p{max-width:620px;margin:0!important;color:#60776e!important;font-size:12.5px!important;line-height:1.5}
.pageHeadCompany{display:inline-flex;align-items:center;gap:6px;max-width:330px;padding:5px 9px;border:1px solid #d9e9e2;border-radius:999px;background:rgba(255,255,255,.76);color:#365d50;font-size:9.5px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 4px 12px rgba(25,70,55,.035)}
.pageHeadCompany svg{width:12px;height:12px;flex:0 0 12px;fill:none;stroke:#0b966c;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.activePageIcon{
position:relative;width:70px;height:70px;display:grid;place-items:center;flex:0 0 70px;
border:1px solid #0b8f67;border-radius:21px;color:#fff;
background:linear-gradient(145deg,#28c991 0%,#0b956a 52%,#066b4e 100%);
box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -8px 18px rgba(2,78,55,.16),0 4px 0 #075c45,0 15px 28px rgba(7,106,77,.18);
overflow:hidden;
}
.activePageIcon::before{content:"";position:absolute;inset:3px 5px auto;height:43%;border-radius:15px;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent);pointer-events:none}
.activePageIcon::after{content:"";position:absolute;right:-13px;bottom:-15px;width:42px;height:42px;border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 0 0 9px rgba(255,255,255,.045)}
.activePageIcon svg{position:relative;z-index:1;width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 2px rgba(2,67,48,.22))}
.moduleBadge{margin-left:auto;white-space:nowrap}
.pageHeadActions{position:relative;z-index:1;margin-left:auto;display:flex;align-items:center;gap:10px}.pageHeadActions .moduleBadge{margin-left:0}.pageHeadCta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:45px;padding:0 17px;border:1px solid #087654;border-radius:14px;background:linear-gradient(145deg,#28ce95,#0b976a 58%,#077452);color:#fff;font-size:11.5px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 3px 0 #066b4e,0 12px 25px rgba(6,107,78,.19);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.pageHeadCta svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.pageHeadCta:hover{transform:translateY(-2px);filter:saturate(1.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 5px 0 #055b43,0 16px 29px rgba(6,107,78,.23)}.pageHeadCta:active{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 0 #055b43,0 6px 12px rgba(6,107,78,.14)}.pageHeadCta:focus-visible{outline:3px solid rgba(16,185,129,.2);outline-offset:3px}
.moduleBadge{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 11px;border:1px solid #d1e3dc!important;border-radius:999px!important;background:rgba(255,255,255,.8)!important;color:#49685e!important;font-size:8.5px!important;font-weight:750!important;letter-spacing:.015em!important;box-shadow:0 7px 18px rgba(27,70,56,.045)}
.moduleBadge>i{width:7px;height:7px;border-radius:50%;background:#18b77d;box-shadow:0 0 0 4px rgba(24,183,125,.1)}
.moduleBadge>span{color:#1f4a3d;font-size:9px;font-weight:800}.moduleBadge>b{margin-left:2px;color:#087454;font-size:12px!important;line-height:1}.moduleBadge>small{color:#71877e;font-size:8.5px;font-weight:700}
.pageHeadMetric{display:flex;align-items:center;gap:9px;min-height:43px;padding:5px 12px 5px 6px;border:1px solid #9edac3;border-radius:14px;background:linear-gradient(145deg,#effcf7,#fff);box-shadow:0 8px 20px rgba(7,120,83,.09)}.pageHeadMetric>i{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;color:#fff;background:linear-gradient(145deg,#2bd398,#07865f);box-shadow:inset 0 1px rgba(255,255,255,.4),0 3px 0 #066b4e;font-style:normal}.pageHeadMetric svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.pageHeadMetric span{display:flex;align-items:baseline;gap:5px}.pageHeadMetric b{color:#0a7453;font-size:16px;line-height:1}.pageHeadMetric small{color:#57756a;font-size:9px;font-weight:750;white-space:nowrap}
/* Ikone v sidebaru imajo material, svetlobo in globino; odzivajo se samo ob
interakciji, zato portal deluje živ, ne da bi se postavitev premikala. */
.navIcon{
position:relative!important;width:42px!important;height:42px!important;border-radius:13px!important;
border:1px solid rgba(255,255,255,.86)!important;
background:linear-gradient(145deg,#f8fffc,#dcefe7)!important;
box-shadow:inset 0 2px 1px rgba(255,255,255,.92),inset 0 -3px 6px rgba(42,105,82,.08),0 3px 0 #cfdfd8,0 8px 16px rgba(24,75,57,.09)!important;
transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;overflow:hidden;
}
.navIcon::after{content:"";position:absolute;z-index:0;top:2px;left:5px;right:5px;height:43%;border-radius:9px;background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,0));pointer-events:none}
.navIcon svg{position:relative;z-index:1;width:19px!important;height:19px!important;filter:drop-shadow(0 1px 0 rgba(255,255,255,.9))}
.sidebar nav>*:nth-child(4n+1) .navIcon{color:#0d8660!important;background:linear-gradient(145deg,#f8fffc,#d8f1e7)!important}
.sidebar nav>*:nth-child(4n+2) .navIcon{color:#317c8b!important;background:linear-gradient(145deg,#fbfeff,#dceef2)!important;box-shadow:inset 0 2px 1px #fff,inset 0 -3px 6px rgba(49,124,139,.08),0 3px 0 #cbdde1,0 8px 16px rgba(36,94,106,.09)!important}
.sidebar nav>*:nth-child(4n+3) .navIcon{color:#70864f!important;background:linear-gradient(145deg,#fefff9,#e8f0dd)!important;box-shadow:inset 0 2px 1px #fff,inset 0 -3px 6px rgba(112,134,79,.08),0 3px 0 #d5dfca,0 8px 16px rgba(81,101,53,.085)!important}
.sidebar nav>*:nth-child(4n+4) .navIcon{color:#5b6f91!important;background:linear-gradient(145deg,#fcfdff,#e3e9f3)!important;box-shadow:inset 0 2px 1px #fff,inset 0 -3px 6px rgba(91,111,145,.08),0 3px 0 #d1d9e5,0 8px 16px rgba(62,78,108,.085)!important}
.sidebar nav a:hover .navIcon,.navGroup summary:hover .navIcon{transform:translateY(-2px) scale(1.035);box-shadow:inset 0 2px 1px #fff,inset 0 -3px 6px rgba(42,105,82,.08),0 4px 0 #c6d9d1,0 12px 20px rgba(24,75,57,.13)!important}
.sidebar nav a.active .navIcon,.navGroup[open]>.navParent .navIcon,.navGroup[open]>summary .navIcon{
color:#fff!important;border-color:#48d7a2!important;
background:linear-gradient(145deg,#54dda9 0%,#13ad78 50%,#087756 100%)!important;
box-shadow:inset 0 2px 1px rgba(255,255,255,.42),inset 0 -4px 7px rgba(4,77,54,.2),0 4px 0 #066b4e,0 11px 21px rgba(7,120,83,.21)!important;
animation:d123IconGlow 3.2s ease-in-out infinite;
}
.sidebar nav a.active .navIcon svg,.navGroup[open] .navIcon svg{filter:drop-shadow(0 2px 1px rgba(3,69,48,.28))}
@keyframes d123IconGlow{50%{filter:saturate(1.08) brightness(1.035);box-shadow:inset 0 2px 1px rgba(255,255,255,.5),inset 0 -4px 7px rgba(4,77,54,.18),0 4px 0 #066b4e,0 13px 25px rgba(7,120,83,.27)}}
/* Tudi ikone podmožnosti so tridimenzionalne, vendar vizualno tišje. */
.childDot{
width:29px!important;height:29px!important;border:1px solid #d7e7e0!important;border-radius:9px!important;
background:linear-gradient(145deg,#fff,#e9f4ef)!important;
box-shadow:inset 0 1px 0 #fff,0 2px 0 #d3e2dc,0 5px 10px rgba(24,75,57,.065)!important;
transition:transform .16s ease,box-shadow .16s ease!important;
}
.navChildren a:hover .childDot{transform:translateY(-1px);box-shadow:inset 0 1px 0 #fff,0 3px 0 #cadcd4,0 7px 13px rgba(24,75,57,.09)!important}
.sidebar .navChildren a.active .childDot{border-color:#9edac4!important;background:linear-gradient(145deg,#eafff6,#ccefe1)!important;box-shadow:inset 0 1px 0 #fff,0 2px 0 #9bcfbc,0 7px 14px rgba(16,139,96,.12)!important}
/* Poslovne številke imajo povsod enako, preprosto in močno pisavo. */
.portal .num,.portal .au-money,.portal .au-stat strong,.portal .adx-kpi b,
.portal .adx-num,.portal .adx-financeSummary b,.portal .adx-monthTooltip strong,
.portal .catPrice strong,.portal .catComputed strong,.portal .inv-ledger-count,
.portal .inv-mini-stat strong,.portal .custTab b,.portal .moduleBadge,
.portal input[type="number"],.portal input[inputmode="decimal"],.portal input[inputmode="numeric"],
.portal input[type="date"],.portal time{
font-family:var(--d123-number-font)!important;font-weight:800!important;
font-variant-numeric:tabular-nums lining-nums!important;letter-spacing:-.025em;
}
/* Vsi glavni gumbi uporabljajo isti mehki, premium material in enako gibanje. */
.portal .au-btn,.portal .primary,.portal .adx-cta,.topTool,.profileTrigger,.profileClose,.profileUpload span{
border-radius:var(--d123-button-radius)!important;
transition:transform .14s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease!important;
}
.portal .au-btn,.portal .adx-cta{
min-height:43px;padding-inline:17px;border-color:#cedfd8;
box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 3px 0 #d4e2dc,0 9px 18px rgba(27,70,56,.07)!important;
}
.portal .au-btn:hover,.portal .adx-cta:hover{transform:translateY(-2px)!important;box-shadow:inset 0 1px 0 #fff,0 4px 0 #c9dbd3,0 13px 24px rgba(27,70,56,.11)!important}
.portal .au-btn.primary,.portal .primary,.portal .adx-cta,.portal .adx-cta.primary{
border-color:#087654!important;background:linear-gradient(145deg,#22c98e,#0c986b 58%,#087653)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 4px 0 #066b4e,0 12px 22px rgba(6,107,78,.20)!important;
}
.portal .au-btn.primary:hover,.portal .primary:hover,.portal .adx-cta:hover,.portal .adx-cta.primary:hover{background:linear-gradient(145deg,#2ed398,#0a8d64 60%,#076e50)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 5px 0 #055b43,0 15px 27px rgba(6,107,78,.25)!important}
.portal .au-btn:active,.portal .primary:active,.portal .adx-cta:active,.topTool:active,.profileTrigger:active{transform:translateY(2px)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 0 #cbdad4,0 4px 9px rgba(27,70,56,.08)!important}
.portal .au-btn.sm{min-height:36px!important;border-radius:11px!important}
@media(max-width:1120px){
.pageHead{flex-wrap:wrap}.pageHeadActions{width:100%;margin-left:89px}.pageHeadGlow{right:-80px}
}
@media(max-width:760px){
.pageHead{min-height:0;margin-bottom:19px;padding:18px 16px 16px!important;border-radius:20px;gap:16px}.pageHead::before{width:3px}.pageHead::after{right:14px;width:110px}.pageHeadGlow{right:-105px;bottom:-118px}.pageHeadIdentity{align-items:flex-start;gap:14px}.activePageIcon{width:54px;height:54px;flex-basis:54px;border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -6px 14px rgba(2,78,55,.14),0 3px 0 #075c45,0 11px 21px rgba(7,106,77,.16)}.activePageIcon svg{width:24px;height:24px}.pageHead h1{margin-top:5px!important;font-size:23px!important}.pageHead .eyebrow{font-size:8px!important}.pageHead .eyebrow b{font-size:8.5px}.pageHeadMeta{gap:7px}.pageHead p{width:100%;font-size:11px!important;line-height:1.45}.pageHeadCompany{max-width:100%;font-size:8.5px}.pageHeadActions{width:100%;margin-left:0;gap:8px}.pageHeadCta{min-height:43px;flex:1}.pageHeadMetric{flex:1;justify-content:center}.moduleBadge{display:inline-flex!important;margin-left:0}.navIcon{width:39px!important;height:39px!important}
}
@media(max-width:480px){
.pageHeadActions{display:grid;grid-template-columns:minmax(0,1fr) auto}.pageHeadCta{grid-column:1/-1;width:100%}.pageHeadMetric{min-width:0}.moduleBadge>small{display:none}
}
@media(prefers-reduced-motion:reduce){.sidebar nav a.active .navIcon,.navGroup[open] .navIcon{animation:none!important}}
/* ------------------------------------------------------- vpogled admina --- */
/* Vpogled mora biti ves čas očiten, sicer se zamenja z resnično sejo in se
lahko zgodi sprememba v imenu podjetnika, ne da bi kdo vedel. */
.adminMode{
display:inline-flex;align-items:center;gap:7px;
padding:6px 11px;border-radius:999px;
background:linear-gradient(180deg,#ffb14b,#d97b06);color:#fff;
font-size:10px;font-weight:700;letter-spacing:.1em;
box-shadow:0 8px 18px -10px rgba(217,123,6,.9);
}
.adminMode::before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;opacity:.9;animation:adminPulse 2s ease-in-out infinite}
@keyframes adminPulse{50%{opacity:.35}}
.adminExit{
display:inline-flex;align-items:center;height:30px;padding:0 11px;margin-left:8px;
border:1px solid rgba(255,255,255,.18);border-radius:9px;background:rgba(255,255,255,.06);
color:inherit;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap;
transition:border-color .15s ease,background .15s ease;
}
.adminExit:hover{border-color:#d97b06;background:rgba(217,123,6,.14)}
@media(prefers-reduced-motion:reduce){.adminMode::before{animation:none}}
/* DOCUMENT123 v4.5.2 — miren, stabilen portal.
Odstranjeni so samodejni vstopni premiki in svetlobni prehodi čez kartice,
ker so na nekaterih zaslonih ustvarjali občutek vibriranja celotne strani. */
.portal .content>*{animation:none!important}
.portal .au-card::after,
.portalRoute-dashboard .adx-kpi::before,
.portalRoute-dashboard .adx-panel::after{display:none!important;content:none!important;transition:none!important}
.portal .au-card,.portalRoute-dashboard .adx-kpi,.portalRoute-dashboard .adx-panel{will-change:auto}
.navUnread{margin-left:auto;min-width:23px;height:23px;padding:0 7px;border-radius:999px;display:inline-grid;place-items:center;background:#ef4056;color:#fff;font-size:11px;font-weight:900;box-shadow:0 5px 12px rgba(239,64,86,.24)}
/* ==========================================================================
GLOBALNI ISKALNIK (paleta Ctrl K)
Dodano v v4.12.17. Iskalnik v topbaru je zdaj gumb, ki odpre