.announcement-mask{position:fixed;inset:0;z-index:220;background:#0007;display:flex;align-items:center;justify-content:center;padding:24px}.announcement-dialog{background:#fff;border-radius:12px;padding:28px;width:min(1000px,96vw);max-height:90vh;overflow:auto;box-shadow:0 20px 60px #0003}.announcement-dialog h2{margin:0 0 24px}.announcement-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}.announcement-fields label{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.announcement-fields input,.announcement-fields select{width:100%;padding:12px;border:1px solid #d9dee6;border-radius:6px}.announcement-fields span,.announcement-error{color:#e34d59}.announcement-status{display:flex;gap:24px;align-items:center;margin:24px 0}.announcement-status label{display:flex;gap:8px;align-items:center}.announcement-content{min-height:260px;max-height:40vh;overflow:auto;border:1px solid #d9dee6;padding:20px;outline:none}.announcement-content img{max-width:100%;height:auto}.announcement-content:empty:before{content:attr(data-placeholder);color:#999}.announcement-toolbar{margin-top:12px;flex-wrap:wrap}.announcement-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:20px}.announcement-error{min-height:20px;margin:10px 0}.announcement-toolbar input[type=color]{width:32px;height:30px;padding:0}@media(max-width:640px){.announcement-fields{grid-template-columns:1fr}.announcement-dialog{padding:18px}.announcement-mask{padding:10px}}

/* Match the existing admin light/dark palette. */
.announcement-dialog{color:var(--ink);--announcement-surface:#fff;--announcement-field:#fff;background:var(--announcement-surface);border:1px solid var(--line)}
.announcement-fields input,.announcement-fields select,.announcement-content{background:var(--announcement-field);color:var(--ink);border-color:var(--line)}
.announcement-toolbar{background:var(--announcement-surface);color:var(--ink);border-color:var(--line)}
.announcement-toolbar button,.announcement-toolbar select{background:var(--announcement-field);color:var(--ink);border-color:var(--line)}
.announcement-toolbar button:hover{background:var(--blue-soft);color:var(--blue)}
.announcement-toolbar button:focus-visible,.announcement-content:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.announcement-content:empty:before{color:var(--muted)}
.announcement-status input{accent-color:var(--blue)}
html[data-theme="dark"] .announcement-dialog{--announcement-surface:#182331;--announcement-field:#111b28;box-shadow:0 20px 60px #0006}
html[data-theme="dark"] .announcement-fields span,html[data-theme="dark"] .announcement-error{color:#ff929b}