/* Estilos propios mínimos; el resto viene de Tailwind (CDN) */
.htmx-request .htmx-indicator { opacity: 1; }
.htmx-indicator { opacity: 0; transition: opacity 150ms ease-in; }
.score-ring { background: conic-gradient(var(--ring) calc(var(--pct) * 1%), #e5e7eb 0); }

/* Tonos de afinidad */
.tone-good { --ring: #059669; color: #047857; background-color: #ecfdf5; border-color: #a7f3d0; }
.tone-mid  { --ring: #d97706; color: #b45309; background-color: #fffbeb; border-color: #fde68a; }
.tone-low  { --ring: #e11d48; color: #be123c; background-color: #fff1f2; border-color: #fecdd3; }
.bar-good { background-color: #10b981; }
.bar-mid  { background-color: #f59e0b; }
.bar-low  { background-color: #f43f5e; }
.score-ring { width: 4.5rem; height: 4.5rem; border-radius: 9999px; display: grid; place-items: center;
  background: conic-gradient(var(--ring) calc(var(--pct) * 1%), #e5e7eb 0); }
.score-ring > span { width: 3.6rem; height: 3.6rem; border-radius: 9999px; background: white;
  display: grid; place-items: center; font-weight: 700; font-size: 1.1rem; }
.chip-ai { border-style: dashed; }