.notice-classification{margin-bottom:16px;min-width:0}
.notice-category-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.notice-category-heading h2{font-size:16px;font-weight:750;color:#17364e;margin:0}
.notice-category-heading>span{font-size:12px;color:#6b8294}
.notice-classification .notice-groups{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:0}
.notice-classification .notice-groups.task-only{grid-template-columns:repeat(3,minmax(0,1fr))}
.notice-classification .notice-group-card{padding:13px 14px;gap:5px}
.notice-classification .notice-group-card>strong{font-size:22px;line-height:1.2}
.notice-classification .notice-group-card p{font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.notice-classification .notice-group-card{position:relative;min-width:0;white-space:normal;border-top-width:3px}
.notice-group-card.comment{border-top-color:#079686}
.notice-group-card.state{border-top-color:#397bc9}
.notice-group-card.other{border-top-color:#7f91a4}
.notice-group-card.hr{border-top-color:#8d6bbd}
.notice-group-card.announcement{border-top-color:#d79a38}
.notice-classification .notice-group-card.active{box-shadow:0 0 0 1px #00a69c}
.notice-classification .notice-group-card>span{font-size:16px;font-weight:750;color:#15364d}
.notice-classification .notice-group-card .has-unread{color:#c4434b}
.notice-category-badge{display:inline-flex;align-items:center;vertical-align:middle;max-width:100%;white-space:nowrap;border:0;border-radius:5px;padding:3px 7px;margin-right:4px;font-family:inherit;font-size:11px;font-weight:700;line-height:1.5;box-shadow:none}
button.notice-category-badge{cursor:pointer}
button.notice-category-badge:hover{filter:brightness(.94)}
.notice-category-badge.comment{background:#e4f5ef;color:#197769}
.notice-category-badge.state{background:#e8f0ff;color:#285c9b}
.notice-category-badge.other{background:#eef1f5;color:#586c7f}
.notice-category-badge.hr{background:#f0eafa;color:#70509a}
.notice-category-badge.announcement{background:#fff3dc;color:#92631e}
.notice-task-filter{font-weight:700}
.notice-task-counter{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;margin-left:3px;border-radius:10px;background:#edf1f6;color:#617587;font-size:11px;font-weight:700}
.notice-task-counter.has-unread{background:#cc454e;color:#fff}
@media(max-width:650px){.notice-category-heading{align-items:flex-start}.notice-category-heading h2{font-size:15px}.notice-category-heading>span{font-size:11px}.notice-classification .notice-group-card>span{font-size:13px}.notice-category-badge{font-size:10px;padding:2px 5px}.notice-classification .notice-group-card p{line-height:1.6}}
@media(min-width:651px) and (max-width:1050px){.notice-classification .notice-groups{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.notice-classification .notice-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.notice-classification .notice-group-card{padding:10px 11px}.notice-classification .notice-groups.task-only{grid-template-columns:repeat(3,minmax(0,1fr))}.notice-classification .notice-group-card>strong{font-size:20px}}
@media(max-width:650px){.notice-classification .notice-groups:not(.task-only) .notice-group-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px}.notice-classification .notice-groups:not(.task-only) .notice-group-card p{grid-column:1/-1;font-size:10px}}
/* 站内信直达审批（第二批第1项）：审批单当前状态标签、可点击的标题与正文、经营总览最新通知 */
.notice-approval-state{display:inline-flex;align-items:center;max-width:100%;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;line-height:1.5;white-space:normal;text-align:left;background:#eef1f5;color:#586c7f}
.notice-approval-state.actionable{background:#fff1df;color:#9a3412}
.notice-approval-state.pending{background:#e8f0ff;color:#285c9b}
.notice-approval-state.done{background:#dff6ef;color:#098270}
.notice-approval-state.done{background:#e4f5ef;color:#197769}
.notice-approval-state.missing,.notice-approval-state.forbidden,.notice-approval-state.info{background:#eef1f5;color:#586c7f}
.notice-message[data-notice-approval]{cursor:pointer;border-radius:6px;min-width:0}
.notice-message[data-notice-approval]:hover .record-title{color:#007e70;text-decoration:underline;text-underline-offset:3px}
.notice-message[data-notice-approval]:focus-visible{outline:2px solid #00a991;outline-offset:3px}
.notice-message{min-width:0;flex:1 1 auto;overflow-wrap:anywhere}
.dashboard-notice{align-items:flex-start}
.dashboard-notice .page-actions{flex-wrap:wrap;justify-content:flex-end;max-width:48%}
.notice-approval-unavailable p{margin:0;line-height:1.8;color:#41596b;font-size:13px}
@media(max-width:640px){.notice-record .page-actions,.dashboard-notice .page-actions{max-width:100%;margin-left:0;justify-content:flex-start;gap:6px}.dashboard-notice{flex-wrap:wrap}.notice-approval-state{font-size:10.5px}}
