/* Additive styles only: retains the V3 theme tokens and original CSS files. */
.staff-notifications-overview{margin-block-end:18px}
.staff-notification-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.staff-notification-top h2{margin-block-end:4px}
.notify-context{font-size:11px;color:var(--muted)}
.staff-counts{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin-block:12px 7px}
.staff-counts>span{padding:5px 12px;border-inline-end:1px solid var(--line);font-size:12px;color:var(--muted)}
.staff-counts>span:first-child{padding-inline-start:0}
.staff-counts>span:last-child{border:0}
.staff-counts b{color:var(--ink);font-size:15px}
.staff-notification-help{margin:0;font-size:12px;line-height:1.8}
.staff-notification-row{border-block-end:1px solid var(--line);padding:15px 0}
.staff-notification-row:last-child{border:0}
.staff-notification-heading{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}
.staff-notification-identity{min-width:0;overflow-wrap:anywhere}
.staff-notification-identity small{display:block;font-size:11px}
.staff-account-state{font-size:11px;color:var(--muted);padding-block-start:4px}
.staff-notification-state{display:flex;flex-direction:column;gap:5px;align-items:flex-end;text-align:left;flex-shrink:0}
.staff-notification-state small{font-size:10px}
.notify-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--line);border-radius:7px;color:var(--muted);font-size:11px;font-weight:750;white-space:nowrap;background:var(--wash)}
.notify-pill::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
.notify-pill.enabled{background:var(--mint);color:var(--dark)}
.notify-pill.denied{color:var(--red);background:#fff6f5}
.notify-pill.mixed,.notify-pill.pending{color:#805c21;background:#fcf7e9}
.staff-device-details{margin-block-start:7px}
.staff-device-details summary{font-size:11px;font-weight:700;color:var(--accent);cursor:pointer;padding:4px 0;list-style:revert}
.staff-device-details summary:focus-visible,#refreshStaffStatus:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.staff-devices{padding-block-start:9px}
.staff-device{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:9px;background:var(--wash);border:1px solid var(--line);border-radius:6px;margin-block:5px;font-size:11px}
.staff-device b{font-weight:750}
.staff-device>span{color:var(--muted);margin-inline-start:auto}
.staff-device>small{width:100%;color:var(--muted)}
@media(max-width:650px){.staff-notification-heading{flex-direction:column}.staff-notification-state{align-items:flex-start;text-align:right}.staff-counts>span{width:50%;padding-block:8px}.staff-counts>span:nth-child(2){border:0}.staff-notifications-overview{margin-block-end:12px}}
@media(prefers-reduced-motion:reduce){.notify-pill{transition:none}}

.notification-head-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
@media(max-width:760px){.notification-head-actions{margin-block-start:12px}.notification-head-actions .btn{min-height:44px}}