/* Inset outline preserves tile dimensions on phone and desktop. */
@layer portal-sticky-header {
 #admin .officePendingSummary {border:2px solid #df2030;border-radius:14px;padding:12px;margin:8px 0 14px;background:#fff;}
 #admin .officePendingSummary h3,#admin .officePendingSummary p {margin:0 0 8px;}
 #admin .officePendingActions {display:flex;flex-wrap:wrap;gap:8px;}
 #admin .officePendingActions .btn {flex:1 1 170px;min-width:0;min-height:44px;white-space:normal;background:#1460ea;color:white;}
 #admin .notificationAttention,#admin .unreadAllPeriods,#admin .notificationPendingRecord {outline:2px solid #df2030!important;outline-offset:-2px!important;}
 #admin .unreadAllPeriods {margin:8px 0!important;min-height:44px!important;white-space:normal!important;}
 #admin .unreadAllPeriods[hidden] {display:none!important;}
 #admin details:has([data-office-unread],.notificationPendingRecord,.officeInboxUnseen,.officeInboxPending) {border:2px solid #df2030!important;}
 #admin [data-office-unread] {outline:2px solid #df2030!important;outline-offset:-2px!important;}
 #admin .duplicateAllPeriods {border:2px solid #df2030!important;margin:8px 0!important;min-height:44px!important;white-space:normal!important;}
 #admin .duplicateAllPeriods[hidden] {display:none!important;}
 #admin details:has(button[onclick*="showReceiptDuplicates"]) {border:2px solid #df2030!important;}
 #admin tr[data-office-item-id]:has(button[onclick*="showReceiptDuplicates"]) {outline:2px solid #df2030!important;outline-offset:-2px!important;}
 #admin button.duplicateAttention {outline:3px solid #df2030!important;outline-offset:-3px!important;}
 #duplicateReviewQueue>section {border:2px solid #df2030!important;}
 #admin button[onclick*="showReceiptDuplicates"],#admin button[onclick*="showMediaDuplicates"] {border:2px solid #df2030!important;}
}