/* Multi-company additions — kept separate from main.css.
   Uses main.css variables only; fonts are inherited. */

/* Checkbox grid (user master: companies / managed departments) */
.check-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:8px; }
.check-option {
  display:flex; align-items:center; gap:8px;
  padding:9px 12px;
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  cursor:pointer;
  font-size:13px; font-weight:500;
  transition:var(--transition);
  background:var(--surface);
}
.check-option:has(input:checked) { border-color:var(--accent); background:var(--accent-light); }
.check-option input { accent-color:var(--accent); }

/* User master: the wider table (Companies column) must scroll, not clip
   the Actions column — main.css sets overflow:hidden on this card */
.admin-table-card { overflow-x:auto; }
.user-actions { display:flex; gap:6px; align-items:center; white-space:nowrap; }
.user-actions form { display:inline; }

/* Header company switcher */
.company-switcher { display:flex; align-items:center; gap:6px; color:var(--text-3); font-size:13px; }
.company-switcher .filter-select { padding:6px 10px; }
@media (max-width:600px) {
  .company-switcher .filter-select { max-width:140px; }
}