/* Přihlašovací stránka. Oddělený soubor kvůli zásadám bezpečnosti obsahu
   (CSP) — vložené styly a skripty by musely být zvlášť povoleny. */
:root {
  --bg:#0f1216; --bg-card:#1c212a; --bg-input:#11151b;
  --line:#2a313d; --text:#e6eaf0; --text-dim:#97a1b0; --text-faint:#6b7684;
  --accent:#f0a04b; --accent-dim:#c9813a; --err:#ec6a5c;
  --mono:ui-monospace,"Cascadia Mono",Consolas,monospace;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --bg:#eef0f4; --bg-card:#fff; --bg-input:#fff;
    --line:#d6dae2; --text:#1a1f27; --text-dim:#5b6674; --text-faint:#8a94a3;
    --accent:#c9772a; --accent-dim:#a85f1c; --err:#c8382a;
  }
}
* { box-sizing:border-box; }
body {
  margin:0; min-height:100vh; background:var(--bg); color:var(--text);
  font:14px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  display:grid; place-items:center; padding:24px;
}
.card {
  width:100%; max-width:360px; background:var(--bg-card);
  border:1px solid var(--line); border-radius:12px; padding:28px;
  box-shadow:0 10px 34px rgba(0,0,0,.28);
}
.brand { display:flex; align-items:center; gap:11px; margin-bottom:22px; color:var(--accent); }
.brand svg { width:34px; height:27px; flex:none; }
.brand strong { display:block; color:var(--text); font-size:16px; }
.brand span { display:block; color:var(--text-faint); font-size:11px; }
h1 { font-size:15px; margin:0 0 18px; font-weight:600; }
label { display:block; font-size:12px; color:var(--text-dim); margin:0 0 5px; }
input {
  width:100%; background:var(--bg-input); border:1px solid var(--line);
  color:var(--text); border-radius:7px; padding:10px 11px; font-size:14px;
  font-family:var(--mono);
}
input:focus { outline:2px solid var(--accent); outline-offset:-1px; border-color:transparent; }
.row { margin-bottom:14px; }
button {
  width:100%; background:var(--accent); border:1px solid var(--accent); color:#1a1206;
  border-radius:7px; padding:11px; font-size:14px; font-weight:600; cursor:pointer;
  margin-top:4px;
}
button:hover:not(:disabled) { background:var(--accent-dim); border-color:var(--accent-dim); }
button:disabled { opacity:.6; cursor:progress; }
.msg {
  margin:14px 0 0; padding:9px 11px; border-radius:7px; font-size:13px;
  border:1px solid var(--err); color:var(--err);
  background:color-mix(in srgb, var(--err) 10%, transparent);
}
.msg[hidden] { display:none !important; }
.foot { margin-top:20px; font-size:11px; color:var(--text-faint); text-align:center; }