/* ===========================================================================
   ALOIA Theme for phpList — native v2 shell
   Design system shared with comercial.aloia.ai/wa and Aloia ecosystem
   =========================================================================== */
@import url("../vendor/fonts/fonts.css");

:root{
  --orange:#FD6144;
  --orange-hover:#FB4E2D;
  --red:#FD3244;
  --green:#25D366;
  --blue:#2260d4;
  --dark:#161212;
  --dark2:#1F1919;
  --soft:#7A6868;
  --softer:#9A8A8A;
  --border:#E8E0E0;
  --border-dark:rgba(255,255,255,0.08);
  --bg:#FFF;
  --bg2:#F9F6F6;
  --bg3:#F3EEEE;
  --sb-width:260px;
}

*,*::before,*::after{box-sizing:border-box}

html,body{
  margin:0;padding:0;
  font-family:'DM Sans',system-ui,-apple-system,sans-serif;
  color:var(--dark);
  background:var(--bg2);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-size:14px;
  line-height:1.5;
}

body.aloia-body{min-height:100vh}

h1,h2,h3,h4,h5,h6{
  font-family:'Playfair Display',serif;
  font-weight:700;
  color:var(--dark);
  margin:0 0 12px;
  letter-spacing:-0.01em;
  line-height:1.25;
}

a{color:var(--orange);text-decoration:none;transition:color .15s}
a:hover,a:focus{color:var(--dark)}

/* ===========================================================================
   LOGIN SHELL
   =========================================================================== */
.aloia-login-shell{
  min-height:100vh;
  background:var(--dark);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px 20px;
  position:relative;
  overflow:hidden;
}
.aloia-login-glow{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  z-index:0;
}
.aloia-login-glow-1{
  top:-45%;right:-25%;
  width:900px;height:900px;
  background:radial-gradient(circle,rgba(253,97,68,0.12) 0%,transparent 70%);
}
.aloia-login-glow-2{
  bottom:-35%;left:-15%;
  width:700px;height:700px;
  background:radial-gradient(circle,rgba(253,50,68,0.08) 0%,transparent 70%);
}

.aloia-login-wrap{
  position:relative;z-index:1;
  width:100%;max-width:420px;
  display:flex;flex-direction:column;align-items:center;
}
.aloia-login-brand{text-align:center;margin-bottom:32px}
.aloia-login-logo{
  height:30px;width:auto;
  filter:brightness(0) invert(1);
  display:block;margin:0 auto 12px;
}
.aloia-login-tagline{
  font-size:11px;
  color:rgba(255,255,255,0.35);
  letter-spacing:0.22em;
  text-transform:uppercase;
  margin:0;font-weight:500;
}
.aloia-login-card{
  background:#fff;
  border-radius:16px;
  padding:40px 36px;
  width:100%;
  box-shadow:0 24px 80px rgba(0,0,0,0.45), 0 0 0 1px rgba(255,255,255,0.04);
}
/* Hide legacy phpList chrome injected into login shell */
.aloia-login-card > h4.pagetitle,
.aloia-login-card > .hidden,
.aloia-login-card > noscript,
.aloia-login-card > .note,
.aloia-login-card > script,
.aloia-login-card > div:empty{display:none !important}
.aloia-login-card::before{
  content:'Iniciar sesion';
  display:block;
  font-family:'Playfair Display',serif;
  font-size:22px;font-weight:700;
  color:var(--dark);
  margin-bottom:18px;
}
.aloia-login-card form#login-form,
.aloia-login-card form#forgotpassword-form{margin:0}
.aloia-login-card #forgotpassword-form{
  margin-top:20px;
  padding-top:20px;
  border-top:1px solid var(--border);
}
.aloia-login-card #forgotpassword-form p{
  font-size:12px;color:var(--soft);margin:0 0 10px;
}
.aloia-login-card table.loginPassUpdate,
.aloia-login-card table.loginPassUpdate tbody,
.aloia-login-card table.loginPassUpdate tr,
.aloia-login-card table.loginPassUpdate td{
  display:block;width:100%;border:none;background:transparent;padding:0;margin:0;
}
.aloia-login-card span.general{
  display:block;
  font-size:11px;font-weight:500;
  color:var(--soft);
  letter-spacing:0.1em;text-transform:uppercase;
  margin:14px 0 8px;
}
.aloia-login-card table.loginPassUpdate tr:first-child span.general{margin-top:0}
.aloia-login-card input[type=text],
.aloia-login-card input[type=password]{
  width:100%;height:48px;
  padding:0 16px;
  border:1.5px solid var(--border);border-radius:8px;
  font-family:inherit;font-size:14px;
  color:var(--dark);
  background:var(--bg2);
  outline:none;
  transition:border-color .2s,background .2s;
}
.aloia-login-card input[type=text]:focus,
.aloia-login-card input[type=password]:focus{
  border-color:var(--orange);background:#fff;
}
.aloia-login-card input[type=submit]{
  width:100%;height:50px;margin-top:24px;
  background:var(--dark);color:#fff;
  border:none;border-radius:100px;
  font-family:inherit;font-size:14px;font-weight:600;letter-spacing:0.02em;
  cursor:pointer;transition:all .25s;
  box-shadow:0 4px 16px rgba(22,18,18,0.22);
}
.aloia-login-card input[type=submit]:hover{
  background:var(--orange);
  box-shadow:0 4px 24px rgba(253,97,68,0.4);
  transform:translateY(-1px);
}
.aloia-login-card .error,
.aloia-login-card .warn{
  background:rgba(253,50,68,0.07);
  border:1px solid rgba(253,50,68,0.2);
  color:var(--red);
  padding:12px 14px;border-radius:8px;
  font-size:13px;text-align:center;
  margin-bottom:16px;
}

/* ===========================================================================
   APP SHELL — left sidebar layout
   =========================================================================== */
.aloia-app{
  min-height:100vh;
}

/* Sidebar fixed to the left */
.aloia-sidebar{
  background:var(--dark);
  color:rgba(255,255,255,0.7);
  display:flex;flex-direction:column;
  position:fixed;top:0;left:0;bottom:0;
  width:var(--sb-width);
  z-index:50;
  border-right:1px solid var(--border-dark);
}
.aloia-brand{
  padding:20px 20px 16px;
  display:flex;align-items:center;gap:10px;
  border-bottom:1px solid rgba(255,255,255,0.06);
  background:linear-gradient(180deg,rgba(253,97,68,0.03) 0%,transparent 100%);
}
.aloia-brand img{
  height:22px;width:auto;
  filter:brightness(0) invert(1);
  opacity:0.95;
}
.aloia-brand-tag{
  font-size:9px;font-weight:600;
  letter-spacing:0.18em;text-transform:uppercase;
  color:var(--orange);
  background:rgba(253,97,68,0.12);
  padding:4px 9px;border-radius:100px;
  border:1px solid rgba(253,97,68,0.15);
  line-height:1;
}

.aloia-nav{flex:1;overflow-y:auto;padding:14px 12px 24px}
.aloia-nav::-webkit-scrollbar{width:6px}
.aloia-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.08);border-radius:100px}
.aloia-menu ul{list-style:none;padding:0;margin:0}
.aloia-menu li{margin:0;padding:0}

/* Each top-level category is its own block */
.aloia-menu > ul{
  margin:0 0 18px;
  position:relative;
}
.aloia-menu > ul:last-child{margin-bottom:8px}

.aloia-menu a{
  display:flex;align-items:center;gap:11px;
  text-decoration:none;
  transition:all .15s;
  line-height:1.3;
  position:relative;
}
.aloia-menu a .glyphicon{
  flex-shrink:0;
  transition:opacity .15s, color .15s;
  display:inline-flex;align-items:center;justify-content:center;
}

/* ===== LEVEL 0 — Category header (clickable to toggle submenu) ===== */
.aloia-menu > ul > li > a.level0{
  padding:10px 34px 10px 12px;
  font-family:'DM Sans',sans-serif;
  font-size:11px;
  font-weight:600;
  letter-spacing:0.2em;
  text-transform:uppercase;
  color:rgba(255,255,255,0.45);
  border-radius:8px;
  margin-bottom:2px;
  cursor:pointer;
  position:relative;
}
.aloia-menu > ul > li > a.level0 .glyphicon{
  font-size:13px;
  width:16px;height:16px;
  color:var(--orange);
  opacity:0.75;
}
.aloia-menu > ul > li > a.level0:hover{
  color:#fff;
  background:rgba(255,255,255,0.04);
}
.aloia-menu > ul > li > a.level0:hover .glyphicon{opacity:1}

/* Chevron (flecha colapsable) — solo cuando hay submenu */
.aloia-menu > ul > li:has(> ul) > a.level0::after{
  content:'';
  position:absolute;
  right:14px;top:50%;
  width:6px;height:6px;
  border-right:1.5px solid rgba(255,255,255,0.45);
  border-bottom:1.5px solid rgba(255,255,255,0.45);
  transform:translateY(-75%) rotate(45deg);
  transition:transform .2s ease, border-color .2s;
}
.aloia-menu > ul > li.open:has(> ul) > a.level0::after,
.aloia-menu > ul > li.active:has(> ul) > a.level0::after{
  transform:translateY(-25%) rotate(225deg);
  border-color:var(--orange);
}

/* Active / open top-level */
.aloia-menu > ul > li.active > a.level0,
.aloia-menu > ul > li.open > a.level0{
  color:var(--orange);
  background:rgba(253,97,68,0.06);
}
.aloia-menu > ul > li.active > a.level0 .glyphicon,
.aloia-menu > ul > li.open > a.level0 .glyphicon{
  color:var(--orange);opacity:1;
}

/* ===== LEVEL 1 — Submenu colapsable ===== */
.aloia-menu > ul > li > ul{
  padding:0;
  margin:0;
  max-height:0;
  overflow:hidden;
  transition:max-height .25s ease;
}
.aloia-menu > ul > li.open > ul,
.aloia-menu > ul > li.active > ul,
.aloia-menu > ul > li.active-branch > ul{
  max-height:600px;
}

.aloia-menu > ul > li > ul > li > a{
  font-size:13px;
  font-weight:400;
  padding:8px 12px 8px 38px;
  color:rgba(255,255,255,0.7);
  border-radius:8px;
  margin:1px 0;
  position:relative;
}
/* bullet-line before each subitem */
.aloia-menu > ul > li > ul > li > a::before{
  content:'';
  position:absolute;
  left:22px;top:50%;
  width:6px;height:6px;
  border-radius:50%;
  background:rgba(255,255,255,0.15);
  transform:translateY(-50%);
  transition:all .15s;
}
.aloia-menu > ul > li > ul > li > a:hover{
  background:rgba(255,255,255,0.05);
  color:#fff;
}
.aloia-menu > ul > li > ul > li > a:hover::before{
  background:rgba(255,255,255,0.4);
}

/* Active subitem */
.aloia-menu > ul > li > ul > li.active > a{
  color:#fff;
  background:rgba(253,97,68,0.15);
  font-weight:500;
}
.aloia-menu > ul > li > ul > li.active > a::before{
  background:var(--orange);
  width:8px;height:8px;
  box-shadow:0 0 0 3px rgba(253,97,68,0.2);
}

/* Account section divider */
.aloia-menu h3{
  font-family:'DM Sans',sans-serif;
  font-size:10px;font-weight:600;
  letter-spacing:0.22em;text-transform:uppercase;
  color:rgba(255,255,255,0.28);
  padding:20px 12px 10px;
  margin:16px 0 0;
  border-top:1px solid rgba(255,255,255,0.05);
}

/* When a category has NO submenu (like Dashboard alone) */
.aloia-menu > ul > li > a.level0:not(:has(+ ul)){
  /* make it clickable like a regular item */
}
/* Single-item categories (Dashboard) — style like a regular nav row */
.aloia-menu > ul > li:only-child > a.level0,
.aloia-menu > ul > li > a.level0[href*="page=home"]{
  /* fallback if only-child match not supported */
}

.aloia-sidebar-footer{
  padding:14px 16px;
  border-top:1px solid var(--border-dark);
  display:flex;flex-direction:column;gap:10px;
}
.aloia-sidebar-footer select,
.aloia-sidebar-footer #languageswitcher select{
  width:100%;
  background:rgba(255,255,255,0.04);
  color:rgba(255,255,255,0.7);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:8px;
  font-family:inherit;font-size:12px;
  padding:8px 10px;outline:none;
}
.aloia-logout{
  display:block;text-align:center;
  padding:10px 14px;
  background:rgba(255,255,255,0.04);
  color:rgba(255,255,255,0.7);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:100px;
  font-size:12px;font-weight:500;
  text-decoration:none;transition:all .2s;
}
.aloia-logout:hover{
  background:var(--orange);border-color:var(--orange);color:#fff;
}

