/* Distinct amber notice, matching the workbench's typography and two themes. */
#maintenanceNoticeBanner,#maintenanceNoticeDialog{--notice-bg:#29251e;--notice-panel:#202124;--notice-text:#f5e1ba;--notice-muted:#d2bd99;--notice-line:#78603a;--notice-button:#403421;font:13px/1.55 -apple-system,BlinkMacSystemFont,'SF Pro Text','PingFang SC','Microsoft YaHei','Segoe UI',sans-serif;box-sizing:border-box;color:var(--notice-text);overflow-wrap:anywhere}
html[data-workbench-theme=light] :is(#maintenanceNoticeBanner,#maintenanceNoticeDialog){--notice-bg:#fff5df;--notice-panel:#fff;--notice-text:#694710;--notice-muted:#775f3a;--notice-line:#dfc38c;--notice-button:#f5e7c8;color-scheme:light}
#maintenanceNoticeBanner{position:sticky;top:0;z-index:9500;display:grid;grid-template-columns:90px minmax(0,1fr) 90px;align-items:center;gap:16px;width:100%;padding:10px max(24px,calc((100vw - 1920px)/2 + 24px));background:var(--notice-bg);border-bottom:1px solid var(--notice-line);visibility:visible!important}
#maintenanceNoticeBanner[hidden]{display:none!important}
#maintenanceNoticeBanner[data-level=important]{box-shadow:inset 4px 0 #d5a24b}
#maintenanceNoticeBanner .maintenance-notice-copy{grid-column:2;min-width:0;display:grid;gap:2px;text-align:center}
#maintenanceNoticeBanner>button{grid-column:3;justify-self:end}
#maintenanceNoticeBanner strong{font-size:13px;font-weight:600}
#maintenanceNoticeBanner .maintenance-notice-copy>span{color:var(--notice-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line;font-size:12px}
#maintenanceNoticeBanner button,#maintenanceNoticeDialog button{font:inherit;min-height:44px;padding:8px 14px;flex-shrink:0;color:var(--notice-text);background:var(--notice-button);border:1px solid var(--notice-line);border-radius:8px;cursor:pointer;white-space:nowrap}
#maintenanceNoticeBanner button:hover,#maintenanceNoticeDialog button:hover{filter:brightness(1.08)}
#maintenanceNoticeBanner button:focus-visible,#maintenanceNoticeDialog button:focus-visible{outline:2px solid #5aa7ff;outline-offset:3px}
#maintenanceNoticeDialog{padding:24px;border:1px solid var(--notice-line);border-radius:18px;width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);background:var(--notice-panel);box-shadow:0 18px 64px #0005;visibility:visible!important;overflow-y:auto}
#maintenanceNoticeDialog::backdrop{background:#0007}
#maintenanceNoticeDialog h2{margin:0 0 16px;font-size:18px;line-height:1.4;font-weight:600;color:var(--notice-text)}
#maintenanceNoticeContent{margin:0 0 16px;white-space:pre-wrap;color:var(--notice-text)}
#maintenanceNoticeDialog .maintenance-notice-time,#maintenanceNoticeDialog .maintenance-notice-note{font-size:12px;color:var(--notice-muted);margin:12px 0}
#maintenanceNoticeDialog .maintenance-notice-note{padding-top:12px;border-top:1px solid var(--notice-line)}
@media(max-width:600px){#maintenanceNoticeBanner{padding:8px 12px;gap:8px;grid-template-columns:minmax(0,1fr)}#maintenanceNoticeBanner .maintenance-notice-copy{grid-column:1}#maintenanceNoticeBanner>button{grid-column:1;justify-self:center;padding:8px 10px}#maintenanceNoticeDialog{padding:20px 16px}}