/* nalog — 21.10.2026 (S4): prijava, promjena lozinke, moj profil, biblioteka, prazna stanja
   Samo izgled; tekst i logika netaknuti. Porodica: profil.css/pocetna.css/stil.css
   (zaobljenje 18–20px, var(--line) ivice, koralni akcent samo za glavnu akciju,
   pilule 999px, mono velika slova za oznake). nalog.css se učitava posljednji. */

/* ---------- PRIJAVA i PROMJENA LOZINKE (kartica u porodici) ---------- */
#login-form,
#pw-form{
  max-width:460px;
  margin:4px 0 0;
  padding:28px 28px 30px;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--surface);
  box-shadow:0 1px 2px rgba(0,0,0,.04);
}
#login-form label,
#pw-form label{
  margin-bottom:16px;
  font-size:11px;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--muted);
}
#login-form input,
#pw-form input{
  border-radius:12px;
}
/* glavna akcija puna širina, mirna i jasna */
#login-form .btn.primary,
#pw-form .btn.primary{
  width:100%;
  margin-top:6px;
  border-radius:12px;
  font-size:13px;
}
/* poruka o grešci: tiha dok je prazna, crvena kad se javi */
#login-greska,
#pw-greska{
  margin-top:14px;
  min-height:1em;
  font-size:13px;
  letter-spacing:0;
  text-transform:none;
}
#login-greska:not(:empty),
#pw-greska:not(:empty){
  color:var(--accent);
  font-weight:600;
}

/* ---------- MOJ PROFIL (uskladi sa porodicom, bez promjene rasporeda) ---------- */
.completion{border-radius:18px}
.completion .role{letter-spacing:.08em}
.dashboard .form-card{border-radius:18px}
/* pilula za brojeve u navigaciji radnog prostora */
.dash-nav button b{
  display:inline-block;
  min-width:20px;
  margin-left:6px;
  padding:1px 8px;
  border-radius:999px;
  background:var(--surface-2);
  color:var(--text);
  font-size:11px;
  text-align:center;
}
.dash-nav button[aria-selected=true]{
  color:var(--text);
  border-bottom-color:var(--accent);
}
.dash-nav button[aria-selected=true] b{
  background:var(--accent);
  color:var(--accent-ink);
}
.dash-nav button .role{font-size:10px;letter-spacing:.08em}
/* kartica zahtjeva: koralni akcent samo za „Prihvati", „Odbij" tiho */
.request{
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding:16px 0;
  border-top:1px solid var(--line);
}
.request:first-of-type{border-top:0}
.request .btn:not(.primary){background:transparent}

/* ---------- BIBLIOTEKA (dijalog) ---------- */
.library-dialog{
  border:1px solid var(--line);
  border-radius:20px;
  padding:28px;
}
.library-dialog header{
  padding-bottom:16px;
  margin-bottom:6px;
  border-bottom:1px solid var(--line);
  align-items:flex-start;
}
.library-dialog .eyebrow{
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.library-dialog h2{font-size:26px;letter-spacing:-.5px}
/* „Zatvori ×" je sporedna radnja */
.library-dialog [data-close]{
  background:transparent;
  border-radius:999px;
  color:var(--muted);
}
.library-dialog [data-close]:hover{color:var(--text);border-color:var(--text)}
/* međunaslovi u dijalogu kao u porodici */
.library-dialog [data-saved] h3,
.library-dialog [data-recent]{margin-top:4px}
.library-dialog [data-saved] h3{
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
}
.library-dialog input,
.library-dialog textarea,
.library-dialog select{
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface);
}
.library-dialog .data-option{
  gap:10px;
  padding:14px 16px;
  margin:18px 0;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--surface-2);
}
.library-dialog .workspace-panel{
  border:1px solid var(--line);
  border-radius:14px;
}
.library-dialog details>summary{
  padding:10px 0;
  font-size:13px;
}
/* stavka biblioteke kao mirna kartica, vrsta kao pilula */
.library-item{
  padding:16px;
  border:1px solid var(--line);
  border-bottom:1px solid var(--line);
  border-radius:16px;
  margin-bottom:12px;
  background:var(--surface-2);
}
.library-item>span{
  justify-self:start;
  padding:2px 10px;
  border-radius:999px;
  border:1px solid var(--line);
  font-size:11px;
  letter-spacing:.04em;
  color:var(--muted);
}
.library-item>a{font-size:18px}
/* glavna radnja dijaloga */
.library-dialog [data-export]{border-radius:12px}

/* ---------- PRAZNA STANJA ---------- */
.empty{
  padding:34px 30px;
  border:1px dashed var(--line);
  border-radius:18px;
  background:color-mix(in srgb,var(--surface) 55%,transparent);
}
.empty h1{margin:0 0 8px;font-size:24px;letter-spacing:-.5px;color:var(--text)}
.empty p{margin:0 0 4px;max-width:60ch;line-height:1.7}
.empty .btn{margin-top:16px;border-radius:12px}
/* sitna „nema…" prazna stanja unutar kartica/dijaloga ostaju mirna */
.library-dialog [data-saved]>p,
.library-dialog [data-recent]>p{color:var(--muted);font-size:14px}

/* ---------- MOBILNI (≤560px) ---------- */
@media(max-width:560px){
  #login-form,
  #pw-form{max-width:none;padding:22px 18px}
  .library-dialog{border-radius:16px;padding:18px}
  .library-dialog h2{font-size:22px}
  .library-dialog [data-export]{width:100%;min-height:44px}
  .request{flex-direction:column}
  .request .btn{width:100%}
}