.nv-maintenance-banner { background: #fff5e5; border-bottom: 1px solid #efd7b0; color: #7b430b; font-size: .8125rem; }
.nv-maintenance-banner .wrap { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 6px 16px; padding-block: 9px; }
.nv-maintenance-banner button { border: 0; background: transparent; color: inherit; font: inherit; font-weight: 700; cursor: pointer; min-height: 36px; }
html:has(.nv-maintenance[open]) { overflow: hidden; }
.nv-maintenance { width: min(560px, calc(100% - 32px)); max-height: calc(100dvh - 32px); margin: auto; padding: 30px; overflow: auto; overscroll-behavior: contain; border: 1px solid #e7d3b5; border-radius: 20px; background: #fff; color: var(--ink); box-shadow: 0 24px 80px #14203940; }
.nv-maintenance::backdrop { background: #14203980; }
.nv-maintenance-dismiss { position: absolute; right: 10px; top: 10px; }
.nv-maintenance-dismiss button { width: 44px; height: 44px; border: 0; border-radius: 50%; background: transparent; color: #64748b; font-size: 28px; cursor: pointer; }
.nv-maintenance-dismiss button:hover { background: #f1f5f9; }
.nv-maintenance button:focus-visible, .nv-maintenance a:focus-visible, .nv-maintenance-banner button:focus-visible { outline: 2px solid #225ee8; outline-offset: 3px; }
.nv-maintenance-eyebrow { color: #99600d; font-size: .8125rem; font-weight: 700; padding-right: 32px; }
.nv-maintenance h2 { margin: 12px 0; font-size: clamp(1.6rem, 5vw, 2rem); line-height: 1.3; }
#nv-maintenance-intro, .nv-maintenance-thanks { color: var(--muted); font-size: .875rem; line-height: 1.75; }
.nv-maintenance-time { margin: 18px 0; padding: 16px 20px; display: grid; gap: 3px; background: #fff5e5; border: 1px solid #efd7b0; border-radius: 12px; color: #7b430b; }
.nv-maintenance-time span { font-size: .75rem; }
.nv-maintenance-time strong { font-size: 1rem; }
.nv-maintenance-time b { font-size: 1.65rem; letter-spacing: .02em; }
.nv-maintenance-details { display: grid; gap: 14px; margin-bottom: 18px; font-size: .875rem; }
.nv-maintenance-details dt { font-weight: 700; margin-bottom: 3px; }
.nv-maintenance-details dd { margin: 0; color: var(--muted); line-height: 1.7; }
.nv-maintenance-details .nv-maintenance-required dt, .nv-maintenance-details .nv-maintenance-required dd { color: #b42318; }
.nv-maintenance-details dd strong { color: var(--ink); }
.nv-maintenance-signature { text-align: right; font-size: .875rem; margin-top: 8px; }
.nv-maintenance-actions { display: flex; gap: 10px; margin-top: 20px; }
.nv-maintenance-actions > * { flex: 1; }
.nv-maintenance-actions .btn { width: 100%; min-height: 44px; font-size: .875rem; cursor: pointer; }
@media(max-width: 480px) {
  .nv-maintenance { padding: 24px 20px; border-radius: 16px; }
  .nv-maintenance-banner .wrap { justify-content: flex-start; gap: 2px 10px; }
  .nv-maintenance-banner span { flex-basis: 100%; order: 1; font-size: .75rem; }
  .nv-maintenance-banner button { margin-left: auto; }
}