/* Stranica prijave nadzorne ploče (WORKFLOW-CORE-140) — isti svijet kao ploča (smjer B: grafitna ploča instrumenata,
   svijetla knjižica), bez JS-a; poslužuje se bez prijave (nginx), fontovi iz /ploca/fonts. */
@font-face { font-family: "Barlow"; src: url("/ploca/fonts/barlow-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("/ploca/fonts/barlow-600.woff2") format("woff2"); font-weight: 600; font-display: swap; }
:root { color-scheme: light; --ploca: #1c2024; --list: #f6f7f8; --tisak: #1d2228; --blagi: #4a535c; --crta: #cfd4d9;
  --akcent: #e9eef3; --crveno: #b3261e; --fokus: #f2b705; }
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body.prijava { min-height: 100vh; display: grid; place-items: center; padding: 24px 16px; background: var(--ploca);
  font: 400 16px/1.5 "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif; color: var(--tisak); }
::selection { background: var(--fokus); color: #1d2228; }
.prijava-okvir { width: 100%; max-width: 400px; background: var(--list); border-radius: 10px; padding: 28px 28px 24px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35); }
h1 { margin: 0 0 8px; font-size: 28px; line-height: 1.15; font-weight: 600; letter-spacing: -0.01em; }
.prijava-uvod { margin: 0 0 20px; color: var(--blagi); font-size: 15px; }
.prijava-greska { margin: 0 0 16px; padding: 10px 12px; border-radius: 6px; background: #fbe9e7; color: var(--crveno); font-weight: 600; }
.prijava-obrazac { display: grid; gap: 6px; }
label { font-weight: 600; font-size: 15px; margin-top: 8px; }
input { font: inherit; font-size: 16px; padding: 11px 12px; border: 1px solid var(--crta); border-radius: 6px; background: #fff;
  color: var(--tisak); caret-color: var(--tisak); }
input:focus-visible, button:focus-visible { outline: 3px solid var(--fokus); outline-offset: 2px; }
button { margin-top: 18px; font: inherit; font-weight: 600; font-size: 16px; padding: 12px 16px; border: 0; border-radius: 6px;
  background: var(--ploca); color: #fff; cursor: pointer; transition: background-color 180ms ease-out; }
button:hover { background: #2c3238; }
button:active { background: #111417; }
@media (prefers-reduced-motion: reduce) { button { transition: none; } }