.staff-notification-bell{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;min-width:55px;min-height:44px;padding:8px 10px;border:1px solid #b7cff0;border-radius:12px;background:#edf5ff;color:#124a8c;text-decoration:none;font-weight:700}.staff-notification-bell svg{width:22px;height:22px}.staff-notification-bell span{min-width:20px;padding:1px 4px;border-radius:6px;background:#164e91;color:#fff;text-align:center;font-size:13px}.staff-notification-bell:hover,.staff-notification-bell:focus-visible{background:#dcecff;outline:2px solid #d4b039;outline-offset:2px}.staff-task-summary{margin:4px 0 28px;padding:20px;border:1px solid #bdd2ee;border-inline-start:4px solid #2164ae;border-radius:18px;background:linear-gradient(115deg,#fff,#edf5ff);box-shadow:0 8px 24px #1e4d8210;color:#143d72}.staff-task-summary-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.staff-task-summary-head>div{display:flex;align-items:center;gap:10px}.staff-task-summary h2{font-size:18px;line-height:1.6;margin:0}.staff-task-summary p{font-size:14px;line-height:1.9;margin:9px 0 0;color:#425f81}.staff-task-summary-head>a{font-size:14px;font-weight:600;color:#174e90}.staff-task-count{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;padding:4px 8px;border-radius:10px;background:#164e91;color:#fff;font-size:16px;font-weight:700;flex-shrink:0}.staff-task-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.staff-task-quick>a,.staff-task-item{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:14px;border:1px solid #cbdcf1;border-radius:12px;background:#fff;text-decoration:none;color:#153f77}.staff-task-quick span,.staff-task-item>span{min-width:0;display:grid;gap:5px}.staff-task-quick b{font-size:14px;line-height:1.8}.staff-task-quick small{font-size:12px;line-height:1.8;color:#526d89;overflow-wrap:anywhere}.staff-task-quick strong{min-width:24px;text-align:center;color:#124c8e}.staff-task-list{display:grid;gap:10px}.staff-task-item b{font-size:15px;line-height:1.8;overflow-wrap:anywhere}.staff-task-item time{font-size:12px;color:#526d89;justify-self:start}.staff-task-item>strong{font-size:13px;white-space:nowrap}.staff-task-quick a:hover,.staff-task-item:hover{background:#f1f7ff;border-color:#86acd8}.staff-task-group h2{font-size:20px}.staff-task-group .section-head{align-items:center}@media(max-width:760px){.staff-task-quick{grid-template-columns:1fr}.staff-task-summary{padding:15px;border-radius:14px}.staff-task-summary h2{font-size:16px}.staff-task-summary-head>a{font-size:12px}.staff-task-item{padding:12px;flex-wrap:wrap}.staff-task-group h2{font-size:18px}.staff-notification-bell{min-width:48px;padding:7px}.staff-notification-bell span{font-size:12px}}@media print{.staff-task-summary,.staff-notification-bell{display:none!important}}

.staff-notification-bell[hidden],.staff-task-summary[hidden],.staff-task-quick[hidden]{display:none!important}

/* Status includes an explicit label, never colour alone. */
.notification-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}.notification-filter{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 15px;border-radius:12px;border:1px solid;text-decoration:none;font-weight:700;font-size:14px}.notification-filter.is-selected{outline:2px solid currentColor;outline-offset:2px}.notification-pending,.staff-task-quick>a.notification-pending{background:#fff8d9;border-color:#dbba36;color:#674900}.notification-reviewed{background:#e7f6ed;border-color:#79bc93;color:#175f37}.notification-cancelled{background:#fff0ee;border-color:#d99191;color:#922b2b}.staff-task-item.notification-pending:hover{background:#fff1ba}.staff-task-item.notification-reviewed:hover{background:#d6efdf}.staff-task-item.notification-cancelled:hover{background:#ffe0db}.notification-state{font-size:12px;font-weight:700;color:inherit}.notification-pending time,.notification-reviewed time,.notification-cancelled time{color:inherit;opacity:.85}.notification-pagination{display:flex;justify-content:space-between;gap:12px}.staff-task-quick>a.notification-pending small{color:#6f571d}.staff-task-quick>a.notification-pending strong{color:#674900}@media(max-width:600px){.notification-filter{flex:1 1 145px;font-size:13px;justify-content:center}}

.notification-progress,.staff-task-quick>a.notification-progress{background:#e8f2ff;border-color:#7caade;color:#12477f}.staff-task-item.notification-progress:hover{background:#dcecff}.notification-progress time,.staff-task-quick>a.notification-progress small,.staff-task-quick>a.notification-progress strong{color:#12477f}