.profile-payroll-item[hidden],
.profile-payroll-history-controls button[hidden] { display: none; }
.profile-payroll-list.is-expanded {
  max-height: min(60vh, 560px);
  overflow-y: auto;
  align-content: start;
  scrollbar-gutter: stable;
  overscroll-behavior-y: contain;
}
.profile-payroll-history-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}
.profile-payroll-history-controls span {
  font-size: 13px;
  color: var(--muted);
}
.profile-payroll-history-controls button { min-height: 44px; }
.profile-payroll-list:focus-visible { outline: 2px solid var(--accent, #900968); outline-offset: 3px; }
@media (max-width: 600px) {
  .profile-payroll-history-controls button { width: 100%; }
}