.notice-dialog{box-sizing:border-box;width:min(650px,calc(100vw - 28px));max-width:650px;max-height:80dvh;margin:auto;padding:0;overflow:hidden;border:1px solid #46515d;border-radius:8px;background:#222930;color:#e8eef3;box-shadow:0 20px 70px #0008;font-family:inherit}
.notice-dialog::backdrop{background:rgb(6 11 16 / 72%)}
.notice-dialog[open]{display:flex;flex-direction:column}
.notice-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px 17px;border-bottom:1px solid #3b4652;flex:none}
.notice-heading h2{font-size:21px;line-height:1.45;margin:9px 0 0;overflow-wrap:anywhere;color:#f1f6fa}
.notice-type{font-size:12px;color:#7accc5;font-weight:600;letter-spacing:.02em}
.notice-type[data-type=urgent]{color:#ffb89e}
.notice-type[data-type=update]{color:#90c6ff}
.notice-type[data-type=maintenance]{color:#e5c28a}
.notice-dialog button{font:inherit;cursor:pointer;border:1px solid #4c5f70;border-radius:4px;color:#edf4f8;background:#334454;min-height:36px;padding:6px 16px}
.notice-dialog .notice-x{flex:none;min-width:34px;padding:0;background:transparent;border-color:transparent;font-size:25px;line-height:32px;color:#a8b8c7}
.notice-body{padding:20px 24px;overflow:auto;min-height:0;font-size:15px;line-height:1.8;overflow-wrap:anywhere;overscroll-behavior:contain}
.notice-body p{margin:0 0 16px}.notice-body p:last-child{margin-bottom:0}.notice-body ul{padding-left:24px;margin:0 0 16px}.notice-body li+li{margin-top:5px}.notice-body a{color:#90c6ff;text-decoration:underline}.notice-body strong{font-weight:700;color:#f4f8fb}
.notice-footer{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:14px 24px;border-top:1px solid #3b4652;flex:none}
.notice-footer label{display:flex;align-items:center;gap:7px;font-size:13px;cursor:pointer}.notice-footer input{width:16px;height:16px;margin:0;accent-color:#6eaee6}
.notice-dialog :focus-visible,.notice-manager :focus-visible{outline:2px solid #91c8ff;outline-offset:3px}.notice-open{overflow:hidden}
.notice-manager{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;min-width:0}.notice-manager>*{min-width:0}.notice-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.notice-toolbar p{margin:0;color:#a9b9c6;font-size:12px;overflow-wrap:anywhere}.notice-manager button{cursor:pointer}
.notice-editor{border:1px solid #3c4a58;background:#202830;border-radius:6px;padding:20px;display:grid;gap:15px}.notice-editor[hidden]{display:none}
.notice-editor label{display:grid;gap:7px;font-size:13px;color:#cfdae3}.notice-editor input,.notice-editor select,.notice-editor textarea{box-sizing:border-box;width:100%;padding:9px 10px;color:#edf4f8;background:#192128;border:1px solid #4a5c6b;border-radius:4px;font:inherit}.notice-editor textarea{resize:vertical;min-height:220px;line-height:1.65}.notice-editor .notice-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.notice-editor .notice-check{display:flex;align-items:center;gap:8px}.notice-editor .notice-check input{width:16px;height:16px;accent-color:#79b6e9}.notice-editor .notice-format{display:flex;gap:8px;flex-wrap:wrap}.notice-editor small{color:#9cafbf;font-size:12px}.notice-editor .notice-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.notice-state{display:inline-block;font-size:12px;padding:3px 7px;background:#34404c;border-radius:3px;white-space:nowrap}.notice-state[data-state=active]{background:#244a43;color:#9ee3d4}.notice-state[data-state=scheduled]{background:#2c4660;color:#abd5ff}.notice-state[data-state=expired]{color:#acb8c3}.notice-state[data-state=private]{color:#d3c39f}.notice-table{min-width:1050px}.notice-table td{vertical-align:top}.notice-table td:nth-child(2){min-width:180px;max-width:280px;overflow-wrap:anywhere}.notice-table td:nth-child(3),.notice-table td:nth-child(5),.notice-table td:nth-child(7){white-space:nowrap}.notice-table td:last-child{min-width:220px}.notice-table td:last-child button{margin:0 5px 5px 0}.notice-period{font-size:12px;white-space:nowrap}.notice-pages{display:flex;justify-content:flex-end;align-items:center;gap:12px}
@media(max-width:700px){.notice-heading{padding:16px 18px}.notice-heading h2{font-size:19px}.notice-body{padding:18px;font-size:14px}.notice-footer{padding:12px 16px;gap:12px}.notice-footer label{font-size:12px}.notice-editor{padding:14px}.notice-editor .notice-settings{grid-template-columns:1fr}.notice-dialog{max-height:80dvh}}
@media(prefers-reduced-motion:reduce){.notice-dialog,.notice-dialog::backdrop{animation:none;transition:none}}
.notice-body .notice-ink strong,.notice-body .notice-ink a{color:inherit}
.notice-colors{min-width:0;margin:0;padding:12px;border:1px solid #415363;border-radius:4px;display:grid;gap:12px}.notice-colors legend{padding:0 6px;font-size:13px;color:#cfdae3}.notice-palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.notice-palette button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;padding:8px 5px;font-size:12px}.notice-palette button[aria-pressed=true]{border-color:#90c6ff;background:#30475b;outline:1px solid #90c6ff}.notice-color-dot{width:14px;height:14px;flex:none;border-radius:50%;border:1px solid #ffffff30}.notice-custom-color{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.notice-custom-color label{min-width:0}.notice-custom-color input[type=color]{width:64px;height:38px;padding:4px;cursor:pointer}.notice-custom-color input[type=text]{width:126px;height:38px;font-family:monospace}.notice-custom-color button{min-height:38px}.notice-custom-color input[aria-invalid=true]{border-color:#ffb89e}
@media(max-width:700px){.notice-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.notice-custom-color{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.notice-custom-color input[type=text]{width:100%}.notice-custom-color button{padding:8px 5px;font-size:12px}.notice-colors{padding:10px}}