*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--boja-pozadina);color:var(--boja-tekst);font-family:var(--font-osnovni);font-size:var(--tekst-m);line-height:1.5;padding-bottom:96px;overflow-x:hidden}
a{color:var(--boja-info)}
h1{font-size:var(--tekst-xl);margin:var(--razmak-4) 0 var(--razmak-3)}
h2{font-size:var(--tekst-l);margin:var(--razmak-4) 0 var(--razmak-2)}
.preskoci{position:absolute;left:-999px;top:0;background:var(--boja-akcija-podloga);color:var(--boja-tekst-na-akciji);padding:var(--razmak-2) var(--razmak-3);z-index:1000}
.preskoci:focus{left:var(--razmak-2)}
.vidljivo-ne{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.zaglavlje{display:flex;align-items:center;justify-content:space-between;gap:var(--razmak-3);padding:var(--razmak-3) 16px;border-bottom:1px solid var(--boja-rub);background:var(--boja-pozadina-2);flex-wrap:wrap}
.logo{font-weight:800;font-size:var(--tekst-l);color:var(--boja-tekst);text-decoration:none}
.zaglavlje-desno{display:flex;gap:var(--razmak-2);align-items:center}
.godina-okvir select{padding:.55em .8em;background:var(--boja-povrsina);color:var(--boja-tekst);border:1px solid var(--boja-rub);border-radius:var(--radijus-s);font-size:var(--tekst-s)}
.glavna-nav{display:flex;flex-wrap:wrap;gap:var(--razmak-2);padding:var(--razmak-3) 16px;border-bottom:1px solid var(--boja-rub)}
.glavna-nav[hidden],.godina-okvir[hidden],.traka-upozorenje[hidden],.traka-info[hidden]{display:none}
.nav-veza{padding:.5em .9em;border-radius:var(--radijus-m);border:1px solid var(--boja-rub);color:var(--boja-tekst-2);text-decoration:none;font-size:var(--tekst-s);min-height:40px;display:inline-flex;align-items:center}
.nav-veza[aria-current]{background:var(--boja-povrsina);color:var(--boja-tekst);border-color:var(--boja-akcija)}
.zaslon{padding:0 16px var(--razmak-5);max-width:960px;margin:0 auto;outline:none}
.uska{max-width:560px;margin:0 auto}
.lead{color:var(--boja-tekst-2)}
.uputa{display:block;color:var(--boja-tekst-3);margin-top:var(--razmak-1);font-size:var(--tekst-s)}
.traka-upozorenje,.traka-info{margin:0;padding:var(--razmak-2) 16px;font-size:var(--tekst-s);color:var(--boja-tekst)}
.traka-upozorenje{background:var(--boja-upozorenje-podloga)}
.traka-info{background:var(--boja-povrsina)}
.gds-kartica{margin:var(--razmak-3) 0}
.gds-gumb{text-decoration:none;min-height:44px;justify-content:center}
.akcije{display:flex;flex-wrap:wrap;gap:var(--razmak-2);margin-top:var(--razmak-3);align-items:center}
.polje{margin-bottom:var(--razmak-2)}
.polje[hidden]{display:none}
.dva{display:grid;grid-template-columns:1fr 1fr;gap:var(--razmak-3)}
@media (max-width:420px){.dva{grid-template-columns:1fr}}
.greska,.greska-okvir{color:var(--boja-tekst);background:var(--boja-greska-podloga);border-radius:var(--radijus-s);padding:var(--razmak-2) var(--razmak-3);margin:var(--razmak-2) 0}
.greska[hidden]{display:none}
.upozorenje{color:var(--boja-tekst);background:var(--boja-upozorenje-podloga);border-radius:var(--radijus-s);padding:var(--razmak-2) var(--razmak-3)}
.popis{list-style:none;margin:var(--razmak-3) 0;padding:0;display:grid;gap:var(--razmak-2)}
.stavka{background:var(--boja-pozadina-2);border:1px solid var(--boja-rub);border-radius:var(--radijus-m);padding:0;display:flex;justify-content:space-between;align-items:center;gap:var(--razmak-3);flex-wrap:wrap}
.stavka>span,.stavka>small{padding:var(--razmak-3)}
.stavka>button{margin:var(--razmak-2)}
.stavka a{display:grid;grid-template-columns:auto 1fr auto;gap:var(--razmak-1) var(--razmak-3);padding:var(--razmak-3);text-decoration:none;color:var(--boja-tekst);width:100%;min-width:0}
.stavka .s-dob{grid-column:1/3;color:var(--boja-tekst-3);font-size:var(--tekst-s);overflow-wrap:anywhere}
.stavka .s-iznos{grid-column:3;grid-row:1/3;align-self:center}
.stavka .s-slika{font-size:var(--tekst-xs);color:var(--boja-tekst-3)}
.stavka--nepoznato{background:var(--boja-upozorenje-podloga)}
.pregled{display:grid;grid-template-columns:1fr 1fr;gap:var(--razmak-3);margin:var(--razmak-3) 0}
.detalji{display:grid;grid-template-columns:max-content 1fr;gap:var(--razmak-2) var(--razmak-4);margin:0}
.detalji dt{color:var(--boja-tekst-3)}
.detalji dd{margin:0;overflow-wrap:anywhere}
.pregled-slike img{max-width:100%;height:auto;border-radius:var(--radijus-m);margin-top:var(--razmak-3);display:block}
.tbl-okvir{overflow-x:auto;max-width:100%}
table{border-collapse:collapse;width:100%;font-size:var(--tekst-s)}
th,td{text-align:left;padding:var(--razmak-2);border-bottom:1px solid var(--boja-rub);vertical-align:top}
th{color:var(--boja-tekst-3);font-weight:600}
.br{text-align:right;white-space:nowrap}
.jednostavna{margin:var(--razmak-2) 0;padding-left:1.2em}
.upozorenja li{margin-bottom:var(--razmak-2);overflow-wrap:anywhere}
.napomena{color:var(--boja-tekst-3);font-size:var(--tekst-s)}
.pregled-tekst{background:var(--boja-povrsina);border-radius:var(--radijus-s);padding:var(--razmak-3);overflow-x:auto;font-family:var(--font-mono);font-size:var(--tekst-xs);max-width:100%}
code,.dio{font-family:var(--font-mono);font-size:var(--tekst-s);overflow-wrap:anywhere;word-break:break-all}
.dijelovi{list-style:none;padding:0;margin:var(--razmak-3) 0;display:grid;gap:var(--razmak-3)}
.dijelovi li{background:var(--boja-povrsina);border-radius:var(--radijus-s);padding:var(--razmak-3);display:grid;gap:var(--razmak-2)}
.potvrda{display:flex;gap:var(--razmak-2);align-items:flex-start;margin:var(--razmak-3) 0;color:var(--boja-tekst);font-size:var(--tekst-s)}
.potvrda input{width:auto!important;margin-top:.25em}
.gds-forma .potvrda{display:flex;font-size:var(--tekst-s);color:var(--boja-tekst)}
.ucitava{color:var(--boja-tekst-3)}
.gds-prazno a{color:var(--boja-info)}
:focus-visible{outline:2px solid var(--boja-akcija);outline-offset:2px}
textarea{resize:vertical}
.uputa,.upozorenje,.detalji dd,.jednostavna li,.gds-kartica small,.gds-kartica p{overflow-wrap:anywhere;word-break:break-word}
.gds-kartica{min-width:0;max-width:100%}
.pregled-tekst{white-space:pre;max-width:100%;overflow-x:auto}

.qr-okvir{display:flex;justify-content:center;margin:var(--razmak-3) 0}
.qr-platno{width:220px;max-width:100%;height:auto;border-radius:var(--radijus-s);background:#fff}
details#rucni-token{margin:var(--razmak-4) 0}
details summary{cursor:pointer;color:var(--boja-tekst-2);padding:var(--razmak-2) 0}