/* Shared action variants: normal 42px, compact 36px, touch 44px. */
:root{--action-blue:#1762ff;--action-blue-hover:#1055e6;--action-border:#d6dfec;--action-ink:#42536b;--action-radius:8px}
.button.button-action,
:is(.staff-page .staff-workspace,.staff-page,.console-page,.employee-account-card,.employee-documents-dialog,.employee-chat-page,.employee-history-page,.chat-profile,.nationality-onboarding,.navigation-dialog) .button.button-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;min-width:0;max-width:100%;height:auto;min-height:42px;padding:10px 16px;border:1px solid transparent;border-radius:var(--action-radius);font-family:inherit;font-size:13px;font-weight:600;line-height:1.5;text-align:center;text-decoration:none;white-space:normal;vertical-align:middle;box-shadow:none;cursor:pointer}
.button.button-action.button-primary,
:is(.staff-page .staff-workspace,.staff-page,.console-page,.employee-account-card,.employee-documents-dialog,.employee-chat-page,.employee-history-page,.chat-profile,.nationality-onboarding,.navigation-dialog) .button.button-action.button-primary{background:var(--action-blue);border-color:var(--action-blue);color:#fff}
.button.button-action.button-primary:hover,
:is(.staff-page .staff-workspace,.staff-page,.console-page,.employee-account-card,.employee-documents-dialog,.employee-chat-page,.employee-history-page,.chat-profile,.nationality-onboarding,.navigation-dialog) .button.button-action.button-primary:hover{background:var(--action-blue-hover);border-color:var(--action-blue-hover);color:#fff;text-decoration:none}
.button.button-action.button-secondary,
:is(.staff-page .staff-workspace,.staff-page,.console-page,.employee-account-card,.employee-documents-dialog,.employee-chat-page,.employee-history-page,.chat-profile,.nationality-onboarding,.navigation-dialog) .button.button-action.button-secondary{background:#fff;border-color:var(--action-border);color:var(--action-ink)}
.button.button-action.button-secondary:hover,
:is(.staff-page .staff-workspace,.staff-page,.console-page,.employee-account-card,.employee-documents-dialog,.employee-chat-page,.employee-history-page,.chat-profile,.nationality-onboarding,.navigation-dialog) .button.button-action.button-secondary:hover{background:#f1f5fb;border-color:#b8c7dc;color:#243b59;text-decoration:none}
.button.button-action.button-danger,
:is(.staff-page .staff-workspace,.staff-page,.console-page,.employee-account-card,.employee-documents-dialog,.employee-chat-page,.employee-history-page,.chat-profile,.nationality-onboarding,.navigation-dialog) .button.button-action.button-danger{background:#ac3e4b;border-color:#ac3e4b;color:#fff}
.button.button-action.button-danger:hover,
:is(.staff-page .staff-workspace,.staff-page,.console-page,.employee-account-card,.employee-documents-dialog,.employee-chat-page,.employee-history-page,.chat-profile,.nationality-onboarding,.navigation-dialog) .button.button-action.button-danger:hover{background:#91323e;border-color:#91323e;color:#fff}
.button.button-action.button-small,
:is(.staff-page .staff-workspace,.staff-page,.console-page,.employee-account-card,.employee-documents-dialog,.employee-chat-page,.employee-history-page,.chat-profile,.nationality-onboarding,.navigation-dialog) .button.button-action.button-small{min-height:36px;padding:7px 12px;font-size:12px}
.button.button-action:disabled,
:is(.staff-page .staff-workspace,.staff-page,.console-page,.employee-account-card,.employee-documents-dialog,.employee-chat-page,.employee-history-page,.chat-profile,.nationality-onboarding,.navigation-dialog) .button.button-action:disabled{opacity:.45;cursor:not-allowed}
.button.button-action:focus-visible,
:is(.staff-page .staff-workspace,.staff-page,.console-page,.employee-account-card,.employee-documents-dialog,.employee-chat-page,.employee-history-page,.chat-profile,.nationality-onboarding,.navigation-dialog) .button.button-action:focus-visible{outline:2px solid #8bb4ff;outline-offset:2px}
@media(max-width:740px){.button.button-action,
:is(.staff-page .staff-workspace,.staff-page,.console-page,.employee-account-card,.employee-documents-dialog,.employee-chat-page,.employee-history-page,.chat-profile,.nationality-onboarding,.navigation-dialog) .button.button-action{min-height:44px}
.button.button-action.button-small,
:is(.staff-page .staff-workspace,.staff-page,.console-page,.employee-account-card,.employee-documents-dialog,.employee-chat-page,.employee-history-page,.chat-profile,.nationality-onboarding,.navigation-dialog) .button.button-action.button-small{min-height:44px;padding:8px 12px}
}

/* Icon-only search and refresh share compact and touch dimensions. */
.button.button-action.button-icon,.employee-chat-page .button.button-action.button-icon,.console-page .button.button-action.button-icon{width:36px;min-width:36px;min-height:36px;padding:8px;flex:0 0 auto}
.employee-chat-page .employee-history-search:has(.button-icon){height:auto;min-height:40px}
@media(max-width:740px){.button.button-action.button-icon,.employee-chat-page .button.button-action.button-icon,.console-page .button.button-action.button-icon{width:44px;min-width:44px;min-height:44px;padding:10px}.employee-chat-page .employee-history-search:has(.button-icon){min-height:46px}}

.employee-history-search .button.button-action{align-self:center}

/* Dismiss icons share the same secondary appearance and hit area. */
.button.button-action.button-close,:is(.staff-page .staff-workspace,.staff-page,.console-page,.employee-account-card,.employee-documents-dialog,.employee-chat-page,.employee-history-page,.chat-profile,.nationality-onboarding,.navigation-dialog) .button.button-action.button-close{width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;max-height:36px;flex:0 0 36px;padding:0;font-size:22px;line-height:1;letter-spacing:normal}
@media(max-width:740px){.button.button-action.button-close,:is(.staff-page .staff-workspace,.staff-page,.console-page,.employee-account-card,.employee-documents-dialog,.employee-chat-page,.employee-history-page,.chat-profile,.nationality-onboarding,.navigation-dialog) .button.button-action.button-close{width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;max-height:44px;flex-basis:44px;padding:0}}

/* Keep the existing assistant drawer visibility rules. */
.console-page .console-shell[data-assistant-open=false] .assistant-panel-close.button-action{display:none}
@media(min-width:1440px){.console-page .console-shell .assistant-panel-close.button-action{display:none}}

/* Navigation uses the same secondary variants, including inactive page labels. */
:is(.staff-pagination,.report-pagination,.employee-users-pagination,.account-pagination,.knowledge-actions,.employee-documents-pages):has(>.button-navigation){align-items:center;flex-wrap:wrap;gap:10px}
.console-page .inbox-pagination>div:has(>.button-navigation){flex-wrap:wrap}
.employee-users-page-disabled.button.button-navigation{opacity:.45;cursor:not-allowed}