:where(.hr-payroll){gap:var(--space-4);min-width:0;display:grid}:where(.hr-payroll__notice),:where(.hr-payroll__lock-banner){align-items:flex-start;gap:var(--space-3);border:1px solid var(--color-primary-border);border-radius:var(--radius-lg);background:var(--accent-soft);padding:var(--space-3) var(--space-4);color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5;display:flex}:where(.hr-payroll__lock-banner){border-color:var(--color-border-medium);background:var(--surface-muted)}:where(.hr-payroll__notice strong),:where(.hr-payroll__lock-banner strong){color:var(--text-primary);display:block}:where(.hr-payroll__notice .crm-icon),:where(.hr-payroll__lock-banner .crm-icon){color:var(--primary);flex:none;margin-top:.125rem}:where(.hr-payroll__tabs){gap:var(--space-1);border-bottom:1px solid var(--border);scrollbar-width:thin;display:flex;overflow-x:auto}:where(.hr-payroll__tab){min-height:var(--target-size-min);padding:var(--space-3) var(--space-4);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;border:0;flex:none;position:relative}:where(.hr-payroll__tab:hover){color:var(--text-primary)}:where(.hr-payroll__tab[aria-selected=true]){color:var(--primary)}:where(.hr-payroll__tab[aria-selected=true]):after{content:"";right:var(--space-3);bottom:-1px;left:var(--space-3);border-radius:var(--radius-full) var(--radius-full) 0 0;background:var(--primary);height:3px;position:absolute}:where(.hr-payroll__toolbar){justify-content:space-between;align-items:end;gap:var(--space-3);flex-wrap:wrap;display:flex}:where(.hr-payroll__filters),:where(.hr-payroll__actions){align-items:end;gap:var(--space-2);flex-wrap:wrap;display:flex}:where(.hr-payroll__filter){width:min(100%,14rem)}:where(.hr-payroll__filter>span){margin-bottom:var(--space-1);color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);display:block}:where(.hr-payroll__stats){gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}:where(.hr-payroll__stat){border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-width:0;padding:var(--space-4);box-shadow:var(--shadow-sm)}:where(.hr-payroll__stat dt){color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}:where(.hr-payroll__stat dd){margin-top:var(--space-2);color:var(--text-primary);font-size:clamp(1.25rem,2vw,1.75rem);font-weight:var(--font-weight-bold);overflow-wrap:anywhere;line-height:1.1}:where(.hr-payroll__content-grid){gap:var(--space-4);min-width:0;display:grid}:where(.hr-payroll__panel){border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);overflow:hidden}:where(.hr-payroll__panel-header){justify-content:space-between;align-items:flex-start;gap:var(--space-3);border-bottom:1px solid var(--border);padding:var(--space-4);flex-wrap:wrap;display:flex}:where(.hr-payroll__panel-title){color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}:where(.hr-payroll__panel-description){margin-top:var(--space-1);color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.5}:where(.hr-payroll__period-list){gap:var(--space-2);padding:var(--space-3);display:grid}:where(.hr-payroll__period){border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:100%;padding:var(--space-3);text-align:left;transition:border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);cursor:pointer}:where(.hr-payroll__period:hover),:where(.hr-payroll__period[aria-current=true]){border-color:var(--color-primary-border);background:var(--primary-soft)}:where(.hr-payroll__period[aria-current=true]){box-shadow:var(--shadow-focus)}:where(.hr-payroll__period-topline),:where(.hr-payroll__period-metrics){justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}:where(.hr-payroll__period strong){color:var(--text-primary);font-size:var(--font-size-sm)}:where(.hr-payroll__period-metrics){margin-top:var(--space-3);color:var(--text-muted);font-size:var(--font-size-xs)}:where(.hr-payroll__period-actions){gap:var(--space-2);border-top:1px solid var(--border);padding:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}:where(.hr-payroll__table-wrap){min-width:0;overflow-x:auto}:where(.hr-payroll__empty){padding:var(--space-8) var(--space-4)}:where(.hr-payroll__form),:where(.hr-payroll__form-grid){gap:var(--space-4);display:grid}:where(.hr-payroll__form-actions){justify-content:flex-end;gap:var(--space-2);border-top:1px solid var(--border);background:var(--surface);padding-top:var(--space-4);flex-wrap:wrap;display:flex;position:sticky;bottom:0}:where(.hr-payroll__checkbox){align-items:flex-start;gap:var(--space-3);min-height:var(--target-size-min);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-soft);padding:var(--space-3);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;display:flex}:where(.hr-payroll__checkbox input){width:1rem;height:1rem;accent-color:var(--primary);margin-top:.125rem}:where(.hr-payroll__readonly-note){border-left:3px solid var(--color-warning);background:var(--color-warning-soft);padding:var(--space-3);color:var(--text-secondary);font-size:var(--font-size-xs);line-height:1.5}@media (min-width:48rem){:where(.hr-payroll__stats){grid-template-columns:repeat(4,minmax(0,1fr))}:where(.hr-payroll__form-grid){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:75rem){:where(.hr-payroll__content-grid){grid-template-columns:minmax(16rem,.34fr) minmax(0,.66fr);align-items:start}}@media (max-width:39.99rem){:where(.hr-payroll__toolbar),:where(.hr-payroll__filters),:where(.hr-payroll__actions){align-items:stretch}:where(.hr-payroll__toolbar>*),:where(.hr-payroll__filters),:where(.hr-payroll__actions),:where(.hr-payroll__filter),:where(.hr-payroll__actions>.crm-button){width:100%}:where(.hr-payroll__form-actions>.crm-button){flex:10rem}}@media (prefers-reduced-motion:reduce){:where(.hr-payroll__period){transition:none}}