/* BajoControl Dashboard - CSS único (Bootstrap friendly) */
:root{
  --bg:#f3f4f6;
  --card:#ffffff;
  --text:#0f172a;
  --muted:#64748b;
  --border:#e2e8f0;
  --shadow:0 10px 25px rgba(15,23,42,.06);
  --primary:#2563eb;
  --success:#22c55e;
  --warning:#f97316;
  --danger:#ef4444;
}

body{ background:var(--bg); color:var(--text); font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.main-content{ padding:1.25rem; }

.section-title{
  font-size:.85rem; font-weight:800; color:#475569;
  text-transform:uppercase; letter-spacing:.08em;
  margin:1.25rem 0 .5rem 0;
}

.kpi-card{
  background:var(--card);
  border-radius:1rem;
  border:1px solid #eef2f7;
  box-shadow:var(--shadow);
}

.kpi-label{
  font-size:.72rem;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.08em;
}

.kpi-number{
  font-size:1.85rem;
  font-weight:900;
  line-height:1.1;
}

.badge-soft{
  background:#eff6ff;
  color:#1d4ed8;
  border-radius:999px;
  padding:.25rem .6rem;
  font-size:.75rem;
  border:1px solid rgba(29,78,216,.10);
}

.kpi-icon{
  width:44px; height:44px; border-radius:999px;
  display:flex; align-items:center; justify-content:center;
  color:#fff; font-size:1.15rem;
}
.kpi-icon-primary{ background:linear-gradient(135deg,#0ea5e9,#38bdf8); }
.kpi-icon-success{ background:linear-gradient(135deg,#22c55e,#4ade80); }
.kpi-icon-warning{ background:linear-gradient(135deg,#f97316,#fdba74); }
.kpi-icon-danger{ background:linear-gradient(135deg,#ef4444,#f97373); }

/* Pills */
.pill{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.15rem .55rem; border-radius:999px; font-size:.72rem; font-weight:800;
  border:1px solid rgba(148,163,184,.35);
}
.pill-ok{ background:#ecfdf5; color:#15803d; border-color:rgba(34,197,94,.25); }
.pill-warn{ background:#fff7ed; color:#c2410c; border-color:rgba(249,115,22,.25); }

/* Personalizar modal list */
.personalizar-list .section-block{
  background:#f8fafc;
  border:1px solid var(--border);
  border-radius:1rem;
  padding:.75rem;
  margin-bottom:.75rem;
}
.personalizar-list .section-title-sm{
  font-weight:900;
  color:var(--text);
  font-size:.85rem;
  letter-spacing:.04em;
  margin-bottom:.5rem;
}
.personalizar-item{
  display:flex; align-items:center; justify-content:space-between; gap:.75rem;
  padding:.5rem .5rem;
  border-bottom:1px dashed rgba(148,163,184,.45);
}
.personalizar-item:last-child{ border-bottom:none; }
.personalizar-item .left{ display:flex; align-items:center; gap:.6rem; }
.personalizar-item .meta{ display:flex; align-items:center; gap:.5rem; }

/* Slightly nicer table header */
.table thead th{ font-size:.75rem; text-transform:uppercase; letter-spacing:.06em; color:#64748b; }