/* SCHEDULED MAINTENANCE (Q-394 item 2): the banner across the top of the window, on every page and the sign-in page.
   Calm, not alarming: an amber note before the window, a stronger one while it is under way. Loaded by base.html and
   auth/_door_head.html. The toast it raises when a form is stopped is the program's own .ccops-toast. */
.mw-banner {
  position: relative; z-index: 60;
  display: flex; align-items: center; gap: 10px;
  padding: 9px 16px; font-size: 13.5px; line-height: 1.45;
  background: #fffbeb; color: #78350f; border-bottom: 1px solid #fcd34d;
}
.mw-banner[hidden] { display: none; }
.mw-banner .bi { flex: none; font-size: 15px; }
.mw-banner .mw-text { flex: 1; min-width: 0; }
.mw-banner.mw-active { background: #fef3c7; border-bottom-color: #f59e0b; font-weight: 600; }
.mw-banner .mw-x {
  flex: none; border: 0; background: none; color: inherit; cursor: pointer;
  font-size: 18px; line-height: 1; padding: 4px 8px; border-radius: 6px;
}
.mw-banner .mw-x:hover { background: rgba(120, 53, 15, .08); }
.mw-banner .mw-x[hidden] { display: none; }
@media (pointer: coarse) { .mw-banner .mw-x { min-width: 40px; min-height: 40px; } }
@media (max-width: 480px) { .mw-banner { padding: 8px 12px; font-size: 13px; } }
@media (prefers-color-scheme: dark) {
  .door .mw-banner, body.theme-dark .mw-banner { background: #3b2f12; color: #fde68a; border-bottom-color: #92400e; }
}

/* THE CONSOLE'S MAINTENANCE WINDOWS ROOM (Q-394 item 2): its layout as classes, not inline styles (the ratchet). */
.mw-intro { padding: 14px 16px; background: var(--gray-50); border: 1px solid var(--gray-200); margin-bottom: 14px; }
.mw-intro-text { line-height: 1.55; color: var(--gray-700); }
.mw-ic { margin-right: 6px; }
.mw-ic-muted { margin-right: 6px; color: var(--gray-500); }
.mw-gap-b { margin-bottom: 14px; }
.mw-lh { line-height: 1.55; }
.mw-pad { padding: 16px 18px; }
.mw-form { display: flex; flex-direction: column; gap: 12px; }
.mw-row { display: flex; gap: 12px; flex-wrap: wrap; }
.mw-m0 { margin: 0; }
.mw-narrow { max-width: 110px; }
.mw-check { display: flex; gap: 8px; align-items: center; }
.mw-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.mw-flush { padding: 0; overflow: hidden; }
.mw-nowrap { white-space: nowrap; }
.mw-inline { display: inline; }