/* Page styles for admin (were inline in login.php) */

:root { --l-bg: #0d1117; --l-surface: #161b22; --l-border: rgba(240, 246, 252, 0.14); --l-text: #e6edf3; --l-muted: #8b949e; --l-accent: #58a6ff; --l-accent-bg: #1f6feb; --l-error: #f85149; }
@media (prefers-color-scheme: light) {
  :root { --l-bg: #e9ecef; --l-surface: #f4f5f7; --l-border: rgba(31, 35, 40, 0.18); --l-text: #1f2328; --l-muted: #59636e; --l-accent: #0969da; --l-accent-bg: #0969da; --l-error: #cf222e; }
}
html { background: var(--l-bg); }
html.off body { max-width: 360px; padding: 0 20px 24px; min-height: calc(100vh - 24px); min-height: calc(100dvh - 24px); color: var(--l-text); font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.login { padding-top: 15vh; }
html.bright-theme .login h1 { margin: 0; font-size: 1.75rem; }
.login-lead { margin: 4px 0 24px; color: var(--l-muted); }
.login-error { margin: 0 0 16px; color: var(--l-error); }
.login form { display: flex; flex-direction: column; gap: 8px; }
.login label { font-size: 0.875rem; color: var(--l-muted); }
.login input {
  padding: 10px 12px;
  background: var(--l-surface);
  border: 1px solid var(--l-border);
  border-radius: 8px;
  color: var(--l-text);
  font: inherit;
}
.login input:focus, .login button:focus-visible { outline: 2px solid var(--l-accent); outline-offset: 2px; }
.login button {
  margin-top: 8px;
  padding: 10px 12px;
  background: var(--l-accent-bg);
  border: 0;
  border-radius: 8px;
  color: #ffffff;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.login-back { margin-top: 24px; font-size: 0.875rem; }
.off .login-back a { color: var(--l-muted); }
html.off body > footer { color: var(--l-muted); font-size: 0.8125rem; }
html.off body > footer a { color: var(--l-text); }