/* Local release7: preserve existing design/behavior, enlarge narrow-screen targets. */
@media (max-width:1024px) {
 .shell button, .applicant-drawer button { min-height:44px; }
 .shell button:has(svg):not(:has(span,strong)), .applicant-drawer button:has(svg):not(:has(span,strong)) { min-width:44px; }
 .shell input[type="checkbox"] { width:24px;height:24px;flex-shrink:0; }
 .shell .tabs { max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; }
 .shell .tabs button { flex-shrink:0; }
 .shell .hrgp-tools-body { min-width:0; }
 .shell .hrgp-native-toolbar { flex-wrap:wrap; gap:12px; }
 .shell .hrgp-native-toolbar h2 { min-width:0; overflow-wrap:anywhere; }
 .shell .hrgp-native-table-scroll { max-width:100%; overflow-x:auto; }
 .shell .hrgp-tool-edit :is(input,textarea,select) { max-width:100%; min-width:0;box-sizing:border-box; }
}
@media (max-width:390px) {
 .shell .applicant-drawer .applicant-quick-actions, .applicant-drawer .applicant-quick-actions { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
 .applicant-drawer .applicant-quick-actions button { overflow-wrap:break-word; }
 .applicant-drawer .applicant-drawer-header h2 { overflow-wrap:anywhere; }
 .shell .hrgp-tools-hub .tabs { gap:16px; }
}

@media (max-width:1024px){
 .shell .hrgp-native-toolbar button,.shell .hrgp-tool-edit-form button,.shell .header-tools button{min-height:44px;}
 .shell .table-wrap{max-width:100%;overflow-x:auto;}
}

@media(max-width:390px){
 body .due-reminder-check-error{position:static!important;inset:auto!important;transform:none!important;margin:8px;max-width:calc(100% - 16px);pointer-events:none;}
}

/* New-company signup only; accepted existing layouts unchanged. */
.hrgp-auth-page .hrgp-signup-accept{display:block;min-height:44px;padding:12px 0;overflow-wrap:anywhere}.hrgp-auth-page .hrgp-signup-accept input[type="checkbox"]{width:20px;height:20px;min-height:20px;display:inline-block;margin:0 8px 0 0;vertical-align:middle}.hrgp-auth-page .hrgp-signup-accept a{display:inline-block;padding:8px}
/* Demonstrated signup/recovery targets were 42px: keep accepted sign-in untouched. */
.hrgp-auth-card:is([data-view="signup"],[data-view="recoverReset"]) .hrgp-password-field button{min-height:44px}
.hrgp-auth-card[data-view="signup"] .hrgp-signup-accept a{min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center}
/* PHONE-TEXT-MIN:begin (generated by make-phone-text-sizes.mjs; text under 12px becomes 12px on a phone, desktop unchanged) */
@media (max-width:680px){
.action-disabled{font-size:0.75rem!important}
.action-fields .action-check{font-size:0.75rem!important}
.action-fields label{font-size:0.75rem!important}
.action-fields small{font-size:0.75rem!important}
.action-info p{font-size:0.75rem!important}
.action-preview-footer{font-size:0.75rem!important}
.action-warning{font-size:0.75rem!important}
.activity-day{font-size:0.75rem!important}
.activity-event p{font-size:0.75rem!important}
.activity-event small{font-size:0.75rem!important}
.activity-filters button{font-size:0.75rem!important}
.activity-item p{font-size:0.75rem!important}
.activity-item small{font-size:0.75rem!important}
.activity-type{font-size:0.75rem!important}
.agenda-empty{font-size:0.75rem!important}
.agenda-item p{font-size:0.75rem!important}
.agenda-item small{font-size:0.75rem!important}
.agenda-item strong{font-size:0.75rem!important}
.ai-ask-callout p{font-size:0.75rem!important}
.ai-camera small{font-size:0.75rem!important}
.ai-check-item small{font-size:0.75rem!important}
.ai-check-pending{font-size:0.75rem!important}
.ai-facts span{font-size:0.75rem!important}
.ai-progress{font-size:0.75rem!important}
.ai-session-actions span{font-size:0.75rem!important}
.ai-sound-tip{font-size:0.75rem!important}
.annotation-empty{font-size:0.75rem!important}
.applicant-add-header .eyebrow{font-size:0.75rem!important}
.applicant-bulk-bar button{font-size:0.75rem!important}
.applicant-bulk-preview small{font-size:0.75rem!important}
.applicant-date-calendar-foot button{font-size:0.75rem!important}
.applicant-date-calendar-grid span{font-size:0.75rem!important}
.applicant-date-field{font-size:0.75rem!important}
.applicant-date-presets{font-size:0.75rem!important}
.applicant-filterbar .applicant-job-menu-tabs button{font-size:0.75rem!important}
.applicant-filterbar label{font-size:0.75rem!important}
.applicant-filterbar-new .applicant-date-calendar-grid button{font-size:0.75rem!important}
.applicant-filterbar-new .applicant-date-calendar-grid span{font-size:0.75rem!important}
.applicant-job-cell small{font-size:0.75rem!important}
.applicant-job-options small{font-size:0.75rem!important}
.applicant-job-status{font-size:0.75rem!important}
.applicant-job-trigger small{font-size:0.75rem!important}
.applicant-list-attention{font-size:0.75rem!important}
.applicant-list-job-filter{font-size:0.75rem!important}
.applicant-list-job-menu small{font-size:0.75rem!important}
.applicant-metrics span{font-size:0.75rem!important}
.applicant-more-actions button{font-size:0.75rem!important}
.applicant-quick-actions button{font-size:0.75rem!important}
.applicant-reminder-pill{font-size:0.75rem!important}
.applicant-reminder-popover-list article button{font-size:0.75rem!important}
.applicant-reminder-popover-list article>p{font-size:0.75rem!important}
.applicant-reminder-popover-list article>small{font-size:0.75rem!important}
.applicant-reminder-preview-note{font-size:0.75rem!important}
.applicant-request-resume small{font-size:0.75rem!important}
.applicant-resume-upload small{font-size:0.75rem!important}
.applicant-row-actions button{font-size:0.75rem!important}
.applicant-saved-view-panel label{font-size:0.75rem!important}
.applicant-saved-view-panel p{font-size:0.75rem!important}
.applicant-saved-view-panel>button{font-size:0.75rem!important}
.applicant-status{font-size:0.75rem!important}
.applicant-tag-filter{font-size:0.75rem!important}
.applicant-tag-options strong{font-size:0.75rem!important}
.applicant-text-panel .text-connection-note{font-size:0.75rem!important}
.applicant-timeline small{font-size:0.75rem!important}
.applicant-timeline strong{font-size:0.75rem!important}
.attention-card p{font-size:0.75rem!important}
.auth-footer{font-size:0.75rem!important}
.auth-preview{font-size:0.75rem!important}
.auth-remember{font-size:0.75rem!important}
.back-link{font-size:0.75rem!important}
.badge{font-size:0.75rem!important}
.bench-note{font-size:0.75rem!important}
.breadcrumb{font-size:0.75rem!important}
.bubble small{font-size:0.75rem!important}
.builder-add{font-size:0.75rem!important}
.builder-question-fields input:not([type=checkbox]){font-size:0.75rem!important}
.builder-question-fields label{font-size:0.75rem!important}
.builder-question-fields select{font-size:0.75rem!important}
.bulk-actions button{font-size:0.75rem!important}
.bulk-fields .bulk-check{font-size:0.75rem!important}
.bulk-fields input[type=datetime-local]{font-size:0.75rem!important}
.bulk-fields label{font-size:0.75rem!important}
.bulk-fields select{font-size:0.75rem!important}
.bulk-fields textarea{font-size:0.75rem!important}
.bulk-preview p{font-size:0.75rem!important}
.bulk-preview span{font-size:0.75rem!important}
.calendar-day{font-size:0.75rem!important}
.calendar-day small{font-size:0.75rem!important}
.calendar-filters button{font-size:0.75rem!important}
.calendar-switch button{font-size:0.75rem!important}
.calendar-weekday{font-size:0.75rem!important}
.call-actions p{font-size:0.75rem!important}
.call-caller-label{font-size:0.75rem!important}
.call-facts span{font-size:0.75rem!important}
.call-fields label small{font-size:0.75rem!important}
.call-followup>p{font-size:0.75rem!important}
.call-helper{font-size:0.75rem!important}
.call-hint{font-size:0.75rem!important}
.call-methods small{font-size:0.75rem!important}
.call-methods strong{font-size:0.75rem!important}
.call-note-label{font-size:0.75rem!important}
.call-notes>p:not(.call-hint){font-size:0.75rem!important}
.call-notice{font-size:0.75rem!important}
.call-outcomes label{font-size:0.75rem!important}
.call-person div>span{font-size:0.75rem!important}
.call-person p{font-size:0.75rem!important}
.call-recipient small{font-size:0.75rem!important}
.call-visibility label{font-size:0.75rem!important}
.call-visibility legend{font-size:0.75rem!important}
.call-work>section>p:not(.call-hint){font-size:0.75rem!important}
.candidate-footer{font-size:0.75rem!important}
.candidate-header span{font-size:0.75rem!important}
.channel-badge{font-size:0.75rem!important}
.channel-filters button{font-size:0.75rem!important}
.composer div{font-size:0.75rem!important}
.conversation-date{font-size:0.75rem!important}
.conversation-head small{font-size:0.75rem!important}
.demo-notice{font-size:0.75rem!important}
.detail-facts span{font-size:0.75rem!important}
.drawer-note{font-size:0.75rem!important}
.drawer-tabs button{font-size:0.75rem!important}
.drawer-top{font-size:0.75rem!important}
.edit-resume-current a{font-size:0.75rem!important}
.edit-resume-current small{font-size:0.75rem!important}
.edit-resume-footer button{font-size:0.75rem!important}
.edit-resume-footer p{font-size:0.75rem!important}
.edit-resume-heading p{font-size:0.75rem!important}
.edit-resume-picker small{font-size:0.75rem!important}
.edit-resume-sample{font-size:0.75rem!important}
.edit-resume-selection{font-size:0.75rem!important}
.editor-actions button{font-size:0.75rem!important}
.editor-fields label{font-size:0.75rem!important}
.editor-help{font-size:0.75rem!important}
.editor-preview p{font-size:0.75rem!important}
.editor-preview-head{font-size:0.75rem!important}
.editor-preview>strong{font-size:0.75rem!important}
.editor-section-head p{font-size:0.75rem!important}
.editor-step{font-size:0.75rem!important}
.email-actions{font-size:0.75rem!important}
.email-actions a{font-size:0.75rem!important}
.email-actions button{font-size:0.75rem!important}
.email-attachment{font-size:0.75rem!important}
.email-avatar{font-size:0.75rem!important}
.email-channel{font-size:0.75rem!important}
.email-connection-note{font-size:0.75rem!important}
.email-error{font-size:0.75rem!important}
.email-extra small{font-size:0.75rem!important}
.email-extra strong{font-size:0.75rem!important}
.email-fields label{font-size:0.75rem!important}
.email-head small{font-size:0.75rem!important}
.email-history p{font-size:0.75rem!important}
.email-method{font-size:0.75rem!important}
.email-method strong{font-size:0.75rem!important}
.email-preview-body{font-size:0.75rem!important}
.email-preview-head small{font-size:0.75rem!important}
.email-preview>p{font-size:0.75rem!important}
.email-schedule label{font-size:0.75rem!important}
.email-tools button{font-size:0.75rem!important}
.evaluation-caution{font-size:0.75rem!important}
.evaluation-item p{font-size:0.75rem!important}
.evaluation-person p{font-size:0.75rem!important}
.evaluation-stats span{font-size:0.75rem!important}
.eyebrow{font-size:0.75rem!important}
.footer{font-size:0.75rem!important}
.footnote{font-size:0.75rem!important}
.form-preview button{font-size:0.75rem!important}
.form-preview>p{font-size:0.75rem!important}
.funnel-list>div{font-size:0.75rem!important}
.hire-access button small{font-size:0.75rem!important}
.hire-access-role p{font-size:0.75rem!important}
.hire-access-role strong{font-size:0.75rem!important}
.hire-access>p{font-size:0.75rem!important}
.hire-calendar-grid>span{font-size:0.75rem!important}
.hire-calendar-today{font-size:0.75rem!important}
.hire-date>strong{font-size:0.75rem!important}
.hire-fields label{font-size:0.75rem!important}
.hire-fields small{font-size:0.75rem!important}
.hire-next p{font-size:0.75rem!important}
.hire-note{font-size:0.75rem!important}
.hire-summary small{font-size:0.75rem!important}
.hire-supervisor-matches small{font-size:0.75rem!important}
.hire-supervisor>label{font-size:0.75rem!important}
.hire-supervisor>small{font-size:0.75rem!important}
.hrgp-auth-badge{font-size:0.75rem!important}
.hrgp-auth-foot{font-size:0.75rem!important}
.hrgp-auth-story-footer{font-size:0.75rem!important}
.interview-calendar-notice p{font-size:0.75rem!important}
.interview-choice button small{font-size:0.75rem!important}
.interview-fields label{font-size:0.75rem!important}
.interview-help{font-size:0.75rem!important}
.interview-note{font-size:0.75rem!important}
.job-person small{font-size:0.75rem!important}
.job-person strong{font-size:0.75rem!important}
.jobs-content .jobs-table th{font-size:0.75rem!important}
.jobs-content .jobs-table th button{font-size:0.75rem!important}
.jobs-content .summary span{font-size:0.75rem!important}
.legacy-nav-help{font-size:0.75rem!important}
.legacy-nav-links .legacy-nav-link{font-size:0.75rem!important}
.message-tabs button{font-size:0.75rem!important}
.module-nav button{font-size:0.75rem!important}
.module-note{font-size:0.75rem!important}
.nav-count{font-size:0.75rem!important}
.nav-label{font-size:0.75rem!important}
.new-nav-badge{font-size:0.75rem!important}
.next-action button{font-size:0.75rem!important}
.next-action p{font-size:0.75rem!important}
.note-card .note-delete{font-size:0.75rem!important}
.note-card p{font-size:0.75rem!important}
.note-card small{font-size:0.75rem!important}
.note-card strong{font-size:0.75rem!important}
.note-composer fieldset label{font-size:0.75rem!important}
.note-composer legend{font-size:0.75rem!important}
.note-composer small{font-size:0.75rem!important}
.note-composer>button{font-size:0.75rem!important}
.note-composer>label{font-size:0.75rem!important}
.note-file-list li{font-size:0.75rem!important}
.note-filters button{font-size:0.75rem!important}
.note-privacy-callout{font-size:0.75rem!important}
.note-show-more{font-size:0.75rem!important}
.note-visibility{font-size:0.75rem!important}
.notice{font-size:0.75rem!important}
.onboarding-item p{font-size:0.75rem!important}
.onboarding-person p{font-size:0.75rem!important}
.org-chart>p{font-size:0.75rem!important}
.org-node small{font-size:0.75rem!important}
.org-node strong{font-size:0.75rem!important}
.overview-date{font-size:0.75rem!important}
.overview-panel-head .eyebrow{font-size:0.75rem!important}
.overview-panel-head p:not(.eyebrow){font-size:0.75rem!important}
.panel-head p{font-size:0.75rem!important}
.person small{font-size:0.75rem!important}
.person strong{font-size:0.75rem!important}
.person-avatar{font-size:0.75rem!important}
.preview-answer{font-size:0.75rem!important}
.preview-options{font-size:0.75rem!important}
.preview-pill{font-size:0.75rem!important}
.preview-question strong{font-size:0.75rem!important}
.priority-item p{font-size:0.75rem!important}
.profile small{font-size:0.75rem!important}
.profile-fields span{font-size:0.75rem!important}
.progress-text{font-size:0.75rem!important}
.reject-email-preview small{font-size:0.75rem!important}
.reject-mail-meta{font-size:0.75rem!important}
.reject-options span{font-size:0.75rem!important}
.reject-preview-head button{font-size:0.75rem!important}
.reminder-action{font-size:0.75rem!important}
.reminder-alert-shortcuts small{font-size:0.75rem!important}
.reminder-calendar-grid span{font-size:0.75rem!important}
.reminder-chip{font-size:0.75rem!important}
.reminder-date-field>strong{font-size:0.75rem!important}
.reminder-delivery legend{font-size:0.75rem!important}
.reminder-delivery small{font-size:0.75rem!important}
.reminder-due small{font-size:0.75rem!important}
.reminder-edit-button{font-size:0.75rem!important}
.reminder-entry-footer{font-size:0.75rem!important}
.reminder-form-panel fieldset small{font-size:0.75rem!important}
.reminder-hint{font-size:0.75rem!important}
.reminder-main p{font-size:0.75rem!important}
.reminder-main span{font-size:0.75rem!important}
.reminder-panel-form .reminder-delivery label{font-size:0.75rem!important}
.reminder-panel-form button{font-size:0.75rem!important}
.reminder-panel-form label{font-size:0.75rem!important}
.reminder-panel-form>small{font-size:0.75rem!important}
.reminder-panel-heading button{font-size:0.75rem!important}
.reminder-panel-list p{font-size:0.75rem!important}
.reminder-panel-list small{font-size:0.75rem!important}
.reminder-panel-list time{font-size:0.75rem!important}
.reminder-past summary{font-size:0.75rem!important}
.reminder-time-entry button{font-size:0.75rem!important}
.reminder-time-field>strong{font-size:0.75rem!important}
.reminder-time-presets button{font-size:0.75rem!important}
.report-filter button{font-size:0.75rem!important}
.report-filter span{font-size:0.75rem!important}
.report-note{font-size:0.75rem!important}
.request-resume-ai p{font-size:0.75rem!important}
.request-resume-current a{font-size:0.75rem!important}
.request-resume-current small{font-size:0.75rem!important}
.request-resume-email>p{font-size:0.75rem!important}
.request-resume-recipient{font-size:0.75rem!important}
.schedule-inline{font-size:0.75rem!important}
.schedule-inline input{font-size:0.75rem!important}
.scheduled-row button{font-size:0.75rem!important}
.scheduled-row p{font-size:0.75rem!important}
.scheduled-row strong{font-size:0.75rem!important}
.scheduled-row>span:not(.reminder-icon){font-size:0.75rem!important}
.search input{font-size:0.75rem!important}
.section-help{font-size:0.75rem!important}
.send-form-email .section-help{font-size:0.75rem!important}
.send-form-email-head button{font-size:0.75rem!important}
.send-form-link-note{font-size:0.75rem!important}
.send-form-mail-row{font-size:0.75rem!important}
.send-form-selected p{font-size:0.75rem!important}
.send-form-selected small{font-size:0.75rem!important}
.settings-intro p{font-size:0.75rem!important}
.settings-item p{font-size:0.75rem!important}
.settings-note{font-size:0.75rem!important}
.shell .applicant-drawer .applicant-quick-actions button{font-size:0.75rem!important}
.shell .hrgp-cal-day small{font-size:0.75rem!important}
.shell .hrgp-career-kicker{font-size:0.75rem!important}
.shell .hrgp-custom-keyword-actions button{font-size:0.75rem!important}
.shell .hrgp-ems th{font-size:0.75rem!important}
.shell .hrgp-ems-avatar{font-size:0.75rem!important}
.shell .hrgp-ems-details dt{font-size:0.75rem!important}
.shell .hrgp-ems-employee-subnav>div button{font-size:0.75rem!important}
.shell .hrgp-ems-field small{font-size:0.75rem!important}
.shell .hrgp-ems-footer{font-size:0.75rem!important}
.shell .hrgp-ems-footer button{font-size:0.75rem!important}
.shell .hrgp-ems-recipient-list small{font-size:0.75rem!important}
.shell .hrgp-ems-status{font-size:0.75rem!important}
.shell .hrgp-ems-storage-grid button{font-size:0.75rem!important}
.shell .hrgp-ems-view{font-size:0.75rem!important}
.shell .hrgp-ems>.footnote{font-size:0.75rem!important}
.shell .hrgp-ems>.heading .eyebrow{font-size:0.75rem!important}
.shell .hrgp-form-field-list small{font-size:0.75rem!important}
.shell .hrgp-form-field-number{font-size:0.75rem!important}
.shell .hrgp-form-preview-label>span{font-size:0.75rem!important}
.shell .hrgp-form-question-heading .hrgp-form-kicker{font-size:0.75rem!important}
.shell .hrgp-keyword-refresh{font-size:0.75rem!important}
.shell .hrgp-report-panel th{font-size:0.75rem!important}
.source-row{font-size:0.75rem!important}
.step-dot{font-size:0.75rem!important}
.step-list small{font-size:0.75rem!important}
.step-num{font-size:0.75rem!important}
.summary small{font-size:0.75rem!important}
.summary span{font-size:0.75rem!important}
.table-wrap tbody td{font-size:0.75rem!important}
.table-wrap tbody td:not(:first-child):before{font-size:0.75rem!important}
.tabs button{font-size:0.75rem!important}
.tag{font-size:0.75rem!important}
.tag-chip{font-size:0.75rem!important}
.tag-entry button{font-size:0.75rem!important}
.text-chat-avatar{font-size:0.75rem!important}
.text-chat-channel{font-size:0.75rem!important}
.text-chat-compose .text-composer-footer span{font-size:0.75rem!important}
.text-chat-compose .text-composer-label{font-size:0.75rem!important}
.text-chat-compose .text-connection-note{font-size:0.75rem!important}
.text-chat-empty p{font-size:0.75rem!important}
.text-chat-empty small{font-size:0.75rem!important}
.text-chat-person small{font-size:0.75rem!important}
.text-chat-quick-actions button{font-size:0.75rem!important}
.text-composer textarea{font-size:0.75rem!important}
.text-composer-bottom button{font-size:0.75rem!important}
.text-composer-bottom>span{font-size:0.75rem!important}
.text-composer-footer button{font-size:0.75rem!important}
.text-composer-label{font-size:0.75rem!important}
.text-composer-options button{font-size:0.75rem!important}
.text-composer-options small{font-size:0.75rem!important}
.text-composer-options strong{font-size:0.75rem!important}
.text-composer-top label{font-size:0.75rem!important}
.text-composer-top select{font-size:0.75rem!important}
.text-composer-top strong{font-size:0.75rem!important}
.text-profile-error{font-size:0.75rem!important}
.text-recipient p{font-size:0.75rem!important}
.text-recipient small{font-size:0.75rem!important}
.text-recipient span{font-size:0.75rem!important}
.text-schedule-fields label{font-size:0.75rem!important}
.text-section-title span{font-size:0.75rem!important}
.text-send-when legend{font-size:0.75rem!important}
.text-tools-grid small{font-size:0.75rem!important}
.text-tools-grid strong{font-size:0.75rem!important}
.text-visible-tools small{font-size:0.75rem!important}
.text-visible-tools strong{font-size:0.75rem!important}
.theme-choices small{font-size:0.75rem!important}
.thread-copy .snippet{font-size:0.75rem!important}
.thread-copy em{font-size:0.75rem!important}
.thread-copy small{font-size:0.75rem!important}
.thread-empty{font-size:0.75rem!important}
.top-avatar{font-size:0.75rem!important}
.triggered-edit-form .reminder-time-presets button{font-size:0.75rem!important}
.triggered-edit-form fieldset label{font-size:0.75rem!important}
.triggered-edit-form legend{font-size:0.75rem!important}
.triggered-edit-form>label{font-size:0.75rem!important}
.triggered-edit-row label{font-size:0.75rem!important}
.triggered-reminder p{font-size:0.75rem!important}
.triggered-reminder-actions button{font-size:0.75rem!important}
.triggered-reminder-head .triggered-reminder-edit-button{font-size:0.75rem!important}
.triggered-reminder-head small{font-size:0.75rem!important}
.vi-checks small{font-size:0.75rem!important}
.vi-demo-control{font-size:0.75rem!important}
.vi-recording-banner{font-size:0.75rem!important}
.vi-room-controls button{font-size:0.75rem!important}
.vi-room-controls button span{font-size:0.75rem!important}
.vi-room-note{font-size:0.75rem!important}
.vi-room-status{font-size:0.75rem!important}
.vi-sharing-notice{font-size:0.75rem!important}
.vi-tile span{font-size:0.75rem!important}
.vi-wait-status{font-size:0.75rem!important}
.video-call-scroll article p{font-size:0.75rem!important}
.video-call-status{font-size:0.75rem!important}
.widget-preview aside span{font-size:0.75rem!important}
.widget-preview button{font-size:0.75rem!important}
.widget-preview p{font-size:0.75rem!important}
.workflow-banner p{font-size:0.75rem!important}
.workflow-connected .wf-list-card .wf-table th{font-size:0.75rem!important}
.workflow-connected .wf-list-card .wf-table th button{font-size:0.75rem!important}
.workflow-connected .wf-list-type{font-size:0.75rem!important}
.workflow-placeholder p{font-size:0.75rem!important}
.workflow-step p{font-size:0.75rem!important}
.workspace small{font-size:0.75rem!important}
td{font-size:0.75rem!important}
th{font-size:0.75rem!important}
}
/* PHONE-TEXT-MIN:end */
/* billing-admin (Oct 23 phone pass): billing pages only, phone width only, desktop unchanged. The shared hrgp-ems
   labels, table headings and status tags are 11px; at least 12px on small screens, and wide tables scroll in place. */
@media (max-width: 600px) {
  .shell .hrgp-billing .hrgp-ems-details dt, .shell .hrgp-billing th, .shell .hrgp-billing .hrgp-ems-status { font-size: 0.75rem; }
  .shell .hrgp-billing table { display: block; overflow-x: auto; max-width: 100%; }
}
/* PHONE-LONG-WORDS: a long unbroken word from the data (a name, an email address, a code) wraps instead of pushing the page wider. Phone only. */
@media (max-width:680px){body{overflow-wrap:anywhere}}

/* Oct 16 combiner: on phones/tablets table rows become grids; an empty-state cell spans the whole row instead of the first narrow column. */
@media (max-width:1024px){.table-wrap tbody td.empty{grid-column:1/-1!important;width:auto!important;max-width:none!important;text-align:center;padding:28px 16px!important}.table-wrap tbody td.empty:before{content:none!important;display:none!important}}
/* billing-admin (Oct 23): company CRM and company settings pages (.hrgp-crm). Two columns on wide screens, one on phones. */
.shell .hrgp-crm .hrgp-crm-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; padding: 22px; }
.shell .hrgp-crm .hrgp-crm-grid .hrgp-ems-field { display: flex; flex-direction: column; gap: 6px; font-size: 0.8125rem; font-weight: 600; }
.shell .hrgp-crm .hrgp-crm-grid input, .shell .hrgp-crm .hrgp-crm-grid select { width: 100%; min-width: 0; box-sizing: border-box; }
.shell .hrgp-crm .hrgp-crm-wide, .shell .hrgp-crm .hrgp-crm-actions, .shell .hrgp-crm .hrgp-crm-grid > [role=alert], .shell .hrgp-crm .hrgp-crm-grid > [role=status] { grid-column: 1 / -1; }
.shell .hrgp-crm .hrgp-crm-actions { display: flex; gap: 8px; justify-content: flex-start; }
.shell .hrgp-crm .hrgp-crm-check { display: flex; gap: 8px; align-items: center; font-size: 0.875rem; margin: 6px 0; }
.shell .hrgp-crm .hrgp-crm-switches { border: 0; padding: 0; margin: 0 0 12px; }
.shell .hrgp-crm .hrgp-crm-switches legend { font-weight: 700; margin-bottom: 8px; }
.shell .hrgp-crm .hrgp-crm-error { color: #b42318; padding: 0 0 8px; }
.shell .hrgp-crm .hrgp-crm-done { color: #067647; padding: 0 0 8px; }
@media (max-width: 600px) {
  .shell .hrgp-crm .hrgp-crm-grid { grid-template-columns: minmax(0, 1fr); padding: 16px; }
  .shell .hrgp-crm .hrgp-ems-details dt, .shell .hrgp-crm th, .shell .hrgp-crm .hrgp-ems-status { font-size: 0.75rem; }
  .shell .hrgp-crm table { display: block; overflow-x: auto; max-width: 100%; }
}
/* Applicants drawer: enabled action buttons (reject, hire, bulk, step) */
.action-submit{width:100%;border:0;border-radius:8px;background:var(--brand-blue,#12308a);color:#fff;font-size:0.75rem;font-weight:700;padding:12px;cursor:pointer}
.action-submit:disabled{background:var(--brand-line,#dce3ef);cursor:not-allowed}
.action-submit.confirm{background:#b42318}
.action-submit:focus-visible,.step-action:focus-visible{outline:2px solid var(--brand-blue,#12308a);outline-offset:2px}
.step-action{margin-top:6px;border:1px solid var(--brand-line,#dce3ef);border-radius:6px;background:#fff;color:var(--brand-blue,#12308a);font-size:0.6875rem;font-weight:700;padding:5px 10px;cursor:pointer}
.step-action:disabled{opacity:.6;cursor:not-allowed}
/* Oct 21 (staff-screens): at tablet and phone widths every list table turns into cards with a white card per row; in the dark theme those cards stayed white under light text. */
@media (max-width:1024px){.shell[data-theme=dark] .table-wrap tbody tr{background:#192333;border-color:#344153;box-shadow:none}}
/* Oct 21 (staff-screens): the hiring-step list in the Applicants drawer in the dark theme. It kept its light card, so the light step titles disappeared. */
.shell[data-theme=dark] .applicant-drawer .step-list{background:#192333;border-color:#344153}
.shell[data-theme=dark] .applicant-drawer .step-list li:not(:last-child):before{border-left-color:#344153}
.shell[data-theme=dark] .applicant-drawer .step-list strong{color:#f0f4fa}
.shell[data-theme=dark] .applicant-drawer .step-list small{color:#a9b6c8}
.shell[data-theme=dark] .applicant-drawer .step-list .step-status{color:#c7d3e6;background:#243246}
.shell[data-theme=dark] .applicant-drawer .step-list .step-status.completed,.shell[data-theme=dark] .applicant-drawer .step-list .step-status.viewed{color:#9be3bf;background:rgba(52,168,120,.2)}
.shell[data-theme=dark] .applicant-drawer .step-list .step-status.invited{color:#ffd89a;background:rgba(255,176,60,.2)}
.shell[data-theme=dark] .applicant-drawer .step-action{background:transparent;color:#9db8ff;border-color:#4a5870}
.shell[data-theme=dark] .applicant-drawer .step-action:hover:not(:disabled){background:#243246}
.move-step-card{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 0;padding:12px 14px;border:1px solid var(--brand-line,#dce3ef);border-radius:10px;background:#f7f9fc}
.move-step-card small{display:block;color:var(--brand-slate,#33456b);font-size:0.6875rem}.move-step-card strong{font-size:0.875rem}.move-step-card .action-submit{width:auto;min-width:180px}
.applicant-more-actions .action-danger{color:#b42318;border-color:#f0b8b3}.applicant-more-actions .action-danger:hover{background:#fdecea}
.applicant-more-actions .action-separator{flex-basis:100%;height:0;margin:2px 0;border-top:1px solid var(--brand-line,#dce3ef)}
.reject-reason{display:grid;gap:6px;margin:12px 0;font-size:0.75rem;font-weight:600}.reject-reason small{font-weight:400;color:var(--brand-slate,#33456b)}
.reject-review{margin:12px 0;padding:12px 14px;border:1px solid #f0b8b3;border-radius:10px;background:#fff8f7;font-size:0.8125rem}.reject-review ul{margin:8px 0 0 18px;padding:0}
.reject-confirm-row{display:grid;gap:8px}
/* S4 consistency pass: one look for page-top buttons, the employees toolbar and job pages */
.shell .heading button.secondary,.shell .hrgp-ems-subnav-actions button.secondary{background:#fff;color:var(--brand-navy,#081e5b);border:1px solid var(--brand-line,#dce3ef);border-radius:7px;padding:7px 10px;min-height:38px;font-size:0.9375rem;font-weight:700;cursor:pointer}
.shell .heading button.secondary:hover:not(:disabled),.shell .hrgp-ems-subnav-actions button.secondary:hover:not(:disabled){background:#edf1fa}
.shell .heading button.secondary:disabled{opacity:.55;cursor:not-allowed}
.shell .hrgp-ems-subnav-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.shell .jobs-content{max-width:1370px;margin:auto;padding:43px 44px}
@media (max-width:900px){.shell .jobs-content{padding:30px 25px}}
@media (max-width:700px){.shell .jobs-content{padding:22px 12px}}
.shell .hrgp-staff-screen .heading+.panel{margin-top:24px}
.shell .jobs-content .search{display:flex;align-items:center}
.shell .jobs-content .search input{border:0;background:transparent;box-shadow:none;padding:0 4px;min-width:200px}
.shell .jobs-content .footer button{width:auto;min-width:0;height:auto;padding:7px 12px;font-size:0.8125rem}
.shell .hrgp-staff-screen .hrgp-ems-panel>.hrgp-ems-filters:first-child,.shell .hrgp-staff-screen .hrgp-ems-panel>form:first-child{padding-top:22px}
.shell .hrgp-staff-screen .panel+.panel{margin-top:20px}
.shell .hrgp-change-password input{border:1px solid var(--brand-line,#dce3ef);border-radius:8px;padding:11px 12px;font:inherit;font-size:0.9375rem;background:var(--panel,#fff);color:inherit;width:100%;box-sizing:border-box}
.shell .hrgp-change-password label span{font-size:0.8125rem;font-weight:700;color:var(--brand-navy,#081e5b)}
.shell .hrgp-applied-jobs a{color:var(--brand-blue,#12308a);font-weight:700;text-underline-offset:3px}
/* Reminders overhaul (A1-A4, A6) */
.shell .hrgp-rem-heading-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.shell .hrgp-rem-add{background:var(--brand-blue,#12308a);color:#fff;border:0;border-radius:8px;padding:8px 14px;min-height:38px;font-size:0.875rem;font-weight:700;cursor:pointer;margin-right:8px;white-space:nowrap}
.shell .hrgp-rem-add:focus-visible,.shell .hrgp-rem-bell button:focus-visible{outline:2px solid var(--brand-blue,#12308a);outline-offset:2px}
.shell .hrgp-rem-bell{position:relative;display:inline-flex}
.shell .hrgp-rem-bell .reminder-top-button{position:relative}
.shell .hrgp-rem-badge{position:absolute;top:-8px;right:-8px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--brand-orange-text,#b93c00);color:#fff;font-size:0.75rem;font-weight:800;line-height:20px;text-align:center;box-sizing:border-box}
.shell .hrgp-rem-pop{position:absolute;right:0;top:calc(100% + 8px);width:min(360px,calc(100vw - 24px));background:#fff;border:1px solid var(--brand-line,#dce3ef);border-radius:12px;box-shadow:0 12px 36px #152e5b26;padding:14px;z-index:60}
.shell .hrgp-rem-pop ul{list-style:none;margin:8px 0;padding:0;display:grid;gap:8px}
.shell .hrgp-rem-pop li{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid #edf1f7;padding-top:8px}
.shell .hrgp-rem-pop li small{display:block;color:var(--brand-slate,#33456b);font-size:0.75rem}
.shell .hrgp-rem-pop-actions{display:flex;gap:6px;flex-shrink:0}
.shell .hrgp-rem-pop-actions button,.shell .hrgp-rem-toast button,.shell .hrgp-rem-seeall{border:1px solid var(--brand-line,#dce3ef);background:#fff;border-radius:7px;padding:5px 9px;font-size:0.75rem;font-weight:700;color:var(--brand-navy,#081e5b);cursor:pointer}
.shell .hrgp-rem-seeall{width:100%;margin-top:6px;padding:9px;color:var(--brand-blue,#12308a)}
.shell .hrgp-rem-toast{background:var(--brand-blue-tint,#edf2ff);border-radius:8px;padding:8px 10px;margin:8px 0;font-size:0.8125rem;display:flex;justify-content:space-between;gap:8px;align-items:center}
.shell .hrgp-rem-sub{color:var(--brand-slate,#33456b);font-size:0.8125rem;margin:6px 0}
.shell .hrgp-rem-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.shell .hrgp-rem-filters input[type=search]{flex:1 1 240px}
.shell .hrgp-rem-filters select{border:1px solid var(--brand-line,#dce3ef);border-radius:8px;padding:9px 10px;font:inherit;font-size:0.875rem;background:#fff;color:inherit}
.shell .hrgp-rem-scope{display:inline-flex;border:1px solid var(--brand-line,#dce3ef);border-radius:8px;overflow:hidden}
.shell .hrgp-rem-scope button{border:0;background:#fff;padding:8px 12px;font-size:0.8125rem;font-weight:700;color:var(--brand-navy,#081e5b);cursor:pointer}
.shell .hrgp-rem-scope button.active{background:var(--brand-blue,#12308a);color:#fff}
.shell .hrgp-rem-count{color:var(--brand-slate,#33456b);font-weight:600}
.shell .hrgp-rem-bulk{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 20px 8px;padding:10px 12px;border-radius:10px;background:var(--brand-blue-tint,#edf2ff)}
.shell .hrgp-rem-bulk button{border:1px solid var(--brand-line,#dce3ef);background:#fff;border-radius:7px;padding:6px 10px;font-size:0.8125rem;font-weight:700;color:var(--brand-blue,#12308a);cursor:pointer}
.shell .hrgp-rem-list{list-style:none;margin:0;padding:0}
.shell .hrgp-rem-selectall{padding:8px 20px;font-size:0.8125rem;color:var(--brand-slate,#33456b);border-bottom:1px solid #edf1f7}
.shell .hrgp-rem-row{display:flex;gap:12px;align-items:flex-start;padding:14px 20px;border-bottom:1px solid #edf1f7}
.shell .hrgp-rem-row.overdue{box-shadow:inset 3px 0 0 var(--brand-orange-text,#b93c00)}
.shell .hrgp-rem-main{flex:1;min-width:0;display:grid;gap:3px}
.shell .hrgp-rem-main strong{font-size:0.9375rem}
.shell .hrgp-rem-main small{color:var(--brand-slate,#33456b)}
.shell .hrgp-rem-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:0.8125rem;color:var(--brand-slate,#33456b);align-items:center}
.shell .hrgp-rem-link{border:0;background:none;padding:0;color:var(--brand-blue,#12308a);font-weight:700;font-size:0.8125rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.shell .hrgp-rem-due{font-weight:700;color:var(--brand-navy,#081e5b)}
.shell .hrgp-rem-due.hrgp-overdue{color:var(--brand-orange-text,#b93c00)}
.shell .hrgp-rem-source{border:1px solid var(--brand-line,#dce3ef);border-radius:999px;padding:1px 8px;font-size:0.75rem;color:var(--brand-slate,#33456b);background:#f7f9fc}
.shell .hrgp-rem-row-actions{display:flex;gap:8px;align-items:center;flex-shrink:0;position:relative}
.shell .hrgp-rem-row-actions>button,.shell .hrgp-rem-snooze>button,.shell .hrgp-rem-more>button{border:1px solid var(--brand-line,#dce3ef);background:#fff;border-radius:7px;padding:7px 11px;min-height:36px;font-size:0.875rem;font-weight:700;color:var(--brand-navy,#081e5b);cursor:pointer}
.shell .hrgp-rem-row-actions .hrgp-rem-done{background:var(--brand-blue,#12308a);color:#fff;border-color:var(--brand-blue,#12308a)}
.shell .hrgp-rem-snooze,.shell .hrgp-rem-more{position:relative}
.shell .hrgp-rem-menu{position:absolute;right:0;top:calc(100% + 4px);min-width:190px;background:#fff;border:1px solid var(--brand-line,#dce3ef);border-radius:10px;box-shadow:0 12px 30px #152e5b26;padding:6px;display:grid;gap:2px;z-index:40}
.shell .hrgp-rem-menu button{border:0;background:none;text-align:left;padding:8px 10px;border-radius:6px;font-size:0.875rem;color:var(--brand-navy,#081e5b);cursor:pointer}
.shell .hrgp-rem-menu button:hover,.shell .hrgp-rem-menu button:focus-visible{background:var(--brand-blue-tint,#edf2ff)}
.shell .hrgp-rem-menu .danger{color:#b42318}
.shell .hrgp-rem-pick{display:grid;gap:4px;padding:6px 10px;font-size:0.8125rem;color:var(--brand-slate,#33456b)}
.shell .hrgp-rem-undo{position:sticky;bottom:16px;margin:12px auto 0;width:max-content;max-width:100%;background:var(--brand-navy,#081e5b);color:#fff;border-radius:10px;padding:10px 14px;display:flex;gap:14px;align-items:center;font-size:0.875rem}
.shell .hrgp-rem-undo button{background:none;border:0;color:#fff;font-weight:800;text-decoration:underline;cursor:pointer}
.hrgp-rem-overlay{position:fixed;inset:0;background:#081e5b66;display:grid;place-items:center;padding:16px;z-index:100}
.hrgp-rem-modal{background:#fff;border-radius:14px;padding:22px;width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;display:grid;gap:14px;box-shadow:0 20px 60px #081e5b40}
.hrgp-rem-modal h2{margin:0;font-size:1.25rem}
.hrgp-rem-modal label{display:grid;gap:6px;font-size:0.8125rem;font-weight:700;color:var(--brand-navy,#081e5b)}
.hrgp-rem-modal input,.hrgp-rem-modal textarea{border:1px solid var(--brand-line,#dce3ef);border-radius:8px;padding:10px 12px;font:inherit;font-size:0.9375rem;font-weight:400;color:inherit;box-sizing:border-box;width:100%}
.hrgp-rem-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.hrgp-rem-chips button,.hrgp-rem-actions button,.hrgp-rem-picked button{border:1px solid var(--brand-line,#dce3ef);background:#fff;border-radius:7px;padding:7px 11px;min-height:36px;font-size:0.875rem;font-weight:700;color:var(--brand-navy,#081e5b);cursor:pointer}
.hrgp-rem-actions{display:flex;gap:10px;justify-content:flex-end}
.hrgp-rem-actions .primary{background:var(--brand-blue,#12308a);color:#fff;border-color:var(--brand-blue,#12308a)}
.hrgp-rem-actions .primary:disabled{opacity:.55;cursor:not-allowed}
.hrgp-rem-picked{display:flex;gap:10px;align-items:center;justify-content:space-between}
.hrgp-rem-found{list-style:none;margin:6px 0 0;padding:0;border:1px solid var(--brand-line,#dce3ef);border-radius:8px;overflow:hidden}
.hrgp-rem-found button{display:block;width:100%;text-align:left;border:0;background:#fff;padding:9px 12px;font-size:0.875rem;cursor:pointer}
.hrgp-rem-found button:hover,.hrgp-rem-found button:focus-visible{background:var(--brand-blue-tint,#edf2ff)}
.shell .hrgp-notif{display:grid;gap:4px;padding:18px 22px;max-width:640px}
.shell .hrgp-notif-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #edf1f7}
.shell .hrgp-notif-row label{font-weight:700;font-size:0.9375rem;color:var(--brand-navy,#081e5b)}
.shell .hrgp-notif-row small{display:block;color:var(--brand-slate,#33456b);font-size:0.8125rem}
.shell .hrgp-notif input[type=checkbox]{width:20px;height:20px}
.shell .hrgp-notif-quiet{display:flex;gap:16px;padding:10px 0}
.shell .hrgp-notif-quiet label{display:grid;gap:4px;font-size:0.8125rem;font-weight:700}
.shell .hrgp-notif button.primary{width:auto;justify-self:start;margin-top:10px}
@media (max-width:700px){.shell .hrgp-rem-row{flex-wrap:wrap}.shell .hrgp-rem-row-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.shell .hrgp-rem-add{padding:8px 10px;margin-right:4px}}
/* Reminders page buttons: win over the page's older generic button rule */
.shell .hrgp-user-reminders button.hrgp-rem-link:not(.primary):not([role=tab]){border:0;background:none;padding:0;min-height:0;border-radius:0;color:var(--brand-blue,#12308a);font-weight:700;font-size:0.8125rem;text-decoration:underline;text-underline-offset:3px}
.shell .hrgp-user-reminders .hrgp-rem-row-actions button.hrgp-rem-done:not(.primary):not([role=tab]){background:var(--brand-blue,#12308a);color:#fff;border-color:var(--brand-blue,#12308a);font-weight:700;font-size:0.875rem}
.shell .hrgp-user-reminders .hrgp-rem-row-actions>button:not(.primary):not([role=tab]),.shell .hrgp-user-reminders .hrgp-rem-snooze>button:not(.primary):not([role=tab]),.shell .hrgp-user-reminders .hrgp-rem-more>button:not(.primary):not([role=tab]){font-size:0.875rem;font-weight:700;min-height:36px;padding:7px 11px;border-radius:7px}
.shell .hrgp-user-reminders .hrgp-rem-menu button:not(.primary):not([role=tab]){border:0;background:none;text-align:left;padding:8px 10px;border-radius:6px;font-size:0.875rem;min-height:0}
.shell .hrgp-user-reminders .hrgp-rem-menu button.danger:not(.primary):not([role=tab]){color:#b42318}
.shell .hrgp-user-reminders .hrgp-rem-scope button:not(.primary):not([role=tab]){border:0;border-radius:0;background:#fff;padding:8px 12px;font-size:0.8125rem;font-weight:700;min-height:36px}
.shell .hrgp-user-reminders .hrgp-rem-scope button.active:not(.primary):not([role=tab]){background:var(--brand-blue,#12308a);color:#fff}
.shell .hrgp-user-reminders .hrgp-rem-bulk button:not(.primary):not([role=tab]){background:#fff;font-size:0.8125rem;font-weight:700;padding:6px 10px;color:var(--brand-blue,#12308a)}
.shell .hrgp-user-reminders .hrgp-rem-undo button:not(.primary):not([role=tab]){background:none;border:0;color:#fff;font-weight:800;text-decoration:underline;padding:0;min-height:0}
.shell .hrgp-user-reminders .hrgp-rem-heading-actions button.secondary:not(.primary):not([role=tab]){font-weight:700}
.shell .hrgp-user-reminders .hrgp-rem-row-actions .hrgp-rem-menu{background:#fff}
@media (max-width:680px){.shell .top-actions .hrgp-rem-add,.shell .top-actions .hrgp-rem-bell button{display:inline-flex;align-items:center;justify-content:center}
.shell .top-actions{gap:8px}.shell .hrgp-rem-add{width:40px;height:40px;padding:0;margin:0;border-radius:10px;font-size:1.375rem;line-height:1}.shell .hrgp-rem-add .hrgp-rem-add-text{display:none}
.shell .hrgp-rem-bell .reminder-top-button{width:40px;height:40px}.shell .hrgp-rem-pop{position:fixed;left:12px;right:12px;top:68px;width:auto}
.shell .top-actions .hrgp-rem-pop button,.shell .top-actions .hrgp-rem-modal button,.shell .top-actions .hrgp-rem-found button{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;min-width:0}
.shell .top-actions .hrgp-rem-pop button.hrgp-rem-seeall{display:block;width:100%}.shell .top-actions .hrgp-rem-found button{display:block;width:100%;justify-content:flex-start}}
/* Insert field and Browser alerts (Oct 17): comfortable touch size, wrap on phones */
.hrgp-insert-field{min-height:44px;max-width:100%;border:1px solid var(--brand-line,#dce3ef);border-radius:8px;padding:0 10px;background:#fff;color:var(--brand-navy,#081e5b)}
.hrgp-text-message-heading{flex-wrap:wrap;gap:8px}
.hrgp-email-merge-toolbar{flex-wrap:wrap;gap:10px}
.hrgp-browser-alerts{margin-top:20px}
.hrgp-browser-alerts h3{margin:0 0 6px}
.shell .hrgp-browser-alerts button{min-height:44px}
@media (max-width:680px){.hrgp-insert-field{width:100%}.shell .hrgp-browser-alerts button{width:100%}}
/* Team interview scorecard (Oct 17) */
.hrgp-sc-picker{border:1px solid var(--brand-line,#dce3ef);border-radius:10px;padding:12px 14px;margin:12px 0;display:grid;gap:8px}
.hrgp-sc-picker legend{font-weight:700;color:var(--brand-navy,#081e5b);padding:0 6px}
.hrgp-sc-people{display:grid;gap:4px;max-height:220px;overflow:auto}
.hrgp-sc-person{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 4px;font-size:0.875rem}
.hrgp-sc-person input{width:20px;height:20px;flex:none}
.hrgp-sc-person small{color:var(--brand-slate,#33456b)}
.hrgp-sc-modal{width:min(560px,100%)}
.hrgp-sc-criterion{border:0;padding:0;margin:0;display:grid;gap:6px}
.hrgp-sc-criterion legend{font-size:0.8125rem;font-weight:700;color:var(--brand-slate,#33456b);padding:0}
.hrgp-sc-scale,.hrgp-sc-recs{display:flex;gap:8px;flex-wrap:wrap}
.hrgp-sc-scale button,.hrgp-sc-rec{min-width:44px;min-height:44px;border:1px solid var(--brand-line,#dce3ef);border-radius:8px;background:#fff;color:var(--brand-navy,#081e5b);font:inherit;font-weight:700;cursor:pointer;padding:0 14px}
.hrgp-sc-scale button.selected,.hrgp-sc-rec.selected{background:var(--brand-blue,#12308a);border-color:var(--brand-blue,#12308a);color:#fff}
.hrgp-sc-card{border:1px solid var(--brand-line,#dce3ef);border-radius:12px;padding:14px 16px;margin:14px 0;display:grid;gap:10px;background:#fff}
.hrgp-sc-card h3{margin:0}
.hrgp-sc-interview{display:grid;gap:8px;border-top:1px solid var(--brand-line,#dce3ef);padding-top:10px}
.hrgp-sc-interview:first-of-type{border-top:0;padding-top:0}
.hrgp-sc-head{display:flex;gap:10px;flex-wrap:wrap;align-items:baseline}
.hrgp-sc-counts{display:flex;gap:8px;flex-wrap:wrap}
.hrgp-sc-count{display:inline-block;border-radius:999px;padding:3px 10px;font-size:0.75rem;font-weight:700;background:var(--brand-blue-tint,#edf2ff);color:var(--brand-navy,#081e5b)}
.hrgp-sc-avgs,.hrgp-sc-comments,.hrgp-sc-pending ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.hrgp-sc-avgs li{display:grid;grid-template-columns:minmax(90px,1fr) 2fr auto;gap:8px;align-items:center;font-size:0.8125rem}
.hrgp-sc-bar{height:8px;border-radius:4px;background:var(--brand-blue-tint,#edf2ff);overflow:hidden}
.hrgp-sc-bar i{display:block;height:100%;background:var(--brand-blue,#12308a)}
.hrgp-sc-comments p{margin:2px 0 0;font-size:0.875rem}
.hrgp-sc-pending li{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px}
.shell .hrgp-sc-card button,.shell .hrgp-sc-modal button{min-height:44px}
@media (max-width:680px){.hrgp-sc-avgs li{grid-template-columns:1fr auto}.hrgp-sc-bar{grid-column:1/-1;order:3}.shell .hrgp-sc-card>button,.shell .hrgp-sc-interview>button{width:100%}}
/* Send to payroll (Oct 17) */
.hrgp-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hrgp-ems-pick{width:44px;text-align:center}
.hrgp-ems-pick input{width:22px;height:22px}
.hrgp-ems-bulk{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 22px 12px;padding:10px 14px;border-radius:10px;background:var(--brand-blue-tint,#edf2ff);color:var(--brand-navy,#081e5b);font-weight:700}
.hrgp-ems-bulk>div{display:flex;gap:8px;flex-wrap:wrap}
.shell .hrgp-ems-bulk button,.shell .hrgp-payroll-modal button{min-height:44px}
.hrgp-payroll-send:not(:disabled),.hrgp-payroll-modal .hrgp-rem-actions .primary:not(:disabled){opacity:1}
.hrgp-payroll-send{display:inline-flex;align-items:center;gap:8px;min-height:44px;white-space:nowrap}
.hrgp-payroll-name{display:flex;flex-direction:column;gap:1px;line-height:1.25}.hrgp-payroll-name strong{font-size:0.9375rem;font-weight:700}.hrgp-payroll-name small{font-size:0.78125rem;font-weight:400;opacity:.75}
.hrgp-payroll-formats .hrgp-payroll-format{min-height:52px}
.hrgp-payroll-modal .hrgp-rem-actions{flex-wrap:wrap}.hrgp-payroll-modal .hrgp-rem-actions button{white-space:nowrap;flex:none}
@media(max-width:480px){.hrgp-payroll-modal .hrgp-rem-actions button{flex:1 1 auto}}
.hrgp-payroll-formats{border:0;margin:0;padding:0;display:grid;gap:4px}
.hrgp-payroll-formats legend{font-size:0.8125rem;font-weight:700;color:var(--brand-slate,#33456b);padding:0 0 6px}
.hrgp-payroll-format{display:flex;align-items:center;gap:10px;min-height:44px;font-size:0.9375rem;font-weight:400;color:inherit}
.hrgp-payroll-format input{width:20px;height:20px;flex:none}
@media (max-width:680px){.hrgp-ems-bulk{margin:0 12px 12px}.shell .hrgp-ems-bulk>div button{flex:1}}
/* Dark theme for the Oct 23 staff surfaces (brand audit, Oct 17): the app's own dark palette (panel #192333, raised #202c3e, line #344153, text #e8edf5, muted #acb8c9, primary #456bc9, selected #273b62/#c7d9ff). */
.shell[data-theme=dark] :is(.hrgp-rem-modal,.hrgp-rem-pop,.hrgp-rem-found,.hrgp-rem-menu,.hrgp-sc-card,.hrgp-sc-picker,.hrgp-payroll-modal,.hrgp-field-suggestions,.hrgp-browser-alerts,.hrgp-notif,.hrgp-user-reminders .hrgp-rem-toolbar){background:#192333;color:#e8edf5;border-color:#344153}
.shell[data-theme=dark] :is(.hrgp-rem-modal,.hrgp-rem-pop,.hrgp-sc-card,.hrgp-payroll-modal) :is(label,legend,span,li,summary){color:#e8edf5}
.shell[data-theme=dark] :is(.hrgp-rem-modal,.hrgp-rem-pop,.hrgp-sc-card,.hrgp-payroll-modal,.hrgp-notif,.hrgp-browser-alerts) :is(.hrgp-rem-sub,small){color:#acb8c9!important}
.shell[data-theme=dark] :is(.hrgp-rem-modal,.hrgp-rem-pop,.hrgp-sc-card,.hrgp-payroll-modal,.hrgp-user-reminders,.hrgp-ems-bulk,.hrgp-sc-picker,.hrgp-browser-alerts,.hrgp-notif) button:not(.primary):not([role=tab]):not(.selected):not([aria-checked=true]){background:#202c3e;color:#dce6f4;border-color:#46566b}
.shell[data-theme=dark] :is(.hrgp-sc-scale button.selected,.hrgp-sc-rec.selected,.hrgp-sc-scale button[aria-checked=true],.hrgp-sc-rec[aria-checked=true]){background:#456bc9;border-color:#456bc9;color:#fff}
.shell[data-theme=dark] :is(.hrgp-rem-modal,.hrgp-sc-modal,.hrgp-payroll-modal) :is(input,textarea,select){background:#121b29;color:#edf3fa;border-color:#46566b}
.shell[data-theme=dark] .hrgp-rem-overlay{background:rgba(5,10,20,.7)}
.shell[data-theme=dark] .hrgp-insert-field{background:#121b29;color:#edf3fa;border-color:#46566b}
.shell[data-theme=dark] .hrgp-ems-bulk{background:#273b62;color:#c7d9ff}
.shell[data-theme=dark] :is(.hrgp-sc-count,.hrgp-rem-source){background:#273b62;color:#c7d9ff;border-color:#344153}
.shell[data-theme=dark] .hrgp-sc-bar{background:#273b62}
.shell[data-theme=dark] .hrgp-sc-bar i{background:#6f93e6}
.shell[data-theme=dark] :is(.hrgp-sc-interview,.hrgp-user-reminders .hrgp-rem-row){border-color:#344153}
.shell[data-theme=dark] .hrgp-user-reminders :is(.tabs button .hrgp-rem-count,[role=tab] span){color:#acb8c9}
.shell[data-theme=dark] .hrgp-user-reminders [role=tab]{color:#acb8c9}
.shell[data-theme=dark] .hrgp-user-reminders [role=tab][aria-selected=true]{color:#c7d9ff;background:#273b62}
.shell[data-theme=dark] .hrgp-user-reminders .hrgp-rem-scope button.on,.shell[data-theme=dark] .hrgp-user-reminders .hrgp-rem-scope button[aria-pressed=true]{background:#456bc9;color:#fff}
.shell[data-theme=dark] :is(.heading,.hrgp-ems-subnav-actions) button.secondary{background:#202c3e;color:#dce6f4;border:1px solid #46566b}
.shell[data-theme=dark] :is(.heading,.hrgp-ems-subnav-actions) button.secondary:hover:not(:disabled){background:#273b62}
.shell[data-theme=dark] .hrgp-ems .tabs button,.shell[data-theme=dark] .hrgp-ems-employee-subnav button:not(.primary):not(.secondary){color:#acb8c9}
.shell[data-theme=dark] .hrgp-ems .tabs button.active,.shell[data-theme=dark] .hrgp-ems-employee-subnav button.active{color:#c7d9ff}
.shell[data-theme=dark] .hrgp-ems-status-filter{color:#acb8c9}
.shell[data-theme=dark] :is(.hrgp-rem-bell button,.reminder-top-button){color:#c0cde0}
.shell[data-theme=dark] .hrgp-user-reminders .hrgp-rem-row-actions button.hrgp-rem-done:not(.primary):not([role=tab]){background:#456bc9;color:#fff;border-color:#456bc9}
.shell[data-theme=dark] .hrgp-user-reminders .hrgp-rem-scope button[aria-pressed=true]{background:#456bc9;color:#fff;border-color:#456bc9}
.shell[data-theme=dark] .hrgp-user-reminders :is(.hrgp-rem-meta,.hrgp-rem-selectall,.hrgp-rem-meta span,.hrgp-rem-selectall label){color:#acb8c9}
.shell[data-theme=dark] .hrgp-user-reminders .hrgp-rem-selectall{border-color:#344153}
.shell[data-theme=dark] .hrgp-user-reminders .hrgp-rem-link{color:#c7d9ff}
/* Option rows inside dialogs: the dialog's generic label rule made radios and checkboxes stack above their text */
.hrgp-rem-modal label.hrgp-payroll-format,.hrgp-rem-modal label.hrgp-sc-person{display:flex;flex-direction:row;align-items:center;gap:10px;font-weight:400;font-size:0.9375rem}
.hrgp-rem-modal label.hrgp-payroll-format input,.hrgp-rem-modal label.hrgp-sc-person input{width:20px;height:20px;flex:none;padding:0}
.shell[data-theme=dark] :is(.hrgp-notif-row label,.hrgp-notif label){color:#e8edf5}
.shell[data-theme=dark] .hrgp-notif-row{border-color:#344153}
.shell[data-theme=dark] .hrgp-notif-quiet label{color:#e8edf5}
.shell[data-theme=dark] .hrgp-email-merge-toolbar{background:#202c3e;border-color:#344153;color:#e8edf5}
.shell[data-theme=dark] .hrgp-email-merge-toolbar p{color:#acb8c9!important}
.shell[data-theme=dark] .hrgp-email-merge-note{background:#2c2417;border-color:#6b5421;color:#f1d9a0}
.hrgp-payroll-warning{margin:0;padding:10px 12px;border-left:4px solid var(--brand-orange,#ff5a00);border-radius:6px;background:var(--brand-orange-tint,#fff1e8);color:var(--brand-orange-text,#b93c00);font-size:0.875rem;font-weight:600}
.shell[data-theme=dark] .hrgp-payroll-warning{background:#3a2a1c;color:#ffb98a;border-left-color:#ff5a00}
.hrgp-payroll-password{display:grid;gap:8px}
.hrgp-rem-modal .hrgp-payroll-password input{width:100%;min-height:44px}
.hrgp-payroll-notes{margin:0;padding:10px 12px 10px 28px;border-left:4px solid var(--brand-orange,#ff5a00);border-radius:6px;background:var(--brand-orange-tint,#fff1e8);color:var(--brand-orange-text,#b93c00);font-size:0.875rem;display:grid;gap:4px}
.shell[data-theme=dark] .hrgp-payroll-notes{background:#3a2a1c;color:#ffb98a}
/* Brand audit (Oct 17): shared text that measured under WCAG AA contrast on many pages. Light: eyebrow, table headings, breadcrumb trail, footnotes and helper lines use the brand text tokens. Dark: muted spans and labels use the app's muted colour. */
.shell:not([data-theme=dark]) :is(.eyebrow,p.eyebrow,.hrgp-ems>.heading .eyebrow){color:var(--brand-orange-text,#b93c00)!important}
.shell:not([data-theme=dark]) :is(th,.breadcrumb,.footnote,.subheading,.candidate-footer,.wf-help,.hrgp-ems-footer span){color:var(--brand-slate,#33456b)}
.shell:not([data-theme=dark]) .breadcrumb strong{color:var(--brand-navy,#081e5b)}
.shell[data-theme=dark] :is(.hrgp-ems-tabs button,.hrgp-ems-footer span,.footer span,dt,.hrgp-ems-details dt){color:#acb8c9}
.shell[data-theme=dark] .hrgp-ems-tabs button.active{background:#273b62;color:#c7d9ff;border-color:#c7d9ff}
.shell[data-theme=dark] .hrgp-ems-view{background:#202c3e;color:#c7d9ff;border-color:#46566b}
.shell[data-theme=dark] .hrgp-ems-status-filter,.shell[data-theme=dark] .hrgp-ems-filters label{color:#acb8c9}
/* Brand audit round 2 (dark theme): controls and muted text on shared pages that stayed light-theme coloured in dark mode (calendar, customers/invoices/transactions, jobs tabs, workflow tabs, reports) */
.shell[data-theme=dark] :is(.hrgp-cal-controls,.hrgp-ems-toolbar,.hrgp-ems-row-actions) button:not(.primary):not(.hrgp-rem-done),.shell[data-theme=dark] table .hrgp-ems-view,.shell[data-theme=dark] .hrgp-ems-view{background:#202c3e!important;color:#dce6f4!important;border-color:#46566b!important}
.shell[data-theme=dark] :is(.tabs,.wa-tabs) button:not(.active):not([aria-selected=true]){color:#acb8c9!important}
.shell[data-theme=dark] :is(.tabs,.wa-tabs) button:is(.active,[aria-selected=true]){color:#c7d9ff!important}
.shell[data-theme=dark] :is(.hrgp-cal-weekday,.hrgp-report-choices span,.hrgp-report-summary span,.wf-help,.hrgp-ems-details dt,.applicant-filterbar span){color:#acb8c9!important}
.shell[data-theme=dark] .wf-card{background:#192333;border-color:#344153;color:#e8edf5}
/* Brand audit round 3 (light): inactive tab labels and pagination counts were #9ca8b8/#a3aebb (2.3:1); they now use a lighter tint of the brand slate (about 5:1 on white) so inactive stays quieter than active */
.shell:not([data-theme=dark]) :is(.tabs,.wa-tabs,.hrgp-ems-tabs) button:not(.active):not([aria-selected=true]):not(:disabled),.shell:not([data-theme=dark]) .footer span{color:color-mix(in srgb,var(--brand-slate,#33456b) 82%,#fff)}
.shell:not([data-theme=dark]) .hrgp-ems-empty strong{color:var(--brand-slate,#33456b)}
/* Brand audit round 4 */
.shell:not([data-theme=dark]) :is(.empty,.summary span,.hrgp-ems-employee-subnav button:not(.active):not(.primary):not(.secondary)){color:color-mix(in srgb,var(--brand-slate,#33456b) 82%,#fff)}
.candidate-footer{color:var(--brand-slate,#33456b)}
.shell[data-theme=dark] :is(.applicant-list-job-picker button,.applicant-tag-trigger){background:#202c3e!important;color:#dce6f4!important;border-color:#46566b!important}
.shell[data-theme=dark] :is(.applicant-list-job-picker button,.applicant-tag-trigger) span{color:inherit!important}
.shell[data-theme=dark] :is(.editor-fields label,.editor-fields legend){color:#dce6f4}
.shell[data-theme=dark] :is(.wf-card,.workflow-connected .wf-card){background:#192333!important;border-color:#344153!important;color:#e8edf5!important}
.shell[data-theme=dark] .wf-help{color:#acb8c9!important}
.shell[data-theme=dark] .footer span,.shell[data-theme=dark] .hrgp-ems-footer span{color:#acb8c9!important}
/* Payroll and benefits records (Oct 17) */
.hrgp-pr{display:grid;gap:14px}
.hrgp-pr-body{padding:0 22px 22px;display:grid;gap:12px}
.hrgp-pr-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.shell .hrgp-pr button,.shell .hrgp-pr input,.shell .hrgp-pr select{min-height:44px}
.hrgp-pr input[type=checkbox],.hrgp-pr input[type=radio]{min-height:0;width:20px;height:20px}
.hrgp-pr-form{display:grid;gap:12px;max-width:560px;padding:14px;border:1px solid var(--brand-line,#dce3ef);border-radius:12px;background:#fff}
.hrgp-pr-form label{display:grid;gap:6px;font-size:0.8125rem;font-weight:700;color:var(--brand-slate,#33456b)}
.hrgp-pr-form input:not([type=checkbox]):not([type=radio]),.hrgp-pr-form select{border:1px solid var(--brand-line,#dce3ef);border-radius:8px;padding:0 10px;font:inherit;font-weight:400;color:var(--brand-navy,#081e5b);background:#fff;width:100%;box-sizing:border-box}
.hrgp-pr-form small,.hrgp-pr small{color:var(--brand-slate,#33456b);font-weight:400}
.hrgp-pr-check{display:flex!important;flex-direction:row;align-items:center;gap:10px;font-weight:400!important}
.hrgp-pr-radios{border:0;margin:0;padding:0;display:grid;gap:4px}
.hrgp-pr-radios legend{font-size:0.8125rem;font-weight:700;color:var(--brand-slate,#33456b);padding:0 0 4px}
.hrgp-pr-facts{display:grid;grid-template-columns:max-content 1fr;gap:6px 24px;margin:0}
.hrgp-pr-facts dt{color:var(--brand-slate,#33456b);font-size:0.8125rem}
.hrgp-pr-facts dd{margin:0}
.hrgp-pr-pickers{display:flex;gap:12px;flex-wrap:wrap}
.hrgp-pr-pickers label{display:grid;gap:6px;font-size:0.8125rem;font-weight:700;color:var(--brand-slate,#33456b)}
.hrgp-pr-pickers select{border:1px solid var(--brand-line,#dce3ef);border-radius:8px;padding:0 10px;font:inherit;min-width:220px;max-width:100%}
.hrgp-pr-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:8px;text-decoration:none;font-weight:700;justify-self:start;align-self:flex-start}
.hrgp-pr-empty{display:grid;gap:8px;justify-items:center}
.hrgp-pr-empty .hrgp-pr-cta{justify-self:center}
.shell .hrgp-ems .hrgp-pr-cta.primary,.hrgp-pr-cta.primary{background:#12308a;color:#fff;border:0;opacity:1}.hrgp-pr-cta.primary:hover{background:#1c409f}
.shell[data-theme=dark] .hrgp-pr-cta.primary{background:#7aa2ff;color:#0b1430}
.hrgp-pr-head-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hrgp-pr-how{display:grid;gap:10px;margin-bottom:16px;padding:20px 24px}.hrgp-pr-how h2{margin:0;font-size:1.25rem}.hrgp-pr-how p{margin:0}
.hrgp-pr-how-head{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.hrgp-pr-how-head button,.hrgp-pr-head-actions button{min-height:40px;padding:0 14px;border-radius:8px;border:1px solid var(--border,#d6deea);background:var(--panel,#fff);color:var(--brand-blue,#12308a);font:inherit;font-weight:700;cursor:pointer}
.shell[data-theme=dark] :is(.hrgp-pr-how-head,.hrgp-pr-head-actions) button{color:#c7d9ff}
.hrgp-pr-providers summary{cursor:pointer;font-weight:700;color:var(--brand-blue,#12308a);min-height:44px;display:flex;align-items:center}
.hrgp-pr-providers{display:grid;gap:8px}.hrgp-pr-providers p{margin:0}
.hrgp-pr-provider-list{list-style:none;margin:8px 0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.hrgp-pr-provider{display:grid;gap:6px;align-content:start;padding:16px;border:1px solid var(--border,#e5eaf2);border-radius:10px;background:var(--panel,#fff)}.hrgp-pr-provider h3{margin:0;font-size:1rem}
.hrgp-pr-provider a{color:var(--brand-blue,#12308a);font-weight:700;text-decoration:underline;min-height:44px;display:inline-flex;align-items:center;justify-self:start}
.shell[data-theme=dark] :is(.hrgp-pr-providers summary,.hrgp-pr-provider a){color:#c7d9ff}
.hrgp-pr-how-steps{margin:0;padding-left:22px;display:grid;gap:8px}.hrgp-pr-how-steps li{display:grid;gap:2px}
.hrgp-pr-banner{margin:0;padding:12px 16px;border-left:4px solid var(--brand-orange,#ff5a00);border-radius:8px;background:var(--brand-orange-tint,#fff1e8);color:var(--brand-orange-text,#b93c00);font-size:1rem}
.hrgp-pr-grid input{width:72px;text-align:right;border:1px solid var(--brand-line,#dce3ef);border-radius:8px;padding:0 8px;font:inherit}
.hrgp-pr-grid th[scope=row],.hrgp-pr-sum th[scope=row]{text-align:left;font-weight:700}
.hrgp-pr-link{border:0;background:none;color:var(--brand-blue,#12308a);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer;padding:0;min-height:44px}
.hrgp-pr-detail td{background:var(--brand-blue-tint,#edf2ff)}
.hrgp-pr-detail ul{margin:0;padding-left:20px}
.hrgp-pr-total th,.hrgp-pr-total td{border-top:2px solid var(--brand-line,#dce3ef)}
.hrgp-pr-confirm{padding:12px 14px;border:1px solid var(--brand-line,#dce3ef);border-radius:10px;background:var(--brand-blue-tint,#edf2ff);display:grid;gap:8px;max-width:560px}
.hrgp-pr-tiers{border:1px solid var(--brand-line,#dce3ef);border-radius:10px;padding:10px;display:grid;gap:10px}
.hrgp-pr-tier{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:8px;align-items:end}
.hrgp-pr-profile-tabs{margin:0 0 12px}
.hrgp-pr .hrgp-ems-table-wrap{overflow-x:auto}
@media (max-width:680px){.hrgp-pr-body{padding:0 12px 16px}.hrgp-pr-tier{grid-template-columns:1fr}.hrgp-pr-facts{grid-template-columns:1fr}.hrgp-pr-pickers select{min-width:0;width:100%}.hrgp-pr-grid input{width:64px}}
.shell[data-theme=dark] :is(.hrgp-pr-form,.hrgp-pr-confirm,.hrgp-pr-tiers){background:#192333;border-color:#344153;color:#e8edf5}
.shell[data-theme=dark] :is(.hrgp-pr-form label,.hrgp-pr-pickers label,.hrgp-pr-radios legend,.hrgp-pr-facts dt,.hrgp-pr small){color:#acb8c9}
.shell[data-theme=dark] :is(.hrgp-pr-form input:not([type=checkbox]):not([type=radio]),.hrgp-pr-form select,.hrgp-pr-pickers select,.hrgp-pr-grid input){background:#121b29;color:#edf3fa;border-color:#46566b}
.shell[data-theme=dark] .hrgp-pr button:not(.primary):not(.hrgp-pr-link){background:#202c3e;color:#dce6f4;border-color:#46566b}
.shell[data-theme=dark] .hrgp-pr-link{color:#c7d9ff}
.shell[data-theme=dark] .hrgp-pr-banner{background:#3a2a1c;color:#ffb98a}
.shell[data-theme=dark] .hrgp-pr-detail td{background:#273b62}
.shell .hrgp-pr-grid th[scope=row],.shell .hrgp-pr-sum th[scope=row]{text-transform:none;letter-spacing:0;font-size:0.875rem;color:var(--brand-navy,#081e5b)}
.shell[data-theme=dark] :is(.hrgp-pr-grid,.hrgp-pr-sum) th[scope=row]{color:#e8edf5}
/* Payroll tables keep real table layout on phones (the page scrolls sideways inside the table box) instead of turning rows into stacked grids */
@media (max-width:1024px){.hrgp-pr .hrgp-ems-table-wrap{overflow-x:auto}.hrgp-pr .hrgp-ems-table-wrap table{display:table!important;width:100%;min-width:680px}.hrgp-pr .hrgp-ems-table-wrap thead{display:table-header-group!important}.hrgp-pr .hrgp-ems-table-wrap tbody{display:table-row-group!important}.hrgp-pr .hrgp-ems-table-wrap tr{display:table-row!important}.hrgp-pr .hrgp-ems-table-wrap :is(td,th){display:table-cell!important}.hrgp-pr .hrgp-ems-table-wrap td:before{content:none!important}}
.hrgp-pr-swipe{display:none;margin:0;padding:6px 12px;font-size:0.75rem;color:var(--brand-slate,#33456b)}
@media (max-width:1024px){.hrgp-pr-swipe{display:block}.hrgp-pr .hrgp-ems-table-wrap{-webkit-overflow-scrolling:touch}.hrgp-pr-grid th[scope=row]{min-width:120px;max-width:160px;white-space:normal}}
.shell[data-theme=dark] .hrgp-pr-swipe{color:#acb8c9}
/* Brand audit round 5: applicant drawer (tabs, facts, note), workflow and report footers, change-password labels in dark */
.shell:not([data-theme=dark]) :is(.drawer-note,.detail-facts span){color:color-mix(in srgb,var(--brand-slate,#33456b) 82%,#fff)}
.shell:not([data-theme=dark]) .drawer-tabs button:not(.active):not([aria-selected=true]){color:color-mix(in srgb,var(--brand-slate,#33456b) 82%,#fff)}
.shell[data-theme=dark] .drawer-tabs button:not(.active):not([aria-selected=true]){color:#acb8c9}
.shell[data-theme=dark] .drawer-tabs button:is(.active,[aria-selected=true]){color:#c7d9ff!important}
.shell[data-theme=dark] :is(.wf-footer span,.drawer-note,.detail-facts span){color:#acb8c9!important}
.shell[data-theme=dark] .hrgp-report-pager button:not(:disabled){background:#202c3e!important;color:#dce6f4!important;border-color:#46566b!important}
.shell[data-theme=dark] section.panel>form>label>span:first-child{color:#e8edf5}
.shell:not([data-theme=dark]) .drawer-identity p{color:var(--brand-slate,#33456b)}
.shell[data-theme=dark] .hrgp-report-pager button:disabled{background:#202c3e!important;color:#acb8c9!important;border-color:#46566b!important;opacity:.7}
/* Payroll import */
.hrgp-pr-err{color:#b42318;font-weight:600}
.hrgp-pr-amber{color:var(--brand-orange-text,#b93c00);margin:0}
.hrgp-pr-import .hrgp-pr-rows ul{margin:0;padding-left:18px;display:grid;gap:2px}
.hrgp-pr-row-error td,.hrgp-pr-row-unmatched td{background:#fff8f7}
.hrgp-pr-lead{margin:0;font-size:0.9375rem}
.hrgp-pr-columns summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:700;color:var(--brand-slate,#33456b)}
.hrgp-pr-columns select{min-width:200px}
.hrgp-pr-confirm p{margin:0}
.shell[data-theme=dark] .hrgp-pr-err{color:#ff9d91}
.shell[data-theme=dark] .hrgp-pr-amber{color:#ffb98a}
.shell[data-theme=dark] :is(.hrgp-pr-row-error td,.hrgp-pr-row-unmatched td){background:#2c1c1c}
.shell[data-theme=dark] .hrgp-pr-columns summary{color:#acb8c9}
/* Brand audit round 6 */
.shell:not([data-theme=dark]) .hrgp-ems-invite-notice{color:var(--brand-slate,#33456b)}
.shell[data-theme=dark] :is(.hrgp-ems-table-wrap,table) a:not(.primary),.shell[data-theme=dark] .hrgp-ems-table-wrap a .hrgp-sr-only{color:#c7d9ff}
/* Phone sweep fixes (Oct 17): screen-reader-only text inside a table must not widen the page; header buttons, tabs, small buttons and disclosure rows reach 44px on phones */
.hrgp-ems-table-wrap{position:relative}
@media (max-width:680px){
.shell .top-actions .hrgp-rem-add,.shell .top-actions .reminder-top-button{min-width:44px;min-height:44px}
.shell :is(.tabs,.hrgp-ems-tabs,.wa-tabs) button,.shell .hrgp-pr button{min-width:44px;min-height:44px}
.shell details>summary{min-height:44px;display:list-item;box-sizing:border-box;padding-top:10px;padding-bottom:10px}
}
/* Phone sweep round 2: every tap target reaches 44px high on phones (page-top buttons, filter bars, toolbars, tabs) */
@media (max-width:680px){
.shell :is(button,select,summary,[role=tab],input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range])){min-height:44px}
.shell :is(.drawer-tabs,.tabs) button{min-width:44px}
}
/* Phone sweep round 3: reminders row checkboxes and the row menu button reach 44px on phones */
@media (max-width:680px){
.hrgp-user-reminders input[type=checkbox]{box-sizing:content-box;width:24px;height:24px;padding:10px;margin:0}
.shell .hrgp-user-reminders .hrgp-rem-more button{min-width:44px}
}
/* Phone sweep round 4: the calendar's month arrows are 44px wide (the page is staff-screens' src/0092) */
@media (max-width:680px){.hrgp-cal-controls button{min-width:44px}}
/* Phone sweep round 5 (review 128 note 2): inputs inside a search pill keep the pill's height; bulk-bar buttons use the brand secondary style */
@media (max-width:680px){.shell .search{min-height:44px}.shell .search input{min-height:0;height:100%}}
.shell .hrgp-ems-bulk button.secondary{background:#fff;color:var(--brand-navy,#081e5b);border:1px solid var(--brand-line,#dce3ef);border-radius:8px;padding:0 14px;font:inherit;font-weight:700;cursor:pointer}
.shell .hrgp-ems-bulk button.primary{border-radius:8px;padding:0 14px;font:inherit;font-weight:700}
.shell[data-theme=dark] .hrgp-ems-bulk button.secondary{background:#202c3e;color:#dce6f4;border-color:#46566b}
/* Government forms link on the applicant profile (Oct 17) */
.hrgp-gov-forms{margin:6px 0 12px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.hrgp-gov-forms-link{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--brand-line,#dce3ef);border-radius:8px;background:#fff;color:var(--brand-blue,#12308a);font-weight:700;text-decoration:none}
.hrgp-gov-forms small{color:var(--brand-slate,#33456b)}
.shell[data-theme=dark] .hrgp-gov-forms-link{background:#202c3e;color:#c7d9ff;border-color:#46566b}
.shell[data-theme=dark] .hrgp-gov-forms small{color:#acb8c9}
/* Payroll reports */
.hrgp-pr-late th,.hrgp-pr-late td{background:#fff8ec}
.hrgp-pr-filter{display:grid;gap:6px;font-size:0.8125rem;font-weight:700;color:var(--brand-slate,#33456b);margin:8px 0}
.hrgp-pr-filter select,.hrgp-pr-carriers .hrgp-pr-pickers input{border:1px solid var(--brand-line,#dce3ef);border-radius:8px;padding:0 10px;font:inherit;min-height:44px;max-width:100%}
.hrgp-pr-deps{margin:0;padding-left:16px;display:grid;gap:2px}
.hrgp-pr-baseline{margin-top:16px;display:grid;gap:8px}
.hrgp-pr-changes-table td small,.hrgp-pr-carrier-table small{display:block}
.shell[data-theme=dark] .hrgp-pr-late th,.shell[data-theme=dark] .hrgp-pr-late td{background:#2c2417}
.shell[data-theme=dark] .hrgp-pr-filter{color:#acb8c9}
.shell[data-theme=dark] :is(.hrgp-pr-filter select,.hrgp-pr-carriers .hrgp-pr-pickers input){background:#121b29;color:#edf3fa;border-color:#46566b}
.hrgp-pr-reports button.secondary{background:#fff;color:var(--brand-navy,#081e5b);border:1px solid var(--brand-line,#dce3ef);border-radius:8px;padding:0 16px;min-height:44px;font:inherit;font-weight:700;cursor:pointer}
.hrgp-pr-reports button.secondary:hover:not(:disabled){background:#edf1fa}
.hrgp-pr-reports button.secondary:disabled{opacity:.55;cursor:not-allowed}
.hrgp-pr-reports button.primary{min-height:44px}
.hrgp-pr-report-head{padding:24px 24px 0;display:grid;gap:4px}
.hrgp-pr-report-head h2{margin:0}
.hrgp-pr-report-head p{margin:0}
@media (max-width:680px){.hrgp-pr-report-head{padding:16px 16px 0}}
.shell[data-theme=dark] .hrgp-pr-reports button.secondary{background:#202c3e;color:#dce6f4;border-color:#46566b}
.shell[data-theme=dark] .hrgp-pr-reports button.secondary:hover:not(:disabled){background:#273b62}
.hrgp-pr-report-notes{padding:8px 24px 0;display:grid;gap:4px}
.hrgp-pr-report-notes p{margin:0}
.hrgp-pr-asof{padding:0 24px;margin:0 0 8px}
.hrgp-pr-reports .hrgp-ems-toolbar{padding-bottom:8px}
@media (max-width:680px){.hrgp-pr-report-notes,.hrgp-pr-asof{padding-left:16px;padding-right:16px}}
.hrgp-pr-reports .hrgp-pr-filter{padding:0 24px}
@media (max-width:680px){.hrgp-pr-reports .hrgp-pr-filter{padding:0 16px}}
/* Benefits enrollment (Oct 22): My benefits (employees) and Payroll > Benefit plans > Employee enrollment (administrators) */
.hrgp-bn-section{display:grid;gap:12px;padding:18px 22px}
.hrgp-bn-section h2,.hrgp-bn-admin-wrap h2{margin:0;font-size:1.25rem}
.hrgp-bn-admin-wrap{display:grid;gap:18px;margin:28px 22px 22px;padding-top:22px;border-top:2px solid var(--brand-line,#dce3ef)}
.hrgp-bn-admin{display:grid;gap:10px}
.hrgp-bn-admin h3{margin:0;font-size:1.0625rem}
.hrgp-bn-plans,.hrgp-bn-list,.hrgp-bn-elections{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.hrgp-bn-list li{display:grid;gap:8px}
.hrgp-bn-plan,.hrgp-bn-election{display:grid;gap:8px;padding:14px 16px;border:1px solid var(--brand-line,#dce3ef);border-radius:12px;background:#fff}
.hrgp-bn-plan h3{margin:0;font-size:1.125rem}
.hrgp-bn-plan-head,.hrgp-bn-election-head{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between}
.hrgp-bn-election-head{justify-content:flex-start}
.hrgp-bn-plan p,.hrgp-bn-election p{margin:0}
.hrgp-bn-pill{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--brand-blue-tint,#edf2ff);color:var(--brand-blue,#12308a);font-size:0.8125rem;font-weight:700}
.hrgp-bn-pending{background:var(--brand-orange-tint,#fff1e8);color:var(--brand-orange-text,#b93c00)}
.hrgp-bn-rejected{background:#fde7e4;color:#b42318}
.hrgp-bn-costs,.hrgp-bn-note{color:var(--brand-slate,#33456b);font-size:0.875rem}
.hrgp-bn-status{font-weight:700}
.hrgp-bn-bene{display:grid;grid-template-columns:2fr 1.4fr 1fr 1fr auto;gap:8px;align-items:end}
.hrgp-bn-filter{display:flex;gap:8px;align-items:center;font-size:0.8125rem;font-weight:700;color:var(--brand-slate,#33456b)}
.hrgp-bn .hrgp-ems-table-wrap input:not([type=checkbox]){border:1px solid var(--brand-line,#dce3ef);border-radius:8px;padding:0 8px;font:inherit;max-width:120px}
.hrgp-pr .hrgp-bn-filter select,.hrgp-pr .hrgp-pr-actions input:not([type=checkbox]):not([type=radio]){border:1px solid var(--brand-line,#dce3ef);border-radius:8px;padding:0 8px;font:inherit}
.hrgp-pr .hrgp-pr-actions label{display:grid;gap:4px;font-size:0.8125rem;font-weight:700;color:var(--brand-slate,#33456b)}
@media (max-width:680px){.hrgp-bn-section{padding:14px 12px}.hrgp-bn-admin-wrap{margin:22px 12px 16px}.hrgp-bn-bene{grid-template-columns:1fr}.hrgp-pr .hrgp-pr-actions>button{flex:1 1 auto}}
.shell[data-theme=dark] :is(.hrgp-bn-plan,.hrgp-bn-election){background:#192333;border-color:#344153;color:#e8edf5}
.shell[data-theme=dark] :is(.hrgp-bn-costs,.hrgp-bn-note,.hrgp-bn-filter,.hrgp-pr .hrgp-pr-actions label){color:#acb8c9}
.shell[data-theme=dark] .hrgp-bn-pill{background:#273b62;color:#c7d9ff}
.shell[data-theme=dark] .hrgp-bn-pending{background:#3a2a1c;color:#ffb98a}
.shell[data-theme=dark] .hrgp-bn-rejected{background:#43211f;color:#ffb4ab}
.shell[data-theme=dark] :is(.hrgp-bn .hrgp-ems-table-wrap input:not([type=checkbox]),.hrgp-bn-filter select,.hrgp-pr .hrgp-pr-actions input:not([type=checkbox]):not([type=radio])){background:#121b29;color:#edf3fa;border-color:#46566b}
.shell[data-theme=dark] .hrgp-bn-admin-wrap{border-top-color:#344153}
/* Employee home (Oct 22): cards for time off, benefits, to-dos and quick links */
.hrgp-eh-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 22px 22px}
.hrgp-eh-grid>.panel,.hrgp-eh-grid>.panel+.panel{margin:0}
.hrgp-eh-card{display:grid;gap:10px;align-content:start;padding:18px 20px}
.hrgp-eh-card h2{margin:0;font-size:1.25rem}
.hrgp-eh-card p{margin:0}
.hrgp-eh-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.hrgp-eh-next{font-size:1rem}
.hrgp-eh-welcome{margin:4px 0 0;color:var(--muted,#55627a)}
.hrgp-eh-periods li{display:grid;gap:4px}.hrgp-eh-est{display:grid;grid-template-columns:auto auto;gap:2px 12px;margin:4px 0 0;justify-content:start}.hrgp-eh-est dt{color:var(--muted,#55627a)}.hrgp-eh-est dd{margin:0;font-weight:700}
.hrgp-eh-list a{color:var(--brand-blue,#12308a);font-weight:700;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;justify-self:start}.hrgp-eh-list a:hover,.hrgp-eh-list a:focus-visible{text-decoration:underline}
.hrgp-eh-link,.hrgp-eh-btn{display:inline-flex;align-items:center;justify-content:center;justify-self:start;min-height:44px;padding:0 16px;border:1px solid var(--border,#d6deea);border-radius:8px;background:var(--panel,#fff);color:var(--brand-blue,#12308a);font-weight:700;text-decoration:none}
.hrgp-eh-link:hover,.hrgp-eh-btn:hover{border-color:var(--brand-blue,#12308a)}
.hrgp-eh-todo-item{display:grid;gap:6px;padding:12px 0;border-bottom:1px solid var(--border,#e5eaf2)}.hrgp-eh-todo-item:last-child{border-bottom:0}.hrgp-eh-todo-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hrgp-eh-overdue{background:#fdecec;color:#a61b1b}.shell[data-theme=dark] .hrgp-eh-overdue{background:#3a1c1c;color:#ffb3b3}
.hrgp-eh-form{display:grid;gap:4px}
.hrgp-eh-links li{min-height:44px;display:flex;align-items:center}
@media (max-width:820px){.hrgp-eh-grid{grid-template-columns:1fr;padding:0 12px 16px}}
.shell[data-theme=dark] :is(.hrgp-eh-link,.hrgp-eh-btn,.hrgp-eh-list a){color:#c7d9ff}
.shell[data-theme=dark] .hrgp-eh-next{color:#e8edf5}

.hrgp-hiring-reports .hrgp-report-table-wrap{max-width:100%;overflow-x:auto}
.hrgp-hiring-reports .hrgp-report-table-wrap table{width:100%;table-layout:auto}
.hrgp-hiring-reports .hrgp-report-table-wrap :is(th,td){text-align:left!important;white-space:normal;overflow-wrap:anywhere;direction:ltr}
.hrgp-hiring-reports .hrgp-report-sort{all:unset;cursor:pointer;font:inherit;font-weight:inherit;color:inherit;white-space:nowrap}
.hrgp-hiring-reports .hrgp-report-sort:focus-visible{outline:2px solid currentColor;outline-offset:2px}
/* Oct 24 (Brad; review add.1329): Applicants drawer Hiring steps - kind label above the step's own name, one status chip style
   (completed green, invited amber, configured blue, pending grey), the current step highlighted, actions as one row of outlined buttons. */
.applicant-drawer .step-list li.hiring-step{align-items:flex-start;border-radius:8px;padding:8px 10px}
.applicant-drawer .step-list li.hiring-step.current{background:var(--brand-blue-50,#eef3ff);box-shadow:inset 3px 0 0 var(--brand-blue,#12308a)}
.applicant-drawer .hiring-step-body{flex:1;min-width:0}
.applicant-drawer .hiring-step-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.applicant-drawer .hiring-step-name{display:flex;flex-direction:column;gap:1px;min-width:0}
.applicant-drawer .hiring-step-name strong{overflow-wrap:anywhere;line-height:1.3}
.applicant-drawer .step-list .step-kind{font-size:0.6875rem!important;font-weight:600;letter-spacing:.02em;color:var(--brand-muted,#5b6b84)}
.applicant-drawer .hiring-step-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;flex-shrink:0}
.applicant-drawer .step-list .step-chip{display:inline-block;border-radius:999px;padding:2px 8px;font-size:0.6875rem!important;font-weight:700;line-height:1.5;white-space:nowrap}
.applicant-drawer .step-list .step-chip.completed{color:#17643f;background:#e3f5ec}
.applicant-drawer .step-list .step-chip.invited{color:#8a5300;background:#fff1d6}
.applicant-drawer .step-list .step-chip.configured{color:#1b3f9e;background:#e6edff}
.applicant-drawer .step-list .step-chip.pending{color:#4b5a70;background:#eef1f5}
.applicant-drawer .step-list .step-current{display:inline-block;border-radius:999px;padding:2px 8px;font-size:0.6875rem!important;font-weight:700;color:#fff;background:var(--brand-blue,#12308a)}
.applicant-drawer .hiring-step-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}
.applicant-drawer .hiring-step-actions .step-action{margin-top:0}
.shell[data-theme=dark] .applicant-drawer .step-list li.hiring-step.current{background:#1f2b40;box-shadow:inset 3px 0 0 #9db8ff}
.shell[data-theme=dark] .applicant-drawer .step-list .step-kind{color:#a9b6c8}
.shell[data-theme=dark] .applicant-drawer .step-list .step-chip.completed{color:#9be3bf;background:rgba(52,168,120,.2)}
.shell[data-theme=dark] .applicant-drawer .step-list .step-chip.invited{color:#ffd89a;background:rgba(255,176,60,.2)}
.shell[data-theme=dark] .applicant-drawer .step-list .step-chip.configured{color:#b9ccff;background:rgba(98,140,255,.2)}
.shell[data-theme=dark] .applicant-drawer .step-list .step-chip.pending{color:#c7d3e6;background:#243246}
.shell[data-theme=dark] .applicant-drawer .step-list .step-current{color:#0f1726;background:#9db8ff}
.applicant-drawer .step-list .step-dot.done{background:#e3f5ec;color:#17643f;border-color:#bfe6d1}
.shell[data-theme=dark] .applicant-drawer .step-list .step-dot.done{background:rgba(52,168,120,.2);color:#9be3bf;border-color:rgba(52,168,120,.4)}