.notice-history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.notice-history-toolbar .tabs{margin:0}.notice-history-toolbar .tabs button{font-size:13px;padding:8px 13px}
.notice-list{max-height:58dvh;overflow:auto;display:grid;gap:7px;padding:2px}
.notice-history-item{display:flex;align-items:flex-start;gap:10px;width:100%;padding:12px;text-align:left;border:1px solid var(--line);border-radius:8px;background:var(--surface-two,var(--field));color:var(--text);line-height:1.5}
.notice-history-item.is-unread{font-weight:600}.notice-history-item.is-read{color:var(--muted);background:transparent;font-weight:400;opacity:.72}
.notice-history-item.is-read:hover,.notice-history-item.is-read:focus-visible{opacity:1;background:var(--hover)}
.notice-history-copy{display:grid;gap:5px;min-width:0;overflow-wrap:anywhere}.notice-history-copy small{font-size:11px;font-weight:400;color:var(--muted)}
.notice-history-mark{display:grid;place-items:center;width:18px;min-width:18px;height:21px}.notice-history-mark>i{width:7px;height:7px;background:var(--blue);border-radius:50%}.notice-history-mark svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.notice-history-footer{display:flex;justify-content:center;margin-top:12px}.notice-history-footer button{min-width:160px}
@media(max-width:500px){.notice-history-toolbar{gap:8px}.notice-history-toolbar>button{font-size:12px}.notice-list{max-height:55dvh}.notice-history-item{padding:10px;font-size:13px}}