/* assets/css/style.css — Presco */

/* ── Base ────────────────────────────────────────────────── */
body {
  background-color: #f4f6f9;
  font-family: 'Segoe UI', system-ui, sans-serif;
}

/* ── Navbar ──────────────────────────────────────────────── */
.navbar-brand { font-size: 1.3rem; letter-spacing: .03em; }

/* ── Cards KPI ───────────────────────────────────────────── */
.card { border-radius: .6rem; }

/* ── Tabla panel ─────────────────────────────────────────── */
.table th { font-size: .8rem; text-transform: uppercase; letter-spacing: .05em; }
.table td { font-size: .875rem; }

/* ── Select de estatus inline ────────────────────────────── */
.badge-select {
  font-size: .78rem;
  padding: .15rem .4rem;
  cursor: pointer;
  background: transparent;
}

/* ── Formulario conceptos ────────────────────────────────── */
.concepto-item { border-left: 3px solid #dee2e6; padding-left: .5rem; }
.concepto-item:focus-within { border-left-color: #0d6efd; }
.subtotal-linea { min-width: 70px; }

/* ── Flash messages ──────────────────────────────────────── */
.alert { border-radius: .5rem; }

/* ── Footer ──────────────────────────────────────────────── */
footer { font-size: .78rem; }

/* ── Responsive tweaks ───────────────────────────────────── */
@media (max-width: 576px) {
  .concepto-item { border-left: none; padding-left: 0; }
  .table-responsive { font-size: .8rem; }
}