/*
 * enterprise.moneypal.mp — additions to core.css.
 *
 * core.css already gives this app its skip link, focus-visible rings (light
 * and dark), buttons, and the <section class="band">/<div class="wrap">
 * layout grid. Everything here is specific to a data-table admin tool: the
 * enterprises/users tables, status badges, and the filter form's inline
 * layout. No rule here removes or dims any focus indicator core.css sets.
 */

.who {
  margin-left: auto;
  font-size: 0.85rem;
  color: var(--ink-soft);
  align-self: center;
}

.filters {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 1rem;
  margin-bottom: 2rem;
}
.filters .field { min-width: 12rem; flex: 1 1 12rem; }
.filters .actions { display: flex; gap: 0.5rem; margin: 0; }

table.enterprises {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 2rem;
}
table.enterprises th,
table.enterprises td {
  text-align: left;
  padding: 0.55rem 0.75rem;
  border-bottom: 1px solid var(--line);
  font-size: 0.95rem;
}
table.enterprises th { color: var(--ink-soft); font-weight: 600; }
table.enterprises tbody tr:hover { background: var(--surface-2); }

.badge {
  display: inline-block;
  padding: 0.15rem 0.6rem;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 600;
  border: 1px solid var(--line);
}
.badge-registered, .badge-approved, .badge-verified-1 { background: var(--brand-tint, var(--surface-2)); color: var(--brand); border-color: var(--brand); }
.badge-guest, .badge-pending, .badge-scraped { background: var(--surface-2); color: var(--ink-soft); }
.badge-disabled { background: var(--surface-2); color: var(--accent); border-color: var(--accent); }

.inline-form { display: inline; margin-right: 0.5rem; }

.contact-log {
  list-style: none;
  margin: 0 0 1.5rem;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.contact-log li {
  border: 1px solid var(--line);
  border-radius: 0.5rem;
  padding: 0.6rem 0.85rem;
}
.contact-log .small { display: block; margin-top: 0.25rem; color: var(--ink-soft); }