.opsManagementActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.opsManagementActions button{min-width:56px!important;padding:10px 14px!important}.opsDetailActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0}.opsDetailActions>span{color:var(--muted);font-size:12px;margin-right:auto}.opsDetailActions button,.opsEditor button{border:1px solid var(--line);border-radius:14px;background:var(--card,#fff);color:var(--ink);padding:12px 16px;font:inherit}.opsEditor,.opsAmounts{max-width:760px;margin:auto;padding:24px 18px}.opsEditor h1,.opsAmounts h1{font-size:28px;margin:0 0 24px}.opsEditor form{display:grid;gap:20px}.opsEditorGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.opsEditor label{display:grid;gap:7px;font-size:13px;min-width:0}.opsEditor input,.opsEditor select,.opsEditor textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%;border:1px solid var(--line);border-radius:12px;background:var(--card,#fff);color:var(--ink);padding:11px;font:inherit;font-size:16px}.opsEditSegment{border:1px solid var(--line);border-radius:18px;padding:16px;margin:0 0 14px;min-width:0}.opsEditSegment legend{padding:0 8px}.opsEditor .opsSave{background:var(--ink,#171918);color:var(--card,#fff);font-weight:700}.opsEditor p{font-size:12px;color:var(--muted);margin:0}.opsEditor .opsFormError{color:#a33d3d}.opsEditor button:disabled{opacity:.5}.opsAmountRow{display:flex;justify-content:space-between;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.opsAmountRow div{min-width:0}.opsAmountRow small{display:block;margin:6px 0;color:var(--muted);font-size:12px}.opsAmountRow p{margin:6px 0;font-size:13px;overflow-wrap:anywhere}.opsAmountRow>strong{white-space:nowrap}.amountMinus{color:#a33d3d}.amountPlus{color:#25669b}.opsRecordAmounts,.opsAudit{margin-top:24px}.opsRecordAmounts h2{font-size:18px}.opsAudit summary{cursor:pointer;font-weight:600;padding:14px 0}.opsAudit p{font-size:13px;border-top:1px solid var(--line);padding-top:10px}.opsAudit small{color:var(--muted)}
#activity .attendanceStatus,.historyRight .attendanceStatus,.attendanceStatus{display:inline-block!important;align-self:center;justify-self:end;border-radius:9px;padding:5px 8px;font-size:12px!important;line-height:1.5;font-weight:650;white-space:nowrap}.attendanceStatus-manual{color:#245f96!important;background:#eaf2fb!important}.attendanceStatus-auto{color:#38685e!important;background:#eaf4ef!important}.attendanceStatus-adjusted{color:#7255a0!important;background:#f0eafa!important}.attendanceStatus-pending{color:#936423!important;background:#fcf2dc!important}.attendanceStatus-rejected{color:#a13939!important;background:#fbecec!important}.attendanceStatus-working{color:#25669b!important;background:#eaf2fb!important}.opsReviewState[data-review-status=approved]{color:#245f96!important;background:#eaf2fb!important}.opsReviewState[data-review-status=adjusted]{color:#7255a0!important;background:#f0eafa!important}
@media(max-width:420px){.opsManagementActions{gap:8px}.opsManagementActions button{font-size:12px!important;padding:9px 10px!important}.opsEditorGrid{gap:10px}.opsEditor{padding:20px 12px}}

.opsReviewState[data-review-status="approved"][data-approval-method="automatic"]{background:#e7f3eb!important;color:#256447!important}

@media(max-width:600px){.opsEditorGrid label:has(input[type="datetime-local"]){grid-column:1/-1}}
.spActionBadge{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 5px;border-radius:20px;background:#cd4b4b;color:#fff;font:700 11px/1 system-ui;font-variant-numeric:tabular-nums;vertical-align:middle}.navBtn[data-page="messages"]{position:relative}.navBtn[data-page="messages"]>.spActionBadge{position:absolute;top:1px;left:calc(50% + 8px)}.messagePrimaryTabs .spActionBadge{margin-left:6px}.expenseReviewEntry{margin:12px 0;display:flex;align-items:center;gap:8px;min-height:44px}.expenseReview .expenseReviewTabs{margin:18px 0;grid-template-columns:repeat(4,minmax(0,1fr))}.expenseReviewCard{margin:12px 0}.expenseReviewCard>summary{display:flex;justify-content:space-between;gap:12px;padding:16px}.expenseReviewCard summary small{display:block;margin-top:6px;font-size:12px}.expenseReviewCard summary strong{white-space:nowrap}.expenseReview .payrollDetails p{white-space:pre-wrap;overflow-wrap:anywhere}.actionNotificationList .clientStatusTabs{margin-bottom:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.opsReviewCategoryTitle,.expenseReview>h2,.payrollLineCategoryTitle,.payrollPersonnel>h2{font-size:17px;margin:24px 0 12px;font-weight:700}.expenseReview h3,.payrollLineCategory h3{font-size:13px;color:#707670;margin:18px 0 8px}.expenseReview>h2 small,.payrollPersonnel>h2 small{font-size:12px;color:#707670}.opsExpenseCategory{margin-bottom:20px}.expenseReview .payrollCard{background:#fff}.payrollPersonnel>.payrollCard{margin:12px 0}
/* Share the request-page segments; keep pending counts beside their label. */
.actionNotificationList .notificationStatusTabs{grid-template-columns:repeat(2,minmax(0,1fr))}
.notificationStatusTabs>button{display:flex;align-items:center;justify-content:center;white-space:nowrap}
.notificationStatusTabs .spActionBadge{display:inline-flex;flex:0 0 auto;width:auto;min-width:18px;height:18px;margin:0 0 0 5px;padding:0 5px;border-radius:999px;background:var(--product-count,#cd4b4b);color:#fff;font:900 9px/1 system-ui;vertical-align:middle}

/* A column flex header turns the shared 12rem flex-basis into vertical space.
   This header sizes its title and actions from their content at every width. */
.opsReview>header.clientModuleHead{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start!important}
.opsReview>header.clientModuleHead>.opsManagementActions{flex:none;max-width:100%;min-width:0;justify-content:flex-end;align-content:start}
.opsReview .opsManagementActions>button{flex:0 1 auto;max-width:100%;min-height:44px;height:auto;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
@media(max-width:600px){.opsReview>header.clientModuleHead{grid-template-columns:minmax(0,1fr)}.opsReview>header.clientModuleHead>.opsManagementActions{justify-content:flex-start}}
.opsAudit p{overflow-wrap:anywhere;line-height:1.6}.opsAudit strong,.opsAudit .opsAuditChange{display:block}.opsAudit .opsAuditLegacy{display:block;color:var(--muted);font-size:12px}