/* ============================================================
   Login (plyta + żywy tekst; pełny splash = Electron M5). Tokeny w tokens.css.
   ============================================================ */
.login-stage{flex:1;display:flex;align-items:center;justify-content:center;background:var(--surface-0);position:relative;overflow:hidden}
.login-plate{position:relative;width:830px;height:552px}
.login-plate img.plate{position:absolute;inset:0;width:100%;height:100%}
.login-plate .plate-shadow{position:absolute;inset:10px 8px;border-radius:26px;box-shadow:0 44px 90px rgba(0,0,0,.7)}
.login-inner{position:absolute;inset:0;padding:52px 58px;display:flex;flex-direction:column}
.login-inner .wordmark{width:196px;height:54px;align-self:flex-start}
.login-sub{display:flex;align-items:baseline;gap:12px;margin-top:14px;font:400 var(--font-size-sm) var(--font-mono);color:var(--text-secondary)}
.login-form{margin-top:auto;max-width:340px;display:flex;flex-direction:column;gap:12px}
/* geometria sygnetu ustawiona ręcznie przez klienta w 7a — nie ruszać */
.login-sygnet{position:absolute;left:353px;top:-104px;width:767px;height:777px;pointer-events:none;filter:drop-shadow(0 30px 60px rgba(0,0,0,.55))}
.login-err{font:400 var(--font-size-sm) var(--font-mono);color:var(--danger);min-height:16px}
/* stopka kontekstu organizacji (6a) */
.login-org{max-width:340px;margin-top:16px;padding-top:12px;border-top:1px solid var(--border-hairline);
  font:400 var(--font-size-xs) var(--font-mono);color:var(--text-faint)}