/* NIPI-180: режим технических работ — экран для сотрудников, полоса для администратора, блок настройки */
.maintenance-screen { position: fixed; inset: 0; z-index: 2000; display: flex; align-items: center; justify-content: center; padding: 20px;
  overflow-y: auto; background: radial-gradient(1200px 600px at 10% 10%, #dff3f8 0%, transparent 60%),
  radial-gradient(1000px 600px at 90% 90%, #e7ecfb 0%, transparent 60%), var(--bg, #f4f6fb); }
.maintenance-screen[hidden] { display: none; }
.maintenance-active body { overflow: hidden; }
.maintenance-card { width: 100%; max-width: 460px; background: var(--surface, #fff); border-radius: 22px; padding: 32px 28px;
  box-shadow: 0 24px 60px rgba(31, 42, 68, .14); display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; }
.maintenance-logo { width: 96px; height: 96px; }
.maintenance-icon { width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
  background: #fff3cd; color: #9a6200; }
.maintenance-card p { margin: 0; }
.maintenance-card h1 { font-size: 22px; color: var(--text, #1f2a44); }
.maintenance-message { font-size: 16px; line-height: 1.5; white-space: pre-line; overflow-wrap: anywhere; color: var(--text, #1f2a44); }
.maintenance-until { color: var(--text, #1f2a44); }
.maintenance-hint { font-size: 13px; color: var(--muted, #7a8499); }
.maintenance-admin-link { margin-top: 8px; border: 0; background: none; padding: 6px 8px; font: inherit; font-size: 13px;
  color: var(--muted, #7a8499); text-decoration: underline; cursor: pointer; }
.maintenance-admin-link:hover, .maintenance-admin-link:focus-visible { color: var(--primary, #264796); }

.maintenance-strip { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 12px; padding: 6px 16px;
  background: #fff3cd; color: #7a4d00; border-bottom: 1px solid #f0d58a; font-size: 13px; font-weight: 500; }
.maintenance-strip a { color: #7a4d00; text-decoration: underline; }

.maintenance-settings.is-on { border: 1px solid #f0d58a; background: #fffaf0; }
.maintenance-settings > p { margin: 0 0 12px; }
label.maintenance-switch { margin-bottom: 12px; font-weight: 600; }
.maintenance-settings textarea { width: 100%; resize: vertical; }
.maintenance-settings .settings-footer { margin-top: 12px; }
@media (max-width: 600px) {
  .maintenance-card { padding: 24px 18px; }
  .maintenance-logo { width: 72px; height: 72px; }
}
#maintenance-settings { margin-bottom: 24px; }