/* Unified tone & manner for menu pages (PC/Web) */
:root {
  --ui-text-sm: 0.82rem;
  --ui-text-md: 0.86rem;
  --ui-border: #e2e8f0;
  --ui-head-bg: #f1f5f9;
  --ui-head-text: #334155;
}

body:not(.kova-app) .container-fluid,
body:not(.kova-app) .container {
  font-size: var(--ui-text-md);
}

/* Tab style to align with admin/users.php */
body:not(.kova-app) .nav-tabs {
  border-bottom: 1px solid var(--ui-border);
}
body:not(.kova-app) .nav-tabs .nav-link {
  color: #64748b;
  font-size: var(--ui-text-md);
  font-weight: 600;
  border: 0;
  border-bottom: 2px solid transparent;
  padding: 0.45rem 0.75rem;
}
body:not(.kova-app) .nav-tabs .nav-link.active {
  color: #0f172a;
  background: transparent;
  border-bottom-color: #0d6efd;
}

/* Card & table compact baseline */
body:not(.kova-app) .card {
  border-color: var(--ui-border);
}
body:not(.kova-app) .card .card-header {
  background: #fff;
  border-bottom: 1px solid var(--ui-border);
  padding: 0.6rem 0.9rem;
}
body:not(.kova-app) .card .card-body {
  padding: 0.8rem 0.9rem;
}

body:not(.kova-app) .table thead th {
  background: var(--ui-head-bg);
  color: var(--ui-head-text);
  font-size: 0.78rem;
  font-weight: 700;
  padding: 0.4rem 0.5rem;
  white-space: nowrap;
  border-bottom: 2px solid #cbd5e1;
}
body:not(.kova-app) .table td {
  font-size: var(--ui-text-sm);
  padding: 0.34rem 0.45rem;
  vertical-align: middle;
}

/* Input sizing consistency */
body:not(.kova-app) .form-control,
body:not(.kova-app) .form-select {
  font-size: var(--ui-text-sm);
}
body:not(.kova-app) .btn.btn-sm {
  font-size: 0.76rem;
}

/* Top menu bar width should match content box */
@media (min-width: 992px) {
  body:not(.kova-app) .page-top-fit {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
}