/* Strana prijave Atlasa - RZSAI dizajn sistem (navy #1B2A4A, gold #C9A227, light #F2F4F8, Calibri). */
:root {
  --navy: #1B2A4A;
  --gold: #C9A227;
  --pozadina: #F2F4F8;
  --kartica: #ffffff;
  --tekst: #1B2A4A;
  --tiho: #5b6478;
  --ivica: #d5dae5;
  --greska: #b42318;
}
@media (prefers-color-scheme: dark) {
  :root {
    --pozadina: #0f1729;
    --kartica: #1B2A4A;
    --tekst: #eef1f7;
    --tiho: #aab3c5;
    --ivica: #33456b;
    --greska: #ff8a80;
  }
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body {
  font-family: Calibri, "Segoe UI", Arial, sans-serif;
  background: var(--pozadina);
  color: var(--tekst);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.prijava { flex: 1; display: flex; align-items: center; justify-content: center; padding: 24px 16px; }
form {
  width: 100%;
  max-width: 380px;
  background: var(--kartica);
  border: 1px solid var(--ivica);
  border-top: 4px solid var(--gold);
  border-radius: 10px;
  padding: 28px 24px 22px;
  box-shadow: 0 8px 30px rgba(27, 42, 74, .12);
}
.znak { font-size: 40px; line-height: 1; }
h1 { margin: 10px 0 0; font-size: 30px; letter-spacing: .5px; }
.podnaslov { margin: 2px 0 10px; color: var(--gold); font-weight: 700; text-transform: uppercase; font-size: 13px; letter-spacing: 1.5px; }
.tiho { color: var(--tiho); font-size: 14px; line-height: 1.4; margin: 0 0 16px; }
.malo { font-size: 12px; margin: 14px 0 0; }
label { display: block; font-size: 14px; font-weight: 600; margin: 0 0 12px; }
input {
  display: block;
  width: 100%;
  margin-top: 5px;
  padding: 10px 12px;
  font: inherit;
  font-size: 16px;
  color: var(--tekst);
  background: var(--pozadina);
  border: 1px solid var(--ivica);
  border-radius: 6px;
}
input:focus { outline: 2px solid var(--gold); outline-offset: 1px; }
.poruka { min-height: 20px; color: var(--greska); font-size: 14px; margin-bottom: 8px; }
.dugme {
  width: 100%;
  padding: 11px;
  font: inherit;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  background: var(--navy);
  border: 1px solid var(--gold);
  border-radius: 6px;
  cursor: pointer;
}
.dugme:hover { background: #24375f; }
.dugme:disabled { opacity: .6; cursor: wait; }
footer { text-align: center; font-size: 12px; color: var(--tiho); padding: 12px 16px 18px; }