#admin .officeInboxManaged .officeTileBadge{display:none!important}
#admin .officeInboxAttention .officeNoteDueCount{display:none!important}
#admin .officeInboxMessageNew{border:3px solid #dc2626!important;animation:none!important}
#admin [data-office-destination="messages"].officeInboxManaged,#admin [data-compact-destination="messages"].officeInboxManaged{animation:none!important}
#admin .officeInboxPending{background:#b91c1c!important;border:2px solid #991b1b!important;color:#fff!important}
#admin .officeInboxPending :is(b,small,span){color:#fff!important}
#admin .officeInboxUnseen{animation:officeInboxPulse 1.6s ease-in-out infinite!important}
@keyframes officeInboxPulse{0%,100%{filter:brightness(1);box-shadow:0 0 0 0 #ef444466}50%{filter:brightness(.65);box-shadow:0 0 0 5px #ef444455}}
.officeInboxBadge{display:block;font-size:12px;font-weight:700;line-height:1.3}.officeInboxBadge[hidden]{display:none}
.officeInboxActions,.officeInboxSummary{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0}.officeInboxActions>span{font-size:13px;font-weight:700}.officeInboxActions .btn{min-height:40px}
@media(prefers-reduced-motion:reduce){#admin .officeInboxUnseen{animation:none!important;outline:3px solid #ef4444}}

/* Mobile office home uses the Messages total instead of the large notice panel. */
@media(max-width:900px){#admin#admin#admin#admin.officeOnHome>.officeNotificationGroups,#admin#admin#admin#admin:has(>#dash.active)>.officeNotificationGroups{display:none!important}}
#officeAllIncoming[hidden]{display:none!important}

#admin .officeInboxManaged[data-office-destination="messages"]{position:relative}
#admin .officeInboxManaged[data-office-destination="messages"]>.officeInboxBadge:not([hidden]){display:block!important;position:absolute;right:5px;top:5px;padding:3px 7px;background:#b91c1c;color:white!important;border-radius:12px;line-height:1.2;z-index:1}

#admin .expenseFundsPending{background:#b91c1c!important;color:#fff!important;border:2px solid #991b1b!important;animation:officeInboxPulse 1.6s ease-in-out infinite!important}
@media(prefers-reduced-motion:reduce){#admin .expenseFundsPending{animation:none!important;outline:3px solid #ef4444}}

/* Open expense-fund requests also flag the Attention tile, without invoice balances. */
#admin .officeInboxAttention.officeInboxFundsPending{border:3px solid #dc2626!important;box-shadow:0 0 0 2px #dc262633!important}
