/* ====== Estilos visuales Aprisco UI ====== */

/* --- Tabla general --- */
.table-slim {
  font-size: 0.9rem;
  background: #fff;
  border-radius: 0.5rem;
  overflow: hidden;
}
.table-slim th {
  font-weight: 600;
  background: #f8f9fa;
  color: #333;
}
.table-slim td {
  vertical-align: middle;
}

/* --- Columnas ordenables --- */
.th-sort {
  cursor: pointer;
  user-select: none;
}
.th-sort .sort {
  font-size: 0.85em;
  color: #bbb;
}
.th-sort.active .sort {
  color: #333;
}

/* --- Píldoras ADG --- */
.adg-pill {
  display: inline-block;
  padding: 0.2rem 0.55rem;
  border-radius: 50rem;
  font-weight: 600;
  font-size: 0.8rem;
  color: #fff;
}
.adg-pill.ok { background-color: #198754; }     /* Verde fuerte - igual al ADG ↑ */
.adg-pill.warn { background-color: #ffc107; color: #000; } /* Amarillo */
.adg-pill.danger { background-color: #dc3545; } /* Rojo */
.adg-pill.muted { background-color: #e9ecef; color: #6c757d; }

/* --- Píldoras BCS --- */
.bcs-pill {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  border-radius: 50rem;
  font-weight: 500;
  font-size: 0.8rem;
  background: #e9ecef;
}
.bcs-pill.ok { background-color: #d1e7dd; color: #0f5132; }     /* Verde = ≥3.0 */
.bcs-pill.warn { background-color: #fff3cd; color: #664d03; }   /* Amarillo = 2.5–2.9 */
.bcs-pill.danger { background-color: #f8d7da; color: #842029; } /* Rojo = <2.5 */

/* --- Chips de sanidad --- */
.chip {
  display: inline-block;
  padding: 0.15rem 0.45rem;
  border-radius: 1rem;
  font-weight: 600;
  font-size: 0.8rem;
  color: #fff;
  text-align: center;
  min-width: 1.6rem;
}
.chip.ok { background-color: #198754; }     /* Verde igual a OK */
.chip.warn { background-color: #ffc107; color: #000; } /* Amarillo igual Próx. 7d */
.chip.danger { background-color: #dc3545; } /* Rojo igual Vencido */

/* --- Foto en tabla --- */
.cell-photo img.thumb {
  width: 42px;
  height: 42px;
  object-fit: cover;
  border-radius: 6px;
}
/* --- Píldoras ADG (idénticas a las de la leyenda) --- */
.adg-pill {
  display: inline-block;
  padding: 0.2rem 0.55rem;
  border-radius: 50rem;
  font-weight: 600;
  font-size: 0.8rem;
}
.adg-pill.ok {
  background-color: #d1e7dd;  /* igual al verde claro */
  color: #0f5132;
}
.adg-pill.warn {
  background-color: #fff3cd;  /* igual al amarillo claro */
  color: #664d03;
}
.adg-pill.danger {
  background-color: #f8d7da;  /* igual al rojo claro */
  color: #842029;
}
.adg-pill.muted {
  background-color: #e9ecef;
  color: #6c757d;
}

/* --- Píldoras BCS --- */
.bcs-pill {
  display: inline-block;
  padding: 0.2rem 0.55rem;
  border-radius: 50rem;
  font-weight: 600;
  font-size: 0.8rem;
}
.bcs-pill.ok { background-color: #d1e7dd; color: #0f5132; }
.bcs-pill.warn { background-color: #fff3cd; color: #664d03; }
.bcs-pill.danger { background-color: #f8d7da; color: #842029; }

/* --- Chips de Sanidad --- */
.chip {
  display: inline-block;
  padding: 0.2rem 0.55rem;
  border-radius: 50rem;
  font-weight: 600;
  font-size: 0.8rem;
  min-width: 1.5rem;
  text-align: center;
}
.chip.ok { background-color: #d1e7dd; color: #0f5132; }     /* 🟢 OK */
.chip.warn { background-color: #fff3cd; color: #664d03; }   /* 🟡 Próx. 7d */
.chip.danger { background-color: #f8d7da; color: #842029; } /* 🔴 Vencido */

/* ADG */
.adg-pill{display:inline-block;padding:.2rem .55rem;border-radius:50rem;font-weight:600;font-size:.8rem}
.adg-pill.ok{background:#d1e7dd;color:#0f5132}
.adg-pill.warn{background:#fff3cd;color:#664d03}
.adg-pill.danger{background:#f8d7da;color:#842029}
.adg-pill.muted{background:#e9ecef;color:#6c757d}

/* BCS */
.bcs-pill{display:inline-block;padding:.2rem .55rem;border-radius:50rem;font-weight:600;font-size:.8rem}
.bcs-pill.ok{background:#d1e7dd;color:#0f5132}
.bcs-pill.warn{background:#fff3cd;color:#664d03}
.bcs-pill.danger{background:#f8d7da;color:#842029}

/* Sanidad */
.chip{display:inline-block;padding:.2rem .55rem;border-radius:50rem;font-weight:600;font-size:.8rem;min-width:1.5rem;text-align:center}
.chip.ok{background:#d1e7dd;color:#0f5132}
.chip.warn{background:#fff3cd;color:#664d03}
.chip.danger{background:#f8d7da;color:#842029}