/* Asistentes de configuración (asis-config.js, 9-nov-2026). Solo modo claro; usa los tokens de app.css. */
.asc-intro{margin:0 0 12px;line-height:1.45}
.asc-error:empty{display:none}
.asc-error{margin:10px 0 0}
.asc-contador{display:block;text-align:right;font-size:12px;color:var(--suave);margin-top:4px;font-variant-numeric:tabular-nums}
.asc-res b{white-space:pre-wrap}
.t-res-fila.asc-res{grid-template-columns:110px 1fr}
.asc-fila-btn{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}
.asc-archivo-info{color:var(--suave);font-size:12.5px;overflow-wrap:anywhere}

/* estado */
.asc-estado-vista.grande{margin-bottom:12px}
.asc-media-caja{border-radius:16px;overflow:hidden;background:#111b21;margin-bottom:4px}
.asc-media{display:block;width:100%;max-height:320px;object-fit:contain;background:#111b21}
.asc-media-pie{margin:0;padding:10px 14px;color:#fff;font-size:15px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere;background:rgba(0,0,0,.55)}
.asc-media-vacia{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:160px;border:2px dashed var(--borde-fuerte);border-radius:16px;color:var(--suave);font-size:14px}
.asc-media-vacia svg{width:28px;height:28px;fill:currentColor}
.asc-telefono{max-width:300px;margin:0 auto 14px;padding:8px;border-radius:22px;background:#111b21;box-shadow:var(--sombra-alta)}
.asc-telefono .estado-vista.grande,.asc-telefono .asc-media-caja{margin:0;border-radius:16px}

/* chat de ejemplo (llamadas, horarios) */
.asc-chat{padding:12px;border-radius:var(--r-m);background:var(--fondo);margin:0 0 14px}
.asc-chat .a-burbuja{background:#fff}
.asc-burbuja b{font-weight:700}
.asc-ejemplo{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.asc-ejemplo>small{font-size:12px;color:var(--suave)}
.asc-burbuja-cliente{align-self:flex-end;background:var(--burbuja-yo);color:#111b21;border-radius:10px 10px 2px 10px;padding:6px 12px;font-size:14px;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.asc-chat .asc-burbuja{max-height:340px;overflow:auto}
.asc-opciones{display:flex;flex-direction:column;gap:6px;margin:6px 0 4px}
.asc-opciones .menu-opcion{display:grid;grid-template-columns:24px minmax(0,1fr) minmax(0,.8fr) auto;gap:6px;align-items:center}
.asc-opciones .menu-num{font-weight:700;color:var(--verde-osc);text-align:center}
.asc-opciones select{min-height:40px;border:1px solid var(--borde);border-radius:var(--r-s);background:var(--panel);color:var(--tinta);padding:0 6px;max-width:100%}

/* correo */
.asc-servidor{display:flex;align-items:center;gap:6px}
.asc-servidor .area{flex:1;min-width:0}
.asc-servidor .asc-puerto{flex:0 0 80px}
.asc-guardada{display:flex;align-items:center;gap:6px;margin:8px 0 0;padding:6px 10px;border-radius:var(--r-s);background:var(--verde-claro);color:var(--verde-osc);font-size:13px;font-weight:600}
.asc-guardada svg{width:16px;height:15px;fill:currentColor;flex:none}
.asc-sobre{display:flex;flex-direction:column;gap:2px;margin-top:12px;padding:10px 12px;border:1px solid var(--borde);border-radius:var(--r-m);background:var(--panel2);overflow-wrap:anywhere}
.asc-sobre small{font-size:12px;color:var(--suave)}
.asc-sobre b{font-size:14.5px;color:var(--tinta)}
.asc-sobre span{font-size:13px;color:var(--texto2)}
.asc-prueba-res{margin:10px 0 0;font-size:13.5px;line-height:1.45;color:var(--texto2)}
.asc-prueba-res:empty{display:none}
.asc-prueba-res.asc-ok{padding:8px 12px;border-radius:var(--r-s);background:var(--verde-claro);color:var(--verde-osc);font-weight:600}

/* horarios */
.asc-dias{grid-template-columns:repeat(4,minmax(0,1fr))}
.asc-dia{min-height:46px}
.asc-otra-hora{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
.asc-otra-hora .area{width:auto;max-width:150px}
.asc-horas-elegidas{margin-top:12px}
.asc-horas-elegidas small{font-size:12.5px;color:var(--suave)}
@media (max-width:420px){
  .asc-dias{grid-template-columns:repeat(3,minmax(0,1fr))}
  .asc-opciones .menu-opcion{grid-template-columns:22px minmax(0,1fr) auto}
  .asc-opciones .menu-opcion select{grid-row:2;grid-column:2 / span 2}
  .asc-opciones .menu-opcion .icono{grid-row:1;grid-column:3}
  .t-res-fila.asc-res{grid-template-columns:90px 1fr}
}