/* PRTY OS — login / loading screens (production mode only) */
.auth-shell { min-height: 100vh; min-height: 100dvh; display: grid; place-items: center; background: var(--bg); padding: var(--s-4); }
.auth-loading { display: flex; align-items: center; gap: 10px; color: var(--text-2); }
.auth-card { width: 100%; max-width: 340px; display: flex; flex-direction: column; gap: var(--s-4); background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-3); padding: var(--s-6); }
.auth-brand { display: flex; align-items: center; gap: 10px; }
.auth-brand__name { font-weight: 600; font-size: var(--fs-14); letter-spacing: -0.01em; }
.auth-brand__name span { color: var(--text-3); font-weight: 500; }
.auth-title { font-size: var(--fs-20); font-weight: 600; letter-spacing: -0.015em; }
.auth-error { display: flex; align-items: center; gap: 8px; color: var(--red); font-size: var(--fs-12); background: color-mix(in srgb, var(--red) 10%, transparent); border: 1px solid color-mix(in srgb, var(--red) 25%, transparent); border-radius: var(--r-2); padding: 8px 10px; }
.auth-submit { width: 100%; }
.auth-hint { font-size: var(--fs-11); color: var(--text-3); text-align: center; margin: 0; line-height: 1.5; }