/* Shared materials for existing standalone auth and detail pages. */
.auth-page { min-height: 100svh; --text-main: #f2f4f6; --border-focus: #6caaff; color: var(--text-main); font-family: var(--font-main); }
.auth-page .ambient-glow { background: radial-gradient(ellipse, #7893ad13, transparent 70%); }
.auth-page .login-card { background: var(--glass-fill); border: 1px solid var(--glass-border); box-shadow: var(--glass-shadow); border-radius: 20px; }
.auth-page .brand-icon-box { background: linear-gradient(#499aff, #2478ed); box-shadow: inset 0 1px 1px #ffffff66, 0 4px 14px #1678ff22; }
.auth-page .form-input { background: #191d2155; border-color: #ffffff1c; color: #f0f4fa; }
.auth-page .btn-submit, .auth-page .login-btn, .auth-page .submit-btn, .auth-page .btn-login { background: linear-gradient(#3890ff, #2479ed); box-shadow: inset 0 1px 0 #ffffff30; }
.legacy-details { color: var(--text-primary); background: #1a1e22; padding: 24px; }
.legacy-details .container { background: transparent; box-shadow: none; max-width: 1350px; }
.legacy-details .header, .legacy-details .stat-card, .legacy-details .detail-card { background: var(--glass-fill); border: 1px solid var(--glass-border); box-shadow: var(--glass-shadow); color: var(--text-primary); }
.legacy-details .header::before { background: #ffffff15; height: 1px; }.legacy-details .card-header { background: #ffffff05; border-color: #ffffff10; }
.legacy-details .info-item { background: #ffffff04; border-color: #ffffff10; }.legacy-details .info-value, .legacy-details .card-title { color: #edf0f5; }.legacy-details .info-label, .legacy-details .stat-card p { color: #a6b0bd; }
.legacy-details .status-offline { color: #a6b0bd; border-color: #a6b0bd; }.legacy-details .status-online { color: #5ad4a0; border-color: #5ad4a0; }
@media (max-width: 768px) { .legacy-details { padding: 8px; }.legacy-details .header-content { flex-wrap: wrap; }.auth-page .login-card { padding: 24px; } }
.auth-page .brand-text { font-size: 24px; font-weight: 600; letter-spacing: -.7px; }