.user-filters { flex-wrap: wrap; justify-content: flex-end; }
.user-filters select,
.user-filters input[type="search"] { min-height: 41px; padding: 8px 10px; border: 1px solid #bccbd5; border-radius: 9px; background: #f8fafb; color: var(--ink); font: inherit; }
.user-filters select { max-width: 220px; }
.jobs-filter { display: flex; align-items: center; gap: 7px; min-height: 41px; padding: 7px 10px; border: 1px solid #bccbd5; border-radius: 9px; background: #f8fafb; white-space: nowrap; }
.jobs-filter input { width: 20px; height: 20px; }
.button-secondary { border-color: #54738a; background: #fff; color: #29495f; }
.account-state { display: inline-flex; padding: 5px 8px; border-radius: 999px; font-size: .75rem; font-weight: 900; }
.account-state.active { background: #e3f6eb; color: #157943; }
.account-state.disabled { background: #fff0ee; color: #a52d26; }
.account-state.legacy { background: #edf1f4; color: #60778a; }
.row-actions { display: flex; gap: 6px; }
.row-action { min-height: 34px; padding: 6px 9px; border: 1px solid #9fb4c2; border-radius: 7px; background: #fff; color: #29495f; font-weight: 800; cursor: pointer; }
.row-action.danger { border-color: #e3a5a0; color: var(--danger); }
.pagination { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 14px; }
.pagination button,
.pagination select { min-height: 36px; padding: 6px 9px; border: 1px solid #b8c8d3; border-radius: 7px; background: #fff; color: var(--ink); }
.pagination button:disabled { opacity: .45; }
.pagination label { display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: .8rem; }
@media (max-width: 900px) {
  .user-filters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
  .user-filters > * { width: 100% !important; max-width: none !important; }
}
@media (max-width: 620px) {
  .user-filters { grid-template-columns: 1fr; }
  .pagination { justify-content: center; flex-wrap: wrap; }
  .row-actions { flex-direction: column; }
}