/* Přihlašovací stránka. Vlastní soubor, protože CSP zakazuje inline <style>. */
.login-wrap { min-height:100vh; display:flex; align-items:center; justify-content:center; padding:24px; }
.login-card { background:var(--surface); border:1px solid var(--border); border-radius:14px;
  padding:26px 28px; width:100%; max-width:360px; display:flex; flex-direction:column; gap:6px; }
.login-card .brand { display:flex; align-items:center; gap:9px; font-weight:600; font-size:17px; margin-bottom:2px; }
.login-card .brand .mark { width:22px; height:22px; border-radius:6px; background:var(--accent); position:relative; }
.login-card .brand .mark::after { content:""; position:absolute; inset:5px 6px; border:2px solid #fff;
  border-bottom:none; border-radius:7px 7px 0 0; opacity:.9; }
.login-sub { margin:0 0 14px; font-size:13px; }
.login-card label { font-size:12px; font-weight:600; color:var(--ink-2); margin-top:8px; }
.login-card input { font:inherit; font-size:14px; padding:9px 11px; border-radius:8px;
  border:1px solid var(--border); background:var(--surface-2); color:var(--ink); }
.login-card input:focus { outline:2px solid var(--accent); outline-offset:1px; }
.login-submit { margin-top:16px; padding:9px 12px; font-size:14px; }
.login-err { margin:14px 0 0; }