/* 
    filename        : /mnt/www/live/bsodcloud.com/assets/auth.css
    Last Updated    : 2025-11-07 23:54
    Version         : 1.00
*/
/* Mobile-first, clean auth styles */
:root { --maxw: 560px; }
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; background:#fafafa; color:#222; }
.container { max-width: var(--maxw); margin: 0 auto; padding: 16px; }
.card { background:#fff; border:1px solid #e5e7eb; border-radius: 12px; padding: 16px; box-shadow: 0 1px 2px rgba(0,0,0,.03); }
h1,h2,h3 { margin: 0 0 12px; }
label { display:block; font-size: 14px; margin: 10px 0 6px; }
input[type="email"], input[type="password"], input[type="text"] { width:100%; padding:12px; border:1px solid #ddd; border-radius:8px; }
button, .btn { display:inline-block; width:100%; padding:12px 14px; border-radius:10px; border:1px solid #ddd; background:#fff; cursor:pointer; text-align:center; text-decoration:none; }
button.primary { background:#111827; color:#fff; border-color:#111827; }
.sep { text-align:center; color:#888; margin:12px 0; }
.actions { display:flex; gap:8px; flex-wrap:wrap; }
.error { color:#b91c1c; background:#fee2e2; border:1px solid #fecaca; padding:10px; border-radius:8px; margin:8px 0; }
.ok { color:#065f46; background:#d1fae5; border:1px solid #a7f3d0; padding:10px; border-radius:8px; margin:8px 0; }
small.muted { color:#6b7280; }
a.inline { display:inline; color:#2563eb; text-decoration:none; }
footer.app { margin:24px 0; text-align:center; color:#999; font-size:12px; }
@media (prefers-color-scheme: dark) {
  body { background:#0b0b0b; color:#e5e7eb; }
  .card { background:#111; border-color:#222; }
  input, button, .btn { border-color:#333; background:#0f0f0f; color:#e5e7eb; }
  button.primary { background:#2563eb; border-color:#2563eb; }
}