.aloia-user{
  display:block;text-align:center;
  font-size:12px;font-weight:500;
  color:rgba(255,255,255,0.65);
  padding:8px 12px;
  background:rgba(255,255,255,0.04);
  border-radius:100px;
  border:1px solid rgba(255,255,255,0.08);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

.aloia-main{
  margin-left:var(--sb-width);
  min-height:100vh;
  background:var(--bg2);
  display:flex;flex-direction:column;
  position:relative;
  min-width:0;
  overflow-x:hidden;
}
.aloia-content{
  flex:1;
  padding:28px 32px 40px;
  max-width:1400px;
  width:100%;
  margin:0 auto;
  position:relative;
  min-width:0;
}
/* Contener absolute children (step-nav, testpanel) dentro del main */
.aloia-content .panel,
.aloia-content .UIPanel,
.aloia-content .well{position:relative}

/* ===========================================================================
   phpList COMPONENTS restyled
   =========================================================================== */
.pagetitle,h4.pagetitle{
  font-size:22px;margin:0 0 20px;
  padding-bottom:14px;border-bottom:1px solid var(--border);
}
.panel,.well,.UIPanel{
  background:#fff;border:1px solid var(--border);border-radius:14px;
  padding:0;margin-bottom:20px;
  box-shadow:0 2px 10px rgba(22,18,18,0.04);
  overflow:hidden;
}
.well{padding:22px}
.panel > .header,
.panel > .panel-heading{
  padding:18px 24px;
  border-bottom:1px solid var(--border);
  background:var(--bg2);
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.panel > .header h2,
.panel > .header .panel-title,
.panel-title,.UIPanel-title{
  margin:0;
  font-family:'DM Sans',sans-serif;font-weight:600;font-size:12px;
  letter-spacing:0.14em;text-transform:uppercase;
  color:var(--soft);
  border:none;padding:0;
}
.panel > .content,.panel-body{padding:22px 24px}
.panel > .footer{padding:12px 24px;border-top:1px solid var(--border);background:var(--bg2)}
.panel > .footer:empty{display:none}

/* Filter bar (buscar suscriptores) */
.filter{
  display:flex;flex-wrap:wrap;gap:12px 18px;
  align-items:center;
  margin-bottom:14px;
}
.filter > label{
  display:inline-flex;align-items:center;gap:6px;
  margin:0;padding:6px 12px;
  background:var(--bg2);border:1px solid var(--border);
  border-radius:100px;
  font-size:12px;color:var(--dark);
  cursor:pointer;transition:all .15s;
  text-transform:none;letter-spacing:0;
}
.filter > label:hover{border-color:var(--orange);color:var(--orange)}
.filter > label input[type=checkbox],
.filter > label input[type=radio]{
  margin:0 0 0 4px;
}
.filter select,
.filter input[type=text]{
  height:38px;padding:8px 12px;font-size:13px;
  width:auto;min-width:160px;
}
.filter input[type=submit],
.filter .submit{padding:9px 20px;font-size:12px}
.filter .clearfix{width:100%;height:0}

/* Usersfind (campo de busqueda principal) */
.usersFind{
  display:flex;flex-wrap:wrap;gap:10px;align-items:center;
  padding:14px 0 0;margin-top:14px;
  border-top:1px solid var(--border);
}
.usersFind label{margin:0;font-size:12px;color:var(--soft);margin-right:4px}
.usersFind input[type=text]{flex:1;min-width:220px;height:40px}
.usersFind select{width:auto;min-width:160px;height:40px}
.usersFind .submit{height:40px}
.usersFind a.reset{
  font-size:12px;color:var(--soft);padding:6px 14px;
  background:transparent;border:1px solid var(--border);border-radius:100px;
  transition:all .15s;
}
.usersFind a.reset:hover{color:var(--orange);border-color:var(--orange)}

/* Actions bar (Download CSV / Add User) */
.actions{
  display:flex;flex-wrap:wrap;gap:10px;
  justify-content:space-between;align-items:center;
  margin:18px 0;
}
.actions > div{float:none !important;margin:0}

/* WebblerListing table */
.responsive-listing{overflow-x:auto;background:#fff;border:1px solid var(--border);border-radius:14px;margin-bottom:20px}
table.listing{
  border:none;border-radius:0;margin:0;
}
table.listing th,
table.listing .listinghdname,
table.listing .listinghdelement{
  font-family:'DM Sans',sans-serif;
  font-size:10px;font-weight:600;
  letter-spacing:0.12em;text-transform:uppercase;
  color:var(--soft);
  padding:0;
}
table.listing > tbody > tr > th{
  padding:12px 16px;
  background:var(--bg3);
  border-bottom:1px solid var(--border);
}
table.listing .listingname{
  font-size:13px;font-weight:500;color:var(--dark);
}
table.listing .listingname a{color:var(--dark)}
table.listing .listingname a:hover{color:var(--orange)}
table.listing .listingelement,
table.listing .listingelementleft,
table.listing .listingelementright,
table.listing .listingelementcenter{
  font-size:12px;color:var(--soft);
}
table.listing tr.row1 td,
table.listing tr.rowelement td{
  padding:12px 16px;
  border-bottom:1px solid var(--border);
  background:#fff;
  vertical-align:middle;
}
table.listing tr.row1:hover td,
table.listing tr.rowelement:hover td{background:var(--bg2)}
table.listing tr:last-child td{border-bottom:none}
table.listing .listingrowname{font-size:11px;color:var(--soft);padding:8px 16px !important}
/* Oculta la "greenline" separadora de phpList (tr con td bgcolor=#CCCC99) */
table.listing tr > td[bgcolor]{display:none}

/* Centrar columnas Listas/Mensajes/Rebotes/Estado; solo Suscriptor a la izquierda */
table.listing th:not(:first-child),
table.listing th:not(:first-child) .listinghdelement,
table.listing td:not(.listingname):not(.listingrowname){
  text-align:center;
}
table.listing th:not(:first-child) .listinghdelement{display:block}

/* Formulario de editar/agregar suscriptor */
table.userAdd,
table.userListing{
  border:none !important;
  border-collapse:separate;border-spacing:0;
  width:100%;background:#fff;margin:0 0 20px;
}
table.userAdd tr td,
table.userListing tr td{
  border:none !important;
  padding:12px 16px;
  vertical-align:middle;
  border-bottom:1px solid var(--border);
  background:#fff;
}
table.userAdd tr:last-child td,
table.userListing tr:last-child td{border-bottom:none}

table.userAdd td.dataname{
  width:240px;
  font-size:12px;font-weight:500;
  color:var(--soft);
  letter-spacing:0.04em;
  background:var(--bg2);
  text-transform:none;
}
table.userAdd td input[type=text],
table.userAdd td input[type=password],
table.userAdd td input[type=email],
table.userAdd td textarea,
table.userAdd td select{
  max-width:420px;width:100%;
}

/* Checkbox grid de listas de correo */
table.userListing{display:block}
table.userListing tr{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;border:none}
table.userListing td.tdcheck{
  background:var(--bg2) !important;
  border:1px solid var(--border) !important;
  border-radius:10px;
  padding:12px 14px !important;
  display:flex;align-items:center;gap:10px;
  font-size:13px;
  transition:all .15s;
}
table.userListing td.tdcheck:hover{border-color:var(--orange) !important}
table.userListing td.tdcheck input[type=checkbox]{margin:0}
table.userListing td.bgwhite{
  background:transparent !important;
  grid-column:1/-1;padding:12px 0 !important;
}

/* === ALOIA TABS SHELL (v2, sin jQuery UI ni AJAX) === */
.aloia-tabs-shell{margin-top:8px}
.aloia-tabs-nav{
  display:flex;flex-wrap:wrap;gap:2px;
  border-bottom:1px solid var(--border);
  margin-bottom:18px;
}
.aloia-tab-btn{
  background:none;border:none;cursor:pointer;
  padding:12px 18px;
  font-family:'DM Sans',sans-serif;
  font-size:11px;font-weight:600;
  letter-spacing:0.12em;text-transform:uppercase;
  color:var(--soft);
  border-bottom:2px solid transparent;
  transition:all .15s;
  line-height:1;
}
.aloia-tab-btn:hover{color:var(--dark)}
.aloia-tab-btn.active{color:var(--orange);border-bottom-color:var(--orange)}

.aloia-tab-panels{position:relative}
.aloia-tab-panel{display:none}
.aloia-tab-panel.active{display:block}

.aloia-tab-panel[data-panel=details],
.aloia-tab-panel[data-panel=lists]{padding:20px 24px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 2px 10px rgba(22,18,18,0.04)}
.aloia-tab-panel[data-panel=campaigns],
.aloia-tab-panel[data-panel=bounces],
.aloia-tab-panel[data-panel=subscription]{padding:20px 24px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 2px 10px rgba(22,18,18,0.04)}

/* === Compatibilidad con .tabbed (otras partes del admin) === */
.tabbed{margin-top:8px}
.tabbed > ul{
  display:flex;flex-wrap:wrap;gap:2px;
  list-style:none;padding:0;margin:0 0 18px;
  border-bottom:1px solid var(--border);
}
.tabbed > ul > li{margin:0}
.tabbed > ul > li > a{
  display:block;padding:12px 18px;
  font-size:11px;font-weight:600;
  letter-spacing:0.12em;text-transform:uppercase;
  color:var(--soft);text-decoration:none;
  border-bottom:2px solid transparent;
  transition:all .15s;
}
.tabbed > ul > li > a:hover{color:var(--dark)}
.tabbed > ul > li.ui-tabs-active > a,
.tabbed > ul > li.ui-state-active > a,
.tabbed > ul > li > a.active{
  color:var(--orange);border-bottom-color:var(--orange);
}
.tabbed .panel{margin-bottom:20px}
/* Panels dentro de tabs: quitar el header vacio y aplanar anidamiento */
.tabbed .panel > .header:has(h2:empty),
.tabbed .panel > .header h2:empty{display:none}
.tabbed .panel > .header:empty{display:none}
#lists,
#details{
  padding:20px 24px;
}
#lists .panel,
#details .panel{
  background:transparent;border:none;box-shadow:none;
  padding:0;margin:0;
}
#lists .panel > .content,
#details .panel > .content{padding:0}
#lists .panel > .footer,
#details .panel > .footer{display:none}
#lists h3,
#details h3{
  margin:0 0 16px;
  font-family:'DM Sans',sans-serif;
  font-size:12px;font-weight:600;
  letter-spacing:0.12em;text-transform:uppercase;
  color:var(--soft);
  padding:0;border:none;background:transparent;
}
/* Card wrapper para tabs AJAX (Campaigns/Bounces/Subscription) */
.tabbed .ui-tabs-panel,
.tabbed > div[id]:not(#details):not(#lists){
  background:#fff;border:1px solid var(--border);border-radius:14px;
  padding:22px 24px;margin-bottom:20px;
  box-shadow:0 2px 10px rgba(22,18,18,0.04);
  font-size:13px;color:var(--dark);line-height:1.6;
}
.tabbed .ui-tabs-panel > .responsive-listing,
.tabbed .ui-tabs-panel > table.listing{margin-top:12px}
.tabbed h3{
  font-family:'DM Sans',sans-serif;
  font-size:12px;font-weight:600;
  letter-spacing:0.12em;text-transform:uppercase;
  color:var(--soft);
  margin:0 0 14px;padding:18px 24px 12px;
  border-bottom:1px solid var(--border);background:var(--bg2);
}
.tabbed h3.alert-info{
  background:rgba(253,97,68,0.08);color:var(--orange);
  border:1px solid rgba(253,97,68,0.2);
  border-radius:12px;padding:14px 18px;
  letter-spacing:0;text-transform:none;
  font-weight:500;
}
/* ===== page=members: miembros de una lista ===== */
body.members > .aloia-content > #wrapp > h3:first-of-type,
body.members #wrapp > h3:first-of-type{
  font-family:'Playfair Display',serif;
  font-size:24px;font-weight:700;color:var(--dark);
  letter-spacing:-.01em;margin:0 0 18px;padding:0;
  border:none;text-transform:none;
}

/* Header action bar (editar lista, descargar, importar) */
body.members > .aloia-content .actions{
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;
  margin:0 0 20px;padding:0;
}
body.members > .aloia-content .actions > div{margin:0}
body.members > .aloia-content .actions .pull-right{
  margin-left:auto;
}
body.members > .aloia-content .actions .button,
body.members > .aloia-content .actions a.button,
body.members > .aloia-content .actions .pill-l,
body.members > .aloia-content .actions .pill-c,
body.members > .aloia-content .actions .pill-r{
  padding:8px 18px;border-radius:100px;
  background:#fff;color:var(--dark);border:1.5px solid var(--border);
  font-family:inherit;font-size:12px;font-weight:500;
  text-decoration:none;transition:all .15s;
  display:inline-flex;align-items:center;gap:6px;
  line-height:1;
}
body.members > .aloia-content .actions .button:hover{border-color:var(--orange);color:var(--orange)}

/* Tabs confirmed/unconfirmed */
.minitabs{margin:0 0 16px}
.minitabs ul,.minitabs{
  list-style:none;padding:0;display:flex;gap:2px;
  border-bottom:1px solid var(--border);
}
.minitabs ul li{margin:0}
.minitabs ul li a{
  display:block;padding:10px 16px;
  font-size:11px;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;
  color:var(--soft);text-decoration:none;
  border-bottom:2px solid transparent;transition:all .15s;
}
.minitabs ul li a:hover{color:var(--dark)}
.minitabs ul li.current a,
.minitabs ul li.active a{
  color:var(--orange);border-bottom-color:var(--orange);
}

/* Pill con count de subscribers */
body.members > .aloia-content > #wrapp > p:has(+ form.membersProcess){
  display:inline-block;
  padding:6px 14px;background:rgba(253,97,68,.1);color:var(--orange);
  border-radius:100px;font-size:12px;font-weight:600;
  margin:0 0 14px;letter-spacing:.02em;
}

/* "Tag all users in this page" como row */
form.membersProcess > input[type=checkbox].checkallcheckboxes{
  margin:0 6px 16px 0;accent-color:var(--orange);
}

/* Panel Actions (tagged users / all subscribers) */
body.members .panel{
  background:#fff;border:1px solid var(--border);border-radius:14px;
  padding:0;margin:24px 0 20px;
  box-shadow:0 2px 10px rgba(22,18,18,.04);
}
body.members .panel > h3{
  margin:0;padding:18px 24px;
  font-family:'DM Sans',sans-serif;font-size:12px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:var(--soft);
  background:var(--bg2);border-bottom:1px solid var(--border);
  border-radius:14px 14px 0 0;
}
body.members .panel > .content,
body.members .panel > .content.well{
  padding:24px;background:transparent;border:none;box-shadow:none;
}
body.members .panel .row{
  display:grid;grid-template-columns:1fr 1fr;gap:24px;
  margin:0;
}
body.members .panel .col-sm-6.membersProcess{
  padding:18px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;
  display:flex;flex-direction:column;gap:8px;
}
body.members .panel h4{
  margin:0;font-family:'DM Sans',sans-serif;
  font-size:13px;font-weight:600;color:var(--dark);
  text-transform:none;letter-spacing:0;
}
body.members .panel h6{
  margin:0 0 10px;font-size:11px;font-weight:400;
  color:var(--soft);text-transform:none;letter-spacing:0;line-height:1.4;
}
body.members .panel .row.col-sm-12{
  display:flex;align-items:center;gap:8px;
  grid-column:auto;flex-wrap:wrap;margin:0;
}
body.members .panel .fleft{float:none;display:inline-flex;align-items:center;gap:6px}
body.members .panel input[type=radio]{accent-color:var(--orange);margin:0}
body.members .panel select{height:36px;padding:6px 10px;font-size:12px;min-width:160px;background:#fff}
body.members .panel .membersProcess > input[type=submit],
body.members .panel .action-button{
  margin:16px 0 0;padding:11px 26px;border-radius:100px;
  background:var(--dark);color:#fff;border:none;
  font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;
  transition:all .2s;line-height:1;
}
body.members .panel .action-button:hover{
  background:var(--orange);transform:translateY(-1px);
  box-shadow:0 4px 14px rgba(253,97,68,.3);
}

/* Aplanar la .panel externa que envuelve la listing (usePanel crea doble card) */
body.members .panel:has(> .content > .responsive-listing),
body.members .panel:has(.listing){
  background:transparent;border:none;box-shadow:none;
  padding:0;margin:0 0 20px;
}
body.members .panel:has(> .content > .responsive-listing) > .header,
body.members .panel:has(> .content > .responsive-listing) > .footer,
body.members .panel:has(.listing) > .header:has(h2:empty),
body.members .panel:has(.listing) > .header h2:empty{display:none}
body.members .panel:has(> .content > .responsive-listing) > .content,
body.members .panel:has(.listing) > .content{padding:0;background:transparent}

/* Info "The list of all subscribers..." */
body.members > .aloia-content > #wrapp > p:first-of-type{
  padding:14px 18px;background:rgba(34,96,212,.06);
  border:1px solid rgba(34,96,212,.18);border-radius:12px;
  color:var(--blue);font-size:13px;margin:0 0 18px;
}

@media (max-width:720px){
  body.members .panel .row{grid-template-columns:1fr}
}

/* ===== page=send: listado de borradores + editor ===== */
.aloia-drafts-header{
  display:flex;justify-content:space-between;align-items:center;
  gap:12px;margin:0 0 8px;flex-wrap:wrap;
}
.aloia-drafts-header h2{
  font-family:'Playfair Display',serif;font-size:26px;font-weight:700;
  color:var(--dark);letter-spacing:-.01em;margin:0;
  text-transform:none;border:none;padding:0;
}
.aloia-drafts-header .btn{padding:10px 22px;font-size:13px}
.aloia-drafts-hint{
  margin:0 0 20px;font-size:13px;color:var(--soft);line-height:1.55;
}
.aloia-drafts-age{color:var(--soft);font-size:11px;margin-left:6px}

