.payroll-workspace { margin-bottom: 16px; }
.payroll-workspace-card { background: #fff; border-bottom: 1px solid var(--next-line); }
.payroll-workspace-heading { padding: 10px 14px; }
.payroll-workspace-heading:has(.visually-hidden:only-child) { padding: 0; }
.payroll-workspace-context { display: block; color: #53636c; font-size: 13px; font-weight: 500; overflow-wrap: anywhere; }
.payroll-workspace-tabs { display: grid; grid-template-columns: repeat(var(--payroll-tab-count, 4), minmax(0, 1fr)); border-top: 1px solid var(--next-line); }
.payroll-workspace-tab { min-width: 0; min-height: 48px; padding: 10px 14px; border: 0; border-bottom: 3px solid transparent; background: transparent; color: #52616c; text-align: center; font: inherit; font-size: 15px; font-weight: 600; letter-spacing: 0; }
.payroll-workspace-tab:hover { background: #f4f8f6; }
.payroll-workspace-tab:focus-visible { outline: 2px solid #17844c; outline-offset: -3px; }
.payroll-workspace-tab.active { color: #126c3c; border-bottom-color: #17844c; background: #f0f8f3; }
@media (max-width: 600px) {
  .payroll-workspace-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .payroll-workspace-tab { padding: 10px 6px; font-size: 14px; }
}