/* Adminbox-specific styles.
   The shared BRAWLBOX design system now lives in Suitebox.Theme →
   _content/Suitebox.Theme/css/brawlbox-theme.css. Only Adminbox-specific rules remain. */

html {
  font-size: 14px;
  position: relative;
  min-height: 100%;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

body {
  margin-bottom: 60px;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.25rem rgba(232, 83, 78, 0.25);
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--text-muted);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

/* ===== Dashboard (functional UI) theming ===== */

/* Card headers: warm panel instead of Bootstrap's grey tertiary bg */
.card-header,
.card-header.bg-body-tertiary {
  background-color: var(--surface-2) !important;
  border-bottom: 1px solid var(--border-color);
  color: var(--text-main);
}

/* User tables: warm + legible on the brand surface */
.table {
  --bs-table-bg: transparent;
  --bs-table-color: var(--text-main);
  --bs-table-border-color: var(--border-color);
  --bs-table-striped-bg: rgba(240, 230, 210, 0.045);
  --bs-table-striped-color: var(--text-main);
  --bs-table-hover-bg: rgba(240, 230, 210, 0.08);
  --bs-table-hover-color: var(--text-main);
  color: var(--text-main);
}

.table > thead th {
  border-bottom: 1px solid var(--border-color);
  color: var(--text-muted);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.8rem;
  letter-spacing: 0.5px;
}

.table > :not(caption) > * > * {
  border-bottom-color: var(--border-color);
}

/* Action buttons: keep their meaning but align to the brand palette.
   Edit (primary) -> coral, Email (info) -> periwinkle. Reset (secondary) is themed
   globally; Create (success) and Delete (danger) keep their semantic green/red. */
.btn-outline-primary {
  color: var(--brand-coral);
  border-color: var(--brand-coral);
}
.btn-outline-primary:hover,
.btn-outline-primary:focus {
  background-color: var(--brand-coral);
  border-color: var(--brand-coral);
  color: #fff;
}

.btn-outline-info {
  color: var(--brand-periwinkle);
  border-color: var(--brand-periwinkle);
}
.btn-outline-info:hover,
.btn-outline-info:focus {
  background-color: var(--brand-periwinkle);
  border-color: var(--brand-periwinkle);
  color: #fff;
}

/* Badges: periwinkle count, warm neutral for the household pill */
.badge.bg-info {
  background-color: var(--brand-periwinkle) !important;
  color: #fff;
}
.badge.bg-secondary {
  background-color: var(--surface-2) !important;
  color: var(--text-main);
  border: 1px solid var(--border-color);
}