/* Tabla de drafts aplanada (sin card, solo dividers) — evita "tabla en tabla" */
body.send table.listing{
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  overflow:visible;margin:0 0 20px;
}
body.send table.listing > tbody > tr > th{
  background:transparent !important;
  border-bottom:1px solid var(--border) !important;
  padding:10px 0 !important;font-size:10px;color:var(--soft);
  letter-spacing:.14em;
}
body.send table.listing tr.row1 td,
body.send table.listing tr.rowelement td{
  background:transparent !important;
  border-bottom:1px solid var(--border);
  padding:14px 0 !important;vertical-align:middle;
}
body.send table.listing tr:hover td,
body.send table.listing tr.row1:hover td{background:var(--bg2) !important}
body.send table.listing .listingname a{
  color:var(--dark);font-weight:500;font-size:14px;text-decoration:none;
}
body.send table.listing .listingname a:hover{color:var(--orange)}
body.send table.listing .listingelement{font-size:12px;color:var(--soft)}
body.send table.listing a.del{
  display:inline-block;padding:4px 12px;border-radius:100px;
  font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  background:rgba(253,50,68,.1);color:var(--red);text-decoration:none;
  transition:all .15s;
}
body.send table.listing a.del:hover{background:var(--red);color:#fff}
body.send table.listing a.button{
  display:inline-block;padding:8px 16px;margin:14px 0 0;
  border-radius:100px;background:transparent;color:var(--soft);
  border:1px solid var(--border);font-size:11px;font-weight:500;
  text-decoration:none;letter-spacing:.06em;text-transform:uppercase;
  transition:all .15s;
}
body.send table.listing a.button:hover{color:var(--red);border-color:var(--red)}


body.send #autosave{display:none}

/* Flechas del carousel jCarouselLite — SE MATAN (JS tambien las esconde) */
a.prevtab,a.nexttab,
.sendtabs_container .prev,
.sendtabs_container .next{display:none !important}

/* Container del stepper de tabs */
.sendtabs_container{
  margin:0 0 20px;background:transparent;position:relative;
  padding:0 !important;overflow:visible !important;
}
.sendtabs_container > *{overflow:visible !important}

/* El nav #sendtabs: barra stepper horizontal limpia */
#sendtabs{
  background:#fff;border:1px solid var(--border);border-radius:100px;
  padding:6px !important;
  display:flex;align-items:stretch;
  overflow-x:auto;overflow-y:visible;
  width:auto !important;
  box-shadow:0 2px 8px rgba(22,18,18,.03);
  scrollbar-width:none;
}
#sendtabs::-webkit-scrollbar{display:none}
#sendtabs ul.sendcampaign,
#sendtabs > ul{
  list-style:none;padding:0;margin:0 !important;
  display:flex !important;flex-wrap:nowrap;gap:2px;
  width:auto !important;min-width:100%;
  background:transparent;
  position:static !important;left:auto !important;top:auto !important;
}
#sendtabs ul li{
  list-style:none;margin:0;padding:0;
  display:inline-flex !important;align-items:stretch;
  background:transparent;border:none;white-space:nowrap;
  position:static !important;float:none !important;left:auto !important;top:auto !important;
}
#sendtabs ul li a{
  display:inline-flex !important;align-items:center;gap:8px;
  padding:10px 16px !important;border:none;border-radius:100px !important;
  color:var(--soft);text-decoration:none;
  font-family:'DM Sans',sans-serif;
  font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  transition:all .15s;line-height:1 !important;
  background:transparent;
  width:auto !important;opacity:1 !important;
}
#sendtabs ul li a:hover{color:var(--dark);background:var(--bg2)}
#sendtabs ul li.current a{
  color:#fff !important;background:var(--dark) !important;opacity:1 !important;
}
#sendtabs ul li.current a:hover{background:var(--orange) !important}
#sendtabs ul li span.tabno,
#sendtabs ul li a span.tabno{
  display:inline-flex !important;align-items:center;justify-content:center;
  width:20px !important;height:20px !important;border-radius:50% !important;
  background:var(--bg3);color:var(--soft);
  font-size:10px !important;font-weight:700 !important;letter-spacing:0;
  padding:0 !important;margin:0 !important;line-height:1 !important;
  transition:all .15s;flex:0 0 auto;
}
#sendtabs ul li.current span.tabno{background:#fff !important;color:var(--dark) !important}
#sendtabs ul li a:hover span.tabno{background:var(--dark);color:#fff}
#sendtabs ul li span.title,
#sendtabs ul li a span.title{
  display:inline !important;font-size:11px !important;
  padding:0 !important;margin:0 !important;width:auto !important;line-height:1 !important;
}

/* Panel de contenido del tab activo */
body.send .panel{
  background:#fff;border:1px solid var(--border);border-radius:14px;
  padding:0;margin:0 0 20px;max-width:none;
  box-shadow:0 2px 10px rgba(22,18,18,.04);
}
body.send .panel > .header{
  padding:18px 24px;border-bottom:1px solid var(--border);background:var(--bg2);
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
body.send .panel > .header h2{
  margin:0;font-family:'Playfair Display',serif;
  font-size:18px;font-weight:700;color:var(--dark);
  letter-spacing:-.01em;text-transform:none;border:none;padding:0;
}
body.send .panel > .content{padding:24px 28px;background:transparent;border:none}
body.send .panel > .footer{
  padding:14px 24px;border-top:1px solid var(--border);background:var(--bg2);
  display:flex;justify-content:space-between;gap:10px;
}
body.send .panel > .footer:empty{display:none}

/* UIPanel imprime prevNextNav() en .header Y .footer → esconder el duplicado del header */
body.send .panel > .header .step-nav{display:none !important}

/* Nav Previous/Next solo en el footer del panel */
body.send .panel > .footer{
  display:flex !important;justify-content:space-between;align-items:center;
  gap:10px;padding:14px 24px !important;
}
body.send .panel > .footer .step-nav{
  display:flex;gap:10px;width:100%;justify-content:space-between;
}
body.send .panel > .footer a.back,
body.send .panel > .footer a.next,
body.send .panel > .footer .step-nav a.back,
body.send .panel > .footer .step-nav a.next{
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 20px !important;border:1px solid var(--border) !important;
  border-radius:100px !important;
  color:var(--dark) !important;text-decoration:none !important;
  font-family:'DM Sans',sans-serif;font-size:12px !important;font-weight:500 !important;
  letter-spacing:0 !important;text-transform:none !important;
  background:#fff !important;transition:all .15s;line-height:1 !important;
  opacity:1 !important;width:auto !important;
}
body.send .panel > .footer a.back::before{content:'← ';opacity:.6}
body.send .panel > .footer a.next::after{content:' →';opacity:.6}
body.send .panel > .footer a.back:hover{border-color:var(--soft) !important;color:var(--soft) !important}
body.send .panel > .footer a.next{
  background:var(--dark) !important;color:#fff !important;border-color:var(--dark) !important;
}
body.send .panel > .footer a.next:hover{
  background:var(--orange) !important;border-color:var(--orange) !important;
  color:#fff !important;
}

/* Inputs genéricos dentro del send editor */
body.send input[type=text],
body.send input[type=email],
body.send input[type=number],
body.send textarea,
body.send select{max-width:none;width:100%}
body.send textarea{min-height:160px;resize:vertical}
/* Fields en una sola columna full-width dentro del panel */
body.send .aloia-send-panel-body .field{display:block;max-width:none;width:100%;margin-bottom:18px}
body.send .aloia-send-panel-body .field input[type=text],
body.send .aloia-send-panel-body .field input[type=email],
body.send .aloia-send-panel-body .field input[type=url],
body.send .aloia-send-panel-body .field input[type=number],
body.send .aloia-send-panel-body .field textarea,
body.send .aloia-send-panel-body .field select{
  width:100% !important;max-width:none !important;box-sizing:border-box;
}
body.send label{display:block;margin:10px 0 4px;font-size:11px;font-weight:600;color:var(--soft);letter-spacing:.06em;text-transform:uppercase}
body.send .field{margin-bottom:14px}

/* Accordion de listas (tab Lists) */
body.send #listselection.accordion > h3{
  font-family:'DM Sans',sans-serif;font-size:12px;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;color:var(--soft);
  background:var(--bg2);border:1px solid var(--border);border-radius:10px;
  padding:14px 18px;margin:0 0 8px;
}
body.send #listselection .tabbed > ul,
body.send #listselection .ui-tabs-nav{
  background:transparent !important;border:none !important;margin:0 0 12px !important;
  display:flex;flex-wrap:wrap;gap:2px;
}
body.send #listselection .ui-tabs-panel li,
body.send #listselection .tabbed > div > ul > li{
  padding:12px 0;border:none !important;border-radius:0 !important;
  border-bottom:1px solid var(--border) !important;background:transparent !important;
  display:flex;align-items:flex-start;gap:12px;font-size:13px;list-style:none;
}
body.send #listselection .list-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
body.send #listselection .list-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
body.send #listselection .list-name{font-weight:500;font-size:13px}
body.send #listselection .list-desc{font-size:11px;color:var(--soft)}
body.send #listselection .activelist,
body.send #listselection .inactivelist{
  display:inline-block;padding:2px 10px;border-radius:100px;
  font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
}
body.send #listselection .activelist{background:rgba(37,211,102,.12);color:#0e8a43}
body.send #listselection .inactivelist{background:rgba(122,104,104,.1);color:var(--soft)}

/* Meta data + Test panel originales → ocultos (los consolidamos abajo) */
body.send #metadata,body.send #testpanel{display:none !important}

/* === Shell consolidado del editor de campaña === */
.aloia-send-shell{display:flex;flex-direction:column;gap:16px;max-width:none;margin:0 0 24px}

.aloia-send-topbar{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 4px;
}
.aloia-send-topbar .btn{padding:8px 16px;font-size:12px}
.aloia-send-topbar-subject{
  font-family:'Playfair Display',serif;font-size:18px;font-weight:700;
  color:var(--dark);letter-spacing:-.01em;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  flex:1;min-width:0;
}

.aloia-send-meta{
  background:#fff;border:1px solid var(--border);border-radius:12px;
  padding:16px 20px;box-shadow:0 2px 6px rgba(22,18,18,.03);
}
.aloia-send-meta-label{
  display:block;font-size:11px;font-weight:600;color:var(--soft);
  letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;
}
.aloia-send-meta input[type=text]{width:100%;max-width:none}

.aloia-send-panel{
  background:#fff;border:1px solid var(--border);border-radius:14px;
  box-shadow:0 2px 10px rgba(22,18,18,.04);overflow:hidden;
}
.aloia-send-panel-head{
  padding:16px 24px;background:var(--bg2);border-bottom:1px solid var(--border);
}
.aloia-send-panel-head h3{
  margin:0;font-family:'Playfair Display',serif;
  font-size:16px;font-weight:700;color:var(--dark);
  letter-spacing:-.01em;text-transform:none;border:none;padding:0;
}
.aloia-send-panel-body{padding:22px 26px}
.aloia-send-panel-body > .field:last-child,
.aloia-send-panel-body > div:last-child{margin-bottom:0}
.aloia-send-panel-body .sendSubmit{
  margin:20px -26px -22px;padding:14px 26px;
  background:var(--bg2);border-top:1px solid var(--border);
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-radius:0;
}
.aloia-send-panel-body .sendSubmit input[type=submit]{padding:9px 18px;font-size:12px;margin:0}

.aloia-send-panel-foot{
  padding:14px 24px;background:var(--bg2);border-top:1px solid var(--border);
}
.aloia-send-panel-foot:empty{display:none}
.aloia-send-panel-foot .step-nav{
  display:flex !important;gap:10px;width:100%;justify-content:space-between;
}
.aloia-send-panel-foot a.back,
.aloia-send-panel-foot a.next{
  display:inline-flex !important;align-items:center;gap:8px;
  padding:9px 20px !important;border-radius:100px !important;
  font-family:'DM Sans',sans-serif;font-size:12px !important;font-weight:500 !important;
  letter-spacing:0 !important;text-transform:none !important;
  line-height:1 !important;transition:all .15s;text-decoration:none !important;
  opacity:1 !important;width:auto !important;
}
.aloia-send-panel-foot a.back{
  background:#fff !important;color:var(--dark) !important;
  border:1px solid var(--border) !important;
}
.aloia-send-panel-foot a.back::before{content:'← ';opacity:.6}
.aloia-send-panel-foot a.back:hover{border-color:var(--soft) !important}
.aloia-send-panel-foot a.next{
  background:var(--dark) !important;color:#fff !important;
  border:1px solid var(--dark) !important;margin-left:auto;
}
.aloia-send-panel-foot a.next::after{content:' →';opacity:.8}
.aloia-send-panel-foot a.next:hover{
  background:var(--orange) !important;border-color:var(--orange) !important;
}

.aloia-send-test{
  background:#fff;border:1px solid var(--border);border-radius:14px;
  overflow:hidden;box-shadow:0 2px 10px rgba(22,18,18,.04);
}
.aloia-send-test-head{
  padding:16px 24px;background:var(--bg2);border-bottom:1px solid var(--border);
}
.aloia-send-test-head h3{
  margin:0 0 4px;font-family:'Playfair Display',serif;
  font-size:15px;font-weight:700;color:var(--dark);
  letter-spacing:-.01em;text-transform:none;border:none;padding:0;
}
.aloia-send-test-head p{margin:0;font-size:12px;color:var(--soft);line-height:1.4}
.aloia-send-test-body{padding:18px 24px}

/* Botón "Save Changes" y los principales */
body.send input[type=submit]{padding:10px 22px;font-size:13px}

/* Campos del editor — wrappers .field */
body.send .panel > .content > .field,
body.send .panel > .content > #contentchoice,
body.send .panel > .content > #remoteurl,
body.send .panel > .content > #messagecontent,
body.send .panel > .content > #schedulecontent .field{
  margin-bottom:16px;
}
body.send .panel > .content > .field > label,
body.send #schedulecontent label,
body.send #metadata label,
body.send #testpanel label{
  display:block;font-size:11px;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;color:var(--soft);
  margin:0 0 6px;
}
body.send .panel > .content input[type=text],
body.send .panel > .content input[type=email],
body.send .panel > .content input[type=url],
body.send .panel > .content textarea,
body.send .panel > .content select{
  width:100%;max-width:none;font-size:14px;
}
body.send .panel > .content textarea{min-height:220px;padding:14px;line-height:1.5}

/* Radio "Send Webpage / Compose Message" */
body.send #contentchoice{
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;
  padding:14px 16px;background:var(--bg2);border-radius:10px;
}
body.send #contentchoice label{margin:0;flex:1 0 100%;padding:0}
body.send #contentchoice input[type=radio]{accent-color:var(--orange);margin:0 4px 0 8px}

/* URL remota (cuando elige "webpage") */
body.send #remoteurl{position:relative}
body.send #remoteurlstatus{font-size:11px;color:var(--soft);margin-left:10px}

/* Message preview con boton Generate */
body.send #message-text-preview{position:relative}
body.send #message-text-preview-button{position:absolute;right:0;bottom:0;padding:4px 10px}

/* Scheduling date pickers */
body.send #schedulecontent .date{
  display:inline-flex;gap:4px;align-items:center;padding:4px;
  background:var(--bg2);border:1.5px solid var(--border);border-radius:10px;
}
body.send #schedulecontent .date:hover,
body.send #schedulecontent .date:focus-within{border-color:var(--orange);background:#fff}
body.send #schedulecontent .date select{
  height:34px !important;padding:4px 8px !important;font-size:13px;
  background:transparent;border:none;width:auto !important;flex:1 1 auto;min-width:0;
}

/* Meta panel (Campaign Title) y Test panel como sub-cards estilizados */
body.send #metadata,body.send #testpanel{
  background:#fff;border:1px solid var(--border);border-radius:14px;
  padding:0;margin:0 0 20px;
  box-shadow:0 2px 10px rgba(22,18,18,.04);
}
body.send #metadata > .header,
body.send #testpanel > .header{
  padding:14px 20px;border-bottom:1px solid var(--border);background:var(--bg2);
  border-radius:14px 14px 0 0;
}
body.send #metadata > .header h2,
body.send #testpanel > .header h2{
  margin:0;font-family:'DM Sans',sans-serif;
  font-size:12px;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:var(--soft);
  border:none;padding:0;
}
body.send #metadata > .content,
body.send #testpanel > .content{padding:20px 22px}
body.send #metadata > .footer:empty,
body.send #testpanel > .footer:empty{display:none}

/* sendSubmit: barra de Save draft / Save and continue */
body.send .sendSubmit{
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;
  padding:14px 20px;background:var(--bg2);border-top:1px solid var(--border);
  margin:20px -28px -24px -28px;border-radius:0 0 14px 14px;
}
body.send .sendSubmit input[type=submit]{padding:10px 20px;font-size:12px}

/* Send Campaign big button (addtoqueue) */
body.send #addtoqueue{margin:24px 0;text-align:center}
body.send #addtoqueuebutton,
body.send .action-button{
  background:var(--green);color:#fff;border:none;border-radius:100px;
  padding:14px 36px;font-size:14px;font-weight:600;
  cursor:pointer;transition:all .2s;line-height:1;
}
body.send #addtoqueuebutton:hover,
body.send .action-button:hover{
  background:#0e8a43;transform:translateY(-1px);
  box-shadow:0 4px 18px rgba(37,211,102,.3);
}

