.system-notice-dialog { box-sizing:border-box; width:min(600px,calc(100vw - 32px)); max-height:85vh; margin:auto; padding:0; border:1px solid #d6e0ef; border-radius:18px; color:#173653; background:#fff; box-shadow:0 18px 65px #10264c35; }
.system-notice-dialog [hidden] { display:none; }
.system-notice-dialog::backdrop { background:rgba(12,25,44,.52); }
.system-notice-heading { padding:24px 28px 18px; border-bottom:1px solid #e5eaf2; }
.system-notice-heading small { display:block; color:#3668ac; margin-bottom:8px; }
.system-notice-heading h2 { margin:0; font-size:24px; line-height:1.45; overflow-wrap:anywhere; }
.system-notice-content { padding:24px 28px; min-height:120px; max-height:45vh; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.8; font-size:17px; }
.system-notice-footer { padding:16px 24px; border-top:1px solid #e5eaf2; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.system-notice-footer label { font-size:14px; display:flex; align-items:center; gap:6px; }
.system-notice-controls { display:flex; align-items:center; gap:8px; }
.system-notice-dialog button { font:inherit; cursor:pointer; border:1px solid #c8d6ea; background:#fff; color:#173653; border-radius:6px; padding:8px 12px; }
.system-notice-dialog button:disabled { opacity:.4; cursor:default; }
.system-notice-dialog button:last-child { background:#215bd8; color:#fff; border-color:#215bd8; }
.system-notice-dialog :focus-visible { outline:3px solid #3673f6; outline-offset:2px; }
.system-notice-dialog .system-notice-heading h2:focus { outline:none; }
.system-notice-dialog .system-notice-content:focus-visible { outline-offset:-3px; }
.system-notice-counter { font-size:14px; }