/* Modern dashboard tweaks */
.card-kpi {
  background: #0d6efd;
  color: #fff;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(13, 110, 253, 0.2);
  overflow: hidden;
}
.card-kpi .small,
.card-kpi .text-secondary { color: rgba(255,255,255,.92) !important; }
.card-kpi .value { color: #fff; }
.card-kpi .value {
  font-size: 28px;
  font-weight: 800;
}
.card-kpi .delta {
  font-size: 12px;
  opacity: .9;
}
.kpi-spark canvas { width: 100% !important; height: 40px !important; }
.btn-download { opacity: 0.6; transition: opacity .2s ease; }
.card:hover .btn-download { opacity: 1; }
.skeleton {
  background: linear-gradient(90deg, rgba(0,0,0,.08) 25%, rgba(0,0,0,.15) 37%, rgba(0,0,0,.08) 63%);
  background-size: 400% 100%;
  animation: skeleton-loading 1.4s ease infinite;
  border-radius: 8px;
}
@keyframes skeleton-loading {
  0% { background-position: 100% 50%; }
  100% { background-position: 0 50%; }
}
.badge-soft {
  background: rgba(255,255,255,.2);
  border: 1px solid rgba(255,255,255,.3);
  color: #fff;
}

/* Card spacing */
.card { border: 0; border-radius: 16px; box-shadow: 0 4px 16px rgba(2,6,23,.06); }
.card-header { background: transparent; }

/* Dark mode adjustments */
html[data-bs-theme="dark"] body { background:#0b1220; }
html[data-bs-theme="dark"] .card { background:#111827; color:#e5e7eb; box-shadow: 0 4px 16px rgba(0,0,0,.4); }
html[data-bs-theme="dark"] .card-kpi { background:#2563eb; box-shadow: 0 8px 24px rgba(37,99,235,.35); }
html[data-bs-theme="dark"] .card-kpi .small,
html[data-bs-theme="dark"] .card-kpi .text-secondary { color: rgba(255,255,255,.92) !important; }
html[data-bs-theme="dark"] .badge-soft { background: rgba(255,255,255,.15); border-color: rgba(255,255,255,.2); }
html[data-bs-theme="dark"] .table { --bs-table-bg: transparent; --bs-table-color: #e5e7eb; }