/* Help icons (los pequeños ? al lado de labels) */
body.send a.helpdialog,
body.send a.opendialog{
  display:inline-flex;align-items:center;justify-content:center;
  width:16px;height:16px;margin-left:6px;
  background:var(--bg3);color:var(--soft);
  border-radius:50%;font-size:10px;text-decoration:none;
  transition:all .15s;vertical-align:middle;
}
body.send a.helpdialog:hover,
body.send a.opendialog:hover{background:var(--orange);color:#fff}

/* ===== page=usercheck: comprobar suscriptores ===== */
.aloia-usercheck-header{margin:0 0 16px}
.aloia-usercheck-header .btn{padding:8px 16px;font-size:12px}
.aloia-usercheck-intro{max-width:720px;margin:0 0 20px}
.aloia-usercheck-intro h2{
  font-family:'Playfair Display',serif;font-size:26px;font-weight:700;
  color:var(--dark);letter-spacing:-.01em;margin:0 0 8px;
  text-transform:none;border:none;padding:0;
}
.aloia-usercheck-intro p{margin:0;font-size:13px;color:var(--soft);line-height:1.55;max-width:580px}

.aloia-usercheck-card{
  background:#fff;border:1px solid var(--border);border-radius:14px;
  padding:28px 32px;margin:0 0 20px;max-width:720px;
  box-shadow:0 2px 10px rgba(22,18,18,.04);
  display:flex;flex-direction:column;gap:18px;
}
.aloia-usercheck-field{display:flex;flex-direction:column;gap:6px}
.aloia-usercheck-label{
  font-size:11px;font-weight:600;color:var(--soft);
  letter-spacing:.08em;text-transform:uppercase;margin:0;
}
.aloia-usercheck-hint{
  font-size:12px;color:var(--soft);margin:-2px 0 4px;font-weight:400;
  letter-spacing:0;text-transform:none;
}
.aloia-usercheck-card textarea{
  width:100%;min-height:180px;padding:14px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.5;
  resize:vertical;
}

/* Radios (email vs foreignkey) */
.aloia-usercheck-radios{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.aloia-usercheck-radio{
  display:flex;align-items:flex-start;gap:10px;margin:0;cursor:pointer;
  padding:12px 14px;background:var(--bg2);border:1.5px solid var(--border);
  border-radius:10px;transition:all .15s;font-weight:400;
  letter-spacing:0;text-transform:none;font-size:13px;
}
.aloia-usercheck-radio:hover{border-color:var(--orange)}
.aloia-usercheck-radio input[type=radio]{accent-color:var(--orange);width:16px;height:16px;margin:2px 0 0;flex:0 0 auto}
.aloia-usercheck-radio:has(input:checked){background:rgba(253,97,68,.06);border-color:var(--orange)}
.aloia-usercheck-radio span{display:flex;flex-direction:column;gap:2px}
.aloia-usercheck-radio strong{font-weight:500;color:var(--dark);font-size:13px}
.aloia-usercheck-radio small{font-size:11px;color:var(--soft);line-height:1.4}

.aloia-usercheck-actions{
  padding-top:14px;border-top:1px solid var(--border);
  display:flex;align-items:center;gap:10px;
}
.aloia-usercheck-actions .btn{padding:12px 32px;font-size:13px}

/* Resultados */
.aloia-usercheck-results{
  display:grid;grid-template-columns:1fr 1fr;gap:14px;
  margin:0 0 24px;max-width:960px;
}
.aloia-usercheck-result-card{
  background:#fff;border:1px solid var(--border);border-radius:14px;
  overflow:hidden;box-shadow:0 2px 8px rgba(22,18,18,.03);
  display:flex;flex-direction:column;
}
.aloia-usercheck-found{border-left:3px solid var(--green)}
.aloia-usercheck-notfound{border-left:3px solid var(--soft)}
.aloia-usercheck-result-head{
  padding:16px 20px 12px;background:var(--bg2);border-bottom:1px solid var(--border);
}
.aloia-usercheck-result-head h3{
  font-family:'Playfair Display',serif;font-size:16px;font-weight:700;
  color:var(--dark);margin:0 0 2px;letter-spacing:-.01em;
  text-transform:none;border:none;padding:0;
  display:flex;align-items:center;gap:8px;
}
.aloia-usercheck-count{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:28px;padding:2px 10px;border-radius:100px;
  font-family:'DM Sans',sans-serif;font-size:13px;font-weight:700;
}
.aloia-usercheck-found .aloia-usercheck-count{
  background:rgba(37,211,102,.15);color:#0e8a43;
}
.aloia-usercheck-notfound .aloia-usercheck-count{
  background:var(--bg3);color:var(--soft);
}
.aloia-usercheck-result-head p{margin:0;font-size:11px;color:var(--soft);line-height:1.4}

.aloia-usercheck-list{list-style:none;padding:0;margin:0;max-height:360px;overflow-y:auto}
.aloia-usercheck-list li{
  padding:10px 20px;border-bottom:1px solid var(--border);
  font-size:13px;
}
.aloia-usercheck-list li:last-child{border-bottom:none}
.aloia-usercheck-list li a{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  color:var(--dark);text-decoration:none;
}
.aloia-usercheck-list li a:hover .aloia-usercheck-email{color:var(--orange)}
.aloia-usercheck-email{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;
  word-break:break-all;
}
.aloia-usercheck-fk{
  font-size:10px;color:var(--soft);padding:2px 8px;
  background:var(--bg3);border-radius:100px;letter-spacing:.04em;
  white-space:nowrap;
}
.aloia-usercheck-empty{
  padding:24px 20px;text-align:center;font-size:12px;color:var(--soft);
}

@media (max-width:720px){
  .aloia-usercheck-radios{grid-template-columns:1fr}
  .aloia-usercheck-results{grid-template-columns:1fr}
}

/* ===== page=massremove: eliminar suscriptores en masa ===== */
.aloia-massremove-header{margin:0 0 16px}
.aloia-massremove-header .btn{padding:8px 16px;font-size:12px}
.aloia-massremove-intro{max-width:720px;margin:0 0 20px}
.aloia-massremove-intro h2{
  font-family:'Playfair Display',serif;font-size:26px;font-weight:700;
  color:var(--dark);letter-spacing:-.01em;margin:0 0 8px;
  text-transform:none;border:none;padding:0;
}
.aloia-massremove-intro p{margin:0;font-size:13px;color:var(--soft);line-height:1.55;max-width:580px}

.aloia-massremove-card{
  background:#fff;border:1px solid var(--border);border-left:4px solid var(--red);
  border-radius:14px;padding:28px 32px;margin:0 0 20px;max-width:720px;
  box-shadow:0 2px 10px rgba(22,18,18,.04);
  display:flex;flex-direction:column;gap:18px;
}
.aloia-massremove-field{display:flex;flex-direction:column;gap:6px}
.aloia-massremove-label{
  font-size:11px;font-weight:600;color:var(--soft);
  letter-spacing:.08em;text-transform:uppercase;margin:0;
}
.aloia-massremove-hint{
  font-size:12px;color:var(--soft);margin:-2px 0 4px;font-weight:400;
  letter-spacing:0;text-transform:none;
}
.aloia-massremove-card textarea{
  width:100%;min-height:220px;padding:14px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.5;
  resize:vertical;
}
.aloia-massremove-toggle{
  display:flex;justify-content:space-between;align-items:center;
  gap:16px;padding:16px 18px;
  background:rgba(253,50,68,.05);border:1px solid rgba(253,50,68,.2);border-radius:12px;
}
.aloia-massremove-toggle strong{
  display:block;font-size:13px;font-weight:600;color:var(--dark);margin:0 0 4px;
}
.aloia-massremove-toggle p{margin:0;font-size:12px;color:var(--soft);line-height:1.4}
.aloia-massremove-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;cursor:pointer;margin:0}
.aloia-massremove-switch input{opacity:0;width:0;height:0;position:absolute}
.aloia-massremove-switch-track{
  position:absolute;top:0;left:0;right:0;bottom:0;
  background:var(--border);border-radius:100px;transition:all .2s;
}
.aloia-massremove-switch-thumb{
  position:absolute;top:3px;left:3px;
  width:18px;height:18px;background:#fff;border-radius:50%;
  transition:all .2s;box-shadow:0 1px 3px rgba(0,0,0,.2);
}
.aloia-massremove-switch input:checked + .aloia-massremove-switch-track{background:var(--red)}
.aloia-massremove-switch input:checked + .aloia-massremove-switch-track .aloia-massremove-switch-thumb{transform:translateX(20px)}
.aloia-massremove-actions{
  padding-top:14px;border-top:1px solid var(--border);
  display:flex;align-items:center;gap:10px;
}
.aloia-massremove-actions .btn{padding:12px 32px;font-size:13px}

/* ===== page=reconcileusers: mantenimiento de suscriptores ===== */
.aloia-reconcile-header{margin:0 0 16px}
.aloia-reconcile-header .btn{padding:8px 16px;font-size:12px}
.aloia-reconcile-intro{max-width:760px;margin:0 0 20px}
.aloia-reconcile-intro h2{
  font-family:'Playfair Display',serif;font-size:26px;font-weight:700;
  color:var(--dark);letter-spacing:-.01em;margin:0 0 8px;
  text-transform:none;border:none;padding:0;
}
.aloia-reconcile-intro p{margin:0;font-size:13px;color:var(--soft);line-height:1.55;max-width:620px}

.aloia-reconcile-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;
  margin:0 0 24px;
}
.aloia-reconcile-card{
  background:#fff;border:1px solid var(--border);border-radius:12px;
  padding:0;margin:0;box-shadow:0 2px 8px rgba(22,18,18,.03);
  display:flex;flex-direction:column;transition:border-color .15s;
}
.aloia-reconcile-card:hover{border-color:rgba(253,97,68,.3)}
.aloia-reconcile-danger{border-left:3px solid var(--red)}
.aloia-reconcile-wide{grid-column:1 / -1}
.aloia-reconcile-card-head{
  padding:16px 18px 12px;border-bottom:1px solid var(--border);background:var(--bg2);
  border-radius:12px 12px 0 0;
}
.aloia-reconcile-card-head h3{
  font-family:'Playfair Display',serif;font-size:15px;font-weight:700;
  color:var(--dark);margin:0 0 4px;letter-spacing:-.01em;
  text-transform:none;border:none;padding:0;
}
.aloia-reconcile-card-head p{
  margin:0;font-size:11px;color:var(--soft);line-height:1.45;
}
.aloia-reconcile-card-body{
  padding:16px 18px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:1;
}
.aloia-reconcile-card-body select{
  height:36px;padding:6px 10px;font-size:13px;
  background:#fff;border:1.5px solid var(--border);border-radius:8px;
  min-width:120px;max-width:200px;width:auto;
}
.aloia-reconcile-card-body .btn{padding:9px 18px;font-size:12px;margin-left:auto}
.aloia-reconcile-inline-label{
  font-size:11px;font-weight:600;color:var(--soft);
  letter-spacing:.08em;text-transform:uppercase;margin:0;
}
.aloia-reconcile-unit{font-size:12px;color:var(--soft)}
.aloia-reconcile-actions-row{display:flex;gap:8px;flex-wrap:wrap;width:100%}
.aloia-reconcile-actions-row .btn,
.aloia-reconcile-actions-row a.button{padding:9px 18px;font-size:12px}

.aloia-reconcile-dates{
  display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;margin-bottom:6px;
}
.aloia-reconcile-dates > div{display:flex;flex-direction:column;gap:6px}
.aloia-reconcile-sublabel{
  display:block;font-size:10px;color:var(--soft);letter-spacing:.1em;
  text-transform:uppercase;font-weight:500;
}
.aloia-reconcile-dates .date{
  display:flex;gap:4px;align-items:center;padding:4px;
  background:var(--bg2);border:1.5px solid var(--border);border-radius:10px;
}
.aloia-reconcile-dates .date select{
  height:34px !important;padding:4px 8px !important;font-size:13px;
  background:transparent !important;border:none !important;width:auto !important;min-width:0;
  flex:1 1 auto;
}

/* ===== page=suppressionlist: dar de baja en masa ===== */
.aloia-suppress-header{margin:0 0 16px}
.aloia-suppress-header .btn{padding:8px 16px;font-size:12px}

.aloia-suppress-intro{max-width:720px;margin:0 0 20px}
.aloia-suppress-intro h2{
  font-family:'Playfair Display',serif;font-size:26px;font-weight:700;
  color:var(--dark);letter-spacing:-.01em;margin:0 0 8px;
  text-transform:none;border:none;padding:0;
}
.aloia-suppress-intro p{margin:0;font-size:13px;color:var(--soft);line-height:1.55;max-width:580px}

.aloia-suppress-card{
  background:#fff;border:1px solid var(--border);border-radius:14px;
  padding:28px 32px;margin:0 0 20px;max-width:720px;
  box-shadow:0 2px 10px rgba(22,18,18,.04);
  display:flex;flex-direction:column;gap:18px;
}
.aloia-suppress-field{display:flex;flex-direction:column;gap:6px}
.aloia-suppress-label{
  font-size:11px;font-weight:600;color:var(--soft);
  letter-spacing:.08em;text-transform:uppercase;margin:0;
}
.aloia-suppress-hint{
  font-size:12px;color:var(--soft);margin:-2px 0 4px;font-weight:400;
  letter-spacing:0;text-transform:none;
}
.aloia-suppress-card textarea{
  width:100%;min-height:220px;padding:14px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.5;
  resize:vertical;
}

/* Toggle switch "añadir a lista negra" */
.aloia-suppress-toggle{
  display:flex;justify-content:space-between;align-items:center;
  gap:16px;padding:16px 18px;
  background:rgba(253,50,68,.05);border:1px solid rgba(253,50,68,.2);border-radius:12px;
}
.aloia-suppress-toggle strong{
  display:block;font-size:13px;font-weight:600;color:var(--dark);margin:0 0 4px;
}
.aloia-suppress-toggle p{margin:0;font-size:12px;color:var(--soft);line-height:1.4}
.aloia-suppress-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;cursor:pointer;margin:0}
.aloia-suppress-switch input{opacity:0;width:0;height:0;position:absolute}
.aloia-suppress-switch-track{
  position:absolute;top:0;left:0;right:0;bottom:0;
  background:var(--border);border-radius:100px;transition:all .2s;
}
.aloia-suppress-switch-thumb{
  position:absolute;top:3px;left:3px;
  width:18px;height:18px;background:#fff;border-radius:50%;
  transition:all .2s;box-shadow:0 1px 3px rgba(0,0,0,.2);
}
.aloia-suppress-switch input:checked + .aloia-suppress-switch-track{background:var(--red)}
.aloia-suppress-switch input:checked + .aloia-suppress-switch-track .aloia-suppress-switch-thumb{transform:translateX(20px)}

.aloia-suppress-actions{
  padding-top:14px;border-top:1px solid var(--border);
  display:flex;align-items:center;gap:10px;
}
.aloia-suppress-actions .btn{padding:12px 32px;font-size:13px}

/* ===== page=export: exportar suscriptores a CSV ===== */
.aloia-export-header{
  display:flex;justify-content:space-between;align-items:center;
  gap:10px;margin:0 0 16px;flex-wrap:wrap;
}
.aloia-export-header .btn{padding:8px 16px;font-size:12px}

.aloia-export-intro{max-width:720px;margin:0 0 20px}
.aloia-export-intro h2{
  font-family:'Playfair Display',serif;font-size:26px;font-weight:700;
  color:var(--dark);letter-spacing:-.01em;margin:0 0 8px;
  text-transform:none;border:none;padding:0;
}

.aloia-export-card{
  background:#fff;border:1px solid var(--border);border-radius:14px;
  padding:28px 32px;margin:0 0 20px;max-width:780px;
  box-shadow:0 2px 10px rgba(22,18,18,.04);
  display:flex;flex-direction:column;gap:22px;
}
.aloia-export-context{
  padding:14px 18px;background:rgba(253,97,68,.06);
  border:1px solid rgba(253,97,68,.2);border-radius:10px;
  display:flex;align-items:center;gap:14px;
}
.aloia-export-context-icon{
  flex:0 0 auto;width:36px;height:36px;
  display:flex;align-items:center;justify-content:center;
  background:var(--orange);color:#fff;border-radius:50%;
}
.aloia-export-context-label{
  display:block;font-size:10px;font-weight:600;color:var(--orange);
  letter-spacing:.12em;text-transform:uppercase;margin:0 0 2px;
}
.aloia-export-context strong{
  display:block;font-family:'Playfair Display',serif;
  font-size:16px;font-weight:700;color:var(--dark);line-height:1.2;
}

.aloia-export-section{display:flex;flex-direction:column;gap:8px}
.aloia-export-section-head{
  display:flex;justify-content:space-between;align-items:flex-start;gap:16px;
}
.aloia-export-label{
  font-size:11px;font-weight:600;color:var(--soft);
  letter-spacing:.08em;text-transform:uppercase;margin:0;
}
.aloia-export-hint{
  font-size:12px;color:var(--soft);margin:-2px 0 4px;font-weight:400;
  letter-spacing:0;text-transform:none;
}
.aloia-export-sublabel{
  display:block;font-size:10px;color:var(--soft);letter-spacing:.1em;
  text-transform:uppercase;font-weight:500;margin:0 0 4px;
}

