/* Prijava za stranke (podlipnik.si/pomoc/stranke/): videz nove spletne strani – temno modro, Inter + Instrument Serif.
   Velja samo za html.portal (stran za stranke); prijava za tehnike na /admin ostane nespremenjena. */
@font-face{font-family:'PD Inter';src:url('inter-var-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'PD Inter';src:url('inter-var-latin-ext.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:'PD Serif';src:url('instrument-serif-italic-latin.woff2') format('woff2');font-style:italic;font-display:swap}
@font-face{font-family:'PD Serif';src:url('instrument-serif-italic-latin-ext.woff2') format('woff2');font-style:italic;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}

html.portal.portal.portal.portal body{background:#050914}
html.portal.portal.portal.portal #v-login.auth{
  --pl-bg:#050914;--pl-panel:#0a1226;--pl-line:#1a2645;--pl-muted:#94a3c4;--pl-text:#eef2ff;--pl-accent:#6d8cff;
  --pl-grad:linear-gradient(135deg,#7b96ff,#4767dc);--pl-out:cubic-bezier(.23,1,.32,1);
  position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(24px,5vw,80px);
  padding:clamp(24px,5vw,72px);background:radial-gradient(ellipse at 15% 10%,#1c2c7a55,transparent 55%),radial-gradient(ellipse at 90% 100%,#0e4a8a40,transparent 50%),var(--pl-bg);
  font-family:'PD Inter',Inter,system-ui,sans-serif;color:var(--pl-text);overflow:hidden;isolation:isolate
}
html.portal.portal.portal.portal #v-login.auth::before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 30% 40%,#000 10%,transparent 70%);pointer-events:none}
html.portal.portal.portal.portal #v-login.auth::after{display:none}
html.portal.portal.portal.portal #v-login .portal-sky{position:absolute;inset:0;z-index:-2;opacity:.55}
html.portal.portal.portal.portal #v-login .portal-glow{position:absolute;z-index:-1;width:60vw;height:60vw;left:-18vw;top:-22vw;border-radius:50%;background:#3b5bdb;filter:blur(120px);opacity:.25;animation:pl-drift 18s ease-in-out infinite alternate}
@keyframes pl-drift{to{transform:translate(10vw,8vw) scale(1.15)}}

/* Levo: besedilo in predogled portala */
html.portal.portal.portal.portal #v-login .portal-words{max-width:620px;justify-self:end;animation:pl-up .9s var(--pl-out) both}
html.portal.portal.portal.portal #v-login .portal-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:#8aa4ff;font:600 12px/1 'PD Inter',sans-serif;letter-spacing:.14em;text-transform:uppercase}
html.portal.portal.portal.portal #v-login .portal-eyebrow::before{content:'';width:28px;height:1px;background:currentColor}
html.portal.portal.portal.portal #v-login .portal-words h2{margin:0 0 20px;font:600 clamp(42px,5.4vw,80px)/.98 'PD Inter',sans-serif;letter-spacing:-.045em;color:#fff;text-wrap:balance}
html.portal.portal.portal.portal #v-login .portal-words h2 span{font-family:'PD Serif',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.02em;color:#a9bbff;background:none;-webkit-text-fill-color:currentColor}
html.portal.portal.portal.portal #v-login .portal-lead{margin:0 0 26px;color:#c3cbe0;font-size:17px;line-height:1.55;max-width:520px}
html.portal.portal.portal.portal #v-login .portal-words ul{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px;padding:0;list-style:none}
html.portal.portal.portal.portal #v-login .portal-words li{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--pl-line);background:#ffffff08;font-size:13px;color:#dbe3ff}
html.portal.portal.portal.portal #v-login .portal-words li::before{content:'';width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 3px #4ade8026}
html.portal.portal.portal.portal #v-login .pl-preview{display:grid;gap:10px;max-width:460px;padding:16px;border-radius:20px;border:1px solid var(--pl-line);background:#0a1226cc;backdrop-filter:blur(10px);box-shadow:0 40px 100px -40px #000}
html.portal.portal.portal.portal #v-login .pl-preview>small{color:var(--pl-muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
html.portal.portal.portal.portal #v-login .pl-pc{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:#0f1a33;border:1px solid #ffffff08;opacity:0;animation:pl-up .6s var(--pl-out) forwards;animation-delay:calc(.35s + var(--i) * .12s)}
html.portal.portal.portal.portal #v-login .pl-pc i{width:9px;height:9px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 0 #4ade80;animation:pl-ping 2s infinite}
html.portal.portal.portal.portal #v-login .pl-pc i.off{background:#52525b;animation:none;box-shadow:none}
html.portal.portal.portal.portal #v-login .pl-pc b{flex:1;font-size:14px;font-weight:600}
html.portal.portal.portal.portal #v-login .pl-pc span{font-size:12px;color:var(--pl-muted)}
@keyframes pl-ping{70%{box-shadow:0 0 0 8px #4ade8000}100%{box-shadow:0 0 0 0 #4ade8000}}
@keyframes pl-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* Desno: kartica s prijavo */
html.portal.portal.portal.portal #v-login .auth-card{
  justify-self:start;width:min(440px,100%);padding:clamp(26px,3.4vw,40px);border-radius:28px;border:1px solid #2a3a66;
  background:linear-gradient(180deg,#0e1830f2,#08101fe6);backdrop-filter:blur(18px);
  box-shadow:0 50px 120px -40px #000,0 0 0 1px #ffffff06 inset,0 1px 0 #ffffff14 inset;animation:pl-up .8s var(--pl-out) .1s both;color:var(--pl-text)
}
html.portal.portal.portal.portal #v-login .auth-card::before{content:'';position:absolute;inset:-1px;z-index:-1;border-radius:inherit;padding:1px;background:linear-gradient(140deg,#8aa4ff88,transparent 40%,transparent 60%,#3b5bdb66);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
html.portal.portal.portal.portal #v-login .auth-card .brand{display:flex;align-items:center;gap:12px;margin:0 0 26px;color:#fff;font:700 18px 'PD Inter',sans-serif;letter-spacing:-.03em;text-decoration:none}
html.portal.portal.portal.portal #v-login .auth-card .brand .mark{width:40px;height:40px;padding:0;background:none;border:0;box-shadow:none}
html.portal.portal.portal.portal #v-login .auth-card .brand .mark img{width:40px;height:40px;filter:drop-shadow(0 6px 18px #3b5bdb66)}
html.portal.portal.portal.portal #v-login .auth-card .brand::after{display:none}
html.portal.portal.portal.portal #v-login .auth-card h1{margin:0 0 6px;font:600 34px/1.05 'PD Inter',sans-serif;letter-spacing:-.04em;color:#fff}
html.portal.portal.portal.portal #v-login .auth-card .sub{margin:0 0 24px;color:var(--pl-muted);font-size:15px}
html.portal.portal.portal.portal #v-login .auth-card .faint,html.portal.portal.portal.portal #v-login .auth-card small,html.portal.portal.portal.portal #v-login .auth-card .check{color:var(--pl-muted)}
html.portal.portal.portal.portal #v-login .auth-card .field{margin-bottom:16px}
html.portal.portal.portal.portal #v-login .auth-card label,html.portal.portal.portal.portal #v-login .auth-card .field label{color:#c3cbe0;font-size:13px;font-weight:600;margin-bottom:7px}
html.portal.portal.portal.portal #v-login .auth-card .input{height:50px;border-radius:14px;border:1px solid var(--pl-line);background:#060c1c;color:#fff;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s}
html.portal.portal.portal.portal #v-login .auth-card .input::placeholder{color:#5b6890}
html.portal.portal.portal.portal #v-login .auth-card .input:hover{border-color:#2a3a66}
html.portal.portal.portal.portal #v-login .auth-card .input:focus{outline:0;border-color:var(--pl-accent);background:#081129;box-shadow:0 0 0 4px #6d8cff2e}
html.portal.portal.portal.portal #v-login .auth-card .iw .ico,html.portal.portal.portal.portal #v-login .auth-card .iw button{color:#7f8db5}
html.portal.portal.portal.portal #v-login .auth-card .check input{accent-color:#6d8cff}
html.portal.portal.portal.portal #v-login .auth-card .btn.lg{height:52px;border-radius:999px;font:700 15px 'PD Inter',sans-serif;letter-spacing:-.01em;transition:transform .2s var(--pl-out),box-shadow .2s,filter .2s}
html.portal.portal.portal.portal #v-login .auth-card .btn.lg:not(.ghost){background:var(--pl-grad);border:0;color:#fff;box-shadow:0 14px 40px -14px #4767dc}
html.portal.portal.portal.portal #v-login .auth-card .btn.lg:not(.ghost):hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 18px 50px -14px #6d8cff}
html.portal.portal.portal.portal #v-login .auth-card .btn.lg:active{transform:scale(.98)}
html.portal.portal.portal.portal #v-login .auth-card .btn.ghost{margin-top:10px;background:#ffffff08;border:1px solid #2a3a66;color:#dbe3ff}
html.portal.portal.portal.portal #v-login .auth-card .btn.ghost:hover{border-color:var(--pl-accent);color:#fff}
html.portal.portal.portal.portal #v-login .auth-card .linkish,html.portal.portal.portal.portal #v-login .portal-back{color:#8aa4ff;font-weight:600}
html.portal.portal.portal.portal #v-login .portal-back{display:inline-block;margin-top:18px;font-size:13px;text-decoration:none}
html.portal.portal.portal.portal #v-login .portal-back:hover{color:#fff}
html.portal.portal.portal.portal #v-login .err{border-radius:12px;background:#7f1d1d33;border:1px solid #ef444455;color:#fecaca}
html.portal.portal.portal.portal #v-login .ok-msg{border-radius:12px;background:#14532d33;border:1px solid #22c55e55;color:#bbf7d0}
html.portal.portal.portal.portal #v-login .auth-card :focus-visible{outline:2px solid #8aa4ff;outline-offset:3px}

@media(max-width:900px){
  html.portal.portal.portal.portal #v-login.auth{grid-template-columns:1fr;align-content:start;padding:28px 16px 40px;gap:28px}
  html.portal.portal.portal.portal #v-login .portal-words,html.portal.portal.portal.portal #v-login .auth-card{justify-self:center;width:100%;max-width:460px}
  html.portal.portal.portal.portal #v-login .portal-words h2{font-size:clamp(36px,10vw,52px)}
  html.portal.portal.portal.portal #v-login .portal-lead{font-size:15px;margin-bottom:16px}
  html.portal.portal.portal.portal #v-login .portal-words ul{margin-bottom:0}
  html.portal.portal.portal.portal #v-login .pl-preview{display:none}
  /* Na telefonu najprej obrazec, besedilo pod njim. */
  html.portal.portal.portal.portal #v-login .auth-card{order:-1}
  html.portal.portal.portal.portal #v-login .portal-words h2{font-size:clamp(30px,8vw,40px)}
  html.portal.portal.portal.portal #v-login .portal-words li{width:auto}
}
@media(prefers-reduced-motion:reduce){
  html.portal.portal.portal.portal #v-login *,html.portal.portal.portal.portal #v-login .portal-glow{animation:none!important;transition:none!important}
  html.portal.portal.portal.portal #v-login .pl-pc{opacity:1}
}