/* genesis-ui.css v1 — GDS komponente (c1908/c1911). Boje ISKLJUČIVO iz genesis-tokens.css. */
.gds-gumb{display:inline-flex;align-items:center;gap:.5em;padding:.65em 1.3em;border-radius:var(--radijus-m);border:1px solid transparent;background:var(--boja-akcija-podloga);color:var(--boja-tekst-na-akciji);font-size:var(--tekst-s);font-weight:700;font-family:var(--font-osnovni);cursor:pointer;transition:filter .15s,opacity .15s}
.gds-gumb:hover{filter:brightness(1.12)}
.gds-gumb:disabled{opacity:.55;cursor:wait}
.gds-gumb--sekundarni{background:transparent;color:var(--boja-tekst-2);border-color:var(--boja-rub)}
.gds-gumb--uspjeh{background:var(--boja-uspjeh-podloga);color:var(--boja-tekst)}
.gds-gumb--opasno{background:var(--boja-greska-podloga);color:var(--boja-tekst)}
.gds-kartica{background:var(--boja-pozadina-2);border:1px solid var(--boja-rub);border-radius:var(--radijus-m);padding:var(--razmak-4);box-shadow:var(--sjena-1);color:var(--boja-tekst)}
.gds-kartica__naslov{font-size:var(--tekst-xs);color:var(--boja-tekst-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--razmak-1)}
.gds-kartica__vrijednost{font-size:var(--tekst-xl);font-weight:800;color:var(--boja-tekst)}
.gds-forma label{display:block;font-size:var(--tekst-xs);color:var(--boja-tekst-3);margin:var(--razmak-3) 0 var(--razmak-1)}
.gds-forma input,.gds-forma select,.gds-forma textarea{width:100%;box-sizing:border-box;padding:.7em .9em;background:var(--boja-povrsina);border:1px solid var(--boja-rub);border-radius:var(--radijus-s);color:var(--boja-tekst);font-size:var(--tekst-s);font-family:var(--font-osnovni)}
.gds-forma input:focus,.gds-forma select:focus,.gds-forma textarea:focus{outline:2px solid var(--boja-akcija);outline-offset:1px}
.gds-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:900;padding:var(--razmak-4)}
.gds-modal{background:var(--boja-pozadina-2);color:var(--boja-tekst);border:1px solid var(--boja-rub);border-radius:var(--radijus-l);box-shadow:var(--sjena-2);max-width:480px;width:100%;padding:var(--razmak-5)}
.gds-toast-kontejner{position:fixed;bottom:var(--razmak-4);left:50%;transform:translateX(-50%);z-index:999;display:flex;flex-direction:column;gap:var(--razmak-2);width:min(92vw,440px)}
.gds-toast{border-radius:var(--radijus-m);padding:var(--razmak-3) var(--razmak-4);font-size:var(--tekst-s);font-family:var(--font-osnovni);color:var(--boja-tekst);border:1px solid var(--boja-rub);box-shadow:var(--sjena-2);animation:gdsToastUlaz .25s ease}
.gds-toast--uspjeh{background:var(--boja-uspjeh-podloga)}
.gds-toast--greska{background:var(--boja-greska-podloga)}
.gds-toast--upozorenje{background:var(--boja-upozorenje-podloga)}
.gds-toast__sljedece{display:block;margin-top:var(--razmak-1);font-size:var(--tekst-xs);color:var(--boja-tekst-2)}
@keyframes gdsToastUlaz{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.gds-loader{display:inline-block;width:1em;height:1em;border:2px solid var(--boja-rub);border-top-color:var(--boja-akcija);border-radius:50%;animation:gdsVrti .7s linear infinite;vertical-align:-.15em}
@keyframes gdsVrti{to{transform:rotate(360deg)}}
.gds-prazno{text-align:center;padding:var(--razmak-6) var(--razmak-4);color:var(--boja-tekst-3);font-size:var(--tekst-s)}
.gds-prazno__uputa{display:block;margin-top:var(--razmak-2);color:var(--boja-tekst-2);font-weight:600}
.gds-badge{display:inline-block;padding:.2em .7em;border-radius:999px;font-size:var(--tekst-xs);font-weight:700;font-family:var(--font-osnovni)}
.gds-badge--vrijednost{background:var(--boja-uspjeh-podloga);color:var(--boja-tekst)}
.gds-badge--nepoznato{background:var(--boja-upozorenje-podloga);color:var(--boja-tekst)}
.gds-badge--alarm{background:var(--boja-greska-podloga);color:var(--boja-tekst)}

/* ── IKONE (29.7.) — globalne, nasljeduju currentColor, rade u obje teme ──────
   Ivan: "umjesto dugmadi stavi globalne, linkabilne ikone koje ce se protezati
   kroz cijeli sustav." Sprite: /gds/genesis-ikone.svg
   Emoji se namjerno NE koristi: crta se drukcije na svakom uredaju, ne nasljeduje
   boju teksta i ne moze se uskladiti s tokenima.                                */
.gi{width:1.35em;height:1.35em;display:inline-block;vertical-align:-.28em;
    color:inherit;flex:none;pointer-events:none}
.gi--s{width:1.05em;height:1.05em;vertical-align:-.18em}
.gi--l{width:1.75em;height:1.75em;vertical-align:-.42em}

/* ikona JE poveznica — ne gumb koji glumi poveznicu */
.gi-veza{display:inline-grid;place-items:center;width:44px;height:44px;
    border-radius:var(--radijus-m);border:1px solid var(--boja-rub);
    background:transparent;color:var(--boja-tekst);cursor:pointer;
    text-decoration:none;transition:border-color .12s ease,background .12s ease}
.gi-veza:hover{border-color:var(--boja-akcija);background:var(--boja-povrsina)}
.gi-veza:focus-visible{outline:2px solid var(--boja-akcija);outline-offset:2px}
.gi-veza[aria-current]{border-color:var(--boja-akcija);background:var(--boja-povrsina)}
.gi-veza--glavna{background:var(--boja-akcija-podloga);color:var(--boja-tekst-na-akciji);
    border-color:transparent}
.gi-veza--glavna:hover{background:var(--boja-akcija);border-color:transparent}
.gi-veza[disabled],.gi-veza[aria-disabled="true"]{opacity:.4;cursor:not-allowed}

/* natpis ispod ikone — vidljiv na siroko, sakriven kad je tijesno */
.gi-natpis{font-size:var(--tekst-xs);color:var(--boja-tekst-3);margin-top:2px}
@media (max-width:520px){.gi-natpis{display:none}}