/* Radios estilo card seleccionable */
.aloia-export-radios{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin-top:4px}
.aloia-export-radio{
  display:flex;align-items:flex-start;gap:10px;margin:0;cursor:pointer;
  padding:12px 14px;background:var(--bg2);border:1.5px solid var(--border);
  border-radius:10px;transition:all .15s;font-weight:400;
  letter-spacing:0;text-transform:none;font-size:13px;
}
.aloia-export-radio:hover{border-color:var(--orange)}
.aloia-export-radio input[type=radio]{
  accent-color:var(--orange);width:16px;height:16px;margin:2px 0 0;flex:0 0 auto;
}
.aloia-export-radio:has(input:checked){
  background:rgba(253,97,68,.06);border-color:var(--orange);
}
.aloia-export-radio span{display:flex;flex-direction:column;gap:2px}
.aloia-export-radio strong{font-weight:500;color:var(--dark);font-size:13px}
.aloia-export-radio small{font-size:11px;color:var(--soft);line-height:1.4}

/* Dates row */
.aloia-export-dates{
  display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:2px;max-width:520px;
}
.aloia-export-dates > div{display:flex;flex-direction:column;gap:6px}
.aloia-export-dates .date{
  display:flex;gap:4px;align-items:center;
  padding:4px;background:var(--bg2);border:1.5px solid var(--border);border-radius:10px;
  transition:border-color .15s;
}
.aloia-export-dates .date:hover,
.aloia-export-dates .date:focus-within{border-color:var(--orange);background:#fff}
.aloia-export-dates .date select{
  height:34px !important;padding:4px 8px !important;font-size:13px;
  background:transparent;border:none;width:auto !important;min-width:0;
  flex:1 1 auto;cursor:pointer;
}
.aloia-export-dates .date select:focus{outline:none;background:var(--bg2)}
.aloia-export-card select{height:42px;padding:8px 12px;font-size:14px;max-width:520px;width:100%}

/* Columnas grid */
.aloia-export-selectall{
  display:inline-flex;align-items:center;gap:8px;margin:0;cursor:pointer;
  font-size:11px;font-weight:600;color:var(--soft);
  letter-spacing:.08em;text-transform:uppercase;
  padding:6px 12px;background:var(--bg2);border-radius:100px;
}
.aloia-export-selectall input[type=checkbox]{accent-color:var(--orange);margin:0}

.aloia-export-cols{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px;
  margin-top:8px;
}
.aloia-export-col{
  display:flex;align-items:center;gap:8px;margin:0;cursor:pointer;
  padding:8px 12px;background:var(--bg2);border:1px solid var(--border);
  border-radius:8px;transition:all .15s;font-size:12px;
  font-weight:400;letter-spacing:0;text-transform:none;color:var(--dark);
}
.aloia-export-col:hover{border-color:var(--orange)}
.aloia-export-col input[type=checkbox]{accent-color:var(--orange);margin:0;flex:0 0 auto}
.aloia-export-col:has(input:checked){background:rgba(253,97,68,.05);border-color:rgba(253,97,68,.3)}
.aloia-export-col-attr{border-style:dashed}

.aloia-export-actions{
  padding-top:14px;border-top:1px solid var(--border);
  display:flex;align-items:center;gap:10px;
}
.aloia-export-actions .btn{padding:12px 32px;font-size:13px}

/* ===== page=import: landing con metodos de importacion ===== */
.aloia-import-methods{
  display:flex;flex-direction:column;gap:12px;
  margin:8px 0 24px;max-width:720px;
}
.aloia-import-method{
  display:flex;align-items:center;gap:20px;
  padding:20px 24px;
  background:#fff;border:1px solid var(--border);border-radius:14px;
  text-decoration:none;color:var(--dark);
  box-shadow:0 2px 8px rgba(22,18,18,.03);
  transition:all .2s;
}
.aloia-import-method:hover{
  border-color:var(--orange);color:var(--dark);
  box-shadow:0 4px 16px rgba(253,97,68,.12);
  transform:translateY(-2px);
}
.aloia-import-method-icon{
  flex:0 0 auto;width:52px;height:52px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(253,97,68,.1);border:1px solid rgba(253,97,68,.2);
  border-radius:12px;color:var(--orange);
}
.aloia-import-method:hover .aloia-import-method-icon{
  background:var(--orange);color:#fff;border-color:var(--orange);
}
.aloia-import-method-body{flex:1;min-width:0}
.aloia-import-method-body h3{
  font-family:'Playfair Display',serif;
  font-size:16px;font-weight:700;color:var(--dark);
  letter-spacing:-.01em;margin:0 0 4px;padding:0;
  text-transform:none;border:none;background:transparent;
}
.aloia-import-method-body p{
  margin:0;font-size:12px;color:var(--soft);line-height:1.5;
}
.aloia-import-method-cta{
  flex:0 0 auto;font-size:22px;color:var(--soft);
  transition:all .2s;
}
.aloia-import-method:hover .aloia-import-method-cta{
  color:var(--orange);transform:translateX(4px);
}

/* ===== page=importsimple: importar emails en bulk ===== */
.aloia-import-header{
  display:flex;justify-content:space-between;align-items:center;
  gap:10px;margin:0 0 16px;flex-wrap:wrap;
}
.aloia-import-header .btn{padding:8px 16px;font-size:12px}

.aloia-import-intro{max-width:720px;margin:0 0 20px}
.aloia-import-intro h2{
  font-family:'Playfair Display',serif;font-size:26px;font-weight:700;
  color:var(--dark);letter-spacing:-.01em;margin:0 0 8px;
  text-transform:none;border:none;padding:0;
}
.aloia-import-intro p{
  margin:0;font-size:13px;color:var(--soft);line-height:1.55;
  max-width:580px;
}

.aloia-import-card{
  background:#fff;border:1px solid var(--border);border-radius:14px;
  padding:28px 32px;margin:0 0 20px;max-width:720px;
  box-shadow:0 2px 10px rgba(22,18,18,.04);
  display:flex;flex-direction:column;gap:18px;
}
.aloia-import-context{
  padding:14px 18px;background:rgba(253,97,68,.06);
  border:1px solid rgba(253,97,68,.2);border-radius:10px;
  display:flex;align-items:center;gap:14px;
}
.aloia-import-context-icon{
  flex:0 0 auto;width:36px;height:36px;
  display:flex;align-items:center;justify-content:center;
  background:var(--orange);color:#fff;border-radius:50%;
}
.aloia-import-context-label{
  display:block;font-size:10px;font-weight:600;color:var(--orange);
  letter-spacing:.12em;text-transform:uppercase;margin:0 0 2px;
}
.aloia-import-context strong{
  display:block;font-family:'Playfair Display',serif;
  font-size:16px;font-weight:700;color:var(--dark);
  line-height:1.2;
}
.aloia-import-field{display:flex;flex-direction:column;gap:6px}
.aloia-import-field-inline input[type=text]{max-width:180px;height:40px}
.aloia-import-limits{font-size:11px;margin-top:6px}
.aloia-import-hint code{
  background:var(--bg3);padding:1px 6px;border-radius:4px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;
}
.aloia-import-label{
  font-size:11px;font-weight:600;color:var(--soft);
  letter-spacing:.08em;text-transform:uppercase;margin:0;
}
.aloia-import-hint{
  font-size:12px;color:var(--soft);margin:-2px 0 4px;font-weight:400;
  letter-spacing:0;text-transform:none;
}
.aloia-import-card textarea{
  width:100%;min-height:200px;padding:14px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.5;
  resize:vertical;
}
.aloia-import-card select{width:100%;max-width:420px;height:42px}
.aloia-import-options{
  display:flex;flex-direction:column;gap:14px;
  padding:14px 0 4px;background:transparent;border-radius:0;
  border-top:1px solid var(--border);
}
.aloia-import-check{
  display:flex;align-items:flex-start;gap:12px;margin:0;
  font-size:13px;color:var(--dark);cursor:pointer;font-weight:400;
  letter-spacing:0;text-transform:none;line-height:1.4;
}
.aloia-import-check input[type=checkbox]{
  accent-color:var(--orange);width:18px;height:18px;margin:2px 0 0;flex:0 0 auto;
}
.aloia-import-check > span{display:flex;flex-direction:column;gap:2px}
.aloia-import-check strong{font-weight:500;color:var(--dark);font-size:13px}
.aloia-import-check small{font-size:11px;color:var(--soft);line-height:1.4}

.aloia-import-actions{
  padding-top:14px;border-top:1px solid var(--border);
  display:flex;align-items:center;gap:10px;
}
.aloia-import-actions .btn{padding:12px 32px;font-size:13px}

/* File upload estilizado */
.aloia-import-filefield{
  padding:10px 14px;border:1.5px dashed var(--border);border-radius:10px;
  background:var(--bg2);font-family:inherit;font-size:13px;cursor:pointer;
  width:100%;max-width:520px;
}
.aloia-import-filefield:hover{border-color:var(--orange)}
.aloia-import-filefield::-webkit-file-upload-button{
  background:var(--dark);color:#fff;border:none;border-radius:100px;
  padding:8px 18px;font-family:inherit;font-size:12px;font-weight:500;
  cursor:pointer;margin-right:12px;transition:all .15s;
}
.aloia-import-filefield::-webkit-file-upload-button:hover{background:var(--orange)}

/* Tabla de atributos comunes (ListAllAttributes) */
.aloia-import-attrs{
  width:100%;max-width:520px;border:none;border-collapse:collapse;
  background:transparent;margin:4px 0 0;
}
.aloia-import-attrs tr td{
  padding:8px 10px;border:none;vertical-align:middle;background:transparent;
}
.aloia-import-attrs tr td:first-child{
  width:40%;font-size:12px;color:var(--soft);font-weight:500;
}
.aloia-import-attrs input[type=text],
.aloia-import-attrs input[type=email],
.aloia-import-attrs select,
.aloia-import-attrs textarea{
  width:100%;height:36px;padding:6px 10px;font-size:13px;
}

/* Sub-select de listas (ListSelectHTML) cuando hay múltiples */
.aloia-import-lists{margin:4px 0 0}
.aloia-import-lists .tabbed,
.aloia-import-lists .tabbed > *:not(ul):not(div),
.aloia-import-lists .ui-tabs,
.aloia-import-lists .ui-widget,
.aloia-import-lists .ui-widget-content,
.aloia-import-lists .ui-widget-header,
.aloia-import-lists .ui-corner-all,
.aloia-import-lists .ui-corner-top,
.aloia-import-lists .ui-corner-bottom,
.aloia-import-lists .ui-tabs-panel{
  background:transparent !important;border:none !important;
  border-radius:0 !important;box-shadow:none !important;
  font-family:inherit !important;
}
/* Ocultar nav de tabs si solo hay un tab (Todas/única categoría - redundante) */
.aloia-import-lists .ui-tabs-nav:has(> li:only-child),
.aloia-import-lists .tabbed > ul:first-child:has(> li:only-child){
  display:none !important;
}
/* Tab headers (cuando hay varias categorías reales) */
.aloia-import-lists .ui-tabs-nav,
.aloia-import-lists .tabbed > ul:first-child{
  list-style:none;padding:0;margin:0 0 12px !important;
  display:flex;flex-wrap:wrap;gap:2px;
  border-bottom:1px solid var(--border);background:transparent !important;
}
.aloia-import-lists .ui-tabs-nav li,
.aloia-import-lists .tabbed > ul:first-child > li{
  margin:0;background:transparent !important;border:none !important;float:none !important;
}
.aloia-import-lists .ui-tabs-nav li a,
.aloia-import-lists .tabbed > ul:first-child > li > a{
  display:block;padding:10px 16px;
  font-family:'DM Sans',sans-serif;
  font-size:11px;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;
  color:var(--soft) !important;text-decoration:none;
  border:none !important;background:transparent !important;
  border-bottom:2px solid transparent !important;border-radius:0 !important;
  transition:all .15s;
}
.aloia-import-lists .ui-tabs-nav li a:hover{color:var(--dark) !important}
.aloia-import-lists .ui-tabs-nav li.ui-tabs-active,
.aloia-import-lists .ui-tabs-nav li.ui-state-active{background:transparent !important}
.aloia-import-lists .ui-tabs-nav li.ui-tabs-active a,
.aloia-import-lists .ui-tabs-nav li.ui-state-active a{
  color:var(--orange) !important;
  border-bottom-color:var(--orange) !important;
}
/* Tab panels con los checkboxes de listas */
.aloia-import-lists .ui-tabs-panel,
.aloia-import-lists .tabbed > div{
  padding:0;background:transparent;border:none;
}
.aloia-import-lists .ui-tabs-panel ul,
.aloia-import-lists .tabbed > div > ul{
  list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;
}
.aloia-import-lists .ui-tabs-panel li,
.aloia-import-lists .tabbed > div > ul > li{
  padding:12px 0;background:transparent;border:none;
  border-bottom:1px solid var(--border);
  border-radius:0;display:flex;align-items:flex-start;gap:12px;font-size:13px;
  list-style:none;transition:background .15s;
}
.aloia-import-lists .ui-tabs-panel li:last-child,
.aloia-import-lists .tabbed > div > ul > li:last-child{border-bottom:none}
.aloia-import-lists .ui-tabs-panel li:hover,
.aloia-import-lists .tabbed > div > ul > li:hover{background:var(--bg2)}

.aloia-import-lists li.selectallcategory{
  background:rgba(253,97,68,.06) !important;
  border-color:rgba(253,97,68,.2) !important;
  font-weight:500;padding:10px 14px !important;
}
.aloia-import-lists li.addlist-item{
  background:#fff !important;
  border:1px dashed var(--border) !important;
  padding:12px 16px !important;justify-content:flex-start;
}
.aloia-import-lists li.addlist-item a{
  color:var(--orange);font-weight:500;font-size:13px;text-decoration:none;
}
.aloia-import-lists li.addlist-item a:hover{color:var(--dark)}
.aloia-import-lists li input[type=checkbox]{
  accent-color:var(--orange);margin:2px 0 0;flex:0 0 auto;
  width:18px;height:18px;cursor:pointer;
}
.aloia-import-lists .list-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.aloia-import-lists .list-head{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
}
.aloia-import-lists .list-name{
  font-weight:500;color:var(--dark);font-size:13px;
}
.aloia-import-lists .list-desc{
  font-size:11px;color:var(--soft);line-height:1.4;
}
.aloia-import-lists .activelist,
.aloia-import-lists .inactivelist{
  display:inline-block;padding:2px 10px;border-radius:100px;
  font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  line-height:1.5;
}
.aloia-import-lists .activelist{
  background:rgba(37,211,102,.12);color:#0e8a43;
  border:1px solid rgba(37,211,102,.2);
}
.aloia-import-lists .inactivelist{
  background:rgba(122,104,104,.1);color:var(--soft);
  border:1px solid rgba(122,104,104,.2);
}

/* Cuando importsimple se carga dentro del dialog jQuery UI (legacy - ya no se usa) */
.ui-dialog .aloia-import-card{
  border:none;box-shadow:none;padding:0;margin:0;max-width:none;
}
.ui-dialog{min-width:540px;max-width:92vw}

/* ===== page=editlist: editar/crear lista ===== */
.aloia-editlist-header{
  display:flex;justify-content:space-between;align-items:center;
  gap:10px;margin:0 0 18px;flex-wrap:wrap;
}
.aloia-editlist-header .btn{padding:8px 16px;font-size:12px}

.aloia-editlist-card{
  background:#fff;border:1px solid var(--border);border-radius:14px;
  padding:28px 32px;margin:0 0 20px;
  box-shadow:0 2px 10px rgba(22,18,18,0.04);
  display:flex;flex-direction:column;gap:18px;
  max-width:720px;
}
.aloia-editlist-row{display:flex;flex-direction:column;gap:6px}
.aloia-editlist-label{
  font-size:11px;font-weight:600;color:var(--soft);
  letter-spacing:.08em;text-transform:uppercase;margin:0;
}
.aloia-editlist-card input[type=text],
.aloia-editlist-card textarea,
.aloia-editlist-card select{
  width:100%;max-width:520px;font-size:14px;
}
.aloia-editlist-card input.aloia-editlist-order{max-width:100px;text-align:center}
.aloia-editlist-card textarea{min-height:100px;resize:vertical}

.aloia-editlist-id{
  padding:10px 14px;background:var(--bg2);border-radius:10px;
  display:flex;align-items:center;gap:10px;flex-direction:row;
}
.aloia-editlist-id .aloia-editlist-label{margin:0}
.aloia-editlist-idvalue{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:12px;color:var(--dark);font-weight:600;
}

/* Toggle estilo switch para "Lista publica" */
.aloia-editlist-toggle{
  display:flex;justify-content:space-between;align-items:center;
  gap:16px;padding:16px 18px;
  background:var(--bg2);border:1px solid var(--border);border-radius:12px;
}
.aloia-editlist-toggle strong{
  display:block;font-size:13px;font-weight:600;color:var(--dark);margin:0 0 4px;
}
.aloia-editlist-toggle p{
  margin:0;font-size:12px;color:var(--soft);line-height:1.4;
}
.aloia-editlist-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;cursor:pointer;margin:0}
.aloia-editlist-switch input{opacity:0;width:0;height:0;position:absolute}
.aloia-editlist-switch-track{
  position:absolute;top:0;left:0;right:0;bottom:0;
  background:var(--border);border-radius:100px;transition:all .2s;
}
.aloia-editlist-switch-thumb{
  position:absolute;top:3px;left:3px;
  width:18px;height:18px;background:#fff;border-radius:50%;
  transition:all .2s;box-shadow:0 1px 3px rgba(0,0,0,.2);
}
.aloia-editlist-switch input:checked + .aloia-editlist-switch-track{background:var(--orange)}
.aloia-editlist-switch input:checked + .aloia-editlist-switch-track .aloia-editlist-switch-thumb{transform:translateX(20px)}
.aloia-editlist-switch input:disabled + .aloia-editlist-switch-track{opacity:.5;cursor:not-allowed}

