/* ===== Maintenance banner (global) ===== */
:root { --maint-height: 44px; }

body::before {
  content: "⚠️ Maintenance: Oct 17, 5-6 PM CT — Server will be unavailable.";
  position: fixed;
  inset: 0 0 auto 0;            /* top:0; left:0; right:0 */
  z-index: 99999;
  height: var(--maint-height);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 .75rem;
  font-weight: 700;
  font-size: 15px;
  text-align: center;
  background: #ffe08a;          /* soft warning yellow */
  color: #2b2b2b;
  box-shadow: 0 2px 6px rgba(0,0,0,.2);
}

/* Push the UI down so the banner doesn't cover it */
.skinHeader,
.pageContainer,
#loginPage,
.mainDrawer,
.libraryPage,
.indexPage {
  margin-top: var(--maint-height);
}

/* Optional: make the banner more compact on small screens */
@media (max-width: 640px) {
  :root { --maint-height: 56px; }
  body::before { font-size: 14px; line-height: 1.2; }
}