:root {
    --gpu-bg: #f4f6fb;
    --gpu-card: #ffffff;
    --gpu-text: #1d2433;
    --gpu-muted: #5d6779;
    --gpu-primary: #2f5bea;
    --gpu-danger: #c62828;
    --gpu-border: #dde2ec;
}

html, body { margin: 0; background: var(--gpu-bg); color: var(--gpu-text); font-family: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif; }

/* --- Static login pages (no MudBlazor interactivity) --- */
.auth-shell { min-height: 100vh; display: grid; place-items: center; padding: 16px; box-sizing: border-box; }
.auth-card { width: 100%; max-width: 380px; background: var(--gpu-card); border: 1px solid var(--gpu-border); border-radius: 14px; padding: 28px; box-shadow: 0 12px 32px rgba(29, 36, 51, .08); }
.auth-brand { display: flex; align-items: center; gap: 10px; font-weight: 600; color: var(--gpu-muted); margin-bottom: 18px; }
.auth-logo { background: var(--gpu-primary); color: #fff; border-radius: 8px; padding: 4px 8px; font-size: 13px; letter-spacing: .06em; }
.auth-card h1 { font-size: 1.35rem; margin: 0 0 14px; }
.auth-card form { display: flex; flex-direction: column; gap: 6px; }
.auth-card label { font-size: .85rem; color: var(--gpu-muted); margin-top: 8px; }
.auth-card input { font: inherit; padding: 10px 12px; border: 1px solid var(--gpu-border); border-radius: 8px; outline: none; }
.auth-card input:focus { border-color: var(--gpu-primary); box-shadow: 0 0 0 3px rgba(47, 91, 234, .15); }
.auth-card button { margin-top: 16px; font: inherit; font-weight: 600; padding: 11px; border: 0; border-radius: 8px; background: var(--gpu-primary); color: #fff; cursor: pointer; }
.auth-card button:hover { filter: brightness(1.08); }
.auth-error { background: #fdecea; color: var(--gpu-danger); border-radius: 8px; padding: 10px 12px; font-size: .9rem; margin-bottom: 8px; }
.auth-hint { color: var(--gpu-muted); font-size: .9rem; line-height: 1.45; }
.auth-qr { display: block; margin: 8px auto; border: 1px solid var(--gpu-border); border-radius: 8px; }
.auth-secret { word-break: break-all; font-size: .85rem; }

/* --- Admin UI helpers --- */
.gpu-mono { font-family: Consolas, "Cascadia Mono", monospace; font-size: .85rem; }
.gpu-notes { white-space: pre-wrap; max-width: 420px; color: var(--gpu-muted); font-size: .85rem; }
.gpu-token-box { font-family: Consolas, "Cascadia Mono", monospace; word-break: break-all; background: #f1f3f9; border-radius: 8px; padding: 12px; }