/* Pasada "clean" global del panel: menos ruido, un solo acento, tipografía legible. Se carga al final. */
/* 1 · Fondo liso (sin grano) */
body::after{display:none!important}
#s-dash{background-image:none!important}
/* 2 · Botón primario neutro (tinta); el verde queda para estado/acento */
.btn-b{background:var(--ink);color:var(--white)}
.btn-b:hover{background:var(--ink);opacity:.86;box-shadow:none;transform:none}
/* 3 · Tamaños mínimos legibles */
.btn-xs{font-size:.72rem;padding:4px 10px}
.btn-sm{font-size:.76rem;padding:5px 12px}
.pill{font-size:.68rem}
/* 4 · Avisos y cintas: neutros y finos, sin degradados de color */
.aura-preview-ribbon{background:var(--bg2)!important;border:1px solid var(--bg3)!important;box-shadow:none!important}
/* 5 · Menos sombras y bordes pesados en tarjetas */
.card{box-shadow:none}
/* Los pasos de activación viven junto al asistente (hub); dentro de las configuraciones ya no se repiten */
#pg-cfg-bot.cfg-hub-panel #onboard-checklist{display:none!important}
/* La barra fija móvil (Prueba 7 días gratis + WhatsApp) es SOLO del landing de Eliseo, nunca de la tienda del cliente */
html[data-pub="1"] .mcta,html[data-pub="1"] .mcta::after{display:none!important}

/* ═══ MÓVIL: fácil de usar con el pulgar (≤760px) ═══ */
@media (max-width:760px){
  html{font-size:14.5px}
  /* Los campos nunca provocan zoom en iPhone */
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{font-size:16px!important}
  /* Áreas de toque de al menos 40px (sin cambiar el diseño visible de los interruptores) */
  .btn{min-height:40px}
  .btn-xs,.btn-sm{min-height:40px;padding-left:14px;padding-right:14px}
  .prodf-btn,.cfgtab,.mtab,.pill[onclick],.pill[id],.st-mtab,.crm-chip{min-height:38px;display:inline-flex;align-items:center;justify-content:center;text-align:center}
  .tgl::before{content:'';position:absolute;inset:-12px -8px}
  /* Nada se sale de la pantalla hacia los lados */
  .page{overflow-x:clip}
  /* Tiras de pestañas/chips: deslizan, con degradado en el borde que avisa que hay más */
  .nx-hs{scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;flex-wrap:nowrap!important;overflow-x:auto}
  .nx-hs::-webkit-scrollbar{display:none}
  .nx-hs>*{flex-shrink:0}
  .nx-hs.nx-r:not(.nx-l){-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent)}
  .nx-hs.nx-l:not(.nx-r){-webkit-mask-image:linear-gradient(90deg,transparent,#000 34px);mask-image:linear-gradient(90deg,transparent,#000 34px)}
  .nx-hs.nx-l.nx-r{-webkit-mask-image:linear-gradient(90deg,transparent,#000 34px,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(90deg,transparent,#000 34px,#000 calc(100% - 34px),transparent)}
}

/* Tipografía: DM Sans, pesos más suaves y elegantes */
body,button,input,select,textarea{font-family:'DM Sans',-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:-.005em}
b,strong,h1,h2,h3,h4{font-weight:600}
/* Se quitó "Arranque rápido": el asistente se configura desde sus pestañas */
#rubro-card{display:none!important}

/* Barra de la tienda: Copiar / Ver / Guardar — misma altura, sin apretujar */
.tb-row{flex-wrap:nowrap}
.tb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;min-width:40px;padding:0 14px;border-radius:11px;font-size:.8rem;font-weight:600;white-space:nowrap;line-height:1}
.tb-btn.btn-m{padding:0 14px;color:#04241d}
.tb-btn i,.tb-btn svg{display:inline-block;flex:none;width:18px;height:18px;margin:0}
.tb-btn:not(.tb-save){width:40px;padding:0}
.tb-save{min-width:112px;padding:0 18px}
@media(max-width:640px){.tb-row{flex-wrap:wrap;justify-content:flex-end;margin-left:0!important;width:100%}}
.tb-row>div:first-child{height:40px;display:flex;align-items:center;padding:0 14px!important;border-radius:11px!important}
/* Toggle Configurar / Vista previa: contenido centrado en cada botón */
.st-mtab{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center}