.aloia-editlist-footer{
  display:flex;justify-content:space-between;align-items:center;
  gap:12px;padding-top:18px;border-top:1px solid var(--border);
  margin-top:6px;flex-wrap:wrap;
}
.aloia-editlist-footer-left{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.aloia-editlist-footer-right{display:flex;gap:8px;align-items:center}

/* ===== page=list: listas de correos ===== */
.aloia-list-actions{
  display:flex;justify-content:space-between;align-items:center;
  gap:12px;margin:0 0 18px;flex-wrap:wrap;
}
.aloia-list-actions-left,
.aloia-list-actions-right{flex:0 0 auto}

.aloia-list-search{
  display:flex;align-items:center;gap:8px;
  margin:0 0 20px;flex-wrap:wrap;
}
.aloia-list-search input[type=text]{
  flex:1;min-width:220px;max-width:440px;height:42px;
}
.aloia-list-search .btn{height:42px;padding:0 20px}

.aloia-list-grid{
  display:flex;flex-direction:column;gap:10px;
  margin:0 0 20px;
}
.aloia-list-card{
  display:flex;justify-content:space-between;align-items:stretch;
  gap:18px;padding:18px 22px;
  background:#fff;border:1px solid var(--border);border-radius:12px;
  box-shadow:0 2px 8px rgba(22,18,18,.03);
  transition:border-color .15s,box-shadow .15s;
  flex-wrap:wrap;
}
.aloia-list-card:hover{border-color:var(--orange);box-shadow:0 4px 14px rgba(253,97,68,.08)}
.aloia-list-card-all{background:var(--bg2);border-style:dashed}

.aloia-list-main{
  flex:1;min-width:220px;
  display:flex;flex-direction:column;gap:4px;
}
.aloia-list-name{
  font-family:'Playfair Display',serif;
  font-size:18px;font-weight:700;color:var(--dark);
  text-decoration:none;line-height:1.2;
  letter-spacing:-.01em;
}
.aloia-list-name:hover{color:var(--orange)}
.aloia-list-desc{font-size:12px;color:var(--soft);line-height:1.4}
.aloia-list-meta{
  display:flex;align-items:center;gap:14px;margin-top:6px;
  font-size:11px;color:var(--soft);
}
.aloia-list-members{
  display:inline-flex;align-items:center;gap:6px;
  font-weight:500;color:var(--dark);
}
.aloia-list-members div[id^="listmembercount"]{
  display:inline-block;padding:2px 10px;
  background:rgba(253,97,68,.1);color:var(--orange);
  border-radius:100px;font-size:11px;font-weight:600;
  min-width:28px;text-align:center;
}
.aloia-list-id{
  padding:2px 8px;background:var(--bg3);
  border-radius:100px;letter-spacing:.04em;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;
}

.aloia-list-right{
  display:flex;flex-direction:column;gap:10px;
  align-items:flex-end;justify-content:space-between;
  flex:0 0 auto;min-width:320px;
}
.aloia-list-controls{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  justify-content:flex-end;
}
.aloia-list-toggle{
  display:inline-flex;align-items:center;gap:6px;margin:0;cursor:pointer;
  font-size:11px;color:var(--soft);letter-spacing:.04em;text-transform:uppercase;font-weight:500;
}
.aloia-list-toggle input[type=checkbox]{accent-color:var(--orange);width:16px;height:16px;margin:0;cursor:pointer}
.aloia-list-toggle input:disabled{opacity:.4;cursor:not-allowed}
.aloia-list-order{
  display:inline-flex;align-items:center;gap:8px;margin:0;
  font-size:11px;color:var(--soft);letter-spacing:.04em;text-transform:uppercase;font-weight:500;
}
.aloia-list-order input[type=text]{width:56px;height:32px;padding:4px 8px;font-size:12px;text-align:center}

.aloia-list-actions-row{
  display:flex;align-items:center;gap:6px;flex-wrap:wrap;
  justify-content:flex-end;
}
.aloia-list-actions-row .btn,
.aloia-list-actions-row a.button,
.aloia-list-actions-row span > a{
  padding:7px 14px;font-size:12px;
}
.aloia-list-delete .button,
.aloia-list-delete a,
.aloia-list-delete input{
  background:transparent;color:var(--red);border:1px solid var(--border);
  padding:7px 14px;font-size:12px;border-radius:100px;transition:all .15s;
}
.aloia-list-delete .button:hover,
.aloia-list-delete a:hover,
.aloia-list-delete input:hover{
  background:var(--red);color:#fff;border-color:var(--red);
}

.aloia-list-save{margin:18px 0;text-align:left}
.aloia-list-paging{margin-top:12px}
.aloia-list-empty{
  padding:40px 24px;text-align:center;
  background:#fff;border:1px dashed var(--border);border-radius:12px;
  color:var(--soft);font-size:13px;
}

/* Oculta la columna "Editar" con solo icono - muestra label */
.aloia-list-actions-row .edit-list a::after{content:attr(title)}

@media (max-width:720px){
  .aloia-list-card{flex-direction:column}
  .aloia-list-right{width:100%;min-width:0;align-items:stretch}
  .aloia-list-controls,
  .aloia-list-actions-row{justify-content:flex-start}
}

/* ===== page=attributes: atributos de suscriptores ===== */
/* Panel principal sin padding doble */
body.attributes > .aloia-content > #wrapp > .panel,
body.attributes .aloia-content > #wrapp > .panel{padding:0}

/* Info header "Load data from..." */
body.attributes .panel > .content > p:first-child,
body.attributes .panel > .content{padding:0 24px 20px}

/* Encabezado "Atributos existentes" */
body.attributes h3{
  font-family:'DM Sans',sans-serif;
  font-size:12px;font-weight:600;
  letter-spacing:0.12em;text-transform:uppercase;
  color:var(--soft);
  margin:24px 0 12px;
}

/* Accordion: cada atributo como card colapsable */
.accordion{display:flex;flex-direction:column;gap:10px;margin:0 0 24px}
.accordion > h3{
  margin:0;padding:14px 20px;
  background:var(--bg2);border:1px solid var(--border);border-radius:10px;
  font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;
  color:var(--dark);letter-spacing:0;text-transform:none;
  cursor:pointer;user-select:none;
  position:relative;
  transition:all .15s;
}
.accordion > h3:hover{border-color:var(--orange)}
.accordion > h3 a{color:var(--dark);text-decoration:none;display:block}
.accordion > h3.ui-state-active,
.accordion > h3.ui-accordion-header-active{
  background:#fff;border-color:var(--orange);
  border-bottom-left-radius:0;border-bottom-right-radius:0;
  color:var(--orange);
}
.accordion > h3::after{
  content:'';position:absolute;right:20px;top:50%;
  width:7px;height:7px;
  border-right:1.5px solid var(--soft);border-bottom:1.5px solid var(--soft);
  transform:translateY(-75%) rotate(45deg);
  transition:transform .2s;
}
.accordion > h3.ui-state-active::after,
.accordion > h3.ui-accordion-header-active::after{
  transform:translateY(-25%) rotate(225deg);
  border-color:var(--orange);
}

/* Contenido expandido del accordion */
.accordion > div{
  padding:18px 20px;
  background:#fff;border:1px solid var(--orange);border-top:none;
  border-bottom-left-radius:10px;border-bottom-right-radius:10px;
  margin-top:-10px;
  display:flex;flex-direction:column;gap:10px;
}
.accordion > div label{
  display:block;margin:0 0 4px;
  font-size:11px;font-weight:500;color:var(--soft);
  letter-spacing:.05em;text-transform:uppercase;
}
.accordion > div label input[type=checkbox]{margin-left:8px;accent-color:var(--orange)}
.accordion > div input[type=text],
.accordion > div select{max-width:440px;height:38px;font-size:13px}
.accordion > div .button,
.accordion > div a.button{margin:4px 0}

/* Seccion "Añadir atributo nuevo" */
#new-attribute{
  background:#fff;border:1px solid var(--border);border-radius:14px;
  padding:24px;margin:24px 0;
  box-shadow:0 2px 10px rgba(22,18,18,0.04);
  display:flex;flex-direction:column;gap:8px;
}
#new-attribute h3{
  margin:0 0 16px;padding:0;
  font-family:'Playfair Display',serif;
  font-size:18px;font-weight:700;
  color:var(--dark);letter-spacing:-.01em;text-transform:none;
}
#new-attribute .alert{margin-bottom:16px}
#new-attribute .label.pull-left{
  float:none !important;
  width:100%;margin-top:8px;padding:0;
}
#new-attribute .label.pull-left label,
#new-attribute label.label{
  display:block;margin:0 0 4px;
  font-size:11px;font-weight:500;color:var(--soft);
  letter-spacing:.05em;text-transform:uppercase;
}
#new-attribute .field{
  clear:both;margin:0 0 8px;
}
#new-attribute .field input[type=text],
#new-attribute .field select{max-width:440px;height:40px;font-size:13px}
#new-attribute .field input[type=checkbox]{accent-color:var(--orange);width:16px;height:16px;vertical-align:middle}
.attr-checkbox-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 8px;max-width:440px;padding:10px 0;border-top:1px solid var(--border)}
.attr-checkbox-row input[type=checkbox]{accent-color:var(--orange);width:18px;height:18px;margin:0;flex:0 0 auto}
.attr-checkbox-row label{margin:0;flex:1;font-size:11px;font-weight:500;color:var(--soft);letter-spacing:.05em;text-transform:uppercase;cursor:pointer}
.attr-inline-check{display:inline-flex;align-items:center;gap:8px}
.attr-inline-check input[type=checkbox]{margin:0}
#new-attribute .field input[type=submit]{margin-top:14px}

/* Grupo de botones (Delete tagged / Merge tagged) */
.buttonGroup{display:inline-flex;gap:8px;margin-left:8px}

/* Form "Agregar suscriptor" - paso 1 (solo email + Continuar) */
.adduser-start{
  display:flex;flex-direction:column;gap:12px;
  max-width:480px;padding:24px;
  background:#fff;border:1px solid var(--border);border-radius:14px;
  box-shadow:0 2px 10px rgba(22,18,18,0.04);
  margin:8px 0 24px;
}
.adduser-start-label{
  font-size:12px;font-weight:500;color:var(--soft);
  letter-spacing:0.02em;text-transform:none;margin:0;
}
.adduser-start-input{width:100%;height:42px}
.adduser-start-submit{align-self:flex-start;margin-top:4px}

/* Toggle Si/No en editar suscriptor */
.toggle-row{display:inline-flex;align-items:center;gap:8px;cursor:pointer;margin:0}
.toggle-row input[type=checkbox]{margin:0;accent-color:var(--orange);width:18px;height:18px}
.toggle-row span{font-size:13px;color:var(--dark)}

.tab-empty-state{padding:20px 0;color:var(--soft);font-size:13px}
.tab-empty-state p{margin:0}

.fright.button{float:right}
.fright.button a{
  display:inline-block;padding:6px 14px;
  background:var(--dark);color:#fff;
  border-radius:100px;font-size:11px;
  text-decoration:none;
}
.fright.button a:hover{background:var(--orange)}

/* Paginación selector "Por página" */
.filter .pp-label{margin-left:8px}

/* Paging (Listando del X al Y de Z + controles) */
.paging{
  display:flex;justify-content:space-between;align-items:center;
  gap:12px;padding:10px 16px;
  border-top:1px solid var(--border);background:var(--bg2);
  font-size:12px;
}
.paging .range{margin:0;text-align:left;color:var(--soft)}
.paging .controls{display:flex;gap:6px}
.paging .controls a{
  display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;border-radius:8px;
  background:#fff;border:1px solid var(--border);color:var(--soft);
  text-decoration:none;transition:all .15s;
}
.paging .controls a:hover{border-color:var(--orange);color:var(--orange)}
.paging .controls a.first::before{content:'«'}
.paging .controls a.previous::before{content:'‹'}
.paging .controls a.next::before{content:'›'}
.paging .controls a.last::before{content:'»'}

