/* Motor de correo — interfaz mínima. Lenguaje Klaviyo claro, pensado para jornadas largas. Sin fuentes ni
   imágenes de afuera: tipografía del sistema. El color de acento sale de la ficha de la marca. */
:root{--fondo:#f6f7f9;--panel:#fff;--texto:#1f2328;--suave:#59636e;--linea:#e1e4e8;--acento:#222;--ok:#1a7f37;--aviso:#9a6700;--mal:#cf222e;--radio:10px}
*{box-sizing:border-box}html{font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--texto);background:var(--fondo)}
body{margin:0}a{color:var(--acento)}h1{font-size:1.5rem;margin:.2rem 0 1rem}h2{font-size:1.15rem;margin:1.6rem 0 .6rem}h3{font-size:1rem;margin:1rem 0 .4rem}
.barra{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1.2rem;background:var(--panel);border-bottom:1px solid var(--linea);position:sticky;top:0;z-index:2}
.marca-activa{display:flex;align-items:center;gap:.8rem}.logo{height:28px;width:28px;border-radius:6px;object-fit:cover}
.logo-letra{display:inline-grid;place-items:center;height:28px;width:28px;border-radius:6px;color:#fff;font-weight:700;background:var(--acento)}
.selector{display:flex;gap:.4rem;align-items:center}.selector select{font:inherit;padding:.35rem .6rem;border:1px solid var(--linea);border-radius:8px;background:#fff}.oculto{position:absolute;left:-9999px}
.salir{display:flex;gap:.8rem;align-items:center;color:var(--suave)}
.cuerpo{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 52px)}
.lateral{padding:1rem .6rem;border-right:1px solid var(--linea);background:var(--panel)}.lateral a{display:block;padding:.5rem .8rem;border-radius:8px;color:var(--texto);text-decoration:none}.lateral a.activo,.lateral a:hover{background:var(--fondo);font-weight:600}
.contenido{padding:1.4rem 2rem;max-width:1100px}
.tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem}
.tarjeta{background:var(--panel);border:1px solid var(--linea);border-radius:var(--radio);padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.2rem;text-decoration:none;color:inherit}.tarjetas .tarjeta strong{font-size:1.5rem}.tarjetas .tarjeta span{color:var(--suave)}
.tarjeta.ancha{display:block;margin:0 0 1rem}.tarjeta header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap}.tarjeta header h2{margin:0}
.dos-columnas{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;align-items:start}@media(max-width:900px){.dos-columnas{grid-template-columns:1fr}.cuerpo{grid-template-columns:1fr}.lateral{border-right:0;border-bottom:1px solid var(--linea)}}
.vista{width:100%;height:360px;border:1px solid var(--linea);border-radius:8px;background:#fff}.vista.alta{height:620px}
.tabla{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--linea);border-radius:var(--radio);overflow:hidden}.tabla th,.tabla td{text-align:left;padding:.55rem .8rem;border-bottom:1px solid var(--linea)}.tabla th{color:var(--suave);font-weight:600;font-size:.85rem}.tabla tr.revocada{color:var(--suave)}
.chip{display:inline-block;padding:.1rem .55rem;border-radius:999px;font-size:.8rem;background:var(--fondo);border:1px solid var(--linea)}.chip-ok{color:var(--ok);border-color:currentColor}.chip-aviso{color:var(--aviso);border-color:currentColor}.chip-mal{color:var(--mal);border-color:currentColor}
.estado-aprobada,.estado-activo,.estado-enviada{color:var(--ok)}.estado-pendiente_aprobacion,.estado-programada,.estado-pausado,.estado-enviando{color:var(--aviso)}.estado-cancelada{color:var(--mal)}
button,.boton{font:inherit;padding:.45rem .9rem;border-radius:8px;border:1px solid var(--linea);background:var(--panel);cursor:pointer;text-decoration:none;color:inherit}
.primario{background:var(--acento);color:#fff;border-color:var(--acento)}.secundario{background:var(--fondo)}.peligro{color:var(--mal);border-color:var(--mal)}.link{border:0;background:none;color:var(--acento);padding:0;text-decoration:underline}
button[disabled]{opacity:.5;cursor:not-allowed}
.acciones{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin-top:1rem}.acciones form{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.inline{display:inline-flex;gap:.4rem;align-items:center}
input,select,textarea{font:inherit;padding:.4rem .6rem;border:1px solid var(--linea);border-radius:8px;background:#fff}textarea{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem}label{display:block;margin:.5rem 0}label.inline{display:inline-flex;margin:0}
.aviso{padding:.6rem .9rem;border-radius:8px;border:1px solid}.aviso-ok{color:var(--ok);background:#eaf7ee}.aviso-mal{color:var(--mal);background:#fdecef}
.avisos{list-style:none;padding:0}.avisos li{padding:.5rem .8rem;border-left:3px solid var(--linea);background:var(--panel);margin:.3rem 0;border-radius:0 8px 8px 0}.avisos li span{color:var(--suave);margin-right:.6rem}.nivel-critico{border-left-color:var(--mal)}.nivel-alerta{border-left-color:var(--aviso)}
.embudo{display:grid;gap:.5rem}.etapa{position:relative;background:var(--panel);border:1px solid var(--linea);border-radius:8px;padding:.5rem .9rem;display:flex;gap:1rem;align-items:baseline}.barra-etapa{position:absolute;left:0;top:0;bottom:0;background:color-mix(in srgb,var(--acento) 12%,transparent);border-radius:8px}.etapa .nombre{position:relative;min-width:7rem}.etapa .n{position:relative;font-weight:700}.etapa .perdida{position:relative;color:var(--suave);font-size:.85rem;margin-left:auto}
.checklist{list-style:none;padding:0}.checklist .falta{padding:.3rem .6rem;color:var(--aviso)}.checklist .falta::before{content:"○ "}
.pasos{list-style:none;padding:0;display:grid;gap:.4rem}.paso{background:var(--panel);border:1px solid var(--linea);border-radius:8px;padding:.6rem .9rem}.paso.disparador{border-left:4px solid var(--acento)}.paso.espera{color:var(--suave)}.paso.condicion{border-style:dashed}
.suave{color:var(--suave)}.frase{font-size:1.05rem}
.centrado{display:grid;place-items:center;min-height:100vh}.ingreso{width:min(380px,92vw)}.ingreso h1{margin-top:0}.ingreso button{width:100%;margin-top:.8rem}
code{background:var(--fondo);padding:.1rem .3rem;border-radius:4px}.copiable{user-select:all;cursor:copy;word-break:break-all}
.buscar{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin:1rem 0}.buscar label{margin:0}