/* [Pulso-Supabase] 💰 Saldos de proveedores en 🩺 Salud (public/saldos.js). Celular primero; solo tokens de estilos.css (claro y oscuro). */
.cf-saldos { margin-top: var(--s4); }
.cf-saldos-head { display: flex; align-items: center; justify-content: space-between; gap: var(--s2); flex-wrap: wrap; }
.cf-saldos-head .cf-h3 { margin: 0; }
.cf-saldos-res { margin: var(--s2) 0 0; padding: var(--s2) var(--s3); border-radius: var(--rs); font-size: var(--f-sm); font-weight: 600; border: 1px solid var(--border); }
.cf-saldos-res-ok { background: var(--green-bg); border-color: var(--green-bd); color: var(--green-t); }
.cf-saldos-res-med { background: var(--amber-bg); border-color: var(--amber-bd); color: var(--amber-t); }
.cf-saldos-res-mal { background: var(--red-bg); border-color: var(--red-bd); color: var(--red); }
.cf-saldos-tit { display: flex; align-items: center; justify-content: space-between; gap: var(--s2); flex-wrap: wrap; }
.cf-saldos-tit b { min-width: 0; overflow-wrap: anywhere; }
.cf-saldos-chip { font-size: var(--f-xs); padding: 2px var(--s2); border-radius: var(--r-pill); border: 1px solid var(--border); background: var(--surface-2); color: var(--t2); white-space: nowrap; }
.cf-saldos-ok { background: var(--green-bg); border-color: var(--green-bd); color: var(--green-t); }
.cf-saldos-bajo { background: var(--amber-bg); border-color: var(--amber-bd); color: var(--amber-t); }
.cf-saldos-urgente, .cf-saldos-agotado { background: var(--red-bg); border-color: var(--red-bd); color: var(--red); }
.cf-saldos-det { margin-top: var(--s1); line-height: 1.5; overflow-wrap: anywhere; }
.cf-saldos-det b { color: var(--t1); }
.cf-saldos-mal { color: var(--red); font-weight: 600; }
.cf-saldos-dot-sin { background: var(--border-2); }
.cf-saldos-fila[data-saldos-est="agotado"], .cf-saldos-fila[data-saldos-est="urgente"] { border-color: var(--red-bd); }
.cf-saldos-fila[data-saldos-est="bajo"] { border-color: var(--amber-bd); }
.cf-saldos-auto { margin-top: var(--s1); }
.cf-saldos-auto summary { cursor: pointer; color: var(--accent); font-size: var(--f-sm); }
.cf-saldos-auto p { margin: var(--s1) 0 0; color: var(--t2); }
.cf-saldos-umb { margin-top: var(--s3); border: 1px solid var(--border); border-radius: var(--r); padding: var(--s2) var(--s3); background: var(--surface); }
.cf-saldos-umb summary { cursor: pointer; font-weight: 600; }
.cf-saldos-dias { display: flex; flex-wrap: wrap; gap: var(--s2) var(--s4); margin: var(--s2) 0; }
.cf-saldos-dias label { display: flex; align-items: center; gap: var(--s1); flex-wrap: wrap; font-size: var(--f-sm); }
.cf-saldos-dias .cf-input { width: 64px; }
.cf-saldos-umb-grid { display: grid; grid-template-columns: minmax(0, 1fr) 96px 96px; gap: var(--s2); align-items: center; font-size: var(--f-sm); }
.cf-saldos-umb-grid .cf-input { width: 100%; }
.cf-saldos-pie { margin-top: var(--s2); }