/* Status pill (Activo / Sin confirmar / Lista negra) */
.status-pill{
  display:inline-block;
  font-size:10px;font-weight:600;
  letter-spacing:0.06em;text-transform:uppercase;
  padding:4px 12px;border-radius:100px;
  white-space:nowrap;line-height:1.4;
}
.status-pill.status-active{background:rgba(37,211,102,0.15);color:#0e8a43;border:1px solid rgba(37,211,102,0.25)}
.status-pill.status-pending{background:rgba(253,97,68,0.12);color:var(--orange);border:1px solid rgba(253,97,68,0.2)}
.status-pill.status-blacklisted{background:rgba(253,50,68,0.1);color:var(--red);border:1px solid rgba(253,50,68,0.2)}

/* row badges / status pills */
table.listing .row1 a.del,
table.listing a.del{
  display:inline-block;padding:3px 10px;
  font-size:10px;font-weight:600;
  background:rgba(253,50,68,0.1);color:var(--red);
  border-radius:100px;letter-spacing:0.06em;text-transform:uppercase;
  margin-right:6px;
}
table.listing .row1 a.del:hover,
table.listing a.del:hover{background:var(--red);color:#fff}
table.listing img[src*="tick"]{filter:hue-rotate(-20deg) saturate(0.8)}
table.listing .listinghdname.gray{color:var(--soft);font-size:11px}

/* Paging webbler */
.webbler-listing .nav,
.responsive-listing .nav{
  display:flex;gap:4px;padding:10px 16px;justify-content:flex-end;
  border-top:1px solid var(--border);background:var(--bg2);
  font-size:12px;
}
.webbler-listing .nav a,
.responsive-listing .nav a{color:var(--soft);padding:4px 10px;border-radius:6px}
.webbler-listing .nav a:hover{background:#fff;color:var(--orange)}
.webbler-listing .nav strong{color:var(--orange);font-weight:600}

.btn,button.button,input.button,input[type=submit],input.submit{
  font-family:inherit;font-weight:500;font-size:13px;
  padding:10px 22px;border-radius:100px;border:none;
  cursor:pointer;letter-spacing:0.02em;
  transition:all .2s;text-decoration:none;
  display:inline-flex;align-items:center;gap:6px;
  line-height:1;box-shadow:none;
}
.btn-primary,.btn.btn-primary,input[type=submit],input.button{
  background:var(--dark);color:#fff;
}
.btn-primary:hover,input[type=submit]:hover,input.button:hover{
  background:var(--orange);color:#fff;transform:translateY(-1px);
  box-shadow:0 4px 14px rgba(253,97,68,0.3);
}
.btn-default,.btn-secondary{
  background:#fff;color:var(--dark);border:1px solid var(--border);
}
.btn-default:hover,.btn-secondary:hover{border-color:var(--orange);color:var(--orange)}
.btn-success{background:var(--green);color:#fff}
.btn-success:hover{background:#0e8a43;color:#fff;transform:translateY(-1px)}
.btn-danger{background:var(--red);color:#fff}
.btn-danger:hover{background:#c42639;color:#fff;transform:translateY(-1px)}
.btn-warning{background:var(--orange);color:#fff}
.btn-warning:hover{background:var(--orange-hover);color:#fff;transform:translateY(-1px)}
.btn-info{background:var(--blue);color:#fff}
.btn-info:hover{background:#1a4fb3;color:#fff;transform:translateY(-1px)}
.btn-xs{padding:5px 12px;font-size:11px}
.btn-sm{padding:7px 16px;font-size:12px}
.btn-lg{padding:13px 28px;font-size:15px}

input[type=text],input[type=email],input[type=password],
input[type=number],input[type=search],input[type=url],input[type=tel],
textarea,select,.form-control{
  font-family:inherit;font-size:14px;
  color:var(--dark);background:var(--bg2);
  border:1.5px solid var(--border);border-radius:8px;
  padding:10px 14px;height:42px;outline:none;
  transition:border-color .2s,background .2s;
  box-shadow:none;width:100%;max-width:100%;
}
textarea{min-height:100px;height:auto;padding:12px 14px;line-height:1.55}
input:focus,textarea:focus,select:focus,.form-control:focus{
  border-color:var(--orange);background:#fff;outline:none;
}
label{
  font-family:inherit;font-size:12px;font-weight:500;
  color:var(--soft);letter-spacing:0.04em;
  margin-bottom:6px;display:inline-block;
}
fieldset{
  background:#fff;border:1px solid var(--border);border-radius:14px;
  padding:22px;margin-bottom:20px;
}
legend{
  font-family:'Playfair Display',serif;
  font-size:16px;font-weight:700;color:var(--dark);
  padding:0 10px;margin-bottom:10px;border:none;width:auto;
}
input[type=checkbox],input[type=radio]{
  accent-color:var(--orange);width:15px;height:15px;
  margin-right:6px;vertical-align:-2px;
}
.field{margin-bottom:14px}
.field label{display:block}

table,.table,table.listing{
  background:#fff;border:1px solid var(--border);border-radius:14px;
  overflow:hidden;border-collapse:separate;border-spacing:0;
  width:100%;margin-bottom:20px;
}
table th,.table thead th,table.listing th{
  background:var(--bg3);color:var(--soft);
  font-family:inherit;font-size:11px;font-weight:500;
  letter-spacing:0.12em;text-transform:uppercase;
  padding:14px 16px;border:none;
  border-bottom:1px solid var(--border);
  text-align:left;vertical-align:middle;
}
table td,.table tbody td,table.listing td{
  padding:14px 16px;border:none;
  border-bottom:1px solid var(--border);
  font-size:13px;color:var(--dark);vertical-align:middle;background:#fff;
}
table tr:last-child td{border-bottom:none}
table tr:hover td,.table tbody tr:hover td{background:var(--bg2)}
.aloia-login-card table{border:none;background:transparent;margin:0}
.aloia-login-card table td{background:transparent;border:none;padding:0}

.alert,.note,.info{
  border-radius:12px;border:1px solid var(--border);
  padding:14px 18px;font-size:13px;
  background:#fff;color:var(--dark);margin-bottom:16px;
}
.alert-info{background:rgba(34,96,212,0.06);border-color:rgba(34,96,212,0.18);color:var(--blue)}
.alert-success{background:rgba(37,211,102,0.08);border-color:rgba(37,211,102,0.2);color:#0e8a43}
.alert-warning{background:rgba(253,97,68,0.08);border-color:rgba(253,97,68,0.2);color:var(--orange)}
.alert-danger,.error,.warn{
  background:rgba(253,50,68,0.06);border:1px solid rgba(253,50,68,0.2);
  color:var(--red);border-radius:12px;padding:14px 18px;font-size:13px;
}
.note,.info{background:rgba(253,97,68,0.04);border-color:rgba(253,97,68,0.15)}
.note a,.info a{color:var(--orange);font-weight:500}
.note .hide{float:right;font-size:11px;color:var(--soft)}

.nav-tabs{
  border-bottom:1px solid var(--border);margin-bottom:20px;
  padding-left:0;list-style:none;display:flex;gap:2px;
}
.nav-tabs > li{margin:0}
.nav-tabs > li > a{
  border:none;color:var(--soft);
  font-family:inherit;font-size:11px;font-weight:500;
  padding:12px 18px;border-radius:0;
  letter-spacing:0.1em;text-transform:uppercase;
  border-bottom:2px solid transparent;background:transparent;display:block;
}
.nav-tabs > li > a:hover{color:var(--dark);background:transparent}
.nav-tabs > li.active > a{color:var(--orange);background:transparent;border-bottom-color:var(--orange)}

.pagination{display:flex;gap:4px;list-style:none;padding:0}
.pagination > li > a,.pagination > li > span{
  color:var(--soft);background:#fff;
  border:1px solid var(--border);
  font-size:12px;padding:8px 14px;border-radius:8px;
  display:block;text-decoration:none;
}
.pagination > li.active > a,.pagination > li.active > span{
  background:var(--dark);color:#fff;border-color:var(--dark);
}
.pagination > li > a:hover{border-color:var(--orange);color:var(--orange)}

.badge,.label{
  font-family:inherit;font-weight:500;font-size:10px;
  letter-spacing:0.04em;padding:3px 10px;border-radius:100px;
  display:inline-block;
}
.label-success,.badge-success{background:rgba(37,211,102,0.15);color:#0e8a43}
.label-danger,.badge-danger{background:rgba(253,50,68,0.12);color:var(--red)}
.label-warning,.badge-warning{background:rgba(253,97,68,0.12);color:var(--orange)}
.label-info,.badge-info{background:rgba(34,96,212,0.12);color:var(--blue)}
.label-default,.badge-default{background:var(--bg3);color:var(--soft)}

.dropdown-menu{
  border:1px solid var(--border);border-radius:12px;
  box-shadow:0 10px 30px rgba(22,18,18,0.1);padding:6px;background:#fff;
}
.dropdown-menu > li > a{color:var(--dark);font-size:13px;padding:8px 12px;border-radius:8px}
.dropdown-menu > li > a:hover{background:var(--bg2);color:var(--orange)}

code,pre{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:12px;background:var(--bg3);
  border:1px solid var(--border);border-radius:8px;
  color:var(--dark);padding:2px 6px;
}
pre{padding:14px;line-height:1.55;overflow-x:auto}
hr{border:none;border-top:1px solid var(--border);margin:20px 0}

.progress{background:var(--bg3);border-radius:100px;overflow:hidden;height:6px;margin:10px 0}
.progress-bar{background:var(--orange);height:100%}

.modal-content{
  border:1px solid var(--border);border-radius:16px;
  box-shadow:0 24px 80px rgba(22,18,18,0.2);
}
.modal-header{border-bottom:1px solid var(--border);padding:20px 24px}
.modal-body{padding:24px}
.modal-footer{border-top:1px solid var(--border);padding:16px 24px}

.actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}

#newsfeed{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px;margin-top:24px}
#newsfeed h3{font-size:13px;margin:0 0 12px;font-family:inherit;color:var(--soft);letter-spacing:0.1em;text-transform:uppercase;font-weight:500}
#newsfeed ul{list-style:none;padding:0;margin:0}
#newsfeed li{padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}
#newsfeed li:last-child{border-bottom:none}
#newsfeed .publisheddate{font-size:10px;color:var(--soft);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.08em}

.credits,.poweredby,#back-to-top{display:none !important}

/* Dashboard: separacion entre botones de Primeros pasos */
#gettingstarted .btn{margin-bottom:10px}
#gettingstarted br{display:none}
.clear{clear:both}
.pull-left{float:left}
.pull-right{float:right}

/* jQuery UI Dialog / Overlay: asegurar que esten sobre el sidebar y estilo Aloia */
.ui-widget-overlay{
  z-index:999 !important;
  position:fixed !important;top:0;left:0;right:0;bottom:0;
  background:rgba(22,18,18,0.6) !important;opacity:1 !important;
}
.ui-dialog{
  z-index:1000 !important;
  /* position:fixed centrado al viewport. Forzamos top/left/transform porque
     jQuery UI escribe top/left inline calculados para position:absolute
     (relativos al documento + scroll); sin esto, en paginas largas como
     ?page=send el modal queda fuera de pantalla / tapado por el sidebar.
     Ver errores.md §12. */
  position:fixed !important;
  top:50% !important;left:50% !important;
  transform:translate(-50%,-50%) !important;
  margin:0 !important;
  max-width:92vw !important;
  max-height:88vh !important;
  background:#fff !important;
  border:1px solid var(--border) !important;
  border-radius:14px !important;
  box-shadow:0 24px 80px rgba(22,18,18,0.25) !important;
  padding:0 !important;overflow:hidden;
  display:flex !important;flex-direction:column !important;
  font-family:'DM Sans',sans-serif !important;
}
.ui-dialog .ui-dialog-titlebar{
  background:var(--bg2) !important;border:none !important;
  border-bottom:1px solid var(--border) !important;border-radius:0 !important;
  padding:14px 20px !important;
  font-family:'DM Sans',sans-serif !important;
  color:var(--soft) !important;font-size:12px !important;font-weight:600 !important;
  letter-spacing:.12em;text-transform:uppercase;
}
.ui-dialog .ui-dialog-titlebar-close{
  background:transparent !important;border:none !important;
  color:var(--soft) !important;padding:4px !important;
  position:absolute !important;right:14px !important;top:50% !important;transform:translateY(-50%) !important;
  width:28px !important;height:28px !important;
}
.ui-dialog .ui-dialog-titlebar-close:hover{color:var(--red) !important}
.ui-dialog .ui-dialog-content{padding:22px !important;background:#fff !important;flex:1 1 auto !important;overflow:auto !important;max-height:none !important;width:auto !important}
.ui-dialog .ui-dialog-buttonpane{
  background:var(--bg2) !important;border:none !important;
  border-top:1px solid var(--border) !important;
  padding:12px 20px !important;
}

/* Responsive */
@media (max-width:991px){
  :root{--sb-width:220px}
  .aloia-content{padding:20px}
}
@media (max-width:767px){
  .aloia-sidebar{transform:translateX(-100%);transition:transform .3s;z-index:100}
  .aloia-sidebar.open{transform:translateX(0)}
  .aloia-main{margin-left:0}
}

/* =========================================================================
 * Campañas (messages.php) — namespace .aloia-campaigns-*
 * ========================================================================= */
body.messages .aloia-content #wrapp > h3:first-of-type{display:none}
body.messages .actions,
body.messages div.actions.messageactions{display:none}
body.messages #messagefilter{display:none}
body.messages .panel:has(> .content > .responsive-listing),
body.messages .panel:has(> .header > h2:empty),
body.messages .panel.aloia-campaigns-skip{background:transparent;border:none;box-shadow:none;padding:0;margin:0}

/* Header: título + descripción + CTA */
.aloia-campaigns-header{
  display:flex;align-items:flex-start;justify-content:space-between;
  gap:20px;margin:0 0 22px;flex-wrap:wrap;
}
.aloia-campaigns-heading h2{
  margin:0 0 4px;font-family:'Playfair Display',serif;
  font-size:26px;font-weight:700;color:var(--dark);letter-spacing:-.01em;
}
.aloia-campaigns-heading p{
  margin:0;color:var(--soft);font-size:13px;line-height:1.5;max-width:560px;
}
.aloia-campaigns-newbtn{
  padding:12px 22px;font-size:13px;font-weight:600;
  display:inline-flex;align-items:center;gap:8px;
  white-space:nowrap;flex-shrink:0;
}
.aloia-campaigns-newicon{
  font-size:16px;line-height:1;font-weight:700;
}

/* Minitabs con counts */
.aloia-campaigns-tabs{margin:0 0 20px}
.aloia-campaigns-tabs ul li a{display:flex;align-items:center;gap:8px}
.aloia-campaigns-tabcount{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:22px;height:20px;padding:0 7px;
  background:var(--bg2);color:var(--soft);
  border-radius:100px;font-size:10px;font-weight:700;letter-spacing:.02em;
}
.aloia-campaigns-tabs ul li.current .aloia-campaigns-tabcount,
.aloia-campaigns-tabs ul li.active .aloia-campaigns-tabcount{
  background:rgba(253,97,68,.12);color:var(--orange);
}

/* Filter bar */
.aloia-campaigns-filter{
  display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;
  padding:16px 18px;margin:0 0 16px;
  background:#fff;border:1px solid var(--border);border-radius:12px;
}
.aloia-campaigns-search{
  position:relative;flex:1 1 260px;min-width:220px;
}
.aloia-campaigns-search-icon{
  position:absolute;left:14px;top:50%;transform:translateY(-50%);
  color:var(--soft);font-size:14px;pointer-events:none;opacity:.7;
}
.aloia-campaigns-search input{
  width:100%;height:42px;padding:0 14px 0 38px;
  background:var(--bg2);border:1px solid var(--border);border-radius:100px;
  font-size:13px;font-family:inherit;color:var(--dark);
  transition:border-color .15s,background .15s;
}
.aloia-campaigns-search input:focus{
  border-color:var(--orange);background:#fff;outline:none;
}
.aloia-campaigns-field{
  display:flex;flex-direction:column;gap:4px;margin:0;
}
.aloia-campaigns-field > span{
  font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--soft);padding-left:2px;
}
.aloia-campaigns-field select{
  height:42px;padding:0 32px 0 14px;min-width:140px;
  background:#fff;border:1px solid var(--border);border-radius:100px;
  font-size:12px;font-family:inherit;color:var(--dark);cursor:pointer;
  appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path fill='%237A6868' d='M6 8.5L2 4.5h8z'/></svg>");
  background-repeat:no-repeat;background-position:right 12px center;background-size:10px;
}
.aloia-campaigns-field select:focus{border-color:var(--orange);outline:none}
.aloia-campaigns-filter-actions{display:flex;gap:8px}
.aloia-campaigns-filter-actions .btn{height:42px;padding:0 22px;font-size:12px}

/* Meta: total + paging */
.aloia-campaigns-meta{
  display:flex;justify-content:space-between;align-items:center;
  gap:16px;margin:0 0 14px;flex-wrap:wrap;
}
.aloia-campaigns-count{
  font-size:12px;color:var(--soft);letter-spacing:.02em;
}
.aloia-campaigns-count small{color:var(--soft);font-size:12px}
.aloia-campaigns-count strong{color:var(--dark)}

/* Grid cards */
.aloia-campaigns-grid{
  display:flex;flex-direction:column;gap:12px;margin:0 0 24px;
}
.aloia-campaigns-card{
  background:#fff;border:1px solid var(--border);border-radius:14px;
  box-shadow:0 2px 10px rgba(22,18,18,.03);
  transition:border-color .15s,box-shadow .15s,transform .15s;
  overflow:hidden;position:relative;
}
.aloia-campaigns-card:hover{
  border-color:rgba(253,97,68,.3);box-shadow:0 6px 20px rgba(253,97,68,.08);
}
.aloia-campaigns-card::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:3px;
  background:var(--border);transition:background .15s;
}
.aloia-campaigns-card-sent::before{background:#25D366}
.aloia-campaigns-card-sending::before{background:var(--orange)}
.aloia-campaigns-card-suspended::before{background:var(--red)}
.aloia-campaigns-card-draft::before{background:var(--soft)}
.aloia-campaigns-card-prepared::before{background:var(--blue)}

/* Card head */
.aloia-campaigns-card-head{
  display:flex;align-items:flex-start;justify-content:space-between;
  gap:18px;padding:20px 24px 14px;
}
.aloia-campaigns-card-title{flex:1;min-width:0}
.aloia-campaigns-id{
  display:inline-block;padding:2px 10px;margin-bottom:8px;
  background:var(--bg2);color:var(--soft);
  border-radius:100px;font-size:10px;font-weight:600;letter-spacing:.06em;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
}
.aloia-campaigns-subtitle{
  font-size:11px;color:var(--soft);
  letter-spacing:.04em;text-transform:uppercase;font-weight:500;
  margin-bottom:4px;
}
.aloia-campaigns-subject{
  margin:0;font-family:'Playfair Display',serif;
  font-size:18px;font-weight:700;color:var(--dark);
  line-height:1.25;letter-spacing:-.01em;
  word-break:break-word;
}

/* Status pill variantes extra */
.aloia-campaigns-status{flex-shrink:0;align-self:flex-start;margin-top:4px}
.aloia-campaigns-status-sent{background:rgba(37,211,102,0.15);color:#0e8a43;border:1px solid rgba(37,211,102,0.25)}
.aloia-campaigns-status-sending{
  background:rgba(253,97,68,0.12);color:var(--orange);border:1px solid rgba(253,97,68,0.25);
  position:relative;
}
.aloia-campaigns-status-sending::before{
  content:'';display:inline-block;width:6px;height:6px;border-radius:50%;
  background:var(--orange);margin-right:6px;vertical-align:middle;
  animation:aloia-pulse 1.4s ease-in-out infinite;
}
@keyframes aloia-pulse{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.4;transform:scale(.8)}
}
.aloia-campaigns-status-suspended{background:rgba(253,50,68,.1);color:var(--red);border:1px solid rgba(253,50,68,.25)}
.aloia-campaigns-status-draft{background:var(--bg2);color:var(--soft);border:1px solid var(--border)}
.aloia-campaigns-status-prepared{background:rgba(34,96,212,.1);color:var(--blue);border:1px solid rgba(34,96,212,.25)}

/* Card body */
.aloia-campaigns-card-body{
  padding:0 24px 16px;
  display:flex;flex-direction:column;gap:14px;
}
.aloia-campaigns-meta-row{
  display:flex;gap:18px;flex-wrap:wrap;
  font-size:12px;color:var(--dark);
}
.aloia-campaigns-meta-item{display:inline-flex;gap:6px;align-items:center}
.aloia-campaigns-meta-label{
  color:var(--soft);font-size:10px;
  text-transform:uppercase;letter-spacing:.06em;font-weight:600;
}

/* Listas chips */
.aloia-campaigns-lists{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
}
.aloia-campaigns-lists-label{
  font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--soft);
}
.aloia-campaigns-lists-chips{display:flex;gap:6px;flex-wrap:wrap}
.aloia-campaigns-list-chip{
  display:inline-block;padding:4px 12px;
  background:rgba(253,97,68,.08);color:var(--orange);
  border:1px solid rgba(253,97,68,.18);
  border-radius:100px;font-size:11px;font-weight:500;
}
.aloia-campaigns-list-chip a{color:inherit;text-decoration:underline;text-decoration-style:dotted}

/* Progress (mensajes activos) */
.aloia-campaigns-progress{
  padding:12px 14px;background:var(--bg2);
  border:1px dashed var(--border);border-radius:10px;
  font-size:12px;color:var(--dark);
}
.aloia-campaigns-progress progress,
.aloia-campaigns-progress meter{
  width:100%;height:8px;margin:6px 0;
}

/* Stats grid */
.aloia-campaigns-stats{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;
  padding:14px;background:var(--bg2);border-radius:10px;
}
.aloia-campaigns-stat{
  text-align:center;padding:8px 4px;
  background:#fff;border:1px solid var(--border);border-radius:8px;
}
.aloia-campaigns-stat-num{
  font-family:'Playfair Display',serif;
  font-size:22px;font-weight:700;color:var(--dark);line-height:1.1;
}
.aloia-campaigns-stat-num a{color:var(--orange);text-decoration:none}
.aloia-campaigns-stat-num a:hover{text-decoration:underline}
.aloia-campaigns-stat-label{
  font-size:10px;color:var(--soft);
  text-transform:uppercase;letter-spacing:.06em;font-weight:600;
  margin-top:4px;
}

/* Footer acciones */
.aloia-campaigns-card-actions{
  display:flex;flex-wrap:wrap;gap:6px;
  padding:12px 18px;background:var(--bg2);
  border-top:1px solid var(--border);
}
.aloia-campaigns-card-actions .btn,
.aloia-campaigns-card-actions .aloia-campaigns-action,
.aloia-campaigns-card-actions input.button,
.aloia-campaigns-card-actions a.button{
  padding:7px 14px;font-size:12px;height:auto;line-height:1.3;
  display:inline-flex;align-items:center;gap:6px;
}
.aloia-campaigns-card-actions .aloia-ic{
  font-size:13px;line-height:1;opacity:.75;
}
.aloia-campaigns-delete,
.aloia-campaigns-card-actions .aloia-campaigns-delete{
  background:transparent !important;color:var(--red) !important;border:1px solid var(--border) !important;
}
.aloia-campaigns-delete:hover,
.aloia-campaigns-card-actions .aloia-campaigns-delete:hover{
  background:var(--red) !important;color:#fff !important;border-color:var(--red) !important;
}

/* Paging */
.aloia-campaigns-paging{display:inline-flex;align-items:center}
.aloia-campaigns-paging-bottom{margin:16px 0 0;justify-content:flex-end}

/* Empty state */
.aloia-campaigns-empty{
  padding:48px 24px;text-align:center;
  background:#fff;border:1px dashed var(--border);border-radius:14px;
  color:var(--dark);
}
.aloia-campaigns-empty-icon{
  font-size:42px;color:var(--border);margin-bottom:14px;line-height:1;
}
.aloia-campaigns-empty p{margin:0 0 6px;color:var(--soft);font-size:13px}
.aloia-campaigns-empty p strong{color:var(--dark);font-size:15px}
.aloia-campaigns-empty-sub{margin-bottom:20px !important}
.aloia-campaigns-empty .btn{padding:10px 22px}

/* Bulk actions tab activas */
.aloia-campaigns-bulk{
  display:flex;gap:10px;margin:20px 0 0;padding-top:18px;
  border-top:1px solid var(--border);justify-content:flex-end;flex-wrap:wrap;
}

/* Responsive */
@media (max-width:720px){
  .aloia-campaigns-header{flex-direction:column;align-items:stretch}
  .aloia-campaigns-newbtn{width:100%;justify-content:center}
  .aloia-campaigns-filter{flex-direction:column;align-items:stretch}
  .aloia-campaigns-search,
  .aloia-campaigns-field,
  .aloia-campaigns-field select{width:100%;min-width:0}
  .aloia-campaigns-filter-actions{flex-wrap:wrap}
  .aloia-campaigns-filter-actions .btn{flex:1}
  .aloia-campaigns-card-head{flex-direction:column;gap:10px}
  .aloia-campaigns-status{align-self:flex-start}
  .aloia-campaigns-meta-row{gap:10px}
  .aloia-campaigns-card-actions{padding:10px 14px}
  .aloia-campaigns-card-actions .btn{flex:1;justify-content:center}
}

/* =========================================================================
 * Detalle de campaña (message.php) — namespace .aloia-message-*
 * ========================================================================= */
body.message .aloia-content #wrapp > h3:first-of-type{display:none}
body.message .actions{display:none}
body.message .panel:has(.messageView){background:transparent;border:none;box-shadow:none;padding:0;margin:0}

/* Header */
.aloia-message-header{
  margin:0 0 20px;padding:0 0 18px;border-bottom:1px solid var(--border);
}
.aloia-message-crumb{margin:0 0 12px}
.aloia-message-back{
  display:inline-flex;align-items:center;gap:4px;
  color:var(--soft);font-size:12px;text-decoration:none;
  letter-spacing:.02em;
}
.aloia-message-back:hover{color:var(--orange)}

.aloia-message-titleblock{margin:0 0 14px}
.aloia-message-heading-meta{
  display:flex;align-items:center;gap:10px;margin:0 0 8px;flex-wrap:wrap;
}
.aloia-message-id{
  display:inline-block;padding:3px 10px;
  background:var(--bg2);color:var(--soft);
  border-radius:100px;font-size:10px;font-weight:600;letter-spacing:.06em;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
}
.aloia-message-subtitle{
  font-size:11px;color:var(--soft);
  letter-spacing:.04em;text-transform:uppercase;font-weight:500;
  margin:0 0 4px;
}
.aloia-message-subject{
  margin:0;font-family:'Playfair Display',serif;
  font-size:28px;font-weight:700;color:var(--dark);
  line-height:1.2;letter-spacing:-.01em;
  word-break:break-word;
}

.aloia-message-actions-bar{
  display:flex;gap:10px;flex-wrap:wrap;
}
.aloia-message-actions-bar .btn{padding:10px 20px;font-size:12px}

/* Stats strip */
.aloia-message-stats{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;
  margin:0 0 20px;padding:16px;
  background:#fff;border:1px solid var(--border);border-radius:12px;
  box-shadow:0 2px 8px rgba(22,18,18,.03);
}
.aloia-message-stat{text-align:center;padding:10px 6px}
.aloia-message-stat + .aloia-message-stat{border-left:1px solid var(--border)}
.aloia-message-stat .num{
  font-family:'Playfair Display',serif;
  font-size:26px;font-weight:700;color:var(--dark);line-height:1.1;
}
.aloia-message-stat .lab{
  font-size:10px;color:var(--soft);
  text-transform:uppercase;letter-spacing:.06em;font-weight:600;
  margin-top:6px;
}

/* Cards */
.aloia-message-card{
  margin:0 0 16px;
  background:#fff;border:1px solid var(--border);border-radius:14px;
  box-shadow:0 2px 10px rgba(22,18,18,.03);
  overflow:hidden;
}
.aloia-message-card-head{
  padding:16px 22px;background:var(--bg2);
  border-bottom:1px solid var(--border);
}
.aloia-message-card-head h3{
  margin:0;font-family:'DM Sans',sans-serif;
  font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  color:var(--soft);
}
.aloia-message-card-body{padding:20px 22px}

/* Meta grid */
.aloia-message-meta-grid{
  display:grid;grid-template-columns:1fr;gap:0;
}
.aloia-message-meta-grid .meta-row{
  display:grid;grid-template-columns:180px 1fr;gap:20px;
  padding:12px 0;border-bottom:1px solid var(--border);
}
.aloia-message-meta-grid .meta-row:last-child{border-bottom:none}
.aloia-message-meta-grid .meta-label{
  font-size:11px;color:var(--soft);
  letter-spacing:.04em;text-transform:uppercase;font-weight:600;
}
.aloia-message-meta-grid .meta-value{
  font-size:13px;color:var(--dark);word-break:break-word;
}

/* Contenido del correo */
.aloia-message-content-body{padding:0 !important}
.aloia-message-tabs{
  display:flex;gap:2px;padding:12px 22px 0;
  border-bottom:1px solid var(--border);
}
.aloia-message-tab-btn{
  background:none;border:none;cursor:pointer;
  padding:10px 16px;margin-bottom:-1px;
  font-size:11px;font-weight:600;font-family:inherit;
  letter-spacing:.1em;text-transform:uppercase;color:var(--soft);
  border-bottom:2px solid transparent;transition:all .15s;
}
.aloia-message-tab-btn:hover{color:var(--dark)}
.aloia-message-tab-btn.active{color:var(--orange);border-bottom-color:var(--orange)}

.aloia-message-tab-panel{display:none;padding:20px 22px}
.aloia-message-tab-panel.active{display:block}

.aloia-message-html-iframe{
  display:block;width:100%;height:520px;
  background:#fff;border:1px solid var(--border);border-radius:10px;
  box-sizing:border-box;
}
.aloia-message-html-preview{
  background:var(--bg2);border:1px solid var(--border);border-radius:10px;
  padding:18px;max-height:520px;overflow:auto;
  font-size:13px;line-height:1.5;color:var(--dark);
}
.aloia-message-html-preview img{max-width:100%;height:auto}
.aloia-message-html-preview a{color:var(--orange)}

.aloia-message-text-preview{
  background:var(--bg2);border:1px solid var(--border);border-radius:10px;
  padding:16px;margin:0;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:12px;line-height:1.5;color:var(--dark);
  white-space:pre-wrap;word-break:break-word;
  max-height:520px;overflow:auto;
}

.aloia-message-footer-preview{
  background:var(--bg2);border:1px solid var(--border);border-radius:10px;
  padding:16px;font-size:12px;color:var(--soft);line-height:1.5;
}

/* Adjuntos */
.aloia-message-attach-list{display:flex;flex-direction:column;gap:10px}
.aloia-message-attach-item{
  padding:14px 16px;
  background:var(--bg2);border:1px solid var(--border);border-radius:10px;
}
.aloia-message-attach-name{
  font-weight:600;color:var(--dark);font-size:13px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  margin-bottom:6px;word-break:break-all;
}
.aloia-message-attach-meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:4px}
.aloia-message-attach-meta .chip{
  display:inline-block;padding:3px 10px;
  background:#fff;border:1px solid var(--border);
  border-radius:100px;font-size:10px;color:var(--soft);
  letter-spacing:.04em;
}
.aloia-message-attach-desc{font-size:11px;color:var(--soft);margin-top:6px}

/* Listas destino */
.aloia-message-lists{display:flex;gap:8px;flex-wrap:wrap}
.aloia-message-list-chip{
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 16px;
  background:rgba(253,97,68,.08);color:var(--orange);
  border:1px solid rgba(253,97,68,.2);border-radius:100px;
  font-size:12px;font-weight:500;text-decoration:none;
  transition:all .15s;
}
.aloia-message-list-chip:hover{background:var(--orange);color:#fff}
.aloia-message-list-name{letter-spacing:.01em}
.aloia-message-list-chip-excluded{
  background:var(--bg2);color:var(--soft);
  border-color:var(--border);
  text-decoration:line-through;
  cursor:default;
}
.aloia-message-exclude{
  margin-top:18px;padding-top:18px;border-top:1px dashed var(--border);
}
.aloia-message-exclude-label{
  font-size:10px;color:var(--soft);
  letter-spacing:.06em;text-transform:uppercase;font-weight:600;
  margin-bottom:8px;
}

/* Reenvío form */
.aloia-message-hint{
  margin:0 0 14px;font-size:12px;color:var(--soft);line-height:1.5;
}
.aloia-message-resend-form{display:flex;flex-direction:column;gap:16px}

.aloia-message-resend-lists{
  list-style:none;margin:0;padding:0;
  background:#fff;border:1px solid var(--border);border-radius:12px;
  overflow:hidden;
}
.aloia-message-resend-lists li{list-style:none;margin:0;padding:0;border-top:1px solid var(--border)}
.aloia-message-resend-lists li:first-child{border-top:none}

.aloia-message-resend-item{
  display:flex;align-items:flex-start;gap:14px;
  padding:14px 18px;margin:0;cursor:pointer;
  transition:background .15s;
}
.aloia-message-resend-item:hover{background:var(--bg2)}
.aloia-message-resend-item:has(input:checked){background:rgba(253,97,68,.06)}

.aloia-message-resend-item input[type=checkbox]{
  accent-color:var(--orange);width:18px;height:18px;margin:2px 0 0;cursor:pointer;flex-shrink:0;
}
.aloia-message-resend-info{
  display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;
}
.aloia-message-resend-head{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
}
.aloia-message-resend-name{
  font-size:13px;font-weight:500;color:var(--dark);line-height:1.3;
}
.aloia-message-resend-desc{
  font-size:11px;color:var(--soft);line-height:1.4;
}
.aloia-message-resend-pill{
  display:inline-block;padding:2px 10px;
  font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  border-radius:100px;line-height:1.5;
}
.aloia-message-resend-pill-public{
  background:rgba(37,211,102,.15);color:#0e8a43;
  border:1px solid rgba(37,211,102,.25);
}
.aloia-message-resend-pill-private{
  background:var(--bg2);color:var(--soft);border:1px solid var(--border);
}

.aloia-message-resend-submit{display:flex;justify-content:flex-end}
.aloia-message-resend-submit .btn{padding:10px 22px;font-size:13px}

/* Empty states locales */
.aloia-message-empty{
  padding:48px 24px;text-align:center;
  background:#fff;border:1px dashed var(--border);border-radius:14px;
  color:var(--dark);
}
.aloia-message-empty strong{font-size:16px;display:block;margin-bottom:6px}
.aloia-message-empty p{margin:0 0 18px;color:var(--soft);font-size:13px}
.aloia-message-empty-small{
  padding:16px;text-align:center;
  color:var(--soft);font-size:12px;font-style:italic;
  background:var(--bg2);border:1px dashed var(--border);border-radius:10px;
}

/* Responsive */
@media (max-width:720px){
  .aloia-message-subject{font-size:22px}
  .aloia-message-meta-grid .meta-row{grid-template-columns:1fr;gap:4px}
  .aloia-message-meta-grid .meta-label{margin-top:8px}
  .aloia-message-actions-bar{flex-direction:column}
  .aloia-message-actions-bar .btn{width:100%}
  .aloia-message-stat + .aloia-message-stat{border-left:none;border-top:1px solid var(--border)}
}