/* assets/css/style.css — LeverageUp CSR System */

:root {
  --lup-blue: #0d6efd;
  --lup-dark: #1a2640;
}

body {
  background-color: #f4f6f9;
  color: #333;
}

/* ── Navbar ─────────────────────────────────────────────── */
.navbar {
  background-color: var(--lup-dark) !important;
}
.navbar-brand {
  font-size: 1.1rem;
  letter-spacing: .5px;
}

/* ── Cards ──────────────────────────────────────────────── */
.card {
  border: none;
  border-radius: 8px;
}
.card-header {
  background: #fff;
  border-bottom: 2px solid #e9ecef;
  border-radius: 8px 8px 0 0 !important;
  font-size: .9rem;
}

/* ── Form labels ─────────────────────────────────────────── */
.required-label::after {
  content: ' *';
  color: #dc3545;
}

/* ── Job items ───────────────────────────────────────────── */
.job-item .item-num {
  min-width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* ── Charges table ───────────────────────────────────────── */
#chargesTable th,
#chargesTable td {
  vertical-align: middle;
}
#chargesTable input {
  min-width: 80px;
}
.charge-total {
  font-weight: 600;
  color: #0d6efd;
}

/* ── Select2 tweaks ──────────────────────────────────────── */
.select2-container--bootstrap-5 .select2-selection {
  min-height: 38px;
  border-color: #ced4da;
}

/* ── Responsive table on small screens ───────────────────── */
@media (max-width: 768px) {
  .table-responsive { font-size: .82rem; }
  #chargesTable input { min-width: 60px; }
}

/* ── Badges ──────────────────────────────────────────────── */
.badge.fs-6 {
  font-size: .9rem !important;
  padding: .4em .7em;
}

/* ── Dashboard table ─────────────────────────────────────── */
.table th { font-size: .82rem; }
.table td { font-size: .85rem; }