/* =====================================================================
   Document123 · ENERGY sloj (v4.127.0)
   Samo videz – poenoten z javno stranjo document123.com (zelena energija).
   Ne spreminja razporeditve, obrazcev ali logike. Naloži se čisto zadnji.
   ===================================================================== */
:root{
  --en-ink:#061a14;--en-dk:#03140e;--en-dk2:#062419;--en-g:#078151;--en-gd:#05683f;
  --en-em:#16c98b;--en-mint:#b9ffe4;--en-gl:#e9f8f1;--en-line:#e1ece6;
  --en-grad:linear-gradient(180deg,#14c184,#078151);
  --en-glow:0 14px 34px -14px rgba(7,129,81,.75);
}

/* ---------- ozadje vsebine: mehka zelena svetloba + mreža ---------- */
html:is(#en,html):is(#en2,html) body:not(.authBody){
  background:
    radial-gradient(900px 420px at 85% -120px,rgba(22,201,139,.10),transparent 70%),
    radial-gradient(700px 380px at 10% 110%,rgba(22,201,139,.06),transparent 70%),
    linear-gradient(180deg,rgba(246,250,248,0) 0,#f6faf8 460px),
    linear-gradient(rgba(7,129,81,.04) 1px,transparent 1px) 0 0/44px 44px,
    linear-gradient(90deg,rgba(7,129,81,.04) 1px,transparent 1px) 0 0/44px 44px,
    #f6faf8 !important;
}




/* ---------- stranski meni: temna energija ---------- */
html:is(#en,html):is(#en2,html) .sidebar{
  background:
    radial-gradient(160px 260px at 50% 0%,rgba(22,201,139,.22),transparent 70%),
    radial-gradient(200px 300px at 50% 100%,rgba(22,201,139,.12),transparent 70%),
    linear-gradient(180deg,#062a1d 0%,#04170f 55%,#03140e 100%) !important;
  border-right:1px solid rgba(185,255,228,.08) !important;
  box-shadow:inset -1px 0 0 rgba(255,255,255,.03),8px 0 40px -24px rgba(3,20,14,.6) !important;
}
/* energijski tok ob desnem robu menija */
html:is(#en,html):is(#en2,html) .sidebar::after{
  content:"";position:absolute;top:0;right:-1px;width:2px;height:100%;pointer-events:none;
  background:linear-gradient(180deg,transparent 0%,rgba(62,230,162,.0) 30%,#3ee6a2 45%,rgba(62,230,162,0) 60%,transparent 100%);
  background-size:100% 240%;animation:enFlow 6s linear infinite;opacity:.75;
}@keyframes enFlow{from{background-position:0 100%}to{background-position:0 -140%}}

html:is(#en,html):is(#en2,html) .sidebar nav a{transition:background .3s,box-shadow .3s,color .3s,transform .3s !important}

html:is(#en,html):is(#en2,html) .sidebar nav a:hover{background:rgba(185,255,228,.07) !important}

html:is(#en,html):is(#en2,html) .sidebar nav a:hover .navIcon{box-shadow:0 0 0 1px rgba(62,230,162,.35),0 0 18px -4px rgba(62,230,162,.6)}

html:is(#en,html):is(#en2,html) .sidebar nav a.active{
  background:linear-gradient(160deg,rgba(31,214,140,.22),rgba(7,129,81,.18)) !important;
  box-shadow:inset 0 0 0 1px rgba(62,230,162,.35),0 10px 30px -14px rgba(31,214,140,.7) !important;
}

html:is(#en,html):is(#en2,html) .sidebar nav a.active .navIcon{
  background:var(--en-grad) !important;color:#fff !important;
  box-shadow:0 0 0 4px rgba(31,214,140,.14),0 8px 20px -6px rgba(31,214,140,.8) !important;
}

html:is(#en,html):is(#en2,html) .sidebar .navIcon{transition:box-shadow .3s,background .3s}

html:is(#en,html):is(#en2,html) .sidebar .liveDot{background:#3ee6a2 !important;box-shadow:0 0 0 0 rgba(62,230,162,.6);animation:enPulse 2.4s ease-out infinite}@keyframes enPulse{0%{box-shadow:0 0 0 0 rgba(62,230,162,.55)}100%{box-shadow:0 0 0 10px rgba(62,230,162,0)}}

html:is(#en,html):is(#en2,html) .sidebar .railMarkAccent{fill:#3ee6a2 !important}

/* ---------- zgornja vrstica: steklo + energijska črta ---------- */
html:is(#en,html):is(#en2,html) .topbar{
  background:rgba(255,255,255,.82) !important;
  -webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);
}

html:is(#en,html):is(#en2,html) .topbar::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(22,201,139,.55) 30%,rgba(22,201,139,.55) 70%,transparent);
}

html:is(#en,html):is(#en2,html) .topbar .search{transition:border-color .3s,box-shadow .3s}

html:is(#en,html):is(#en2,html) .topbar .search:hover,
html:is(#en,html):is(#en2,html) .topbar .search:focus-within{border-color:rgba(22,201,139,.55) !important;box-shadow:0 0 0 4px rgba(22,201,139,.10) !important}

html:is(#en,html):is(#en2,html) .topbar .topBrandDoc,
html:is(#en,html):is(#en2,html) .topbarCompany{border-color:var(--en-line)}

html:is(#en,html):is(#en2,html) .profileAvatar{background:linear-gradient(150deg,#1fc28a,#07704f) !important;box-shadow:0 0 0 3px rgba(31,214,140,.15)}

/* ---------- gumbi: energijski gradient z bleskom ---------- */
html:is(#en,html):is(#en2,html) .globalInvoiceCta,
html:is(#en,html):is(#en2,html) .content button.primary,
html:is(#en,html):is(#en2,html) .content .primary:not(.ghost),
html:is(#en,html):is(#en2,html) .profileDialog .primary,
html:is(#en,html):is(#en2,html) .authBody button.primary,
html:is(#en,html):is(#en2,html) .authBody .primary{
  background:var(--en-grad) !important;border-color:transparent !important;color:#fff !important;
  box-shadow:var(--en-glow),inset 0 1px 0 rgba(255,255,255,.22) !important;
  transition:transform .25s,box-shadow .25s,filter .25s !important;
}



html:is(#en,html):is(#en2,html) .globalInvoiceCta:hover,
html:is(#en,html):is(#en2,html) .content button.primary:hover,
html:is(#en,html):is(#en2,html) .authBody button.primary:hover{transform:translateY(-1px);filter:saturate(1.08);box-shadow:0 18px 40px -14px rgba(7,129,81,.85),inset 0 1px 0 rgba(255,255,255,.25) !important}

/* ---------- kartice: čistejši rob, dvig in zelen sij ---------- */
html:is(#en,html):is(#en2,html) .d123-card,
html:is(#en,html):is(#en2,html) .d123-kpi,
html:is(#en,html):is(#en2,html) .d123Quote,
html:is(#en,html):is(#en2,html) .d123-quick a,
html:is(#en,html):is(#en2,html) .d123-quick button,
html:is(#en,html):is(#en2,html) .card{
  border-color:var(--en-line) !important;
  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s !important;
}

html:is(#en,html):is(#en2,html) .d123-card,
html:is(#en,html):is(#en2,html) .d123-kpi,
html:is(#en,html):is(#en2,html) .d123Quote{box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 24px 50px -40px rgba(7,60,40,.45) !important}

html:is(#en,html):is(#en2,html) .d123-kpi:hover,
html:is(#en,html):is(#en2,html) .d123-quick a:hover,
html:is(#en,html):is(#en2,html) .d123-quick button:hover{
  transform:translateY(-3px);border-color:#bfe7d4 !important;
  box-shadow:0 30px 60px -36px rgba(7,129,81,.5),0 0 0 1px rgba(22,201,139,.12) !important;
}

html:is(#en,html):is(#en2,html) .d123-kpiIcon{box-shadow:0 8px 18px -8px currentColor}

html:is(#en,html):is(#en2,html) .d123Quote{background:linear-gradient(120deg,#ffffff 0%,#f2fbf7 60%,#e9f8f1 100%) !important}

html:is(#en,html):is(#en2,html) .d123QuoteMark{color:var(--en-em) !important}

/* naslov strani: energijska navpična črta */
html:is(#en,html):is(#en2,html) .d123-welcome h1,
html:is(#en,html):is(#en2,html) .content h1{letter-spacing:-.035em}

html:is(#en,html):is(#en2,html) .d123-welcome h1::before,
html:is(#en,html):is(#en2,html) .content .pageHead h1::before{background:linear-gradient(180deg,#3ee6a2,#078151) !important;box-shadow:0 0 14px rgba(31,214,140,.6)}

/* oznake razdelkov (MISEL DNEVA, ipd.) kot zelena značka */
html:is(#en,html):is(#en2,html) .sectionLabel{color:rgba(185,255,228,.55) !important;letter-spacing:.16em}

/* ---------- tabele in vrstice ---------- */
html:is(#en,html):is(#en2,html) .content table tbody tr{transition:background .2s}

html:is(#en,html):is(#en2,html) .content table tbody tr:hover{background:linear-gradient(90deg,rgba(22,201,139,.07),rgba(22,201,139,.02)) !important}

html:is(#en,html):is(#en2,html) .content table thead th{letter-spacing:.08em}

/* ---------- vnosna polja: zelen fokus ---------- */
html:is(#en,html):is(#en2,html) .content input:focus,
html:is(#en,html):is(#en2,html) .content select:focus,
html:is(#en,html):is(#en2,html) .content textarea:focus,
html:is(#en,html):is(#en2,html) .authBody input:focus,
html:is(#en,html):is(#en2,html) .authBody select:focus,
html:is(#en,html):is(#en2,html) .profileDialog input:focus{
  border-color:var(--en-em) !important;box-shadow:0 0 0 4px rgba(22,201,139,.14) !important;outline:none !important;
}

::selection{background:rgba(22,201,139,.22)}

/* ---------- avtentikacija (prijava, registracija, čarovnik) ---------- */
html:is(#en,html):is(#en2,html) .authBody{background:radial-gradient(800px 500px at 100% 0%,rgba(22,201,139,.08),transparent 70%),#f6faf8 !important}

html:is(#en,html):is(#en2,html) .authBody .authAside,
html:is(#en,html):is(#en2,html) .authBody .authHero,
html:is(#en,html):is(#en2,html) .authBody .authShell>aside,
html:is(#en,html):is(#en2,html) .authBody .authShell>div:first-child:not(:only-child){
  background:
    radial-gradient(420px 320px at 80% 10%,rgba(31,214,140,.28),transparent 70%),
    radial-gradient(380px 300px at 10% 100%,rgba(31,214,140,.16),transparent 70%),
    linear-gradient(160deg,#062a1d,#03140e 70%) !important;
}

/* ---------- popupi in meniji ---------- */
html:is(#en,html):is(#en2,html) .searchPalette,
html:is(#en,html):is(#en2,html) .profileDialog,
html:is(#en,html):is(#en2,html) .d123-periodMenu{box-shadow:0 40px 90px -30px rgba(3,20,14,.55),0 0 0 1px rgba(22,201,139,.10) !important}

/* ---------- drsnik ---------- */
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#9fd9c0,#6cc3a0);border-radius:99px}@media (prefers-reduced-motion:reduce){
  
html:is(#en,html):is(#en2,html) .sidebar::after,

html:is(#en,html):is(#en2,html) .sidebar .liveDot{animation:none !important}
}
html:is(#en,html):is(#en2,html) .d123-card:hover{border-color:#bfe7d4 !important;box-shadow:0 30px 60px -36px rgba(7,129,81,.45) !important}

/* ===== v4.135 · kristalni meni ===== */
html:is(#en,html):is(#en2,html) .sidebar :is(nav>a,nav>details>summary),
html:is(#en,html):is(#en2,html) .sidebar :is(nav>a,nav>details>summary):hover,
html:is(#en,html):is(#en2,html) .sidebar :is(nav>a,nav>details>summary).active{background:transparent !important;box-shadow:none !important}
/* vse ikone: tanko steklo */
html:is(#en,html):is(#en2,html) .sidebar .navIcon{
  border-radius:13px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.015)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
  transition:background .3s,border-color .3s,box-shadow .3s !important}
html:is(#en,html):is(#en2,html) .sidebar :is(nav>a,nav>details>summary):hover .navIcon{
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.03)) !important;border-color:rgba(255,255,255,.16) !important}
/* aktivni zavihek: kristal */
html:is(#en,html):is(#en2,html) .sidebar :is(nav>a,nav>details>summary).active .navIcon{
  background:
    linear-gradient(155deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.08) 42%,rgba(255,255,255,0) 43%),
    linear-gradient(180deg,rgba(185,255,228,.22),rgba(62,230,162,.10)) !important;
  border:1px solid rgba(220,255,240,.55) !important;
  color:#eafff6 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(62,230,162,.35),0 6px 16px -10px rgba(62,230,162,.7) !important;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
html:is(#en,html):is(#en2,html) .sidebar :is(nav>a,nav>details>summary).active{color:#fff !important;font-weight:700}
html:is(#en,html):is(#en2,html) .sidebar :is(nav>a,nav>details>summary).active .navIcon{width:38px !important;height:38px !important;min-width:38px !important;min-height:38px !important;max-height:none !important;flex:none !important;box-sizing:border-box !important}
/* v4.136 · smaragdni kristal */
html:is(#en,html):is(#en2,html) .sidebar :is(nav>a,nav>details>summary).active .navIcon{
  background:
    linear-gradient(150deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,.10) 38%,rgba(255,255,255,0) 39%),
    radial-gradient(120% 90% at 50% 110%,rgba(62,230,162,.55),transparent 60%),
    linear-gradient(180deg,#1aa874 0%,#0b7a52 55%,#065c3d 100%) !important;
  border:1px solid rgba(185,255,228,.7) !important;color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 6px rgba(3,40,26,.45),0 0 0 3px rgba(62,230,162,.12),0 10px 22px -10px rgba(31,214,140,.9) !important}
html:is(#en,html):is(#en2,html) .sidebar :is(nav>a,nav>details>summary).active .navIcon svg{filter:drop-shadow(0 1px 1px rgba(3,40,26,.5))}
html:is(#en,html):is(#en2,html) .sidebar :is(nav>a,nav>details>summary).active>span:not(.navIcon){color:#d9fff0 !important}
/* v4.137.0 · podpis dokumentov: izbira vrste pogodbe v ožjem, premium oknu */
html body.portalFocusSignChoose #d123FocusLayer .d123FocusShell{width:min(1080px,calc(100vw - 48px))!important;max-width:1080px!important;height:auto!important;max-height:calc(100dvh - 48px)!important;margin:auto!important;border-radius:28px!important}
html body.portalFocusSignChoose #d123FocusLayer{display:grid;place-items:center}
body.portalFocusSignChoose .ds-choose-head{text-align:center}
body.portalFocusSignChoose .ds-choose-head p{margin-inline:auto}
body.portalFocusSignChoose .ds-choice{position:relative;overflow:hidden;border-radius:24px!important;border:1px solid #e1ece6!important;background:linear-gradient(180deg,#fff,#f8fcfa)!important;box-shadow:0 1px 2px rgba(7,40,28,.05),0 24px 50px -36px rgba(7,60,40,.45)!important;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s!important}
body.portalFocusSignChoose .ds-choice:hover{transform:translateY(-3px);border-color:#9fdcc0!important;box-shadow:0 0 0 4px rgba(22,201,139,.08),0 34px 60px -36px rgba(7,100,64,.55)!important}
body.portalFocusSignChoose .ds-choice h3{font-size:24px!important;letter-spacing:-.03em}
@media(max-width:900px){html body.portalFocusSignChoose #d123FocusLayer .d123FocusShell{width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;border-radius:0!important}}