/* Sanel Trans Planner UI Kit v1 */
html, body { background:#f5f6fa; }

/* KPI card */
.kpi-card { background:#fff; border-radius:12px; padding:16px; border:1px solid #e5e7eb; box-shadow:0 12px 24px rgba(0,0,0,0.06); display:flex; flex-direction:column; gap:6px; min-width:0; }
.kpi-header { display:flex; align-items:center; justify-content:space-between; font-size:13px; }
.kpi-label { font-weight:600; color:#6b7280; text-transform:uppercase; letter-spacing:.05em; }
.kpi-icon { color:#4b5563; font-size:16px; display:flex; align-items:center; }
.kpi-value { font-size:32px; font-weight:700; line-height:1.1; color:#111827; }
.kpi-sub { font-size:13px; color:#6b7280; font-weight:500; }

/* Panel card */
.panel-card { background:#fff; border-radius:12px; border:1px solid #e5e7eb; box-shadow:0 12px 24px rgba(0,0,0,0.06); padding:16px; }
.panel-title { font-size:16px; font-weight:600; color:#1f2937; line-height:1.2; }
.panel-desc { font-size:13px; color:#6b7280; line-height:1.2; }
.panel-body { margin-top:12px; font-size:14px; color:#1f2937; }

/* Tables */
.table.sanel-table { width:100%; margin-bottom:0; font-size:14px; }
.sanel-table thead th { background-color:#f9fafb; color:#374151; font-size:12px; font-weight:600; text-transform:uppercase; border-bottom:2px solid #d1d5db; white-space:nowrap; }
.sanel-table tbody td { vertical-align:middle; color:#111827; font-size:14px; border-bottom:1px solid #e5e7eb; padding-top:.5rem; padding-bottom:.5rem; }
.sanel-table tbody tr:nth-child(even) td { background-color:#fafafa; }
.sanel-table .status-badge { font-size:11px; font-weight:600; padding:2px 6px; border-radius:999px; line-height:1.2; }
.status-pill { font-size:11px; font-weight:600; padding:2px 6px; border-radius:999px; line-height:1.2; display:inline-block; white-space:nowrap; }
.status-livrat { background:#dbeafe; color:#1e3a8a; }
.status-planificat { background:#ede9fe; color:#4c1d95; }
.status-nealocat { background:#fee2e2; color:#991b1b; }
.status-ridicat { background:#dcfce7; color:#166534; }
.status-inchisa { background:#e5e7eb; color:#374151; }

/* Quick actions */
.quick-action-primary { background-color:#1d4ed8; color:#fff; font-weight:600; font-size:15px; border-radius:8px; border:1px solid #1e40af; display:flex; align-items:center; gap:8px; width:100%; justify-content:center; padding:10px 12px; }
.quick-action-secondary { background:#fff; color:#1f2937; font-weight:500; font-size:15px; border-radius:8px; border:1px solid #9ca3af; display:flex; align-items:center; gap:8px; width:100%; justify-content:center; padding:10px 12px; }

/* Operational */
.text-sm { font-size:14px; }
.op-line + .op-line { margin-top:4px; }

/* Badge pills (override) */
.badge { border-radius:999px; font-weight:600; font-size:12px; }

/* Section title and main action button */
.section-title { font-size:1.25rem; font-weight:600; color:#1f2937; }
.btn-main-action { background-color:#1d4ed8; border:1px solid #1e40af; color:#fff; font-weight:600; font-size:15px; border-radius:8px; padding:10px 14px; display:inline-flex; align-items:center; gap:8px; }
.btn-main-action i { font-size:1rem; }

/* Fleet status pills */
.status-veh-disponibila { background:#d1fae5; color:#065f46; }
.status-veh-incursa { background:#dbeafe; color:#1e3a8a; }
.status-veh-service { background:#e5e7eb; color:#374151; }

/* Driver status pills */
.status-driver-disponibil { background:#d1fae5; color:#065f46; }
.status-driver-incursa { background:#dbeafe; color:#1e3a8a; }
.status-driver-inactiv { background:#e5e7eb; color:#374151; }

/* Muted text tone aligned with dashboard */
.text-muted { color:#6b7280 !important; }

/* Reports layout helpers */
.container-narrow { max-width:1280px; }

/* Filter actions alignment */
.filter-actions { display:flex; gap:8px; flex-wrap:wrap; }
@media (min-width: 992px){
  .filter-actions { justify-content:flex-end; }
}

/* Sticky table headers inside scroll container */
.table-responsive thead th { position:sticky; top:0; z-index:2; }

/* Navbar consistency across pages */
.navbar { min-height:56px; }
.navbar .navbar-brand, .navbar .nav-link { white-space:nowrap; }
@media (min-width: 992px){
  .navbar .navbar-nav { flex-wrap:nowrap; }
  .navbar .navbar-collapse { flex-wrap:nowrap; }
}
.navbar .nav-link { font-weight:500; }
.navbar .nav-link.active { font-weight:500; }