.admin-page #panel > header { background: transparent; color: #e8e2d8; backdrop-filter: none; }
.maintenance-seal img { display:block; width:44px; height:44px; object-fit:contain; }
.maintenance-overlay { position: fixed; inset: 0; z-index: 2147483000; overflow: auto; box-sizing: border-box; padding: 36px 20px; background: #f3eee3; color: #293832; font: 16px/1.65 system-ui, sans-serif; display: grid; place-items: center; color-scheme: light; }
.maintenance-overlay *, .maintenance-editor * { box-sizing: border-box; }
.maintenance-overlay::before { content: ''; position: fixed; inset: 12px; border: 1px solid #c4b98f; pointer-events: none; }
.maintenance-card { width: min(100%, 680px); position: relative; padding: clamp(24px, 5vw, 54px); border: 1px solid #d1c6ac; background: #fbf8f0; box-shadow: 8px 8px 0 #ded5c1; }
.maintenance-brand { display: flex; align-items: center; gap: 12px; font: 19px Georgia, serif; letter-spacing: .02em; margin-bottom: 44px; }
.maintenance-seal { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #a88c43; color: #8c7439; font-size: 27px; }
.maintenance-eyebrow { margin: 0 0 14px; display: flex; align-items: center; gap: 10px; font: 600 11px/1.4 system-ui, sans-serif; letter-spacing: .19em; text-transform: uppercase; color: #776640; }
.maintenance-dot { width: 8px; height: 8px; background: #a98c43; box-shadow: 3px 3px 0 #e5d9ba; flex: 0 0 auto; }
.maintenance-card h1 { font: 400 clamp(32px, 6vw, 52px)/1.12 Georgia, serif; margin: 0 0 23px; letter-spacing: -.025em; overflow-wrap: anywhere; }
.maintenance-message { color: #60645b; white-space: pre-wrap; overflow-wrap: anywhere; margin: 0 0 30px; }
.maintenance-return { border-top: 1px solid #ddd4c0; border-bottom: 1px solid #ddd4c0; padding: 18px 0; display: flex; justify-content: space-between; gap: 20px; align-items: center; }
.maintenance-return span { display: block; font-size: 11px; letter-spacing: .13em; text-transform: uppercase; color: #777364; }
.maintenance-return time { display: block; font-size: 13px; margin-top: 4px; }
.maintenance-clock { font: 400 30px/1.2 Georgia, serif; font-variant-numeric: tabular-nums; white-space: nowrap; }
.maintenance-foot { display: flex; align-items: center; gap: 9px; color: #686b60; font-size: 12px; margin-top: 22px; }
.maintenance-live { width: 6px; height: 6px; background: #64856e; }
.maintenance-links { display: flex; gap: 18px; margin-top: 24px; font-size: 12px; }
.maintenance-overlay a { color: #74613d; text-decoration: underline; text-underline-offset: 3px; }
.maintenance-overlay :focus-visible { outline: 3px solid #9c7833; outline-offset: 4px; }
.maintenance-overlay h1:focus { outline: none; }
.maintenance-noscript { max-width: 600px; margin: 15vh auto; padding: 24px; font: 18px/1.6 Georgia, serif; }
.maintenance-editor { margin-top: 24px; }
.maintenance-editor .maintenance-hero { padding: 30px; border: 1px solid #625335; background: linear-gradient(125deg, #28261e, #171714); box-shadow: 5px 5px 0 #070705; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.maintenance-kicker { color: #c6ad70; font-size: 10px; letter-spacing: .18em; text-transform: uppercase; margin: 0 0 10px; }
.maintenance-editor h2 { font: 30px/1.15 Georgia, serif; margin: 0 0 12px; color: #f2eadb; }
.maintenance-editor .maintenance-switch { min-width: 112px; padding: 13px 18px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border: 1px solid #6e6350; border-radius: 0; color: #cbc2b3; background: #15140f; box-shadow: 3px 3px 0 #080706; }
.maintenance-switch[aria-checked=true] { background: #43371d; border-color: #c8a85b; color: #f5dfaa; }
.maintenance-switch .switch-lamp { width: 10px; height: 10px; background: #687969; }
.maintenance-switch[aria-checked=true] .switch-lamp { background: #e7bd5b; box-shadow: 0 0 12px #ba8d3533; }
.maintenance-workspace { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); gap: 26px; margin-top: 26px; }
.maintenance-fields { display: grid; gap: 16px; }
.maintenance-fields label { display: block; font-size: 12px; color: #c1b5a1; }
.maintenance-fields input, .maintenance-fields textarea, .maintenance-fields select { display: block; width: 100%; margin-top: 7px; border: 1px solid #463e32; border-radius: 0; padding: 12px; background: #181613; color: #ece3d4; font: 14px/1.5 system-ui, sans-serif; }
.maintenance-fields textarea { resize: vertical; min-height: 130px; }
.maintenance-hint { color: #9c907e; font-size: 12px; margin: 0; }
.maintenance-preview { background: #f4eee0; color: #293832; padding: 26px; border: 1px solid #c7b994; box-shadow: 5px 5px 0 #080705; align-self: start; }
.maintenance-preview h3 { font: 32px/1.15 Georgia, serif; margin: 30px 0 18px; overflow-wrap: anywhere; }
.maintenance-preview p { color: #666555; font-size: 13px; white-space: pre-wrap; overflow-wrap: anywhere; }
.maintenance-preview .preview-label { font-size: 9px; letter-spacing: .18em; text-transform: uppercase; }
.maintenance-preview .preview-end { border-top: 1px solid #d1c6ad; padding-top: 18px; margin-top: 26px; font-size: 12px; }
.maintenance-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 6px; }
.maintenance-actions button { border-radius: 0; padding: 12px 17px; }
.maintenance-editor .maintenance-feedback { padding: 12px 0; margin: 0; font-size: 13px; color: #cfba84; }
.maintenance-editor [hidden], .maintenance-overlay [hidden] { display: none !important; }
.maintenance-editor button:disabled { cursor: not-allowed; opacity: .5; }
.maintenance-editor :focus-visible { outline: 2px solid #d2b064; outline-offset: 4px; }
@media (max-width: 700px) { .maintenance-workspace { grid-template-columns: 1fr; } .maintenance-editor .maintenance-hero { padding: 20px; align-items: flex-start; flex-wrap: wrap; } .maintenance-return { gap: 10px; } .maintenance-clock { font-size: 24px; } }