#siteMaintenanceView { max-width: 1120px; }
#siteMaintenanceView .site-maintenance-card { padding: 30px; margin-top: 24px; border: 1px solid var(--biz-line, #e5e9f0); border-radius: 18px; background: #fff; box-shadow: var(--biz-shadow); }
#siteMaintenanceView .site-maintenance-state { display: flex; align-items: center; gap: 12px; }
#siteMaintenanceView .site-maintenance-dot { width: 10px; height: 10px; flex-shrink: 0; border-radius: 50%; background: #667085; }
#siteMaintenanceView[data-maintenance="off"] .site-maintenance-dot { background: #087f5b; }
#siteMaintenanceView[data-maintenance="on"] .site-maintenance-dot { background: #b75b00; }
#siteMaintenanceView h2 { margin: 0; font-size: 22px; color: var(--biz-ink, #182230); }
#siteMaintenanceView .site-maintenance-card p { margin-top: 12px; line-height: 1.7; }
#siteMaintenanceView .site-maintenance-updated { color: #667085; font-size: 14px; }
#siteMaintenanceView #siteMaintenanceToggle { flex-shrink: 0; min-height: 48px; min-width: 132px; border-radius: 12px; padding: 12px 20px; background: #2f6bff; color: #fff; font-weight: 700; }
#siteMaintenanceView #siteMaintenanceToggle:focus-visible { outline: 3px solid #b8ceff; outline-offset: 3px; }
#siteMaintenanceView .site-maintenance-scope { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 20px; }
#siteMaintenanceView .site-maintenance-scope article { padding: 20px; background: #fff; border: 1px solid #e5e9f0; border-radius: 14px; }
#siteMaintenanceView .site-maintenance-scope h2 { font-size: 16px; margin-bottom: 8px; color: #182230; }
#siteMaintenanceView .site-maintenance-scope p { color: #667085; font-size: 14px; line-height: 1.7; }
#siteMaintenanceNotice { min-height: 28px; margin-top: 16px; color: #344054; line-height: 1.6; }
@media (max-width: 720px) {
  #siteMaintenanceView .site-maintenance-card { padding: 22px; }
  #siteMaintenanceView .site-maintenance-scope { grid-template-columns: 1fr; }
}