/* ============================================================
   SCRUM-2393 · Estilos del panel «Cómo se pregunta».

   Están en un archivo compartido, y no en el <style> del reporte,
   porque el MISMO panel se pinta en dos sitios:

     · Clínica › Reportes › Satisfacción, dentro del cajón lateral
     · Engranaje › CRM › Encuestas de satisfacción, como pantalla

   Antes estas reglas colgaban de `.sat-drawer`, así que fuera del cajón
   el panel salía sin estilos. El ancestro es ahora `.sat-cfg`, que es la
   clase que llevan los dos contenedores.

   Lo que NO está aquí es la mecánica del cajón (`.sat-drawer*`): eso es
   del reporte y sigue en su vista.
   ============================================================ */

/* El indicador de carga. Lo usan el reporte y el panel. */
.sat-spinner {
    width: 40px;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 6px solid #d6e4f0;
    border-right-color: #145388;
    animation: satGirar 1s infinite linear;
    display: inline-block;
}
@keyframes satGirar { to { transform: rotate(1turn); } }

/* ---------------- el panel ---------------- */

.sat-cfg h6 { font-weight: 700; margin: 1.1rem 0 .5rem; }

/* Cada pregunta: el tipo a la izquierda y el texto con su nota a la derecha. */
.sat-cfg .sat-q {
    display: flex;
    gap: .6rem;
    align-items: flex-start;
    padding: .45rem 0;
    border-top: 1px solid #f0f2f6;
}
.sat-cfg .sat-q:first-child { border-top: 0; }
.sat-cfg .sat-q-tipo {
    flex: 0 0 52px;
    font-size: .7rem;
    text-align: center;
    border-radius: 4px;
    background: #eef1f6;
    padding: .1rem .2rem;
    margin-top: .15rem;
}

/* El punto de las preguntas fijas: no se pueden apagar, así que no llevan casilla. */
.sat-cfg .sat-punto {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #145388;
    display: inline-block;
    margin-top: .2rem;
    flex: 0 0 16px;
}

.sat-cfg .sat-aviso { font-size: .74rem; color: #b26a00; }

/* ---------------- la vista previa ---------------- */

.sat-cfg .sat-prev {
    background: #f6f8fb;
    border: 1px solid #e6e9ef;
    border-radius: .5rem;
    padding: .8rem;
}
.sat-cfg .sat-wa {
    background: #e7f7dc;
    border-radius: .5rem .5rem .5rem 0;
    padding: .6rem .8rem;
    max-width: 90%;
    white-space: pre-wrap;
    word-break: break-word;
    font-size: .86rem;
}
.sat-cfg .sat-mail-btn {
    display: inline-block;
    background: #145388;
    color: #fff;
    border-radius: 6px;
    padding: .45rem 1.4rem;
    font-weight: 700;
}

/* Apagada o sin canal: es lo que hay que ver antes de guardar. */
.sat-cfg .sat-sincanal { color: #c33c30; font-weight: 600; }