.notice-list{display:grid;gap:10px;max-width:850px}
.notice-list[hidden]{display:none}
.notice-card{width:100%;text-align:left;border:1px solid var(--line);border-radius:15px;background:var(--surface);color:var(--text);padding:16px;cursor:pointer}
.notice-card:hover{border-color:var(--gold)}
.notice-card strong{display:block;font-size:17px}
.notice-card span{color:var(--muted);font-size:13px}
.notice-card .important{color:#967038;font-weight:800}
.notice-actions{margin-top:15px}
.notice-dialog{width:min(650px,calc(100% - 24px));border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--text);padding:25px}
.notice-dialog::backdrop{background:#101712aa}
.notice-dialog h2{margin:8px 0}
.notice-dialog p{white-space:pre-wrap;overflow-wrap:anywhere}
.notice-admin-form{display:grid;gap:10px;max-width:700px}
.notice-admin-form input:not([type=checkbox]),.notice-admin-form textarea,.notice-admin-form select{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);padding:10px;font:inherit}
.notice-admin-form textarea{min-height:150px}
.notice-admin-form label{display:flex;gap:7px;align-items:center}
.notice-admin-list{margin-top:22px;display:grid;gap:8px}
.notice-admin-row{border:1px solid var(--line);border-radius:12px;padding:12px}
.notice-admin-row button{margin:7px 7px 0 0}