/* ARXO — vaučer, greške prijave i jezik u zaglavlju (početna stranica) */
.vc{margin:16px 0 4px;padding:16px 18px;border-radius:18px;border:1px solid var(--ember-line,rgba(91,108,240,.35));background:linear-gradient(135deg,rgba(91,108,240,.12),rgba(91,108,240,.03))}
.vc-glava{display:flex;gap:14px;align-items:center}
.vc-glava h3{margin:0;font:700 18px/1.2 var(--f-disp,inherit);letter-spacing:-.01em}
.vc-glava p{margin:3px 0 0;color:var(--text-2,#c9cde0);font-size:13.5px}
.vc-znak{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--ember,#5b6cf0);color:#fff}
.vc-znak svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6}
.vc-red{display:grid;grid-template-columns:1fr auto;gap:8px 10px;align-items:end;margin-top:14px}
.vc-l{grid-column:1 / -1;font:600 11px/1 var(--f-mono,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--muted,#8a90a8)}
.vc-red input,.vc-str input{min-width:0;height:46px;padding:0 14px;border-radius:12px;border:1px solid var(--line-2,rgba(255,255,255,.18));background:rgba(255,255,255,.05);color:inherit;font:600 16px/1 var(--f-mono,ui-monospace,monospace);letter-spacing:.08em;text-transform:uppercase}
.vc-red input::placeholder,.vc-str input::placeholder{letter-spacing:.04em;text-transform:none;font-weight:400;opacity:.6}
.vc-red input:focus-visible,.vc-str input:focus-visible{outline:2px solid var(--ember,#5b6cf0);outline-offset:1px}
.vc-red .g-glavni{height:46px;white-space:nowrap}
.vc-greska{margin:10px 0 0;color:#ff9f8f;font-size:13.5px;min-height:0}.vc-greska:empty{display:none}
.vc-greska[data-v=info]{color:var(--text-2,#cdd3ff)}
.vc-pregled{margin-top:14px}
.vc-k{padding:16px;border-radius:14px;background:rgba(0,0,0,.18);border:1px solid var(--line-2,rgba(255,255,255,.14))}
.vc-k.vc-ok{border-color:#46c98b;background:rgba(70,201,139,.1)}
.vc-nad{font:600 11px/1.3 var(--f-mono,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--ember-2,#8fa0ff)}
.vc-ok .vc-nad{color:#46c98b}
.vc-nad code{font:inherit;letter-spacing:.06em;color:var(--text,#fff)}
.vc-k h4{margin:6px 0 10px;font:700 20px/1.2 var(--f-disp,inherit)}
.vc-dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:13.5px}
.vc-dl dt{color:var(--muted,#8a90a8)}.vc-dl dd{margin:0;min-width:0}
.vc-f{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:4px 6px}
.vc-f li{padding:2px 8px;border-radius:999px;background:rgba(91,108,240,.16);font-size:12px}
.vc-izbor{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px;margin:12px 0 4px}
.vc-izbor label{display:flex;gap:8px;align-items:center;padding:8px 10px;border-radius:10px;border:1px solid var(--line-2,rgba(255,255,255,.14));cursor:pointer;font-size:13px}
.vc-izbor label:has(input:checked){border-color:var(--ember,#5b6cf0);background:rgba(91,108,240,.14)}
.vc-izbor input{accent-color:var(--ember,#5b6cf0)}
.vc-broj{margin:4px 0 0;font:600 12px var(--f-mono,monospace);color:var(--muted,#8a90a8)}
.vc-ucinak{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:rgba(91,108,240,.1);font-size:13.5px;line-height:1.55}
.vc-upoz{margin:8px 0 0;padding:10px 12px;border-radius:10px;background:rgba(242,178,51,.14);color:var(--text,#fff);font-size:13px}
.vc-sitno{margin:10px 0 0;font-size:12.5px;color:var(--muted,#8a90a8)}
.vc-gumbi{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:14px}
.vc-str{display:grid;grid-template-columns:1.2fr 1fr auto;gap:12px;align-items:center;margin:14px 0 6px;padding:14px 16px;border-radius:18px;border:1px dashed var(--ember-line,rgba(91,108,240,.5));background:rgba(91,108,240,.06)}
.vc-str b{display:block;font:700 16px var(--f-disp,inherit)}
.vc-str span{display:block;font-size:13px;color:var(--muted,#5c6378)}
.u-greska{margin:10px 0 0;padding:9px 12px;border-radius:10px;background:rgba(255,95,95,.12);color:#ff9f8f;font-size:13.5px}
.r-greska{margin:10px 0 0;font-size:14px}
.vrh-jezik{margin-right:4px}
.vrh-admin{border-color:var(--ember-line,rgba(91,108,240,.5))!important}
.stanje.pregled{background:rgba(242,178,51,.18)!important;color:#f2b233!important}
[data-tema=svijetla] .vc-k{background:rgba(255,255,255,.7)}
[data-tema=svijetla] .vc-red input,[data-tema=svijetla] .vc-str input{background:#fff}
[data-tema=svijetla] .u-greska,[data-tema=svijetla] .vc-greska{color:#b3261e}
@media (max-width:720px){
  .vc{padding:14px}
  .vc-red{grid-template-columns:1fr}
  .vc-red .g-glavni{width:100%}
  .vc-str{grid-template-columns:1fr}
  .vc-dl{grid-template-columns:1fr}.vc-dl dt{margin-top:4px}
}

/* zaglavlje prijavljenog korisnika (poslužitelj): sažeto da stane u jedan red */
.vrh-desno .korisnik small{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.vrh-desno .korisnik span{min-width:0}
@media (max-width:1500px){.vrh-desno #gRacun,.vrh-desno #gAdmin{padding-left:10px;padding-right:10px}.vrh-desno .korisnik small{max-width:120px}}
@media (max-width:1360px){.vrh-desno #gPaketi{display:none}}

/* poslužitelj: radnje računa u izborniku na korisniku */
.rc-posluzitelj .vrh-desno #gRacun,.rc-posluzitelj .vrh-desno #gAdmin,.rc-posluzitelj .vrh-desno #gPaketi,.rc-posluzitelj .vrh-desno #gOdjava,.rc-posluzitelj .vrh-desno #gProfil{display:none!important}
.rc-posluzitelj .korisnik[aria-haspopup]{cursor:pointer}
.rc-posluzitelj .korisnik[aria-haspopup]::after{content:'▾';font-size:11px;opacity:.7;margin-left:2px}
.ko-meni{position:fixed;z-index:3000;min-width:240px;padding:6px;border-radius:14px;background:var(--surface,#121528);border:1px solid var(--line-2,rgba(255,255,255,.14));box-shadow:0 20px 50px rgba(0,0,0,.4);display:flex;flex-direction:column}
.ko-meni[hidden]{display:none}
.ko-meni a,.ko-meni button{display:block;text-align:left;padding:10px 12px;border-radius:9px;border:0;background:none;color:var(--text,#fff);font:500 14px/1.3 var(--f-sans,inherit);text-decoration:none;cursor:pointer}
.ko-meni a:hover,.ko-meni button:hover,.ko-meni a:focus-visible,.ko-meni button:focus-visible{background:rgba(91,108,240,.16);outline:none}
.ko-meni [data-ko=odjava]{border-top:1px solid var(--line-2,rgba(255,255,255,.12));border-radius:0 0 9px 9px;margin-top:4px}
@media (max-width:1180px){.rc-posluzitelj .vrh-desno .korisnik > span{display:none}}