/* Production presentation only. Reuse the shared Day/Night/System tokens. */
#production-status { padding:clamp(18px,3vw,30px); margin-bottom:20px; }
.production-status-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
#production-status h2 { margin:12px 0 20px; font-size:clamp(1.25rem,2.4vw,1.8rem); }
.production-status-metrics { display:grid; grid-template-columns:2fr 1fr 1fr; gap:12px; }
.production-status-metrics > div { min-width:0; padding:14px 16px; background:var(--surface-muted); border:1px solid var(--border-subtle); border-radius:12px; }
.production-status-metrics span { display:block; color:var(--text-secondary); font-size:.8rem; margin-bottom:8px; }
.production-status-metrics strong { display:block; color:var(--text-primary); font-size:1rem; overflow-wrap:anywhere; }
.production-action { margin:18px 0; padding-left:14px; border-left:3px solid var(--brand-primary); }
.production-action p { margin:6px 0 0; color:var(--text-primary); }
.production-journey { display:flex; flex-wrap:wrap; gap:10px; list-style:none; padding:0; margin:18px 0; color:var(--text-secondary); font-size:.85rem; }
.production-journey li:not(:last-child)::after { content:'→'; margin-left:10px; }
#production-status details { border-top:1px solid var(--border-subtle); padding-top:14px; }
#production-status summary { cursor:pointer; font-weight:700; }
#production-status ul { padding-left:20px; line-height:1.8; color:var(--text-secondary); }
.production-status-note { color:var(--text-secondary); font-size:.85rem; line-height:1.6; margin:14px 0; }
.production-account.alpha-hero { display:block; position:relative; padding:clamp(18px,3vw,30px); }
.production-account > #alpha-backend-badge { display:inline-block; margin-top:12px; }
.production-account #alpha-configured { margin-top:20px; }
.production-account .alpha-auth-shell { justify-content:flex-start; }
.production-account .alpha-auth-card { width:100%; max-width:620px; }
.production-account .alpha-panel { background:transparent; border:0; box-shadow:none; padding:0; }
.production-account .alpha-auth-panel p { margin:12px 0; }
.production-account #alpha-member .alpha-grid { margin-top:22px; gap:28px; }
.production-account #alpha-member .alpha-grid > section + section { border-left:1px solid var(--border-subtle); padding-left:24px; }
.production-account .alpha-privacy-card { color:var(--text-secondary); }
.production-account .alpha-sync-actions { margin:16px 0; }
@media(max-width:680px) {
 .production-status-metrics { grid-template-columns:1fr 1fr; }
 .production-status-metrics > div:first-child { grid-column:1/-1; }
 .production-account #alpha-member .alpha-grid > section + section { border-left:0; border-top:1px solid var(--border-subtle); padding:20px 0 0; }
 #production-status .secondary-btn { width:100%; }
}

.production-account .alpha-auth-shell, .production-account .alpha-auth-card { min-width:0; max-width:100%; box-sizing:border-box; }
.production-account input { min-width:0; max-width:100%; box-sizing:border-box; }

@media(max-width:680px){ body:has(#production-status) .stepper { max-width:100%; box-sizing:border-box; flex-wrap:wrap; margin-left:0; margin-right:0; } }