/* WEEM Admin — capa de experiencia operativa.
   La estructura sigue siendo una sola aplicación para preservar cada flujo
   existente; esta capa le da jerarquía, contraste y comportamiento consistente. */
:root,:root.dark{
  --bg:#123E45;--surface:#164A52;--surface-2:#1A535B;--surface-3:#205E66;
  --border:rgba(246,240,230,.16);--border-glow:rgba(212,180,131,.62);
  --text:#F6F0E6;--text-muted:#C9D4D3;--accent:#D4B483;
  --accent-soft:rgba(212,180,131,.16);--accent-grad:linear-gradient(135deg,#E3CEAA,#D4B483);
  --ring:0 0 0 3px rgba(212,180,131,.28);--shadow-sm:0 1px 2px rgba(5,24,28,.22);
  --shadow-md:0 10px 28px rgba(5,24,28,.24);--shadow-lg:0 22px 56px rgba(5,24,28,.42)
}
:root.light{
  --bg:#F6F0E6;--surface:#FFFDF9;--surface-2:#EEE6D9;--surface-3:#E4D7C3;
  --border:rgba(18,62,69,.14);--border-glow:rgba(18,62,69,.40);
  --text:#123E45;--text-muted:#526D70;--accent:#B89562;
  --accent-soft:rgba(212,180,131,.25);--accent-grad:linear-gradient(135deg,#E3CEAA,#D4B483);
  --ring:0 0 0 3px rgba(18,62,69,.18);--shadow-sm:0 1px 2px rgba(18,62,69,.08);
  --shadow-md:0 10px 28px rgba(18,62,69,.12);--shadow-lg:0 22px 56px rgba(18,62,69,.18)
}
body:has(.sidebar){background:var(--bg)!important;color:var(--text)!important}
.app.active{display:flex;align-items:stretch}
.sidebar{width:264px!important;max-width:264px!important;padding:18px 10px 12px!important;background:#082B31!important;border-right:1px solid rgba(212,180,131,.34)!important;box-shadow:10px 0 30px rgba(5,24,28,.16)}
.sidebar-logo{height:48px;padding:0 12px!important;margin:0 0 8px!important;border-bottom:1px solid rgba(212,180,131,.26)}
.sidebar-logo .weem-admin-logo{width:116px!important;max-width:116px!important;filter:none!important}
.sidebar-nav{padding:6px 0 12px!important}
.nav-label{padding:18px 12px 6px!important;color:rgba(212,180,131,.78)!important;font-size:.61rem!important;font-weight:700!important;letter-spacing:.12em!important}
.nav-item{min-height:40px!important;padding:9px 12px!important;margin:2px 0!important;border:1px solid transparent!important;border-radius:9px!important;color:rgba(246,240,230,.78)!important;font-size:.8rem!important}
.nav-item svg{width:17px!important;height:17px!important;opacity:.82!important}
.nav-item:hover{transform:none!important;background:rgba(246,240,230,.09)!important;border-color:rgba(246,240,230,.12)!important;color:#F6F0E6!important}
.nav-item.active{background:#D4B483!important;border-color:#D4B483!important;box-shadow:inset 3px 0 0 #F6F0E6,0 3px 10px rgba(0,0,0,.16)!important;color:#123E45!important}
.nav-item.active svg{opacity:1!important}.nav-separator{border-color:rgba(212,180,131,.22)!important}
.sidebar-footer{padding:12px 6px 0!important;border-top-color:rgba(212,180,131,.26)!important}
.sidebar-footer button:first-of-type{background:rgba(246,240,230,.08)!important;border-color:rgba(246,240,230,.18)!important;color:#F6F0E6!important}
.main{margin-left:264px!important;max-width:none!important;width:calc(100% - 264px)!important;padding:26px clamp(24px,3.4vw,56px) 48px!important}
.workspace-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:2px 0 24px;margin-bottom:24px;border-bottom:1px solid var(--border)}
.workspace-eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:var(--text-muted);font-size:.68rem;font-weight:700;letter-spacing:.10em;text-transform:uppercase}.workspace-eyebrow i{width:7px;height:7px;border-radius:50%;background:#4AD29A;box-shadow:0 0 0 4px rgba(74,210,154,.12)}
.workspace-header h1{margin:0;color:var(--text);font-size:clamp(1.45rem,2vw,2rem);line-height:1.1;letter-spacing:-.045em}.workspace-header p{margin:7px 0 0;color:var(--text-muted);font-size:.84rem;max-width:620px}
.workspace-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.workspace-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text-secondary,var(--text));font:600 .76rem var(--weem-fuente,inherit);text-decoration:none;cursor:pointer}.workspace-action:hover{border-color:var(--border-glow);background:var(--surface-2)}.workspace-action.primary{background:var(--accent);border-color:var(--accent);color:#123E45}
#notifBellContainer{top:20px!important;right:28px!important;z-index:250!important}#notifBellBtn{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text-muted)!important;box-shadow:var(--shadow-sm)}
.section-title{margin-bottom:20px!important}.section-title-icon{width:36px!important;height:36px!important;border-radius:10px!important;background:var(--accent-soft)!important;border:1px solid var(--border)!important}.section-title-icon svg{stroke:var(--accent)!important}.section-title h2{font-size:1.15rem!important;color:var(--text)!important}.section-title .section-desc{margin-top:3px!important;color:var(--text-muted)!important;font-size:.78rem!important}
.stats-grid{gap:12px!important;margin-bottom:20px!important}.stat-card,.chart-container,.editor-card,.product-card,.auto-card,.ab-test-card{background:var(--surface)!important;border-color:var(--border)!important;box-shadow:var(--shadow-sm)!important;border-radius:14px!important}.stat-card{padding:16px!important}.stat-card:hover,.chart-container:hover,.product-card:hover,.auto-card:hover{transform:translateY(-1px)!important;border-color:var(--border-glow)!important;box-shadow:var(--shadow-md)!important}.stat-card .label{font-size:.7rem!important;color:var(--text-muted)!important}.stat-card .value{font-size:1.65rem!important;color:var(--text)!important}.stat-card .sub{color:var(--text-muted)!important}
.period-bar{padding:7px!important;gap:6px!important;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:12px!important;margin-bottom:18px!important}.period-btn,.tab-btn{min-height:31px!important;padding:0 11px!important;color:var(--text-muted)!important}.period-btn.active,.tab-btn.active{background:var(--accent)!important;color:#123E45!important;box-shadow:none!important}.page-select{background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--text)!important;border-radius:8px!important}
.btn-primary,.btn-save,.btn-new-product{background:var(--accent)!important;color:#123E45!important;box-shadow:none!important}.btn-export,.btn-sm{background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--text)!important}.btn-export:hover,.btn-sm:hover{background:var(--surface-3)!important;border-color:var(--border-glow)!important}
input,select,textarea,.u-search{background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--text)!important}.data-table{border-color:var(--border)!important}.data-table th{background:var(--surface-2)!important;color:var(--text-muted)!important;border-bottom-color:var(--border)!important}.data-table td{border-bottom-color:var(--border)!important;color:var(--text)!important}.data-table tr:hover td{background:var(--accent-soft)!important}
.loading-screen{background:var(--bg)!important}.loading-screen [style*="color:#fff"]{color:var(--text)!important}.loading-screen [style*="rgba(255,255,255"]{color:var(--text-muted)!important}.login-box{background:var(--surface)!important;border-color:var(--border)!important}.login-logo .weem-admin-logo{width:124px!important}
.version-footer{color:var(--text-muted)!important;border-top-color:var(--border)!important}.toast{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important}
@media(max-width:900px){.sidebar{width:min(86vw,290px)!important;max-width:min(86vw,290px)!important}.main{margin-left:0!important;width:100%!important;padding:72px 16px 34px!important}.workspace-header{align-items:flex-start;margin-bottom:18px;padding-bottom:18px}.workspace-header h1{font-size:1.42rem}.workspace-header p{font-size:.77rem}.workspace-actions .workspace-action:not(.primary){display:none}#notifBellContainer{top:13px!important;right:14px!important}.hamburger{top:14px!important;left:12px!important;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:9px!important;padding:6px!important}.section-title{margin-bottom:15px!important}.stats-grid{gap:9px!important}.stat-card{padding:13px!important}.period-bar{overflow-x:auto!important;flex-wrap:nowrap!important}.workspace-action{min-height:34px}.sidebar-footer{padding-bottom:8px!important}}
@media(max-width:430px){.workspace-header{display:block}.workspace-actions{margin-top:14px}.workspace-actions .primary{width:100%}.main{padding-left:12px!important;padding-right:12px!important}.stat-card .value{font-size:1.42rem!important}}
/* Detalles que antes conservaban la paleta heredada dentro de estilos inline. */
#sidebarAvatar{background:linear-gradient(135deg,#E3CEAA,#B89562)!important;color:#123E45!important;box-shadow:0 2px 10px rgba(5,24,28,.28)!important}
#themeToggle{background:rgba(246,240,230,.08)!important;border-color:rgba(246,240,230,.18)!important;color:#F6F0E6!important}
:root.light #themeToggle{background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--text)!important}

/* Diálogos y estados transitorios: misma superficie, contraste y foco que el resto del panel. */
.weem-admin-modal{background:var(--v-overlay,rgba(13,48,54,.78))!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}
.weem-admin-dialog{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:16px!important;box-shadow:var(--shadow-lg)!important}
#leadDetailModal>div{background:var(--surface)!important;border-color:var(--border)!important;box-shadow:var(--shadow-lg)!important}
#confirmModal .weem-admin-dialog{padding:28px 24px 20px!important;max-width:380px!important;text-align:center}
#confirmModal [style*="rgba(230,25,25"]{background:var(--accent-soft)!important}
#confirmOk,#adminPromptSubmit{background:var(--accent)!important;color:#123E45!important}
#confirmCancel,#adminPromptCancel{background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--text)!important}
#adminPromptForm{padding:24px!important}
#adminPromptForm h3{margin:3px 0 18px;color:var(--text);font-size:1.08rem;letter-spacing:-.02em}
#adminPromptForm label,.weem-dialog-kicker,#adminPromptHint{display:block;color:var(--text-muted);font-size:.72rem}
.weem-dialog-kicker{color:var(--accent)!important;font-size:.65rem!important;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
#adminPromptForm label{margin-bottom:6px;font-weight:650;text-transform:uppercase;letter-spacing:.06em}
#adminPromptInput{width:100%;margin:0 0 8px;padding:11px 12px;background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--text)!important}
#adminPromptHint{margin:0 0 18px}.weem-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.weem-dialog-actions button{min-height:38px;padding:0 14px}
.weem-qr-modal,.weem-popup-preview{padding:16px!important}.weem-qr-dialog,.weem-popup-dialog{max-height:min(90vh,720px);overflow:auto}.weem-qr-dialog{border-color:var(--border)!important}
.weem-popup-dialog [style*="rgba(255,255,255,0.04)"],.weem-popup-dialog [style*="rgba(255,255,255,0.06)"]{background:var(--surface-2)!important}
.login-error{color:#F27E76!important}.login-error[style*="var(--green)"]{color:var(--green)!important}
.skeleton{background:linear-gradient(90deg,var(--surface-2),var(--surface-3),var(--surface-2))!important}
@media(max-width:520px){
  #leadDetailModal>div{margin:12px!important;border-radius:14px!important}
  #leadDetailModal [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}
  #adminPromptForm{padding:20px!important}.weem-dialog-actions button{flex:1}
  .weem-qr-dialog [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important;gap:12px!important}
}