/* Ekran prijave, prve prijave i strane naloga — zajednički izgled (11.10.2026, odobrena skica „Prijava firme").
   Tamna podloga sa mrežom, crveni sjaj, laser (samo bez prefers-reduced-motion); levo logo i naziv firme, desno ploča.
   Koristi ga ekran prijave u aplikaciji (#login-screen) i /nalog.html. Bez spoljnih fontova (vendor/fonts). */
.pz{--pz-bg:#050505;--pz-tekst:#f4f4f2;--pz-siv:#a3a3a0;--pz-siv2:#8d8d8a;--pz-crv:#e5231f;--pz-dug:#d4211d;--pz-ivica:rgba(244,244,242,.22);
  --pz-greska:#ff7a6e;--pz-info:#8cb8ff;--pz-upoz:#f2b950;--pz-ok:#5fd394;
  --pz-mono:'JetBrains Mono','IBM Plex Mono',ui-monospace,Menlo,monospace;--pz-sans:'Schibsted Grotesk','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  position:fixed;inset:0;z-index:20000;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;background:var(--pz-bg);color:var(--pz-tekst);
  font-family:var(--pz-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;color-scheme:dark;}
/* 12.10.2026: dok je prijava na ekranu, i strana ispod je tamna — iOS 26 Safari boji traku sa satom i baterijom po pozadini strane (theme-color
   ne čita); html.pz-odjava = strana posle odjave pre odgovora servera (js/ios_ikona.js) — ljuska aplikacije se ne prikazuje */
html.pz-odjava,html.pz-odjava body,html:has(body.login-active),body.login-active{background:#050505;}
html.pz-odjava body>*:not(.pz){visibility:hidden;}
.pz *,.pz *::before,.pz *::after{box-sizing:border-box;}
.pz a{color:var(--pz-tekst);text-decoration:none;}
.pz a:hover{color:#fff;text-decoration:none;}
.pz :focus-visible{outline:2px solid var(--pz-tekst);outline-offset:3px;}
.pz-sc{position:relative;flex:1 0 auto;min-height:100%;display:grid;grid-template-rows:auto 1fr auto;isolation:isolate;overflow:hidden;}
.pz-mreza{position:absolute;inset:0;z-index:-3;pointer-events:none;background-image:linear-gradient(rgba(244,244,242,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(244,244,242,.06) 1px,transparent 1px);
  background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 35% 50%,#000 25%,transparent 85%);mask-image:radial-gradient(ellipse 80% 70% at 35% 50%,#000 25%,transparent 85%);}
.pz-sjaj{position:absolute;left:32%;top:50%;width:820px;height:820px;transform:translate(-50%,-50%);z-index:-2;pointer-events:none;background:radial-gradient(closest-side,rgba(229,35,31,.12),transparent 70%);filter:blur(40px);}
.pz-laser{position:absolute;left:50%;top:50%;width:170vmax;height:1px;z-index:-2;pointer-events:none;opacity:0;--a:-12deg;
  background:linear-gradient(90deg,transparent,rgba(229,35,31,.12) 18%,rgba(255,92,80,.85) 50%,rgba(229,35,31,.12) 82%,transparent);box-shadow:0 0 6px 1px rgba(229,35,31,.45);
  animation:pz-prolaz 17s linear -6s infinite;}
@keyframes pz-prolaz{0%{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-62vmax);opacity:0}8%,92%{opacity:.5}100%{transform:translate(-50%,-50%) rotate(var(--a)) translateY(62vmax);opacity:0}}
@media (prefers-reduced-motion:reduce){.pz-laser{display:none;animation:none;}}
.pz-oz{font-family:var(--pz-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--pz-siv2);display:inline-flex;align-items:center;gap:10px;white-space:nowrap;min-width:0;}
.pz-oz>em{flex:none;width:8px;height:8px;border-radius:50%;background:var(--pz-crv);display:inline-block;}
.pz-oz>span{overflow:hidden;text-overflow:ellipsis;}
.pz-gore{display:flex;justify-content:space-between;align-items:center;padding:22px 48px 0;min-width:0;}
.pz-sad{display:grid;grid-template-columns:minmax(0,1fr) 440px;column-gap:96px;align-items:center;max-width:1240px;width:100%;margin:0 auto;padding:32px 48px;}
.pz-firma{display:flex;flex-direction:column;gap:22px;min-width:0;}
.pz-firma img{width:72px;height:72px;border-radius:14px;object-fit:contain;}
.pz-firma h1{margin:0;font-weight:900;font-size:76px;line-height:.92;letter-spacing:-.05em;overflow-wrap:anywhere;}
.pz-firma p{margin:0;color:var(--pz-siv);font-size:18px;line-height:1.5;max-width:40ch;}
.pz-ploca{background:rgba(12,12,12,.86);border:1px solid rgba(244,244,242,.14);padding:36px 36px 30px;box-shadow:0 40px 120px rgba(0,0,0,.6);min-width:0;}
.pz-ploca h2{margin:12px 0 26px;font-weight:800;font-size:30px;letter-spacing:-.03em;line-height:1.1;}
.pz-ko{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-10px 0 22px;font-family:var(--pz-mono);font-size:13px;color:var(--pz-siv);min-width:0;}
.pz-ko>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pz-fg{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;}
.pz-fg>label{font-family:var(--pz-mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--pz-siv);}
.pz-pol{display:flex;align-items:center;height:50px;border:1px solid var(--pz-ivica);background:#0a0a0a;padding:0 14px;}
.pz-pol:focus-within{border-color:var(--pz-crv);box-shadow:0 0 0 3px rgba(229,35,31,.18);}
.pz-pol input{flex:1;min-width:0;height:100%;border:none;outline:none;background:transparent;color:var(--pz-tekst);font:500 16px var(--pz-sans);padding:0;}
.pz-pol input:focus-visible{outline:none;}
.pz-pol input.pz-mono{font-family:var(--pz-mono);font-size:20px;letter-spacing:.06em;text-transform:uppercase;}
.pz-pol input::placeholder{color:#6f6f6c;}
.pz-pol input:-webkit-autofill{-webkit-text-fill-color:var(--pz-tekst);-webkit-box-shadow:0 0 0 40px #0a0a0a inset;caret-color:var(--pz-tekst);}
.pz-tiho,.pz-pol button{border:none;background:none;color:var(--pz-siv2);font-family:var(--pz-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:0 0 0 10px;min-height:44px;cursor:pointer;}
.pz-tiho:hover,.pz-pol button:hover{color:var(--pz-tekst);}
.pz-dug{display:flex;align-items:center;justify-content:center;width:100%;height:52px;border:none;background:var(--pz-dug);color:#fff;font:700 16px var(--pz-sans);letter-spacing:-.01em;margin-top:6px;cursor:pointer;}
.pz-dug:hover{background:#e0261f;}
.pz-dug:disabled{opacity:.5;cursor:default;}
.pz-dug.pz-dug2{background:transparent;border:1px solid var(--pz-ivica);color:var(--pz-tekst);}
.pz-poruka{min-height:20px;margin:-6px 0 10px;font-size:14px;line-height:1.45;color:var(--pz-greska);}
.pz-poruka:empty{min-height:0;margin:0;}
.pz-poruka.info{color:var(--pz-info);}.pz-poruka.upoz{color:var(--pz-upoz);}.pz-poruka.ok{color:var(--pz-ok);}.pz-poruka.siv{color:var(--pz-siv);}
.pz-vez{display:flex;justify-content:space-between;gap:12px;margin-top:22px;padding-top:20px;border-top:1px solid rgba(244,244,242,.10);flex-wrap:wrap;}
.pz-vez:empty{display:none;}
.pz-vez a,.pz-vez button{display:inline-flex;align-items:center;gap:10px;font-family:var(--pz-mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--pz-tekst);background:none;border:none;padding:0;min-height:44px;cursor:pointer;}
.pz-vez a::before,.pz-vez button::before{content:'';flex:none;width:6px;height:6px;border-radius:50%;background:var(--pz-crv);}
.pz-vez .desno{margin-left:auto;}
.pz-vez .siv{color:var(--pz-siv);}.pz-vez .siv::before{background:rgba(244,244,242,.3);}
.pz-vez button:disabled{opacity:.5;cursor:default;}
.pz-cek{display:flex;align-items:center;gap:12px;margin:2px 0 16px;color:#d0d0cd;font-size:15px;cursor:pointer;}
.pz .pz-cek input{appearance:none;-webkit-appearance:none;flex:none;width:20px;height:20px;margin:0;border:1px solid rgba(244,244,242,.35);background:#0a0a0a;cursor:pointer;display:inline-grid;place-content:center;}
.pz .pz-cek input:checked{background:var(--pz-crv);border-color:var(--pz-crv);}
.pz .pz-cek input:checked::after{content:'';width:10px;height:5px;border:solid #fff;border-width:0 0 2.5px 2.5px;transform:translateY(-1px) rotate(-45deg);}
.pz .pz-cek input:focus-visible{outline:2px solid var(--pz-tekst);outline-offset:3px;}
/* šestocifreni kod: jedno pravo polje preko šest ćelija (lepljenje, automatsko popunjavanje, čitač ekrana) */
.pz-kod{position:relative;margin-bottom:18px;}
.pz-kod input{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:none;background:transparent;color:transparent;caret-color:transparent;font-size:16px;z-index:1;cursor:text;}
.pz-celije{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;}
.pz-celije span{height:60px;display:flex;align-items:center;justify-content:center;border:1px solid var(--pz-ivica);background:#0a0a0a;font:500 26px var(--pz-mono);color:var(--pz-tekst);}
.pz-kod:focus-within .pz-celije span.akt{border-color:var(--pz-crv);box-shadow:0 0 0 3px rgba(229,35,31,.18);}
.pz-kod.slobodno input{position:static;opacity:1;height:50px;padding:0 14px;border:1px solid var(--pz-crv);background:#0a0a0a;color:var(--pz-tekst);caret-color:var(--pz-tekst);font:500 20px var(--pz-mono);letter-spacing:.06em;text-transform:uppercase;outline:none;}
.pz-kod.slobodno .pz-celije{display:none;}
/* prvo podešavanje dvostruke provere i rezervni kodovi */
.pz-qr{display:flex;gap:18px;align-items:center;margin:0 0 18px;}
.pz-qr img{flex:none;width:148px;height:148px;background:#fff;padding:6px;}
.pz-qr .pz-tajna{font-family:var(--pz-mono);font-size:13px;letter-spacing:.08em;color:var(--pz-tekst);user-select:all;overflow-wrap:anywhere;margin-top:6px;display:block;}
.pz-qr .pz-mali{font-family:var(--pz-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--pz-siv);}
.pz-red{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:baseline;margin:0 0 10px;font-size:15px;color:#d0d0cd;}
.pz-red>b{font-family:var(--pz-mono);font-size:12px;font-weight:500;color:var(--pz-siv2);}
.pz-kodovi{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;padding:14px 16px;border:1px solid var(--pz-ivica);background:#0a0a0a;margin-bottom:6px;font:500 15px var(--pz-mono);letter-spacing:.04em;}
.pz-kodovi>div{white-space:nowrap;}
.pz-vazi{font-family:var(--pz-mono);font-size:12px;color:var(--pz-siv);margin:-14px 0 18px;}
/* strana naloga (/nalog.html): redovi naziv · vrednost */
.pz-redovi{margin:0 0 18px;border-top:1px solid rgba(244,244,242,.10);}
.pz-redovi .red{display:grid;grid-template-columns:8px 120px minmax(0,1fr);gap:0 12px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(244,244,242,.10);font-size:14px;}
.pz-redovi .tacka{width:8px;height:8px;border-radius:50%;background:rgba(244,244,242,.3);}
.pz-redovi .tacka.ok{background:var(--pz-ok);}.pz-redovi .tacka.greska{background:var(--pz-crv);}.pz-redovi .tacka.upozorenje{background:var(--pz-upoz);}
.pz-redovi .naziv{font-family:var(--pz-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--pz-siv);}
.pz-redovi .vrednost{color:var(--pz-tekst);overflow-wrap:anywhere;}
.pz-redovi .vrednost.greska{color:var(--pz-greska);font-weight:600;}
.pz-tekst{font-size:14px;color:#d0d0cd;margin:0 0 16px;}
.pz-tekst b{color:var(--pz-tekst);}
.pz-dno{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 48px 24px;}
.pz-dno nav{display:flex;gap:22px;flex-wrap:wrap;}
.pz-dno nav a{font-family:var(--pz-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--pz-siv2);display:inline-flex;align-items:center;min-height:32px;}
.pz-dno nav a:hover{color:var(--pz-tekst);}
.pz-dno nav .kratko{display:none;}
.pz-dno nav .dugo{display:inline;}
.pz-na{display:inline-flex;align-items:baseline;gap:10px;font-family:var(--pz-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--pz-siv2);}
.pz-znak{font-family:var(--pz-sans);text-transform:none;font-weight:900;font-size:20px;letter-spacing:-.05em;display:inline-flex;align-items:baseline;color:var(--pz-tekst);}
.pz-znak span{font-weight:400;}
.pz-znak i{display:inline-block;width:.18em;height:.18em;margin-left:.06em;border-radius:50%;background:var(--pz-crv);}
.pz-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
@media (max-width:1100px){.pz-sad{column-gap:56px;grid-template-columns:minmax(0,1fr) 420px;}.pz-firma h1{font-size:60px;}}
/* telefon i uski prozori (skica „Prijava — telefon", 390 px) */
@media (max-width:860px){
  .pz-mreza{background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse 90% 60% at 50% 28%,#000 25%,transparent 85%);mask-image:radial-gradient(ellipse 90% 60% at 50% 28%,#000 25%,transparent 85%);}
  .pz-sjaj{left:50%;top:22%;width:520px;height:520px;filter:blur(30px);background:radial-gradient(closest-side,rgba(229,35,31,.14),transparent 70%);}
  .pz-laser{display:none;}
  .pz-gore{padding:20px 20px 0;}
  .pz-oz{font-size:11px;letter-spacing:.16em;gap:9px;}.pz-oz>em{width:7px;height:7px;}
  .pz-sad{display:flex;flex-direction:column;align-items:stretch;padding:48px 20px 24px;max-width:520px;}
  .pz-firma{gap:14px;}
  .pz-firma img{width:56px;height:56px;border-radius:12px;}
  .pz-firma h1{font-size:46px;}
  .pz-firma p{display:none;}
  .pz-ploca{margin-top:36px;background:none;border:none;box-shadow:none;padding:0;}
  .pz-ploca[data-korak="prijava"]>.pz-oz,.pz-ploca[data-korak="prijava"]>h2{display:none;}
  .pz-ploca h2{font-size:26px;margin:10px 0 20px;}
  .pz-fg{margin-bottom:16px;}.pz-fg>label{font-size:11px;}
  .pz-pol{height:52px;}
  .pz-dug{height:54px;margin-top:4px;}
  .pz-vez{margin-top:18px;padding-top:12px;gap:10px;}
  .pz-vez a,.pz-vez button{font-size:11px;letter-spacing:.14em;gap:9px;}
  .pz-celije{gap:6px;}.pz-celije span{height:54px;font-size:22px;}
  .pz-qr img{width:128px;height:128px;}
  .pz-dno{padding:0 20px 18px;align-items:baseline;}
  .pz-dno nav{gap:6px;flex-wrap:nowrap;}.pz-dno nav .dugo{display:none;}.pz-dno nav .kratko{display:inline;}
  .pz-dno nav a+a::before{content:'·';margin-right:6px;}
  .pz-na{font-size:10.5px;gap:9px;}.pz-znak{font-size:17px;}
  .pz-redovi .red{grid-template-columns:8px 96px minmax(0,1fr);}
}
@media (max-width:380px){.pz-qr{flex-direction:column;align-items:flex-start;}.pz-kodovi{grid-template-columns:1fr;}}