@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
:root{--orange:#ff6b00;--orange2:#ff7b16;--purple:#7a1fa2;--ink:#152033;--muted:#667085;--line:#e7eaf0;--bg:#f6f8fb;--nav:#172235;--white:#fff;--shadow:0 12px 35px rgba(16,24,40,.10)}
*{box-sizing:border-box}body{margin:0;font-family:'Montserrat',Arial,sans-serif;color:var(--ink);background:var(--bg)}a{text-decoration:none;color:inherit}.gradient{background:linear-gradient(105deg,var(--orange) 0%,#d94b47 45%,var(--purple) 100%)}
.brandbar{height:110px;display:flex;align-items:center;justify-content:center;border-top:3px solid #0d6689}.brandbar img{width:240px;max-height:68px;object-fit:contain;filter:brightness(0) invert(1)}
.honey{min-height:calc(100vh - 110px);background-color:#fff;background-image:linear-gradient(30deg,#fff5ed 12%,transparent 12.5%,transparent 87%,#fff5ed 87.5%,#fff5ed),linear-gradient(150deg,#fff5ed 12%,transparent 12.5%,transparent 87%,#fff5ed 87.5%,#fff5ed);background-size:44px 76px}
.login-wrap{display:flex;justify-content:center;padding:20px}.card{background:#fff;border:1px solid #edf0f4;border-radius:22px;box-shadow:var(--shadow)}.login-card{width:470px;margin-top:0;padding:36px 40px}.login-card h1{text-align:center;margin:0 0 8px;font-size:29px}.login-card .sub{text-align:center;color:var(--muted);font-size:14px;line-height:1.45;margin-bottom:34px}.field{margin-bottom:18px}.field label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.input,.select,.textarea{width:100%;border:1px solid #d4d9e2;border-radius:10px;padding:13px 14px;font:inherit;background:#fff;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,107,0,.08)}.textarea{min-height:100px;resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:13px 20px;font:inherit;font-weight:700;cursor:pointer}.btn-primary{background:var(--orange);color:#fff}.btn-secondary{background:#fff;border:1px solid #dfe3ea;color:var(--ink)}.btn-block{width:100%}.login-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);margin:4px 0 28px}.link-orange{color:var(--orange)}.footer-note{text-align:center;border-top:1px solid #eef0f4;margin-top:28px;padding-top:25px;color:#98a2b3;font-size:12px}.alert{padding:12px 14px;border-radius:10px;margin-bottom:16px;font-size:13px}.alert-error{background:#fff1f0;color:#b42318}.alert-ok{background:#ecfdf3;color:#027a48}
.topbar{height:82px;color:#fff;display:flex;align-items:center;padding:0 28px;gap:20px}.topbar .logo{width:190px;height:54px;object-fit:contain;filter:brightness(0) invert(1)}.topbar .tagline{border-left:1px solid rgba(255,255,255,.35);padding-left:18px}.topbar .tagline b{display:block;font-size:15px}.topbar .tagline span{font-size:11px;opacity:.9}.topbar .user{margin-left:auto;text-align:right}.topbar .user b{display:block;font-size:13px}.topbar .user span{font-size:11px;opacity:.85}.shell{display:flex;min-height:calc(100vh - 82px)}.sidebar{width:230px;background:var(--nav);color:#dbe2ee;padding:16px 12px}.nav-item{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:8px;margin:3px 0;font-size:13px}.nav-item:hover,.nav-item.active{background:var(--orange);color:#fff}.nav-sub{padding-left:20px}.nav-sub .nav-item{font-size:12px;padding:9px 12px}.content{flex:1;padding:24px;min-width:0}.welcome{padding:24px 28px;margin-bottom:18px}.welcome h1{font-size:26px;margin:0 0 7px}.welcome p{margin:0;color:var(--muted);font-size:13px;max-width:700px;line-height:1.55}.tiles{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:14px;margin-bottom:18px}.tile{background:#fff;border:1px solid #edf0f4;border-radius:14px;padding:18px;min-height:120px}.tile .ico{font-size:28px}.tile h3{font-size:13px;margin:12px 0 5px}.tile p{font-size:11px;color:var(--muted);margin:0;line-height:1.4}.tile.orange{background:#fff5ee}.tile.blue{background:#f1f7ff}.tile.green{background:#f1fbf5}.tile.purple{background:#f8f2ff}.tile.pink{background:#fff3f6}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{padding:16px}.stat b{font-size:24px}.stat span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.page-head h1{margin:0;font-size:23px}.page-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.form-card{padding:22px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.switch{display:flex;align-items:center;gap:10px}.switch input{width:38px;height:20px;accent-color:var(--orange)}.actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #eef0f4;margin-top:20px;padding-top:18px}.table-card{overflow:auto}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{text-align:left;padding:13px 14px;border-bottom:1px solid #eef0f4;font-size:12px}.table th{color:#667085;background:#fafbfc}.badge{display:inline-block;padding:5px 9px;border-radius:20px;font-size:10px;font-weight:700}.badge-on{background:#ecfdf3;color:#027a48}.badge-off{background:#f2f4f7;color:#667085}
.installer{min-height:100vh;background:#f7f8fb}.install-head{height:95px;display:flex;align-items:center;justify-content:center}.install-head img{width:210px;max-height:60px;object-fit:contain;filter:brightness(0) invert(1)}.install-wrap{max-width:1050px;margin:28px auto;display:grid;grid-template-columns:210px 1fr;gap:18px;padding:0 16px}.steps{background:#fff;border-radius:16px;padding:18px;box-shadow:var(--shadow)}.step{display:flex;align-items:center;gap:10px;padding:11px 4px;color:#7b8494;font-size:12px}.step .n{width:28px;height:28px;border-radius:50%;background:#eef1f5;display:flex;align-items:center;justify-content:center;font-weight:700}.step.active{color:#7a2500;font-weight:700}.step.active .n{background:var(--orange);color:#fff}.install-card{padding:28px}.install-card h1{margin:0 0 8px;font-size:24px}.install-card p{color:var(--muted);font-size:13px;line-height:1.6}.checklist{background:#fff5ed;border-radius:14px;padding:20px;margin:22px 0}.checklist div{padding:7px 0;font-size:13px}.checklist b{color:var(--orange);margin-right:8px}
@media(max-width:900px){.tiles{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.sidebar{width:190px}.grid2{grid-template-columns:1fr}.install-wrap{grid-template-columns:1fr}.steps{display:none}}@media(max-width:650px){.topbar .tagline{display:none}.sidebar{display:none}.content{padding:14px}.tiles{grid-template-columns:1fr}.brandbar{height:90px}.login-card{width:100%;padding:28px 22px}}
/* v0.3 - estructura operativa: herramientas globales arriba, campañas a la izquierda */
.brand-home{display:flex;align-items:center}.global-tools{margin-left:auto;display:flex;align-items:stretch;gap:5px;height:82px}.tool-wrap{position:relative;display:flex}.tool-btn{position:relative;min-width:78px;height:82px;padding:10px 9px;border:0;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font:inherit;font-size:10px;cursor:pointer;opacity:.95}.tool-btn:hover{background:rgba(255,255,255,.12);opacity:1}.tool-btn svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tool-btn.compact{min-width:48px}.tool-btn.compact svg{width:21px;height:21px}.notify-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;top:23px;right:13px;box-shadow:0 0 0 2px var(--orange)}.tool-menu{display:none;position:absolute;z-index:30;right:0;top:72px;width:300px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px rgba(16,24,40,.18);padding:8px}.tool-menu.open{display:block}.tool-menu a{display:block;padding:12px;border-radius:9px}.tool-menu a:hover{background:#fff5ed}.tool-menu b,.tool-menu small{display:block}.tool-menu b{font-size:12px}.tool-menu small{font-size:10px;color:var(--muted);margin-top:4px}.topbar .user{margin-left:6px;min-width:150px}.topbar .user a{color:#fff;opacity:.9}
.operation-sidebar{width:260px;padding:15px 10px}.side-title{display:flex;align-items:center;justify-content:space-between;padding:7px 10px 13px;text-transform:uppercase;letter-spacing:.08em;font-size:10px;color:#95a2b6}.side-title small{text-transform:none;letter-spacing:0;font-size:9px}.side-empty{margin:6px;padding:14px 11px;border:1px dashed #3a475b;border-radius:10px;font-size:11px;line-height:1.6;color:#9eabbd}.side-empty a{color:#ff9b55;font-weight:700}.campaign-nav{border-top:1px solid rgba(255,255,255,.07);padding:6px 0}.campaign-toggle{width:100%;border:0;background:transparent;color:#fff;display:grid;grid-template-columns:10px 1fr 18px;align-items:center;gap:8px;padding:10px 9px;text-align:left;font:inherit;cursor:pointer}.campaign-toggle b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.campaign-dot{width:7px;height:7px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 3px rgba(255,107,0,.14)}.chev{text-align:center;color:#8390a3}.campaign-links{padding:0 2px 5px 13px}.campaign-links a{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;color:#bac4d3;border-radius:7px;padding:8px 9px;font-size:10px}.campaign-links a:hover{background:#243249;color:#fff}.campaign-links svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.campaign-links em{font-style:normal;background:#2a374b;color:#aeb8c7;border-radius:10px;padding:2px 6px;font-size:9px}.campaign-nav.collapsed .campaign-links{display:none}.campaign-nav.collapsed .chev{transform:rotate(-90deg)}
.workspace-welcome{min-height:calc(100vh - 130px);display:flex;align-items:center;justify-content:center}.workspace-empty{max-width:650px;text-align:center;padding:40px}.workspace-mark{width:62px;height:62px;border-radius:18px;background:linear-gradient(135deg,#fff0e5,#f5e8ff);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:28px}.workspace-empty h1{font-size:25px;margin:0 0 9px}.workspace-empty p{font-size:12px;color:var(--muted);line-height:1.7;margin:0 auto 20px;max-width:520px}.workspace-actions{display:flex;justify-content:center;gap:10px}.placeholder-card{padding:28px}.placeholder-card h1{margin-top:0}.placeholder-card p{color:var(--muted);font-size:13px;line-height:1.6}.case-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px}.case-head h1{margin:0;font-size:22px}.case-head p{margin:5px 0 0;color:var(--muted);font-size:11px}.case-empty{padding:50px;text-align:center;color:var(--muted);font-size:12px}
@media(max-width:1100px){.tagline{display:none}.tool-btn{min-width:62px}.tool-btn span{display:none}.tool-btn{min-width:48px}.topbar .user{min-width:120px}.operation-sidebar{width:230px}}@media(max-width:760px){.global-tools{margin-left:auto}.topbar .user{display:none}.operation-sidebar{display:none}.tool-btn{height:82px}.content{padding:14px}}


/* v0.4 - Login Enjambre basado en la estructura visual de Campus Innovamas */
body.login-page{min-height:100vh;background:#fff;color:#4f4f4f;display:flex;flex-direction:column}
.login-header{color:#fff;padding:18px 5%;box-shadow:0 2px 5px rgba(0,0,0,.10);flex:none}
.login-brand{display:flex;align-items:center;gap:20px;max-width:1480px;margin:0 auto}
.login-brand img{width:180px;max-width:40vw;height:58px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}
.login-brand-copy{border-left:1px solid rgba(255,255,255,.42);padding-left:20px;color:#fff}
.login-brand-copy h1{margin:0 0 5px;font-size:24px;line-height:1.15;color:#fff}
.login-brand-copy div{font-size:13px;line-height:1.4;color:#fff}
.login-main{width:100%;max-width:480px;min-height:calc(100vh - 195px);margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:center;flex:1}
body.login-page .login-card{width:100%;margin:26px 0;padding:38px;border:0;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.10);text-align:center;background:#fff}
body.login-page .login-card h2{margin:0 0 8px;color:#152033;font-size:28px;line-height:1.2}
body.login-page .login-card .sub{margin:0 0 28px;color:#667085;font-size:13px;line-height:1.55}
body.login-page .login-card .field{text-align:left;margin-bottom:16px}
body.login-page .login-card .field label{font-size:13px;font-weight:600;margin-bottom:6px;color:#344054}
body.login-page .login-card .input{font-size:16px;padding:12px;border-radius:7px;border:1px solid #bac5d5}
body.login-page .login-card .input:focus{border-color:var(--orange);outline:2px solid rgba(255,107,0,.12);box-shadow:none}
body.login-page .login-row{margin:2px 0 22px;font-size:12px}
body.login-page .remember{display:flex;align-items:center;gap:7px;font-weight:500;margin:0;color:#667085;cursor:pointer}
body.login-page .remember input{width:auto;margin:0;accent-color:var(--orange)}
body.login-page .login-card .btn{width:100%;padding:15px;border-radius:7px;text-transform:uppercase;font-size:13px}
.login-footer{padding:20px;text-align:center;font-size:12px;color:#667085;background:#fff;flex:none}
@media(max-width:600px){.login-brand{gap:12px}.login-brand img{width:115px;height:48px}.login-brand-copy{padding-left:12px}.login-brand-copy h1{font-size:18px}.login-brand-copy div{font-size:10px}body.login-page .login-card{padding:24px}.login-main{min-height:calc(100vh - 180px)}}

/* v0.5 - Configuración de plataforma modular */
.platform-page{background:#fff}.platform-top{height:82px;color:#fff;display:flex;align-items:center;padding:0 28px;position:relative}.platform-close{margin-left:auto;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#fff;font-size:36px;font-weight:300;line-height:1;text-decoration:none;transition:background .18s ease,transform .18s ease}.platform-close:hover,.platform-close:focus-visible{background:#ffffff26;color:#fff;transform:scale(1.04);outline:2px solid #ffffff80;outline-offset:2px}.platform-brand{display:flex;align-items:center;gap:18px;color:#fff}.platform-brand img{width:180px;height:54px;object-fit:contain;filter:brightness(0) invert(1)}.platform-brand>div{border-left:1px solid #ffffff66;padding-left:18px}.platform-brand b{display:block;font-size:19px}.platform-brand span{display:block;font-size:10px;margin-top:3px;opacity:.9}.platform-user{margin-left:auto;text-align:right;font-size:11px}.platform-user b,.platform-user a{display:block;color:#fff}.platform-user a{margin-top:4px;opacity:.85}.platform-shell{display:flex;min-height:calc(100vh - 82px)}.platform-sidebar{width:285px;flex:none;border-right:1px solid #e3e6eb;background:#fff;padding:10px 8px}.platform-nav{min-height:50px;padding:0 18px;display:grid;grid-template-columns:30px 1fr 20px;align-items:center;gap:10px;border-radius:11px;color:#344054;font-size:14px;margin:2px 0}.platform-nav svg{width:21px;height:21px;fill:none;stroke:var(--purple);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.platform-nav:hover,.platform-nav.active{background:linear-gradient(90deg,#fff0e6,#f5eafd);color:#4b1b5f}.platform-nav.active{font-weight:700}.platform-nav i{font-style:normal;text-align:right;color:var(--purple)}.group-head{cursor:default}.platform-sub{padding:2px 0 8px 49px}.platform-sub a{display:flex;gap:11px;align-items:center;min-height:42px;font-size:12px;color:#667085;padding:0 10px;border-radius:8px}.platform-sub a:hover{background:#faf5ff;color:var(--purple)}.platform-content{flex:1;min-width:0;padding:18px;background:#fff}.platform-empty{height:calc(100vh - 120px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#a2a8b2}.platform-empty img{width:115px;max-height:80px;object-fit:contain;opacity:.13;filter:grayscale(1)}.platform-empty h1{font-size:20px;color:#8c939e;margin:14px 0 6px}.platform-empty p{font-size:12px}.platform-page-head{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 0 18px;border-bottom:1px solid #e7e9ed;margin-bottom:18px}.platform-page-head h1{font-size:25px;margin:0;color:#101828}.platform-page-head p{font-size:11px;color:#667085;margin:7px 0 0}.platform-panel{border:1px solid #dfe3e8;border-radius:7px;background:#fff}.module-placeholder{padding:32px}.module-placeholder>span,.eco-card>span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--purple);font-weight:800}.module-placeholder h2{margin:8px 0;font-size:18px}.module-placeholder p{color:#667085;font-size:12px}.info-bubble{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--purple);color:#fff;font-size:12px;font-weight:800}.campaign-toolbar{height:58px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid #e5e7eb}.campaign-add{display:flex;align-items:center;gap:8px;color:var(--purple);font-size:11px;font-weight:800;padding:9px 12px;border-radius:7px}.campaign-add:hover{background:#faf5ff}.campaign-add b{font-size:22px;line-height:1}.toolbar-spacer{flex:1}.campaign-search{display:flex;align-items:center;gap:8px;border-bottom:1px solid #d6dae0;padding:5px 3px;color:#667085}.campaign-search input{border:0;outline:0;font:inherit;font-size:12px;width:180px}.campaign-table-wrap{overflow:auto}.campaign-table{width:100%;border-collapse:collapse}.campaign-table th,.campaign-table td{border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:11px;text-align:left;vertical-align:middle}.campaign-table th{font-weight:700;color:#344054;background:#fcfcfd}.campaign-table td{color:#475467}.campaign-name{font-weight:700;color:#4b1b5f}.campaign-name:hover{color:var(--orange)}.empty-row td{text-align:center;padding:45px;color:#98a2b3}.status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:800}.status-pill.on{background:#ecfdf3;color:#027a48}.status-pill.off{background:#f2f4f7;color:#667085}.row-actions{display:flex;gap:6px}.row-actions a{width:29px;height:29px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#667085;font-size:15px}.row-actions a:hover{background:#fff2e8;color:var(--orange)}.campaign-form{max-width:760px;padding:24px}.module-switch{display:flex;align-items:center;gap:10px;font-size:12px;cursor:pointer}.module-switch input{display:none}.module-switch span{width:38px;height:21px;border-radius:20px;background:#d0d5dd;position:relative}.module-switch span:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:#fff;left:2px;top:2px;box-shadow:0 1px 3px #0002;transition:.18s}.module-switch input:checked+span{background:var(--purple)}.module-switch input:checked+span:after{left:19px}.text-back{font-size:11px;color:var(--purple);font-weight:700}.head-actions{display:flex;gap:8px}.eyebrow{font-size:9px;color:var(--purple);font-weight:800;letter-spacing:.1em;margin-bottom:5px}.ecosystem{padding:22px}.ecosystem-head{display:flex;align-items:flex-start;justify-content:space-between}.ecosystem-head h2{font-size:18px;margin:0}.ecosystem-head p{font-size:11px;color:#667085;margin:6px 0 0}.ecosystem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.eco-card{border:1px solid #e5e7eb;border-radius:10px;padding:18px;min-height:125px;background:#fcfcfd}.eco-card h3{font-size:14px;margin:9px 0 6px}.eco-card p{font-size:10px;color:#667085;line-height:1.5;margin:0}
@media(max-width:900px){.platform-sidebar{width:230px}.ecosystem-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.platform-brand>div{display:none}.platform-sidebar{width:76px}.platform-nav{grid-template-columns:1fr;padding:0;justify-items:center}.platform-nav span,.platform-nav i,.platform-sub{display:none}.platform-content{padding:12px}.ecosystem-grid{grid-template-columns:1fr}.campaign-search input{width:100px}}

/* v0.7 · Jerarquía tipográfica alineada con Innovamas */
html,body,button,input,select,textarea{font-family:'Montserrat','Segoe UI',Arial,sans-serif!important}
body{font-size:15px;font-weight:500;line-height:1.5}
button,input,select,textarea{font-weight:500}
input::placeholder,textarea::placeholder{font-weight:400}
h1,h2,h3,h4,h5,h6{font-family:'Montserrat','Segoe UI',Arial,sans-serif;font-weight:700;letter-spacing:-.01em}
strong,b{font-weight:700}

/* Login e instalador */
.login-card h1,.install-card h1{font-weight:700}
.login-card .sub,.install-card p{font-weight:500}
.field label{font-weight:600}
.btn,.login-card button{font-weight:700}
.login-row,.footer-note{font-weight:500}
.step{font-weight:500}.step.active,.step .n{font-weight:700}
.checklist div{font-weight:500}

/* Cabecera y herramientas globales */
.topbar .tagline b,.topbar .user b{font-weight:700}
.topbar .tagline span,.topbar .user span{font-weight:500}
.tool-btn{font-weight:600}
.tool-menu b{font-weight:700}.tool-menu small{font-weight:500}

/* Navegación operativa */
.side-title{font-weight:700}
.side-empty{font-weight:500}.side-empty a{font-weight:700}
.campaign-toggle b{font-weight:700}
.campaign-links a{font-weight:600}
.campaign-links em{font-weight:600}

/* Contenido principal */
.welcome h1,.page-head h1{font-weight:700}
.welcome p,.page-head p{font-weight:500}
.tile h3{font-weight:700}.tile p{font-weight:500}
.stat b{font-weight:700}.stat span{font-weight:500}
.table th{font-weight:700}.table td{font-weight:500}
.badge{font-weight:700}

/* Configuración de plataforma */
.platform-brand b{font-weight:700}.platform-brand span{font-weight:500}
.platform-user{font-weight:500}.platform-user b{font-weight:700}
.platform-nav{font-weight:600}.platform-nav.active{font-weight:700}
.platform-sub a{font-weight:500}
.platform-empty h1,.platform-page-head h1{font-weight:700}
.platform-empty p,.platform-page-head p{font-weight:500}
.module-placeholder>span,.eco-card>span,.eyebrow{font-weight:800}
.module-placeholder h2,.ecosystem-head h2,.eco-card h3{font-weight:700}
.module-placeholder p,.ecosystem-head p,.eco-card p{font-weight:500}
.campaign-add{font-weight:700}
.campaign-table th{font-weight:700}.campaign-table td{font-weight:500}
.campaign-name{font-weight:700}
.status-pill{font-weight:700}
.module-switch,.campaign-search input{font-weight:500}
.text-back{font-weight:700}

/* v0.8 — identidad visual aprobada: Morado Carbón */
:root{--nav:#241E2E;--nav-2:#2D2438;--nav-line:rgba(255,255,255,.13);--nav-text:#EAE5F1;--nav-muted:#B9AFC8;--purple-deep:#43265C;--panel-line:#DDE2EA}
body{font-weight:500;background:#f6f8fb}
.gradient{background:linear-gradient(105deg,#ff6b00 0%,#ef4f36 43%,#b20f9e 100%)}
.topbar{height:90px;padding:0 30px;gap:22px;box-shadow:0 1px 0 rgba(255,255,255,.12)}
.topbar .logo{width:205px;height:60px}.topbar .tagline{padding-left:22px}.topbar .tagline b{font-size:18px;font-weight:800}.topbar .tagline span{font-size:12px;font-weight:500;margin-top:3px;display:block}
.global-tools{height:90px}.tool-btn{height:90px;min-width:92px;font-size:11px;font-weight:700}.tool-btn svg{width:25px;height:25px;stroke-width:2}.tool-btn.compact{min-width:55px}.topbar .user{min-width:180px;text-align:left;border-left:1px solid rgba(255,255,255,.32);padding-left:22px}.topbar .user b{font-size:13px;font-weight:800}.topbar .user span{font-size:11px}
.shell{min-height:calc(100vh - 90px)}.operation-sidebar{width:310px;padding:22px 18px;background:linear-gradient(180deg,#241E2E 0%,#211A2A 100%);box-shadow:inset -1px 0 rgba(255,255,255,.04)}
.side-title{padding:8px 12px 18px;font-size:11px;font-weight:500;color:#C6BDD2;border-bottom:1px solid var(--nav-line)}.side-title small{font-size:10px;color:#C6BDD2}
.campaign-nav{border-top:0;padding:10px 0}.campaign-toggle{padding:10px 12px;color:#fff;grid-template-columns:12px 1fr 20px}.campaign-toggle b{font-size:14px;font-weight:800}.campaign-dot{width:8px;height:8px;box-shadow:0 0 0 4px rgba(255,107,0,.16)}.chev{color:#BDB0D0;font-size:18px}.campaign-links{padding:3px 0 8px 20px}.campaign-links a{grid-template-columns:22px 1fr auto;gap:10px;padding:10px 12px;color:#E2DCEA;font-size:11px;font-weight:500}.campaign-links a:hover{background:rgba(255,255,255,.07);color:#fff}.campaign-links svg{width:18px;height:18px;stroke-width:1.8}.campaign-links em{background:#453657;color:#E8E0F0;padding:3px 7px}.content{padding:28px 32px;background:#f8f9fb}
.card,.platform-panel{border-color:var(--panel-line);box-shadow:0 5px 18px rgba(35,28,47,.05)}

/* Configuración conserva su página independiente, ahora con la misma identidad aprobada */
.platform-top{height:90px;padding:0 30px;box-shadow:0 1px 0 rgba(255,255,255,.12)}.platform-brand img{width:205px;height:60px}.platform-brand>div{padding-left:22px}.platform-brand b{font-size:18px;font-weight:800}.platform-brand span{font-size:11px;font-weight:500}.platform-close{width:48px;height:48px;font-size:38px;font-weight:400}
.platform-shell{min-height:calc(100vh - 90px)}.platform-sidebar{width:310px;background:linear-gradient(180deg,#241E2E 0%,#211A2A 100%);border-right:0;padding:20px 14px;color:#fff}.platform-nav{color:#E7E0ED;font-size:12px;font-weight:600;margin:3px 0;min-height:48px}.platform-nav svg{stroke:#D5C8E0}.platform-nav i{color:#C4B7D1}.platform-nav:hover,.platform-nav.active{background:rgba(255,255,255,.08);color:#fff}.platform-nav.active{box-shadow:inset 3px 0 var(--orange)}.platform-nav.active svg{stroke:#fff}.platform-sub{padding-left:52px}.platform-sub a{color:#C9BED4;font-size:11px;font-weight:500}.platform-sub a:hover{background:rgba(255,255,255,.07);color:#fff}.platform-content{padding:28px 32px;background:#f8f9fb}
.platform-page-head{padding:8px 8px 22px;margin-bottom:22px}.platform-page-head h1{font-size:27px;font-weight:800;color:#261B36}.platform-page-head p{font-size:11px;font-weight:500}.info-bubble{background:#43265C;width:25px;height:25px}
.campaign-panel{border-radius:9px;overflow:hidden}.campaign-toolbar{height:72px;padding:0 18px;gap:10px;background:#fff}.campaign-add{background:var(--orange);color:#fff;padding:13px 18px;border-radius:8px;font-size:11px;font-weight:800;box-shadow:0 5px 12px rgba(255,107,0,.18)}.campaign-add:hover{background:#ee6300;color:#fff}.campaign-add b{font-size:20px}.campaign-tool-lite{display:inline-flex;align-items:center;gap:8px;padding:11px 12px;border-radius:7px;color:#43265C;font-size:10px;font-weight:800}.campaign-tool-lite:hover{background:#f6f1f8}.campaign-search{border:1px solid #dfe3ea;border-radius:8px;padding:10px 12px;color:#43265C}.campaign-search input{width:190px;font-size:11px;font-weight:500}.campaign-table th,.campaign-table td{padding:14px 18px;font-size:11px}.campaign-table th{background:#fff;color:#43265C;font-weight:800}.campaign-table td{color:#30253f}.campaign-name{color:#30203f;font-weight:700}.status-pill{padding:6px 10px}.status-pill.on{background:#ecfdf3;color:#027a48}.status-pill.off{background:#ffeaec;color:#e11d2e}.row-actions a{color:#5e5864}.row-actions a:hover{background:#fff1e7;color:var(--orange)}
@media(max-width:1100px){.operation-sidebar,.platform-sidebar{width:260px}.topbar .tagline{display:none}.tool-btn{min-width:62px}.tool-btn span{display:none}}

/* v0.9 — ajuste visual de alta fidelidad a la referencia aprobada */
:root{
  --nav:#241E2E;
  --nav-deep:#1E1827;
  --nav-text:#F4F0F7;
  --nav-muted:#D0C6DA;
  --heading:#2C1B3A;
  --body:#3A3045;
  --purple-ui:#43265C;
}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-size:16px;font-weight:500;color:var(--body);letter-spacing:0}

/* Cabecera principal: más presencia, como la referencia */
.topbar{height:110px;padding:0 48px;gap:28px}
.topbar .logo{width:275px;height:72px}
.topbar .tagline{padding-left:28px;min-width:330px}
.topbar .tagline b{font-size:22px;line-height:1.15;font-weight:800;letter-spacing:-.025em}
.topbar .tagline span{font-size:15px;line-height:1.35;font-weight:500;opacity:.98}
.global-tools{height:110px;gap:8px}
.tool-btn{height:110px;min-width:112px;font-size:13px;font-weight:700;gap:8px}
.tool-btn svg{width:29px;height:29px;stroke-width:2.1}
.tool-btn.compact{min-width:64px}.tool-btn.compact svg{width:28px;height:28px}
.topbar .user{min-width:215px;padding-left:28px;margin-left:12px}
.topbar .user b{font-size:15px;line-height:1.3;font-weight:800}
.topbar .user span{font-size:13px;line-height:1.4;font-weight:500}
.shell{min-height:calc(100vh - 110px)}

/* Navegación operativa */
.operation-sidebar{width:385px;padding:27px 28px;background:linear-gradient(180deg,#241E2E 0%,#211A2A 58%,#1E1827 100%)}
.side-title{padding:10px 2px 20px;font-size:14px;line-height:1.2;font-weight:500;color:#D5CCDE;letter-spacing:.025em}
.side-title small{font-size:12px;font-weight:500;color:#D5CCDE}
.campaign-nav{padding:17px 0}
.campaign-toggle{padding:9px 2px 13px;grid-template-columns:14px 1fr 24px;gap:12px}
.campaign-toggle b{font-size:18px;line-height:1.25;font-weight:800;letter-spacing:-.015em}
.campaign-dot{width:10px;height:10px;box-shadow:0 0 0 5px rgba(255,107,0,.17)}
.chev{font-size:21px;color:#D4C8DE}
.campaign-links{padding:5px 0 8px 19px}
.campaign-links a{grid-template-columns:26px 1fr auto;gap:14px;padding:12px 13px;color:#F0EBF4;font-size:14px;line-height:1.25;font-weight:500;border-radius:9px}
.campaign-links a:hover{background:rgba(255,255,255,.075)}
.campaign-links svg{width:21px;height:21px;stroke-width:1.9;color:#E5DDEC}
.campaign-links em{min-width:28px;text-align:center;background:#49395A;color:#F4EFF7;padding:4px 8px;font-size:11px;font-weight:600}
.content{padding:34px 38px;background:#F8F9FB}

/* Contenido */
.page-head h1,.welcome h1{font-size:30px;font-weight:800;color:var(--heading);letter-spacing:-.025em}
.page-head p,.welcome p{font-size:14px;color:#746A7C;font-weight:500}
.card,.platform-panel{border-color:#D9DEE7;box-shadow:0 5px 20px rgba(36,30,46,.055)}
.btn{font-size:14px;font-weight:700}
.field label{font-size:14px;font-weight:700;color:#33263F}
.input,.select,.textarea{font-size:14px;font-weight:500;color:#332A3D}

/* Configuración a pantalla completa */
.platform-top{height:110px;padding:0 48px}
.platform-brand img{width:275px;height:72px}
.platform-brand>div{padding-left:28px}
.platform-brand b{font-size:22px;line-height:1.15;font-weight:800;letter-spacing:-.025em}
.platform-brand span{font-size:14px;font-weight:500}
.platform-user{font-size:13px}.platform-user b{font-size:15px;font-weight:800}
.platform-close{width:52px;height:52px;font-size:40px;color:#fff;opacity:.96}
.platform-shell{min-height:calc(100vh - 110px)}
.platform-sidebar{width:385px;padding:26px 22px;background:linear-gradient(180deg,#241E2E 0%,#211A2A 58%,#1E1827 100%)}
.platform-nav{min-height:56px;padding:0 17px;gap:15px;font-size:14px;font-weight:600;color:#F0EAF4;border-radius:9px}
.platform-nav svg{width:22px;height:22px;stroke:#E4DBEB;stroke-width:1.9}
.platform-nav.active{font-weight:700;background:rgba(255,255,255,.09);box-shadow:inset 4px 0 var(--orange)}
.platform-sub{padding:4px 0 7px 58px}
.platform-sub a{padding:10px 12px;font-size:13px;font-weight:500;color:#D6CCDE}
.platform-content{padding:34px 38px;background:#F8F9FB}
.platform-page-head{padding:8px 10px 26px;margin-bottom:20px}
.platform-page-head h1{font-size:32px;line-height:1.15;font-weight:800;color:var(--heading);letter-spacing:-.03em}
.platform-page-head p{font-size:14px;line-height:1.5;color:#786E80;font-weight:500}


/* Campañas: escala y contraste de la maqueta aprobada */
.campaign-panel{border-radius:10px;background:#fff}
.campaign-toolbar{min-height:86px;height:auto;padding:15px 20px;gap:14px;flex-wrap:wrap}
.campaign-add{padding:15px 21px;border-radius:8px;font-size:13px;font-weight:800;letter-spacing:-.005em}
.campaign-add b{font-size:23px;line-height:1}
.campaign-tool-lite{padding:13px 14px;gap:9px;font-size:12px;font-weight:800;color:#43265C}
.campaign-search{margin-left:auto;padding:12px 14px;border-color:#D7DCE5;background:#fff}
.campaign-search input{width:230px;font-size:13px;font-weight:500;color:#33263F}
.campaign-table th,.campaign-table td{padding:17px 20px;font-size:13px;line-height:1.35}
.campaign-table th{font-weight:800;color:#43265C;background:#fff}
.campaign-table td{font-weight:500;color:#3B3045}
.campaign-name{font-size:13px;font-weight:700;color:#33213F}
.status-pill{padding:7px 12px;font-size:11px;font-weight:700}
.row-actions{gap:8px}.row-actions a{width:34px;height:34px;font-size:17px}
.module-switch{font-size:13px;font-weight:600}.text-back{font-size:13px;font-weight:700}
.eyebrow{font-size:11px}.ecosystem-head h2{font-size:22px;font-weight:800;color:var(--heading)}
.ecosystem-head p{font-size:13px}.eco-card h3{font-size:16px}.eco-card p{font-size:12px}

/* El login/instalador conservan estructura, pero ganan el mismo cuerpo tipográfico */
.login-card h1{font-size:31px;font-weight:800;color:var(--heading)}
.login-card .sub{font-size:14px}.login-card .field label{font-size:14px}.login-card .input{font-size:15px}
.install-card h1{font-size:27px;font-weight:800;color:var(--heading)}.install-card p,.checklist div{font-size:14px}

@media(max-width:1400px){
 .topbar,.platform-top{padding-left:28px;padding-right:28px}
 .topbar .logo,.platform-brand img{width:220px}
 .topbar .tagline{min-width:260px}.topbar .tagline b,.platform-brand b{font-size:18px}
 .topbar .tagline span{font-size:12px}.tool-btn{min-width:82px;font-size:11px}
 .operation-sidebar,.platform-sidebar{width:320px}
 .campaign-links a{font-size:13px}.campaign-toggle b{font-size:16px}
}
@media(max-width:1100px){
 .operation-sidebar,.platform-sidebar{width:270px}.topbar .tagline{display:none}.platform-brand>div{display:none}
 .tool-btn{min-width:62px}.tool-btn span{display:none}.campaign-links a{font-size:12px}
}

/* v1.2 — Cabecera ejecutiva inspirada en la composición de Innova+.
   Mantiene identidad Enjambre y deja las herramientas como iconos con tooltip nativo. */
.topbar{
  height:92px;
  padding:0 38px;
  gap:0;
  align-items:center;
}
.topbar .brand-home{
  height:100%;
  display:flex;
  align-items:center;
  padding-right:28px;
}
.topbar .logo{
  width:245px;
  height:62px;
  object-fit:contain;
}
.topbar .tagline{
  min-width:0;
  padding:0 34px 0 28px;
  border-left:1px solid rgba(255,255,255,.45);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-self:center;
}
.topbar .tagline b{
  font-size:19px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:-.02em;
  white-space:nowrap;
}
.topbar .tagline span{
  margin-top:4px;
  font-size:12px;
  line-height:1.35;
  font-weight:500;
  opacity:.96;
  white-space:nowrap;
}
.global-tools{
  margin-left:auto;
  height:92px;
  gap:4px;
  align-items:stretch;
}
.tool-wrap{height:92px}
.tool-btn,
.tool-btn.compact{
  width:68px;
  min-width:68px;
  height:92px;
  padding:0;
  gap:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:0;
}
.tool-btn span{display:none!important}
.tool-btn svg,
.tool-btn.compact svg{
  width:27px;
  height:27px;
  stroke-width:2;
}
.tool-btn:hover{background:rgba(255,255,255,.13)}
.notify-dot{top:26px;right:17px;width:7px;height:7px}
.tool-menu{
  top:82px;
  right:0;
  width:300px;
  padding:9px;
  border-radius:0 0 12px 12px;
  box-shadow:0 18px 42px rgba(31,24,40,.20);
}
/* Tamaño del desplegable aprobado por el usuario */
.tool-menu a{padding:14px 16px}
.tool-menu b{font-size:12px;font-weight:700;line-height:1.35}
.tool-menu small{font-size:10px;font-weight:500;line-height:1.4;margin-top:5px}
.topbar .user{
  min-width:205px;
  margin-left:14px;
  padding-left:24px;
  border-left:1px solid rgba(255,255,255,.35);
  text-align:left;
}
.topbar .user b{font-size:13px;line-height:1.3;font-weight:800}
.topbar .user span{font-size:11px;line-height:1.4;font-weight:500}
.shell{min-height:calc(100vh - 92px)}

/* Recuperamos proporciones cómodas del área operativa; no hereda escalas de Configuración */
.operation-sidebar{
  width:310px;
  padding:22px 22px;
}
.side-title{font-size:12px;padding:8px 2px 18px}
.side-title small{font-size:10px}
.campaign-toggle{padding:10px 2px 12px;grid-template-columns:12px 1fr 20px;gap:10px}
.campaign-toggle b{font-size:15px;font-weight:800}
.campaign-links{padding:4px 0 8px 18px}
.campaign-links a{grid-template-columns:22px 1fr auto;gap:11px;padding:10px 11px;font-size:12px;font-weight:500}
.campaign-links svg{width:18px;height:18px}
.content{padding:30px 34px}

@media(max-width:1450px){
  .topbar{padding-left:28px;padding-right:28px}
  .topbar .logo{width:215px}
  .topbar .brand-home{padding-right:22px}
  .topbar .tagline{padding-left:22px;padding-right:20px}
  .topbar .tagline b{font-size:17px}
  .topbar .tagline span{font-size:11px}
  .tool-btn,.tool-btn.compact{width:58px;min-width:58px}
  .topbar .user{min-width:180px;padding-left:18px}
}
@media(max-width:1180px){
  .topbar .tagline{display:none}
  .operation-sidebar{width:280px}
}

/* v1.2.1 — Ajuste puntual solicitado: título comercial más grande y Regular */
.topbar .tagline b{
  font-size:23px;
  font-weight:400;
  line-height:1.18;
  letter-spacing:-.015em;
}
@media(max-width:1400px){
  .topbar .tagline b{font-size:20px;font-weight:400}
}

/* v1.2.3 — Ajuste puntual de cabecera solicitado */
.topbar .tagline b{
  font-size:21px;
  font-weight:400;
}
.tool-btn svg,
.tool-btn.compact svg{
  width:24px;
  height:24px;
}
@media(max-width:1400px){
  .topbar .tagline b{font-size:18px;font-weight:400}
  .tool-btn svg,.tool-btn.compact svg{width:24px;height:24px}
}

/* v1.2.4 — Título comercial 2px menor; resto sin cambios */
.topbar .tagline b{
  font-size:19px;
  font-weight:400;
}
@media(max-width:1400px){
  .topbar .tagline b{font-size:16px;font-weight:400}
}

/* v1.2.5 — Herramientas superiores compactas: iconos 22x22 */
.global-tools{
  gap:0;
}
.tool-btn,
.tool-btn.compact{
  width:50px;
  min-width:50px;
}
.tool-btn svg,
.tool-btn.compact svg{
  width:22px;
  height:22px;
}
.notify-dot{
  top:27px;
  right:11px;
}
@media(max-width:1450px){
  .tool-btn,.tool-btn.compact{width:48px;min-width:48px}
  .tool-btn svg,.tool-btn.compact svg{width:22px;height:22px}
}

/* v1.2.6 — estándar visual v1.2.5 aplicado a Configuración */
.platform-top{height:92px;padding:0 38px;gap:0;align-items:center}
.platform-brand{height:100%;gap:0;display:flex;align-items:center}
.platform-brand img{width:245px;height:62px;object-fit:contain;margin-right:28px}
.platform-brand>div{border-left:1px solid rgba(255,255,255,.45);padding:0 0 0 28px;display:flex;flex-direction:column;justify-content:center}
.platform-brand b{font-size:19px;line-height:1.18;font-weight:400;letter-spacing:-.015em;white-space:nowrap}
.platform-brand span{margin-top:4px;font-size:12px;line-height:1.35;font-weight:500;opacity:.96;white-space:nowrap}
.platform-close{margin-left:auto;width:42px;height:42px;font-size:30px;font-weight:300;border-radius:8px}
.platform-shell{min-height:calc(100vh - 92px)}
.platform-sidebar{width:310px;padding:22px;background:linear-gradient(180deg,#241E2E 0%,#211A2A 58%,#1E1827 100%);border-right:0}
.platform-nav{min-height:50px;padding:0 14px;grid-template-columns:22px 1fr 18px;gap:11px;border-radius:9px;color:#F0EAF4;font-size:12px;font-weight:600}
.platform-nav svg{width:22px;height:22px;stroke:#E4DBEB;stroke-width:1.9}
.platform-nav.active{background:rgba(255,255,255,.09);box-shadow:inset 4px 0 var(--orange);color:#fff;font-weight:700}
.platform-nav:hover{background:rgba(255,255,255,.07);color:#fff}
.platform-nav i{color:#D6CCDE}.platform-sub{padding:3px 0 7px 44px}
.platform-sub a{min-height:38px;padding:7px 10px;gap:9px;border-radius:7px;color:#D6CCDE;font-size:11px;font-weight:500}
.platform-sub a:hover{background:rgba(255,255,255,.06);color:#fff}
.platform-content{padding:30px 34px;background:#F8F9FB}
.platform-page-head{padding:6px 4px 20px;margin-bottom:20px}
.platform-page-head h1{font-size:26px;line-height:1.18;font-weight:800;color:var(--heading);letter-spacing:-.025em}
.platform-page-head p{margin-top:6px;font-size:12px;line-height:1.5;font-weight:500;color:#746A7C}

.campaign-toolbar{min-height:68px;height:auto;padding:12px 16px;gap:10px}
.campaign-add{padding:11px 15px;font-size:11px;border-radius:8px}.campaign-add b{font-size:20px}
.campaign-tool-lite{padding:10px 11px;gap:7px;font-size:11px}.campaign-search{padding:9px 11px}.campaign-search input{width:200px;font-size:11px}
.campaign-table th,.campaign-table td{padding:14px 16px;font-size:11px}.campaign-name{font-size:11px}.status-pill{padding:6px 10px;font-size:10px}
.row-actions a{width:30px;height:30px;font-size:15px}.module-placeholder{padding:28px}.module-placeholder h2{font-size:17px}.module-placeholder p{font-size:11px}
.ecosystem-head h2{font-size:20px}.ecosystem-head p{font-size:12px}.eco-card h3{font-size:14px}.eco-card p{font-size:11px}
@media(max-width:1450px){.platform-top{padding-left:28px;padding-right:28px}.platform-brand img{width:215px;margin-right:22px}.platform-brand>div{padding-left:22px}.platform-brand b{font-size:16px;font-weight:400}.platform-brand span{font-size:11px}.platform-sidebar{width:280px}}
@media(max-width:1100px){.platform-brand>div{display:none}.platform-sidebar{width:260px}}
/* v1.2.7 - Navegación de Configuración contraída + estado inicial */
button.platform-nav{width:100%;border:0;font-family:inherit;text-align:left;background:transparent;cursor:pointer}
.platform-sub{display:none}
.platform-sub.open{display:block}
.group-head i{transition:transform .18s ease}
.group-head[aria-expanded="true"] i{transform:rotate(180deg)}
.platform-empty-choice{height:calc(100vh - 150px);gap:0}
.platform-empty-choice img{width:92px;height:112px;object-fit:contain;opacity:.12;filter:none;margin:0 0 20px}
.platform-empty-choice p{margin:0;color:#756b7d;font-size:14px;font-weight:500;letter-spacing:.005em}

/* v1.2.8 — refinamiento visual inspirado en el instalador aprobado */
.platform-nav{font-weight:500}
.platform-nav.active{font-weight:500}
.platform-sub a{font-weight:400}
.platform-page-head h1{font-weight:500;letter-spacing:-.015em}
.platform-page-head p{font-weight:400}
.platform-empty-choice p{font-weight:400}
.module-placeholder>span,.eco-card>span,.eyebrow{font-weight:500}
.module-placeholder h2,.ecosystem-head h2,.eco-card h3{font-weight:500}
.module-placeholder p,.ecosystem-head p,.eco-card p{font-weight:400}
.campaign-toolbar{min-height:60px;height:auto;padding:10px 16px;gap:8px}
.campaign-add{min-height:36px;padding:8px 13px;border-radius:7px;font-size:11px;font-weight:500;box-shadow:0 2px 7px rgba(255,107,0,.13)}
.campaign-add b{font-size:17px;font-weight:400;line-height:1}
.campaign-tool-lite{min-height:34px;padding:8px 10px;gap:7px;font-size:10.5px;font-weight:500;border-radius:7px}
.campaign-search{min-height:36px;padding:7px 10px;border-radius:7px}
.campaign-search input{font-size:11px;font-weight:400}
.campaign-table th,.campaign-table td{padding:13px 16px;font-size:11px}
.campaign-table th{font-weight:500;color:#4b385d}
.campaign-table td{font-weight:400}
.campaign-name{font-weight:500}
.status-pill{font-weight:500;padding:5px 9px}
.row-actions a{width:28px;height:28px;font-size:14px}
.module-switch{font-weight:500}.text-back{font-weight:500}
.platform-brand span{font-weight:400}

/* v1.2.9 — identidad aprobada y cierre visible */
.platform-brand b{font-size:19px!important;font-weight:400!important;line-height:1.2}
.platform-brand span{font-size:11px!important;font-weight:400!important;margin-top:4px}
.platform-close{display:flex!important;visibility:visible!important;opacity:1!important;width:50px!important;height:50px!important;font-size:38px!important;font-weight:300!important;line-height:1!important;align-items:center!important;justify-content:center!important;color:#fff!important;margin-left:auto!important;border-radius:9px!important}
.platform-close:hover{background:rgba(255,255,255,.14)!important}

/* v1.3.0 — Agentes humanos */
.agent-page-head{display:flex;align-items:flex-start;justify-content:space-between}.agent-page-head h1{font-weight:500}.agent-alert{padding:10px 14px;margin:0 0 14px;border-radius:7px;font-size:11px}.agent-alert.success{background:#ecfaf3;color:#18794e}.agent-alert.error{background:#fff0f0;color:#b42318}.agent-panel{overflow:hidden}.agent-toolbar{display:flex;align-items:center;gap:7px;padding:10px 14px;border-bottom:1px solid #ece8ef}.agent-primary,.agent-lite{height:36px;border:0;border-radius:7px;background:transparent;font-family:inherit;font-size:11px;font-weight:500;color:#3f3150;display:inline-flex;align-items:center;gap:7px;cursor:pointer}.agent-primary{padding:0 13px;background:var(--orange);color:#fff;box-shadow:0 2px 7px rgba(255,107,0,.12)}.agent-primary span{font-size:17px;font-weight:300}.agent-lite{padding:0 10px}.agent-lite:hover{background:#f5f2f7}.agent-search{margin-left:auto;height:36px;min-width:230px;border:1px solid #ded8e4;border-radius:7px;padding:0 10px;display:flex;align-items:center;gap:7px;color:#554164}.agent-search input{border:0;outline:0;width:100%;font:400 11px 'Montserrat','Segoe UI',Arial,sans-serif;background:transparent}.agent-table-wrap{overflow:auto}.agent-table{width:100%;border-collapse:collapse}.agent-table th,.agent-table td{padding:12px 15px;border-bottom:1px solid #eeeaf0;text-align:left;font-size:11px;font-weight:400;color:#3f3746;white-space:nowrap}.agent-table th{font-weight:500;color:#4b385d;background:#fcfbfd}.agent-table td small{display:block;color:#91879a;font-size:9px;margin-top:3px}.agent-actions{display:flex;gap:3px}.agent-actions button{width:27px;height:27px;border:0;background:transparent;border-radius:6px;color:#6d6275;cursor:pointer}.agent-actions button:hover{background:#f1edf4}.agent-pagination{display:flex;justify-content:space-between;padding:11px 15px;color:#82788a;font-size:10px}.status-pill.on{background:#e9f9f0;color:#147a48}.status-pill.off{background:#fff0f0;color:#b42318}
.agent-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:26px}.agent-modal.open{display:flex}.agent-modal-backdrop{position:absolute;inset:0;background:rgba(28,22,35,.46);backdrop-filter:blur(2px)}.agent-dialog{position:relative;width:min(1120px,96vw);max-height:90vh;background:#fff;border-radius:12px;box-shadow:0 24px 70px rgba(31,24,38,.22);overflow:hidden;display:flex;flex-direction:column}.agent-modal-head{height:68px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eeeaf0;background:linear-gradient(90deg,rgba(255,107,0,.055),rgba(122,31,162,.04))}.agent-modal-kicker{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#8a7e91}.agent-modal-head h2{margin:3px 0 0;font-size:18px;font-weight:500;color:#33253e}.agent-modal-x{width:38px;height:38px;border:0;background:transparent;border-radius:8px;font-size:28px;font-weight:300;color:#5b4b65;cursor:pointer}.agent-modal-x:hover{background:#f2eef4}.agent-dialog form{display:flex;flex-direction:column;min-height:0}.agent-steps{height:82px;padding:14px 28px;display:flex;align-items:center;border-bottom:1px solid #eeeaf0}.agent-step{border:0;background:transparent;font-family:inherit;color:#918795;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:126px;cursor:pointer;font-size:10px;font-weight:400}.agent-step b{width:26px;height:26px;border:1px solid #d9d2dd;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:500}.agent-step.active{color:#5a276e}.agent-step.active b{border-color:#7A1FA2;background:#f5edf8;color:#7A1FA2}.agent-steps>i{height:1px;background:#ddd6e1;flex:1}.agent-step-pane{display:none;padding:24px 30px;overflow:auto;min-height:360px;max-height:54vh}.agent-step-pane.active{display:block}.agent-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}.agent-form-grid label,.permission-intro label{font-size:11px;font-weight:500;color:#4b4052}.agent-form-grid input,.agent-form-grid select,.permission-intro select{width:100%;height:40px;margin-top:7px;border:1px solid #ddd7e1;border-radius:7px;padding:0 11px;font:400 11px 'Montserrat','Segoe UI',Arial,sans-serif;color:#3e3545;background:#fff;outline:none}.agent-form-grid input:focus,.agent-form-grid select:focus{border-color:#a76abc;box-shadow:0 0 0 3px rgba(122,31,162,.06)}.agent-note{margin-top:20px;padding:11px 13px;border-radius:7px;background:#faf7fb;color:#756a7c;font-size:10px}.agent-option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.agent-option{min-height:62px;border:1px solid #e5e0e8;border-radius:9px;padding:0 14px;display:flex;align-items:center;gap:10px;font-size:11px}.agent-option input{display:none}.agent-option b{font-weight:400}.switch-ui{width:34px;height:19px;border-radius:20px;background:#c8c3cb;position:relative;transition:.18s}.switch-ui:after{content:"";position:absolute;width:15px;height:15px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15);transition:.18s}.agent-option input:checked+.switch-ui{background:#7A1FA2}.agent-option input:checked+.switch-ui:after{transform:translateX(15px)}.permission-intro{display:flex;align-items:end;gap:18px;margin-bottom:18px}.permission-intro label{width:220px}.permission-intro p{margin:0 0 9px;color:#817687;font-size:10px}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.permission-grid label{border:1px solid #e6e1e9;border-radius:8px;padding:12px;display:flex;align-items:center;gap:9px;font-size:10.5px;color:#4e4455}.permission-grid input,.scope-item input{accent-color:#7A1FA2}.scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.scope-grid section{border:1px solid #e5e0e8;border-radius:10px;padding:18px;min-height:300px}.scope-grid h3{margin:0;font-size:14px;font-weight:500;color:#3d3047}.scope-grid p{font-size:10px;color:#8a7f90;margin:5px 0 14px}.scope-item{display:flex;align-items:center;gap:9px;padding:10px 8px;border-radius:7px;font-size:11px}.scope-item:hover{background:#faf8fb}.scope-item small{display:block;font-size:8px;color:#94899b;margin-bottom:2px}.scope-empty{padding:22px;text-align:center;color:#9a909f;font-size:10px;background:#faf9fb;border-radius:7px}.agent-modal-foot{height:64px;border-top:1px solid #eeeaf0;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.agent-foot-right{display:flex;gap:8px}.agent-cancel,.agent-prev,.agent-next,.agent-save{height:36px;border-radius:7px;padding:0 14px;font:500 10.5px 'Montserrat','Segoe UI',Arial,sans-serif;cursor:pointer}.agent-cancel,.agent-prev{border:1px solid #ddd7e1;background:#fff;color:#615668}.agent-next,.agent-save{border:0;background:var(--orange);color:#fff}.agent-save{display:none;background:linear-gradient(90deg,var(--orange),#e94d47)}
@media(max-width:900px){.agent-form-grid,.scope-grid{grid-template-columns:1fr}.agent-option-grid,.permission-grid{grid-template-columns:1fr 1fr}.agent-step span{display:none}.agent-step{min-width:42px}.agent-modal{padding:10px}}

/* v1.3.2 — Estados auxiliares */
.aux-status-box{position:relative;margin:0 0 16px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.10)}.aux-status-current{width:100%;min-height:54px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);border-radius:9px;padding:9px 11px;color:#fff;display:grid;grid-template-columns:24px 1fr 18px;align-items:center;gap:9px;font-family:inherit;text-align:left;cursor:pointer}.aux-status-current:hover{background:rgba(255,255,255,.08)}.aux-status-symbol{width:24px;height:24px;display:grid;place-items:center;font-size:17px;color:#ff7a1a}.aux-status-copy{display:flex;flex-direction:column;gap:2px}.aux-status-copy b{font-size:11px;font-weight:500}.aux-status-copy small{font-size:8.5px;font-weight:400;color:#bdb4c6}.aux-status-chevron{font-size:13px;color:#cfc6d6}.aux-status-menu{display:none;position:absolute;z-index:30;top:58px;left:0;right:0;padding:6px;background:#fff;border:1px solid #e6e0e9;border-radius:9px;box-shadow:0 12px 30px rgba(22,16,29,.18)}.aux-status-menu.open{display:block}.aux-status-menu button{width:100%;height:36px;border:0;background:transparent;border-radius:6px;display:grid;grid-template-columns:25px 1fr;align-items:center;text-align:left;font-family:inherit;color:#45394e;cursor:pointer}.aux-status-menu button:hover{background:#f6f2f7}.aux-status-menu button span{font-size:15px;text-align:center;color:#6b2d80}.aux-status-menu button b{font-size:10.5px;font-weight:400}.aux-panel{overflow:hidden}.inline-form{margin:0}.aux-switch{width:35px;height:20px;border:0;border-radius:20px;background:#c9c4cc;padding:0;position:relative;cursor:pointer}.aux-switch span{position:absolute;width:16px;height:16px;left:2px;top:2px;background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.18);transition:.18s}.aux-switch.on{background:#7A1FA2}.aux-switch.on span{transform:translateX(15px)}.aux-edit{width:28px;height:28px;border:0;background:transparent;border-radius:6px;color:#6c6173;font-size:15px;cursor:pointer}.aux-edit:hover{background:#f2eef4}.aux-icon-preview{font-size:17px;color:#5c2b70}.aux-dialog{width:min(560px,94vw)}.aux-form{padding:25px 28px;display:grid;grid-template-columns:1fr 150px;gap:18px}.aux-form label{font-size:11px;font-weight:500;color:#4b4052}.aux-form input,.aux-form select{width:100%;height:40px;margin-top:7px;border:1px solid #ddd7e1;border-radius:7px;padding:0 11px;font:400 11px 'Montserrat','Segoe UI',Arial,sans-serif;background:#fff}.aux-save{display:inline-flex!important}

/* v1.4.0 — Contenedor Configuración de campaña */
.campaign-config-shell{display:grid;grid-template-columns:285px 1fr;min-height:calc(100vh - 152px);margin:-30px -34px;background:#f8f9fb}
.campaign-config-sidebar{background:#fff;border-right:1px solid #e8e4eb;padding:18px 14px 28px}
.campaign-config-select{display:block;margin-bottom:22px;position:relative}
.campaign-config-select span{position:absolute;left:12px;top:-7px;background:#fff;padding:0 5px;font-size:9px;font-weight:400;color:#796f80;z-index:1}
.campaign-config-select select{width:100%;height:45px;border:1px solid #ddd7e2;border-radius:7px;background:#fff;padding:0 34px 0 12px;font:400 11px 'Montserrat','Segoe UI',Arial,sans-serif;color:#382f40;outline:none}
.campaign-config-select select:focus{border-color:#9b67ae;box-shadow:0 0 0 3px rgba(122,31,162,.05)}
.campaign-config-menu{display:flex;flex-direction:column;gap:3px}
.campaign-config-item{width:100%;min-height:47px;border:0;background:transparent;border-radius:8px;padding:0 11px;display:grid;grid-template-columns:25px 1fr 18px;align-items:center;gap:10px;text-align:left;font:400 11.5px 'Montserrat','Segoe UI',Arial,sans-serif;color:#493c52;cursor:pointer}
.campaign-config-item>i{font-style:normal;font-size:17px;color:#5d2b70;text-align:center}.campaign-config-item>span{min-width:0}.campaign-config-item>b{font-size:12px;font-weight:400;color:#817587;transition:.18s}
.campaign-config-item:hover{background:#f7f4f8}.campaign-config-item.active{background:#f4edf6;color:#512361;box-shadow:inset 3px 0 var(--orange)}
.campaign-config-group[aria-expanded="true"]>b{transform:rotate(180deg)}
.campaign-config-sub{display:none;margin:0 0 4px 35px;padding-left:10px;border-left:1px solid #e9e4eb}.campaign-config-sub.open{display:block;min-height:5px}
.campaign-config-work{min-width:0;position:relative;background:#f8f9fb}
.campaign-config-empty{height:100%;min-height:560px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#837889}
.campaign-config-empty img{width:86px;height:96px;object-fit:contain;opacity:.11;filter:grayscale(1)}
.campaign-config-empty p{margin:0;font-size:13px;font-weight:400}
.campaign-module-placeholder{margin:32px;background:#fff;border:1px solid #e7e2e9;border-radius:10px;padding:30px;box-shadow:0 8px 24px rgba(48,36,56,.035)}
.campaign-module-placeholder>span{font-size:9px;letter-spacing:.08em;color:#8a3aa0;font-weight:500}.campaign-module-placeholder h1{margin:10px 0 8px;font-size:22px;font-weight:500;color:#34263e}.campaign-module-placeholder p{margin:0;color:#786d7e;font-size:11px;font-weight:400}.campaign-module-placeholder b{font-weight:500}
@media(max-width:1000px){.campaign-config-shell{grid-template-columns:240px 1fr}.campaign-config-item{font-size:10.5px}}

/* v1.4.1 — Configuración de campaña como tercer nivel independiente */
.campaign-config-page{overflow:hidden}
.campaign-config-full{min-height:calc(100vh - 92px);height:calc(100vh - 92px);margin:0;grid-template-columns:310px 1fr}
.campaign-config-full .campaign-config-sidebar{background:linear-gradient(180deg,#241E2E 0%,#211A2A 58%,#1E1827 100%);border-right:0;padding:22px;overflow:auto}
.campaign-config-full .campaign-config-select{margin:0 0 20px}
.campaign-config-full .campaign-config-select span{background:#241E2E;color:#cfc5d5;left:11px}
.campaign-config-full .campaign-config-select select{height:44px;border-color:rgba(255,255,255,.18);background:#2d2636;color:#fff;font-size:11px}
.campaign-config-full .campaign-config-select select:focus{border-color:rgba(255,107,0,.72);box-shadow:0 0 0 3px rgba(255,107,0,.08)}
.campaign-config-full .campaign-config-item{min-height:48px;color:#eee8f2;font-size:11.5px;font-weight:400}
.campaign-config-full .campaign-config-item>i{color:#e4dbea;font-size:17px}
.campaign-config-full .campaign-config-item>b{color:#c9bdcf}
.campaign-config-full .campaign-config-item:hover{background:rgba(255,255,255,.06)}
.campaign-config-full .campaign-config-item.active{background:rgba(255,255,255,.09);color:#fff;box-shadow:inset 3px 0 var(--orange)}
.campaign-config-full .campaign-config-sub{border-left-color:rgba(255,255,255,.12)}
.campaign-config-full .campaign-config-work{height:100%;overflow:auto;background:#f8f9fb}
.campaign-config-full .campaign-config-empty{min-height:100%;height:100%}
.campaign-config-full .campaign-config-empty img{width:90px;height:105px;opacity:.10;filter:none}
@media(max-width:1100px){.campaign-config-full{grid-template-columns:260px 1fr}.campaign-config-full .campaign-config-sidebar{padding:18px}}

/* Enjambre 3.0 - Campaign Groups v1.4.4 */
.group-module{padding:30px 34px 50px}.group-module-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #e7e2ea}.group-module-head h1{margin:0;color:#34283d;font-size:24px;font-weight:400}.group-module-head p{margin:6px 0 0;color:#807486;font-size:11px}.group-info{width:28px;height:28px;border:0;border-radius:50%;background:#512361;color:#fff;font:400 13px 'Montserrat','Segoe UI',Arial,sans-serif}.group-panel{margin-top:20px;background:#fff;border:1px solid #e2dde6;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px rgba(34,24,42,.035)}.group-toolbar{min-height:62px;padding:0 16px;display:flex;align-items:center;gap:20px;border-bottom:1px solid #eeeaf0}.group-add{height:34px;padding:0 14px;border:0;border-radius:7px;background:var(--orange);color:#fff;font:500 10px 'Montserrat','Segoe UI',Arial,sans-serif;cursor:pointer}.group-tool{border:0;background:transparent;color:#5c2b70;font:400 9.5px 'Montserrat','Segoe UI',Arial,sans-serif}.group-search{margin-left:auto;width:225px;height:36px;border:1px solid #e0dbe4;border-radius:7px;padding:0 12px;font:400 10px 'Montserrat','Segoe UI',Arial,sans-serif;outline:none}.group-table-wrap{overflow:auto}.group-table{width:100%;border-collapse:collapse;min-width:1050px}.group-table th,.group-table td{height:48px;padding:0 14px;border-bottom:1px solid #eeeaf0;text-align:left;color:#493e50;font-size:10px;font-weight:400}.group-table th{height:43px;color:#625568;font-size:9.5px}.group-table tr:last-child td{border-bottom:0}.group-bool{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:11px}.group-bool.yes{color:#299449;background:#eef9f1}.group-bool.no{color:#cf4141;background:#fff0f0}.group-status{border:0;border-radius:20px;padding:5px 9px;font:400 9px 'Montserrat','Segoe UI',Arial,sans-serif;cursor:pointer}.group-status.on{background:#eaf8ef;color:#27874a}.group-status.off{background:#f2eff3;color:#84798a}.group-actions{display:flex;gap:4px}.group-action{width:28px;height:28px;border:0;background:transparent;border-radius:6px;color:#665a6c;cursor:pointer;font-size:13px}.group-action:hover{background:#f4f0f5}.group-empty-row td{text-align:center!important;color:#9a909f;height:100px!important}.group-modal-backdrop{display:none;position:fixed;inset:0;z-index:300;background:rgba(25,18,31,.42);backdrop-filter:blur(2px);align-items:center;justify-content:center;padding:22px}.group-modal-backdrop.open{display:flex}.group-modal{width:min(720px,96vw);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 28px 80px rgba(22,15,28,.28)}.group-modal-head{height:74px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#fff9f5,#fbf7fc);border-bottom:1px solid #eee9f0}.group-modal-head small{display:block;margin-bottom:4px;color:#9a758f;font-size:8.5px;letter-spacing:.12em}.group-modal-head h2{margin:0;font-size:19px;font-weight:400;color:#35283e}.group-modal-close{border:0;background:transparent;font-size:20px;color:#5b4e62;cursor:pointer}.group-form{padding:24px}.group-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.group-form label{font-size:10px;color:#5c505f}.group-form input[type=text],.group-form textarea{width:100%;margin-top:7px;border:1px solid #ddd7e1;border-radius:7px;padding:10px 11px;font:400 10.5px 'Montserrat','Segoe UI',Arial,sans-serif;outline:none}.group-form textarea{height:76px;resize:vertical}.group-form input:focus,.group-form textarea:focus{border-color:#a76abc;box-shadow:0 0 0 3px rgba(122,31,162,.06)}.group-wide{grid-column:1/-1}.group-options{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:3px}.group-option{border:1px solid #e7e1e9;border-radius:8px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.group-option span:first-child{font-size:10px;color:#504454}.group-option small{display:block;margin-top:3px;color:#958a9b;font-size:8px}.group-option input{display:none}.group-option .switch-ui{flex:0 0 auto}.group-option input:checked+.switch-ui{background:#7A1FA2}.group-modal-foot{height:62px;padding:0 24px;border-top:1px solid #eeeaf0;display:flex;justify-content:flex-end;align-items:center;gap:8px}.group-cancel,.group-save{height:34px;border-radius:7px;padding:0 14px;font:400 10px 'Montserrat','Segoe UI',Arial,sans-serif;cursor:pointer}.group-cancel{border:1px solid #ddd7e1;background:#fff;color:#615668}.group-save{border:0;background:var(--orange);color:#fff}.group-flash{margin:18px 0 -5px;padding:10px 12px;border-radius:7px;font-size:10px;background:#eaf8ef;color:#287947}.group-flash.error{background:#fff0f0;color:#a33c3c}@media(max-width:850px){.group-form-grid,.group-options{grid-template-columns:1fr}.group-module{padding:22px 18px}.group-search{width:160px}}

/* v1.4.5 — grupos visibles de cada campaña en el portal */
.campaign-links .campaign-group-link{margin-top:2px;color:#E8E0EF}
.campaign-links .campaign-group-link svg{opacity:.95}
.campaign-links .campaign-group-link span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
\n\n/* v1.4.6 — jerarquía Campaña > Grupo > bandejas */\n.campaign-links{padding-left:8px}\n.campaign-group{margin:4px 0 7px}\n.campaign-group-toggle{width:100%;border:0;background:transparent;color:#F0EBF4;display:grid;grid-template-columns:22px minmax(0,1fr) auto 18px;align-items:center;gap:10px;padding:10px 10px;border-radius:9px;text-align:left;font:500 12px 'Montserrat','Segoe UI',Arial,sans-serif;cursor:pointer}\n.campaign-group-toggle:hover{background:rgba(255,255,255,.075)}\n.campaign-group-toggle svg{width:18px;height:18px;fill:none;stroke:#E5DDEC;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}\n.campaign-group-toggle span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.campaign-group-toggle em{font-style:normal;min-width:28px;text-align:center;background:#49395A;color:#F4EFF7;border-radius:10px;padding:4px 8px;font-size:11px;font-weight:600}\n.campaign-group-toggle i{font-style:normal;color:#BDB0D0;font-size:15px;text-align:center;transition:transform .18s ease}\n.campaign-group-views{margin-left:17px;padding-left:11px;border-left:1px solid rgba(255,255,255,.13)}\n.campaign-group-views a{grid-template-columns:20px minmax(0,1fr) auto!important;gap:9px!important;padding:8px 9px!important;font-size:11px!important;color:#D8CFDF!important}\n.campaign-group-views a svg{width:16px!important;height:16px!important;opacity:.9}\n.campaign-group.collapsed .campaign-group-views{display:none}\n.campaign-group.collapsed .campaign-group-toggle i{transform:rotate(-90deg)}\n
/* v1.4.7 — Inbox principal + grupos como cabeceras operativas independientes */
.operation-stream{margin:2px 0}
.operation-stream-toggle{
  width:100%;min-height:40px;border:0;background:transparent;color:#f1ecf4;
  display:grid;grid-template-columns:20px minmax(0,1fr) auto 14px;align-items:center;
  gap:8px;padding:7px 10px 7px 15px;border-radius:7px;cursor:pointer;
  font-family:Montserrat,Arial,sans-serif;font-size:11px;font-weight:500;text-align:left;
}
.operation-stream-toggle:hover{background:rgba(255,255,255,.06)}
.operation-stream-toggle svg{width:18px;height:18px;stroke:#ddd3e3}
.operation-stream-toggle span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.operation-stream-toggle em{font-style:normal;font-size:10px;color:#bfb3c7}
.operation-stream-toggle i{font-style:normal;color:#bfb3c7;transition:transform .18s ease}
.operation-stream.collapsed .operation-stream-toggle i{transform:rotate(-90deg)}
.operation-stream-states{display:block;padding:1px 0 4px 43px}
.operation-stream.collapsed .operation-stream-states{display:none}
.operation-stream-states a{
  min-height:34px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;
  gap:8px;padding:6px 10px;color:#cfc5d5;text-decoration:none;border-radius:6px;
  font-size:10.5px;font-weight:400;
}
.operation-stream-states a:hover{background:rgba(255,255,255,.055);color:#fff}
.operation-stream-states em{font-style:normal;font-size:10px;color:#a99daf}
.group-stream{margin-top:3px}

/* v1.4.8 — Ajuste visual menú lateral Configuración de campaña
   Menor separación vertical + 1px de tamaño de texto */
.campaign-config-full .campaign-config-menu{gap:1px}
.campaign-config-full .campaign-config-item{
  min-height:42px;
  font-size:12.5px;
}

/* v1.4.9 — Más área útil + template de navegación por usuario */
.operation-sidebar{width:255px;padding:16px 14px;transition:background .2s ease,color .2s ease,width .2s ease}
.content{padding:22px 26px}.aux-status-box{margin-bottom:12px}.side-title{padding:6px 4px 10px}
.campaign-nav{padding:5px 0}.campaign-toggle{padding:8px 4px 9px}.campaign-links{padding:2px 0 5px 13px}
.operation-stream-toggle{min-height:36px;padding:6px 8px 6px 11px}
.operation-stream-states{padding:0 0 3px 38px}.operation-stream-states a{min-height:30px;padding:4px 8px}
body.ui-theme-dark .operation-sidebar{background:linear-gradient(180deg,#241E2E 0%,#211A2A 58%,#1E1827 100%)}
body.ui-theme-light .operation-sidebar{background:linear-gradient(180deg,#F2E8F6 0%,#E9DAF0 100%);color:#382A42;box-shadow:inset -1px 0 rgba(75,43,91,.10)}
body.ui-theme-light .side-title,body.ui-theme-light .side-title small{color:#76667F}
body.ui-theme-light .campaign-toggle{color:#35283D} body.ui-theme-light .chev{color:#765F82}
body.ui-theme-light .operation-stream-toggle{color:#3F3048}
body.ui-theme-light .operation-stream-toggle svg{stroke:#694E77}
body.ui-theme-light .operation-stream-toggle em,body.ui-theme-light .operation-stream-toggle i{color:#806E89}
body.ui-theme-light .operation-stream-toggle:hover,body.ui-theme-light .operation-stream-states a:hover{background:rgba(83,48,99,.08)}
body.ui-theme-light .operation-stream-states a{color:#5D4A67} body.ui-theme-light .operation-stream-states em{color:#826E8C}
body.ui-theme-light .aux-status-box{background:rgba(255,255,255,.48);border-color:rgba(77,45,91,.12)}
body.ui-theme-light .aux-status-current,body.ui-theme-light .aux-status-current b{color:#392C41}
body.ui-theme-light .aux-status-current small,body.ui-theme-light .aux-status-chevron{color:#796783}
.topbar .user{position:relative}.theme-open{border:0;background:transparent;color:#fff;font:inherit;font-size:inherit;padding:0;cursor:pointer;opacity:.9}
.theme-menu{display:none;position:absolute;z-index:50;right:0;top:54px;width:190px;background:#fff;color:#352C3B;border:1px solid #E7E0EA;border-radius:10px;box-shadow:0 16px 38px rgba(30,20,36,.20);padding:8px}
.theme-menu.open{display:block}.theme-menu small{display:block!important;color:#8A7B91!important;padding:5px 8px 7px;font-size:9px!important}
.theme-menu button{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:9px;padding:9px 8px;border-radius:7px;font:500 10.5px 'Montserrat','Segoe UI',Arial,sans-serif;color:#493C52;cursor:pointer;text-align:left}
.theme-menu button:hover,.theme-menu button.active{background:#F6F0F8}.theme-menu button i{width:13px;height:13px;border-radius:4px;background:#241E2E;border:1px solid rgba(0,0,0,.08)}
.theme-menu button[data-theme="light"] i{background:#E9DAF0}.theme-menu button.active::after{content:"✓";margin-left:auto;color:#7A1FA2;font-weight:700}
@media(max-width:1180px){.operation-sidebar{width:235px}}

/* v1.5.0 — Cuenta en barra izquierda + 4 templates */
body.ui-theme-orange .operation-sidebar{
  background:linear-gradient(180deg,#FF6B00 0%,#F05B16 100%);color:#fff;
}
body.ui-theme-gradient .operation-sidebar{
  background:linear-gradient(180deg,#FF6B00 0%,#D52A70 48%,#7A1FA2 100%);color:#fff;
}
body.ui-theme-orange .campaign-toggle,body.ui-theme-gradient .campaign-toggle,
body.ui-theme-orange .operation-stream-toggle,body.ui-theme-gradient .operation-stream-toggle,
body.ui-theme-orange .operation-stream-states a,body.ui-theme-gradient .operation-stream-states a{color:#fff}
body.ui-theme-orange .side-title,body.ui-theme-orange .side-title small,
body.ui-theme-gradient .side-title,body.ui-theme-gradient .side-title small,
body.ui-theme-orange .operation-stream-toggle em,body.ui-theme-orange .operation-stream-toggle i,
body.ui-theme-gradient .operation-stream-toggle em,body.ui-theme-gradient .operation-stream-toggle i,
body.ui-theme-orange .operation-stream-states em,body.ui-theme-gradient .operation-stream-states em{color:rgba(255,255,255,.78)}
body.ui-theme-orange .operation-stream-toggle svg,body.ui-theme-gradient .operation-stream-toggle svg{stroke:#fff}
body.ui-theme-orange .operation-stream-toggle:hover,body.ui-theme-gradient .operation-stream-toggle:hover,
body.ui-theme-orange .operation-stream-states a:hover,body.ui-theme-gradient .operation-stream-states a:hover{background:rgba(255,255,255,.12)}
body.ui-theme-orange .aux-status-box,body.ui-theme-gradient .aux-status-box{background:rgba(31,15,35,.16);border-color:rgba(255,255,255,.20)}
body.ui-theme-orange .aux-status-current,body.ui-theme-orange .aux-status-current b,
body.ui-theme-gradient .aux-status-current,body.ui-theme-gradient .aux-status-current b{color:#fff}
body.ui-theme-orange .aux-status-current small,body.ui-theme-orange .aux-status-chevron,
body.ui-theme-gradient .aux-status-current small,body.ui-theme-gradient .aux-status-chevron{color:rgba(255,255,255,.76)}

.account-panel{position:relative;margin:0 0 12px}
.account-trigger{width:100%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);border-radius:9px;padding:9px 9px;display:grid;grid-template-columns:34px 1fr 14px;gap:9px;align-items:center;text-align:left;cursor:pointer;color:#fff;font-family:'Montserrat','Segoe UI',Arial,sans-serif}
.account-trigger:hover{background:rgba(255,255,255,.075)}
.account-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#FF6B00,#7A1FA2);font-size:13px;font-weight:600;color:#fff}
.account-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.account-copy b{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-copy small{font-size:9px;opacity:.72}.account-chevron{font-size:11px;opacity:.8}
.account-menu{display:none;position:absolute;z-index:80;left:0;top:57px;width:260px;background:#fff;color:#3D3144;border:1px solid #E8E0EB;border-radius:10px;box-shadow:0 18px 42px rgba(31,20,37,.24);padding:10px}
.account-menu.open{display:block}
.account-menu-head{padding:5px 6px 9px;border-bottom:1px solid #EEE8F0}.account-menu-head b{display:block;font-size:11px;font-weight:600}.account-menu-head small{font-size:9px;color:#8B7E91}
.account-theme-title{font-size:9px;color:#8A7C90;padding:10px 6px 6px}
.account-theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.account-theme-grid button{border:1px solid transparent;background:#FAF8FB;border-radius:7px;padding:7px;display:flex;align-items:center;gap:7px;cursor:pointer;font:500 9.5px 'Montserrat','Segoe UI',Arial,sans-serif;color:#514358;text-align:left}
.account-theme-grid button:hover,.account-theme-grid button.active{border-color:#DCC9E4;background:#F6F0F8}
.account-theme-grid button.active::after{content:"✓";margin-left:auto;color:#7A1FA2;font-weight:700}
.swatch{width:16px;height:16px;border-radius:4px;flex:0 0 16px}.swatch.dark{background:#241E2E}.swatch.light{background:#E9DAF0;border:1px solid #D8C5E0}.swatch.orange{background:#FF6B00}.swatch.gradient{background:linear-gradient(135deg,#FF6B00,#D52A70,#7A1FA2)}
.account-logout{display:block;margin-top:8px;padding:8px 7px;border-top:1px solid #EEE8F0;text-decoration:none;color:#6B586F;font-size:9.5px}
body.ui-theme-light .account-trigger{color:#392D41;background:rgba(255,255,255,.45);border-color:rgba(76,45,89,.10)}
body.ui-theme-light .account-trigger:hover{background:rgba(255,255,255,.68)}
body.ui-theme-orange .account-trigger,body.ui-theme-gradient .account-trigger{background:rgba(35,17,40,.14);border-color:rgba(255,255,255,.18)}

/* v1.5.1 — Logo superior 20% más compacto */
.topbar .logo{
  width:172px !important; /* 215px x 0.80 */
  height:auto !important;
}
.topbar .brand-home{
  padding-right:18px !important;
}

/* v1.5.2 — Header compacto aprobado: prioridad al área operativa */
.topbar{
  height:64px !important;
  min-height:64px !important;
  padding:0 28px !important;
  gap:18px !important;
}
.topbar .brand-home{
  height:64px !important;
  padding-right:20px !important;
  border-right:1px solid rgba(255,255,255,.34);
}
.topbar .logo{
  width:160px !important;
  height:46px !important;
  object-fit:contain !important;
}
.topbar .tagline{
  min-width:0 !important;
  padding-left:0 !important;
  padding-right:16px !important;
  border-left:0 !important;
}
.topbar .tagline b{
  font-size:16px !important;
  line-height:1.15 !important;
  font-weight:400 !important;
}
.topbar .tagline span{
  font-size:10.5px !important;
  line-height:1.25 !important;
  margin-top:3px !important;
  font-weight:400 !important;
}
.global-tools{
  height:64px !important;
  gap:3px !important;
}
.tool-btn{
  height:64px !important;
  min-width:52px !important;
  padding:6px 7px !important;
}
.tool-btn.compact{min-width:46px !important}
.tool-btn svg{
  width:21px !important;
  height:21px !important;
}
/* El borde tras el logo termina exactamente con la barra superior */
.shell{min-height:calc(100vh - 64px)}
@media(max-width:1100px){
  .topbar{padding-left:20px !important;padding-right:20px !important}
  .topbar .logo{width:150px !important}
  .topbar .brand-home{padding-right:16px !important}
}

/* v1.5.3 — Módulo Apariencia y Marca */
.branding-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.branding-card{padding:22px}.branding-card-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.branding-card h2{font-size:16px;margin:0 0 5px;font-weight:600}.branding-card p{font-size:10.5px;color:#807488;margin:0 0 18px}.branding-card h3{font-size:11px;font-weight:600;margin:20px 0 10px}.brand-switch input{display:none}.brand-switch span{display:block;width:38px;height:21px;border-radius:20px;background:#D8D1DC;position:relative;cursor:pointer}.brand-switch span:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.2s}.brand-switch input:checked+span{background:#7A1FA2}.brand-switch input:checked+span:after{left:20px}.brand-check{display:flex;gap:8px;align-items:center;font-size:10.5px;margin:10px 0}.brand-theme-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.brand-theme-options label{display:flex;align-items:center;gap:8px;border:1px solid #E8E1EB;border-radius:8px;padding:9px;font-size:10px;background:#FCFBFC}.brand-field{display:flex;flex-direction:column;gap:6px;font-size:10px;color:#665A6D;margin-top:15px}.brand-field input,.brand-field select{height:38px;border:1px solid #DDD5E1;border-radius:7px;padding:0 10px;font:500 10.5px 'Montserrat','Segoe UI',Arial,sans-serif;background:#fff}.brand-field input[type=file]{height:auto;padding:9px}.brand-logo-preview{margin-top:12px;border:1px dashed #D9D0DE;border-radius:8px;min-height:72px;display:flex;align-items:center;justify-content:center;background:#FAF8FB}.brand-logo-preview img{max-width:180px;max-height:55px}.branding-save{grid-column:1/-1;display:flex;justify-content:flex-end}.client-brand{height:42px;max-width:130px;padding-left:14px;display:flex;align-items:center}.client-brand img{max-width:115px;max-height:34px;object-fit:contain}.platform-nav svg{flex:0 0 auto}@media(max-width:900px){.branding-grid{grid-template-columns:1fr}}

/* v1.5.4 — Panel modular Mi desempeño | Mi operación */
.ops-dashboard{padding:24px 28px 34px;max-width:1600px;margin:auto}.ops-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.ops-heading h1{font-size:21px;margin:0 0 5px;font-weight:600;color:#171329}.ops-heading p{margin:0;font-size:11px;color:#81758c}.ops-date{border:1px solid #e9e2ec;background:#fff;border-radius:9px;padding:9px 13px;font-size:10px}.ops-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.ops-kpis article{background:#fff;border:1px solid #eee8f0;border-radius:12px;min-height:78px;padding:14px;display:flex;align-items:center;gap:11px;box-shadow:0 5px 18px rgba(52,30,66,.035)}.kpi-icon{width:34px;height:34px;border-radius:9px;background:#f7f0fa;display:grid;place-items:center;color:#7A1FA2;font-size:15px}.ops-kpis strong{display:block;font-size:20px;line-height:1;color:#19142b;font-weight:600}.ops-kpis small{display:block;margin-top:7px;font-size:9.5px;color:#756a7c}.ops-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ops-card{background:#fff;border:1px solid #eee8f0;border-radius:12px;padding:18px;min-height:245px;box-shadow:0 5px 18px rgba(52,30,66,.035)}.ops-card-title h2{font-size:14px;margin:0 0 4px;font-weight:600}.ops-card-title p{font-size:9.5px;color:#81758c;margin:0}.performance-wrap{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:18px;height:190px}.time-ring{width:142px;height:142px;border-radius:50%;border:19px solid #efe8f4;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;box-shadow:inset 0 0 0 1px #e2d8e8}.time-ring strong{font-size:19px}.time-ring span{font-size:9px;color:#776c80;margin-top:5px}.state-list>div{display:grid;grid-template-columns:1fr 60px 36px;gap:7px;border-bottom:1px solid #f0ebf2;padding:7px 0;font-size:9.5px}.state-list b{font-weight:500}.state-list em{font-style:normal;font-weight:600;text-align:right}.status-bars{height:190px;display:flex;gap:16px;align-items:flex-end;padding:20px 8px 0}.status-col{flex:1;text-align:center;font-size:9px}.bar-value{font-weight:600;margin-bottom:5px}.bar-track{height:125px;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid #eee8f0}.bar-track i{display:block;width:65%;min-height:4px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#9a35c2,#ff6b00)}.status-col span{display:block;margin-top:7px;line-height:1.2}.ops-empty{font-size:10px;color:#918698;text-align:center;padding:25px}.chart-ready{height:160px;display:flex;align-items:center;justify-content:center;border:1px dashed #e4dce8;border-radius:9px;margin-top:16px;background:#fcfbfd}.recent-table{margin-top:13px;overflow:auto}.recent-table table{width:100%;border-collapse:collapse;font-size:9.5px}.recent-table th{text-align:left;background:#faf7fb;padding:7px;color:#655a6c}.recent-table td{padding:8px 7px;border-bottom:1px solid #f0ebf2}.case-pill{padding:3px 7px;border-radius:9px;background:#f2edf4}.case-pill.resolved{background:#e5f8ec;color:#168342}.case-pill.pending{background:#fff0e6;color:#d85a00}.case-pill.in_progress{background:#f0e7ff;color:#7130b8}.dashboard-config{max-width:760px}.dashboard-config-list{margin:14px 0}.dashboard-config-list .brand-check{padding:11px;border-bottom:1px solid #eee8f0}.dashboard-config-list .brand-check span{display:flex;flex-direction:column;gap:3px}.dashboard-config-list b{font-size:10.5px}.dashboard-config-list small{font-size:9px;color:#85798d}@media(max-width:1100px){.ops-kpis{grid-template-columns:repeat(3,1fr)}.ops-grid{grid-template-columns:1fr}}@media(max-width:720px){.ops-kpis{grid-template-columns:1fr 1fr}.performance-wrap{grid-template-columns:1fr;height:auto}.ops-dashboard{padding:16px}.ops-heading{align-items:flex-start;gap:10px}.ops-date{display:none}}

/* v1.5.4-v03 — Panel modular sobre fuente oficial v03 */
.ops-dashboard{padding:24px 28px 34px;max-width:1600px;margin:auto}.ops-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.ops-heading h1{font-size:21px;margin:0 0 5px;font-weight:600;color:#171329}.ops-heading p{margin:0;font-size:11px;color:#81758c}.ops-date{border:1px solid #e9e2ec;background:#fff;border-radius:9px;padding:9px 13px;font-size:10px}.ops-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.ops-kpis article{background:#fff;border:1px solid #eee8f0;border-radius:12px;min-height:78px;padding:14px;display:flex;align-items:center;gap:11px;box-shadow:0 5px 18px rgba(52,30,66,.035)}.kpi-icon{width:34px;height:34px;border-radius:9px;background:#f7f0fa;display:grid;place-items:center;color:#7A1FA2;font-size:15px}.ops-kpis strong{display:block;font-size:20px;line-height:1;color:#19142b;font-weight:600}.ops-kpis small{display:block;margin-top:7px;font-size:9.5px;color:#756a7c}.ops-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ops-card{background:#fff;border:1px solid #eee8f0;border-radius:12px;padding:18px;min-height:245px;box-shadow:0 5px 18px rgba(52,30,66,.035)}.ops-card-title h2{font-size:14px;margin:0 0 4px;font-weight:600}.ops-card-title p{font-size:9.5px;color:#81758c;margin:0}.performance-wrap{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:18px;height:190px}.time-ring{width:142px;height:142px;border-radius:50%;border:19px solid #efe8f4;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;box-shadow:inset 0 0 0 1px #e2d8e8}.time-ring strong{font-size:19px}.time-ring span{font-size:9px;color:#776c80;margin-top:5px}.state-list>div{display:grid;grid-template-columns:1fr 60px 36px;gap:7px;border-bottom:1px solid #f0ebf2;padding:7px 0;font-size:9.5px}.state-list b{font-weight:500}.state-list em{font-style:normal;font-weight:600;text-align:right}.status-bars{height:190px;display:flex;gap:16px;align-items:flex-end;padding:20px 8px 0}.status-col{flex:1;text-align:center;font-size:9px}.bar-value{font-weight:600;margin-bottom:5px}.bar-track{height:125px;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid #eee8f0}.bar-track i{display:block;width:65%;min-height:4px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#9a35c2,#ff6b00)}.status-col span{display:block;margin-top:7px;line-height:1.2}.ops-empty{font-size:10px;color:#918698;text-align:center;padding:25px}.chart-ready{height:160px;display:flex;align-items:center;justify-content:center;border:1px dashed #e4dce8;border-radius:9px;margin-top:16px;background:#fcfbfd}.recent-table{margin-top:13px;overflow:auto}.recent-table table{width:100%;border-collapse:collapse;font-size:9.5px}.recent-table th{text-align:left;background:#faf7fb;padding:7px;color:#655a6c}.recent-table td{padding:8px 7px;border-bottom:1px solid #f0ebf2}.case-pill{padding:3px 7px;border-radius:9px;background:#f2edf4}.case-pill.resolved{background:#e5f8ec;color:#168342}.case-pill.pending{background:#fff0e6;color:#d85a00}.case-pill.in_progress{background:#f0e7ff;color:#7130b8}.dashboard-config{max-width:760px}.dashboard-config-list{margin:14px 0}.dashboard-config-list .brand-check{padding:11px;border-bottom:1px solid #eee8f0}.dashboard-config-list .brand-check span{display:flex;flex-direction:column;gap:3px}.dashboard-config-list b{font-size:10.5px}.dashboard-config-list small{font-size:9px;color:#85798d}@media(max-width:1100px){.ops-kpis{grid-template-columns:repeat(3,1fr)}.ops-grid{grid-template-columns:1fr}}@media(max-width:720px){.ops-kpis{grid-template-columns:1fr 1fr}.performance-wrap{grid-template-columns:1fr;height:auto}.ops-dashboard{padding:16px}.ops-date{display:none}}
/* v1.6.0 — Campañas > Clasificaciones > Etiquetas / Tipificación */
.campaign-sub-link{display:flex;align-items:center;gap:8px;padding:8px 15px 8px 42px;color:#cfc4da;text-decoration:none;font-size:11px}.campaign-sub-link:hover,.campaign-sub-link.active{color:#fff;background:rgba(255,255,255,.06)}.campaign-sub-link.active{border-left:2px solid #ff6b00}.tags-work{padding:22px 24px 34px;background:#f7f8fb;overflow:auto}.tags-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:15px}.tags-breadcrumb{font-size:9px;color:#887d91;margin-bottom:7px}.tags-head h1{font-size:20px;margin:0 0 4px;font-weight:600;color:#21172c}.tags-head p{font-size:10px;color:#7e7386;margin:0}.tags-info{max-width:430px;border:1px solid #dce8ff;background:#f2f7ff;border-radius:8px;padding:11px 14px;color:#315ca7;font-size:9.5px;line-height:1.45}.tags-section{background:#fff;border:1px solid #e9e5ed;border-radius:10px;padding:15px;margin-bottom:12px;box-shadow:0 3px 14px rgba(40,25,50,.025)}.tags-section h2{font-size:13px;margin:0 0 12px;font-weight:600;color:#20162d}.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.model-card{position:relative;min-height:105px;border:1px solid #e2dce7;border-radius:8px;padding:14px 14px 12px 45px;cursor:pointer;display:flex;flex-direction:column;gap:5px}.model-card.selected{border:1.5px solid #7a1fa2;background:#fdfaff;box-shadow:0 0 0 2px rgba(122,31,162,.05)}.model-card input{position:absolute;opacity:0}.radio-ui{position:absolute;left:16px;top:16px;width:17px;height:17px;border:1.5px solid #9b90a4;border-radius:50%}.model-card.selected .radio-ui{border:5px solid #7a1fa2}.model-card strong{font-size:12px;font-weight:600}.model-card small{font-size:9.5px;color:#776c80}.custom-level-btn{margin-top:auto;border:1px dashed #cfc3d6;background:#fff;border-radius:6px;height:30px;font:500 9px Montserrat;color:#6f278d;cursor:pointer}.model-save{display:flex;justify-content:flex-end;margin-top:10px}.level-grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(190px,1fr));gap:11px}.level-card{border:1px solid #e4ddeb;border-radius:8px;overflow:hidden}.level-card header{height:34px;display:flex;align-items:center;gap:8px;padding:0 11px;background:#f7f2fb}.level-card header span{width:9px;height:9px;border-radius:50%;background:#7a1fa2}.level-card header strong{font-size:11px;color:#5d2376}.level-2 header{background:#fff1f8}.level-2 header span{background:#df218d}.level-2 header strong{color:#c51a7c}.level-3 header{background:#fff5ef}.level-3 header span{background:#ff6b00}.level-3 header strong{color:#dc5b00}.level-add{display:flex;gap:6px;padding:9px}.level-add input{min-width:0;flex:1;height:30px;border:1px solid #ddd5e2;border-radius:5px;padding:0 8px;font:500 9px Montserrat}.level-add button{border:0;border-radius:5px;background:#7a1fa2;color:#fff;padding:0 12px;font:500 9px Montserrat}.level-2 .level-add button{background:#df218d}.level-3 .level-add button{background:#ff6b00}.level-values{padding:0 9px 9px;max-height:155px;overflow:auto}.level-values>div{display:flex;justify-content:space-between;align-items:center;background:#f7f7fa;border-radius:4px;padding:7px 9px;margin-top:5px;font-size:9px}.level-values form{margin:0}.level-values button{border:0;background:none;cursor:pointer}.level-values p{font-size:9px;color:#918798;text-align:center}.link-tag-form{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.link-levels{display:flex;align-items:flex-end;gap:10px;flex:1}.link-levels label{flex:1;display:flex;flex-direction:column;gap:5px;font-size:9px}.link-levels select{height:34px;border:1px solid #ddd5e2;border-radius:5px;padding:0 8px;font:500 9px Montserrat;background:#fff}.link-levels i{font-style:normal;padding-bottom:9px;color:#8b7d94}.link-options{display:flex;align-items:center;gap:12px;font-size:9px}.tag-link-btn{height:34px;border:0;border-radius:5px;background:#ff6b00;color:#fff;padding:0 18px;font:600 9px Montserrat;cursor:pointer}.tags-table-title{display:flex;justify-content:space-between;align-items:center}.tags-table-title span{font-size:9px;color:#837789}.tag-toolbar{margin-bottom:8px}.tags-table th,.tags-table td{font-size:9px}.tag-status{background:#e8f8ee;color:#218348;padding:3px 7px;border-radius:10px;font-size:8px}.tag-empty{text-align:center!important;color:#918798;padding:25px!important}.levels-modal{max-width:560px}.custom-level-body{padding:18px 22px}.custom-level-body>p{font-size:10px;color:#7d7284}.level-builder-row{display:grid;grid-template-columns:22px 1fr 30px;gap:7px;align-items:center;margin:7px 0}.level-builder-row span{color:#9a8ca2}.level-builder-row input{height:36px;border:1px solid #ddd5e2;border-radius:6px;padding:0 10px;font:500 10px Montserrat}.level-builder-row button{height:30px;border:0;background:#f5eff7;border-radius:5px;cursor:pointer}.custom-add-level{margin-top:8px;border:1px dashed #cfc3d6;background:#fff;border-radius:6px;padding:8px 12px;font:500 9px Montserrat;color:#6f278d;cursor:pointer}@media(max-width:1100px){.model-grid{grid-template-columns:1fr}.level-grid{grid-template-columns:1fr 1fr}.tags-head{align-items:flex-start;flex-direction:column}.tags-info{max-width:none}.link-levels{min-width:100%;}}@media(max-width:760px){.level-grid{grid-template-columns:1fr}.link-levels{flex-direction:column;align-items:stretch}.link-levels i{display:none}}

/* v1.6.1 — Corrección selección de modelo de tipificación */
.model-card{cursor:pointer;position:relative}
.model-card input[type=radio]{position:absolute;opacity:0;pointer-events:none}
.model-card .radio-ui{pointer-events:none}
.model-card.selected{border-color:#8d22bd!important;box-shadow:0 0 0 1px rgba(141,34,189,.08);background:#fdfaff}
.custom-level-btn:disabled{opacity:.42;cursor:not-allowed;pointer-events:none}
.custom-level-btn.enabled{opacity:1;cursor:pointer}

/* v1.6.2 — Flujo progresivo de Etiquetas / Tipificación */
.tag-flow-reveal{animation:tagFlowIn .28s ease both}
@keyframes tagFlowIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.tag-progress-hint{max-width:620px;margin:18px auto 0;padding:14px 18px;border:1px dashed #d9cde0;border-radius:12px;display:flex;align-items:center;gap:12px;background:#fbf9fc;color:#655b6d}
.tag-progress-hint>span{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#f0e7f5;color:#8125a8;font-size:11px;font-weight:600}
.tag-progress-hint strong{display:block;font-size:10.5px;font-weight:600;color:#33283a}
.tag-progress-hint small{display:block;font-size:9px;margin-top:3px;color:#8b8191}
.tag-model-active{margin:14px 0;min-height:58px;border:1px solid #e8dfee;border-radius:11px;background:#fff;display:flex;align-items:center;padding:10px 14px;gap:11px}
.tag-model-active>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#efe4f5;color:#8424ad;font-weight:700}
.tag-model-active div{display:flex;flex-direction:column;gap:2px;flex:1}
.tag-model-active small{font-size:8px;letter-spacing:.08em;color:#94889b}
.tag-model-active strong{font-size:10.5px;font-weight:600;color:#33283a}
.tag-model-active button{border:1px solid #e0d4e5;background:#fff;color:#7a1fa2;border-radius:7px;padding:7px 11px;font:500 9px 'Montserrat','Segoe UI',Arial,sans-serif;cursor:pointer}

/* v1.6.3 — Selector compacto después de aplicar el modelo */
.model-selector-section.is-collapsed{display:none}
.model-selector-section.is-expanded{display:block;animation:modelSelectorOpen .24s ease both}
@keyframes modelSelectorOpen{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}

/* v1.7.0 — Constructor modular de Formularios */
.forms-work{padding-bottom:40px}.form-empty-builder{min-height:180px;border:1px dashed #ddd2e3;border-radius:12px;background:#fff;display:grid;place-items:center;text-align:center;margin:14px 0}.form-empty-builder>div>span{font-size:28px;color:#8b24b0}.form-empty-builder h2{font-size:15px;margin:7px}.form-empty-builder p{font-size:10px;color:#81758c}.form-empty-builder button,.forms-list-head button{border:0;border-radius:8px;background:linear-gradient(90deg,#7a1fa2,#ff6b00);color:#fff;padding:10px 15px;font:500 10px Montserrat;cursor:pointer}.forms-list-card{background:#fff;border:1px solid #ebe4ee;border-radius:12px;padding:16px}.forms-list-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.forms-list-head h2{font-size:14px;margin:0}.forms-list-head p{font-size:9px;color:#81758c}.forms-list-card>.group-search{margin-bottom:10px;max-width:320px}.form-status{padding:4px 8px;border-radius:12px;font-size:8.5px}.form-status.active{background:#e6f8ec;color:#188348}.form-status.inactive{background:#f2edf4;color:#7f7188}.form-actions{display:flex;gap:6px;align-items:center}.form-actions form{display:inline}.form-actions button,.form-actions a{border:0;background:none;color:#5f5368;text-decoration:none;cursor:pointer}.form-builder-top{height:60px;background:#fff;border:1px solid #ebe4ee;border-radius:12px;margin:12px 0;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.builder-steps{display:flex;gap:26px;font-size:10px}.builder-steps b{color:#7a1fa2;border-bottom:2px solid #7a1fa2;padding:20px 4px}.builder-steps span{padding:20px 4px;color:#83778b}.form-builder-top>div:last-child{display:flex;gap:8px;align-items:center}.inline-form{display:inline}.builder-preview,.builder-save{border:1px solid #d8cae0;border-radius:7px;background:#fff;color:#6d258e;padding:8px 12px;text-decoration:none;font:500 9px Montserrat;cursor:pointer}.builder-save{border:0;background:#ff6b00;color:#fff}.form-builder-grid{display:grid;grid-template-columns:220px minmax(420px,1fr) 255px;gap:12px}.field-palette,.form-canvas,.field-config{background:#fff;border:1px solid #ebe4ee;border-radius:11px;padding:14px}.field-palette h2,.field-config h2{font-size:13px;margin:0 0 3px}.field-palette>p,.field-config>p{font-size:8.5px;color:#8b8092;margin:0 0 12px}.field-palette form{margin:0 0 5px}.field-palette button{width:100%;border:0;border-radius:5px;background:#f8f5fa;padding:8px 9px;text-align:left;font:500 9px Montserrat;color:#302637;cursor:pointer}.field-palette button:hover{background:#f0e7f5;color:#7a1fa2}.field-palette button span{margin-left:6px}.form-title-editor{padding:5px 5px 13px;border-bottom:1px dashed #e1d7e6;margin-bottom:12px}.form-title-editor input{width:100%;border:0;font:600 17px Montserrat;color:#2c2133;padding:5px}.form-title-editor textarea{width:100%;border:0;resize:vertical;font:400 9.5px Montserrat;padding:5px;color:#75697c}.form-title-editor button{border:0;background:none;color:#7a1fa2;font:500 8.5px Montserrat;cursor:pointer}.canvas-empty{height:180px;border:1px dashed #ddd2e3;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8c7d94;gap:6px}.canvas-empty strong{font-size:10px}.canvas-empty small{font-size:8.5px}.canvas-field{position:relative;border:1px solid #e6dde9;border-radius:8px;padding:12px;margin:9px 0}.canvas-field:hover{border-color:#a44ac2}.canvas-field-head{display:flex;align-items:center;gap:7px}.canvas-field-head strong{font-size:10px;flex:1}.canvas-field-head em{font-style:normal;background:#f5f0f7;border-radius:8px;padding:3px 7px;font-size:7.5px;color:#75697c}.canvas-field p{font-size:8.5px;color:#8c8193}.field-demo input[type=text],.field-demo input[type=number],.field-demo input[type=date],.field-demo input[type=time],.field-demo input[type=email],.field-demo textarea{width:100%;border:1px solid #e0d7e4;border-radius:5px;padding:8px;font:400 8.5px Montserrat}.field-demo label{display:block;font-size:8.5px;margin:5px}.file-demo{border:1px dashed #d7c9df;border-radius:6px;padding:22px;text-align:center;font-size:8.5px;color:#7e7087}.configure-field{position:absolute;right:9px;bottom:8px;border:0;background:#fff;color:#7a1fa2;font:500 8px Montserrat;cursor:pointer}.field-config-form{opacity:.45;pointer-events:none}.field-config.editing .field-config-form{opacity:1;pointer-events:auto}.field-config-form label{display:flex;flex-direction:column;gap:5px;font-size:8.5px;margin:10px 0}.field-config-form input,.field-config-form textarea{border:1px solid #ddd3e1;border-radius:5px;padding:8px;font:400 8.5px Montserrat}.field-config-form textarea{min-height:60px;resize:vertical}.field-config-form .cfg-check{flex-direction:row;align-items:center}.field-config-form .builder-save{width:100%}@media(max-width:1200px){.form-builder-grid{grid-template-columns:190px 1fr}.field-config{grid-column:1/-1}.field-config-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.field-config-form .builder-save{width:auto}}@media(max-width:800px){.form-builder-grid{grid-template-columns:1fr}.form-builder-top{height:auto;padding:10px;gap:10px;flex-wrap:wrap}}

/* v1.7.1 — Archivos, evidencia y campos avanzados */
.field-palette{max-height:720px;overflow:auto}.file-demo small{display:block;margin-top:5px;color:#95899c}.signature-demo,.location-demo{border:1px dashed #d7c9df;border-radius:6px;padding:22px;text-align:center;font-size:9px;color:#7a1fa2;background:#fcf9fd}.attachment-config{margin:12px 0;padding:10px;border:1px solid #eadff0;border-radius:7px;background:#fbf8fc}.attachment-config>b{font-size:9px;color:#6e2a8b}.attachment-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.field-palette button{min-height:31px}

/* v1.7.2 — Eliminar campos + vista previa real */
.canvas-field{padding-bottom:38px}.configure-field{right:82px}.delete-field-form{position:absolute;right:9px;bottom:7px;margin:0}.delete-field-btn{border:0;background:#fff;color:#a24a52;font:500 8px Montserrat;cursor:pointer}.delete-field-btn:hover{color:#d32f3f}.builder-preview{cursor:pointer}.form-preview-backdrop{position:fixed;inset:0;background:rgba(25,17,31,.62);z-index:9999;display:none;align-items:center;justify-content:center;padding:24px}.form-preview-backdrop.open{display:flex}.form-preview-modal{width:min(1120px,96vw);height:min(820px,92vh);background:#f6f4f7;border-radius:14px;overflow:hidden;box-shadow:0 24px 70px rgba(20,10,25,.3)}.form-preview-head{height:68px;background:#fff;border-bottom:1px solid #e9e2ec;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.form-preview-head small{font-size:8px;letter-spacing:.12em;color:#8d8194}.form-preview-head h2{font-size:15px;margin:3px 0 0}.preview-device-switch{display:flex;gap:6px;align-items:center}.preview-device-switch button{border:1px solid #dfd5e4;background:#fff;border-radius:7px;padding:7px 10px;font:500 8.5px Montserrat;color:#6d6174;cursor:pointer}.preview-device-switch button.active{border-color:#8d22bd;color:#7a1fa2;background:#fbf7fd}.preview-device-switch .preview-close{font-size:18px;border:0;margin-left:8px}.form-preview-stage{height:calc(100% - 68px);overflow:auto;padding:28px;display:flex;justify-content:center}.form-preview-sheet{width:min(760px,100%);min-height:560px;background:#fff;border-radius:12px;padding:30px 36px;box-shadow:0 6px 24px rgba(45,25,55,.06);transition:width .22s ease}.form-preview-sheet.mobile{width:390px}.form-preview-sheet h1{font-size:21px;margin:0 0 6px}.form-preview-sheet>p{font-size:10px;color:#7f7486;margin-bottom:24px}.preview-question{margin:0 0 20px}.preview-label{display:block;font-size:10.5px;font-weight:600;margin-bottom:6px}.preview-label b{color:#ff6b00}.preview-question>small{display:block;font-size:8.5px;color:#8a7f90;margin:-2px 0 7px}.preview-question input[type=text],.preview-question input[type=number],.preview-question input[type=date],.preview-question input[type=time],.preview-question input[type=email],.preview-question input[type=url],.preview-question input[type=datetime-local],.preview-question input[type=file],.preview-question textarea,.preview-question select{width:100%;box-sizing:border-box;border:1px solid #ddd4e1;border-radius:7px;padding:10px;font:400 9px Montserrat;background:#fff}.preview-question textarea{min-height:90px;resize:vertical}.preview-option{display:block;font-size:9px;margin:7px 0}.preview-signature{height:90px;border:1px dashed #d5c7dd;border-radius:7px;display:grid;place-items:center;font-size:9px;color:#94869c}.preview-location{border:1px solid #dacde0;background:#fff;border-radius:7px;padding:9px 12px;font:500 9px Montserrat;color:#762298}.preview-rating{font-size:27px;letter-spacing:5px;color:#ff6b00}.preview-submit{border:0;border-radius:8px;background:#ff6b00;color:#fff;padding:10px 20px;font:600 9px Montserrat}.preview-open{overflow:hidden}

/* v1.7.3 — Corrección estética global Configuración de campaña + Formularios */
/* Cabecera compacta aprobada: más espacio útil para la herramienta */
.campaign-config-page .platform-top{
  height:64px !important;
  min-height:64px !important;
  padding:0 24px !important;
}
.campaign-config-page .platform-brand{height:64px !important;align-items:center !important}
.campaign-config-page .platform-brand img{
  width:172px !important;
  height:46px !important;
  object-fit:contain !important;
  margin-right:18px !important;
}
.campaign-config-page .platform-brand>div{
  height:38px !important;
  padding-left:18px !important;
  border-left:1px solid rgba(255,255,255,.46) !important;
  justify-content:center !important;
}
.campaign-config-page .platform-brand b{font-size:15px !important;font-weight:400 !important;line-height:1.15 !important}
.campaign-config-page .platform-brand span{font-size:9.5px !important;margin-top:3px !important;font-weight:400 !important}
.campaign-config-page .platform-close{width:34px !important;height:34px !important;font-size:27px !important;border-radius:7px !important}

/* Menú lateral compacto */
.campaign-config-page .campaign-config-full{
  grid-template-columns:255px minmax(0,1fr) !important;
  height:calc(100vh - 64px) !important;
  min-height:calc(100vh - 64px) !important;
}
.campaign-config-page .campaign-config-full .campaign-config-sidebar{
  padding:14px 12px 20px !important;
}
.campaign-config-page .campaign-config-select{margin-bottom:10px !important}
.campaign-config-page .campaign-config-select select{height:42px !important;font-size:10.5px !important}
.campaign-config-page .campaign-config-item{
  min-height:38px !important;
  padding:7px 10px !important;
  gap:9px !important;
  font-size:11px !important;
  border-radius:7px !important;
}
.campaign-config-page .campaign-config-item i{width:18px !important;font-size:15px !important}
.campaign-config-page .campaign-config-sub{padding:1px 0 4px !important}
.campaign-config-page .campaign-sub-link{
  min-height:32px !important;
  padding:6px 10px 6px 34px !important;
  gap:7px !important;
  font-size:10px !important;
}

/* Formularios: recuperar márgenes, jerarquía y aire visual */
.campaign-config-page .forms-work{
  padding:18px 22px 32px !important;
  background:#f7f8fb !important;
  overflow:auto !important;
}
.forms-work .tags-head{align-items:center !important;margin-bottom:14px !important}
.forms-work .tags-breadcrumb{margin-bottom:6px !important}
.forms-work .tags-head h1{font-size:19px !important;font-weight:500 !important;line-height:1.2 !important}
.forms-work .tags-head p{font-size:9.5px !important}
.forms-work .tags-info{max-width:390px !important;padding:9px 12px !important;font-size:9px !important}
.forms-work .form-empty-builder{min-height:150px !important;margin:0 0 12px !important;border-radius:10px !important}
.forms-work .form-empty-builder>div>span{font-size:23px !important}
.forms-work .form-empty-builder h2{font-size:13.5px !important;font-weight:600 !important;margin:5px !important}
.forms-work .form-empty-builder p{font-size:9px !important;margin:5px 0 10px !important}
.forms-work .form-empty-builder button,.forms-work .forms-list-head button{padding:8px 13px !important;font-size:9px !important}
.forms-work .forms-list-card{padding:14px !important;border-radius:10px !important}
.forms-work .forms-list-head{margin-bottom:10px !important}
.forms-work .forms-list-head h2{font-size:13px !important;font-weight:600 !important}
.forms-work .forms-list-head p{font-size:8.5px !important;margin:4px 0 0 !important}
.forms-work .group-table th,.forms-work .group-table td{padding:10px 12px !important;font-size:9.5px !important}

/* Constructor: mejor uso del ancho disponible */
.forms-work .form-builder-top{height:50px !important;margin:0 0 10px !important;padding:0 13px !important}
.forms-work .builder-steps{gap:20px !important;font-size:9.5px !important}
.forms-work .builder-steps b,.forms-work .builder-steps span{padding:16px 3px !important}
.forms-work .form-builder-grid{grid-template-columns:190px minmax(440px,1fr) 235px !important;gap:10px !important}
.forms-work .field-palette,.forms-work .form-canvas,.forms-work .field-config{padding:12px !important;border-radius:9px !important}
.forms-work .field-palette button{padding:7px 8px !important;font-size:8.5px !important;margin:0 !important}
.forms-work .field-palette form{margin-bottom:4px !important}
.forms-work .canvas-field{padding:10px !important;margin:7px 0 !important}
@media(max-width:1200px){
 .campaign-config-page .campaign-config-full{grid-template-columns:230px minmax(0,1fr) !important}
 .forms-work .form-builder-grid{grid-template-columns:175px minmax(390px,1fr) !important}
}

/* v1.7.4 — Modal Crear formulario: layout limpio y consistente */
.forms-page #newFormModal .group-modal{width:min(650px,calc(100vw - 40px));border-radius:14px}
.forms-page #newFormModal .group-modal-head{height:auto;min-height:82px;padding:18px 26px}
.forms-page #newFormModal .group-modal-head h2{font-size:19px;line-height:1.25}
.forms-page #newFormModal form{display:block}
.forms-page #newFormModal .group-modal-body{padding:22px 26px 24px;display:grid;grid-template-columns:1fr;gap:18px}
.forms-page #newFormModal .group-modal-body label{display:flex;flex-direction:column;gap:7px;margin:0;font:500 10px 'Montserrat','Segoe UI',Arial,sans-serif;color:#514557}
.forms-page #newFormModal .group-modal-body input,
.forms-page #newFormModal .group-modal-body textarea{box-sizing:border-box;width:100%;margin:0;border:1px solid #ddd6e1;border-radius:7px;background:#fff;padding:10px 12px;color:#352b3b;font:400 10.5px 'Montserrat','Segoe UI',Arial,sans-serif;outline:none}
.forms-page #newFormModal .group-modal-body input{height:39px}
.forms-page #newFormModal .group-modal-body textarea{height:88px;min-height:88px;resize:vertical;line-height:1.45}
.forms-page #newFormModal .group-modal-body input:focus,
.forms-page #newFormModal .group-modal-body textarea:focus{border-color:#9a45b8;box-shadow:0 0 0 3px rgba(122,31,162,.06)}
.forms-page #newFormModal .group-modal-foot{height:auto;min-height:66px;padding:14px 26px;gap:10px;background:#fff}
.forms-page #newFormModal .group-cancel,
.forms-page #newFormModal .group-save{height:36px;padding:0 16px;border-radius:7px;font-size:9.5px}
@media(max-width:650px){.forms-page #newFormModal .group-modal{width:100%}.forms-page #newFormModal .group-modal-body,.forms-page #newFormModal .group-modal-head,.forms-page #newFormModal .group-modal-foot{padding-left:18px;padding-right:18px}}

/* v1.7.5 — Lista desplegable configurable */
.field-demo .builder-select{width:100%;border:1px solid #e0d7e4;border-radius:5px;padding:8px 30px 8px 9px;background:#fff;color:#75697c;font:400 8.5px 'Montserrat','Segoe UI',Arial,sans-serif}
.form-preview-sheet select{width:100%;border:1px solid #ddd3e1;border-radius:7px;background:#fff;padding:10px 34px 10px 10px;font:400 10px 'Montserrat','Segoe UI',Arial,sans-serif;color:#403546}

/* v1.7.6 — Paleta alfabética + ordenamiento Drag & Drop */
.canvas-field[draggable=true]{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,opacity .16s ease}
.canvas-field .drag-handle{cursor:grab;user-select:none;font-size:15px;color:#7b6c84;padding:2px 4px}
.canvas-field .drag-handle:active{cursor:grabbing}
.canvas-field.dragging{opacity:.42;box-shadow:0 10px 25px rgba(71,39,84,.10)}
.canvas-field.drop-before{border-top:3px solid #8d22bd!important}
.canvas-field.drop-after{border-bottom:3px solid #ff6b00!important}
.form-canvas.saving-order:after{content:"Guardando orden…";position:sticky;bottom:10px;float:right;background:#34273d;color:#fff;padding:6px 10px;border-radius:12px;font:500 8px 'Montserrat','Segoe UI',Arial,sans-serif;z-index:5}
.form-canvas.order-saved:after{content:"✓ Orden guardado";position:sticky;bottom:10px;float:right;background:#34273d;color:#fff;padding:6px 10px;border-radius:12px;font:500 8px 'Montserrat','Segoe UI',Arial,sans-serif;z-index:5}

/* v1.7.7 — Ficha operativa de tipificación: notas, adjuntos y acciones */
.tip-ui-config .tags-table-title,.tip-live-preview .tags-table-title{margin-bottom:14px}.tip-ui-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tip-ui-card{border:1px solid #e7e0ea;border-radius:10px;background:#fff;padding:15px;display:flex;flex-direction:column;gap:10px}.tip-ui-card h3{margin:0;font:600 12px 'Montserrat','Segoe UI',Arial,sans-serif;color:#3d3144}.tip-ui-card p{margin:0 0 3px;font:400 9px 'Montserrat','Segoe UI',Arial,sans-serif;color:#8a7f90}.tip-ui-card label{display:flex;flex-direction:column;gap:5px;font:500 9px 'Montserrat','Segoe UI',Arial,sans-serif;color:#514557}.tip-ui-card input,.tip-ui-card select{box-sizing:border-box;width:100%;height:35px;border:1px solid #ded6e2;border-radius:6px;padding:0 9px;background:#fff;font:400 9px 'Montserrat','Segoe UI',Arial,sans-serif}.tip-ui-card .tip-check{flex-direction:row;align-items:center;gap:7px}.tip-ui-card .tip-check input{width:15px;height:15px}.tip-ui-card hr{width:100%;border:0;border-top:1px solid #eee8f0;margin:3px 0}.tip-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tip-button-add{display:grid;grid-template-columns:1fr 1.25fr 1fr auto;gap:7px;align-items:end}.tip-button-list{display:flex;flex-direction:column;gap:6px;margin-top:4px}.tip-button-list>div{display:grid;grid-template-columns:minmax(110px,1fr) 90px 28px;gap:7px;align-items:center;border-top:1px solid #f0ebf2;padding-top:6px}.tip-button-list small{font:400 8px 'Montserrat','Segoe UI',Arial,sans-serif;color:#8a7f90}.tip-button-list form button{border:0;background:#fff;color:#d84c57;font-size:16px;cursor:pointer}.tip-action-preview{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 11px;border-radius:6px;font:500 8.5px 'Montserrat','Segoe UI',Arial,sans-serif}.tip-action-primary{background:#7a1fa2!important;color:#fff!important}.tip-action-success{background:#10b981!important;color:#fff!important}.tip-action-warning{background:#f59e0b!important;color:#fff!important}.tip-action-danger{background:#e85d68!important;color:#fff!important}.tip-action-neutral{background:#eee9f0!important;color:#55495c!important}.tip-empty{padding:10px;border:1px dashed #ddd2e2;border-radius:7px}.tip-preview-card{max-width:620px;margin:0 auto;border:1px solid #e3dbe7;border-radius:11px;background:#fff;padding:18px;box-shadow:0 6px 22px rgba(65,38,76,.05);display:flex;flex-direction:column;gap:12px}.tip-preview-card>label{display:flex;flex-direction:column;gap:5px;font:500 9.5px 'Montserrat','Segoe UI',Arial,sans-serif;color:#403646}.tip-preview-card select,.tip-preview-card textarea,.tip-preview-card input[type=file]{box-sizing:border-box;width:100%;border:1px solid #dcd3e1;border-radius:6px;background:#fff;padding:9px;font:400 9px 'Montserrat','Segoe UI',Arial,sans-serif}.tip-preview-card textarea{height:100px;resize:none}.tip-preview-card small{font:400 8px 'Montserrat','Segoe UI',Arial,sans-serif;color:#8c8290}.tip-preview-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.tip-preview-actions button{border:0;border-radius:6px;min-height:34px;padding:0 16px;font:500 9px 'Montserrat','Segoe UI',Arial,sans-serif;cursor:default}@media(max-width:1000px){.tip-ui-grid{grid-template-columns:1fr}.tip-button-add{grid-template-columns:1fr 1fr}.tip-button-add button{grid-column:1/-1}}

/* v1.7.8 — Paleta automática de botones de tipificación */
.tip-action-orange{background:#ff6b00!important;color:#fff!important}
.tip-action-charcoal{background:#3f3a43!important;color:#fff!important}
.tip-action-primary,.tip-action-orange,.tip-action-charcoal{box-shadow:0 2px 6px rgba(54,39,61,.08)}
.tip-button-add{grid-template-columns:1fr 1.25fr auto}
@media(max-width:1000px){.tip-button-add{grid-template-columns:1fr 1fr}.tip-button-add button{grid-column:1/-1}}

/* v1.7.9 — Formatos reutilizables de tipificación */
.tip-format-create{border:1px solid #e7dfea;border-radius:10px;padding:14px;background:#fbf9fc;margin:12px 0 16px}
.tip-format-create form{display:grid;grid-template-columns:1fr 1.35fr auto;gap:10px;align-items:end}
.tip-format-create label{display:flex;flex-direction:column;gap:5px;font:500 9px 'Montserrat','Segoe UI',Arial,sans-serif;color:#594c61}
.tip-format-create input{height:36px;border:1px solid #ded5e2;border-radius:7px;padding:0 10px;font:400 9px 'Montserrat','Segoe UI',Arial,sans-serif}
.tip-format-create small{display:block;margin-top:8px;color:#897d8f;font:400 8px 'Montserrat','Segoe UI',Arial,sans-serif}
.tip-format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tip-format-card{border:1px solid #e6dfe8;border-radius:11px;padding:14px;background:#fff;box-shadow:0 3px 12px rgba(55,31,65,.035)}
.tip-format-card header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.tip-format-card header small{font:600 7px 'Montserrat','Segoe UI',Arial,sans-serif;color:#9a8da0;letter-spacing:.06em}.tip-format-card h3{margin:3px 0 0;font:600 11px 'Montserrat','Segoe UI',Arial,sans-serif;color:#3e3245}.tip-format-card>p{min-height:24px;margin:8px 0;color:#7d7183;font:400 8.5px 'Montserrat','Segoe UI',Arial,sans-serif}
.tip-format-status{padding:5px 8px;border-radius:12px;font:600 7px 'Montserrat','Segoe UI',Arial,sans-serif}.tip-format-status.active{background:#f0e6f5;color:#7a1fa2}.tip-format-status.inactive{background:#eceaec;color:#68616b}
.tip-format-meta{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}.tip-format-meta span{background:#f6f2f7;border-radius:12px;padding:5px 8px;font:500 7.5px 'Montserrat','Segoe UI',Arial,sans-serif;color:#65596b}
.tip-format-actions{display:flex;gap:6px;flex-wrap:wrap;border-top:1px solid #f0ebf2;padding-top:10px}.tip-format-actions form{margin:0}.tip-format-actions button{height:29px;border:1px solid #ded5e2;background:#fff;border-radius:6px;padding:0 9px;font:500 7.5px 'Montserrat','Segoe UI',Arial,sans-serif;color:#594d60;cursor:pointer}.tip-format-actions .tip-format-preview-btn{background:#7a1fa2;border-color:#7a1fa2;color:#fff}.tip-format-actions button.danger{color:#8a5555}
.tip-format-empty{grid-column:1/-1;padding:22px;border:1px dashed #dcd2e0;border-radius:10px;text-align:center;color:#887c8e;font:400 9px 'Montserrat','Segoe UI',Arial,sans-serif}
.tip-saved-preview-modal{width:min(680px,calc(100vw - 40px))}.tip-saved-preview-body{padding:18px 24px;max-height:70vh;overflow:auto}.tip-preview-card.saved{margin:0}
@media(max-width:850px){.tip-format-create form{grid-template-columns:1fr}.tip-format-grid{grid-template-columns:1fr}}

/* v1.8.0 — Mis formatos + vista previa, alineado al mockup aprobado */
.tip-formats-section{position:relative}
.tip-formats-summary{display:flex;align-items:center;gap:9px;margin:12px 0;padding:10px 12px;border:1px solid #e7dfea;border-radius:9px;background:#faf8fb}
.tip-formats-summary span{font:500 8px 'Montserrat','Segoe UI',Arial,sans-serif;color:#756a7b;padding-right:10px;border-right:1px solid #e7dfea}
.tip-formats-summary span b{font-size:10px;color:#4b3d52;margin-right:3px}
.tip-formats-summary button{margin-left:auto;height:31px;border:0;border-radius:6px;background:#7a1fa2;color:#fff;padding:0 12px;font:500 8px 'Montserrat','Segoe UI',Arial,sans-serif;cursor:pointer}
.tip-format-card{position:relative;overflow:hidden}
.tip-format-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#7a1fa2,#ff6b00)}
.tip-format-card .tip-format-preview-btn{min-width:88px}
.tip-saved-preview-modal .group-modal-head{background:linear-gradient(105deg,#7a1fa2,#a42c91,#ff6b00);color:#fff}
.tip-saved-preview-modal .group-modal-head small,.tip-saved-preview-modal .group-modal-head h2{color:#fff}
.tip-saved-preview-modal .group-modal-close{color:#fff}
.tip-saved-preview-body .tip-preview-card{border:1px solid #e5d6ec;box-shadow:0 8px 28px rgba(77,34,96,.08)}
.tip-saved-preview-body .tip-preview-actions button{min-width:110px}
@media(min-width:1180px){
 .tip-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* v1.8.1 — Listado principal de Tipificaciones */
.tip-list-shell{margin-top:16px;border:1px solid #e4dde7;border-radius:11px;background:#fff;overflow:hidden;box-shadow:0 8px 24px rgba(47,29,56,.035)}
.tip-list-toolbar{min-height:76px;display:flex;align-items:center;gap:18px;padding:0 20px;border-bottom:1px solid #eee8f0}
.tip-list-toolbar .tip-add-main{display:inline-flex;align-items:center;height:43px;padding:0 18px;border-radius:9px;background:#ff6b00;color:#fff;text-decoration:none;font:600 9px 'Montserrat','Segoe UI',Arial,sans-serif;letter-spacing:.01em}
.tip-list-toolbar>button{border:0;background:transparent;color:#7a1fa2;font:500 8px 'Montserrat','Segoe UI',Arial,sans-serif;cursor:pointer}
.tip-list-toolbar>input{margin-left:auto;width:280px;height:44px;border:1px solid #ddd5e0;border-radius:9px;padding:0 15px;font:400 9px 'Montserrat','Segoe UI',Arial,sans-serif;color:#5d5263}
.tip-main-table th{height:52px;font-weight:500}.tip-main-table td{height:59px}.tip-main-table td:nth-child(2) strong{display:block;font:500 9px 'Montserrat','Segoe UI',Arial,sans-serif;color:#44374b}.tip-main-table td:nth-child(2) small{display:block;margin-top:3px;font:400 7.5px 'Montserrat','Segoe UI',Arial,sans-serif;color:#95899b}
.tip-list-status{display:inline-flex;align-items:center;border-radius:16px;padding:6px 11px;font:500 8px 'Montserrat','Segoe UI',Arial,sans-serif}.tip-list-status.active{background:#eaf8ef;color:#27934b}.tip-list-status.inactive{background:#efedf0;color:#716a75}
.tip-row-actions{display:flex;align-items:center;gap:7px}.tip-row-actions form{margin:0}.tip-row-actions button{width:31px;height:29px;border:0;background:transparent;color:#5b4a62;border-radius:6px;cursor:pointer;font-size:12px}.tip-row-actions button:hover{background:#f5eff7;color:#7a1fa2}
@media(max-width:900px){.tip-list-toolbar{flex-wrap:wrap;padding:14px}.tip-list-toolbar>input{margin-left:0;width:100%}}

/* v1.8.2 — Tipificaciones: escala equivalente a Grupos + Editar */
.tip-list-shell{margin-top:18px;border-radius:12px}
.tip-list-toolbar{min-height:82px;padding:15px 18px;gap:18px}
.tip-list-toolbar .tip-add-main{min-width:124px;height:44px;font-size:10px;border-radius:9px}
.tip-list-toolbar button{font-size:9px;padding:0 9px}
.tip-list-toolbar input{width:282px;height:45px;font-size:9px;border-radius:9px}
.tip-main-table th{height:54px;font-size:9px;padding:0 18px}
.tip-main-table td{height:72px;font-size:9.5px;padding:10px 18px}
.tip-main-table td strong{font-size:9.5px;font-weight:500}
.tip-main-table td small{font-size:7.5px;margin-top:4px}
.tip-list-status{font-size:8px;padding:7px 13px}
.tip-row-actions{gap:8px;align-items:center}
.tip-row-actions form{margin:0}
.tip-row-actions button,.tip-row-actions .tip-edit-action{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:7px;background:transparent;color:#5b4765;font:500 14px 'Montserrat','Segoe UI',Arial,sans-serif;text-decoration:none;cursor:pointer}
.tip-row-actions button:hover,.tip-row-actions .tip-edit-action:hover{background:#f2ebf5;color:#7a1fa2}
.tip-row-actions .tip-edit-action{color:#ff6b00}

/* v1.9.0 — Multi registro: constructor universal de combinaciones y paquetes */
.multi-config-launch{display:none;margin:12px 0;padding:12px;border:1px solid #eadff0;border-radius:9px;background:#faf8fb}.multi-config-launch.show{display:block}.multi-config-launch b{font:600 9px 'Montserrat','Segoe UI',Arial,sans-serif}.multi-config-launch p{font:400 8px 'Montserrat','Segoe UI',Arial,sans-serif;color:#7b6e81;margin:5px 0 9px}
.multi-demo{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px dashed #d8c9df;border-radius:8px;background:#faf8fb}.multi-demo b{font:600 9px 'Montserrat','Segoe UI',Arial,sans-serif;color:#5d3c6d}.multi-demo small{font:400 8px 'Montserrat','Segoe UI',Arial,sans-serif;color:#887a8e}
.multi-builder-modal{width:min(1180px,calc(100vw - 44px));max-height:92vh}.multi-builder-body{padding:18px 22px;max-height:72vh;overflow:auto;background:#faf9fb}.multi-step{display:grid;grid-template-columns:30px 1fr;gap:12px;background:#fff;border:1px solid #e7e0e9;border-radius:10px;padding:14px;margin-bottom:12px}.multi-step>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#7a1fa2;color:#fff;font:600 9px 'Montserrat','Segoe UI',Arial,sans-serif}.multi-step h3{margin:2px 0 4px;font:600 11px 'Montserrat','Segoe UI',Arial,sans-serif}.multi-step p{margin:0 0 10px;color:#7b7180;font:400 8px 'Montserrat','Segoe UI',Arial,sans-serif}
.multi-name-row{display:flex;gap:7px;align-items:center;margin:6px 0}.multi-name-row>b{cursor:grab;color:#887690}.multi-name-row input{height:34px;min-width:260px;border:1px solid #ddd4e1;border-radius:6px;padding:0 9px;font:400 8px 'Montserrat','Segoe UI',Arial,sans-serif}.multi-name-row button,.multi-rows-table button{border:0;background:#f5eef7;color:#7a1fa2;border-radius:6px;width:30px;height:30px;cursor:pointer}.multi-add{border:1px dashed #cbb7d4;background:#fff;color:#7a1fa2;border-radius:7px;height:32px;padding:0 11px;font:500 8px 'Montserrat','Segoe UI',Arial,sans-serif;cursor:pointer}
.multi-rows-wrap{overflow:auto;border:1px solid #ece6ee;border-radius:8px}.multi-rows-table{border-collapse:collapse;min-width:100%;background:#fff}.multi-rows-table th,.multi-rows-table td{padding:7px;border-bottom:1px solid #eee9f0;text-align:left;white-space:nowrap}.multi-rows-table th{font:600 8px 'Montserrat','Segoe UI',Arial,sans-serif;background:#f7f4f8}.multi-rows-table th.result{color:#ff6b00}.multi-rows-table input{height:31px;min-width:130px;border:1px solid #ded6e2;border-radius:5px;padding:0 7px;font:400 8px 'Montserrat','Segoe UI',Arial,sans-serif}
.multi-admin-preview,.multi-runtime{border:1px solid #e2d5e8;border-radius:9px;padding:13px;background:#fff}.multi-preview-sequence{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.multi-preview-sequence label{display:flex;flex-direction:column;gap:5px;min-width:150px;flex:1}.multi-preview-sequence label span{font:500 8px 'Montserrat','Segoe UI',Arial,sans-serif}.multi-preview-sequence select{height:36px;border:1px solid #dcd3e0;border-radius:6px;padding:0 8px;font:400 8px 'Montserrat','Segoe UI',Arial,sans-serif}.multi-preview-sequence i{align-self:center;color:#8a7a91}.multi-preview-result{margin-top:12px;padding:12px;border-radius:8px;background:#f8f5f9}.multi-preview-result>b{display:block;font:600 9px 'Montserrat','Segoe UI',Arial,sans-serif;color:#7a1fa2;margin-bottom:8px}.multi-preview-result>div{display:flex;gap:8px;flex-wrap:wrap}.multi-preview-result span{min-width:120px;background:#fff;border:1px solid #ebe4ed;border-radius:7px;padding:8px}.multi-preview-result span small,.multi-preview-result span strong{display:block}.multi-preview-result span small{font:500 7px 'Montserrat','Segoe UI',Arial,sans-serif;color:#887c8d}.multi-preview-result span strong{font:600 9px 'Montserrat','Segoe UI',Arial,sans-serif;margin-top:3px}
@media(max-width:900px){.multi-preview-sequence{display:grid;grid-template-columns:1fr}.multi-preview-sequence i{display:none}}



/* v1.9.2 — Sistema tipográfico responsive de Campañas */
.campaign-config-page{--fs-page-title:clamp(20px,1.15vw + 10px,24px);--fs-page-subtitle:clamp(14px,.38vw + 11px,16px);--fs-section:clamp(15px,.35vw + 12px,17px);--fs-body:clamp(13px,.22vw + 11px,14px);--fs-control:clamp(13px,.20vw + 11px,14px);--fs-small:clamp(12px,.16vw + 10.5px,13px);--fs-sidebar:clamp(13px,.22vw + 11px,15px);--fs-sidebar-sub:clamp(12px,.20vw + 10.5px,14px)}
.campaign-config-page .campaign-config-work{container-type:inline-size}
.campaign-config-page .campaign-config-work h1{font-size:var(--fs-page-title)!important;line-height:1.22}.campaign-config-page .campaign-config-work h2,.campaign-config-page .campaign-config-work h3{font-size:var(--fs-section)!important;line-height:1.3}
.campaign-config-page .campaign-config-work p,.campaign-config-page .campaign-config-work label,.campaign-config-page .campaign-config-work td,.campaign-config-page .campaign-config-work a,.campaign-config-page .campaign-config-work strong,.campaign-config-page .campaign-config-work em{font-size:var(--fs-body)!important}.campaign-config-page .campaign-config-work th,.campaign-config-page .campaign-config-work input,.campaign-config-page .campaign-config-work textarea,.campaign-config-page .campaign-config-work select,.campaign-config-page .campaign-config-work button{font-size:var(--fs-control)!important}.campaign-config-page .campaign-config-work small,.campaign-config-page .tags-breadcrumb{font-size:var(--fs-small)!important}.campaign-config-page .tags-head>div>p{font-size:var(--fs-page-subtitle)!important}
.campaign-config-page .campaign-config-sidebar .campaign-config-item,.campaign-config-page .campaign-config-sidebar .campaign-config-item span,.campaign-config-page .campaign-config-sidebar .campaign-config-select,.campaign-config-page .campaign-config-sidebar .campaign-config-select span,.campaign-config-page .campaign-config-sidebar select{font-size:var(--fs-sidebar)!important}.campaign-config-page .campaign-config-sidebar .campaign-sub-link,.campaign-config-page .campaign-config-sidebar .campaign-sub-link span{font-size:var(--fs-sidebar-sub)!important}
.campaign-config-page .campaign-config-sidebar i,.campaign-config-page .form-actions a,.campaign-config-page .form-actions button{font-size:initial}
@container (max-width:920px){.campaign-config-page .tags-head{gap:14px;align-items:flex-start}.campaign-config-page .tags-info{max-width:46%}.campaign-config-page .group-table{min-width:760px}.campaign-config-page .forms-list-card{overflow-x:auto}.campaign-config-page .form-builder-grid{grid-template-columns:minmax(180px,230px) minmax(360px,1fr)}.campaign-config-page .field-config{grid-column:1/-1}}
@media(max-width:900px){.campaign-config-page{--fs-page-title:22px;--fs-page-subtitle:15px;--fs-section:16px;--fs-body:14px;--fs-control:14px;--fs-small:12px;--fs-sidebar:14px;--fs-sidebar-sub:13px}.campaign-config-page .campaign-config-shell{display:block}.campaign-config-page .campaign-config-sidebar{position:relative!important;width:100%!important;min-height:auto!important}.campaign-config-page .campaign-config-work{width:100%!important;padding:18px 16px!important}.campaign-config-page .tags-head{display:block}.campaign-config-page .tags-info{max-width:none!important;margin-top:12px}.campaign-config-page .form-builder-grid{display:block}.campaign-config-page .field-palette,.campaign-config-page .field-config{margin-bottom:14px}.campaign-config-page .group-table{min-width:720px}.campaign-config-page .forms-list-card{overflow-x:auto}.campaign-config-page .multi-preview-sequence{display:grid;grid-template-columns:1fr}.campaign-config-page .multi-preview-sequence i{display:none}}
@media(max-width:560px){.campaign-config-page{--fs-page-title:21px;--fs-page-subtitle:14px;--fs-section:16px;--fs-body:14px;--fs-control:14px;--fs-small:12px}.campaign-config-page .campaign-config-work{padding:14px 12px!important}.campaign-config-page .tags-head h1{margin-bottom:6px}.campaign-config-page .forms-list-head,.campaign-config-page .form-builder-top{display:flex;flex-direction:column;align-items:stretch;gap:10px}.campaign-config-page .forms-list-head button,.campaign-config-page .builder-preview,.campaign-config-page .builder-save{min-height:42px}.campaign-config-page .group-search{width:100%!important;max-width:none!important}.campaign-config-page .multi-builder-modal{width:calc(100vw - 16px)!important}.campaign-config-page .multi-step{grid-template-columns:1fr}.campaign-config-page .multi-step>span{margin-bottom:4px}}

/* v1.9.3 — Constructor de Formularios: responsive por componente.
   Antes de reducir texto, damos espacio al panel y reorganizamos columnas. */
.campaign-config-page .form-builder-grid{
  grid-template-columns:minmax(230px,250px) minmax(420px,1fr) minmax(250px,280px);
  gap:12px;
  align-items:start;
}
.campaign-config-page .field-palette{
  min-width:230px;
}
.campaign-config-page .field-palette h2{
  font-size:clamp(16px,1.15vw,18px)!important;
  line-height:1.25!important;
}
.campaign-config-page .field-palette>p{
  font-size:14px!important;
  line-height:1.45!important;
}
.campaign-config-page .field-palette form button{
  width:100%;
  min-height:40px;
  height:auto;
  padding:9px 11px;
  display:flex;
  align-items:center;
  gap:9px;
  text-align:left;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
  line-height:1.3;
  font-size:clamp(12px,.22vw + 10px,14px)!important;
}
.campaign-config-page .field-palette form button>span{
  font-size:inherit!important;
  line-height:inherit!important;
}
.campaign-config-page .field-config{
  min-width:250px;
}
@media (max-width:1250px){
 .campaign-config-page .form-builder-grid{
   grid-template-columns:minmax(230px,250px) minmax(380px,1fr);
 }
 .campaign-config-page .field-config{
   grid-column:1/-1;
   min-width:0;
 }
}
@media (max-width:760px){
 .campaign-config-page .form-builder-grid{display:block}
 .campaign-config-page .field-palette,
 .campaign-config-page .field-config,
 .campaign-config-page .form-canvas{
   width:100%;min-width:0;margin-bottom:14px;
 }
 .campaign-config-page .field-palette form button{
   font-size:14px!important;
   min-height:44px;
 }
}

/* v1.9.4 — Identidad digital ENJAMBRE alineada al Manual de Marca 2022.
   Comfortaa = tipografía técnica/web; Century Gothic queda como fallback corporativo.
   Naranja + morado se mantienen como ejes cromáticos. */
:root{
 --enj-orange:#ff6b00;
 --enj-purple:#8f159d;
 --enj-purple-dark:#241b2c;
 --enj-brand-gradient:linear-gradient(100deg,#ff6b00 0%,#ef493d 48%,#b00091 100%);
 --enj-font-ui:Comfortaa,'Century Gothic',Arial,sans-serif;
}
body,.campaign-config-page{font-family:var(--enj-font-ui)}
.platform-top.gradient{background:var(--enj-brand-gradient)}
/* El panal se usa como firma visual sutil, no como textura dominante. */
.campaign-config-page .campaign-config-work:before{
 content:"";
 position:fixed;
 right:18px;
 bottom:16px;
 width:128px;
 height:112px;
 pointer-events:none;
 opacity:.025;
 background:
  linear-gradient(30deg,#8f159d 12%,transparent 12.5%,transparent 87%,#8f159d 87.5%,#8f159d),
  linear-gradient(150deg,#8f159d 12%,transparent 12.5%,transparent 87%,#8f159d 87.5%,#8f159d),
  linear-gradient(30deg,#8f159d 12%,transparent 12.5%,transparent 87%,#8f159d 87.5%,#8f159d);
 background-size:42px 72px;
 z-index:0;
}
.campaign-config-page .campaign-config-work>*{position:relative;z-index:1}
@media(max-width:760px){
 .campaign-config-page .campaign-config-work:before{width:84px;height:74px;opacity:.018}
}

/* v1.9.5 — Ajuste fino del constructor de Formularios.
   1) Campos disponibles: -1px solo en los botones.
   2) Canvas central: menor altura/padding para equilibrar las tres columnas. */
@media (min-width:761px){
 .campaign-config-page .field-palette form button{
   font-size:clamp(12px,.18vw + 9px,13px)!important;
   padding-left:10px;
   padding-right:10px;
 }
 .campaign-config-page .form-canvas{
   padding-top:14px!important;
   padding-bottom:14px!important;
 }
 .campaign-config-page .form-title-editor{
   margin-bottom:10px!important;
 }
 .campaign-config-page .canvas-empty{
   min-height:190px!important;
   padding:22px 18px!important;
 }
}
@media (min-width:1200px){
 .campaign-config-page .canvas-empty{
   min-height:205px!important;
 }
}
@media (max-width:760px){
 /* En móvil conservamos la legibilidad y el ancho completo del componente. */
 .campaign-config-page .field-palette form button{font-size:14px!important}
 .campaign-config-page .canvas-empty{min-height:180px!important;padding:20px 14px!important}
}

/* v1.9.6 — Centrado horizontal del bloque central del constructor.
   Se crea aire real entre Campos disponibles y el canvas sin tocar tipografía. */
@media (min-width:1251px){
 .campaign-config-page .form-builder-grid{
   grid-template-columns:minmax(230px,250px) minmax(420px,1fr) minmax(250px,280px);
   column-gap:16px!important;
 }
 .campaign-config-page .form-canvas{
   width:calc(100% - 24px)!important;
   max-width:calc(100% - 24px)!important;
   margin-left:24px!important;
   margin-right:0!important;
   box-sizing:border-box;
 }
}
@media (min-width:761px) and (max-width:1250px){
 .campaign-config-page .form-builder-grid{column-gap:16px!important}
 .campaign-config-page .form-canvas{
   width:calc(100% - 18px)!important;
   max-width:calc(100% - 18px)!important;
   margin-left:18px!important;
   box-sizing:border-box;
 }
}
@media (max-width:760px){
 .campaign-config-page .form-canvas{
   width:100%!important;
   max-width:none!important;
   margin-left:0!important;
   margin-right:0!important;
 }
}

/* v1.9.7 — Balance definitivo del constructor de Formularios.
   Laterales legibles y proporcionales; centro flexible, sin acaparar espacio. */
@media (min-width:1251px){
 .campaign-config-page .form-builder-grid{
   grid-template-columns:minmax(245px,270px) minmax(400px,1fr) minmax(285px,310px)!important;
   column-gap:18px!important;
   align-items:start;
 }
 .campaign-config-page .form-canvas{
   width:100%!important;
   max-width:100%!important;
   margin-left:0!important;
   margin-right:0!important;
   box-sizing:border-box;
 }
 .campaign-config-page .field-palette{min-width:245px!important}
 .campaign-config-page .field-config{min-width:285px!important}
}
/* El panel derecho usa la misma escala de texto ideal de los campos disponibles. */
@media (min-width:761px){
 .campaign-config-page .field-config p,
 .campaign-config-page .field-config label,
 .campaign-config-page .field-config small,
 .campaign-config-page .field-config input,
 .campaign-config-page .field-config textarea,
 .campaign-config-page .field-config select,
 .campaign-config-page .field-config button{
   font-size:13px!important;
   line-height:1.42!important;
 }
 .campaign-config-page .field-config h2,
 .campaign-config-page .field-config h3{
   font-size:clamp(16px,1.15vw,18px)!important;
   line-height:1.25!important;
 }
}
@media (min-width:951px) and (max-width:1250px){
 .campaign-config-page .form-builder-grid{
   grid-template-columns:minmax(235px,255px) minmax(390px,1fr)!important;
   column-gap:18px!important;
 }
 .campaign-config-page .form-canvas{
   width:100%!important;max-width:100%!important;margin:0!important;
 }
 .campaign-config-page .field-config{
   grid-column:1/-1!important;
   min-width:0!important;
 }
}
@media (min-width:761px) and (max-width:950px){
 .campaign-config-page .form-builder-grid{
   grid-template-columns:minmax(225px,245px) minmax(360px,1fr)!important;
   column-gap:16px!important;
 }
 .campaign-config-page .form-canvas{width:100%!important;max-width:100%!important;margin:0!important}
 .campaign-config-page .field-config{grid-column:1/-1!important;min-width:0!important}
}
@media (max-width:760px){
 .campaign-config-page .form-builder-grid{display:block!important}
 .campaign-config-page .form-canvas,
 .campaign-config-page .field-palette,
 .campaign-config-page .field-config{
   width:100%!important;max-width:none!important;min-width:0!important;margin:0 0 14px!important;
 }
 .campaign-config-page .field-config p,
 .campaign-config-page .field-config label,
 .campaign-config-page .field-config small,
 .campaign-config-page .field-config input,
 .campaign-config-page .field-config textarea,
 .campaign-config-page .field-config select,
 .campaign-config-page .field-config button{font-size:14px!important}
}

/* v1.9.8 — Formularios: grilla inteligente configurable + responsive móvil */
.field-layout-config{margin:14px 0;padding-top:12px;border-top:1px solid #eee7f1}.field-layout-config>b{display:block;margin:0 0 6px;font-size:13px}.field-layout-config>small{display:block;margin:-2px 0 9px;color:#8a7f90;font-size:12px!important}.field-width-options{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}.field-width-options label,.field-align-options label{margin:0!important;display:block!important}.field-width-options input,.field-align-options input{position:absolute;opacity:0;pointer-events:none}.field-width-options span,.field-align-options span{display:flex;min-height:48px;border:1px solid #ddd3e2;border-radius:8px;align-items:center;justify-content:center;flex-direction:column;background:#fff;cursor:pointer;font-size:13px}.field-width-options span small{font-size:10px!important;color:#8d8294;margin-top:2px}.field-width-options input:checked+span,.field-align-options input:checked+span{border-color:#8d22bd;box-shadow:0 0 0 1px #8d22bd inset;color:#7a1fa2;background:#fcf8fe}.field-align-options{display:grid;grid-template-columns:repeat(3,52px);gap:7px}.field-align-options span{min-height:38px}
.preview-fields-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:18px;row-gap:18px;align-items:start}.preview-fields-grid .preview-question{margin:0;min-width:0}.preview-fields-grid .width-33{grid-column:span 2}.preview-fields-grid .width-50{grid-column:span 3}.preview-fields-grid .width-66{grid-column:span 4}.preview-fields-grid .width-100{grid-column:1/-1}.preview-fields-grid .align-left{justify-self:start;width:100%}.preview-fields-grid .align-center{justify-self:center;width:100%}.preview-fields-grid .align-right{justify-self:end;width:100%}.form-preview-sheet>.preview-submit{margin-top:22px}
/* En el constructor, el ancho elegido también se percibe visualmente sin romper el drag & drop. */
.canvas-field[data-layout-width="33"]{width:calc(33.333% - 8px)}.canvas-field[data-layout-width="50"]{width:calc(50% - 6px)}.canvas-field[data-layout-width="66"]{width:calc(66.666% - 4px)}.canvas-field[data-layout-align="center"]{margin-left:auto;margin-right:auto}.canvas-field[data-layout-align="right"]{margin-left:auto}
.form-preview-sheet.mobile .preview-fields-grid{display:block}.form-preview-sheet.mobile .preview-question{width:100%!important;margin-bottom:18px}.form-preview-sheet.mobile>.preview-submit{width:100%}
@media(max-width:760px){.field-width-options{grid-template-columns:repeat(2,1fr)}.canvas-field[data-layout-width]{width:100%!important;margin-left:0!important;margin-right:0!important}.preview-fields-grid{display:block}.preview-fields-grid .preview-question{width:100%!important;margin-bottom:18px}}

/* v1.10.0 — Constructor de Formularios: composición ordenada y proporcional */
.campaign-config-page .canvas-fields-grid{
 display:grid;
 grid-template-columns:repeat(6,minmax(0,1fr));
 gap:10px;
 align-items:start;
}
.campaign-config-page .canvas-fields-grid .canvas-field{
 width:auto!important;
 margin:0!important;
 min-width:0;
 min-height:118px;
 padding:12px 12px 42px!important;
 display:flex;
 flex-direction:column;
 background:#fff;
 box-shadow:0 1px 0 rgba(47,30,57,.02);
}
.campaign-config-page .canvas-fields-grid .canvas-field[data-layout-width="33"]{grid-column:span 2}
.campaign-config-page .canvas-fields-grid .canvas-field[data-layout-width="50"]{grid-column:span 3}
.campaign-config-page .canvas-fields-grid .canvas-field[data-layout-width="66"]{grid-column:span 4}
.campaign-config-page .canvas-fields-grid .canvas-field[data-layout-width="100"]{grid-column:1/-1}
.campaign-config-page .canvas-fields-grid .canvas-field[data-layout-align="center"]{justify-self:center;width:100%!important}
.campaign-config-page .canvas-fields-grid .canvas-field[data-layout-align="right"]{justify-self:end;width:100%!important}
.campaign-config-page .canvas-field-head{min-height:28px;align-items:flex-start!important}
.campaign-config-page .canvas-field-head .drag-handle{flex:0 0 auto;color:#85758e;cursor:grab;padding-top:2px}
.campaign-config-page .canvas-field-head strong{font-size:13px!important;line-height:1.3!important;color:#302638}
.campaign-config-page .canvas-field-head em{font-size:11px!important;padding:3px 7px!important;white-space:nowrap}
.campaign-config-page .canvas-field p{font-size:12px!important;line-height:1.35!important;margin:5px 0 8px!important}
.campaign-config-page .canvas-field .field-demo{margin-top:auto;min-width:0}
.campaign-config-page .canvas-field .field-demo input,
.campaign-config-page .canvas-field .field-demo textarea,
.campaign-config-page .canvas-field .field-demo select{min-height:38px;font-size:12px!important}
.campaign-config-page .configure-field{right:82px!important;bottom:11px!important;font-size:12px!important;background:transparent!important}
.campaign-config-page .delete-field-form{position:absolute;right:12px;bottom:9px;margin:0!important}
.campaign-config-page .delete-field-btn{border:0;background:transparent;color:#b34848;font:500 12px var(--enj-font-ui);cursor:pointer;padding:2px 0}
/* Badge de ancho: reemplaza el tipo técnico como referencia visual cuando ya se configuró layout. */
.campaign-config-page .canvas-field[data-layout-width="33"] .canvas-field-head em::after{content:" · ⅓"}
.campaign-config-page .canvas-field[data-layout-width="50"] .canvas-field-head em::after{content:" · ½"}
.campaign-config-page .canvas-field[data-layout-width="66"] .canvas-field-head em::after{content:" · ⅔"}
.campaign-config-page .canvas-field[data-layout-width="100"] .canvas-field-head em::after{content:" · Completo"}
/* Panel de configuración: jerarquía limpia, controles agrupados y misma escala legible. */
.campaign-config-page .field-config{overflow:hidden}
.campaign-config-page .field-config>h2{margin-bottom:5px!important}
.campaign-config-page .field-config>p{margin:0 0 14px!important;color:#81758b!important;font-size:13px!important;line-height:1.45!important}
.campaign-config-page .field-config-form{border-top:1px solid #eee7f1;padding-top:5px}
.campaign-config-page .field-config-form label{font-size:13px!important;line-height:1.35!important;margin:10px 0!important;gap:6px!important;color:#4a3d52}
.campaign-config-page .field-config-form input,
.campaign-config-page .field-config-form textarea,
.campaign-config-page .field-config-form select{font-size:13px!important;min-height:40px;padding:9px 10px!important}
.campaign-config-page .field-layout-config{background:#fcfafc;border:1px solid #eee5f1;border-radius:9px;padding:11px!important;margin:14px 0!important}
.campaign-config-page .field-width-options{gap:7px!important}
.campaign-config-page .field-width-options span{min-height:54px!important;font-size:13px!important}
.campaign-config-page .field-align-options{grid-template-columns:repeat(3,1fr)!important}
.campaign-config-page .field-align-options span{min-height:42px!important;font-size:13px!important}
@media (min-width:1251px){
 .campaign-config-page .form-builder-grid{grid-template-columns:minmax(245px,270px) minmax(500px,1fr) minmax(300px,325px)!important;gap:18px!important}
}
@media (max-width:1250px) and (min-width:761px){
 .campaign-config-page .canvas-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .campaign-config-page .canvas-fields-grid .canvas-field[data-layout-width="33"],
 .campaign-config-page .canvas-fields-grid .canvas-field[data-layout-width="50"],
 .campaign-config-page .canvas-fields-grid .canvas-field[data-layout-width="66"]{grid-column:span 1}
 .campaign-config-page .canvas-fields-grid .canvas-field[data-layout-width="100"]{grid-column:1/-1}
}
@media (max-width:760px){
 .campaign-config-page .canvas-fields-grid{display:block}
 .campaign-config-page .canvas-fields-grid .canvas-field{width:100%!important;margin-bottom:10px!important;min-height:112px}
 .campaign-config-page .configure-field,.campaign-config-page .delete-field-btn{font-size:13px!important}
}

/* v1.10.1 — ENJAMBRE UI SYSTEM
   Estándar transversal: Comfortaa, escala consistente, controles compactos,
   iconografía para acciones secundarias y responsive por componente. */
:root{
 --enj-ui-font:Comfortaa,'Century Gothic',Arial,sans-serif;
 --enj-ui-text:14px;
 --enj-ui-small:12px;
 --enj-ui-title:20px;
 --enj-ui-section:16px;
 --enj-ui-radius:10px;
 --enj-ui-control-h:40px;
 --enj-ui-gap:12px;
}
body,.campaign-config-page{font-family:var(--enj-ui-font)}
.campaign-config-page :is(input,select,textarea,button){font-family:var(--enj-ui-font)}
.campaign-config-page .campaign-config-work :is(input,select,button){
 min-height:var(--enj-ui-control-h);
}
.campaign-config-page .campaign-config-work :is(label,td,th,input,select,textarea,button){
 line-height:1.35;
}
.campaign-config-page .form-builder-grid{gap:16px!important}
.campaign-config-page .form-canvas,
.campaign-config-page .field-palette,
.campaign-config-page .field-config{
 border-radius:var(--enj-ui-radius)!important;
}
/* Tarjetas del constructor: compactas y previsibles. */
.campaign-config-page .builder-field,
.campaign-config-page .form-field-card,
.campaign-config-page [data-field-id]{
 box-sizing:border-box;
 min-width:0;
}
.campaign-config-page .form-field-card{
 padding:12px!important;
 border-radius:9px!important;
}
.campaign-config-page .form-field-card input,
.campaign-config-page .form-field-card select,
.campaign-config-page .form-field-card textarea{
 width:100%;
 min-width:0;
 box-sizing:border-box;
}
.campaign-config-page .form-field-card .field-type,
.campaign-config-page .form-field-card .field-badge{
 font-size:12px!important;
 padding:4px 8px!important;
 border-radius:8px!important;
}
/* Acciones compactas: cuando existen textos heredados, se ocultan visualmente
   y el icono queda como acción principal con tooltip/title existente. */
.campaign-config-page .form-field-card .field-actions{
 display:flex!important;
 justify-content:flex-end;
 align-items:center;
 gap:6px!important;
 margin-top:8px!important;
}
.campaign-config-page .form-field-card .field-actions a,
.campaign-config-page .form-field-card .field-actions button{
 width:32px!important;
 min-width:32px!important;
 height:32px!important;
 min-height:32px!important;
 padding:0!important;
 display:inline-flex!important;
 align-items:center;
 justify-content:center;
 border-radius:8px!important;
 overflow:hidden;
 white-space:nowrap;
 font-size:0!important;
}
.campaign-config-page .form-field-card .field-actions a i,
.campaign-config-page .form-field-card .field-actions button i,
.campaign-config-page .form-field-card .field-actions a svg,
.campaign-config-page .form-field-card .field-actions button svg{
 font-size:15px!important;
 width:15px;height:15px;
}
/* Panel de propiedades: misma escala ideal aprobada. */
.campaign-config-page .field-config{
 font-size:13px!important;
}
.campaign-config-page .field-config :is(p,label,small,input,textarea,select,button){
 font-size:13px!important;
}
.campaign-config-page .field-config h2,
.campaign-config-page .field-config h3{
 font-size:16px!important;
 line-height:1.25!important;
}
.campaign-config-page .field-config input,
.campaign-config-page .field-config select{
 min-height:40px!important;
}
.campaign-config-page .field-config textarea{min-height:72px}
.campaign-config-page .field-config .config-tabs{
 display:flex;gap:4px;border-bottom:1px solid #ece7ef;margin-bottom:12px;
 overflow-x:auto;
}
.campaign-config-page .field-config .config-tabs>*{
 white-space:nowrap;
}
/* Reglas globales de acciones secundarias para hojas de Campañas. */
.campaign-config-page .icon-action{
 width:32px;height:32px;min-width:32px!important;min-height:32px!important;
 padding:0!important;display:inline-flex;align-items:center;justify-content:center;
 border-radius:8px;
}
/* En móvil, legibilidad antes que compactación. */
@media(max-width:760px){
 .campaign-config-page{--enj-ui-text:14px;--enj-ui-small:12px}
 .campaign-config-page .form-field-card{grid-column:1/-1!important;padding:12px!important}
 .campaign-config-page .field-config,
 .campaign-config-page .field-config :is(p,label,small,input,textarea,select,button){
   font-size:14px!important;
 }
 .campaign-config-page .form-field-card .field-actions a,
 .campaign-config-page .form-field-card .field-actions button{
   width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
 }
}

/* v1.10.2 — Corrección estructural real de tarjetas del constructor */
.campaign-config-page .canvas-field-head{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:start!important}
.campaign-config-page .canvas-field-head strong{min-width:0;font-size:13px!important;line-height:1.28!important;font-weight:600!important}
.campaign-config-page .canvas-field-head .layout-badge{font-style:normal!important;font-size:11px!important;line-height:1!important;color:#7a1fa2!important;background:#f4ebf8!important;border-radius:8px!important;padding:6px 8px!important;white-space:nowrap!important}
.campaign-config-page .canvas-field-head .layout-badge::after{content:none!important}
.campaign-config-page .canvas-field{padding:12px!important;min-height:154px!important}
.campaign-config-page .canvas-field .field-demo{margin:10px 0 8px!important}
.campaign-config-page .field-card-actions{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:6px!important;margin-top:auto!important;padding-top:2px!important}
.campaign-config-page .field-card-actions .configure-field,
.campaign-config-page .field-card-actions .delete-field-btn{position:static!important;inset:auto!important;margin:0!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;padding:0!important;border:1px solid #e6dce9!important;border-radius:8px!important;background:#fff!important;font-size:14px!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important}
.campaign-config-page .field-card-actions .configure-field{color:#7a1fa2!important}
.campaign-config-page .field-card-actions .delete-field-form{position:static!important;margin:0!important;padding:0!important;display:block!important}
.campaign-config-page .field-card-actions .delete-field-btn{color:#d74343!important}
.campaign-config-page .field-card-actions .configure-field:hover{background:#faf4fc!important;border-color:#caa9d5!important}
.campaign-config-page .field-card-actions .delete-field-btn:hover{background:#fff5f5!important;border-color:#efb8b8!important}
@media(max-width:760px){
 .campaign-config-page .canvas-field{min-height:138px!important}
 .campaign-config-page .field-card-actions .configure-field,
 .campaign-config-page .field-card-actions .delete-field-btn{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;font-size:15px!important}
}
/* v1.11.0 — Módulo Canales */
.channel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.channel-head small{font-size:11px;color:#8c7d91}.channel-head h1{margin:4px 0 5px;font-size:28px}.channel-head p{margin:0;color:#817487;font-size:14px}.channel-summary{display:grid;grid-template-columns:180px 180px minmax(280px,1fr);gap:12px;margin-bottom:16px}.channel-summary>div{background:#fff;border:1px solid #e8e0eb;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:3px}.channel-summary b{font-size:16px}.channel-summary span{font-size:12px;color:#8b7f90}.channel-kind{display:block;font-size:11px;color:#8e159e;margin-bottom:3px}.channel-name{font-size:13px}.channel-connection{display:inline-flex;padding:5px 9px;border-radius:9px;background:#f3eef5;color:#806f85;font-size:11px}.channel-connection.ok{background:#e7f7ed;color:#13813c}.channel-empty{text-align:center!important;padding:42px!important;color:#8b7f90}.channel-modal{max-width:760px!important}.channel-steps{display:flex;gap:24px;border-bottom:1px solid #eee6f0;margin-bottom:18px;padding-bottom:10px}.channel-steps span{font-size:12px;color:#9a8fa0}.channel-steps .active{color:#8f159d;font-weight:700}.channel-active{margin-top:19px}.channel-inbox-note{background:#faf7fb;border:1px solid #ece4ef;border-radius:9px;padding:13px 15px;display:flex;flex-direction:column;gap:4px}.channel-inbox-note b{font-size:12px;color:#8f159d}.channel-inbox-note span{font-size:12px;color:#776b7c;line-height:1.45}@media(max-width:900px){.channel-summary{grid-template-columns:1fr 1fr}.channel-summary>div:last-child{grid-column:1/-1}.channel-head{flex-direction:column}.channel-head .group-add{align-self:flex-start}}@media(max-width:600px){.channel-summary{grid-template-columns:1fr}.channel-summary>div:last-child{grid-column:auto}.channel-steps{overflow:auto}.channel-head h1{font-size:23px}}

/* v1.11.1 — Canales: layout contenido y wizard real */
.campaign-config-page .channel-head{max-width:1180px;margin:0 auto 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.campaign-config-page .channel-head h1{margin:4px 0 3px;font-size:28px;line-height:1.15}.campaign-config-page .channel-head p{margin:0;max-width:760px}
.campaign-config-page .channel-summary{max-width:1180px;margin:0 auto 16px;display:grid;grid-template-columns:180px 180px minmax(320px,1fr);gap:12px}
.campaign-config-page .channel-summary>div{min-height:72px;padding:14px 16px!important}.campaign-config-page .channel-summary b{font-size:18px}.campaign-config-page .channel-summary span{font-size:13px}
.campaign-config-page .channel-head+.group-flash,.campaign-config-page .channel-summary+.group-panel{max-width:1180px;margin-left:auto;margin-right:auto}.campaign-config-page .channel-summary+.group-panel{overflow:hidden}.campaign-config-page .channel-empty{padding:42px 18px!important;text-align:center}
.channel-modal.channel-wizard{width:min(720px,calc(100vw - 32px))!important;max-width:720px!important}.channel-wizard .group-form{padding:0 28px 22px!important}
.channel-wizard .channel-steps{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #ebe5ee;margin:0 0 22px}
.channel-wizard .channel-steps button{border:0;background:transparent;min-height:58px;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:13px;color:#8a8091;position:relative;cursor:pointer}
.channel-wizard .channel-steps button b{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:50%;background:#f3eef6;color:#7a1fa2;font-size:12px}.channel-wizard .channel-steps button.active{color:#7a1fa2;font-weight:700}
.channel-wizard .channel-steps button.active:after{content:"";position:absolute;left:18%;right:18%;bottom:-1px;height:2px;background:#7a1fa2}.channel-wizard .channel-steps button.active b{background:#7a1fa2;color:#fff}
.channel-step-pane{display:none}.channel-step-pane.active{display:block}.channel-step-copy{margin:0 0 18px}.channel-step-copy h3{font-size:17px;margin:0 0 4px}.channel-step-copy p{font-size:13px;margin:0;color:#887d8e}
.channel-wizard .group-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.channel-wizard .group-form-grid label{font-size:13px!important;min-width:0}.channel-wizard .group-form-grid input,.channel-wizard .group-form-grid select{width:100%;min-height:42px;box-sizing:border-box;font-size:13px!important}.channel-wizard .group-wide{grid-column:1/-1!important}
.channel-connection-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #e7dfea;border-radius:10px;background:#faf8fb}.channel-connection-card .channel-dot{width:10px;height:10px;border-radius:50%;background:#d39b27}.channel-connection-card div{display:flex;flex-direction:column;gap:3px}.channel-connection-card b{font-size:13px}.channel-connection-card small{font-size:12px;color:#8b8190}
.channel-wizard .channel-active{min-height:70px!important;padding:12px 14px!important}.channel-wizard .channel-inbox-note{padding:14px 16px!important;border-radius:10px!important}.channel-wizard .channel-inbox-note b,.channel-wizard .channel-inbox-note span{display:block}.channel-wizard .channel-inbox-note span{margin-top:5px;font-size:12px;line-height:1.5}
.channel-wizard-foot{display:flex!important;justify-content:space-between!important;gap:12px;padding:14px 28px!important}.channel-wizard-foot>div{display:flex;gap:8px}.channel-wizard-foot button{min-height:40px!important}
@media(max-width:900px){.campaign-config-page .channel-head,.campaign-config-page .channel-summary,.campaign-config-page .channel-summary+.group-panel{max-width:none}.campaign-config-page .channel-summary{grid-template-columns:1fr 1fr}.campaign-config-page .channel-summary>div:last-child{grid-column:1/-1}}
@media(max-width:760px){.campaign-config-page .channel-head{display:block}.campaign-config-page .channel-head .group-add{width:100%;margin-top:14px}.campaign-config-page .channel-summary{grid-template-columns:1fr}.campaign-config-page .channel-summary>div:last-child{grid-column:auto}.channel-modal.channel-wizard{width:calc(100vw - 18px)!important}.channel-wizard .group-form{padding:0 16px 18px!important}.channel-wizard .channel-steps button span{display:none}.channel-wizard .group-form-grid{grid-template-columns:1fr!important}.channel-wizard .group-wide{grid-column:auto!important}.channel-wizard-foot{padding:12px 16px!important;flex-wrap:wrap}.channel-wizard-foot>div{margin-left:auto}}

/* v1.12.0 — Canales personalizados por conector */
.channel-connector-head{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:16px;border:1px solid #ebe4ee;border-radius:10px;background:#fbf9fc}
.channel-connector-head>span{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#f2eaf6;color:#7a1fa2;font-weight:700}
.channel-connector-head div{display:flex;flex-direction:column;gap:2px}.channel-connector-head b{font-size:14px}.channel-connector-head small{font-size:12px;color:#8a8091}
.channel-dynamic-fields{display:block!important}.connector-fields{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.connector-fields.active{display:grid}
.connector-fields label{font-size:13px;min-width:0}.connector-fields input,.connector-fields select,.connector-fields textarea{width:100%;box-sizing:border-box;font-family:inherit;font-size:13px}
.connector-fields input,.connector-fields select{min-height:42px}.connector-fields textarea{resize:vertical;min-height:82px;padding:10px}
.connector-fields .group-wide{grid-column:1/-1!important}
.channel-info-card{padding:16px;border:1px solid #e7dfea;border-radius:10px;background:#faf8fb}.channel-info-card b,.channel-info-card span{display:block}.channel-info-card b{font-size:14px;margin-bottom:4px}.channel-info-card span{font-size:12px;line-height:1.5;color:#817688}
.channel-dynamic-fields>.channel-connection-card{margin-top:16px}
@media(max-width:760px){.connector-fields.active{grid-template-columns:1fr}.connector-fields .group-wide{grid-column:auto!important}}

/* v1.12.1 — Botones wizard */
.channel-wizard-foot .group-cancel{background:#fff!important;color:#7A1FA2!important;border:1px solid #7A1FA2!important;}
.channel-wizard-foot .group-cancel:hover{background:#f7f0fa!important;color:#7A1FA2!important;}
.channel-wizard-foot .group-save{background:#FF6B00!important;color:#fff!important;border:1px solid #FF6B00!important;}
.channel-wizard-foot .group-save:hover{filter:brightness(.96);}
.channel-wizard-foot button{border-radius:9px!important;font-weight:600!important;}


/* ============================================================
   v1.13.0 — ENJAMBRE UI SYSTEM
   Escala visual global: tipografía, controles, botones y ritmo.
   Referencias visuales previas se interpretan, no se copian.
   ============================================================ */
:root{
 --enj-font:'Montserrat','Segoe UI',Arial,sans-serif;
 --enj-orange:#FF6B00;--enj-purple:#7A1FA2;
 --enj-text:#352B3C;--enj-muted:#84798B;--enj-border:#E5DEE8;
 --enj-surface:#FFFFFF;--enj-soft:#F8F5F9;
 --enj-radius:9px;--enj-control-h:40px;--enj-btn-h:38px;
 --enj-fs-xs:11px;--enj-fs-sm:12px;--enj-fs-md:13px;--enj-fs-lg:16px;
}
html,body,button,input,select,textarea{font-family:var(--enj-font)!important}
body{font-size:var(--enj-fs-md);color:var(--enj-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select,textarea{letter-spacing:0;font-weight:400}
input,select,textarea{color:var(--enj-text)}
input::placeholder,textarea::placeholder{color:#AAA1AE;opacity:1}

/* Controles: misma altura, radio y foco en todo el producto. */
:is(.input,.select,input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="tel"],input[type="url"],input[type="date"],input[type="time"],input[type="datetime-local"],select):not(.group-search):not(.agent-search input){min-height:var(--enj-control-h)}
:is(input,select,textarea):focus{outline:none;border-color:#A96AC1!important;box-shadow:0 0 0 3px rgba(122,31,162,.07)!important}

/* Sistema de botones: compacto, centrado y consistente. */
.btn,.group-add,.group-cancel,.group-save,.agent-primary,.agent-cancel,.agent-prev,.agent-next,.agent-save,
.forms-page .preview-button,.forms-page .publish-button{
 min-height:var(--enj-btn-h)!important;height:var(--enj-btn-h)!important;
 min-width:104px;padding:0 17px!important;border-radius:8px!important;
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 gap:7px;font-family:var(--enj-font)!important;font-size:12px!important;font-weight:500!important;
 line-height:1!important;white-space:nowrap;cursor:pointer;box-shadow:none!important;
 transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
.group-add,.btn-primary,.group-save,.agent-primary,.agent-next,.agent-save,.forms-page .publish-button{
 background:var(--enj-orange)!important;color:#fff!important;border:1px solid var(--enj-orange)!important;
}
.group-cancel,.agent-cancel,.agent-prev,.btn-secondary,.forms-page .preview-button{
 background:#fff!important;color:var(--enj-purple)!important;border:1px solid var(--enj-purple)!important;
}
.group-add:hover,.btn-primary:hover,.group-save:hover,.agent-primary:hover,.agent-next:hover,.agent-save:hover{background:#F26300!important;border-color:#F26300!important}
.group-cancel:hover,.agent-cancel:hover,.agent-prev:hover,.btn-secondary:hover{background:#FAF5FC!important}
:is(.btn,.group-add,.group-cancel,.group-save,.agent-primary,.agent-cancel,.agent-prev,.agent-next,.agent-save):active{transform:translateY(1px)}

/* Los pies de modal comparten alineación y respiración. */
.group-modal-foot,.agent-modal-foot,.channel-wizard-foot{min-height:64px!important;height:auto!important;padding:12px 24px!important;align-items:center!important}
.channel-wizard-foot{display:flex!important;justify-content:space-between!important}
.channel-wizard-foot>div{display:flex!important;align-items:center!important;gap:8px!important}
.channel-wizard-foot .group-cancel,.channel-wizard-foot .group-save{min-width:104px!important}

/* Jerarquía tipográfica estable. */
.campaign-config-page :is(p,label,td,th,input,select,textarea,button){font-family:var(--enj-font)!important}
.campaign-config-page :is(label,input,select,textarea){font-size:13px!important}
.campaign-config-page small{font-size:11px}
.campaign-config-page :is(h1,h2,h3,h4){color:var(--enj-text)}
.campaign-config-page h1{font-weight:500!important;letter-spacing:-.02em}
.campaign-config-page h2,.campaign-config-page h3{font-weight:600!important;letter-spacing:-.012em}

/* Navegación de configuración: legible sin sentirse pesada. */
.campaign-config-sidebar,.campaign-config-sidebar button,.campaign-config-sidebar a{font-family:var(--enj-font)!important}
.campaign-config-sidebar :is(button,a){font-weight:400!important}
.campaign-config-sidebar .active{font-weight:500!important}

/* Wizard de canales: proporciones y pasos uniformes. */
.channel-wizard .channel-steps button{font-family:var(--enj-font)!important;font-size:12px!important;font-weight:500!important}
.channel-wizard .channel-steps button.active{font-weight:600!important}
.channel-wizard .channel-step-copy h3{font-size:16px!important;font-weight:600!important}
.channel-wizard .channel-step-copy p{font-size:12px!important;line-height:1.5}
.channel-wizard .group-form-grid label,.connector-fields label{font-size:12px!important;font-weight:500!important;color:#55495B}
.channel-wizard .group-form-grid :is(input,select),.connector-fields :is(input,select){height:40px!important;min-height:40px!important;font-size:13px!important;border-radius:8px!important}
.channel-wizard .connector-fields textarea{font-size:13px!important;border-radius:8px!important}

/* Tablas y toolbars: densidad homogénea. */
.group-toolbar,.agent-toolbar{gap:12px}
.group-tool,.agent-lite{font-family:var(--enj-font)!important;font-size:11px!important;font-weight:500!important}
.group-search,.agent-search input{font-family:var(--enj-font)!important;font-size:12px!important}
.group-table th,.agent-table th{font-family:var(--enj-font)!important;font-size:11px!important;font-weight:500!important}
.group-table td,.agent-table td{font-family:var(--enj-font)!important;font-size:12px!important;font-weight:400!important}

/* Móvil: controles táctiles mayores, tipografía sin encogimiento agresivo. */
@media(max-width:760px){
 :root{--enj-control-h:44px;--enj-btn-h:42px;--enj-fs-md:14px}
 .btn,.group-add,.group-cancel,.group-save,.agent-primary,.agent-cancel,.agent-prev,.agent-next,.agent-save{font-size:13px!important;min-width:108px}
 .group-modal-foot,.agent-modal-foot,.channel-wizard-foot{padding:12px 16px!important}
 .channel-wizard-foot{gap:10px!important}
 .channel-wizard-foot>div{gap:8px!important}
 .campaign-config-page :is(label,input,select,textarea){font-size:14px!important}
}

/* v1.13.1 — Cabecera unificada + tema global real */
:root{--enj-header-h:64px;--enj-logo-w:172px;--enj-sidebar-dark:#241e2e;--enj-sidebar-light-1:#f3e8f7;--enj-sidebar-light-2:#eadcf0;--enj-sidebar-orange-1:#fff0e5;--enj-sidebar-orange-2:#f8dfcf}

/* Una sola medida de cabecera para Portal, Plataforma y Campañas */
.topbar,.platform-top{height:var(--enj-header-h)!important;min-height:var(--enj-header-h)!important;padding-top:0!important;padding-bottom:0!important}
.topbar{padding-left:20px!important;padding-right:20px!important}
.topbar .logo{width:var(--enj-logo-w)!important;height:46px!important}
.topbar .tagline{padding-left:16px!important}
.topbar .tagline b{font-size:14px!important;font-weight:500!important}
.topbar .tagline span{font-size:10px!important}
.global-tools{height:var(--enj-header-h)!important}
.tool-btn{height:var(--enj-header-h)!important;min-width:54px!important;padding:6px 7px!important}
.tool-btn svg{width:21px!important;height:21px!important}
.shell{min-height:calc(100vh - var(--enj-header-h))!important}

.platform-top{padding:0 28px!important}
.platform-brand{height:var(--enj-header-h)!important}
.platform-brand img{width:var(--enj-logo-w)!important;height:46px!important;object-fit:contain!important}
.platform-brand b{font-size:14px!important;font-weight:500!important}
.platform-brand span{font-size:10px!important}
.platform-shell{min-height:calc(100vh - var(--enj-header-h))!important}

/* El tema elegido por el usuario gobierna TODAS las barras laterales */
body.ui-theme-dark .operation-sidebar,
body.ui-theme-dark .campaign-config-sidebar,
body.ui-theme-dark .platform-sidebar{background:linear-gradient(180deg,#241E2E 0%,#211A2A 58%,#1E1827 100%)!important;color:#f6f1f8!important}

body.ui-theme-light .operation-sidebar,
body.ui-theme-light .campaign-config-sidebar,
body.ui-theme-light .platform-sidebar{background:linear-gradient(180deg,var(--enj-sidebar-light-1) 0%,var(--enj-sidebar-light-2) 100%)!important;color:#382A42!important}

body.ui-theme-orange .operation-sidebar,
body.ui-theme-orange .campaign-config-sidebar,
body.ui-theme-orange .platform-sidebar{background:linear-gradient(180deg,var(--enj-sidebar-orange-1) 0%,var(--enj-sidebar-orange-2) 100%)!important;color:#4a3027!important}

body.ui-theme-gradient .operation-sidebar,
body.ui-theme-gradient .campaign-config-sidebar,
body.ui-theme-gradient .platform-sidebar{background:linear-gradient(180deg,#2b2034 0%,#4a2149 52%,#6a2457 100%)!important;color:#fff!important}

/* Legibilidad consistente de menús en cada tema */
body.ui-theme-dark .campaign-config-item,body.ui-theme-dark .platform-nav,
body.ui-theme-gradient .campaign-config-item,body.ui-theme-gradient .platform-nav{color:#f5eff7!important}
body.ui-theme-dark .campaign-config-item>i,body.ui-theme-dark .campaign-config-item>b,body.ui-theme-dark .platform-nav svg,
body.ui-theme-gradient .campaign-config-item>i,body.ui-theme-gradient .campaign-config-item>b,body.ui-theme-gradient .platform-nav svg{color:#eadcf0!important;stroke:currentColor!important}
body.ui-theme-light .campaign-config-item,body.ui-theme-light .platform-nav{color:#3f3048!important}
body.ui-theme-orange .campaign-config-item,body.ui-theme-orange .platform-nav{color:#4a3027!important}

body.ui-theme-dark .platform-sub a,body.ui-theme-dark .campaign-config-sub a,
body.ui-theme-gradient .platform-sub a,body.ui-theme-gradient .campaign-config-sub a{color:#dfd3e4!important}
body.ui-theme-light .platform-sub a,body.ui-theme-light .campaign-config-sub a{color:#5d4a67!important}
body.ui-theme-orange .platform-sub a,body.ui-theme-orange .campaign-config-sub a{color:#684b40!important}

body.ui-theme-dark .platform-nav:hover,body.ui-theme-dark .platform-nav.active,
body.ui-theme-dark .campaign-config-item:hover,body.ui-theme-dark .campaign-config-item.active,
body.ui-theme-gradient .platform-nav:hover,body.ui-theme-gradient .platform-nav.active,
body.ui-theme-gradient .campaign-config-item:hover,body.ui-theme-gradient .campaign-config-item.active{background:rgba(255,255,255,.10)!important}
body.ui-theme-light .platform-nav:hover,body.ui-theme-light .platform-nav.active,
body.ui-theme-light .campaign-config-item:hover,body.ui-theme-light .campaign-config-item.active{background:rgba(122,31,162,.09)!important}
body.ui-theme-orange .platform-nav:hover,body.ui-theme-orange .platform-nav.active,
body.ui-theme-orange .campaign-config-item:hover,body.ui-theme-orange .campaign-config-item.active{background:rgba(255,107,0,.11)!important}

@media(max-width:760px){
 :root{--enj-header-h:58px;--enj-logo-w:145px}
 .topbar,.platform-top{padding-left:12px!important;padding-right:12px!important}
 .topbar .logo,.platform-brand img{height:40px!important}
}

/* v1.13.2 — Tema global en configuración de campaña + estado inicial */
body.ui-theme-light .campaign-config-sidebar{background:linear-gradient(180deg,#f4e9f7 0%,#eadcf0 100%)!important}
body.ui-theme-light .campaign-config-sidebar .campaign-config-item,
body.ui-theme-light .campaign-config-sidebar .campaign-sub-link,
body.ui-theme-light .campaign-config-sidebar .campaign-config-select{color:#382A42!important}
body.ui-theme-light .campaign-config-sidebar .campaign-config-item i,
body.ui-theme-light .campaign-config-sidebar .campaign-config-item b,
body.ui-theme-light .campaign-config-sidebar .campaign-sub-link,
body.ui-theme-light .campaign-config-sidebar .campaign-config-select span{color:#4b2858!important;opacity:1!important}
body.ui-theme-light .platform-sidebar .platform-nav,
body.ui-theme-light .platform-sidebar .platform-nav svg,
body.ui-theme-light .platform-sidebar .platform-nav i,
body.ui-theme-light .platform-sidebar .platform-nav b{color:#4b2858!important;stroke:#4b2858!important;opacity:1!important}
body.ui-theme-light .platform-sidebar .platform-sub a{color:#5b3c66!important}
body.ui-theme-light .platform-sidebar svg{stroke:#4b2858!important;opacity:1!important}
body.ui-theme-light .campaign-config-item.active,
body.ui-theme-light .campaign-sub-link.active{background:rgba(122,31,162,.09)!important;color:#341d40!important}

.campaign-config-work:has(.campaign-empty){display:flex!important;align-items:center!important;justify-content:center!important;min-height:calc(100vh - var(--enj-header-h))!important}
.campaign-empty{width:100%;height:100%;min-height:calc(100vh - var(--enj-header-h));display:flex!important;flex-direction:column;align-items:center;justify-content:center}
.campaign-empty img{width:68px;height:68px;object-fit:contain;opacity:.12}
.campaign-empty p{margin-top:18px;color:#85758d;font-size:16px;font-weight:400}
@media(max-width:760px){.campaign-empty{min-height:55vh}.campaign-empty p{font-size:14px;text-align:center;padding:0 20px}}

/* v1.13.3 — selector de campaña integrado al tema + edición separada */
body.ui-theme-light .campaign-config-full .campaign-config-select span{
 background:#f1e5f5!important;color:#4b2858!important;
}
body.ui-theme-light .campaign-config-full .campaign-config-select select{
 background:#f7f0f9!important;color:#382a42!important;border-color:#d8c5df!important;
 box-shadow:none!important;color-scheme:light;
}
body.ui-theme-light .campaign-config-full .campaign-config-select select:focus{
 border-color:#7a1fa2!important;box-shadow:0 0 0 3px rgba(122,31,162,.08)!important;
}
body.ui-theme-orange .campaign-config-full .campaign-config-select span{
 background:#fff0e7!important;color:#6b3520!important;
}
body.ui-theme-orange .campaign-config-full .campaign-config-select select{
 background:#fff8f4!important;color:#4a3027!important;border-color:#f2cdbb!important;color-scheme:light;
}
body.ui-theme-dark .campaign-config-full .campaign-config-select span,
body.ui-theme-gradient .campaign-config-full .campaign-config-select span{background:#241e2e!important;color:#cfc5d5!important}
body.ui-theme-dark .campaign-config-full .campaign-config-select select,
body.ui-theme-gradient .campaign-config-full .campaign-config-select select{background:#2d2636!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important;color-scheme:dark}
.campaign-form .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:18px;border-top:1px solid #eee8f0}

/* v1.13.5 — Agendas: motor de calendarios por campaña */
.agenda-admin{padding-bottom:48px}
.agenda-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}
.agenda-summary>div{background:#fff;border:1px solid #e9e1ec;border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:5px}
.agenda-summary b{font-size:24px;color:#352b3d}.agenda-summary span{font-size:13px;color:#8b7e92}
.agenda-cell-sub{display:block;margin-top:4px;color:#94899a;font-weight:400;max-width:300px}
.agenda-type{display:inline-flex;padding:6px 10px;border-radius:999px;background:#f7effa;color:#76209b;font-size:12px;white-space:nowrap}
.agenda-modal{max-width:820px!important}.agenda-help{color:#8b7e92;margin:-5px 0 14px}
.agenda-template-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}
.agenda-template{position:relative;cursor:pointer}.agenda-template input{position:absolute;opacity:0}
.agenda-template>span{display:flex;flex-direction:column;gap:5px;min-height:82px;padding:15px;border:1px solid #e5dce9;border-radius:12px;background:#fff;transition:.18s}
.agenda-template b{font-size:14px;color:#3c3044}.agenda-template small{font-size:12px;color:#8c8093;line-height:1.4}
.agenda-template input:checked+span{border-color:#8c22b0;box-shadow:0 0 0 2px rgba(140,34,176,.08);background:#fcf8fd}
.agenda-fields{margin-top:4px}.agenda-groups{margin-top:18px;border-top:1px solid #eee7f0;padding-top:16px}.agenda-groups>b,.agenda-groups>small{display:block}.agenda-groups>small{color:#918497;margin:4px 0 10px}
.agenda-group-list{display:flex;flex-wrap:wrap;gap:8px}.agenda-group-list label{border:1px solid #e4dbe8;border-radius:9px;padding:8px 10px;background:#fff;font-size:13px}.agenda-group-list em{font-size:13px;color:#998d9e}
.agenda-calendar-page{padding:32px clamp(18px,4vw,64px) 56px;background:#f8f9fb;min-height:calc(100vh - var(--enj-header-h))}
.agenda-calendar-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 auto 20px;max-width:1440px}
.agenda-calendar-head h1{margin:5px 0;font-size:28px;color:#302638}.agenda-calendar-head p{margin:0;color:#897c90}.agenda-calendar-head small{display:block;margin-top:10px;color:#8d8094}
.agenda-back{color:#8120a5;text-decoration:none;font-size:13px;font-weight:600}
.agenda-calendar-card{max-width:1440px;margin:auto;background:#fff;border:1px solid #e7e0ea;border-radius:16px;overflow:hidden;box-shadow:0 8px 26px rgba(47,32,58,.04)}
.agenda-calendar-toolbar{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid #eee8f0}.agenda-calendar-toolbar h2{font-size:18px;margin:0 8px;min-width:170px;text-align:center}.agenda-calendar-toolbar>a{display:grid;place-items:center;min-width:34px;height:34px;border:1px solid #e1d7e5;border-radius:8px;text-decoration:none;color:#6e267f}.agenda-calendar-toolbar .agenda-today{padding:0 12px;margin-left:auto}
.agenda-weekdays,.agenda-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.agenda-weekdays span{padding:10px;text-align:center;font-size:12px;font-weight:600;color:#817488;background:#fbf9fc;border-bottom:1px solid #eee8f0}
.agenda-day{min-height:132px;padding:9px;border-right:1px solid #eee8f0;border-bottom:1px solid #eee8f0;cursor:pointer;background:#fff;overflow:hidden}.agenda-day:nth-child(7n){border-right:0}.agenda-day:hover{background:#fdfafd}.agenda-day.muted{background:#fafafa;cursor:default}
.agenda-day-number{display:flex;justify-content:space-between;align-items:center}.agenda-day-number b{font-size:13px;color:#433649}.agenda-day-number span{font-size:10px;background:#7a1fa2;color:#fff;padding:3px 6px;border-radius:8px}.agenda-day.today{background:#fcf8fd}
.agenda-day-events{display:flex;flex-direction:column;gap:5px;margin-top:8px}.agenda-event{display:flex;gap:5px;align-items:center;padding:6px 7px;border-radius:7px;background:#f5ebf8;color:#5b3565;font-size:11px;min-width:0}.agenda-event time{font-weight:700}.agenda-event span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agenda-day-events>small{font-size:10px;color:#88768e}
.agenda-event-modal{max-width:720px!important}
body.ui-theme-light .agenda-summary>div,body.ui-theme-light .agenda-template>span{background:rgba(255,255,255,.68)}
@media(max-width:900px){.agenda-summary{grid-template-columns:1fr}.agenda-template-grid{grid-template-columns:1fr}.agenda-calendar-page{padding:20px 12px}.agenda-calendar-head{align-items:flex-start;flex-direction:column}.agenda-calendar-card{overflow-x:auto}.agenda-weekdays,.agenda-month-grid{min-width:760px}.agenda-day{min-height:110px}}
@media(max-width:600px){.agenda-calendar-card{border-radius:12px}.agenda-calendar-toolbar{position:sticky;left:0}.agenda-calendar-head .group-add{width:100%}.agenda-modal{width:calc(100% - 20px)!important}.agenda-summary{gap:8px}}

/* v1.13.6 — Motor de reglas y automatización */
.automation-admin{padding-bottom:48px}.automation-flow{display:flex;align-items:center;gap:14px;margin:18px 0}
.automation-flow>div{flex:1;background:#fff;border:1px solid #e8dfeb;border-radius:14px;padding:16px;display:grid;grid-template-columns:34px 1fr;column-gap:10px}
.automation-flow>div>span{grid-row:1/3;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f3e8f7;color:#7a1fa2;font-weight:700}
.automation-flow b{font-size:12px;color:#4b3854}.automation-flow small{font-size:12px;color:#918397;margin-top:3px}.automation-flow>i{color:#b5a6ba;font-style:normal}
.automation-trigger{display:inline-flex;padding:6px 9px;border-radius:999px;background:#f5edf8;color:#6d287f;font-size:12px}
.automation-modal{max-width:900px!important}.automation-step{border:1px solid #e9e1ec;border-radius:14px;padding:16px;margin-bottom:14px;background:#fff}.automation-step>strong{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:#44334d}.automation-step>strong span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#7a1fa2;color:#fff;font-size:12px}
.automation-logic{display:flex;gap:18px;margin-bottom:10px;font-size:13px;color:#66566d}.automation-line{display:grid;grid-template-columns:1fr 1fr 1.25fr 34px;gap:8px;margin:8px 0}.automation-line select,.automation-line input{min-width:0;height:38px;border:1px solid #ddd3e1;border-radius:8px;padding:0 10px;background:#fff}.automation-line>button{border:0;border-radius:8px;background:#f4eef6;color:#7a1fa2;font-size:18px;cursor:pointer}
.automation-action-line{grid-template-columns:28px 1fr 1.5fr 34px}.automation-drag{display:grid;place-items:center;color:#a899ae}.automation-add-line{border:1px dashed #cdbbd3;background:#fbf8fc;color:#74218e;border-radius:9px;padding:8px 12px;cursor:pointer;font-weight:600;font-size:12px}
.automation-preview{background:#faf7fb;border:1px dashed #d7c7dc;border-radius:12px;padding:14px}.automation-preview>b{font-size:12px;color:#6c5a73}.automation-preview>div{margin-top:9px;font-size:12px;color:#74657a}.automation-preview span{font-weight:700;color:#7a1fa2}.automation-preview i{padding:0 8px;color:#ad9bb3}
.automation-preview-modal{max-width:760px!important}.automation-preview-big{display:flex;align-items:center;gap:12px;padding:18px}.automation-preview-big>div{flex:1;min-height:90px;border:1px solid #e5dbe8;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px}.automation-preview-big b{font-size:11px;color:#7a1fa2}.automation-preview-big span{font-size:13px;color:#514057}.automation-preview-big>i{font-style:normal;color:#ad9bb3}
body.ui-theme-light .automation-flow>div,body.ui-theme-light .automation-step{background:rgba(255,255,255,.68)}
@media(max-width:760px){.automation-flow{flex-direction:column;align-items:stretch}.automation-flow>i{transform:rotate(90deg);text-align:center}.automation-line,.automation-action-line{grid-template-columns:1fr}.automation-preview-big{flex-direction:column}.automation-preview-big>i{transform:rotate(90deg)}}

/* v1.13.7 — automatización operacional universal */
.automation-step-help{margin:-5px 0 12px;color:#8c7e92;font-size:12px;line-height:1.45}
.automation-check{display:flex!important;align-items:center;gap:9px;min-height:38px}.automation-check input{width:16px!important;height:16px!important;margin:0}.automation-check span{font-size:13px;color:#62536a}

/* v1.13.9 · Almacén Virtual */
.warehouse-page{padding:26px 30px 42px;max-width:1500px;margin:auto}.warehouse-head,.warehouse-section-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:20px}.warehouse-head h1{font-size:28px;margin:3px 0 6px;color:#392840}.warehouse-head p,.warehouse-section-head p{margin:0;color:#897b8e;font-size:13px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#7A1FA2;font-weight:700}.warehouse-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.warehouse-kpis article{background:#fff;border:1px solid #eee7f0;border-radius:14px;padding:15px 17px;box-shadow:0 5px 16px rgba(57,40,64,.04)}.warehouse-kpis small,.warehouse-kpis span{display:block;color:#978a9b;font-size:11px}.warehouse-kpis strong{display:block;font-size:22px;color:#46334d;margin:4px 0}.warehouse-tabs{display:flex;gap:5px;border-bottom:1px solid #eee6f0;margin:8px 0 18px;overflow:auto}.warehouse-tabs a{padding:10px 13px;color:#77677d;text-decoration:none;font-size:12px;white-space:nowrap;border-bottom:2px solid transparent}.warehouse-tabs a.active{color:#7A1FA2;border-color:#FF6B00;font-weight:600}.warehouse-toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.warehouse-search{background:#fff;border:1px solid #e8dfea;border-radius:10px;padding:0 12px;display:flex;align-items:center;gap:8px;min-width:360px}.warehouse-search input{border:0;outline:0;padding:10px 0;width:100%;font:inherit;font-size:12px}.warehouse-table{background:#fff;border:1px solid #ece4ee;border-radius:14px;overflow:auto}.warehouse-table table{width:100%;border-collapse:collapse;font-size:12px}.warehouse-table th{padding:11px 13px;text-align:left;background:#faf8fb;color:#806f85;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.warehouse-table td{padding:12px 13px;border-top:1px solid #f0eaf1;color:#56465c;vertical-align:middle}.warehouse-table td b,.warehouse-table td small{display:block}.warehouse-table td small{color:#9b8ea0;margin-top:3px}.wear-pill,.quote-status{display:inline-block;padding:5px 8px;border-radius:999px;background:#f5eef8;color:#713284;font-size:10px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4caf50;margin-right:5px}.signed{color:#347b52}.pending-sign{color:#a36d22}.empty-cell{text-align:center!important;padding:35px!important;color:#a194a6!important}.warehouse-alert{padding:10px 13px;border-radius:9px;font-size:12px;margin-bottom:12px}.warehouse-alert.ok{background:#edf8f1;color:#34734d}.warehouse-alert.err{background:#fff0ef;color:#a34842}.warehouse-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.warehouse-config-grid section{background:#fff;border:1px solid #ece4ee;border-radius:14px;padding:18px}.warehouse-config-grid section:last-child{grid-column:1/-1}.warehouse-config-grid h2,.warehouse-section-head h2{font-size:17px;margin:0 0 5px;color:#493650}.warehouse-config-grid p{font-size:12px;color:#918397}.inline-create{display:flex;gap:7px;margin:15px 0}.inline-create input,.warehouse-form input,.warehouse-form select,.warehouse-form textarea{border:1px solid #e1d7e4;border-radius:9px;padding:9px 10px;font:inherit;font-size:12px;background:#fff;outline:0}.inline-create input:focus,.warehouse-form input:focus,.warehouse-form select:focus,.warehouse-form textarea:focus{border-color:#a66bbb;box-shadow:0 0 0 2px rgba(122,31,162,.08)}.condition-create{display:grid;grid-template-columns:2fr 1fr 1fr auto}.chip-list{display:flex;gap:7px;flex-wrap:wrap}.chip-list span{background:#f7f3f8;border:1px solid #eee4f0;padding:6px 9px;border-radius:999px;font-size:11px}.condition-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.condition-list div{border:1px solid #eee5ef;border-radius:9px;padding:9px}.condition-list b,.condition-list span{display:block;font-size:11px}.condition-list span{color:#97899b;margin-top:3px}.modal-backdrop{display:none;position:fixed;inset:0;background:rgba(31,19,35,.48);z-index:3000;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.warehouse-modal{width:min(850px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:17px;padding:23px;position:relative;box-shadow:0 24px 70px rgba(35,20,40,.25)}.warehouse-modal.small{width:min(560px,96vw)}.warehouse-modal h2{margin:0 0 5px;font-size:20px;color:#44304b}.warehouse-modal>p{margin:0 0 18px;color:#918397;font-size:12px}.modal-x{position:absolute;right:15px;top:13px;border:0;background:#f5f0f6;width:29px;height:29px;border-radius:50%;font-size:19px;color:#735e79;cursor:pointer}.warehouse-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.warehouse-form label{display:flex;flex-direction:column;gap:5px;color:#66546c;font-size:11px;font-weight:600}.warehouse-form .wide{grid-column:1/-1}.warehouse-form textarea{min-height:75px;resize:vertical}.modal-actions{grid-column:1/-1;display:flex;justify-content:center;gap:9px;margin-top:7px}.btn-primary,.btn-secondary{border:0;border-radius:9px;padding:9px 14px;font:inherit;font-size:11px;font-weight:600;cursor:pointer}.btn-primary.orange{background:#FF6B00;color:#fff}.btn-secondary,.btn-secondary.purple{background:#7A1FA2;color:#fff}.icon-action{width:29px;height:29px;border:1px solid #e6dce8;border-radius:8px;background:#fff;color:#7A1FA2;cursor:pointer}.charge-preview{background:#faf7fb;border:1px dashed #d9c9de;border-radius:10px;padding:11px}.charge-preview b,.charge-preview span{display:block}.charge-preview span{font-size:11px;color:#8c7d91;margin-top:4px}.quote-preview{text-align:center;padding:12px}.quote-preview>span{font-size:10px;letter-spacing:1.5px;color:#7A1FA2}.quote-preview h2{margin:7px}.quote-preview>div{background:#faf7fb;border-radius:12px;padding:16px;margin:18px 0}.quote-preview>div small,.quote-preview>div strong{display:block}.quote-preview>div strong{font-size:27px;color:#FF6B00;margin-top:5px}
.ui-theme-dark .warehouse-page,.ui-theme-gradient .warehouse-page{--wh-text:#f7f0f9}.ui-theme-dark .warehouse-head h1,.ui-theme-gradient .warehouse-head h1{color:var(--wh-text)}
@media(max-width:900px){.warehouse-page{padding:18px 14px}.warehouse-kpis{grid-template-columns:1fr 1fr}.warehouse-config-grid{grid-template-columns:1fr}.warehouse-config-grid section:last-child{grid-column:auto}.warehouse-form{grid-template-columns:1fr}.warehouse-form .wide,.modal-actions{grid-column:auto}.warehouse-search{min-width:0;flex:1}.condition-list{grid-template-columns:1fr}.condition-create{grid-template-columns:1fr}.warehouse-head,.warehouse-section-head{align-items:stretch;flex-direction:column}}

.signature-box{border:1px solid #e6dce8;border-radius:11px;padding:10px;background:#fcfafc}.signature-box>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.signature-box button{border:0;background:#f2ebf4;color:#7A1FA2;border-radius:7px;padding:5px 9px;font-size:10px;cursor:pointer}.signature-box canvas{width:100%;height:120px;border:1px dashed #d8c9dc;border-radius:8px;background:#fff;touch-action:none}.signature-box small{display:block;color:#97899b;margin-top:5px;font-weight:400}
/* v1.14.0 · Motor de Almacenes Configurables */
.whb-page,.analytics-hub,.warehouse-analytics{max-width:1480px;margin:auto;padding:26px 30px 44px}.whb-head,.analytics-head{display:flex;flex-direction:column;align-items:flex-start;position:relative;margin-bottom:20px}.whb-head>span,.analytics-head>span{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#7A1FA2}.whb-head h1,.analytics-head h1{margin:4px 0 5px;font-size:27px;color:#3e2e44}.whb-head p,.analytics-head p{margin:0;color:#8d8092;font-size:12px}.whb-head>.wh-orange,.whb-head>.wh-purple{position:absolute;right:0;top:4px}.wh-orange,.wh-purple{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:9px 14px;font:inherit;font-size:11px;font-weight:600;text-decoration:none;cursor:pointer}.wh-orange{background:#FF6B00;color:#fff}.wh-purple{background:#7A1FA2;color:#fff}.wh-alert{padding:10px 13px;border-radius:9px;font-size:12px;margin:10px 0}.wh-alert.ok{background:#edf8f1;color:#34734d}.wh-alert.err{background:#fff0ef;color:#a34842}.whb-summary,.analytics-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.whb-summary article,.analytics-kpis article{background:#fff;border:1px solid #ece4ee;border-radius:13px;padding:16px}.whb-summary b,.analytics-kpis b{display:block;font-size:22px;color:#4a3651}.whb-summary span,.analytics-kpis small{font-size:11px;color:#94869a}.whb-cards,.analytics-env-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.whb-cards>article,.analytics-env-grid>a{background:#fff;border:1px solid #eae1ec;border-radius:14px;padding:17px;text-decoration:none;color:#503e57;box-shadow:0 5px 18px rgba(52,33,59,.035)}.whb-card-top{display:flex;justify-content:space-between;align-items:center}.whb-card-top>span{font-size:22px;color:#7A1FA2}.whb-card-top em{font-style:normal;font-size:10px;background:#f5eef8;color:#7A1FA2;padding:5px 8px;border-radius:999px}.whb-cards h2{font-size:16px;margin:12px 0 4px}.whb-cards p{font-size:11px;color:#94869a}.whb-cards article>div b{font-size:19px}.whb-cards footer{display:flex;gap:7px;margin-top:15px}.whb-cards footer a{font-size:11px;text-decoration:none;padding:7px 10px;border-radius:8px;background:#f7f2f8;color:#6e347f}.whb-empty{grid-column:1/-1;text-align:center;background:#fff;border:1px dashed #d9ccdd;border-radius:14px;padding:42px}.whb-empty>div{font-size:35px;color:#7A1FA2}.whb-empty h2{margin:8px}.whb-empty p{color:#928498}.whb-empty.compact{padding:24px}.whb-tabs{display:flex;gap:4px;border-bottom:1px solid #ece3ee;margin-bottom:18px}.whb-tabs a{padding:10px 13px;font-size:11px;text-decoration:none;color:#79697f;border-bottom:2px solid transparent}.whb-tabs a.active{color:#7A1FA2;border-color:#FF6B00;font-weight:600}.wh-builder{display:grid;grid-template-columns:220px 1fr;gap:14px}.wh-builder aside,.wh-builder main,.wh-access>div,.wh-record-table,.wh-integration,.analytics-grid>section{background:#fff;border:1px solid #ece4ee;border-radius:14px;padding:16px}.wh-builder aside h3{margin:0 0 4px;font-size:14px}.wh-builder aside p{font-size:11px;color:#94869a}.wh-builder aside button{display:block;width:100%;text-align:left;border:1px solid #e9e0eb;background:#fbf9fc;border-radius:8px;padding:9px;margin:6px 0;color:#604d67;font-size:11px;cursor:pointer}.wh-builder-title{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:13px}.wh-builder-title small{font-size:9px;color:#a095a4}.wh-builder-title h2{font-size:18px;margin:3px 0}.wh-builder-title p{font-size:11px;color:#938698;margin:0}.wh-field-list{display:grid;gap:7px}.wh-field-list article{display:flex;align-items:center;gap:10px;border:1px solid #eee6ef;border-radius:9px;padding:10px}.wh-field-list .drag{color:#aa9caf}.wh-field-list article>div{flex:1}.wh-field-list b,.wh-field-list small{display:block}.wh-field-list b{font-size:11px}.wh-field-list small{font-size:9px;color:#9c90a0;margin-top:3px}.wh-field-list form button{border:0;background:#f6f1f7;color:#8b6a92;border-radius:7px;width:27px;height:27px;cursor:pointer}.wh-access{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wh-access h2{font-size:16px;margin:0 0 4px}.wh-access p{font-size:11px;color:#94869a}.wh-access label{display:flex;gap:9px;align-items:center;border-top:1px solid #f0eaf1;padding:9px 2px;font-size:11px}.wh-access label span,.wh-access label small{display:block}.wh-access label small{color:#9c90a0}.wh-access footer{grid-column:1/-1;text-align:center}.wh-operate-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.wh-operate-head h2{font-size:17px;margin:0 0 4px}.wh-operate-head p{font-size:11px;color:#94869a;margin:0}.wh-record-table{padding:0;overflow:auto}.wh-record-table table,.analytics-grid table{width:100%;border-collapse:collapse;font-size:11px}.wh-record-table th,.analytics-grid th{background:#faf8fb;color:#806f85;text-align:left;padding:10px}.wh-record-table td,.analytics-grid td{border-top:1px solid #f0eaf1;padding:11px;color:#58475e}.wh-record-table .empty{text-align:center;padding:30px;color:#9c90a0}.wh-integration{margin-top:12px;background:#fbf8fc}.wh-integration b{font-size:12px;color:#633273}.wh-integration p{font-size:11px;color:#8e8093;margin:5px 0 0}.wh-modal{display:none;position:fixed;inset:0;background:rgba(34,21,38,.5);z-index:3500;align-items:center;justify-content:center;padding:18px}.wh-modal.open{display:flex}.wh-modal>div{position:relative;background:#fff;border-radius:17px;width:min(850px,96vw);max-height:90vh;overflow:auto;padding:23px}.wh-modal>div.small{width:min(620px,96vw)}.wh-modal .x{position:absolute;right:14px;top:12px;border:0;background:#f5f0f6;border-radius:50%;width:29px;height:29px;color:#705d76;font-size:18px}.wh-modal .kick{font-size:9px;letter-spacing:1.4px;color:#7A1FA2;font-weight:700}.wh-modal h2{font-size:20px;margin:5px 0}.wh-modal>div>p{font-size:11px;color:#938698}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.template-grid label input{display:none}.template-grid label span{display:block;border:1px solid #e9dfeb;border-radius:10px;padding:11px;cursor:pointer}.template-grid label input:checked+span{border-color:#7A1FA2;box-shadow:0 0 0 2px rgba(122,31,162,.08);background:#fbf7fc}.template-grid b,.template-grid small{display:block}.template-grid b{font-size:11px}.template-grid small{font-size:9px;color:#94869a;margin-top:3px}.wh-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wh-form-grid label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#68566e;font-weight:600}.wh-form-grid .wide{grid-column:1/-1}.wh-form-grid input,.wh-form-grid select,.wh-form-grid textarea{border:1px solid #e2d8e5;border-radius:8px;padding:9px;font:inherit;font-size:11px;background:#fff}.wh-form-grid textarea{min-height:70px}.wh-form-grid .check{flex-direction:row;align-items:center}.wh-modal footer{display:flex;justify-content:center;gap:8px;margin-top:15px}.analytics-env-grid>a{display:flex;flex-direction:column;gap:6px}.analytics-env-grid>a b{font-size:13px}.analytics-env-grid>a span{font-size:10px;color:#95879a}.analytics-env-grid>a em{font-style:normal;font-size:10px;color:#7A1FA2;margin-top:8px}.analytics-kpis{grid-template-columns:repeat(4,1fr)}.analytics-grid{display:grid;grid-template-columns:2fr 1fr;gap:13px}.analytics-grid h2{font-size:15px;margin:0 0 12px}.analytics-note{font-size:11px;line-height:1.6;color:#847589;background:#faf7fb;padding:12px;border-radius:9px;margin-bottom:12px}
@media(max-width:900px){.whb-page,.analytics-hub,.warehouse-analytics{padding:18px 14px}.whb-cards,.analytics-env-grid,.whb-summary,.analytics-kpis{grid-template-columns:1fr 1fr}.wh-builder,.wh-access,.analytics-grid{grid-template-columns:1fr}.wh-form-grid,.template-grid{grid-template-columns:1fr}.wh-form-grid .wide,.wh-access footer{grid-column:auto}.whb-head>.wh-orange,.whb-head>.wh-purple{position:static;margin-top:12px}}

/* v1.14.1 · integración Almacén + Automatización */
.wh-automation-panel{background:#fff;border:1px solid #ece4ee;border-radius:14px;padding:20px}.wh-auto-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center;margin-top:18px}.wh-auto-flow article{min-height:110px;border:1px solid #e8dfea;border-radius:12px;padding:15px;background:#fcfafc}.wh-auto-flow article b{display:block;color:#7A1FA2;font-size:11px;letter-spacing:.7px;margin-bottom:9px}.wh-auto-flow article span{font-size:12px;color:#66546c;line-height:1.55}.wh-auto-flow>i{font-style:normal;color:#FF6B00;font-size:20px}.wh-auto-note{margin-top:14px;padding:13px 15px;border-radius:10px;background:#fff7f0;border:1px solid #ffe1c8}.wh-auto-note b{color:#FF6B00;font-size:11px}.wh-auto-note p{margin:4px 0 0;font-size:12px;color:#66546c}@media(max-width:850px){.wh-auto-flow{grid-template-columns:1fr}.wh-auto-flow>i{transform:rotate(90deg);text-align:center}}

/* v1.14.2 · Ajuste visual Configuración de campaña / Studio */

/* Selector: etiqueta arriba, campaña abajo; nunca montado sobre el borde. */
.campaign-config-page .campaign-config-select{
  display:flex!important;flex-direction:column!important;gap:6px!important;
  margin:0 0 18px!important;position:relative!important;
}
.campaign-config-page .campaign-config-select>span{
  position:static!important;display:block!important;background:transparent!important;
  padding:0 3px!important;line-height:1.2!important;font-size:12px!important;
  font-weight:500!important;color:inherit!important;
}
.campaign-config-page .campaign-config-select select{
  display:block!important;width:100%!important;height:42px!important;
  padding:0 34px 0 12px!important;margin:0!important;border-radius:7px!important;
  line-height:42px!important;box-sizing:border-box!important;
}
body.ui-theme-light .campaign-config-select>span{color:#5e326b!important}
body.ui-theme-light .campaign-config-select select{color:#4d3157!important;background:rgba(255,255,255,.54)!important}

/* Navegación Studio */
.campaign-config-page .campaign-config-sub .campaign-sub-link{min-height:36px;display:flex;align-items:center;gap:8px}
.campaign-config-page .campaign-config-group.active+ .campaign-config-sub.open{margin-bottom:4px}

/* Agendas: una sola retícula, márgenes y alturas consistentes. */
.campaign-config-page .agenda-admin{
  padding:22px 22px 44px!important;box-sizing:border-box!important;
}
.campaign-config-page .agenda-admin .group-module-head{margin:0 0 18px!important;padding:0!important}
.campaign-config-page .agenda-summary{
  margin:0 0 16px!important;gap:14px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.campaign-config-page .agenda-summary>div{
  min-height:116px!important;padding:18px 20px!important;box-sizing:border-box!important;
  justify-content:center!important;border-radius:13px!important;
}
.campaign-config-page .agenda-admin .group-panel{margin:0!important;border-radius:13px!important;overflow:hidden!important}
.campaign-config-page .agenda-admin .group-toolbar{
  min-height:68px!important;padding:12px 16px!important;box-sizing:border-box!important;
  display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:nowrap!important;
}
.campaign-config-page .agenda-admin .group-search{margin-left:auto!important;width:min(270px,25vw)!important}
.campaign-config-page .agenda-admin .group-table th,
.campaign-config-page .agenda-admin .group-table td{padding-left:16px!important;padding-right:16px!important}
.campaign-config-page .agenda-admin .group-empty-row td{height:118px!important;text-align:center!important}

/* Automatización: misma retícula visual que Agendas. */
.campaign-config-page .automation-admin{padding:22px 22px 44px!important;box-sizing:border-box!important}
.campaign-config-page .automation-admin .group-module-head{margin:0 0 18px!important;padding:0!important}
.campaign-config-page .automation-flow{margin:0 0 16px!important;gap:14px!important}
.campaign-config-page .automation-flow>div{min-height:92px!important;box-sizing:border-box!important}
.campaign-config-page .automation-admin .group-panel{margin:0!important;border-radius:13px!important;overflow:hidden!important}
.campaign-config-page .automation-admin .group-toolbar{min-height:68px!important;padding:12px 16px!important;display:flex!important;align-items:center!important;gap:12px!important}
.campaign-config-page .automation-admin .group-search{margin-left:auto!important;width:min(270px,25vw)!important}

/* Constructor de regla: modal contenido, centrado y con scroll interno. */
#ruleModal.group-modal-backdrop{
  padding:24px!important;align-items:center!important;justify-content:center!important;
  overflow:hidden!important;
}
#ruleModal .automation-modal{
  width:min(880px,calc(100vw - 48px))!important;max-width:880px!important;
  height:auto!important;max-height:calc(100vh - 48px)!important;
  margin:0!important;border-radius:16px!important;overflow:hidden!important;
  display:flex!important;flex-direction:column!important;
}
#ruleModal .automation-modal>form{display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}
#ruleModal .automation-modal .group-form{
  padding:18px 22px!important;overflow-y:auto!important;overscroll-behavior:contain!important;
  max-height:calc(100vh - 190px)!important;
}
#ruleModal .automation-modal .group-modal-head{flex:0 0 auto!important;padding:15px 22px!important;min-height:64px!important}
#ruleModal .automation-modal .group-modal-foot{
  flex:0 0 auto!important;padding:12px 22px!important;min-height:60px!important;
  border-top:1px solid #eee6f0!important;background:#fff!important;
}
#ruleModal .automation-step{padding:14px!important;margin-bottom:12px!important;border-radius:12px!important}
#ruleModal .automation-step>strong{margin-bottom:11px!important}
#ruleModal .automation-line{gap:9px!important;align-items:center!important}
#ruleModal .automation-line select,#ruleModal .automation-line input{min-height:40px!important}
#ruleModal .automation-preview{margin-bottom:2px!important}

/* Almacén embebido: sin volver al portal ni romper el shell de campaña. */
.warehouse-campaign-work{padding:0!important;overflow:auto!important}
.warehouse-campaign-work .whb-page{max-width:none!important;margin:0!important;padding:22px 22px 44px!important;min-height:100%!important}
.warehouse-campaign-work .whb-head{margin-top:0!important}
.warehouse-campaign-work .whb-head>a[href*="campaigns/view.php"],
.warehouse-campaign-work .whb-head .wh-purple[href*="campaigns/view.php"]{display:none!important}

@media(max-width:900px){
 .campaign-config-page .agenda-admin,.campaign-config-page .automation-admin{padding:18px 16px 34px!important}
 .campaign-config-page .agenda-admin .group-toolbar,.campaign-config-page .automation-admin .group-toolbar{flex-wrap:wrap!important}
 .campaign-config-page .agenda-admin .group-search,.campaign-config-page .automation-admin .group-search{width:100%!important;margin-left:0!important}
 #ruleModal.group-modal-backdrop{padding:10px!important}
 #ruleModal .automation-modal{width:calc(100vw - 20px)!important;max-height:calc(100vh - 20px)!important}
 #ruleModal .automation-modal .group-form{max-height:calc(100vh - 160px)!important;padding:14px!important}
}
\n/* v1.14.4 · navegación campaña consistente */
.campaign-config-page .campaign-config-item.active,
.campaign-config-page .campaign-config-group.open,
.campaign-config-page .campaign-config-group.active{
  box-shadow:inset 3px 0 var(--orange)!important;
}
.campaign-config-page .campaign-config-group.open{
  background:rgba(255,255,255,.09)!important;
}
body.ui-theme-light .campaign-config-group.open,
body.ui-theme-light .campaign-config-group.active{background:rgba(122,31,162,.09)!important;color:#341d40!important}
body.ui-theme-orange .campaign-config-group.open,
body.ui-theme-orange .campaign-config-group.active{background:rgba(255,107,0,.11)!important}
.campaign-config-page .campaign-config-item,
.campaign-config-page .campaign-config-group{transition:background .16s ease,color .16s ease,box-shadow .16s ease!important}

/* v1.15.0 · Inbox Operacional + Caso 360 */
.inbox360,.case360,.import360{padding:22px 26px 48px;min-width:0}.inbox360-head,.case360-head,.import360>header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.inbox360-head small,.import360 header small{font-size:11px;letter-spacing:.7px;color:#7A1FA2}.inbox360-head h1,.case360-head h1,.import360 h1{margin:4px 0 3px;font-size:26px;font-weight:600;color:#34283b}.inbox360-head p,.case360-head p,.import360 header p{margin:0;color:#8a7a91;font-size:13px}.inbox360-head-actions{display:flex;gap:9px}.btn-primary,.btn-secondary,.btn-ghost{border:0;border-radius:8px;padding:10px 15px;font:inherit;font-size:12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:#ff6b00;color:#fff}.btn-secondary{background:#7A1FA2;color:#fff}.btn-ghost{background:#f4ecf6;color:#6b287e}.inbox360-panel{background:#fff;border:1px solid #e9e2eb;border-radius:14px;overflow:hidden;box-shadow:0 12px 28px rgba(50,31,57,.04)}.inbox360-tabs{display:flex;align-items:center;gap:4px;padding:11px 14px 0;border-bottom:1px solid #eee8ef;min-height:54px}.inbox360-tabs>a{padding:11px 10px 12px;text-decoration:none;color:#65596a;font-size:11px;border-bottom:2px solid transparent;white-space:nowrap}.inbox360-tabs>a.active{color:#7A1FA2;border-color:#7A1FA2;font-weight:600}.inbox360-tabs em{font-style:normal;background:#f2e9f5;border-radius:12px;padding:1px 5px;font-size:9px}.inbox360-tabs form{margin-left:auto}.inbox360-tabs input{width:260px;height:36px;border:1px solid #e2dbe5;border-radius:8px;padding:0 11px}.inbox360-bulk{display:flex;align-items:center;gap:8px;padding:9px 14px;border-bottom:1px solid #eee8ef;background:#fcfbfc;font-size:11px}.inbox360-bulk button{border:1px solid #e6dfe8;background:#fff;border-radius:6px;padding:7px 10px;color:#9a8fa0}.bulk-note{margin-left:auto;color:#a095a6}.inbox360-row{display:grid;grid-template-columns:26px 42px 155px minmax(220px,1.8fr) 160px 70px 105px 110px 92px 20px;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid #f0ebf1;cursor:pointer;min-height:70px}.inbox360-row:hover{background:#fdfafd}.case-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#7A1FA2;color:#fff;font-size:12px}.case-person,.case-channel{min-width:0}.case-person b,.case-channel b{display:block;font-size:11px;color:#382e3e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-person span,.case-channel span,.case-channel small{display:block;font-size:10px;color:#93889a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-meta{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:10px}.case-meta>span{color:#5e3470}.case-meta em,.case360-head>div>em{font-style:normal;border-radius:10px;padding:3px 7px;background:#f4f0f5;font-size:9px}.priority-high,.priority-urgent{background:#ffe5e9!important;color:#c62f48!important}.priority-medium{background:#fff0d9!important;color:#b46b00!important}.priority-low{background:#e4f6e8!important;color:#27833b!important}.case-sla{font-size:10px}.case-sla small{display:block;color:#9b8fa1}.case-sla b{color:#f06a1c}.case-sla.danger b{color:#d72d46}.case-status{display:inline-flex;width:max-content;border-radius:10px;padding:4px 8px;font-size:9px;background:#edf2ff;color:#3f63c9}.status-pending{background:#fff1d9;color:#a96b00}.status-in_progress{background:#ece5ff;color:#6543bf}.status-waiting{background:#e6f3ff;color:#2875a7}.status-resolved{background:#e2f6e8;color:#267d3b}.status-closed{background:#eeeef0;color:#68636c}.case-owner,.case-time{font-size:10px;color:#6f6574}.case-open{text-decoration:none;font-size:22px;color:#7A1FA2}.inbox360-empty{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9a8fa0;gap:5px}.inbox360-empty b{color:#55495a}.case360-head{border-bottom:1px solid #e9e2eb;padding-bottom:13px}.case360-head>div:first-child{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.case360-head h1{margin:0}.case360-head p{width:100%}.back-inbox{font-size:11px;text-decoration:none;color:#68407a;margin-right:6px}.case360-sla{min-width:120px;background:#fff;border:1px solid #ece4ee;border-radius:10px;padding:9px 13px;text-align:center}.case360-sla small,.case360-sla span{display:block;font-size:9px;color:#94879a}.case360-sla b{display:block;color:#ef5b24;font-size:19px}.case360-actions{display:flex;gap:7px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.case360-actions button,.form-menu summary{border:1px solid #dfd6e3;background:#fff;color:#4f4056;border-radius:7px;padding:8px 11px;font:inherit;font-size:11px;cursor:pointer}.case360-actions .primary{background:#7A1FA2;color:#fff;border-color:#7A1FA2}.case360-actions form{display:inline}.form-menu{position:relative}.form-menu summary{list-style:none;background:#7A1FA2;color:#fff}.form-menu>div{position:absolute;z-index:10;top:40px;left:0;background:#fff;border:1px solid #e3dce6;border-radius:8px;padding:6px;box-shadow:0 10px 25px #3b264322;min-width:220px}.form-menu>div button{display:block;width:100%;text-align:left;border:0}.case360-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:12px}.case360-main,.case360-side>section{background:#fff;border:1px solid #e9e2eb;border-radius:12px}.case360-tabs{display:flex;border-bottom:1px solid #eee8ef;padding:0 12px}.case360-tabs button{border:0;background:none;padding:13px 12px;font:inherit;font-size:11px;color:#817485;border-bottom:2px solid transparent}.case360-tabs button.active{color:#ff6b00;border-color:#ff6b00}.case360-tab{display:none}.case360-tab.active{display:block}.conversation{padding:16px;min-height:360px;max-height:52vh;overflow:auto;background:#fdfcfd}.bubble{max-width:72%;margin:0 0 11px;padding:9px 12px;border-radius:11px;background:#fff;border:1px solid #ebe4ed}.bubble.out{margin-left:auto;background:#f3eafb}.bubble small{font-size:9px;color:#988b9e}.bubble p{font-size:12px;margin:4px 0;line-height:1.45}.conversation-empty{padding:60px 20px;text-align:center;color:#9b8fa1;font-size:12px}.composer{display:flex;gap:8px;padding:10px;border-top:1px solid #eee8ef}.composer textarea{flex:1;min-height:42px;max-height:100px;resize:vertical;border:1px solid #e1dae4;border-radius:8px;padding:9px;font:inherit}.case360-side{display:flex;flex-direction:column;gap:10px}.case360-side>section{padding:13px}.case360-side h3{margin:0 0 10px;font-size:12px}.case360-side dl{display:grid;grid-template-columns:105px 1fr;gap:7px;margin:0;font-size:10px}.case360-side dt{color:#958a9a}.case360-side dd{margin:0;color:#46394d}.side-form{width:100%;display:grid;grid-template-columns:20px 1fr auto;gap:7px;align-items:center;border:0;background:#fbf9fc;border-radius:8px;padding:9px;margin:5px 0;text-align:left}.side-form b{font-size:10px}.side-form em{font-size:9px;font-style:normal;color:#8b7d91}.note-form{display:flex;gap:6px}.note-form textarea{flex:1;min-height:45px;border:1px solid #e1dae4;border-radius:7px;padding:7px}.note-form button{border:0;background:#7A1FA2;color:#fff;border-radius:7px}.note-item{border-top:1px solid #eee8ef;padding-top:7px;margin-top:7px;font-size:9px}.note-item span{float:right;color:#9c90a1}.note-item p{font-size:10px;margin:4px 0}.timeline{padding:16px}.timeline>div{border-left:1px solid #dacfe0;padding:0 0 14px 15px;position:relative}.timeline i{position:absolute;left:-4px;top:3px;width:7px;height:7px;border-radius:50%;background:#7A1FA2}.timeline b,.timeline span{display:block;font-size:10px}.timeline span{color:#978b9c}.case-form-cards{padding:13px}.case-form-cards article{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid #eee7f0;border-radius:8px;margin-bottom:7px}.case-form-cards b,.case-form-cards span{display:block;font-size:10px}.case-form-cards span{color:#94889a}.case-form-cards button{border:0;background:#f0e5f4;color:#6e2a82;border-radius:6px;padding:7px 9px}.case-dialog{border:0;border-radius:14px;padding:0;width:min(680px,calc(100vw - 30px));box-shadow:0 25px 70px #261b2e55}.case-dialog::backdrop{background:#23182788}.case-dialog>form{padding:18px}.case-dialog h2{margin:0 0 14px}.case-dialog label{display:flex;flex-direction:column;gap:5px;font-size:11px;margin-bottom:10px}.case-dialog input,.case-dialog select,.case-dialog textarea{border:1px solid #ded6e1;border-radius:7px;padding:9px;font:inherit}.case-dialog form>div:last-child,.case-dialog footer{display:flex;justify-content:flex-end;gap:8px}.dynamic-form-dialog>form{padding:0}.dynamic-form-dialog header{display:flex;justify-content:space-between;padding:17px 19px;border-bottom:1px solid #eee7f0}.dynamic-form-dialog header h2{margin:3px 0}.dynamic-form-dialog header p{margin:0;color:#95899b;font-size:10px}.dynamic-form-dialog header button{border:0;background:none;font-size:22px}.dynamic-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:17px 19px;max-height:60vh;overflow:auto}.dynamic-field{margin:0!important}.dynamic-form-dialog footer{padding:12px 19px;border-top:1px solid #eee7f0}.import360{max-width:1100px;margin:0 auto}.import360>header a:first-child{display:block;margin-bottom:10px;font-size:11px;color:#70407e;text-decoration:none}.import-card{background:#fff;border:1px solid #e8e0ea;border-radius:12px;padding:18px;margin-bottom:12px}.import-card h2{margin:0 0 8px;font-size:16px}.import-card p{font-size:11px;color:#756a7a}.import-columns{display:flex;gap:6px;flex-wrap:wrap}.import-columns code{background:#f4edf6;color:#6e2a82;padding:5px 7px;border-radius:5px;font-size:10px}.import-form{display:flex;align-items:end;gap:10px}.import-form label{display:flex;flex-direction:column;gap:6px;font-size:11px}.import-form input{border:1px solid #e0d8e3;border-radius:7px;padding:8px}.import-card table{width:100%;border-collapse:collapse;font-size:10px}.import-card th,.import-card td{text-align:left;border-bottom:1px solid #eee8ef;padding:8px}.import-success,.import-error{padding:10px 13px;border-radius:8px;margin-bottom:10px;font-size:11px}.import-success{background:#e7f7eb;color:#27753b}.import-error{background:#ffe8eb;color:#a92c40}.muted{color:#9a8e9f;font-size:10px}.group-operational-config{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:1px solid #e8dfea;background:#fcf9fd;border-radius:10px;padding:12px;margin:5px 0 12px}.group-operational-config>div{grid-column:1/-1}.group-operational-config b,.group-operational-config small{display:block}.group-operational-config small{color:#95889b;margin-top:3px}.group-operational-config select[multiple]{min-height:92px}
@media(max-width:1200px){.inbox360-row{grid-template-columns:26px 38px 140px minmax(190px,1fr) 130px 65px 90px 20px}.case-owner,.case-time{display:none}.case360-grid{grid-template-columns:minmax(0,1fr) 285px}}
@media(max-width:850px){.inbox360,.case360,.import360{padding:14px}.inbox360-tabs{overflow:auto}.inbox360-tabs form{display:none}.inbox360-row{grid-template-columns:24px 38px 1fr 80px 20px}.case-channel{grid-column:3}.case-meta,.case-sla,.case-owner,.case-time{display:none}.case360-grid{grid-template-columns:1fr}.case360-side{order:-1}.dynamic-form-grid{grid-template-columns:1fr}.group-operational-config{grid-template-columns:1fr}}

.import-platform-select{margin-bottom:12px;padding:16px}.import-platform-select label{display:flex;flex-direction:column;gap:6px;max-width:420px;font-size:11px}.import-platform-select select{height:38px;border:1px solid #ddd4e1;border-radius:8px;padding:0 10px;background:#fff}.import-platform-select p{font-size:11px;color:#7f7384;margin:10px 0 0}

/* v1.15.2 · Pestañas operacionales + acceso directo a Inbox */
.operation-stream-toggle{
  display:flex;
  align-items:center;
  gap:4px;
  padding:0;
  min-height:36px;
  background:transparent;
}
.operation-stream-main{
  flex:1;
  min-width:0;
  display:grid;
  grid-template-columns:20px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  padding:6px 3px 6px 11px;
  color:inherit;
  text-decoration:none;
  border-radius:7px 0 0 7px;
}
.operation-stream-main:hover{background:rgba(255,255,255,.06);color:#fff}
.operation-stream-main svg{width:18px;height:18px;stroke:#ddd3e3}
.operation-stream-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.operation-stream-main em{font-style:normal;font-size:10px;color:#bfb3c7}
.stream-chevron{
  width:28px;
  min-width:28px;
  height:32px;
  border:0;
  background:transparent;
  color:#bfb3c7;
  border-radius:0 7px 7px 0;
  cursor:pointer;
  transition:transform .18s ease,background .18s ease;
}
.stream-chevron:hover{background:rgba(255,255,255,.06);color:#fff}
.operation-stream.collapsed .stream-chevron{transform:rotate(-90deg)}
body.ui-theme-light .operation-stream-main{color:#3f3047}
body.ui-theme-light .operation-stream-main:hover,
body.ui-theme-light .stream-chevron:hover{background:rgba(83,46,101,.08);color:#321f3d}
body.ui-theme-light .operation-stream-main svg{stroke:#5a3568}
body.ui-theme-light .operation-stream-main em,
body.ui-theme-light .stream-chevron{color:#71597c}

.workspace-tabs{
  margin:-22px -26px 18px;
  min-height:48px;
  display:flex;
  align-items:flex-end;
  gap:0;
  padding:0 14px;
  background:#f4f2f5;
  border-bottom:1px solid #ddd8df;
  overflow-x:auto;
}
.workspace-tab{
  min-width:170px;
  max-width:320px;
  height:47px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 14px;
  border:1px solid transparent;
  border-bottom:0;
  color:#827787;
  text-decoration:none;
  font-size:11px;
  background:transparent;
  white-space:nowrap;
}
.workspace-tab.active{
  background:#fff;
  color:#2f2435;
  border-color:#ddd8df;
  position:relative;
  top:1px;
}
.workspace-tab.home-tab.active{color:#6e2a82}
.workspace-tab.operational-tab{min-width:240px}
.workspace-tab-close{
  color:#4f4155;
  font-size:19px;
  line-height:1;
  text-decoration:none;
  font-weight:600;
}
.workspace-tab-close:hover{color:#ff6b00}
@media(max-width:850px){
  .workspace-tabs{margin:-14px -14px 12px;padding-left:8px}
  .workspace-tab{min-width:145px}
  .workspace-tab.operational-tab{min-width:200px}
}

/* v1.15.3 · Casos en bloques independientes */
.inbox360-panel{
  background:transparent;
  border:0;
  border-radius:0;
  overflow:visible;
  box-shadow:none;
}
.inbox360-controls{
  background:#fff;
  border:1px solid #e9e2eb;
  border-radius:13px;
  overflow:hidden;
  box-shadow:0 6px 18px rgba(50,31,57,.025);
  margin-bottom:10px;
}
.inbox360-controls .inbox360-bulk{border-bottom:0}
.inbox360-list{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
}
.inbox360-row{
  background:#fff;
  border:1px solid #e9e2eb;
  border-radius:12px;
  box-shadow:0 4px 12px rgba(50,31,57,.025);
  padding:12px 14px;
  min-height:72px;
  transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease;
}
.inbox360-row:hover{
  background:#fff;
  border-color:#ded2e3;
  box-shadow:0 8px 20px rgba(50,31,57,.07);
  transform:translateY(-1px);
}
.inbox360-row:has(.case-check:checked){
  border-color:#b98ac8;
  box-shadow:inset 3px 0 #7A1FA2,0 5px 14px rgba(50,31,57,.05);
}
.case-channel small{
  display:flex;
  align-items:center;
  gap:5px;
}
.channel-dot{
  width:18px;height:18px;
  border-radius:50%;
  display:inline-grid;
  place-items:center;
  font-style:normal;
  font-size:9px;
  background:#f2eaf5;
  color:#7A1FA2;
  flex:0 0 18px;
}
.channel-whatsapp{background:#e6f7e9;color:#1e9d3d}
.channel-email{background:#f0e9fa;color:#7242b8}
.channel-api{background:#edf2ff;color:#4168c6}
.channel-web{background:#eaf5ff;color:#2a7eb2}
.inbox360-footer{
  min-height:50px;
  margin-top:9px;
  padding:9px 13px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:12px;
  background:#fff;
  border:1px solid #e9e2eb;
  border-radius:11px;
  color:#8a7d90;
  font-size:10px;
}
.inbox360-footer>span:last-child{text-align:right}
.inbox-pagination{display:flex;align-items:center;gap:4px}
.inbox-pagination a{
  min-width:30px;height:30px;
  display:grid;place-items:center;
  border:1px solid #e5dde8;
  border-radius:6px;
  text-decoration:none;
  color:#67566f;
  background:#fff;
  font-size:10px;
}
.inbox-pagination a:hover{border-color:#bca2c6;color:#7A1FA2}
.inbox-pagination a.active{background:#7A1FA2;border-color:#7A1FA2;color:#fff}
.inbox-pagination a.disabled{opacity:.35;pointer-events:none}
@media(max-width:850px){
  .inbox360-list{gap:7px}
  .inbox360-row{padding:10px}
  .inbox360-footer{grid-template-columns:1fr;justify-items:center}
  .inbox360-footer>span:last-child{text-align:center}
}


/* v1.15.4 · Ajuste visual Inbox: sin título, botón más bajo, buscador más compacto */
.inbox360-head{
  justify-content:flex-end !important;
  align-items:flex-end !important;
  padding:4px 0 12px !important;
  min-height:auto !important;
  gap:0 !important;
}
.inbox360-head > div:first-child{
  display:none !important;
}
.inbox360-head > div:last-child{
  width:100%;
  display:flex;
  justify-content:flex-end;
  align-items:flex-end;
}
.inbox360-head button,
.inbox360-head .btn,
.inbox360-head [type="button"]{
  margin-top:8px !important;
  margin-bottom:4px !important;
  min-height:44px;
  padding:0 18px !important;
  border-radius:10px !important;
}

.inbox360-controls{
  margin-top:0 !important;
}
.inbox360-tabs{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.inbox360-tabs form{
  margin-left:auto !important;
  width:280px !important;
  max-width:280px !important;
  flex:0 0 280px !important;
}
.inbox360-tabs form input{
  width:100% !important;
  min-width:100% !important;
  max-width:100% !important;
  height:44px !important;
  padding:0 14px !important;
  font-size:13px !important;
}
@media (max-width: 1200px){
  .inbox360-tabs form{
    width:240px !important;
    max-width:240px !important;
    flex-basis:240px !important;
  }
}
@media (max-width: 768px){
  .inbox360-head{padding:4px 0 10px !important;}
  .inbox360-head > div:last-child{justify-content:stretch;}
  .inbox360-head button,
  .inbox360-head .btn,
  .inbox360-head [type="button"]{
    width:100%;
  }
  .inbox360-tabs form{
    width:100% !important;
    max-width:100% !important;
    flex:1 1 100% !important;
    margin-left:0 !important;
  }
}

/* v1.15.5 · Compactación superior del Inbox */
.inbox360{
  padding-top:12px !important;
}
.inbox360-panel{
  margin-top:0 !important;
}
.inbox360-controls{
  margin-top:0 !important;
}
.inbox360-tabs{
  padding:10px 12px 0 !important;
  min-height:58px !important;
  flex-wrap:nowrap !important;
}
.inbox360-tabs .inbox360-search{
  margin-left:auto !important;
  width:235px !important;
  max-width:235px !important;
  flex:0 0 235px !important;
}
.inbox360-tabs .inbox360-search input{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  height:40px !important;
  padding:0 12px !important;
  font-size:12px !important;
}
.inbox360-create{
  flex:0 0 auto;
  height:40px !important;
  min-height:40px !important;
  padding:0 16px !important;
  margin:0 0 0 8px !important;
  border-radius:9px !important;
  white-space:nowrap;
}
@media(max-width:1180px){
  .inbox360-tabs{
    flex-wrap:wrap !important;
    row-gap:6px;
    padding-bottom:8px !important;
  }
  .inbox360-tabs .inbox360-search{
    width:210px !important;
    max-width:210px !important;
    flex-basis:210px !important;
  }
}
@media(max-width:850px){
  .inbox360{padding-top:8px !important}
  .inbox360-tabs .inbox360-search{
    width:100% !important;
    max-width:none !important;
    flex:1 1 100% !important;
    margin-left:0 !important;
  }
  .inbox360-create{
    width:100%;
    margin-left:0 !important;
  }
}

/* v1.16.0 · Caso 360 operativo: toma manual, SLA de espera, chat, agenda y pantalla completa */
body.case360-open{overflow:hidden}
.case360-overlay{
  position:fixed;inset:0;z-index:6000;background:#f7f7fa;overflow:auto;
  font-family:Montserrat,Arial,sans-serif;color:#261d2c;
}
.case360-topbar{
  min-height:84px;background:linear-gradient(100deg,#ff6700 0%,#ff3e49 48%,#bb009d 100%);
  display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 28px;color:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.15);position:sticky;top:0;z-index:5;
}
.case360-top-left,.case360-top-right{display:flex;align-items:center;gap:18px;min-width:0}
.case360-logo{width:205px;max-height:54px;object-fit:contain;object-position:left center}
.case360-id{font-size:26px;white-space:nowrap;border-left:1px solid rgba(255,255,255,.35);padding-left:25px}
.case360-id b{font-weight:600}.case360-id span{font-weight:300}
.case360-take,.case360-owned{
  min-height:42px;padding:0 15px;border:1px solid rgba(255,255,255,.8);background:#fff;color:#3d2a43;
  border-radius:6px;font:inherit;font-size:12px;display:inline-flex;align-items:center;justify-content:center;
}
.case360-take{cursor:pointer}.case360-take:hover{background:#fff5ed}
.case360-owned{background:rgba(255,255,255,.15);color:#fff}.case360-owned.other{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.case360-wait-sla{
  min-width:90px;background:#fff;color:#2d2432;border-radius:6px;padding:7px 12px;text-align:center;
  box-shadow:0 2px 10px rgba(74,21,48,.12);transform:rotate(-1deg)
}
.case360-wait-sla small,.case360-wait-sla span{display:block;font-size:8px;color:#8e8195}
.case360-wait-sla strong{display:block;font-size:15px;color:#ff6500;line-height:1.15;margin:2px 0;font-weight:700}
.case360-wait-sla.breached strong{color:#d92743}
.case360-aux{position:relative}
.case360-aux-current{
  min-width:220px;min-height:57px;border:1px solid rgba(255,255,255,.16);background:#292235;color:#fff;border-radius:5px;
  display:grid;grid-template-columns:18px 1fr 16px;gap:8px;align-items:center;padding:8px 12px;text-align:left;cursor:pointer;
}
.case360-aux-current>i{font-style:normal;color:#ff7200}.case360-aux-current b{display:block;font-size:11px}.case360-aux-current small{display:block;font-size:8px;color:#b9adbf}.case360-aux-current em{font-style:normal;color:#c8bdcd}
.case360-aux-menu{display:none;position:absolute;right:0;top:64px;width:220px;background:#fff;border:1px solid #e4dce8;border-radius:9px;padding:6px;box-shadow:0 18px 45px rgba(42,24,49,.25)}
.case360-aux-menu.open{display:block}.case360-aux-menu button{width:100%;border:0;background:#fff;border-radius:6px;padding:8px 10px;text-align:left;display:flex;gap:9px;align-items:center;color:#4d4053;font:inherit;font-size:10px;cursor:pointer}.case360-aux-menu button:hover{background:#f7f1f9}.case360-aux-menu i{font-style:normal;color:#ff6b00}
.case360-top-icon{
  width:40px;height:40px;border:0;background:transparent;color:#fff;display:grid;place-items:center;position:relative;cursor:pointer;border-radius:7px
}
.case360-top-icon:hover{background:rgba(255,255,255,.12)}.case360-top-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8}
.case360-icon-badge{position:absolute;right:0;top:0;min-width:16px;height:16px;border-radius:10px;background:#ff6b00;color:#fff;font-size:8px;display:grid;place-items:center;border:2px solid #c30b91}
.case360-close{font-size:36px;line-height:1;text-decoration:none;color:#fff;font-weight:300;padding:0 4px}
.case360-workspace{padding:14px 30px 24px;max-width:none}
.case360-notice,.case360-readonly{border-radius:7px;padding:8px 12px;font-size:10px;margin-bottom:8px}
.case360-notice{background:#f3ebf6;color:#673376}.case360-readonly{background:#fff4e9;color:#805024;border:1px solid #f3ddc8}.case360-readonly span{font-weight:700;margin-right:6px}
.case360-actionbar{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.case360-action-left,.case360-action-right{display:flex;align-items:center;gap:8px}
.case360-actionbar form{margin:0}
.case360-actionbar button{
  min-height:38px;padding:0 15px;border:1px solid #ded6e2;background:#fff;color:#5b4563;border-radius:7px;font:inherit;font-size:11px;cursor:pointer;
}
.case360-actionbar button:hover:not(:disabled){border-color:#b59cbe;background:#fdf9fe}
.case360-actionbar button:disabled,.case360-overlay button:disabled,.case360-overlay textarea:disabled{opacity:.42;cursor:not-allowed}
.case360-actionbar .case360-tipify{border-color:#cfc1d5;color:#6d3a7e}
.case360-grid-full{grid-template-columns:minmax(0,1fr) 410px;gap:14px}
.case360-overlay .case360-main,.case360-overlay .case360-side>section{border-radius:12px;border:1px solid #e6dfe9;box-shadow:0 4px 15px rgba(56,34,64,.025)}
.case360-overlay .case360-main{min-height:calc(100vh - 175px);display:flex;flex-direction:column}
.case360-overlay .case360-tab.active{flex:1}
.case360-overlay #tab-conversation.active{display:flex;flex-direction:column}
.case360-overlay .conversation{flex:1;min-height:330px;max-height:none;background:#fbfafc}
.case360-overlay .composer{padding:12px;background:#fff;align-items:stretch}
.case360-overlay .composer textarea{min-height:58px;max-height:90px;border-radius:8px;padding:11px 13px}
.case360-overlay .compact-action{
  width:auto!important;min-width:78px!important;max-width:120px!important;height:38px!important;min-height:38px!important;
  padding:0 14px!important;border-radius:7px!important;font-size:11px!important;align-self:flex-end
}
.case360-overlay .composer .compact-action{background:#ff6b00!important}
.case360-overlay .note-form{align-items:flex-end}
.case360-overlay .note-form textarea{min-height:66px}
.case360-overlay .note-form .compact-action{background:#7A1FA2;color:#fff;border:0}
.case360-overlay .side-form{
  min-height:42px;background:#fbf8fc;border:1px solid transparent;cursor:pointer
}
.case360-overlay .side-form:hover:not(:disabled){border-color:#dfcfe5}
.case360-overlay .side-form b{font-size:10px;color:#592365}
.case360-overlay .side-form>span{width:28px;height:28px;border-radius:6px;background:#8a10a3;color:#fff;display:grid;place-items:center}
.case360-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid #eee7f0}
.case360-metrics span{background:#faf7fb;border-radius:7px;padding:7px}.case360-metrics small,.case360-metrics b{display:block}.case360-metrics small{font-size:8px;color:#928499}.case360-metrics b{font-size:10px;margin-top:3px;color:#4c3c52}
.case-dialog header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.case-dialog header small{font-size:9px;color:#7A1FA2;letter-spacing:.6px}.case-dialog header h2{margin:3px 0}.case-dialog header p{margin:0;color:#918497;font-size:10px}.case-dialog header>button{border:0;background:none;font-size:24px;cursor:pointer}
.case-dialog-empty{padding:26px;text-align:center;color:#95899a;font-size:11px}
.internal-chat-dialog{width:min(560px,calc(100vw - 30px))}
.internal-chat-thread{min-height:260px;max-height:50vh;overflow:auto;padding:14px;background:#faf8fb}
.internal-chat-msg{max-width:78%;margin-bottom:9px;background:#fff;border:1px solid #e8e0eb;border-radius:9px;padding:9px 10px}.internal-chat-msg.mine{margin-left:auto;background:#f2e8f6}.internal-chat-msg b{font-size:9px}.internal-chat-msg p{margin:4px 0;font-size:11px}.internal-chat-msg small{font-size:8px;color:#95899a}
.internal-chat-compose{display:flex!important;gap:8px}.internal-chat-compose input{flex:1;border:1px solid #ddd5e1;border-radius:7px;padding:9px}
.auto-case-toggle{border:0;background:transparent;display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:9px;color:#897a8f;cursor:pointer}.auto-case-toggle>span{width:28px;height:16px;border-radius:10px;background:#d9d3dc;position:relative}.auto-case-toggle>span:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;left:2px;top:2px;box-shadow:0 1px 3px #0002}.auto-case-toggle.on>span{background:#7A1FA2}.auto-case-toggle.on>span:after{left:14px}.auto-case-toggle.on b{color:#6d2b80}
.agent-auto-receive{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr auto;align-items:center;background:#faf7fb;border:1px solid #ebe2ee;border-radius:9px;padding:10px 12px!important}.agent-auto-receive small{grid-column:1/-1;color:#918596;margin-top:4px;font-size:9px}
.case360-visibility-form{display:flex;align-items:center;gap:12px}.case360-visibility-form>span b,.case360-visibility-form>span small{display:block}.case360-visibility-form>span b{font-size:10px}.case360-visibility-form>span small{font-size:9px;color:#95899a;margin-top:2px}
@media(max-width:1180px){
  .case360-logo{width:165px}.case360-id{font-size:20px;padding-left:15px}.case360-top-left,.case360-top-right{gap:10px}.case360-aux-current{min-width:175px}.case360-grid-full{grid-template-columns:minmax(0,1fr) 330px}
}
@media(max-width:900px){
  .case360-topbar{padding:10px 14px;align-items:flex-start}.case360-top-left{flex-wrap:wrap}.case360-logo{width:140px}.case360-id{border-left:0;padding-left:0;font-size:18px}.case360-aux{display:none}.case360-workspace{padding:10px}.case360-grid-full{grid-template-columns:1fr}.case360-overlay .case360-main{min-height:520px}.case360-top-right{margin-left:auto}.case360-metrics{grid-template-columns:1fr}
}

.calendar-tool{position:relative}
.calendar-alert-count{position:absolute;right:1px;top:1px;min-width:15px;height:15px;padding:0 3px;border-radius:10px;background:#ff6b00;color:#fff;font-style:normal;font-size:8px;display:grid;place-items:center;border:2px solid rgba(161,0,130,.9)}
.calendar-work{padding:24px 28px}.calendar-work-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.calendar-work-head h1{margin:0 0 4px;font-size:22px}.calendar-work-head p{margin:0;color:#81758c;font-size:11px}.calendar-work-head>span{background:#f3eaf6;color:#6f307f;padding:7px 10px;border-radius:16px;font-size:9px}.calendar-event-list{display:grid;gap:8px}.calendar-event{background:#fff;border:1px solid #e9e1ec;border-radius:11px;padding:12px 14px;display:grid;grid-template-columns:58px minmax(0,1fr) 100px auto 34px;gap:12px;align-items:center;box-shadow:0 4px 12px rgba(54,33,62,.025)}.calendar-event.due{box-shadow:inset 3px 0 #ff6b00,0 4px 12px rgba(54,33,62,.025)}.calendar-event-date{width:50px;height:50px;border-radius:9px;background:#f5eef8;display:flex;flex-direction:column;align-items:center;justify-content:center}.calendar-event-date b{font-size:17px}.calendar-event-date span{font-size:8px;color:#7d6887}.calendar-event-main small{font-size:8px;color:#896e94}.calendar-event-main h3{margin:2px 0 3px;font-size:12px}.calendar-event-main p{margin:0;font-size:9px;color:#94879a}.calendar-event-time{text-align:center}.calendar-event-time b,.calendar-event-time span{display:block}.calendar-event-time b{font-size:11px}.calendar-event-time span{font-size:8px;color:#8e8194;margin-top:3px}.calendar-event.due .calendar-event-time span{color:#d94a24;font-weight:600}.calendar-open-case{font-size:9px;text-decoration:none;color:#6f307f;border:1px solid #ded2e3;border-radius:6px;padding:7px 9px}.calendar-event form button{width:30px;height:30px;border:0;border-radius:50%;background:#eee5f2;color:#6d327a;cursor:pointer}.calendar-empty{background:#fff;border:1px solid #e9e1ec;border-radius:11px;padding:50px;text-align:center;color:#94879a;font-size:11px}


/* v1.16.1 · Cabecera Caso 360 aprobada */
.case360-topbar{
  min-height:64px !important;
  height:64px !important;
  padding:0 24px !important;
  gap:12px !important;
}
.case360-top-left,.case360-top-right{
  gap:12px !important;
}
.case360-logo{
  width:168px !important;
  max-height:40px !important;
}
.case360-id{
  font-size:20px !important;
  line-height:1 !important;
  padding-left:18px !important;
  border-left:1px solid rgba(255,255,255,.38) !important;
}
.case360-id b{
  font-weight:600 !important;
}
.case360-id span{
  font-weight:300 !important;
}
.case360-take{
  min-height:36px !important;
  height:36px !important;
  padding:0 15px !important;
  border:1px solid rgba(255,255,255,.92) !important;
  background:transparent !important;
  color:#fff !important;
  border-radius:8px !important;
  font-size:10px !important;
  box-shadow:none !important;
}
.case360-take:hover{
  background:rgba(255,255,255,.10) !important;
  color:#fff !important;
}
.case360-owned{
  min-height:34px !important;
  height:34px !important;
  padding:0 12px !important;
  border:1px solid rgba(255,255,255,.72) !important;
  background:transparent !important;
  color:#fff !important;
  border-radius:8px !important;
  font-size:9px !important;
}
.case360-wait-sla{
  min-width:auto !important;
  padding:0 14px !important;
  background:transparent !important;
  color:#fff !important;
  border:0 !important;
  border-left:1px solid rgba(255,255,255,.42) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transform:none !important;
  text-align:center !important;
}
.case360-wait-sla small,
.case360-wait-sla span{
  color:rgba(255,255,255,.82) !important;
  font-size:7px !important;
  line-height:1.05 !important;
}
.case360-wait-sla strong{
  color:#fff !important;
  font-size:15px !important;
  line-height:1.1 !important;
  margin:1px 0 !important;
  font-weight:600 !important;
}
.case360-wait-sla.breached strong{
  color:#fff !important;
}
.case360-aux-current{
  min-width:195px !important;
  min-height:38px !important;
  height:38px !important;
  padding:5px 11px !important;
  border:1px solid rgba(255,255,255,.92) !important;
  background:transparent !important;
  color:#fff !important;
  border-radius:8px !important;
  grid-template-columns:14px 1fr 14px !important;
  gap:7px !important;
}
.case360-aux-current>i{
  color:#fff !important;
  font-size:10px !important;
}
.case360-aux-current b{
  color:#fff !important;
  font-size:9px !important;
  font-weight:500 !important;
}
.case360-aux-current small{
  color:rgba(255,255,255,.76) !important;
  font-size:7px !important;
}
.case360-aux-current em{
  color:#fff !important;
  font-size:10px !important;
}
.case360-aux-menu{
  top:44px !important;
  width:205px !important;
  padding:6px !important;
  background:#fff !important;
  border:1px solid #eadfed !important;
  border-radius:9px !important;
  box-shadow:0 14px 34px rgba(54,27,66,.20) !important;
}
.case360-aux-menu button{
  color:#7A1FA2 !important;
  background:#fff !important;
  font-size:9px !important;
  padding:8px 9px !important;
}
.case360-aux-menu button:hover{
  background:#f7f0fa !important;
  color:#65167d !important;
}
.case360-aux-menu button i{
  color:#7A1FA2 !important;
}
.case360-top-icon{
  width:34px !important;
  height:34px !important;
}
.case360-top-icon svg{
  width:23px !important;
  height:23px !important;
  stroke-width:1.7 !important;
}
.case360-close{
  font-size:30px !important;
  line-height:1 !important;
  padding:0 2px !important;
}

/* Barra de acciones justo debajo: ligera, compacta, nombres morados */
.case360-actionbar{
  min-height:48px !important;
  margin-bottom:7px !important;
}
.case360-actionbar button{
  min-height:36px !important;
  height:36px !important;
  padding:0 14px !important;
  border-radius:7px !important;
  font-size:10px !important;
  color:#6E2A82 !important;
  background:#fff !important;
  border-color:#ddd2e2 !important;
}
.case360-actionbar button:hover:not(:disabled){
  background:#faf5fc !important;
  border-color:#c7add0 !important;
}
.case360-actionbar .case360-tipify{
  color:#6E2A82 !important;
  border-color:#d8c8df !important;
}
@media(max-width:1180px){
  .case360-topbar{padding:0 16px !important}
  .case360-logo{width:145px !important}
  .case360-id{font-size:18px !important;padding-left:12px !important}
  .case360-aux-current{min-width:165px !important}
}

/* v1.16.2 · Formularios asignados como botones */
.case360-form-section h3{
  margin-bottom:10px !important;
}
.case360-form-buttons{
  display:grid;
  grid-template-columns:1fr;
  gap:7px;
}
.case360-form-button{
  width:100%;
  min-height:50px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto 16px;
  align-items:center;
  gap:10px;
  padding:7px 10px;
  border:1px solid #d9bee5;
  border-radius:9px;
  background:linear-gradient(90deg,#f4e9fa 0%,#fbf7fd 100%);
  color:#5f1f73;
  text-align:left;
  font:inherit;
  cursor:pointer;
  box-shadow:0 2px 7px rgba(93,35,112,.035);
  transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease;
}
.case360-form-button:hover:not(:disabled){
  border-color:#a953bd;
  background:linear-gradient(90deg,#ecd9f6 0%,#f9f1fc 100%);
  box-shadow:0 5px 12px rgba(93,35,112,.08);
  transform:translateY(-1px);
}
.case360-form-button:disabled{
  opacity:.48;
  cursor:not-allowed;
}
.case360-form-icon{
  width:32px;
  height:32px;
  border-radius:8px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#7A1FA2,#b20ac0);
  color:#fff;
  font-size:14px;
}
.case360-form-button b{
  font-size:10px;
  font-weight:600;
  color:#4f1d61;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.case360-form-button em{
  min-width:66px;
  text-align:center;
  font-style:normal;
  font-size:8px;
  border-radius:12px;
  padding:5px 8px;
  background:#fff0dc;
  color:#c56b00;
}
.case360-form-button.completed em{
  background:#e3f6e8;
  color:#287d3a;
}
.case360-form-button>i{
  font-style:normal;
  font-size:21px;
  line-height:1;
  color:#7A1FA2;
}

/* v1.17.0 · Motor guiado e intuitivo */
.automation-guided-modal{width:min(920px,calc(100vw - 36px))!important;max-height:92vh;overflow:auto}
.automation-guided-modal .group-modal-head p{margin:3px 0 0;color:#8e8193;font-size:10px}
.automation-guided{display:grid;gap:11px}
.guided-card{
  border:1px solid #e7deea;background:#fff;border-radius:12px;padding:14px;
  box-shadow:0 4px 14px rgba(58,34,67,.025)
}
.guided-card-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.guided-card-head>span{
  width:28px;height:28px;border-radius:50%;display:grid;place-items:center;
  background:#7A1FA2;color:#fff;font-size:10px;font-weight:600;flex:0 0 28px
}
.guided-card-head b,.guided-card-head small{display:block}
.guided-card-head b{font-size:12px;color:#403247}.guided-card-head small{font-size:9px;color:#918497;margin-top:2px}
.guided-tipification-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.guided-tipification-grid label,.guided-card>label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#5e4d65}
.guided-tipification-grid select,.guided-card select,.guided-card input,.guided-card textarea{
  min-height:38px;border:1px solid #ded5e2;border-radius:8px;padding:8px 10px;font:inherit;font-size:10px;background:#fff;color:#44364a
}
.guided-card textarea{min-height:70px;resize:vertical}
.keyword-preview{display:flex;gap:6px;flex-wrap:wrap;min-height:8px}
.keyword-preview span{
  display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:14px;
  background:#f3e8f7;color:#6e2a82;font-size:9px
}
.guided-action-line{
  display:grid;grid-template-columns:24px 220px minmax(0,1fr) 34px;gap:8px;align-items:center;
  padding:8px;border:1px solid #ebe3ed;border-radius:9px;background:#fcfafc;margin-bottom:7px
}
.guided-action-line select,.guided-action-line input{
  width:100%;height:38px;border:1px solid #ddd4e1;border-radius:7px;padding:0 9px;font:inherit;font-size:10px;background:#fff
}
.guided-action-target{display:block}
.guided-action-remove{width:32px;height:32px;border:0;background:#f3edf5;color:#7A1FA2;border-radius:7px;font-size:17px;cursor:pointer}
.guided-summary{
  border:1px solid #ded0e4;background:linear-gradient(90deg,#f8f2fa,#fff8f1);border-radius:11px;padding:12px 14px
}
.guided-summary b{display:block;font-size:10px;color:#6c2e7c;margin-bottom:4px}
.guided-summary p{margin:0;font-size:10px;line-height:1.5;color:#5c4e62}
.automation-flow{border:1px solid #eee7f0;border-radius:11px;background:#fff;padding:12px}
@media(max-width:900px){
  .guided-tipification-grid{grid-template-columns:1fr}
  .guided-action-line{grid-template-columns:20px 1fr 34px}
  .guided-action-target{grid-column:2/3}
}

/* =========================================================
   v1.18.0 · FIELDOPS
   Zonificación · Gestores · Emparejamiento
   ========================================================= */
.fieldops-work{background:#f7f5f8!important}
.fieldops-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:20px;
  margin-bottom:14px
}
.fieldops-head small{display:block;font-size:9px;letter-spacing:.55px;color:#8f8195;margin-bottom:4px}
.fieldops-head h1{margin:0;font-size:22px;font-weight:500;color:#392e3e}
.fieldops-head p{max-width:760px;margin:5px 0 0;font-size:10px;line-height:1.55;color:#8c8091}
.fieldops-primary{
  min-height:36px;padding:0 16px;border:0;border-radius:8px;
  background:#ff6b00;color:#fff;font:inherit;font-size:10px;font-weight:600;cursor:pointer;
  box-shadow:0 5px 14px rgba(255,107,0,.18);white-space:nowrap
}
.fieldops-primary:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(255,107,0,.22)}
.fieldops-panel{
  background:#fff;border:1px solid #ebe5ed;border-radius:12px;
  box-shadow:0 5px 20px rgba(62,38,72,.035);overflow:hidden
}
.fieldops-toolbar{
  min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:15px;
  padding:10px 13px;border-bottom:1px solid #eee9f0
}
.fieldops-kpi{display:flex;align-items:center;gap:8px}
.fieldops-kpi b{
  min-width:30px;height:30px;border-radius:8px;background:#f2e9f5;color:#74228e;
  display:grid;place-items:center;font-size:11px
}
.fieldops-kpi span{font-size:9px;color:#887b8d}
.fieldops-search{
  width:min(310px,48%);height:36px;display:flex;align-items:center;gap:7px;
  border:1px solid #e1d9e4;border-radius:8px;padding:0 10px;color:#8a7d90;background:#fff
}
.fieldops-search input{width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:9px;color:#4c3d52}
.fieldops-table-wrap{overflow:auto}
.fieldops-table{width:100%;border-collapse:collapse;min-width:860px}
.fieldops-table th{
  padding:10px 12px;text-align:left;background:#fbfafc;border-bottom:1px solid #eee9f0;
  font-size:8px;font-weight:600;letter-spacing:.25px;color:#8b7d91;text-transform:uppercase
}
.fieldops-table td{padding:11px 12px;border-bottom:1px solid #f0ebf1;font-size:9px;color:#5b4c61}
.fieldops-table td b{font-size:9px;color:#3f3345;font-weight:600}
.fieldops-table tr:last-child td{border-bottom:0}
.fieldops-empty td,.fieldops-empty-card{padding:28px!important;text-align:center;color:#988b9c;font-size:10px}
.fieldops-empty-card.wide{grid-column:1/-1}
.fieldops-status{
  display:inline-flex;align-items:center;justify-content:center;min-width:65px;height:25px;
  border:0;border-radius:13px;background:#f1edf2;color:#8e8292;font:inherit;font-size:8px;cursor:pointer
}
.fieldops-status.on{background:#e5f6e8;color:#2c7b3e}
.fieldops-actions{display:flex;align-items:center;gap:5px}
.fieldops-actions form{display:inline-flex}
.fieldops-actions button,.fieldops-detail-actions button{
  width:30px;height:30px;border:1px solid #e4dce7;border-radius:7px;background:#fff;
  color:#6d2a81;font:inherit;font-size:11px;cursor:pointer
}
.fieldops-actions button:hover,.fieldops-detail-actions button:hover{background:#f7f0f9;border-color:#d0b8d8}
.fieldops-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fieldops-form-grid label,.fieldops-modal label{
  display:flex;flex-direction:column;gap:5px;font-size:9px;color:#5a4a60
}
.fieldops-form-grid input,.fieldops-form-grid select,.fieldops-form-grid textarea,
.fieldops-modal label>select,.fieldops-modal label>input,.fieldops-modal label>textarea{
  width:100%;min-height:38px;border:1px solid #ded6e2;border-radius:8px;
  padding:8px 10px;background:#fff;color:#433649;font:inherit;font-size:10px;box-sizing:border-box
}
.fieldops-form-grid textarea{min-height:72px;resize:vertical}
.fieldops-modal{width:min(720px,calc(100vw - 34px))}
.fieldops-modal.small{width:min(510px,calc(100vw - 34px))}
.fieldops-modal.pairing-modal{width:min(900px,calc(100vw - 34px));max-height:92vh;overflow:auto}
.fieldops-modal .group-modal-head p{font-size:9px;color:#918496;margin:4px 0 0}
.fieldops-live-preview{
  margin-top:12px;padding:11px 13px;border:1px solid #e4d6e9;border-radius:9px;
  background:linear-gradient(90deg,#faf4fc 0%,#fff9f4 100%)
}
.fieldops-live-preview small,.fieldops-live-preview b,.fieldops-live-preview span{display:block}
.fieldops-live-preview small{font-size:7px;letter-spacing:.55px;color:#9b7aa4}
.fieldops-live-preview b{margin-top:3px;font-size:11px;color:#542161}
.fieldops-live-preview span{margin-top:3px;font-size:9px;color:#8e7e93}
.fieldops-zone-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #e5dce8;border-radius:11px;background:#fff}
.fieldops-zone-card>i{
  width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#7A1FA2,#b527c1);
  color:#fff;display:grid;place-items:center;font-style:normal;font-size:18px
}
.fieldops-zone-card b,.fieldops-zone-card span{display:block}
.fieldops-zone-card b{font-size:12px;color:#443349}.fieldops-zone-card span{font-size:9px;color:#8f8194;margin-top:3px}

/* Gestores */
.fieldops-split{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(430px,1.22fr);gap:12px}
.fieldops-master,.fieldops-detail{min-height:570px}
.fieldops-profile-list{padding:7px}
.fieldops-profile-row{
  display:grid;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:9px;
  padding:10px;border-radius:9px;text-decoration:none;color:inherit;margin-bottom:4px;border:1px solid transparent
}
.fieldops-profile-row:hover{background:#faf7fb}
.fieldops-profile-row.active{background:#f5edf8;border-color:#dfcde5}
.fieldops-profile-icon{
  width:34px;height:34px;border-radius:9px;background:#ede0f2;color:#702488;
  display:grid;place-items:center;font-size:14px
}
.fieldops-profile-row b,.fieldops-profile-row small,.fieldops-profile-row em{display:block}
.fieldops-profile-row b{font-size:10px;color:#4e3d55;font-weight:600}
.fieldops-profile-row small{font-size:8px;color:#95879a;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fieldops-profile-row em{font-size:8px;color:#7d6385;margin-top:4px;font-style:normal}
.fieldops-profile-row>i{font-style:normal;color:#8e7097;font-size:18px}
.fieldops-detail{padding:14px;overflow:visible}
.fieldops-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #eee8f0}
.fieldops-detail-head small{font-size:8px;color:#9b8aa0;letter-spacing:.5px}
.fieldops-detail-head h2{font-size:17px;font-weight:500;color:#403146;margin:3px 0}
.fieldops-detail-head p{margin:0;font-size:9px;color:#918497}
.fieldops-detail-actions{display:flex;gap:5px}
.fieldops-detail-actions form{display:flex}.fieldops-detail-actions button.on{color:#27803d;background:#edf8ef}
.fieldops-detail-block{padding:14px 0;border-bottom:1px solid #f0ebf1}
.fieldops-block-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.fieldops-block-head b,.fieldops-block-head span{display:block}
.fieldops-block-head b{font-size:11px;color:#49384f}.fieldops-block-head span{font-size:8px;color:#938699;margin-top:2px}
.fieldops-soft-button{
  min-height:31px;padding:0 10px;border:1px solid #d9c7df;border-radius:7px;background:#f7f0f9;
  color:#722889;font:inherit;font-size:8px;font-weight:600;cursor:pointer
}
.fieldops-soft-button.orange{background:#fff3e9;border-color:#ffd0ad;color:#d46100}
.fieldops-chip-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.fieldops-person-chip{
  min-height:49px;display:grid;grid-template-columns:31px minmax(0,1fr) 24px;gap:8px;align-items:center;
  padding:7px;border:1px solid #ebe3ed;border-radius:9px;background:#fcfbfc
}
.fieldops-person-chip>i{
  width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#7A1FA2,#d45b8d);
  color:#fff;display:grid;place-items:center;font-style:normal;font-size:10px
}
.fieldops-person-chip b,.fieldops-person-chip small{display:block}
.fieldops-person-chip b{font-size:9px;color:#4d3a54}.fieldops-person-chip small{font-size:7px;color:#998b9d;margin-top:2px}
.fieldops-person-chip form{display:flex}.fieldops-person-chip button,.fieldops-linked-list button{
  width:22px;height:22px;border:0;border-radius:6px;background:#f2edf3;color:#8d658f;cursor:pointer
}
.fieldops-linked-list{display:grid;gap:7px}
.fieldops-linked-list>div{
  display:grid;grid-template-columns:34px minmax(0,1fr) 26px;gap:9px;align-items:center;
  padding:8px;border:1px solid #ebe4ed;border-radius:9px
}
.fieldops-form-badge{
  width:32px;height:32px;border-radius:8px;background:#f1e5f5;color:#722989;display:grid;place-items:center
}
.fieldops-linked-list b,.fieldops-linked-list small{display:block}
.fieldops-linked-list b{font-size:9px;color:#4a3b50}.fieldops-linked-list small{font-size:7px;color:#96899a;margin-top:2px}
.fieldops-linked-list form{display:flex}.fieldops-muted{font-size:9px;color:#9b8fa0}
.fieldops-empty-detail{text-align:center;padding:110px 25px;color:#938598}
.fieldops-empty-detail>i{
  width:58px;height:58px;margin:auto;border-radius:16px;display:grid;place-items:center;
  background:#f0e5f4;color:#76268d;font-style:normal;font-size:25px
}
.fieldops-empty-detail h2{font-size:14px;font-weight:500;color:#56445d}.fieldops-empty-detail p{font-size:9px}

/* Emparejamiento */
.fieldops-pairing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:11px}
.fieldops-team-card{border:1px solid #e8e0eb;border-radius:11px;padding:12px;background:#fff}
.fieldops-team-card>header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding-bottom:9px;border-bottom:1px solid #f0ebf1}
.fieldops-team-card header small{font-size:7px;color:#9a8a9e;text-transform:uppercase;letter-spacing:.45px}
.fieldops-team-card h3{margin:3px 0 0;font-size:13px;font-weight:500;color:#47374d}
.fieldops-team-members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:10px 0}
.fieldops-team-members>div,.fieldops-preview-members>div{display:flex;align-items:center;gap:7px;min-width:0}
.fieldops-team-members i,.fieldops-preview-members i{
  width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:#eee2f2;color:#76298d;
  display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:600
}
.fieldops-team-members span,.fieldops-team-members b,.fieldops-team-members small,
.fieldops-preview-members span,.fieldops-preview-members b,.fieldops-preview-members small{display:block;min-width:0}
.fieldops-team-members b,.fieldops-preview-members b{font-size:8px;color:#4f4054;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fieldops-team-members small,.fieldops-preview-members small{font-size:7px;color:#948698;margin-top:1px}
.fieldops-team-card>footer{display:flex;align-items:center;gap:5px;padding-top:9px;border-top:1px solid #f0ebf1}
.fieldops-team-card footer form{display:flex}
.fieldops-team-card footer button{
  min-height:29px;padding:0 8px;border:1px solid #e4dce7;border-radius:7px;background:#fff;color:#6f2a83;
  font:inherit;font-size:8px;cursor:pointer
}
.fieldops-team-card footer button:hover{background:#f8f2fa}.fieldops-team-card footer button.danger{width:29px;padding:0;color:#9d5f67}
.fieldops-pair-block{margin-top:13px;padding:12px;border:1px solid #e7ddea;border-radius:10px;background:#fcfbfc}
.fieldops-role-switch{display:flex!important;flex-direction:row!important;align-items:center;gap:7px!important;margin-bottom:9px;color:#705b77!important}
.fieldops-role-switch input{width:auto!important;min-height:auto!important}
.fieldops-pair-row{
  display:grid;grid-template-columns:24px 185px minmax(180px,1fr) minmax(180px,1fr) 30px;
  align-items:center;gap:7px;margin-bottom:7px
}
.fieldops-pair-row select,.fieldops-pair-row input{
  width:100%;height:38px;border:1px solid #ddd5e1;border-radius:7px;padding:0 8px;background:#fff;
  color:#493b4f;font:inherit;font-size:9px;box-sizing:border-box
}
.pair-index{
  width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#eee2f2;color:#762989;font-size:8px
}
.pair-remove{width:29px;height:29px;border:0;border-radius:7px;background:#f2edf3;color:#8f618f;font-size:15px;cursor:pointer}
.fieldops-preview-members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fieldops-preview-members>div{padding:9px;border:1px solid #e9e1eb;border-radius:9px}
.fieldops-preview-modal{width:min(570px,calc(100vw - 34px))}

/* modal action rule: cancelar morado / guardar naranja */
.fieldops-page .group-cancel{background:#7A1FA2!important;color:#fff!important;border-color:#7A1FA2!important}
.fieldops-page .group-save{background:#ff6b00!important;color:#fff!important;border-color:#ff6b00!important}

@media(max-width:1050px){
  .fieldops-split{grid-template-columns:1fr}
  .fieldops-master,.fieldops-detail{min-height:auto}
  .fieldops-pairing-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .fieldops-head{flex-direction:column}.fieldops-primary{align-self:flex-end}
  .fieldops-form-grid,.fieldops-chip-list,.fieldops-team-members,.fieldops-preview-members{grid-template-columns:1fr}
  .fieldops-search{width:100%}.fieldops-toolbar{align-items:flex-start;flex-direction:column}
  .fieldops-pair-row{grid-template-columns:24px 1fr 30px}
  .fieldops-pair-row .pair-user,.fieldops-pair-row .pair-role{grid-column:2/3}
  .fieldops-pair-row .pair-remove{grid-column:3/4;grid-row:1/2}
}


/* =========================================================
   v1.18.1 · FIELDOPS · Corrección de layout y modales
   ========================================================= */

/* El área de trabajo debe respetar el mismo aire visual de los demás módulos. */
.campaign-config-full .fieldops-work{
  min-width:0 !important;
  width:auto !important;
  height:100% !important;
  padding:24px 28px 42px !important;
  overflow:auto !important;
  background:#f7f5f8 !important;
}

/* IMPORTANTE:
   una regla global antigua convierte todos los hijos directos del work-area
   en position:relative. Eso rompía los backdrops de FieldOps.
   Restauramos el modal a pantalla completa. */
.campaign-config-page .fieldops-work > .group-modal-backdrop{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  z-index:1200 !important;
  padding:24px !important;
  align-items:center !important;
  justify-content:center !important;
}
.campaign-config-page .fieldops-work > .group-modal-backdrop.open{
  display:flex !important;
}

/* Cabecera y botón alineados dentro del contenido, sin tocar el borde derecho. */
.fieldops-head{
  width:100%;
  min-width:0;
  margin:0 0 14px !important;
  align-items:center !important;
}
.fieldops-head>div{min-width:0}
.fieldops-head h1{font-size:21px !important;line-height:1.18}
.fieldops-head p{max-width:820px !important}
.fieldops-primary{
  flex:0 0 auto;
  min-height:36px !important;
  margin:0 !important;
}

/* Paneles siempre dentro del ancho disponible. */
.fieldops-panel{width:100%;min-width:0}
.fieldops-table-wrap{width:100%;min-width:0}
.fieldops-toolbar{width:100%;min-width:0}
.fieldops-search{flex:0 1 320px;max-width:320px}

/* Gestores: columna maestra compacta y ficha amplia. */
.fieldops-split{
  width:100%;
  min-width:0;
  grid-template-columns:minmax(320px,380px) minmax(0,1fr) !important;
  gap:14px !important;
}
.fieldops-master,.fieldops-detail{
  min-width:0;
  min-height:500px !important;
}
.fieldops-detail{overflow:hidden !important}
.fieldops-profile-row{min-width:0}
.fieldops-profile-row>div{min-width:0}

/* Emparejamiento: tarjetas y modal contenidos dentro del work-area. */
.fieldops-pairing-grid{width:100%;min-width:0}
.fieldops-team-card{min-width:0}
.fieldops-modal{
  max-height:calc(100vh - 48px);
  overflow:auto;
}
.fieldops-modal.pairing-modal{
  width:min(860px,calc(100vw - 48px)) !important;
  max-height:calc(100vh - 48px) !important;
}
.fieldops-preview-modal{
  max-height:calc(100vh - 48px);
  overflow:auto;
}

/* Evita que encabezados y pies de modal se desplacen lateralmente. */
.fieldops-modal .group-modal-head,
.fieldops-modal .group-modal-foot,
.fieldops-modal .group-form{
  width:100%;
  min-width:0;
}

/* Ajustes de formulario en pantallas intermedias. */
@media(max-width:1180px){
  .campaign-config-full .fieldops-work{padding:22px 22px 36px !important}
  .fieldops-split{grid-template-columns:330px minmax(0,1fr) !important}
}
@media(max-width:980px){
  .fieldops-split{grid-template-columns:1fr !important}
  .fieldops-master,.fieldops-detail{min-height:auto !important}
}
@media(max-width:760px){
  .campaign-config-full .fieldops-work{padding:16px 14px 28px !important}
  .campaign-config-page .fieldops-work > .group-modal-backdrop{padding:12px !important}
  .fieldops-modal.pairing-modal,.fieldops-modal{width:calc(100vw - 24px) !important}
}

body.fieldops-modal-open{overflow:hidden!important}


/* =========================================================
   v1.18.4 · Corrección quirúrgica
   - Switch SLA horizontal
   - Agenda: campo nombre consistente
   - Canales: solo espaciado/layout
   - Sin alterar tipografía ni colores globales
   ========================================================= */

/* Grupos · control Caso 360 */
.group-panel-settings{
  min-height:40px;
  padding:7px 12px;
  border-top:1px solid #eeeaf0;
  background:#fcfbfd;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.case360-visibility-compact{
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  width:auto;
  margin:0;
}
.case360-visibility-label{
  font-size:8px;
  line-height:1.15;
  color:#75687b;
  white-space:nowrap;
  font-weight:400;
}

/* Switch dedicado. No reutiliza aux-switch para evitar estilos heredados. */
.case360-mini-toggle{
  appearance:none !important;
  -webkit-appearance:none !important;
  width:46px !important;
  min-width:46px !important;
  max-width:46px !important;
  height:24px !important;
  min-height:24px !important;
  max-height:24px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:#cfc7d2 !important;
  position:relative !important;
  display:inline-block !important;
  flex:0 0 46px !important;
  overflow:hidden !important;
  box-shadow:none !important;
  cursor:pointer !important;
  vertical-align:middle !important;
}
.case360-mini-toggle span{
  position:absolute !important;
  width:20px !important;
  height:20px !important;
  left:2px !important;
  top:2px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:50% !important;
  background:#fff !important;
  box-shadow:0 1px 3px rgba(0,0,0,.18) !important;
  transform:translateX(0) !important;
  transition:transform .16s ease !important;
}
.case360-mini-toggle.on{
  background:#9839A3 !important;
}
.case360-mini-toggle.on span{
  transform:translateX(22px) !important;
}

/* Agenda: el HTML ya usa type=text; reforzamos únicamente este campo. */
.campaign-config-page .agenda-modal .agenda-fields input[name="name"]{
  width:100%;
  box-sizing:border-box;
}

/* Canales: solo recuperamos el aire del área de trabajo, sin tocar fuentes/colores. */
.campaign-config-full .channel-work{
  min-width:0;
  width:auto;
  height:100%;
  padding:24px 28px 42px;
  overflow:auto;
}
.campaign-config-page .channel-work .channel-head,
.campaign-config-page .channel-work .channel-summary,
.campaign-config-page .channel-work .channel-head + .group-flash,
.campaign-config-page .channel-work .channel-summary + .group-panel{
  max-width:none;
  width:100%;
  margin-left:0;
  margin-right:0;
}
.campaign-config-page .channel-work .channel-summary{
  grid-template-columns:190px 190px minmax(0,1fr);
}
@media(max-width:1100px){
  .campaign-config-full .channel-work{padding:22px 22px 36px}
  .campaign-config-page .channel-work .channel-summary{grid-template-columns:1fr 1fr}
  .campaign-config-page .channel-work .channel-summary>div:last-child{grid-column:1/-1}
}
@media(max-width:760px){
  .group-panel-settings{padding:7px 10px}
  .case360-visibility-compact{width:100%;justify-content:flex-end}
  .case360-visibility-label{white-space:normal;text-align:right}
  .campaign-config-full .channel-work{padding:16px 14px 28px}
  .campaign-config-page .channel-work .channel-summary{grid-template-columns:1fr}
  .campaign-config-page .channel-work .channel-summary>div:last-child{grid-column:auto}
}


/* =========================================================
   v1.19.0 · ENJAMBRE MOBILE RESPONSIVE
   Vista + configuración desde teléfono y tablet.
   Desktop no se modifica: todas las reglas viven bajo media queries.
   ========================================================= */

.mobile-nav-toggle,
.mobile-nav-backdrop{display:none}

@media(max-width:900px){
  html,body{max-width:100%;overflow-x:hidden}
  body.mobile-nav-open{overflow:hidden!important}

  /* Botón hamburguesa universal */
  .mobile-nav-toggle{
    display:inline-flex;
    width:40px;height:40px;min-width:40px;
    padding:0;border:1px solid rgba(255,255,255,.38);
    border-radius:9px;background:rgba(255,255,255,.08);
    flex-direction:column;align-items:center;justify-content:center;gap:4px;
    cursor:pointer;color:#fff;z-index:2;
  }
  .mobile-nav-toggle span{
    display:block;width:17px;height:1.5px;border-radius:2px;background:#fff
  }
  .mobile-nav-backdrop{
    position:fixed;inset:0;z-index:1240;
    background:rgba(23,15,29,.48);
    backdrop-filter:blur(1.5px);
  }
  body.mobile-nav-open .mobile-nav-backdrop{display:block}

  /* =====================================================
     HEADER OPERATIVO
     ===================================================== */
  .topbar{
    position:sticky;top:0;z-index:1200;
    height:62px!important;min-height:62px!important;
    padding:0 10px!important;gap:9px!important;
  }
  .topbar .brand-home{display:flex;align-items:center;min-width:0}
  .topbar .logo{
    width:118px!important;height:42px!important;max-height:42px!important;
    object-position:left center
  }
  .topbar .tagline{display:none!important}

  /* Herramientas globales: barra inferior táctil */
  .global-tools{
    position:fixed!important;left:0;right:0;bottom:0;z-index:1180;
    margin:0!important;height:58px!important;
    padding:0 max(4px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(4px,env(safe-area-inset-left));
    display:grid!important;grid-template-columns:repeat(6,1fr)!important;
    gap:0!important;background:#241b2c;
    box-shadow:0 -5px 18px rgba(26,15,31,.16);
  }
  .global-tools .tool-wrap{min-width:0}
  .global-tools .tool-btn{
    width:100%!important;min-width:0!important;height:58px!important;
    padding:6px 2px!important;gap:0!important
  }
  .global-tools .tool-btn span{display:none!important}
  .global-tools .tool-btn svg{width:21px!important;height:21px!important}
  .global-tools .tool-btn.compact{min-width:0!important}
  .global-tools .notify-dot{top:13px;right:calc(50% - 14px)}
  .global-tools .tool-menu{
    position:fixed!important;left:10px!important;right:10px!important;
    top:auto!important;bottom:64px!important;width:auto!important;
    max-height:70dvh;overflow:auto
  }

  /* Navegación operativa como drawer */
  .shell{display:block!important;min-height:calc(100dvh - 62px)!important}
  .operation-sidebar{
    position:fixed!important;left:0!important;top:62px!important;bottom:58px!important;
    width:min(86vw,320px)!important;height:auto!important;
    padding:12px 10px 22px!important;overflow-y:auto!important;
    z-index:1300!important;
    transform:translateX(-104%);
    transition:transform .2s ease;
    box-shadow:12px 0 30px rgba(18,10,23,.25)
  }
  body.mobile-nav-open .operation-sidebar{transform:translateX(0)}
  .content{
    width:100%!important;min-width:0!important;
    padding:12px 12px 76px!important;
  }
  .account-menu{width:calc(100vw - 40px)!important;max-width:300px!important}
  .aux-status-menu{max-height:45dvh;overflow:auto}

  /* =====================================================
     CONFIGURACIÓN PLATAFORMA / CAMPAÑA
     ===================================================== */
  .platform-top{
    position:sticky!important;top:0;z-index:1200!important;
    height:62px!important;min-height:62px!important;
    padding:0 10px!important;gap:9px!important
  }
  .platform-brand{gap:8px!important;min-width:0}
  .platform-brand img{
    width:118px!important;height:42px!important;max-height:42px!important
  }
  .platform-brand>div{
    min-width:0;padding-left:9px!important
  }
  .platform-brand b{
    font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
  }
  .platform-brand span{display:none!important}
  .platform-close{
    width:38px!important;height:38px!important;font-size:27px!important;
    flex:0 0 38px!important
  }

  .platform-shell,
  .campaign-config-shell.campaign-config-full{
    display:block!important;
    width:100%!important;
    min-height:calc(100dvh - 62px)!important;
    height:auto!important;margin:0!important
  }

  .platform-sidebar,
  .campaign-config-full .campaign-config-sidebar{
    position:fixed!important;left:0!important;top:62px!important;bottom:0!important;
    width:min(86vw,320px)!important;height:auto!important;min-height:0!important;
    z-index:1300!important;overflow-y:auto!important;
    transform:translateX(-104%);
    transition:transform .2s ease;
    box-shadow:12px 0 30px rgba(18,10,23,.22)
  }
  body.mobile-nav-open .platform-sidebar,
  body.mobile-nav-open .campaign-config-sidebar{transform:translateX(0)}

  .platform-content,
  .campaign-config-full .campaign-config-work{
    width:100%!important;min-width:0!important;
    height:auto!important;min-height:calc(100dvh - 62px)!important;
    margin:0!important;
    overflow:visible!important
  }
  .platform-content{padding:14px!important}
  .campaign-config-full .campaign-config-work{padding:14px!important}
  .campaign-config-full .campaign-config-sidebar{padding:15px!important}
  .campaign-config-full .campaign-config-select{margin-bottom:12px!important}

  /* Headers y barras administrativas se apilan de forma natural */
  .platform-page-head,
  .group-module-head,
  .tags-head,
  .channel-head,
  .fieldops-head,
  .forms-list-head,
  .form-builder-top,
  .automation-head{
    gap:10px!important
  }
  .platform-page-head h1,
  .group-module-head h1,
  .tags-head h1,
  .channel-head h1,
  .fieldops-head h1{font-size:21px!important}

  .group-module,
  .agenda-admin,
  .automation-admin,
  .tags-work,
  .forms-work,
  .warehouse-campaign-work,
  .campaign-config-full .fieldops-work,
  .campaign-config-full .channel-work{
    padding:14px!important
  }

  .group-toolbar{
    min-height:0!important;padding:10px!important;
    display:flex!important;flex-wrap:wrap!important;gap:7px!important
  }
  .group-search{
    width:100%!important;max-width:none!important;flex:1 0 100%!important;
    min-height:40px!important
  }
  .group-add,.group-tool{min-height:38px}
  .fieldops-toolbar{gap:8px!important}

  /* Modales configurables como hoja inferior */
  .group-modal-backdrop,
  .campaign-config-page .fieldops-work > .group-modal-backdrop{
    position:fixed!important;inset:0!important;
    width:100vw!important;height:100dvh!important;
    z-index:1500!important;padding:0!important;
    align-items:flex-end!important;justify-content:center!important
  }
  .group-modal,
  .fieldops-modal,
  .fieldops-modal.pairing-modal,
  .fieldops-preview-modal{
    width:100%!important;max-width:none!important;
    max-height:92dvh!important;
    margin:0!important;border-radius:16px 16px 0 0!important;
    overflow:auto!important
  }
  .group-modal-head{
    position:sticky;top:0;z-index:4;
    height:auto!important;min-height:62px!important;
    padding:13px 15px!important;background:#fff!important
  }
  .group-modal-head h2{font-size:18px!important}
  .group-form{padding:15px!important}
  .group-form-grid,
  .fieldops-form-grid,
  .guided-tipification-grid{
    grid-template-columns:1fr!important;gap:10px!important
  }
  .group-wide{grid-column:auto!important}
  .group-modal-foot{
    position:sticky!important;bottom:0;z-index:4;
    min-height:60px!important;height:auto!important;
    padding:9px 12px!important;background:#fff!important;
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important
  }
  .group-modal-foot .group-cancel,
  .group-modal-foot .group-save{
    width:100%!important;min-height:42px!important;margin:0!important
  }

  /* Inputs: 16px en móvil evita zoom automático de iOS/Android WebView */
  .campaign-config-page input:not([type="checkbox"]):not([type="radio"]),
  .campaign-config-page select,
  .campaign-config-page textarea,
  .platform-page input:not([type="checkbox"]):not([type="radio"]),
  .platform-page select,
  .platform-page textarea{
    font-size:16px!important
  }

  /* Formularios/constructores */
  .form-builder-grid{display:block!important}
  .field-palette,.form-canvas,.field-config{
    width:100%!important;min-width:0!important;margin-bottom:12px!important
  }
  .multi-builder-modal{width:100%!important;max-width:none!important}
  .automation-guided-modal{width:100%!important}
  .guided-action-line{
    grid-template-columns:28px minmax(0,1fr) 34px!important;
    gap:7px!important
  }
  .guided-action-target{grid-column:2/3}
}

@media(max-width:760px){
  /* =====================================================
     TABLAS ADMINISTRATIVAS -> FICHAS
     ===================================================== */
  .group-table-wrap,
  .fieldops-table-wrap{overflow:visible!important}
  table.mobile-card-table{
    display:block!important;width:100%!important;min-width:0!important;
    border-collapse:separate!important
  }
  table.mobile-card-table thead{display:none!important}
  table.mobile-card-table tbody{display:grid!important;gap:9px!important;padding:9px!important}
  table.mobile-card-table tr{
    display:block!important;
    background:#fff!important;border:1px solid #e9e2eb!important;
    border-radius:10px!important;overflow:hidden!important;
    box-shadow:0 3px 10px rgba(52,30,66,.03)
  }
  table.mobile-card-table td{
    display:grid!important;
    grid-template-columns:minmax(108px,40%) minmax(0,1fr)!important;
    align-items:center!important;gap:10px!important;
    width:100%!important;min-height:38px!important;
    padding:8px 10px!important;
    border-bottom:1px solid #f0ebf2!important;
    white-space:normal!important;text-align:left!important
  }
  table.mobile-card-table td:last-child{border-bottom:0!important}
  table.mobile-card-table td::before{
    content:attr(data-label);
    color:#8a7c90;font-size:8px;font-weight:600;
    text-transform:uppercase;letter-spacing:.25px
  }
  table.mobile-card-table td.mobile-table-empty{
    display:block!important;text-align:center!important;padding:22px 12px!important
  }
  table.mobile-card-table td.mobile-table-empty::before{display:none!important}
  table.mobile-card-table td form{margin:0}
  table.mobile-card-table .group-actions{justify-content:flex-start}

  /* Tablas complejas que no se convierten a ficha siguen desplazándose */
  .tags-table,.tip-main-table,.multi-rows-table{
    min-width:720px!important
  }

  /* =====================================================
     DASHBOARD
     ===================================================== */
  .workspace-tabs{
    margin:-12px -12px 10px!important;padding:0 6px!important;
    min-height:44px!important
  }
  .workspace-tab{height:43px!important;min-width:130px!important;padding:0 10px!important}
  .workspace-tab.operational-tab{min-width:170px!important}

  .ops-dashboard{padding:12px 0 18px!important}
  .ops-heading{align-items:flex-start!important;margin-bottom:12px!important}
  .ops-heading h1{font-size:18px!important;line-height:1.3}
  .ops-heading p{font-size:10px!important}
  .ops-date{display:none!important}
  .ops-kpis{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .ops-kpis article{min-height:72px!important;padding:11px!important}
  .ops-grid{grid-template-columns:1fr!important;gap:10px!important}
  .ops-card{min-height:0!important;padding:14px!important}
  .performance-wrap{grid-template-columns:1fr!important;height:auto!important;gap:8px!important}
  .time-ring{width:122px!important;height:122px!important;border-width:15px!important}
  .status-bars{overflow-x:auto!important;gap:10px!important;padding-left:0!important;padding-right:0!important}
  .status-col{min-width:58px!important}

  /* =====================================================
     INBOX
     ===================================================== */
  .inbox360-controls{border-radius:10px!important}
  .inbox360-tabs{
    display:flex!important;align-items:center!important;
    overflow-x:auto!important;overflow-y:hidden!important;
    min-height:48px!important;padding:7px 8px 0!important;
    scrollbar-width:none
  }
  .inbox360-tabs::-webkit-scrollbar{display:none}
  .inbox360-tabs>a{padding:9px 8px 10px!important;font-size:10px!important}
  .inbox360-tabs form{
    order:20;margin:7px 0 8px!important;flex:0 0 100%!important
  }
  .inbox360-tabs{
    flex-wrap:wrap!important
  }
  .inbox360-search{width:100%!important}
  .inbox360-tabs input{width:100%!important;min-height:40px!important;font-size:16px!important}
  .inbox360-create{
    order:21;width:100%!important;min-height:40px!important;margin:0 0 8px!important
  }
  .inbox360-bulk{
    overflow-x:auto!important;gap:6px!important;padding:8px!important;
    white-space:nowrap!important
  }
  .inbox360-bulk label,
  .inbox360-bulk button{flex:0 0 auto}
  .bulk-note{display:none!important}

  .inbox360-list{gap:8px!important}
  .inbox360-row{
    display:grid!important;
    grid-template-columns:24px 38px minmax(0,1fr) auto!important;
    grid-template-rows:auto auto auto auto!important;
    gap:5px 8px!important;
    padding:10px!important;min-height:0!important
  }
  .inbox360-row .case-check{grid-column:1;grid-row:1}
  .inbox360-row .case-avatar{grid-column:2;grid-row:1;width:34px!important;height:34px!important}
  .inbox360-row .case-person{grid-column:3;grid-row:1}
  .inbox360-row .case-status{grid-column:4;grid-row:1;justify-self:end}
  .inbox360-row .case-channel{grid-column:3/5;grid-row:2}
  .inbox360-row .case-meta{grid-column:3;grid-row:3}
  .inbox360-row .case-sla{grid-column:4;grid-row:3;text-align:right}
  .inbox360-row .case-owner{grid-column:3;grid-row:4;font-size:9px;color:#8d8192}
  .inbox360-row .case-time{grid-column:4;grid-row:4;font-size:9px;text-align:right}
  .inbox360-row .case-open{display:none!important}
  .case-person b,.case-channel b{font-size:10px!important}
  .case-person span,.case-channel span,.case-channel small{font-size:9px!important}

  .inbox360-footer{
    grid-template-columns:1fr!important;justify-items:center!important;
    gap:7px!important;padding:9px!important
  }
  .inbox-pagination{max-width:100%;overflow-x:auto}

  /* =====================================================
     CASE 360
     ===================================================== */
  .case360-topbar{
    position:sticky!important;top:0!important;z-index:50!important;
    height:auto!important;min-height:58px!important;
    padding:6px 8px!important;gap:7px!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important
  }
  .case360-top-left{
    gap:7px!important;min-width:0!important;flex-wrap:wrap!important
  }
  .case360-logo{width:94px!important;max-height:32px!important}
  .case360-id{
    font-size:14px!important;padding-left:8px!important;
    white-space:nowrap!important
  }
  .case360-take,.case360-owned{
    height:32px!important;min-height:32px!important;
    padding:0 9px!important;font-size:9px!important
  }
  .case360-wait-sla{
    padding:0 7px!important;border-left-color:rgba(255,255,255,.28)!important
  }
  .case360-wait-sla strong{font-size:12px!important}
  .case360-wait-sla small,.case360-wait-sla span{font-size:6px!important}

  .case360-top-right{gap:5px!important}
  .case360-aux-current{
    min-width:118px!important;width:118px!important;
    height:34px!important;min-height:34px!important;
    padding:4px 7px!important
  }
  .case360-aux-current small{display:none!important}
  .case360-aux-menu{
    position:fixed!important;left:10px!important;right:10px!important;
    top:64px!important;width:auto!important;max-height:55dvh!important;overflow:auto!important
  }
  .case360-top-icon{width:31px!important;height:31px!important}
  .case360-top-icon svg{width:19px!important;height:19px!important}
  .case360-close{font-size:25px!important}

  .case360-workspace{padding:8px!important}
  .case360-actionbar{
    min-height:42px!important;display:flex!important;
    overflow-x:auto!important;gap:6px!important;margin-bottom:7px!important
  }
  .case360-action-left,.case360-action-right{
    display:flex!important;gap:6px!important;flex:0 0 auto!important
  }
  .case360-actionbar button{
    min-height:34px!important;height:34px!important;
    padding:0 10px!important;font-size:9px!important;white-space:nowrap!important
  }
  .case360-grid-full{grid-template-columns:1fr!important;gap:8px!important}
  .case360-overlay .case360-main{
    min-height:58dvh!important;border-radius:10px!important
  }
  .case360-overlay .case360-side{
    display:grid!important;grid-template-columns:1fr!important;gap:8px!important
  }
  .case360-tabs{overflow-x:auto!important;white-space:nowrap!important}
  .case360-tabs button{flex:0 0 auto!important}
  .conversation{min-height:40dvh!important}
  .bubble{max-width:92%!important}
  .composer{
    display:grid!important;grid-template-columns:1fr!important;gap:7px!important
  }
  .composer textarea{width:100%!important;font-size:16px!important}
  .composer .compact-action{width:100%!important;max-width:none!important}
  .note-form{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  .note-form textarea{font-size:16px!important}
  .note-form .compact-action{width:100%!important;max-width:none!important}

  dialog.case-dialog{
    width:calc(100vw - 14px)!important;max-width:none!important;
    max-height:90dvh!important;margin:auto!important;padding:0!important
  }
  dialog.case-dialog form{max-height:88dvh!important;overflow:auto!important}
  dialog.case-dialog input,
  dialog.case-dialog select,
  dialog.case-dialog textarea{font-size:16px!important;max-width:100%!important}

  /* =====================================================
     FIELDOPS
     ===================================================== */
  .fieldops-head{align-items:stretch!important}
  .fieldops-primary{width:100%!important;min-height:42px!important}
  .fieldops-split{grid-template-columns:1fr!important}
  .fieldops-master,.fieldops-detail{min-height:0!important}
  .fieldops-pairing-grid{grid-template-columns:1fr!important;padding:8px!important}
  .fieldops-team-members,.fieldops-preview-members{grid-template-columns:1fr!important}
  .fieldops-chip-list{grid-template-columns:1fr!important}
  .fieldops-pair-row{
    grid-template-columns:24px minmax(0,1fr) 32px!important
  }
  .fieldops-pair-row .pair-profile{grid-column:2/3}
  .fieldops-pair-row .pair-user{grid-column:2/3}
  .fieldops-pair-row .pair-role{grid-column:2/3}
  .fieldops-pair-row .pair-remove{grid-column:3/4;grid-row:1}
  .fieldops-search{width:100%!important;max-width:none!important}

  /* SLA compacto de Grupos */
  .group-panel-settings{justify-content:flex-start!important}
  .case360-visibility-compact{
    width:100%!important;justify-content:space-between!important
  }
  .case360-visibility-label{text-align:left!important;white-space:normal!important}
}

@media(max-width:430px){
  .topbar .logo,.platform-brand img{width:104px!important}
  .platform-brand>div{display:none!important}
  .mobile-nav-toggle{width:38px;height:38px;min-width:38px}
  .ops-kpis{grid-template-columns:1fr!important}
  .case360-logo{display:none!important}
  .case360-id{border-left:0!important;padding-left:0!important}
  .case360-aux-current{width:104px!important;min-width:104px!important}
  .case360-aux-current b{font-size:8px!important}
  table.mobile-card-table td{
    grid-template-columns:96px minmax(0,1fr)!important
  }
}


/* =========================================================
   v1.19.1 · Corrección menú móvil
   Un @media antiguo ocultaba .sidebar con display:none.
   ========================================================= */
@media(max-width:900px){
  /* Fuerza visibles los drawers móviles aun cuando reglas antiguas oculten .sidebar */
  .sidebar.operation-sidebar{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
  }
  .platform-sidebar,
  .campaign-config-full .campaign-config-sidebar{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  /* El fondo oscurece solo el área de trabajo; la cabecera queda usable. */
  .mobile-nav-backdrop{
    top:62px !important;
    bottom:58px !important;
    left:0 !important;
    right:0 !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    background:rgba(23,15,29,.42) !important;
  }

  /* Drawer siempre por encima del backdrop. */
  .operation-sidebar,
  .platform-sidebar,
  .campaign-config-full .campaign-config-sidebar{
    z-index:1400 !important;
  }
  body.mobile-nav-open .operation-sidebar,
  body.mobile-nav-open .platform-sidebar,
  body.mobile-nav-open .campaign-config-sidebar{
    transform:translateX(0) !important;
  }
}


/* =========================================================
   v1.19.2 · Ajustes acumulados de prueba móvil
   ========================================================= */

/* Contadores operativos: naranja corporativo en navegación móvil. */
@media(max-width:900px){
  .operation-stream-main em,
  .operation-stream-states em{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:30px !important;
    height:24px !important;
    padding:0 8px !important;
    border-radius:999px !important;
    background:#FF6B00 !important;
    color:#fff !important;
    font-size:9px !important;
    font-weight:600 !important;
    line-height:1 !important;
    box-shadow:0 1px 4px rgba(255,107,0,.18) !important;
  }

  /* Almacén pertenece a Studio; no ocupa un acceso global en la barra inferior móvil. */
  .global-tools{
    grid-template-columns:repeat(5,1fr) !important;
  }
  .global-tools .warehouse-tool{
    display:none !important;
  }

  /* Almacén móvil: cabecera, acciones y contenido sin superposiciones. */
  .warehouse-campaign-work .whb-page,
  .whb-page{
    padding:12px 0 28px !important;
    max-width:none !important;
    width:100% !important;
  }
  .whb-head{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    margin:0 0 13px !important;
    position:relative !important;
  }
  .whb-head>div:first-child{
    min-width:0 !important;
  }
  .whb-head>span{
    font-size:8px !important;
    letter-spacing:1px !important;
  }
  .whb-head h1{
    margin:3px 0 5px !important;
    font-size:21px !important;
    line-height:1.2 !important;
  }
  .whb-head p{
    margin:0 !important;
    max-width:none !important;
    font-size:10px !important;
    line-height:1.5 !important;
  }
  .whb-actions{
    position:static !important;
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
    margin-top:12px !important;
  }
  .whb-actions .wh-orange,
  .whb-actions .wh-purple{
    width:100% !important;
    min-width:0 !important;
    min-height:38px !important;
    padding:7px 9px !important;
    border-radius:8px !important;
    font-size:9px !important;
    line-height:1.25 !important;
    text-align:center !important;
    white-space:normal !important;
  }

  /* Los 3 KPI se mantienen equilibrados en una única fila compacta. */
  .whb-summary{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:7px !important;
    margin:0 0 12px !important;
  }
  .whb-summary article{
    min-width:0 !important;
    min-height:82px !important;
    padding:10px 9px !important;
    border-radius:10px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
  }
  .whb-summary b{
    font-size:19px !important;
    margin:0 0 4px !important;
  }
  .whb-summary span{
    font-size:8px !important;
    line-height:1.35 !important;
  }

  .whb-cards{
    grid-template-columns:1fr !important;
    gap:9px !important;
  }
  .whb-empty{
    padding:24px 16px !important;
    border-radius:11px !important;
  }
  .whb-empty>div{
    font-size:27px !important;
  }
  .whb-empty h2{
    margin:7px 0 5px !important;
    font-size:17px !important;
  }
  .whb-empty p{
    max-width:290px !important;
    margin:0 auto 13px !important;
    font-size:10px !important;
    line-height:1.5 !important;
  }
  .whb-empty .wh-orange{
    min-height:39px !important;
    padding:7px 15px !important;
    font-size:10px !important;
  }
  .whb-tabs{
    overflow-x:auto !important;
    white-space:nowrap !important;
    scrollbar-width:none !important;
  }
  .whb-tabs::-webkit-scrollbar{display:none}
  .wh-builder-title,
  .wh-operate-head{
    flex-direction:column !important;
    align-items:stretch !important;
    gap:8px !important;
  }
  .wh-builder-title .wh-purple,
  .wh-builder-title .wh-orange,
  .wh-operate-head .wh-orange{
    width:100% !important;
    min-height:38px !important;
  }
  .wh-record-table{
    max-width:100% !important;
    overflow-x:auto !important;
  }
}

@media(max-width:430px){
  .whb-actions{
    grid-template-columns:1fr 1fr !important;
  }
  .whb-summary{
    gap:5px !important;
  }
  .whb-summary article{
    min-height:78px !important;
    padding:9px 7px !important;
  }
  .whb-summary span{
    font-size:7.5px !important;
  }
}

/* =========================================================
   v1.19.3 · MIS CASOS
   Cambio quirúrgico: navegación personal + periodo por campaña.
   ========================================================= */
.my-cases-title{
  margin-top:5px;
  border-top:1px solid rgba(255,255,255,.07);
  padding-top:12px!important;
}
.my-cases-nav{
  margin:0 0 8px;
  padding:0 2px 8px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.my-cases-campaign{
  padding:3px 0 6px;
}
.my-cases-campaign-head{
  min-height:30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:4px 8px 5px 10px;
}
.my-cases-campaign-head b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:10px;
  font-weight:600;
}
.my-cases-campaign-head small{
  flex:0 0 auto;
  font-size:7.5px;
  color:#bdb0c4;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  padding:2px 6px;
}
.my-cases-campaign>a{
  min-height:29px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  padding:4px 9px 4px 28px;
  border-radius:6px;
  color:#cfc5d5;
  text-decoration:none;
  font-size:10px;
}
.my-cases-campaign>a:hover{
  background:rgba(255,255,255,.055);
  color:#fff;
}
.my-cases-campaign>a em{
  min-width:24px;
  height:20px;
  padding:0 6px;
  border-radius:999px;
  background:#ff6b00;
  color:#fff!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-style:normal;
  font-size:8px;
  line-height:1;
}

/* Respeta los temas ya existentes del menú. */
body.ui-theme-light .my-cases-title{border-top-color:rgba(75,43,91,.10)}
body.ui-theme-light .my-cases-nav{border-bottom-color:rgba(75,43,91,.10)}
body.ui-theme-light .my-cases-campaign-head{color:#42304b}
body.ui-theme-light .my-cases-campaign-head small{color:#806e89;border-color:rgba(75,43,91,.12)}
body.ui-theme-light .my-cases-campaign>a{color:#5d4a67}
body.ui-theme-light .my-cases-campaign>a:hover{background:rgba(83,48,99,.08);color:#392c41}
body.ui-theme-orange .my-cases-campaign-head,
body.ui-theme-gradient .my-cases-campaign-head,
body.ui-theme-orange .my-cases-campaign>a,
body.ui-theme-gradient .my-cases-campaign>a{color:#fff}
body.ui-theme-orange .my-cases-campaign-head small,
body.ui-theme-gradient .my-cases-campaign-head small{color:#fff;border-color:rgba(255,255,255,.24)}

/* Configuración compacta en Grupos: no modifica el resto de la página. */
.group-panel-settings{
  flex-wrap:wrap;
  gap:8px 16px!important;
}
.my-cases-window-compact{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0;
}
.my-cases-window-compact label{
  font-size:8px;
  color:#75687b;
  white-space:nowrap;
}
.my-cases-window-compact select{
  height:28px;
  min-height:28px;
  border:1px solid #ded6e2;
  border-radius:7px;
  background:#fff;
  color:#5b4563;
  padding:0 24px 0 8px;
  font:400 8px 'Montserrat','Segoe UI',Arial,sans-serif;
  outline:none;
}
@media(max-width:760px){
  .my-cases-title{margin-top:4px}
  .my-cases-campaign>a{min-height:32px;font-size:10px;padding-left:30px}
  .my-cases-campaign>a em{min-width:28px;height:22px;font-size:8.5px}
  .group-panel-settings{align-items:stretch!important}
  .my-cases-window-compact{
    width:100%;
    justify-content:space-between;
  }
  .my-cases-window-compact select{
    width:auto!important;
    min-width:132px;
    font-size:12px!important;
  }
}


/* =========================================================
   v1.19.4 · MENÚ CONFIGURACIÓN DE PLATAFORMA EN MÓVIL
   Corrige regla antigua <=700px que ocultaba textos/submenús.
   Sólo afecta <=900px; desktop permanece intacto.
   ========================================================= */
@media(max-width:900px){
  .platform-sidebar{
    padding:14px 10px 22px !important;
  }

  .platform-sidebar .platform-nav{
    display:grid !important;
    grid-template-columns:24px minmax(0,1fr) 18px !important;
    align-items:center !important;
    justify-items:stretch !important;
    gap:10px !important;
    width:100% !important;
    min-height:48px !important;
    padding:0 12px !important;
    text-align:left !important;
  }
  .platform-sidebar .platform-nav > span{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  .platform-sidebar .platform-nav > i{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    text-align:right !important;
  }
  .platform-sidebar .platform-nav svg{
    display:block !important;
    width:21px !important;
    height:21px !important;
    justify-self:center !important;
  }

  .platform-sidebar .platform-sub{
    display:none !important;
    padding:2px 0 7px 42px !important;
  }
  .platform-sidebar .platform-sub.open{
    display:block !important;
  }
  .platform-sidebar .platform-sub a{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    min-height:38px !important;
    padding:6px 9px !important;
    font-size:10px !important;
    white-space:normal !important;
  }
  .platform-sidebar .platform-sub a > span{
    display:inline !important;
    visibility:visible !important;
    opacity:1 !important;
  }
}

@media(max-width:430px){
  .platform-sidebar .platform-nav{
    min-height:46px !important;
    padding:0 10px !important;
    font-size:11px !important;
  }
  .platform-sidebar .platform-sub{
    padding-left:39px !important;
  }
}

/* =========================================================
   v1.19.5 · PERFIL COMPACTO / MÓVIL
   Cambio acotado al acceso de cuenta y navegación operativa.
   ========================================================= */
.profile-tool-wrap{position:relative;display:flex;align-items:center}
.profile-tool{min-width:52px!important}
.profile-initials{
  width:34px;height:34px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:#FF6B00;color:#fff;
  font-size:12px;font-weight:600;line-height:1;
}
.profile-label{font-size:9px}
.profile-account-menu{left:auto!important;right:0!important;top:58px!important}
.operation-sidebar>.aux-status-box{margin-top:0}

/* En móvil las herramientas globales viven en la barra inferior.
   Se agrega Perfil como sexto acceso, sin devolver Almacén. */
@media(max-width:900px){
  .global-tools{
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  }
  .global-tools .profile-tool-wrap{
    display:flex!important;
    min-width:0!important;
    width:100%!important;
    height:58px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .global-tools .profile-tool{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    height:58px!important;
    padding:4px 2px!important;
  }
  .global-tools .profile-initials{
    width:29px!important;
    height:29px!important;
    font-size:10px!important;
  }
  .global-tools .profile-label{
    display:none!important;
  }
  .global-tools .profile-account-menu{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    top:auto!important;
    bottom:66px!important;
    width:auto!important;
    max-width:360px!important;
    margin-left:auto!important;
    z-index:1700!important;
  }
  .operation-sidebar{
    padding-top:10px!important;
  }
}

/* =========================================================
   v1.19.6 · PERFIL VISIBLE EN BARRA INFERIOR MÓVIL
   La regla genérica de herramientas ocultaba también el span Gi.
   ========================================================= */
@media(max-width:900px){
  .global-tools .profile-tool .profile-initials{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    align-items:center!important;
    justify-content:center!important;
  }
}


/* =========================================================
   v1.19.7 · PERFIL GI VISIBLE EN ESCRITORIO
   Excepción puntual: las iniciales del perfil son el icono del botón.
   No modifica la barra móvil ni el resto de herramientas.
   ========================================================= */
@media(min-width:901px){
  .global-tools .profile-tool .profile-initials{
    display:inline-flex !important;
    visibility:visible !important;
    opacity:1 !important;
    width:34px !important;
    height:34px !important;
    flex:0 0 34px !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
    background:#FF6B00 !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:600 !important;
    line-height:1 !important;
  }
  .global-tools .profile-tool .profile-label{
    display:none !important;
  }
}

/* =========================================================
   v1.19.8 · FIELDOPS GEOLOCALIZACIÓN + ANALYTICS MAPAS
   Alcance aislado: geo-* / analytics-v2. No altera navegación aprobada.
   ========================================================= */
.geo-config-note{margin-left:auto;display:flex;flex-direction:column;gap:2px;text-align:right}.geo-config-note b{font-size:10px;color:#6b4b75}.geo-config-note span{font-size:9px;color:#9a8c9f}.geo-policy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px}.geo-policy-card{border:1px solid #e8dfeb;border-radius:13px;background:#fff;padding:14px;min-width:0}.geo-policy-card.disabled{opacity:.68}.geo-policy-card>header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.geo-policy-card header small{font-size:7px;letter-spacing:.7px;color:#9b8c9f}.geo-policy-card h3{font-size:14px;font-weight:500;color:#4d3b54;margin:3px 0 0}.geo-policy-card>p{font-size:9px;color:#948699;line-height:1.5;min-height:28px}.geo-policy-groups{padding:9px 10px;background:#faf7fb;border-radius:9px;margin:10px 0}.geo-policy-groups small,.geo-policy-groups b{display:block}.geo-policy-groups small{font-size:7px;color:#a093a4;letter-spacing:.6px}.geo-policy-groups b{font-size:9px;color:#6d5675;margin-top:3px;font-weight:500}.geo-policy-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.geo-policy-meta span{font-size:7px;color:#9b8fa0}.geo-policy-meta b{display:block;font-size:9px;color:#5c4863;margin-bottom:2px}.geo-policy-card>footer{display:flex;gap:5px;border-top:1px solid #f0ebf1;margin-top:11px;padding-top:10px}.geo-policy-card footer a,.geo-policy-card footer button{display:grid;place-items:center;width:29px;height:29px;border:1px solid #e9e1eb;border-radius:7px;background:#fff;color:#76567e;text-decoration:none;cursor:pointer}.geo-policy-card footer form:last-child{margin-left:auto}.geo-empty{grid-column:1/-1;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #d9ccdd;border-radius:13px;color:#938698}.geo-empty i{font-size:30px;color:#7A1FA2;font-style:normal}.geo-empty b{font-size:13px;color:#604b67;margin:7px}.geo-empty span{font-size:10px;max-width:430px}.geo-modal{width:min(780px,calc(100vw - 34px))!important}.geo-form-body{display:grid;gap:12px}.geo-form-section{border:1px solid #ebe3ed;border-radius:11px;padding:13px;background:#fcfbfc}.geo-form-section>div:first-child small{font-size:7px;color:#7A1FA2;letter-spacing:.7px}.geo-form-section h3{font-size:12px;color:#59435f;margin:3px 0}.geo-form-section p{font-size:9px;color:#96899a;margin:2px 0 8px}.geo-group-grid,.geo-event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.geo-group-grid label,.geo-event-grid label{display:flex;align-items:center;gap:8px;border:1px solid #e8e0ea;border-radius:9px;background:#fff;padding:9px;cursor:pointer}.geo-group-grid input,.geo-event-grid input{width:auto!important;min-height:0!important;accent-color:#7A1FA2}.geo-group-grid b,.geo-group-grid small{display:block}.geo-group-grid b{font-size:9px;color:#59465f}.geo-group-grid small{font-size:7px;color:#9c90a0;margin-top:2px}.geo-event-grid span{font-size:9px;color:#65516c}.geo-periodic{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px}.geo-switch{display:flex;align-items:center;gap:7px;font-size:9px;color:#65516c}.geo-switch input{display:none}.geo-switch span{position:relative;width:38px;height:21px;border-radius:20px;background:#c9becd;transition:.2s}.geo-switch span:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.2s}.geo-switch input:checked+span{background:#7A1FA2}.geo-switch input:checked+span:after{transform:translateX(17px)}.geo-frequency{display:flex;flex-direction:column;gap:4px;font-size:8px;color:#75637b}.geo-frequency select{min-height:36px;border:1px solid #e2d8e5;border-radius:8px;background:#fff;padding:0 9px;font-size:9px}.geo-live-preview{margin-top:0!important}.geo-preview-card{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid #e8dfeb;border-radius:11px;background:#fcf9fd}.geo-preview-card>i{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#7A1FA2;color:#fff;font-style:normal;font-size:20px}.geo-preview-card b,.geo-preview-card span,.geo-preview-card small{display:block}.geo-preview-card b{font-size:12px;color:#523c59}.geo-preview-card span{font-size:10px;color:#89788e;margin:4px 0}.geo-preview-card small{font-size:8px;color:#a093a4}
.analytics-v2 .analytics-head{margin-bottom:20px}.analytics-channel-head{display:flex;align-items:center;gap:11px;margin:18px 0 10px}.analytics-channel-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#f4eaf7;color:#7A1FA2;font-size:19px}.analytics-channel-head>div:nth-child(2){flex:1}.analytics-channel-head small{font-size:7px;letter-spacing:.8px;color:#9b8da0}.analytics-channel-head h2{font-size:15px;font-weight:500;color:#513e58;margin:1px 0}.analytics-channel-head p{font-size:9px;color:#9a8d9e;margin:0}.analytics-channel-head>b{min-width:28px;height:28px;border-radius:14px;background:#FF6B00;color:#fff;display:grid;place-items:center;font-size:10px}.warehouse-channel{margin-top:28px}.analytics-map-card{position:relative}.analytics-card-icon{font-size:24px;color:#7A1FA2;margin-bottom:3px}.analytics-map-card small{font-size:8px;color:#a093a4}.geo-analytics-page{padding:28px 30px 45px;max-width:1500px;margin:auto}.geo-analytics-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.geo-back{font-size:10px;color:#7A1FA2;text-decoration:none;border:1px solid #e6dce9;border-radius:8px;padding:8px 11px;background:#fff}.geo-kpis{margin-top:18px}.geo-map-layout{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(240px,.8fr);gap:13px}.geo-map-card,.geo-live-list,.geo-history-card{background:#fff;border:1px solid #ece4ee;border-radius:14px;overflow:hidden}.geo-map-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #eee8f0}.geo-map-toolbar b,.geo-map-toolbar span{display:block}.geo-map-toolbar b{font-size:12px;color:#543f5b}.geo-map-toolbar span{font-size:8px;color:#9a8d9e;margin-top:2px}.geo-map-toolbar button{border:1px solid #e4d9e7;background:#fff;color:#7A1FA2;border-radius:8px;padding:7px 10px;font-size:9px;cursor:pointer}.geo-map-canvas{height:470px;background:#f4f1f5}.geo-map-offline{height:100%;display:grid;place-items:center;text-align:center;padding:30px;color:#8d7f92;font-size:11px}.geo-map-legend{display:flex;gap:16px;padding:9px 14px;font-size:8px;color:#8e8093}.geo-map-legend span{display:flex;align-items:center;gap:5px}.geo-map-legend i,.geo-live-list article>i{width:8px;height:8px;border-radius:50%;background:#7A1FA2;display:block;flex:0 0 auto}.geo-map-legend i.live,.geo-live-list article>i.live{background:#FF6B00}.geo-live-list>header{display:flex;justify-content:space-between;padding:13px;border-bottom:1px solid #eee8f0}.geo-live-list header b{font-size:12px;color:#543f5b}.geo-live-list header span{font-size:8px;color:#9b8da0}.geo-live-list>div{max-height:500px;overflow:auto}.geo-live-list article{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border-bottom:1px solid #f1edf2}.geo-live-list article>i{margin-top:4px}.geo-live-list article b,.geo-live-list article span,.geo-live-list article small{display:block}.geo-live-list article b{font-size:10px;color:#59455f}.geo-live-list article span{font-size:8px;color:#85758a;margin:2px 0}.geo-live-list article small{font-size:7px;color:#a093a4}.geo-no-positions{padding:30px 18px;text-align:center;font-size:9px;line-height:1.6;color:#95889a}.geo-history-card{margin-top:13px}.geo-history-head{padding:13px 15px;border-bottom:1px solid #eee8f0}.geo-history-head b,.geo-history-head span{display:block}.geo-history-head b{font-size:12px;color:#543f5b}.geo-history-head span{font-size:8px;color:#9a8d9e;margin-top:2px}.geo-history-table{overflow:auto}.geo-history-table table{width:100%;border-collapse:collapse;font-size:9px}.geo-history-table th{background:#faf8fb;color:#806f85;text-align:left;padding:9px 12px}.geo-history-table td{border-top:1px solid #f0eaf1;padding:10px 12px;color:#58475e}
@media(max-width:1050px){.geo-policy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.geo-map-layout{grid-template-columns:1fr}.geo-live-list>div{max-height:260px}}
@media(max-width:900px){.geo-policy-grid{padding:10px}.geo-config-note{margin-left:0;text-align:left}.geo-periodic{grid-template-columns:1fr}.geo-analytics-page{padding:18px 14px 90px}.geo-map-canvas{height:56vh;min-height:360px}.geo-analytics-head{align-items:stretch}.geo-back{white-space:nowrap}.analytics-channel-head{margin-top:15px}.analytics-v2 .analytics-env-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.geo-policy-grid,.geo-group-grid,.geo-event-grid,.analytics-v2 .analytics-env-grid{grid-template-columns:1fr}.geo-policy-meta{grid-template-columns:1fr 1fr 1fr}.geo-modal{width:calc(100vw - 20px)!important}.geo-analytics-head{flex-direction:column}.geo-back{align-self:flex-start}.geo-kpis{grid-template-columns:1fr 1fr!important}.geo-map-canvas{height:52vh;min-height:330px}.geo-map-toolbar{align-items:flex-start;gap:8px}.geo-map-toolbar button{white-space:nowrap}.geo-history-table table{min-width:620px}.analytics-channel-head p{display:none}}


/* =========================================================
   v1.19.9 · ANALYTICS · BIBLIOTECA DE TABLEROS
   Inspiración: portada visual por tarjetas.
   Alcance aislado a .analytics-library para no alterar portal,
   FieldOps, barra global, Inbox ni dashboards existentes.
   ========================================================= */
.analytics-library{
  --al-purple:#7A1FA2;
  --al-orange:#FF6B00;
  --al-text:#55465b;
  --al-muted:#9b8f9f;
  --al-line:#eee8f0;
  max-width:1500px;
  margin:0 auto;
  padding:30px 34px 48px;
}
.analytics-welcome{
  position:relative;
  min-height:238px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:34px;
  padding:18px 10px 32px 0;
  border-bottom:1px solid var(--al-line);
  overflow:hidden;
}
.analytics-welcome>div:first-child{max-width:660px;position:relative;z-index:2}
.analytics-eyebrow{
  display:block;
  margin-bottom:9px;
  font-size:9px;
  font-weight:600;
  letter-spacing:1.35px;
  color:var(--al-orange);
}
.analytics-welcome h1,.analytics-library-top h1{
  margin:0;
  color:#59435f;
  font-size:34px;
  line-height:1.16;
  font-weight:500;
}
.analytics-welcome p,.analytics-library-top p{
  max-width:650px;
  margin:16px 0 0;
  color:#776b7b;
  font-size:13px;
  line-height:1.7;
}
.analytics-welcome .analytics-welcome-secondary{margin-top:18px;color:#9b8f9f}
.analytics-welcome-mark{
  width:188px;
  height:188px;
  margin:0 42px 0 auto;
  border-radius:50%;
  border:5px solid rgba(122,31,162,.17);
  position:relative;
  opacity:.9;
  flex:0 0 auto;
}
.analytics-welcome-mark:before{
  content:"";
  position:absolute;
  width:58px;height:58px;
  border:5px solid rgba(255,107,0,.38);
  border-radius:50%;
  left:50%;top:29px;
  transform:translateX(-50%);
}
.analytics-welcome-mark:after{
  content:"";
  position:absolute;
  width:112px;height:58px;
  border:5px solid rgba(122,31,162,.28);
  border-bottom:0;
  border-radius:72px 72px 0 0;
  left:50%;bottom:24px;
  transform:translateX(-50%);
}
.analytics-section-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:22px 0 14px;
}
.analytics-section-title>div{display:flex;align-items:baseline;gap:10px}
.analytics-section-title b{font-size:14px;font-weight:500;color:#66556c}
.analytics-section-title span{font-size:9px;color:#aaa0ad}
.analytics-library-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px;
}
.analytics-library-card{
  min-height:222px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
  padding:25px 17px 20px;
  background:#fff;
  border:1px solid #e9e3eb;
  border-top:4px solid rgba(255,107,0,.42);
  border-radius:2px;
  text-decoration:none!important;
  box-shadow:0 3px 12px rgba(67,42,73,.035);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.analytics-library-card:nth-child(even){border-top-color:rgba(122,31,162,.30)}
.analytics-library-card:hover{
  transform:translateY(-2px);
  border-color:#ddd1e1;
  box-shadow:0 8px 20px rgba(67,42,73,.075);
}
.analytics-library-icon{
  width:68px;height:68px;
  display:grid;place-items:center;
  margin:0 auto 16px;
  border-radius:50%;
  background:#fff0e6;
  color:var(--al-orange);
}
.analytics-library-card:nth-child(even) .analytics-library-icon{
  background:#f3eaf7;color:var(--al-purple);
}
.analytics-library-icon svg{
  width:39px;height:39px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.analytics-library-card h2{
  margin:0;
  color:#66556c;
  font-size:14px;
  line-height:1.3;
  font-weight:600;
}
.analytics-library-card p{
  min-height:34px;
  margin:10px 0 6px;
  color:#a095a3;
  font-size:10px;
  line-height:1.55;
}
.analytics-library-card small{
  margin-top:auto;
  color:#b2a7b5;
  font-size:8px;
  line-height:1.45;
}
.analytics-library-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
  padding:13px 0 26px;
  border-bottom:1px solid var(--al-line);
}
.analytics-library-top>div{max-width:760px}
.analytics-library-back{
  flex:0 0 auto;
  margin-top:7px;
  padding:8px 12px;
  border:1px solid #e5dce8;
  border-radius:8px;
  color:var(--al-purple)!important;
  background:#fff;
  font-size:9px;
  text-decoration:none!important;
}
.analytics-library-empty{
  grid-column:1/-1;
  padding:34px 20px;
  border:1px dashed #ddd2e0;
  background:#fff;
  text-align:center;
  color:#988b9c;
  font-size:11px;
  border-radius:10px;
}

@media(max-width:1180px){
  .analytics-library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:900px){
  .analytics-library{padding:20px 16px 92px}
  .analytics-welcome{min-height:190px;padding-top:8px}
  .analytics-welcome h1,.analytics-library-top h1{font-size:27px}
  .analytics-welcome p,.analytics-library-top p{font-size:11px}
  .analytics-welcome-mark{width:130px;height:130px;margin-right:12px}
  .analytics-welcome-mark:before{width:42px;height:42px;top:20px}
  .analytics-welcome-mark:after{width:78px;height:42px;bottom:17px}
  .analytics-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .analytics-library-card{min-height:196px;padding:20px 12px 16px}
  .analytics-library-icon{width:58px;height:58px;margin-bottom:13px}
  .analytics-library-icon svg{width:33px;height:33px}
}
@media(max-width:560px){
  .analytics-welcome{min-height:0;display:block;padding:8px 0 24px}
  .analytics-welcome>div:first-child{max-width:none}
  .analytics-welcome-mark{display:none}
  .analytics-welcome h1,.analytics-library-top h1{font-size:23px}
  .analytics-welcome p{margin-top:12px}
  .analytics-welcome .analytics-welcome-secondary{margin-top:12px}
  .analytics-section-title{margin-top:18px}
  .analytics-section-title>div{display:block}
  .analytics-section-title span{display:block;margin-top:3px}
  .analytics-library-grid{grid-template-columns:1fr 1fr;gap:10px}
  .analytics-library-card{min-height:182px;padding:18px 9px 14px}
  .analytics-library-card h2{font-size:12px}
  .analytics-library-card p{font-size:9px}
  .analytics-library-card small{font-size:7px}
  .analytics-library-top{display:block;padding-top:4px}
  .analytics-library-back{display:inline-flex;margin-top:15px}
}
@media(max-width:370px){
  .analytics-library-grid{grid-template-columns:1fr}
  .analytics-library-card{min-height:168px}
}


/* =========================================================
   v1.20.0 · STUDIO AVATARES + ANALYTICS FULLSCREEN
   Reglas encapsuladas. No altera Inbox, Caso 360 ni barra global.
   ========================================================= */
.analytics-fullscreen .shell.shell-fullscreen{display:block!important;grid-template-columns:none!important}
.analytics-fullscreen .content.content-fullscreen{width:100%!important;max-width:none!important;margin:0!important;padding-left:0!important}
.analytics-fullscreen .operation-sidebar{display:none!important}
.analytics-welcome-avatar{
  width:188px;height:188px;margin:0 42px 0 auto;flex:0 0 auto;
  border-radius:50%;overflow:hidden;background:#fff;
  border:5px solid rgba(122,31,162,.14);
  box-shadow:0 9px 28px rgba(67,42,73,.09);
}
.analytics-welcome-avatar img{width:100%;height:100%;object-fit:cover;display:block}

.avatar-studio-work{padding-bottom:45px}
.avatar-studio-head{align-items:center}
.avatar-head-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.avatar-primary,.avatar-secondary{
  min-height:34px;border-radius:8px;padding:0 13px;font:inherit;font-size:9px;cursor:pointer
}
.avatar-primary{border:0;background:#FF6B00;color:#fff}
.avatar-secondary{border:1px solid #ddd2e0;background:#fff;color:#7A1FA2}
.avatar-library-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0 11px}
.avatar-library-meta>div{display:flex;align-items:baseline;gap:9px}
.avatar-library-meta b{font-size:13px;font-weight:500;color:#5b4961}
.avatar-library-meta span{font-size:8px;color:#a194a5}
.avatar-library-meta a{font-size:9px;color:#7A1FA2;text-decoration:none}
.avatar-library-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.avatar-library-card{position:relative;background:#fff;border:1px solid #eae3ec;border-radius:12px;overflow:hidden;box-shadow:0 4px 13px rgba(66,42,73,.035)}
.avatar-library-image{aspect-ratio:1/1.08;background:#f8f5f9;overflow:hidden}
.avatar-library-image img{width:100%;height:100%;object-fit:cover;display:block}
.avatar-library-copy{padding:11px 12px 13px}
.avatar-library-copy b,.avatar-library-copy span,.avatar-library-copy small{display:block}
.avatar-library-copy b{font-size:11px;font-weight:600;color:#59475f}
.avatar-library-copy span{font-size:8px;color:#9a8d9e;margin-top:3px}
.avatar-library-copy small{font-size:7px;color:#b1a5b4;margin-top:7px}
.avatar-library-card>form{position:absolute;right:7px;top:7px}
.avatar-library-card>form button{width:25px;height:25px;border:0;border-radius:50%;background:rgba(44,31,49,.72);color:#fff;cursor:pointer}
.avatar-empty{grid-column:1/-1;min-height:180px;border:1px dashed #ded4e1;border-radius:12px;display:grid;place-content:center;text-align:center;background:#fff;padding:25px}
.avatar-empty b{font-size:13px;color:#5c4b62;font-weight:500}
.avatar-empty span{font-size:9px;color:#9e929f;margin-top:5px}

.avatar-modal{position:fixed;inset:0;z-index:2500;display:none;align-items:center;justify-content:center;padding:18px}
.avatar-modal.open{display:flex}
.avatar-modal-backdrop{position:absolute;inset:0;background:rgba(31,18,35,.48);backdrop-filter:blur(2px)}
.avatar-dialog{position:relative;z-index:1;width:min(820px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:15px;box-shadow:0 25px 70px rgba(34,18,40,.24)}
.avatar-dialog>header{display:flex;justify-content:space-between;gap:15px;padding:18px 20px 14px;border-bottom:1px solid #eee7f0}
.avatar-dialog>header small{display:block;color:#FF6B00;font-size:7px;letter-spacing:1px}
.avatar-dialog>header h2{margin:2px 0;font-size:18px;font-weight:500;color:#55405c}
.avatar-dialog>header p{margin:3px 0 0;font-size:9px;color:#9a8d9e}
.avatar-dialog>header button{width:30px;height:30px;border:0;background:#f5f1f6;border-radius:50%;color:#725e78;font-size:18px;cursor:pointer}
.avatar-builder{display:grid;grid-template-columns:290px 1fr;gap:20px;padding:20px}
.avatar-preview-panel{background:#faf7fb;border:1px solid #eee6f0;border-radius:13px;padding:13px;text-align:center}
.avatar-live-preview{width:100%;aspect-ratio:260/300;border-radius:10px;overflow:hidden;background:#fff}
.avatar-live-preview svg{width:100%;height:100%;display:block}
.avatar-preview-panel>small{display:block;margin-top:8px;font-size:8px;color:#9b8e9f}
.avatar-controls>label,.avatar-control-grid label,.avatar-upload-body>label{display:flex;flex-direction:column;gap:5px;font-size:9px;color:#66556c}
.avatar-controls input,.avatar-controls select,.avatar-upload-body input{height:36px;border:1px solid #e2d9e5;border-radius:8px;padding:0 10px;font:inherit;color:#59485f;background:#fff}
.avatar-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:12px}
.avatar-control-grid .avatar-glasses{justify-content:flex-end;position:relative}
.avatar-glasses input{position:absolute;opacity:0}
.avatar-glasses i{width:42px;height:23px;border-radius:14px;background:#d7ceda;position:relative;cursor:pointer}
.avatar-glasses i:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;left:3px;top:3px;background:#fff;transition:.15s}
.avatar-glasses input:checked+i{background:#7A1FA2}
.avatar-glasses input:checked+i:after{left:22px}
.avatar-dialog footer{display:flex;justify-content:flex-end;gap:8px;padding:13px 20px;border-top:1px solid #eee7f0}
.avatar-cancel,.avatar-save{height:34px;padding:0 14px;border-radius:8px;font:inherit;font-size:9px;cursor:pointer}
.avatar-cancel{border:0;background:#7A1FA2;color:#fff}
.avatar-save{border:0;background:#FF6B00;color:#fff}
.avatar-upload-dialog{width:min(540px,96vw)}
.avatar-upload-body{padding:20px;display:grid;gap:13px}
.avatar-file-drop{min-height:130px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center;border:1px dashed #d8ccdc;border-radius:12px;background:#faf7fb;padding:20px;cursor:pointer}
.avatar-file-drop input{position:absolute;opacity:0;pointer-events:none}
.avatar-file-drop b{font-size:11px;color:#7A1FA2;font-weight:500}
.avatar-file-drop span{font-size:8px;color:#9d90a1}

.agent-avatar-cell{min-width:180px}
.agent-avatar-assign{display:flex;align-items:center;gap:7px}
.agent-avatar-thumb{width:34px;height:34px;border-radius:50%;overflow:hidden;display:grid;place-items:center;flex:0 0 34px;background:#FF6B00;color:#fff;font-size:9px}
.agent-avatar-thumb img{width:100%;height:100%;object-fit:cover}
.agent-avatar-assign select{max-width:125px;height:30px;border:1px solid #e2d9e5;border-radius:7px;background:#fff;color:#66556c;font-size:8px;padding:0 6px}
.agent-avatar-help{font-size:7px!important;color:#9e91a2!important;margin-top:2px}

@media(max-width:1180px){
 .avatar-library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:900px){
 .analytics-fullscreen .content.content-fullscreen{padding-bottom:78px!important}
 .analytics-welcome-avatar{width:130px;height:130px;margin-right:12px}
 .avatar-studio-work{padding:15px 14px 90px!important}
 .avatar-studio-head{align-items:flex-start}
 .avatar-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .avatar-builder{grid-template-columns:240px 1fr}
 .agent-avatar-cell{min-width:0}
}
@media(max-width:650px){
 .analytics-welcome-avatar{width:92px;height:92px;margin:0 0 0 auto;border-width:3px}
 .avatar-studio-head{display:block}
 .avatar-head-actions{justify-content:flex-start;margin-top:12px}
 .avatar-library-meta{align-items:flex-start}
 .avatar-library-meta>div{display:block}
 .avatar-library-meta span{display:block;margin-top:3px}
 .avatar-library-grid{grid-template-columns:1fr 1fr;gap:9px}
 .avatar-library-copy{padding:9px}
 .avatar-modal{align-items:flex-end;padding:0}
 .avatar-dialog{width:100%;max-height:92vh;border-radius:16px 16px 0 0}
 .avatar-builder{grid-template-columns:1fr;padding:14px}
 .avatar-preview-panel{width:min(240px,78vw);margin:0 auto}
 .avatar-control-grid{grid-template-columns:1fr}
 .avatar-dialog footer{position:sticky;bottom:0;background:#fff;z-index:2}
 .avatar-upload-dialog{width:100%}
 .agent-avatar-assign{min-width:150px}
}
@media(max-width:390px){
 .avatar-library-grid{grid-template-columns:1fr}
 .analytics-welcome-avatar{width:76px;height:76px}
}


/* =========================================================
   v1.20.1 · STUDIO AVATARES PRO
   Constructor visual aprobado · escritorio + móvil
   ========================================================= */
.avatar-studio-pro .avatar-pro-work{padding:22px 26px 48px;overflow:auto}
.avatar-pro-pagehead{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid #eee8f0}
.avatar-pro-pagehead small,.avatar-pro-header small{display:block;color:#FF6B00;font-size:8px;letter-spacing:.8px;margin-bottom:4px}
.avatar-pro-pagehead h1{margin:0;color:#55415c;font-size:24px;font-weight:500}
.avatar-pro-pagehead p{margin:5px 0 0;color:#928597;font-size:9px}
.avatar-pro-pagehead>div:last-child{display:flex;gap:8px;flex-wrap:wrap}

.avatar-pro-modal{position:fixed;inset:0;z-index:3000;display:none;align-items:center;justify-content:center;padding:18px}
.avatar-pro-modal.open{display:flex}
.avatar-pro-backdrop{position:absolute;inset:0;background:rgba(29,17,34,.58);backdrop-filter:blur(3px)}
.avatar-pro-dialog{position:relative;z-index:1;width:min(1320px,97vw);height:min(880px,95vh);display:flex;flex-direction:column;background:#f9f8fa;border-radius:15px;overflow:hidden;box-shadow:0 28px 90px rgba(31,16,37,.30)}
.avatar-pro-dialog>form{height:100%;display:flex;flex-direction:column;min-height:0}
.avatar-pro-header{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 20px;background:#fff;border-bottom:1px solid #ece7ee}
.avatar-pro-header h2{margin:0;color:#4e3a55;font-size:23px;font-weight:500}
.avatar-pro-header p{margin:4px 0 0;color:#938698;font-size:9px}
.avatar-pro-header-actions{display:flex;align-items:center;gap:8px}
.avatar-pro-close{order:2;width:32px;height:32px;border:0;border-radius:50%;background:#f3eff4;color:#6c5a72;font-size:18px;cursor:pointer}
.avatar-pro-tabs{height:43px;display:flex;align-items:center;gap:20px;padding:0 20px;background:#fff;border-bottom:1px solid #ece7ee}
.avatar-pro-tabs button{height:43px;border:0;border-bottom:2px solid #FF6B00;background:transparent;color:#FF6B00;font-size:9px;font-weight:600}
.avatar-pro-tabs span{font-size:8px;color:#aaa0ad}

.avatar-pro-builder{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);gap:14px;padding:14px 16px 16px}
.avatar-pro-controls{min-height:0;overflow-y:auto;padding:16px;background:#fff;border:1px solid #ece6ee;border-radius:13px}
.avatar-name-field{display:flex;flex-direction:column;gap:5px;color:#5d4c63;font-size:9px;margin-bottom:14px}
.avatar-name-field input{height:38px;border:1px solid #e0d7e3;border-radius:8px;padding:0 11px;font:inherit;color:#55445b;outline:none}
.avatar-name-field input:focus{border-color:#FF6B00;box-shadow:0 0 0 2px rgba(255,107,0,.08)}
.avatar-option-section{padding:13px 0;border-top:1px solid #f0ebf1}
.avatar-option-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:9px}
.avatar-option-title b{color:#55455b;font-size:10px;font-weight:600}
.avatar-option-title span{color:#aaa0ad;font-size:7px}
.avatar-choice-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.avatar-choice-card{height:88px;position:relative;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #e7e0e9;border-radius:10px;background:#fff;cursor:pointer;overflow:hidden}
.avatar-choice-card input,.avatar-mini-card input,.avatar-color-row input,.avatar-text-choice input,.avatar-bg-choice input{position:absolute;opacity:0;pointer-events:none}
.avatar-choice-card img{width:67px;height:76px;object-fit:cover;align-self:flex-end}
.avatar-choice-card b{font-size:10px;color:#67566d;font-weight:500}
.avatar-choice-card.selected{border:1.5px solid #FF6B00;background:#fffaf7;box-shadow:0 0 0 2px rgba(255,107,0,.05)}

.avatar-mini-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.avatar-mini-card{position:relative;min-width:0;border:1px solid #e8e1ea;border-radius:9px;background:#faf9fb;overflow:hidden;cursor:pointer;text-align:center}
.avatar-mini-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.avatar-mini-card span{display:block;padding:5px 2px 6px;color:#8d8092;font-size:6.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.avatar-mini-card.selected{border:1.5px solid #FF6B00;background:#fff}
.avatar-mini-card.selected span{color:#FF6B00}
.avatar-option-section.disabled{opacity:.38;pointer-events:none}

.avatar-color-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.avatar-color-row label{position:relative;width:31px;height:31px;border-radius:50%;padding:3px;border:1px solid transparent;cursor:pointer}
.avatar-color-row label i{display:block;width:100%;height:100%;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}
.avatar-color-row label.selected{border-color:#FF6B00}
.avatar-color-row label.selected:after{content:"";position:absolute;inset:-4px;border:1px solid rgba(255,107,0,.35);border-radius:50%}

.avatar-choice-grid.compact{max-width:360px}
.avatar-text-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.avatar-text-choice,.avatar-bg-choice{position:relative;min-height:47px;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px;border:1px solid #e7e0e9;border-radius:9px;background:#faf9fb;cursor:pointer;color:#75677a}
.avatar-text-choice b{font-size:15px;font-weight:400}
.avatar-text-choice span,.avatar-bg-choice span{font-size:7px;text-align:center}
.avatar-text-choice.selected,.avatar-bg-choice.selected{border-color:#FF6B00;background:#fffaf7;color:#FF6B00}
.outfit-dot{width:17px;height:17px;border-radius:50%}
.outfit-dot.orange{background:#FF7A18}.outfit-dot.purple{background:#8C38A8}.outfit-dot.charcoal{background:#3E3A43}.outfit-dot.sand{background:#C99159}
.avatar-bg-choice i{width:23px;height:23px;border-radius:6px;border:1px solid rgba(0,0,0,.05)}
.avatar-bg-choice[data-bg="soft"] i{background:#f5f2f6}.avatar-bg-choice[data-bg="peach"] i{background:#E99A7D}.avatar-bg-choice[data-bg="purple"] i{background:#D9C3E5}.avatar-bg-choice[data-bg="sand"] i{background:#E4C9A4}.avatar-bg-choice[data-bg="sky"] i{background:#A8E2EE}

.avatar-pro-preview{min-height:0;display:flex;flex-direction:column;padding:13px;background:#fff;border:1px solid #ece6ee;border-radius:13px;overflow:auto}
.avatar-preview-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.avatar-preview-toolbar span{padding:7px 10px;border:1px solid #FF6B00;border-radius:8px;color:#FF6B00;font-size:8px}
.avatar-preview-toolbar small{color:#aaa0ad;font-size:7px}
.avatar-preview-stage{min-height:0;flex:1;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#f5f3f6,#e8e7ea)}
.avatar-preview-stage img{display:block;width:100%;height:100%;max-height:520px;object-fit:contain}
.avatar-preview-caption{padding:9px 2px 8px}
.avatar-preview-caption b,.avatar-preview-caption span{display:block}
.avatar-preview-caption b{color:#59475f;font-size:11px;font-weight:600}
.avatar-preview-caption span{margin-top:2px;color:#a296a5;font-size:7px}
.avatar-preview-backgrounds{padding-top:9px;border-top:1px solid #eee8ef}
.avatar-preview-backgrounds>b{display:block;color:#5b4a61;font-size:8px;font-weight:500;margin-bottom:7px}
.avatar-preview-backgrounds>div{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.avatar-preview-backgrounds button{padding:0;border:1px solid #e8e1ea;border-radius:8px;background:#fff;overflow:hidden;cursor:pointer}
.avatar-preview-backgrounds button:hover{border-color:#FF6B00}
.avatar-preview-backgrounds img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}

@media(max-width:1100px){
 .avatar-pro-builder{grid-template-columns:minmax(0,1fr) 360px}
 .avatar-mini-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .avatar-text-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
 .avatar-studio-pro .avatar-pro-work{padding:16px 14px 90px!important}
 .avatar-pro-pagehead{align-items:flex-start}
 .avatar-pro-dialog{width:100%;height:100%;max-height:none;border-radius:0}
 .avatar-pro-modal{padding:0}
 .avatar-pro-builder{grid-template-columns:1fr;overflow-y:auto;padding:10px}
 .avatar-pro-controls{overflow:visible;order:2}
 .avatar-pro-preview{order:1;min-height:390px;overflow:visible}
 .avatar-preview-stage{height:300px;flex:none}
 .avatar-preview-stage img{height:300px}
 .avatar-preview-backgrounds{display:none}
 .avatar-pro-header{min-height:72px;padding:12px 14px}
 .avatar-pro-header h2{font-size:19px}
 .avatar-pro-header p{display:none}
 .avatar-pro-tabs{padding:0 14px}
}
@media(max-width:650px){
 .avatar-pro-pagehead{display:block}
 .avatar-pro-pagehead>div:last-child{margin-top:12px}
 .avatar-pro-pagehead .avatar-primary,.avatar-pro-pagehead .avatar-secondary{flex:1}
 .avatar-pro-modal{align-items:stretch}
 .avatar-pro-header{position:sticky;top:0;z-index:4}
 .avatar-pro-header-actions .avatar-save{height:32px;padding:0 10px;font-size:8px}
 .avatar-pro-close{width:30px;height:30px}
 .avatar-pro-tabs{position:sticky;top:72px;z-index:3}
 .avatar-pro-builder{display:flex;flex-direction:column}
 .avatar-pro-preview{min-height:315px;padding:9px}
 .avatar-preview-stage{height:245px}
 .avatar-preview-stage img{height:245px}
 .avatar-preview-caption{padding-bottom:2px}
 .avatar-pro-controls{padding:12px}
 .avatar-choice-card{height:76px}
 .avatar-choice-card img{width:58px;height:66px}
 .avatar-mini-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
 .avatar-text-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .avatar-option-section{padding:11px 0}
 .avatar-option-title{display:block}
 .avatar-option-title span{display:block;margin-top:2px}
 .avatar-color-row{gap:8px}
 .avatar-color-row label{width:29px;height:29px}
 body.avatar-editor-open{overflow:hidden}
}
@media(max-width:390px){
 .avatar-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .avatar-choice-card{gap:4px}
 .avatar-choice-card img{width:52px}
}


/* =========================================================
   v1.20.2 · AVATAR STUDIO · RENDER 3D REAL
   ========================================================= */
.avatar-real3d-stage{position:relative;background:linear-gradient(145deg,#f7f4f8,#ece8ef)}
.avatar-real3d-stage img{object-fit:contain!important;background:#fff;border-radius:14px}
.avatar-preview-badge{position:absolute;left:12px;bottom:12px;padding:6px 9px;border-radius:999px;background:rgba(60,42,66,.78);color:#fff;font-size:6px;letter-spacing:.7px;backdrop-filter:blur(5px)}
.avatar-trait-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.avatar-trait-card{position:relative;min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:8px 5px;border:1px solid #e8e1ea;border-radius:9px;background:#faf9fb;cursor:pointer;text-align:center}
.avatar-trait-card input{position:absolute;opacity:0;pointer-events:none}
.avatar-trait-card span{font-size:7px;color:#837587;line-height:1.2}
.avatar-trait-card.selected{border:1.5px solid #FF6B00;background:#fffaf7;box-shadow:0 0 0 2px rgba(255,107,0,.04)}
.avatar-trait-card.selected span{color:#FF6B00}
.avatar-trait-card>i{display:block;width:32px;height:27px;position:relative}
.face-icon{border:2px solid #c69b82;border-radius:48% 48% 46% 46%;background:#efc3a6}
.face-icon.oval{border-radius:48% 48% 43% 43%;transform:scaleX(.82)}
.face-icon.round{border-radius:50%}
.face-icon.square{border-radius:38% 38% 44% 44%}
.hair-icon:before,.style-icon:before{content:"";position:absolute;left:3px;right:3px;top:3px;height:20px;background:linear-gradient(135deg,#6d4939,#2d2020);border-radius:55% 55% 30% 30%}
.hair-icon.none:before{display:none}
.hair-icon.none{border:1px dashed #c9becd;border-radius:50%}
.hair-icon.wavy:before{clip-path:polygon(0 35%,16% 12%,31% 31%,46% 5%,63% 29%,78% 8%,100% 33%,94% 100%,5% 100%)}
.hair-icon.curly:before{border-radius:50%;box-shadow:-8px 2px 0 #51372d,8px 2px 0 #51372d,0 -5px 0 #74503d}
.style-icon.short:before{height:14px}.style-icon.bob:before{height:25px;border-radius:55% 55% 45% 45%}.style-icon.long:before{height:27px;border-radius:50% 50% 30% 30%}
.beard-icon:before{content:"";position:absolute;left:7px;right:7px;bottom:1px;height:13px;background:#51362d;border-radius:20% 20% 55% 55%}
.beard-icon.none:before{display:none}.beard-icon.none{border-bottom:1px dashed #c9becd}
.beard-icon.stubble:before{opacity:.28;height:10px}.beard-icon.short:before{height:11px}.beard-icon.full:before{left:4px;right:4px;height:19px}.beard-icon.goatee:before{left:12px;right:12px;height:18px}
.avatar-render-summary{padding:10px 2px 11px;border-top:1px solid #eee8ef}
.avatar-render-summary>b{display:block;color:#5b4a61;font-size:8px;font-weight:600;margin-bottom:7px}
.avatar-render-summary>div{display:flex;flex-wrap:wrap;gap:5px}
.avatar-render-summary>div span{padding:5px 7px;border-radius:999px;background:#f5f1f6;color:#746779;font-size:6.5px;border:1px solid #ebe4ed}
.avatar-render-summary>small{display:block;margin-top:8px;color:#a195a5;font-size:6.5px;line-height:1.45}
.avatar-ai-status{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:9px;background:#faf8fb;border:1px solid #ebe5ed}
.avatar-ai-status>i{width:8px;height:8px;border-radius:50%;flex:0 0 8px}
.avatar-ai-status.ready>i{background:#42a96b;box-shadow:0 0 0 4px rgba(66,169,107,.10)}
.avatar-ai-status.pending>i{background:#FF8A1F;box-shadow:0 0 0 4px rgba(255,138,31,.10)}
.avatar-ai-status b,.avatar-ai-status span{display:block}
.avatar-ai-status b{font-size:7.5px;color:#5e4d64;font-weight:600}
.avatar-ai-status span{font-size:6.5px;color:#9d91a1;margin-top:2px;line-height:1.35}
#avatarGenerateBtn:disabled{opacity:.65;cursor:wait}
@media(max-width:1100px){.avatar-trait-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){
 .avatar-trait-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .avatar-real3d-stage img{max-height:245px}
 .avatar-preview-badge{left:8px;bottom:8px;font-size:5.5px}
 .avatar-ai-status{margin-top:8px}
}

.avatar-ai-status>button{margin-left:auto;height:28px;padding:0 9px;border:1px solid #dfd5e2;border-radius:7px;background:#fff;color:#7A1FA2;font:inherit;font-size:6.5px;cursor:pointer}
.avatar-key-note{padding:10px;border:1px solid #ebe4ed;border-radius:9px;background:#faf8fb}
.avatar-key-note b,.avatar-key-note span,.avatar-key-note small{display:block}
.avatar-key-note b{font-size:8px;color:#5f4e65;font-weight:600}.avatar-key-note span{font-size:7px;color:#897b8e;margin-top:3px}.avatar-key-note small{font-size:6.5px;color:#aaa0ad;margin-top:7px}
@media(max-width:650px){.avatar-ai-status{align-items:flex-start;flex-wrap:wrap}.avatar-ai-status>button{margin-left:16px}}


/* =========================================================
   v1.20.3 · AVATAR STUDIO · EDICIÓN + PREVIEW 3D
   ========================================================= */
.avatar-library-actions{margin-left:auto;display:flex;align-items:center;gap:6px}
.avatar-library-actions form{margin:0}
.avatar-edit-btn{height:28px;padding:0 10px;border:1px solid #ded3e1;border-radius:7px;background:#fff;color:#7A1FA2;font:inherit;font-size:7px;cursor:pointer}
.avatar-edit-btn:hover{border-color:#FF6B00;color:#FF6B00}
.avatar-delete-btn{width:28px;height:28px;border:0;border-radius:7px;background:#f5f1f6;color:#8d7e92;font-size:14px;cursor:pointer}
.avatar-preview-actions{display:flex;align-items:center;gap:7px}
.avatar-preview-actions small{color:#9f93a3;font-size:6.5px}
#avatarPreviewBtn{height:30px;padding:0 10px;border:1px solid #FF6B00;border-radius:8px;background:#fff;color:#FF6B00;font:inherit;font-size:7px;cursor:pointer;white-space:nowrap}
#avatarPreviewBtn:hover{background:#fff7f2}
#avatarPreviewBtn:disabled{opacity:.55;cursor:wait}
.avatar-preview-badge.pending{background:rgba(255,107,0,.88)}
.avatar-preview-loading{position:absolute;inset:0;z-index:3;display:none;flex-direction:column;align-items:center;justify-content:center;background:rgba(250,248,251,.91);backdrop-filter:blur(4px);color:#5d4963}
.avatar-preview-loading.show{display:flex}
.avatar-preview-loading i{width:28px;height:28px;border:3px solid #eadfeb;border-top-color:#FF6B00;border-radius:50%;animation:avatarSpin .8s linear infinite;margin-bottom:10px}
.avatar-preview-loading b{font-size:9px;font-weight:600}.avatar-preview-loading span{font-size:7px;color:#9b8da0;margin-top:3px}
@keyframes avatarSpin{to{transform:rotate(360deg)}}
.avatar-library-card{position:relative}
@media(max-width:900px){
 .avatar-preview-toolbar{gap:8px}
 .avatar-preview-actions{margin-left:auto}
 .avatar-library-actions{flex:0 0 auto}
}
@media(max-width:650px){
 .avatar-library-card{align-items:center}
 .avatar-library-actions{width:100%;justify-content:flex-end;margin:8px 0 0;padding-top:7px;border-top:1px solid #f0ebf1}
 .avatar-edit-btn{min-width:74px;height:32px}
 .avatar-delete-btn{width:32px;height:32px}
 .avatar-preview-toolbar{align-items:flex-start}
 .avatar-preview-actions{flex-direction:column;align-items:flex-end;gap:4px}
 #avatarPreviewBtn{height:32px}
 .avatar-preview-actions small{max-width:160px;text-align:right}
}


/* =========================================================
   v1.20.4 · AVATAR STUDIO · MOTOR LOCAL POR CAPAS
   ========================================================= */
.avatar-layered-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:0!important;padding:8px!important;background:linear-gradient(145deg,#faf8fb,#f1edf3);overflow:hidden}
.avatar-layer-canvas{position:relative;width:min(100%,512px);aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(58,37,64,.08)}
.avatar-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.layer-bg{z-index:1}.layer-outfit{z-index:2}.layer-base{z-index:3}.layer-hair{z-index:4}.layer-beard{z-index:5}.layer-glasses{z-index:6}
.avatar-layered-stage .avatar-preview-badge{z-index:8;left:18px;bottom:18px;background:rgba(76,52,82,.82)}
.avatar-layered-stage + .avatar-preview-caption span{color:#9a8d9e}
.avatar-render-summary small{max-width:620px}
.avatar-pro-tabs span{color:#9d90a1}
.avatar-studio-pro .avatar-save{min-width:118px}
.avatar-choice-card img{object-fit:contain}
@media(max-width:900px){
 .avatar-layer-canvas{width:min(100%,430px)}
}
@media(max-width:650px){
 .avatar-layered-stage{padding:6px!important}
 .avatar-layer-canvas{width:min(100%,360px);border-radius:12px}
 .avatar-layered-stage .avatar-preview-badge{left:12px;bottom:12px}
 .avatar-pro-header-actions .avatar-save{min-width:104px}
}

/* =========================================================
   v1.20.5 · AVATAR STUDIO UNISEX · UI APROBADA + MÓVIL
   ========================================================= */
.avatar-studio-page .av2-modal{position:fixed;inset:0;z-index:1900;display:none;padding:18px;background:rgba(31,16,36,.76);backdrop-filter:blur(7px)}
.avatar-studio-page .av2-modal.open{display:block}
.avatar-studio-page .av2-modal .avatar-pro-backdrop{position:absolute;inset:0}
.avatar-studio-page .av2-dialog{position:relative;z-index:1;width:min(1680px,calc(100vw - 36px));height:calc(100vh - 36px);margin:0 auto;background:#fbfafc;border-radius:22px;overflow:hidden;box-shadow:0 28px 90px rgba(24,8,30,.32)}
.avatar-studio-page .av2-dialog>form{height:100%;display:flex;flex-direction:column;min-height:0}
.avatar-studio-page .av2-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 24px 16px;border-bottom:1px solid #ece6ef;background:#fff;flex:0 0 auto}
.avatar-studio-page .av2-header small{display:block;color:#ff6b00;font-size:9px;letter-spacing:.08em;margin-bottom:4px}
.avatar-studio-page .av2-header h2{margin:0;color:#4e3856;font-size:25px;font-weight:500;line-height:1.1}
.avatar-studio-page .av2-header p{margin:6px 0 0;color:#9a8da0;font-size:10px}
.avatar-studio-page .av2-header-actions{display:flex;align-items:center;gap:12px}
.avatar-studio-page .av2-name{display:flex;align-items:center;gap:8px;color:#76647d;font-size:9px}
.avatar-studio-page .av2-name input{width:220px;height:38px;border:1px solid #e1d8e4;border-radius:10px;padding:0 12px;font:inherit;color:#4f3c55;outline:none;background:#fff}
.avatar-studio-page .av2-name input:focus{border-color:#ff6b00;box-shadow:0 0 0 3px rgba(255,107,0,.08)}
.avatar-studio-page .av2-close{width:38px;height:38px;border:0;border-radius:50%;background:#f4f0f5;color:#79697f;font-size:20px;cursor:pointer}
.avatar-studio-page .av2-grid{display:grid;grid-template-columns:minmax(330px,1fr) minmax(390px,.96fr) minmax(350px,1fr);gap:14px;padding:14px 18px 10px;min-height:0;flex:1;overflow:hidden}
.avatar-studio-page .av2-panel{background:#fff;border:1px solid #e8e1ea;border-radius:16px;padding:14px;overflow:auto;scrollbar-width:thin;scrollbar-color:#d8cfdc transparent}
.avatar-studio-page .av2-group{padding:0 0 13px;margin:0 0 13px;border-bottom:1px solid #f0ebf2}.avatar-studio-page .av2-group:last-child{border-bottom:0;margin-bottom:0}
.avatar-studio-page .av2-group h3{margin:0 0 8px;color:#2f2440;font-size:12px;font-weight:650}.avatar-studio-page .av2-group h3 small{font-size:9px;font-weight:400;color:#8e8294}
.avatar-studio-page .av2-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.avatar-studio-page .av2-options.av2-six{grid-template-columns:repeat(6,minmax(0,1fr))}
.avatar-studio-page .av2-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;min-height:88px;border:1px solid #e7e0e9;border-radius:12px;overflow:hidden;background:#faf8fb;cursor:pointer;transition:.18s ease}
.avatar-studio-page .av2-card:hover{transform:translateY(-1px);border-color:#d8c9dd;box-shadow:0 5px 14px rgba(67,43,73,.07)}
.avatar-studio-page .av2-card.selected{border:1.5px solid #ff6b00;background:#fffaf6;box-shadow:0 0 0 2px rgba(255,107,0,.06)}
.avatar-studio-page .av2-card input{position:absolute;opacity:0;pointer-events:none}.avatar-studio-page .av2-card img{width:100%;height:66px;object-fit:cover;object-position:center top;background:#f5f1f6}.avatar-studio-page .av2-card span{display:block;width:100%;padding:5px 2px 6px;text-align:center;color:#67556d;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:rgba(255,255,255,.92)}
.avatar-studio-page .av2-swatches{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:3px 2px}.avatar-studio-page .av2-swatches label{position:relative;width:28px;height:28px;border-radius:50%;background:var(--sw);border:2px solid #fff;box-shadow:0 0 0 1px #ddd3df;cursor:pointer}.avatar-studio-page .av2-swatches label.selected{box-shadow:0 0 0 2px #ff6b00}.avatar-studio-page .av2-swatches label input{position:absolute;opacity:0}
.avatar-studio-page .av2-center{display:flex;flex-direction:column;min-height:0;background:#fff;border:1px solid #e8e1ea;border-radius:16px;padding:14px;overflow:hidden}
.avatar-studio-page .av2-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px}.avatar-studio-page .av2-preview-head span{border:1px solid #ff6b00;border-radius:9px;padding:7px 12px;color:#ff6b00;font-size:8px}.avatar-studio-page .av2-preview-head small{font-size:7px;color:#9b8fa0;text-align:right}
.avatar-studio-page .av2-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;flex:1;margin:10px 0 8px;border-radius:16px;overflow:hidden;background:#f4f1f6;transition:.25s}.avatar-studio-page .av2-stage.pulse{box-shadow:0 0 0 4px rgba(255,107,0,.14)}
.avatar-studio-page .av2-checker{position:absolute;inset:0;background-color:#fff;background-image:linear-gradient(45deg,#e6eaf2 25%,transparent 25%),linear-gradient(-45deg,#e6eaf2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e6eaf2 75%),linear-gradient(-45deg,transparent 75%,#e6eaf2 75%);background-size:28px 28px;background-position:0 0,0 14px,14px -14px,-14px 0;opacity:.78}
.avatar-studio-page .av2-canvas{position:relative;width:min(100%,520px);aspect-ratio:1/1;z-index:1}.avatar-studio-page .av2-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.avatar-studio-page .av2-preview-name{display:flex;flex-direction:column;padding:2px 2px 8px;border-bottom:1px solid #f0ebf2}.avatar-studio-page .av2-preview-name b{color:#4c3854;font-size:11px;font-weight:600}.avatar-studio-page .av2-preview-name span{color:#a295a6;font-size:7px;margin-top:2px}
.avatar-studio-page .av2-center-actions{display:grid;grid-template-columns:1.25fr .9fr;gap:9px;padding-top:10px}.avatar-studio-page .av2-save,.avatar-studio-page .av2-preview-btn{height:42px;border-radius:11px;font:inherit;font-size:9px;cursor:pointer}.avatar-studio-page .av2-save{border:0;background:#ff6b00;color:#fff;font-weight:600}.avatar-studio-page .av2-save:hover{filter:brightness(.97)}.avatar-studio-page .av2-save:disabled{opacity:.65}.avatar-studio-page .av2-preview-btn{border:1px solid #e4dce6;background:#fff;color:#55425c}
.avatar-studio-page .av2-presets{flex:0 0 auto;padding:9px 18px 14px;background:#fff;border-top:1px solid #eee8f0}.avatar-studio-page .av2-presets-title{display:flex;align-items:baseline;gap:9px;margin-bottom:7px}.avatar-studio-page .av2-presets-title b{font-size:10px;color:#4d3954}.avatar-studio-page .av2-presets-title span{font-size:7px;color:#9a8da0}
.avatar-studio-page .av2-preset-strip{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px}.avatar-studio-page .av2-preset{display:flex;flex-direction:column;align-items:center;min-width:0;padding:0 0 6px;border:1px solid #e9e2eb;border-radius:12px;background:#fff;overflow:hidden;cursor:pointer;transition:.16s}.avatar-studio-page .av2-preset:hover{border-color:#ff6b00;transform:translateY(-1px)}.avatar-studio-page .av2-preset img{width:100%;height:74px;object-fit:cover;object-position:center top}.avatar-studio-page .av2-preset b{font-size:7.5px;color:#35283c;margin-top:4px}.avatar-studio-page .av2-preset span{font-size:6px;color:#9d91a1;min-height:8px}
body.avatar-editor-open{overflow:hidden}
@media(max-width:1200px){
 .avatar-studio-page .av2-grid{grid-template-columns:minmax(290px,1fr) minmax(340px,1fr) minmax(300px,1fr)}
 .avatar-studio-page .av2-options{grid-template-columns:repeat(4,minmax(0,1fr))}.avatar-studio-page .av2-options.av2-six{grid-template-columns:repeat(3,minmax(0,1fr))}
 .avatar-studio-page .av2-preset-strip{grid-template-columns:repeat(9,118px);overflow-x:auto;padding-bottom:3px}
}
@media(max-width:900px){
 .avatar-studio-page .av2-modal{padding:0}.avatar-studio-page .av2-dialog{width:100vw;height:100dvh;border-radius:0}
 .avatar-studio-page .av2-header{padding:12px 14px;align-items:flex-start}.avatar-studio-page .av2-header h2{font-size:21px}.avatar-studio-page .av2-header p{font-size:8px}.avatar-studio-page .av2-header-actions{gap:7px}.avatar-studio-page .av2-name{display:none}.avatar-studio-page .av2-close{width:34px;height:34px}
 .avatar-studio-page .av2-grid{display:flex;flex-direction:column;overflow:auto;padding:10px;gap:10px}.avatar-studio-page .av2-center{order:1;min-height:520px;overflow:visible}.avatar-studio-page .av2-left{order:2;overflow:visible}.avatar-studio-page .av2-right{order:3;overflow:visible}
 .avatar-studio-page .av2-center:before{content:'Nombre del avatar';font-size:8px;color:#76647d;margin-bottom:6px}.avatar-studio-page .av2-center .av2-preview-head{margin-top:42px}.avatar-studio-page .av2-center:after{content:'';position:absolute}
 .avatar-studio-page .av2-canvas{width:min(100%,390px)}.avatar-studio-page .av2-stage{min-height:390px;flex:none}
 .avatar-studio-page .av2-presets{padding:9px 10px 12px}.avatar-studio-page .av2-preset-strip{display:flex;overflow-x:auto;gap:7px}.avatar-studio-page .av2-preset{min-width:112px}.avatar-studio-page .av2-preset img{height:84px}
 .avatar-studio-page .av2-options,.avatar-studio-page .av2-options.av2-six{grid-template-columns:repeat(5,minmax(92px,1fr));overflow-x:auto;padding-bottom:4px}.avatar-studio-page .av2-card{min-height:96px}.avatar-studio-page .av2-card img{height:72px}
 .avatar-studio-page .av2-swatches{gap:12px}.avatar-studio-page .av2-swatches label{width:31px;height:31px}
}
@media(max-width:560px){
 .avatar-studio-page .av2-center{min-height:475px}.avatar-studio-page .av2-stage{min-height:335px}.avatar-studio-page .av2-canvas{width:min(100%,340px)}
 .avatar-studio-page .av2-options,.avatar-studio-page .av2-options.av2-six{grid-template-columns:repeat(5,86px)}.avatar-studio-page .av2-card{min-height:88px}.avatar-studio-page .av2-card img{height:65px}
 .avatar-studio-page .av2-center-actions{grid-template-columns:1fr 1fr}.avatar-studio-page .av2-save,.avatar-studio-page .av2-preview-btn{height:40px;font-size:8px}
 .avatar-studio-page .av2-presets-title span{display:none}
}
@media(max-width:900px){
 .avatar-studio-page .av2-header{flex-wrap:wrap}.avatar-studio-page .av2-header-actions{margin-left:auto}.avatar-studio-page .av2-name{display:flex}.avatar-studio-page .av2-name span{display:none}.avatar-studio-page .av2-name input{width:155px;height:34px}.avatar-studio-page .av2-center:before{content:none}.avatar-studio-page .av2-center .av2-preview-head{margin-top:0}
}
@media(max-width:430px){.avatar-studio-page .av2-header-actions{width:100%;justify-content:space-between}.avatar-studio-page .av2-name{flex:1}.avatar-studio-page .av2-name input{width:100%}}

/* =========================================================
   v1.20.6 · AVATAR STUDIO 3D PREMIUM
   Mejora visual del preview y recursos raster 3D
   ========================================================= */
.avatar-studio-page .av2-dialog{background:#fcfbfd}
.avatar-studio-page .av2-center{box-shadow:0 12px 34px rgba(54,34,62,.06)}
.avatar-studio-page .av2-stage{min-height:390px;background:linear-gradient(145deg,#fbfbfd,#f3eff6)}
.avatar-studio-page .av2-canvas{width:min(100%,500px);filter:drop-shadow(0 14px 18px rgba(58,37,64,.08))}
.avatar-studio-page .av2-card img{object-fit:contain;background:linear-gradient(145deg,#fff,#f5f1f6);padding:2px}
.avatar-studio-page .av2-hair-options .av2-card img{object-fit:cover;padding:0}
.avatar-studio-page .av2-preview-head span{font-weight:600;background:#fffaf6}
.avatar-studio-page .av2-preview-name span:after{content:' · Render local 1024 px';color:#ff6b00}
.avatar-studio-page .av2-preset img{object-fit:contain;background:linear-gradient(145deg,#f7f3f9,#fff)}
.avatar-studio-page .av2-preset:hover{box-shadow:0 8px 22px rgba(67,43,73,.08)}
@media(max-width:900px){
 .avatar-studio-page .av2-stage{min-height:420px}
 .avatar-studio-page .av2-canvas{width:min(100%,410px)}
}
@media(max-width:650px){
 .avatar-studio-page .av2-center{min-height:520px}
 .avatar-studio-page .av2-stage{min-height:360px}
 .avatar-studio-page .av2-canvas{width:min(100%,350px)}
 .avatar-studio-page .av2-card img{padding:1px}
}


/* =========================================================
   v1.20.7 · AVATAR STUDIO · COLECCIÓN CURADA
   Capas alineadas y cabello 3D sin artefactos
   ========================================================= */
.avatar-studio-page .av2-quality-note{margin:7px 1px 0;color:#9a8da0;font-size:7px;line-height:1.4}
.avatar-studio-page .av2-hair-options{grid-template-columns:repeat(4,minmax(0,1fr))}
.avatar-studio-page .av2-hair-options .av2-card{min-height:104px}
.avatar-studio-page .av2-hair-options .av2-card img{height:82px;object-fit:contain;background:linear-gradient(145deg,#fff,#f6f2f7)}
.avatar-studio-page .av2-stage{background:linear-gradient(145deg,#fff,#f6f3f8)}
.avatar-studio-page .av2-canvas{filter:drop-shadow(0 15px 22px rgba(56,34,62,.10))}
.avatar-studio-page .av2-preview-name span:after{content:' · Colección curada v4'}
@media(max-width:900px){
 .avatar-studio-page .av2-hair-options{display:grid;grid-template-columns:repeat(4,112px);overflow-x:auto}
 .avatar-studio-page .av2-hair-options .av2-card{min-height:104px}
}
@media(max-width:560px){
 .avatar-studio-page .av2-hair-options{grid-template-columns:repeat(4,96px)}
 .avatar-studio-page .av2-hair-options .av2-card img{height:74px}
}

/* ===== v1.20.8 · Avatar Packs engine ===== */
.avatar-pack-work,.avatar-pack-builder-work{padding:26px 30px 40px}.avatar-pack-intro{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 20px;border:1px solid #eee7f0;border-radius:16px;background:#fff;margin:0 0 22px}.avatar-pack-intro div{display:grid;gap:4px}.avatar-pack-intro span{font-size:12px;color:#8d7f91}.avatar-pack-intro a{color:#7a1fa2;text-decoration:none;font-size:12px}.avatar-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.avatar-pack-card{border:1px solid #e9e1eb;background:#fff;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.avatar-pack-card.is-disabled{opacity:.58}.avatar-pack-preview{aspect-ratio:16/10;background:#f7f4f8;display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar-pack-preview img{width:100%;height:100%;object-fit:cover}.avatar-pack-placeholder{font-size:54px;color:#bdaac3}.avatar-pack-body{padding:16px 17px;display:grid;gap:8px;flex:1}.avatar-pack-body h3{margin:0;color:#4b3650}.avatar-pack-body p{margin:0;color:#847489;font-size:12px;line-height:1.5}.avatar-pack-body small{color:#aa9dad;font-size:10px}.avatar-pack-badges{display:flex;gap:6px;flex-wrap:wrap}.avatar-pack-badges span{font-size:9px;padding:4px 7px;border-radius:99px;background:#f3edf5;color:#7a1fa2}.avatar-pack-card footer{display:flex;gap:8px;padding:0 17px 17px}.avatar-pack-card footer form{margin:0}.avatar-pack-card footer .avatar-primary,.avatar-pack-card footer .avatar-secondary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-height:36px}.avatar-pack-format{margin-top:22px;border:1px dashed #d9cadf;border-radius:14px;padding:16px 18px;color:#66536b}.avatar-pack-format p{margin:5px 0 0;font-size:12px;line-height:1.5;color:#8b7b8f}.avatar-pack-format code{background:#f5f1f6;padding:2px 5px;border-radius:5px}.pack-builder-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:18px}.pack-builder-head small{color:#ff6b00;letter-spacing:.08em}.pack-builder-head h1{margin:6px 0;color:#4c3651}.pack-builder-head p{margin:0;color:#8d7f91;font-size:12px}.pack-builder-head label{display:grid;gap:6px;color:#6c5870;min-width:260px}.pack-builder-head input{border:1px solid #dfd5e2;border-radius:12px;padding:12px 14px;font:inherit}.pack-builder-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:20px;align-items:start}.pack-controls{background:#fff;border:1px solid #ebe4ed;border-radius:18px;padding:8px 18px;max-height:calc(100vh - 190px);overflow:auto}.pack-control{padding:15px 0;border-bottom:1px solid #f0eaf1}.pack-control:last-child{border-bottom:0}.pack-control h3{margin:0 0 10px;color:#49344e;font-size:14px}.pack-control h3 small{font-weight:400;color:#9d90a1}.pack-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.pack-option{border:1px solid #e5dce8;border-radius:12px;overflow:hidden;cursor:pointer;background:#fbf9fc;display:grid}.pack-option input,.pack-swatches input{position:absolute;opacity:0;pointer-events:none}.pack-option-img{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}.pack-option-img img{width:100%;height:100%;object-fit:cover}.pack-option em{font-style:normal;font-size:9px;text-align:center;padding:6px;color:#69576e}.pack-option.selected{border-color:#ff6b00;box-shadow:0 0 0 1px #ff6b00 inset}.pack-swatches{display:flex;gap:9px;flex-wrap:wrap}.pack-swatches label{width:34px;height:34px;border:2px solid #fff;outline:1px solid #d8cedb;border-radius:50%;background:var(--sw);cursor:pointer}.pack-swatches label.selected{outline:2px solid #ff6b00;box-shadow:0 0 0 3px #fff inset}.pack-preview-panel{position:sticky;top:18px;background:#fff;border:1px solid #ebe4ed;border-radius:18px;padding:14px}.pack-preview-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#5d4762}.pack-preview-top small{color:#a194a4}.pack-stage{position:relative;width:min(100%,560px);aspect-ratio:1/1;margin:auto;border-radius:16px;overflow:hidden;background-color:#fff;background-image:linear-gradient(45deg,#edf0f6 25%,transparent 25%),linear-gradient(-45deg,#edf0f6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#edf0f6 75%),linear-gradient(-45deg,transparent 75%,#edf0f6 75%);background-size:32px 32px;background-position:0 0,0 16px,16px -16px,-16px 0}.pack-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.pack-preview-actions{display:flex;gap:9px;margin-top:12px}.pack-preview-actions>*{flex:1;text-align:center;text-decoration:none}.pack-presets{margin-top:14px}.pack-presets>b{font-size:12px;color:#58435d}.pack-presets>div{display:flex;gap:8px;overflow:auto;padding-top:8px}.pack-presets button{min-width:88px;border:1px solid #e8dfea;background:#faf8fb;border-radius:11px;padding:5px;cursor:pointer}.pack-presets img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px}.pack-presets span{display:block;font-size:9px;padding:4px 2px;color:#5f4c64}
@media(max-width:1100px){.avatar-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pack-builder-grid{grid-template-columns:1fr}.pack-preview-panel{position:relative;top:auto;order:-1}.pack-controls{max-height:none}.pack-options{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){.avatar-pack-work,.avatar-pack-builder-work{padding:14px 12px 90px}.avatar-pack-intro,.pack-builder-head{align-items:stretch;flex-direction:column}.avatar-pack-grid{grid-template-columns:1fr}.pack-builder-head label{min-width:0}.pack-preview-panel{padding:10px}.pack-stage{width:min(100%,390px)}.pack-options{grid-template-columns:repeat(3,minmax(0,1fr))}.pack-control{padding:12px 0}.avatar-pack-card footer{flex-wrap:wrap}.avatar-pack-card footer>*{flex:1}.pack-preview-actions{position:sticky;bottom:66px;background:#fff;padding-top:8px;z-index:20}}

.avatar-pack-head-actions{display:flex;gap:8px;align-items:center}.avatar-pack-head-actions a{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}@media(max-width:650px){.avatar-pack-head-actions{width:100%}.avatar-pack-head-actions>*{flex:1}}

/* =========================================================
   v1.20.9 · AVATAR PACKS · PRESETS 3D PREMIUM
   ========================================================= */
.preset-builder-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:20px;align-items:start}
.preset-picker-panel,.preset-preview-panel{background:#fff;border:1px solid #ebe4ed;border-radius:18px;padding:16px}
.preset-picker-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}.preset-picker-head>div{display:grid;gap:3px}.preset-picker-head b{color:#49344e;font-size:15px}.preset-picker-head span{color:#95869a;font-size:11px}.preset-picker-head>span{background:#f4eef6;color:#7a1fa2;padding:5px 9px;border-radius:99px;white-space:nowrap}
.preset-avatar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.preset-avatar-card{position:relative;border:1px solid #e8dfea;border-radius:16px;overflow:hidden;background:#fbf9fc;cursor:pointer;transition:.18s ease;min-width:0}.preset-avatar-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(70,45,77,.08)}.preset-avatar-card.selected{border-color:#ff6b00;box-shadow:0 0 0 1px #ff6b00 inset,0 10px 24px rgba(255,107,0,.08)}.preset-avatar-card input{position:absolute;opacity:0;pointer-events:none}.preset-avatar-card>img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#f4f1f6}.preset-avatar-card>span{display:grid;gap:2px;padding:9px 10px 11px}.preset-avatar-card>span b{font-size:11px;color:#4f3b54}.preset-avatar-card>span small{font-size:9px;line-height:1.35;color:#9b8da0}.preset-avatar-card>i{position:absolute;top:9px;right:9px;width:24px;height:24px;border-radius:50%;display:none;align-items:center;justify-content:center;background:#ff6b00;color:#fff;font-style:normal;font-size:12px;box-shadow:0 4px 10px rgba(255,107,0,.25)}.preset-avatar-card.selected>i{display:flex}
.preset-preview-panel{position:sticky;top:18px}.preset-main-stage{width:min(100%,560px);aspect-ratio:1/1;margin:auto;border-radius:18px;overflow:hidden;background:#f6f4f8;box-shadow:inset 0 0 0 1px #eee7f0}.preset-main-stage img{width:100%;height:100%;object-fit:cover;display:block}.preset-current{display:grid;gap:3px;padding:13px 3px 4px}.preset-current small{font-size:9px;letter-spacing:.09em;color:#ff6b00}.preset-current b{font-size:16px;color:#4a354f}.preset-current span{font-size:10px;color:#98899c}
@media(max-width:1100px){.preset-builder-grid{grid-template-columns:1fr}.preset-preview-panel{position:relative;top:auto;order:-1}.preset-main-stage{width:min(100%,470px)}.preset-avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.preset-picker-panel,.preset-preview-panel{padding:10px;border-radius:14px}.preset-picker-head{align-items:flex-start}.preset-avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.preset-avatar-card>span{padding:7px 8px 9px}.preset-main-stage{width:min(100%,360px)}.preset-preview-panel .pack-preview-actions{position:sticky;bottom:66px;background:#fff;padding-top:8px;z-index:20}}

/* =========================================================
   v1.21.0 · ENJAMBRE 3D PROCEDURAL · ROSTRO SUAVE
   ========================================================= */
.avatar3d-builder-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);gap:20px;align-items:start}.avatar3d-controls,.avatar3d-preview-panel{background:#fff;border:1px solid #ebe4ed;border-radius:18px}.avatar3d-controls{padding:16px 18px;max-height:calc(100vh - 190px);overflow:auto}.avatar3d-controls-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:2px 0 15px;border-bottom:1px solid #eee8f0}.avatar3d-controls-head>div{display:grid;gap:4px}.avatar3d-controls-head b{font-size:14px;color:#49344e}.avatar3d-controls-head span{font-size:10px;color:#978a9b}.avatar3d-live{padding:6px 9px!important;border-radius:99px;background:#edf8f1;color:#2c8a52!important;white-space:nowrap}.avatar3d-control{padding:15px 0;border-bottom:1px solid #f0eaf1}.avatar3d-control:last-child{border-bottom:0}.avatar3d-control h3{margin:0 0 10px;color:#49344e;font-size:14px}.avatar3d-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.avatar3d-option{min-height:78px;border:1px solid #e5dce8;border-radius:12px;background:#fbf9fc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer;transition:.16s ease}.avatar3d-option input,.avatar3d-swatch input{position:absolute;opacity:0;pointer-events:none}.avatar3d-option-icon{font-size:22px;line-height:1;color:#705978}.avatar3d-option em{font-style:normal;font-size:9px;text-align:center;color:#69576e}.avatar3d-option.selected{border-color:#ff6b00;box-shadow:0 0 0 1px #ff6b00 inset;background:#fffaf7}.avatar3d-option.selected .avatar3d-option-icon{color:#ff6b00}.avatar3d-swatches{display:flex;gap:12px;flex-wrap:wrap}.avatar3d-swatch{display:grid;justify-items:center;gap:5px;cursor:pointer}.avatar3d-swatch>span{display:block;width:38px;height:38px;border:3px solid #fff;outline:1px solid #d8cedb;border-radius:50%;background:var(--sw)}.avatar3d-swatch small{font-size:8px;color:#827486}.avatar3d-swatch.selected>span{outline:2px solid #ff6b00;box-shadow:0 0 0 2px #fff inset}.avatar3d-preview-panel{position:sticky;top:18px;padding:14px}.avatar3d-preview-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.avatar3d-preview-top>div{display:grid;gap:4px}.avatar3d-preview-top b{font-size:13px;color:#5b4660}.avatar3d-preview-top span{font-size:10px;color:#9c8fa0}.avatar3d-preview-top button{border:1px solid #e4dbe7;background:#fff;border-radius:10px;padding:9px 12px;color:#705978;cursor:pointer}.avatar3d-stage{width:min(100%,620px);aspect-ratio:1/1;margin:auto;border-radius:18px;overflow:hidden;background:#edf1f7;box-shadow:inset 0 0 0 1px #e6eaf0;position:relative}.avatar3d-stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.avatar3d-stage canvas:active{cursor:grabbing}.avatar3d-stage>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#8c7d91;font-size:12px}.avatar3d-presets{padding-top:12px}.avatar3d-presets>b{font-size:10px;color:#6b5870}.avatar3d-presets>div{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}.avatar3d-presets button{border:1px solid #e5dce8;background:#faf8fb;color:#6a5670;border-radius:9px;padding:7px 9px;font:inherit;font-size:9px;cursor:pointer}.avatar3d-presets button:hover{border-color:#ff6b00;color:#ff6b00}.avatar3d-note{display:grid;gap:3px;margin-top:12px;padding:10px 12px;border-radius:11px;background:#faf7fb;border:1px solid #eee7f0}.avatar3d-note b{font-size:9px;color:#644f69}.avatar3d-note span{font-size:8px;line-height:1.45;color:#9a8da0}
@media(max-width:1100px){.avatar3d-builder-grid{grid-template-columns:1fr}.avatar3d-preview-panel{position:relative;top:auto;order:-1}.avatar3d-controls{max-height:none}.avatar3d-stage{width:min(100%,520px)}}
@media(max-width:650px){.avatar3d-builder-grid{gap:12px}.avatar3d-controls,.avatar3d-preview-panel{border-radius:14px;padding:10px}.avatar3d-options{grid-template-columns:repeat(3,minmax(0,1fr))}.avatar3d-option{min-height:68px}.avatar3d-stage{width:min(100%,390px)}.avatar3d-preview-top{align-items:flex-start}.avatar3d-preview-top button{padding:8px}.avatar3d-preview-panel .pack-preview-actions{position:sticky;bottom:66px;background:#fff;padding-top:8px;z-index:20}}


/* ===== Enjambre Avatar Studio 2D v1.22.0 ===== */
.avatar2d-reference-layout{display:grid;grid-template-columns:minmax(420px,.95fr) minmax(560px,1.05fr);gap:18px;align-items:start}
.avatar2d-preview-card,.avatar2d-editor-card,.avatar2d-examples{background:#fff;border:1px solid #e7e1ea;border-radius:18px;overflow:hidden}
.avatar2d-preview-card{padding:16px;position:relative}
.avatar2d-preview-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.avatar2d-preview-head>div{display:grid;gap:4px}.avatar2d-preview-head b{font-size:14px;color:#49344e}.avatar2d-preview-head span{font-size:10px;color:#95899a}
.avatar2d-stage{aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:#eff3fa;display:flex;align-items:center;justify-content:center}
.avatar2d-stage img{width:100%;height:100%;object-fit:cover;display:block}
.avatar2d-stage-tools{position:absolute;left:30px;bottom:30px;display:flex;gap:8px;padding:7px 9px;background:rgba(255,255,255,.92);border:1px solid #e8e1eb;border-radius:13px;box-shadow:0 4px 14px rgba(54,34,61,.07)}
.avatar2d-stage-tools span{width:30px;height:30px;border:1px solid #e8e1eb;border-radius:50%;display:grid;place-items:center;color:#654f6b;font-size:16px}
.avatar2d-editor-card{min-width:0}
.avatar2d-tabs{display:grid;grid-template-columns:repeat(8,1fr);border-bottom:1px solid #e8e1eb;background:#fff}
.avatar2d-tabs button{border:0;border-right:1px solid #f0ebf1;background:#fff;min-width:0;padding:10px 5px 9px;display:grid;justify-items:center;gap:4px;color:#6f6174;cursor:pointer;font:inherit}
.avatar2d-tabs button:last-child{border-right:0}.avatar2d-tabs button i{font-style:normal;font-size:19px;line-height:1}.avatar2d-tabs button span{font-size:9px;white-space:nowrap}
.avatar2d-tabs button.active{color:#ff6b00;box-shadow:inset 0 0 0 2px #ff6b00;border-radius:12px;background:#fffaf7}
.avatar2d-tabpanel{display:none;padding:8px 16px 2px}.avatar2d-tabpanel.active{display:block}
.avatar2d-section{padding:11px 0 14px;border-bottom:1px solid #f0ebf1}.avatar2d-section:last-child{border-bottom:0}.avatar2d-section h3,.avatar2d-quick h3,.avatar2d-examples h3{font-size:12px;color:#403047;margin:0 0 10px}
.avatar2d-face-options,.avatar2d-cheek-options{display:flex;gap:10px;overflow-x:auto;padding:1px}
.avatar2d-thumb-option,.avatar2d-cheek-options button{position:relative;flex:0 0 78px;border:1px solid #e3dce6;border-radius:11px;background:#faf9fb;padding:4px;cursor:pointer;overflow:hidden}
.avatar2d-thumb-option input{position:absolute;opacity:0}.avatar2d-thumb-option img,.avatar2d-cheek-options img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px;display:block}
.avatar2d-thumb-option small,.avatar2d-cheek-options small{display:block;text-align:center;font-size:8px;color:#756879;padding:4px 0 1px}
.avatar2d-thumb-option.selected,.avatar2d-cheek-options button.selected{border-color:#ff6b00;box-shadow:0 0 0 1px #ff6b00 inset;background:#fff}
.avatar2d-nose-options{display:flex;gap:10px;overflow-x:auto}
.avatar2d-nose-options button{flex:0 0 64px;height:58px;border:1px solid #e3dce6;border-radius:10px;background:#faf9fb;display:grid;place-items:center;align-content:center;gap:2px;cursor:pointer}
.avatar2d-nose-options button.selected{border-color:#ff6b00;box-shadow:0 0 0 1px #ff6b00 inset;background:#fff}
.avatar2d-nose-options small{font-size:7px;color:#756879}.nose-shape{width:20px;height:28px;border-radius:48% 48% 55% 55%;background:linear-gradient(145deg,#ffd0b0,#e98f63);box-shadow:inset -3px -2px 5px rgba(135,65,35,.16)}.nose-shape.n0{transform:scale(.76)}.nose-shape.n2{transform:scaleX(1.12)}.nose-shape.n3{border-radius:50%;height:24px}.nose-shape.n4{transform:scaleY(.75)}
.avatar2d-cheek-options button{border:1px solid #e3dce6}.avatar2d-cheek-options img{height:52px;object-position:50% 42%}
.avatar2d-swatches{display:flex;gap:13px;flex-wrap:wrap}.avatar2d-swatches label{display:grid;justify-items:center;gap:5px;cursor:pointer}.avatar2d-swatches input,.avatar2d-simple-options input{position:absolute;opacity:0}.avatar2d-swatches span{width:38px;height:38px;border-radius:50%;background:var(--sw);border:3px solid #fff;outline:1px solid #d9d0dc}.avatar2d-swatches label.selected span{outline:2px solid #ff6b00}.avatar2d-swatches small{font-size:8px;color:#77697b}
.avatar2d-simple-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.avatar2d-simple-options label{border:1px solid #e3dce6;border-radius:11px;padding:13px 8px;text-align:center;cursor:pointer;color:#6b5b70;font-size:10px;background:#faf9fb}.avatar2d-simple-options label.selected{border-color:#ff6b00;box-shadow:0 0 0 1px #ff6b00 inset;background:#fffaf7}
.avatar2d-quick{padding:13px 16px 16px;border-top:1px solid #f0ebf1}.avatar2d-quick>div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.avatar2d-quick button{border:1px solid #e3dce6;border-radius:12px;background:#faf9fb;padding:5px;cursor:pointer;color:#65536a;font:inherit;overflow:hidden}.avatar2d-quick button.selected{border-color:#ff6b00;box-shadow:0 0 0 1px #ff6b00 inset}.avatar2d-quick img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:9px;display:block}.avatar2d-quick span{display:block;font-size:9px;padding:5px 2px 2px}
.avatar2d-examples{grid-column:1/-1;padding:12px 14px}.avatar2d-examples>div{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.avatar2d-examples button{border:1px solid #e3dce6;background:#f7f8fb;border-radius:12px;padding:4px;cursor:pointer;overflow:hidden}.avatar2d-examples button.selected{border-color:#ff6b00;box-shadow:0 0 0 1px #ff6b00 inset}.avatar2d-examples img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:9px;display:block}
.avatar2d-savebar{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;padding:4px 0}.avatar2d-savebar .avatar-primary,.avatar2d-savebar .avatar-secondary{min-width:160px;text-align:center;text-decoration:none}
@media(max-width:1180px){.avatar2d-reference-layout{grid-template-columns:1fr}.avatar2d-preview-card{max-width:650px;width:100%;margin:auto}.avatar2d-examples,.avatar2d-savebar{grid-column:1}.avatar2d-editor-card{order:2}.avatar2d-examples{order:3}.avatar2d-savebar{order:4}}
@media(max-width:650px){.avatar2d-reference-layout{gap:12px}.avatar2d-preview-card{padding:10px;border-radius:14px}.avatar2d-stage-tools{left:20px;bottom:20px}.avatar2d-tabs{overflow-x:auto;display:flex}.avatar2d-tabs button{flex:0 0 70px}.avatar2d-tabpanel{padding:7px 10px 0}.avatar2d-quick{padding:12px 10px}.avatar2d-quick>div{grid-template-columns:repeat(2,1fr)}.avatar2d-examples{padding:10px}.avatar2d-examples>div{grid-template-columns:repeat(4,1fr)}.avatar2d-savebar{position:sticky;bottom:62px;background:#fff;padding:9px;z-index:25;border:1px solid #eee7f0;border-radius:12px}.avatar2d-savebar>*{min-width:0!important;flex:1}.pack-builder-head p{line-height:1.55}}
/* Avatar Studio 2D premium compositor v1.22.2 */
.avatar2d-stage canvas{width:100%;height:100%;display:block;object-fit:cover;background:#eff3fa}
.avatar2d-stage img[hidden]{display:none!important}
.avatar2d-editor-card input[type=radio]{cursor:pointer}
.avatar2d-editor-card label,.avatar2d-editor-card button{cursor:pointer}
/* ===== v1.23.0 · Studio Perfiles por galería ===== */
.profile-gallery-work{padding:26px 30px 48px}.profile-pagehead{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:18px}.profile-pagehead small{color:#ff5a00;letter-spacing:.12em}.profile-pagehead h1{margin:4px 0 2px;font-size:30px;color:#3f3048}.profile-pagehead p{margin:0;color:#8b7f90}.profile-pagehead>label{width:min(340px,100%);color:#5c4b62}.profile-pagehead input{display:block;width:100%;margin-top:7px;padding:14px 16px;border:1px solid #ddd3df;border-radius:14px;font:inherit;background:#fff}.profile-builder{display:grid;grid-template-columns:minmax(320px,42%) minmax(0,58%);gap:20px;align-items:start}.profile-preview-card,.profile-options-card{background:#fff;border:1px solid #e8e0ea;border-radius:20px;overflow:hidden}.profile-preview-card{padding:18px}.profile-preview-title{display:flex;flex-direction:column;gap:4px}.profile-preview-title b{font-size:19px;color:#49374f}.profile-preview-title span{font-size:13px;color:#978a9a}.profile-preview-stage{margin-top:14px;background:#eef3fa;border-radius:18px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}.profile-preview-stage img{width:100%;height:100%;object-fit:cover}.profile-preview-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:15px}.profile-preview-meta>div{display:flex;flex-direction:column;min-width:0}.profile-preview-meta small{font-size:10px;letter-spacing:.08em;color:#a08fa3}.profile-preview-meta b{color:#45324b}.profile-preview-meta span{font-size:12px;color:#8e8291;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-role-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid #eee7ef}.profile-role-tabs button{border:0;border-right:1px solid #eee7ef;background:#fff;padding:14px 8px;color:#5d4d63;cursor:pointer;min-height:76px}.profile-role-tabs button:last-child{border-right:0}.profile-role-tabs button i{display:block;font-style:normal;font-size:21px;margin-bottom:5px}.profile-role-tabs button span{font-size:12px}.profile-role-tabs button.selected{color:#ff5a00;box-shadow:inset 0 -3px #ff5a00;background:#fffaf7}.profile-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0 20px}.profile-filter{padding:17px 0;border-bottom:1px solid #f0eaf1}.profile-filter:nth-child(odd){padding-right:16px}.profile-filter:nth-child(even){padding-left:16px;border-left:1px solid #f0eaf1}.profile-filter-wide{grid-column:1/-1;padding-left:0!important;border-left:0!important}.profile-filter h3{font-size:14px;margin:0 0 10px;color:#49374f}.profile-filter>div{display:flex;gap:8px;flex-wrap:wrap}.profile-filter button{border:1px solid #e2d9e4;background:#fff;border-radius:11px;padding:8px 11px;min-width:64px;color:#67576b;cursor:pointer;font:inherit;font-size:12px}.profile-filter button.selected{border:2px solid #ff6200;padding:7px 10px;color:#ff5a00;background:#fffaf7}.profile-filter button span{display:block}.eye-swatch{display:block;width:28px;height:28px;border-radius:50%;margin:0 auto 4px;border:3px solid #f2edf3;box-shadow:0 0 0 1px #d8ceda}.eye-marron{background:#5b3827}.eye-avellana{background:#9a742c}.eye-azul{background:#3d8db5}.eye-verde{background:#4f9568}.eye-gris{background:#7e8b91}.profile-available{padding:17px 20px}.profile-available>div:first-child{display:flex;flex-direction:column;margin-bottom:10px}.profile-available b{color:#49374f}.profile-available span{font-size:12px;color:#958899}.profile-available>div:last-child{display:flex;gap:10px;overflow-x:auto;padding-bottom:5px}.profile-available button{flex:0 0 86px;border:1px solid #e5dce7;background:#fff;border-radius:13px;padding:5px;cursor:pointer}.profile-available button.selected{border:2px solid #ff6200;padding:4px}.profile-available img{display:block;width:74px;height:74px;object-fit:cover;border-radius:9px}.profile-available button span{display:block;margin-top:4px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-flash a{color:inherit;font-weight:700;margin-left:8px}@media(max-width:1050px){.profile-builder{grid-template-columns:1fr}.profile-preview-card{max-width:620px}.profile-role-tabs{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.profile-gallery-work{padding:18px 14px 34px}.profile-pagehead{display:block}.profile-pagehead>label{display:block;margin-top:15px}.profile-builder{display:block}.profile-options-card{margin-top:15px}.profile-role-tabs{grid-template-columns:repeat(2,1fr)}.profile-filter-grid{grid-template-columns:1fr;padding:0 14px}.profile-filter,.profile-filter:nth-child(odd),.profile-filter:nth-child(even){padding:14px 0;border-left:0}.profile-filter-wide{grid-column:auto}.profile-preview-meta{align-items:flex-start;flex-direction:column}.profile-preview-meta .avatar-primary{width:100%}}
/* Enjambre 3.0 v1.24.0 · Perfiles 3D HD pre-renderizados */
.profile-gallery-page .profile-builder{grid-template-columns:minmax(320px,38%) minmax(0,62%)}
.profile-gallery-page .profile-preview-card{max-width:560px}
.profile-gallery-page .profile-preview-stage{background:#dccaf8;max-width:520px;margin-left:auto;margin-right:auto}
.profile-gallery-page .profile-preview-stage img{width:100%;height:100%;object-fit:contain;image-rendering:auto}
.profile-gallery-page .profile-eye-image-option{padding:5px!important;min-width:74px!important}
.profile-gallery-page .profile-eye-image-option.selected{padding:4px!important}
.profile-gallery-page .profile-eye-image-option img{display:block;width:54px;height:54px;object-fit:cover;border-radius:9px;margin:0 auto 4px;background:#dccaf8}
.profile-gallery-page .profile-available img{background:#dccaf8}
@media(max-width:1050px){.profile-gallery-page .profile-builder{grid-template-columns:1fr}.profile-gallery-page .profile-preview-card{max-width:620px}}
/* v1.24.1 · Perfiles HD: vista previa nítida y sin escalado deformante */
.profile-gallery-page .profile-preview-stage{max-width:500px;aspect-ratio:1/1;background:#dccaf8}
.profile-gallery-page .profile-preview-stage img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;image-rendering:auto;transform:translateZ(0);backface-visibility:hidden}
.profile-gallery-page .profile-available img,.profile-gallery-page .profile-eye-image-option img{image-rendering:auto;object-fit:cover;object-position:center}
/* v1.24.2 — Profile gallery safety: images are displayed verbatim. */
.profile-gallery-page .profile-preview-stage img,
.profile-gallery-page .profile-eye-image-option img,
.profile-gallery-page #profileThumbs img{
  filter:none !important;
  mix-blend-mode:normal !important;
  opacity:1 !important;
  transform:none !important;
  image-rendering:auto !important;
}
.profile-gallery-page .profile-preview-stage{background:#dccaf8 !important;}
.profile-gallery-page .profile-preview-stage img{width:100%;height:100%;object-fit:contain !important;object-position:center center;}
/* v1.28.0 — Identificador automático de formularios */
.identifier-config{display:none;margin:12px 0;padding:14px;border:1px solid #eadff6;border-radius:14px;background:#fbf8ff}.identifier-config.show{display:block}.identifier-config>p{margin:4px 0 12px;color:#746b7c;font-size:13px}.identifier-config>small{display:block;margin-top:8px;color:#81758a;line-height:1.35}.identifier-demo{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:1px dashed #cbb4e5;border-radius:10px;background:#faf6ff;font-weight:700;color:#6f2ba8}.identifier-demo small{font-weight:400;color:#7d7384}.dynamic-identifier{display:flex;flex-direction:column;gap:5px}.dynamic-identifier input{background:#f6f2fa!important;color:#6f2ba8!important;font-weight:700}.dynamic-identifier small{font-size:12px;color:#7e7485}


/* v1.29.2 — Vista previa estable para formularios largos */
.form-preview-backdrop{padding:clamp(8px,1.5vw,20px);align-items:center;justify-content:center}
.form-preview-modal{width:min(1500px,calc(100vw - 20px));height:min(920px,calc(100dvh - 20px));max-height:calc(100dvh - 20px);display:flex;flex-direction:column;overflow:hidden;background:#f6f4f7}
.form-preview-head{height:auto;min-height:72px;flex:0 0 auto;position:relative;z-index:3;padding:14px 24px;background:#fff;box-sizing:border-box}
.form-preview-stage{height:auto!important;flex:1 1 0;min-height:0;overflow-y:auto!important;overflow-x:hidden;padding:24px;scrollbar-gutter:stable;display:block!important;box-sizing:border-box;overscroll-behavior:contain}
.form-preview-sheet{display:block;width:min(1120px,100%);height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:30px 38px 42px;margin:0 auto;background:#fff;border-radius:12px;box-sizing:border-box;box-shadow:0 6px 24px rgba(45,25,55,.06)}
.form-preview-sheet .preview-fields-grid{height:auto!important;min-height:0!important;overflow:visible!important}
.form-preview-sheet.mobile{width:min(390px,100%);padding:24px 18px 34px}
.identifier-demo{border:1px solid #ddd4e1;border-radius:8px;background:#f8f5fa;padding:11px 12px;font:600 10px Montserrat;color:#4a3d51;display:flex;flex-direction:column;gap:4px}
.identifier-demo small{font:400 8px Montserrat;color:#8a7f90}
@media(max-width:760px){
 .form-preview-backdrop{padding:0}
 .form-preview-modal{width:100vw;height:100dvh;max-height:none;border-radius:0}
 .form-preview-head{min-height:66px;padding:10px 14px;gap:10px}
 .form-preview-head h2{font-size:13px}
 .preview-device-switch{gap:4px}
 .preview-device-switch button{padding:7px 8px}
 .form-preview-stage{padding:14px 10px}
 .form-preview-sheet{width:100%;padding:22px 16px 30px;border-radius:10px}
 .form-preview-sheet h1{font-size:18px}
 .preview-fields-grid{display:block}
 .preview-fields-grid .preview-question{margin-bottom:16px}
}
/* Enjambre 3.0 v1.30.0 · formulario como origen de caso */
.case-origin-config{margin:14px 0 18px;padding:18px 20px;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(255,255,255,.035);display:grid;grid-template-columns:minmax(220px,.8fr) minmax(420px,1.4fr);gap:24px;align-items:start}.case-origin-config small{font-size:10px;letter-spacing:.12em;opacity:.65}.case-origin-config h3{margin:4px 0 5px;font-size:16px}.case-origin-config p{margin:0;opacity:.68;font-size:12px;line-height:1.45}.case-origin-config form{display:flex;flex-direction:column;gap:12px}.case-origin-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.case-origin-grid label,#originLaunchGroup{display:flex;flex-direction:column;gap:5px;font-size:11px}.case-origin-grid input,.case-origin-grid select{width:100%;min-height:38px;border-radius:9px}.origin-toggle{font-weight:600}.case-origin-config .builder-save{align-self:flex-end}.origin-case-dialog{width:min(900px,94vw);max-height:90dvh}.origin-case-dialog form{max-height:90dvh;display:flex;flex-direction:column}.origin-case-dialog .dynamic-form-grid{overflow-y:auto;padding:18px 22px;grid-template-columns:repeat(2,minmax(0,1fr))}.origin-case-dialog .origin-section,.origin-case-dialog .origin-separator{grid-column:1/-1}.origin-case-dialog footer{flex:0 0 auto}.origin-case-dialog header{flex:0 0 auto}.origin-case-dialog .dynamic-identifier input{opacity:.75}.inbox360-create{white-space:nowrap}
@media(max-width:850px){.case-origin-config{grid-template-columns:1fr}.case-origin-grid{grid-template-columns:1fr}.origin-case-dialog .dynamic-form-grid{grid-template-columns:1fr}}

/* v1.30.1 - estado visible de formulario origen */
.origin-linked-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border-radius:999px;background:#e5f7ec;color:#147a3f;font-size:12px;font-weight:600;white-space:nowrap}.origin-not-linked{color:#aaa}
/* v1.31.1 UI refinements: compact form linking + group tools */
.builder-top-actions{display:flex;align-items:center;gap:10px}.builder-link{border:0;border-radius:9px;padding:10px 16px;background:#7A1FA2;color:#fff;font:inherit;font-size:12px;cursor:pointer}.builder-link:hover{filter:brightness(.96)}
.origin-link-modal{width:min(760px,calc(100vw - 32px))}.origin-modal-body{padding:18px 22px}.origin-modal-note{margin:0 0 18px;padding:12px 14px;border-radius:10px;background:#f6effa;color:#674276;font-size:11px;line-height:1.45}.origin-modal-toggle{display:flex;align-items:flex-start;gap:11px;margin-bottom:18px}.origin-modal-toggle input{width:18px;height:18px;accent-color:#7A1FA2;margin-top:2px}.origin-modal-toggle b,.origin-modal-toggle small{display:block}.origin-modal-toggle b{font-size:13px}.origin-modal-toggle small{margin-top:3px;color:#918497;font-size:10px}.origin-link-modal .case-origin-grid{grid-template-columns:1fr 1fr;gap:14px}.origin-link-modal .case-origin-grid label{font-size:11px}.origin-link-modal .case-origin-grid input,.origin-link-modal .case-origin-grid select{border:1px solid #ded5e1;padding:10px 11px;background:#fff}.origin-link-modal .origin-queue{grid-column:1/-1}.origin-link-modal .origin-save{background:#7A1FA2}.group-operational-config{grid-template-columns:minmax(0,1.5fr) minmax(180px,.7fr);align-items:start;padding:14px 16px}.group-form-selector{min-width:0}.group-field-label{display:block;font-size:11px;margin-bottom:7px}.group-form-chips{display:flex;gap:7px;flex-wrap:wrap;min-height:38px;padding:5px;border:1px solid #ded6e1;border-radius:9px;background:#fff}.group-form-chip{position:relative;margin:0!important}.group-form-chip input{position:absolute;opacity:0;pointer-events:none}.group-form-chip span{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border:1px solid #e6dce9;border-radius:7px;background:#faf7fb;color:#65576b;font-size:10px;cursor:pointer}.group-form-chip input:checked+span{background:#f0e3f5;border-color:#7A1FA2;color:#6f2585;font-weight:600}.group-form-selector>small{display:block;margin-top:5px!important;font-size:9px;color:#9a8d9f}.group-options .group-option>span:last-child{margin-left:14px;margin-right:8px;flex:0 0 auto}
@media(max-width:850px){.builder-top-actions{gap:6px}.builder-link{padding:9px 11px}.origin-link-modal .case-origin-grid,.group-operational-config{grid-template-columns:1fr}.origin-link-modal .origin-queue{grid-column:auto}}

/* v1.31.2 - Grupo: modal desplazable y SLA alineado */
#groupModal.group-modal-backdrop{overflow:hidden!important;padding:18px!important}
#groupModal .group-modal{width:min(820px,calc(100vw - 36px));max-height:calc(100dvh - 36px);display:flex;flex-direction:column;overflow:hidden!important;border-radius:14px}
#groupModal .group-modal-head{flex:0 0 auto;min-height:68px;height:auto;padding:14px 24px}
#groupModal #groupForm{display:flex;flex-direction:column;min-height:0;flex:1 1 auto;overflow:hidden}
#groupModal .group-form{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 24px 24px;scrollbar-gutter:stable}
#groupModal .group-modal-foot{position:relative!important;flex:0 0 auto;min-height:64px!important;height:auto!important;padding:12px 24px!important;background:#fff;z-index:5}
#groupModal .group-operational-config{grid-template-columns:minmax(0,1.45fr) minmax(220px,.75fr);gap:16px;align-items:end;padding:15px 16px}
#groupModal .group-operational-config>div:first-child{grid-column:1/-1}
#groupModal .group-form-selector{align-self:end}
#groupModal .group-operational-config>label{display:flex;flex-direction:column;gap:7px;margin:0;color:#4e4254;font-size:10px}
#groupModal #groupSla{width:100%;height:42px;margin:0;border:1px solid #7A1FA2;border-radius:8px;padding:0 34px 0 12px;background:#fff;color:#6d2780;font:500 10.5px 'Montserrat','Segoe UI',Arial,sans-serif;outline:none;box-shadow:0 0 0 3px rgba(122,31,162,.05);accent-color:#7A1FA2}
#groupModal #groupSla:focus{border-color:#7A1FA2;box-shadow:0 0 0 3px rgba(122,31,162,.12)}
#groupModal .group-form-chips{min-height:42px;align-items:center}
#groupModal .group-option{min-height:58px}
@media(max-width:850px){
 #groupModal.group-modal-backdrop{padding:0!important;align-items:flex-end!important}
 #groupModal .group-modal{width:100%!important;max-height:92dvh!important;border-radius:16px 16px 0 0!important}
 #groupModal .group-operational-config{grid-template-columns:1fr}
 #groupModal .group-modal-foot{position:relative!important}
}

/* v1.31.3 - Expediente acumulativo de formularios del caso */
.history-form-dialog .history-form-shell{padding:0;display:flex;flex-direction:column;max-height:calc(100dvh - 32px)}
.history-form-dialog header{flex:0 0 auto}
.history-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:17px 19px;overflow-y:auto;min-height:0}
.history-form-value{border:1px solid #eee7f0;background:#fcfafd;border-radius:9px;padding:10px 12px;min-width:0}
.history-form-value span{display:block;color:#95889b;font-size:10px;margin-bottom:5px}
.history-form-value b{display:block;color:#46394d;font-size:11px;font-weight:500;line-height:1.45;overflow-wrap:anywhere}
.history-form-section{grid-column:1/-1;border-bottom:1px solid #e8dfea;padding:8px 2px 5px;color:#7A1FA2;font-size:11px}
.history-form-dialog footer{flex:0 0 auto;background:#fff}
@media(max-width:700px){.history-form-grid{grid-template-columns:1fr;padding:14px}.history-form-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.history-form-cards article{align-items:flex-start;gap:9px;flex-direction:column}.history-form-cards article button{width:100%}}
/* v1.31.4 · visualización del formulario de origen */
.origin-view-mode{grid-column:1/-1;border-top:1px solid #eee5f1;padding-top:14px;margin-top:2px}.origin-view-mode>span{display:block;font-size:12px;color:#44354b;margin-bottom:8px}.origin-view-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.origin-view-options label{display:grid!important;grid-template-columns:22px 1fr;align-items:start;gap:2px 8px!important;margin:0!important;padding:12px;border:1px solid #e4d9e8;border-radius:10px;background:#fff}.origin-view-options input{grid-row:1/3;margin:3px 0 0}.origin-view-options b{font-size:11px}.origin-view-options small{font-size:9px;color:#8d7e94;line-height:1.35}.origin-view-mode>p{font-size:9px;color:#8b7d91;margin:8px 0 0}.origin-case-readonly{padding:18px;min-height:430px}.origin-case-readonly-head{padding:0 0 13px;border-bottom:1px solid #eee7f0}.origin-case-readonly-head small,.origin-text-card small{color:#7A1FA2;font-size:9px;letter-spacing:.6px}.origin-case-readonly-head h3,.origin-text-card h3{margin:4px 0;font-size:15px}.origin-case-readonly-head span,.origin-text-card header span{font-size:9px;color:#95889b}.origin-inline-grid{max-height:58vh;overflow:auto;padding:16px 0}.origin-text-conversation{padding:18px}.origin-text-card{max-width:850px;background:#fff;border:1px solid #e9e0ec;border-radius:12px;padding:16px;box-shadow:0 7px 20px #4c31500d}.origin-text-card header{border-bottom:1px solid #eee7f0;padding-bottom:10px;margin-bottom:10px}.origin-text-card p{margin:0;padding:7px 0;border-bottom:1px solid #f2edf3;font-size:11px;line-height:1.45}.origin-text-card p b{color:#4d3a55}.origin-text-card h4{margin:13px 0 4px;color:#7A1FA2;font-size:11px}.case-message-locked{padding:11px 15px;border-top:1px solid #eee7f0;background:#faf7fb;color:#7c6d82;font-size:10px;text-align:center}
@media(max-width:720px){.origin-view-options{grid-template-columns:1fr}.origin-case-readonly{padding:12px}.origin-inline-grid{grid-template-columns:1fr!important}.origin-text-conversation{padding:12px}.origin-text-card{padding:12px}.case-message-locked{font-size:9px}}

/* v1.31.7 · eliminación de casos por permiso */
.inbox360-bulk .bulk-delete{background:#ff6b00;color:#fff;border-color:#ff6b00;font-weight:600}.inbox360-bulk .bulk-delete:hover:not(:disabled){background:#e95f00;border-color:#e95f00}.inbox360-bulk .bulk-delete:disabled{background:#ffd8bc;color:#fff;border-color:#ffd8bc;opacity:.72}

/* v1.32.1 - permisos jerarquicos de agentes */
.permission-sections{display:grid;gap:10px}.permission-section{border:1px solid #e6e1e9;border-radius:9px;background:#fff;overflow:hidden}.permission-section summary{cursor:pointer;list-style:none;padding:12px 14px;font-size:11px;font-weight:500;color:#4a3a54;display:flex;align-items:center;justify-content:space-between;background:#faf8fb}.permission-section summary::-webkit-details-marker{display:none}.permission-section summary span{font-size:9px;font-weight:400;color:#8e8295}.permission-section .permission-grid{padding:10px}.permission-section[open] summary{color:#6f278b;border-bottom:1px solid #eee8f1}.agent-step-pane[data-pane="3"]{max-height:58vh}.agent-step-pane[data-pane="3"] .permission-intro{position:sticky;top:-24px;z-index:3;background:#fff;padding:10px 0 12px}.agent-step-pane[data-pane="3"] .permission-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.agent-step-pane[data-pane="3"] .permission-grid{grid-template-columns:1fr}.permission-intro{align-items:stretch;flex-direction:column}.permission-intro label{width:100%}}

/* v1.32.2 - alta de agentes: campos neutros y navegación libre entre pasos */
.agent-form-grid input,.agent-form-grid select{background:#fff!important}.agent-form-grid input:-webkit-autofill,.agent-form-grid input:-webkit-autofill:hover,.agent-form-grid input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#3e3545!important;transition:background-color 9999s ease-out 0s}
\n\n/* v1.32.4 · Navegación operativa compacta */\n.operation-sidebar{padding-top:10px!important;padding-bottom:10px!important}\n.operation-sidebar .aux-status-box{margin-bottom:5px!important}\n.operation-sidebar .aux-status-current{min-height:48px!important;height:48px!important;padding:6px 10px!important}\n.operation-sidebar .aux-status-copy b{font-size:10.5px!important}\n.operation-sidebar .aux-status-copy small{font-size:8px!important;margin-top:1px!important}\n.operation-sidebar .side-title{padding-top:7px!important;padding-bottom:7px!important}\n.operation-sidebar .my-cases-title{margin-top:3px!important;padding-top:8px!important}\n.operation-sidebar .my-cases-nav{margin-bottom:4px!important;padding-bottom:5px!important}\n.operation-sidebar .my-cases-campaign.single-campaign{padding:0 0 2px!important}\n.operation-sidebar .my-cases-campaign>a{min-height:24px!important;padding-top:2px!important;padding-bottom:2px!important}\n.operation-sidebar .my-cases-campaign.single-campaign>a{padding-left:20px!important}\n.operation-sidebar .my-cases-campaign>a em{height:18px!important;min-width:22px!important;font-size:9px!important}\n.operation-sidebar .campaign-nav{padding:2px 0!important}\n.operation-sidebar .campaign-nav.single-campaign{border-top:0!important}\n.operation-sidebar .campaign-nav.single-campaign>.campaign-links{padding-top:0!important}\n.operation-sidebar .campaign-links{padding-bottom:2px!important}\n.operation-sidebar .operation-stream{margin:0!important}\n.operation-sidebar .operation-stream-toggle{min-height:29px!important}\n.operation-sidebar .operation-stream-main{padding-top:3px!important;padding-bottom:3px!important}\n.operation-sidebar .operation-stream-main svg{width:16px!important;height:16px!important}\n.operation-sidebar .stream-chevron{height:27px!important}\n.operation-sidebar .operation-stream-states{padding-bottom:1px!important}\n.operation-sidebar .operation-stream-states a{min-height:23px!important;padding-top:2px!important;padding-bottom:2px!important;font-size:9.5px!important}\n.operation-sidebar .operation-stream-states em{font-size:9px!important}\n

/* v1.32.5 · Estado auxiliar delgado + campaña visible/desplegable */
.operation-sidebar .aux-status-box{padding-bottom:7px!important;margin-bottom:5px!important}
.operation-sidebar .aux-status-current{min-height:38px!important;height:38px!important;padding:4px 9px!important;grid-template-columns:18px 1fr 16px!important;gap:7px!important}
.operation-sidebar .aux-status-symbol{width:18px!important;height:18px!important;font-size:13px!important}
.operation-sidebar .aux-status-copy{gap:0!important}
.operation-sidebar .aux-status-copy b{font-size:10px!important;line-height:1.1!important}
.operation-sidebar .aux-status-copy small{font-size:7.5px!important;line-height:1.05!important}
.operation-sidebar .aux-status-menu{top:42px!important}
.operation-sidebar .campaign-nav.single-campaign>.campaign-toggle{display:grid!important}
.operation-sidebar .campaign-toggle{min-height:31px!important;padding:4px 4px 5px!important}
.operation-sidebar .campaign-toggle b{font-size:11.5px!important}
.operation-sidebar .campaign-dot{width:7px!important;height:7px!important}
.operation-sidebar .campaign-nav.collapsed .campaign-links{display:none!important}
.operation-sidebar .campaign-nav.collapsed .chev{transform:rotate(-90deg)!important}

/* v1.32.6 · Mis casos compactos + alerta de respuesta del cliente */
.my-cases-compact{border-top:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.10);margin:6px 0 5px;padding:2px 0 5px}
.my-cases-toggle{width:100%;border:0;background:transparent;color:inherit;display:flex;align-items:center;justify-content:space-between;padding:7px 4px;font:inherit;text-transform:uppercase;letter-spacing:.35px;font-size:11px;cursor:pointer}
.my-cases-toggle .chev{transition:transform .18s ease}.my-cases-toggle[aria-expanded="true"] .chev{transform:rotate(180deg)}
.my-cases-nav.collapsed-content{display:none}.my-cases-nav.collapsed-content.open{display:block}
.my-cases-reply-alert{display:flex!important;align-items:center;justify-content:space-between;min-height:29px!important;margin:1px 3px 4px;padding:4px 8px!important;border-radius:7px;background:rgba(255,107,0,.16)!important;color:#fff!important;text-decoration:none;font-size:10px;font-weight:600;animation:replyRowPulse 1.5s ease-in-out infinite}
.my-cases-reply-alert span{display:flex;align-items:center;gap:7px}.my-cases-reply-alert i{width:7px;height:7px;border-radius:50%;background:#ff6b00;box-shadow:0 0 0 4px rgba(255,107,0,.13)}
.my-cases-reply-alert em{font-style:normal;min-width:22px;height:18px;border-radius:10px;background:#ff6b00;color:#fff;display:grid;place-items:center}
@keyframes replyRowPulse{0%,100%{background:rgba(255,107,0,.12)}50%{background:rgba(255,107,0,.30)}}
.customer-reply-wrap{position:relative}.customer-reply-bell strong{position:absolute;right:2px;top:0;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:#ff6b00;color:#fff;font-size:9px;line-height:17px;text-align:center}
.customer-reply-bell.has-replies{animation:replyBellBlink 1s ease-in-out infinite}.customer-reply-bell.has-replies .notify-dot{display:block;background:#ff6b00}
@keyframes replyBellBlink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.42;transform:scale(.94)}}
.reply-alert-menu{display:none;position:absolute;right:0;top:46px;width:330px;max-height:390px;overflow:auto;background:#fff;border:1px solid #e7dfe9;border-radius:12px;box-shadow:0 18px 45px rgba(42,25,48,.22);z-index:1200;color:#3d3143}.reply-alert-menu.open{display:block}
.reply-alert-menu header{padding:12px 13px;border-bottom:1px solid #eee7f0;display:flex;justify-content:space-between;gap:8px}.reply-alert-menu header b{font-size:11px}.reply-alert-menu header small{font-size:9px;color:#8d8094}
.reply-alert-menu #replyAlertItems>a{display:flex;justify-content:space-between;gap:10px;padding:10px 13px;text-decoration:none;color:#46394d;border-bottom:1px solid #f2edf3}.reply-alert-menu #replyAlertItems>a:hover{background:#fcf8fd}.reply-alert-menu #replyAlertItems span{min-width:0}.reply-alert-menu #replyAlertItems b,.reply-alert-menu #replyAlertItems small{display:block}.reply-alert-menu #replyAlertItems b{font-size:10px}.reply-alert-menu #replyAlertItems small{font-size:9px;color:#8d8094;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.reply-alert-menu #replyAlertItems em{font-style:normal;color:#7A1FA2;font-size:9px;align-self:center}.reply-all-alerts{display:block;padding:9px 13px;text-align:center;text-decoration:none;color:#7A1FA2;font-size:9px}
body.ui-theme-light .my-cases-compact{border-color:rgba(75,43,91,.10)}body.ui-theme-light .my-cases-reply-alert{color:#5b286f!important}
@media(max-width:720px){.reply-alert-menu{position:fixed;left:12px;right:12px;top:68px;width:auto;max-height:55vh}}

/* v1.32.7 · Contadores naranja solo en plantilla degradada */
body.ui-theme-gradient .operation-sidebar .operation-stream-main em{
  display:inline-grid;
  place-items:center;
  min-width:28px;
  height:20px;
  padding:0 7px;
  border-radius:999px;
  background:#ff6b00!important;
  color:#fff!important;
  font-weight:700;
  line-height:20px;
}


/* v1.33.1 — Normalización integral de Temas de Navegación */
/* Evita pérdida de contraste y hace que los cuatro temas gobiernen las tres navegaciones. */
body.ui-theme-dark .operation-sidebar,
body.ui-theme-dark .campaign-config-sidebar,
body.ui-theme-dark .platform-sidebar{background:linear-gradient(180deg,#241E2E 0%,#211A2A 58%,#1E1827 100%)!important;color:#fff!important}
body.ui-theme-light .operation-sidebar,
body.ui-theme-light .campaign-config-sidebar,
body.ui-theme-light .platform-sidebar{background:linear-gradient(180deg,#F3E8F7 0%,#EADCF0 100%)!important;color:#382A42!important}
body.ui-theme-orange .operation-sidebar,
body.ui-theme-orange .campaign-config-sidebar,
body.ui-theme-orange .platform-sidebar{background:linear-gradient(180deg,#FF6B00 0%,#F05B16 100%)!important;color:#fff!important}
body.ui-theme-gradient .operation-sidebar,
body.ui-theme-gradient .campaign-config-sidebar,
body.ui-theme-gradient .platform-sidebar{background:linear-gradient(180deg,#FF6B00 0%,#D52A70 48%,#7A1FA2 100%)!important;color:#fff!important}

body.ui-theme-orange :is(.side-title,.side-title small,.campaign-toggle,.chev,.operation-stream-toggle,.operation-stream-toggle em,.operation-stream-toggle i,.operation-stream-states a,.operation-stream-states em),
body.ui-theme-gradient :is(.side-title,.side-title small,.campaign-toggle,.chev,.operation-stream-toggle,.operation-stream-toggle em,.operation-stream-toggle i,.operation-stream-states a,.operation-stream-states em){color:#fff!important}
body.ui-theme-orange .operation-stream-toggle svg,body.ui-theme-gradient .operation-stream-toggle svg{stroke:#fff!important}
body.ui-theme-orange :is(.operation-stream-toggle,.operation-stream-states a):hover,
body.ui-theme-gradient :is(.operation-stream-toggle,.operation-stream-states a):hover{background:rgba(255,255,255,.14)!important}
body.ui-theme-orange .aux-status-box,body.ui-theme-gradient .aux-status-box{background:rgba(55,20,15,.18)!important;border-color:rgba(255,255,255,.28)!important}
body.ui-theme-orange :is(.aux-status-current,.aux-status-current b,.aux-status-current small,.aux-status-chevron),
body.ui-theme-gradient :is(.aux-status-current,.aux-status-current b,.aux-status-current small,.aux-status-chevron){color:#fff!important}

body.ui-theme-orange .campaign-config-sidebar :is(.campaign-config-item,.campaign-config-item span,.campaign-config-item i,.campaign-config-item b,.campaign-sub-link,.campaign-sub-link span,.campaign-config-select,.campaign-config-select span),
body.ui-theme-gradient .campaign-config-sidebar :is(.campaign-config-item,.campaign-config-item span,.campaign-config-item i,.campaign-config-item b,.campaign-sub-link,.campaign-sub-link span,.campaign-config-select,.campaign-config-select span){color:#fff!important;opacity:1!important}
body.ui-theme-orange .campaign-config-sidebar select,body.ui-theme-gradient .campaign-config-sidebar select{background:rgba(38,19,35,.22)!important;color:#fff!important;border-color:rgba(255,255,255,.30)!important}
body.ui-theme-orange .campaign-config-sidebar select option,body.ui-theme-gradient .campaign-config-sidebar select option{background:#fff!important;color:#3b2d40!important}
body.ui-theme-orange .campaign-config-sidebar :is(.campaign-config-item,.campaign-sub-link):hover,
body.ui-theme-orange .campaign-config-sidebar :is(.campaign-config-item,.campaign-sub-link).active,
body.ui-theme-gradient .campaign-config-sidebar :is(.campaign-config-item,.campaign-sub-link):hover,
body.ui-theme-gradient .campaign-config-sidebar :is(.campaign-config-item,.campaign-sub-link).active{background:rgba(255,255,255,.14)!important;color:#fff!important}

body.ui-theme-orange .platform-sidebar :is(.platform-nav,.platform-nav i,.platform-nav b,.platform-sub a),
body.ui-theme-gradient .platform-sidebar :is(.platform-nav,.platform-nav i,.platform-nav b,.platform-sub a){color:#fff!important}
body.ui-theme-orange .platform-sidebar .platform-nav svg,body.ui-theme-gradient .platform-sidebar .platform-nav svg{stroke:#fff!important}
body.ui-theme-orange .platform-sidebar :is(.platform-nav,.platform-sub a):hover,
body.ui-theme-orange .platform-sidebar .platform-nav.active,
body.ui-theme-gradient .platform-sidebar :is(.platform-nav,.platform-sub a):hover,
body.ui-theme-gradient .platform-sidebar .platform-nav.active{background:rgba(255,255,255,.14)!important;color:#fff!important}

/* El selector de temas siempre permanece legible independientemente del tema activo. */
.account-menu,.theme-menu{background:#fff!important;color:#352C3B!important}
.account-theme-grid button,.theme-menu button{color:#493C52!important}
.account-theme-grid button.active,.theme-menu button.active{background:#F6F0F8!important;border-color:#DCC9E4!important}

/* v1.33.2 — Restauración visual del Tema Naranja
   Naranja y Degradado son plantillas independientes. El tema Naranja
   conserva una navegación naranja uniforme, sin heredar magenta/fucsia. */
body.ui-theme-orange .operation-sidebar,
body.ui-theme-orange .campaign-config-sidebar,
body.ui-theme-orange .platform-sidebar{
  background:#F45B16!important;
  background-image:none!important;
  color:#fff!important;
}
body.ui-theme-orange .operation-sidebar::before,
body.ui-theme-orange .campaign-config-sidebar::before,
body.ui-theme-orange .platform-sidebar::before{
  background:none!important;
}
body.ui-theme-orange :is(.operation-stream-toggle,.operation-stream-states a,.campaign-toggle,.my-cases-nav a,.campaign-config-item,.campaign-sub-link,.platform-nav,.platform-sub a):hover{
  background:rgba(255,255,255,.12)!important;
}
body.ui-theme-orange :is(.operation-stream-toggle,.operation-stream-states a,.campaign-config-item,.campaign-sub-link,.platform-nav,.platform-sub a).active{
  background:rgba(180,62,0,.20)!important;
}
body.ui-theme-orange .aux-status-box{
  background:rgba(174,59,0,.20)!important;
  border-color:rgba(255,255,255,.25)!important;
}

/* v1.33.3 — Restauración del degradado lateral original
   Recupera la apariencia aprobada: morado carbón en la zona superior
   y transición progresiva a magenta en la parte inferior. */
body.ui-theme-gradient .operation-sidebar,
body.ui-theme-gradient .campaign-config-sidebar,
body.ui-theme-gradient .platform-sidebar{
  background:#241E2E!important;
  background-image:linear-gradient(180deg,#241E2E 0%,#3B2037 28%,#672148 58%,#98205F 80%,#C21E7B 100%)!important;
  color:#fff!important;
}
body.ui-theme-gradient .operation-sidebar::before,
body.ui-theme-gradient .campaign-config-sidebar::before,
body.ui-theme-gradient .platform-sidebar::before{
  background:none!important;
}
/* v1.34.2 — Enjambre Mobile / App Factory */
.mobile-app-tool svg{width:24px;height:24px}.mobile-factory-shell{min-height:calc(100vh - 81px);display:grid;grid-template-columns:260px 1fr;background:#f5f6fb}.mobile-factory-side{padding:28px 14px;background:linear-gradient(180deg,#241e2e,#3b2037 45%,#98205f);color:#fff}.mobile-factory-side h2{padding:0 18px 24px;margin:0;font-size:18px}.mobile-factory-side a{display:block;color:#fff;text-decoration:none;padding:13px 18px;border-radius:9px;margin:5px 0;opacity:.9}.mobile-factory-side a:hover,.mobile-factory-side a.active{background:rgba(255,255,255,.14);opacity:1}.mobile-factory-main{padding:28px;max-width:1450px;width:100%;box-sizing:border-box}.mf-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.mf-head h1,.mobile-hero h1{margin:4px 0 5px;color:#17152b}.mf-head p,.mobile-hero p,.mf-muted{color:#667085}.mf-primary{display:inline-block;border:0;border-radius:9px;padding:12px 22px;background:linear-gradient(135deg,#7b35e8,#5a2cc8);color:#fff;text-decoration:none;font:inherit;cursor:pointer}.mf-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.mf-kpis article,.mf-card,.mobile-hero{background:#fff;border:1px solid #e5e7ef;border-radius:14px;box-shadow:0 4px 18px rgba(25,18,56,.04)}.mf-kpis article{padding:18px}.mf-kpis b{font-size:24px;display:block}.mf-kpis span{color:#697386;font-size:13px}.mf-card{padding:22px;margin-bottom:18px}.mf-card h2{margin:0 0 16px}.mf-app-row{display:grid;grid-template-columns:48px 1fr auto 110px;gap:14px;align-items:center;padding:13px 5px;border-top:1px solid #eceef4;text-decoration:none;color:#25223a}.mf-app-row small{display:block;color:#74798a;margin-top:3px}.mf-app-row em{font-style:normal;font-size:12px;padding:5px 9px;border-radius:12px}.mf-app-row em.prod{background:#e8f8ef;color:#18854c}.mf-app-row em.draft{background:#fff2e8;color:#d46720}.mf-app-icon{width:42px;height:42px;border-radius:10px;background:linear-gradient(145deg,#6c2bd9,#d31b86);color:#fff;display:grid;place-items:center;font-size:24px}.mf-form{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px}.mf-form label{font-size:13px;color:#5d6270}.mf-form input,.mf-form select{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:11px;border:1px solid #d9dce6;border-radius:8px;background:#fff}.mf-form .mf-primary{align-self:end}.mobile-hero{display:flex;gap:36px;padding:32px;align-items:center}.mobile-hero-copy{flex:1}.mobile-hero-copy>small,.mf-head small,.mf-detail>div>small{color:#a526b7;font-weight:700;letter-spacing:.08em}.mf-phone{width:190px;height:370px;border:8px solid #151426;border-radius:34px;padding:8px;background:#222}.mf-phone-screen{height:100%;box-sizing:border-box;border-radius:22px;padding:48px 15px 20px;background:linear-gradient(160deg,#b514b7,#ff6c28);color:#fff}.mf-phone-screen b{display:block;text-align:center;font-size:22px;margin-bottom:34px}.mf-phone-screen span{display:block;background:#fff;color:#303044;padding:11px;margin:9px 0;border-radius:8px;font-size:12px}.mf-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:22px 0}.mf-feature-grid span{padding:12px;background:#faf9ff;border-radius:10px;color:#53576b}.mf-alert{padding:12px 16px;border-radius:9px;margin-bottom:16px}.mf-alert.ok{background:#eaf8ef;color:#176b3b}.mf-alert.error{background:#fff0f0;color:#a83232}.mf-detail{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start}.mf-api-note{grid-column:1/-1;background:#f7f5ff;padding:14px;border-radius:9px;color:#56516d}.mf-api-note code{font-size:12px}@media(max-width:900px){.mobile-factory-shell{grid-template-columns:1fr}.mobile-factory-side{display:none}.mobile-factory-main{padding:16px}.mf-kpis{grid-template-columns:repeat(2,1fr)}.mobile-hero{align-items:flex-start}.mf-phone{display:none}.mf-form{grid-template-columns:1fr}.mf-app-row{grid-template-columns:45px 1fr}.mf-app-row em,.mf-app-row>span{display:none}}
/* v1.34.4 - refinamiento visual Enjambre Mobile / App Factory */
.mf-svg{width:20px;height:20px;display:inline-grid;place-items:center;flex:0 0 20px}.mf-svg svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mobile-factory-side h2{display:flex;align-items:center;gap:10px}.mobile-factory-side h2 .mf-svg{width:23px;height:23px;flex-basis:23px}.mobile-factory-side a{display:flex;align-items:center;gap:11px;min-height:46px;box-sizing:border-box}.mobile-factory-side a .mf-svg{opacity:.95}.mf-feature-grid span{display:flex;align-items:center;gap:12px;min-height:52px;box-sizing:border-box;padding:11px 15px;background:#faf9ff;border:1px solid #f2effb}.mf-feature-grid span .mf-svg{width:25px;height:25px;flex-basis:25px;color:#7b35e8;background:#f1eaff;border-radius:50%;padding:6px;box-sizing:content-box}.mf-feature-grid span:nth-child(2) .mf-svg,.mf-feature-grid span:nth-child(7) .mf-svg{color:#2875df;background:#eaf2ff}.mf-feature-grid span:nth-child(3) .mf-svg,.mf-feature-grid span:nth-child(5) .mf-svg{color:#d92780;background:#fdebf4}.mf-feature-grid span:nth-child(4) .mf-svg,.mf-feature-grid span:nth-child(6) .mf-svg{color:#ee6a24;background:#fff0e8}.mf-feature-grid span b{font-weight:500}.mf-app-icon .mf-svg{width:23px;height:23px}.mf-primary{box-shadow:0 5px 12px rgba(98,45,207,.14);transition:transform .15s ease,box-shadow .15s ease}.mf-primary:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(98,45,207,.2)}.mobile-hero{padding:38px 40px;gap:42px}.mobile-hero-copy>small{font-size:12px}.mobile-hero h1{font-size:30px;letter-spacing:-.02em}.mobile-hero p{line-height:1.55}.mf-phone{box-shadow:0 12px 28px rgba(28,22,50,.18)}

/* v1.34.5 - App Factory: remove outer fullscreen content gap under global header */
body:has(.mobile-factory-shell) .shell.shell-fullscreen{min-height:calc(100vh - 82px);}
body:has(.mobile-factory-shell) .content.content-fullscreen{padding:0!important;margin:0!important;width:100%!important;max-width:none!important;}
body:has(.mobile-factory-shell) .mobile-factory-shell{margin:0!important;min-height:calc(100vh - 82px);}

/* v1.35.2 · Ecosistema visible + MASTER protegido */
.tool-btn.tool-disabled{opacity:.42!important;cursor:not-allowed!important;filter:saturate(.35)}
.tool-btn.tool-disabled:hover{background:transparent!important}
.mf-primary{background:#6c2bd9!important;color:#fff!important}
.mf-primary:hover{background:#5b21c8!important}
.master-pill{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:#2b1835;color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em}
.protected-master{opacity:.65;cursor:not-allowed}
/* v1.36.6 - automatizaciones manuales configurables */
.case360-actionbar .case360-manual-automation{background:#5d2a86!important;color:#fff!important;border-color:#5d2a86!important;font-weight:600}.case360-actionbar .case360-manual-automation:hover{filter:brightness(1.06)}

/* v1.36.7 · Refinamiento visual del asistente de automatizaciones */
.automation-guided-modal{
  width:min(1040px,calc(100vw - 64px))!important;
  max-height:min(88vh,820px)!important;
  overflow:hidden!important;
  border-radius:18px!important;
  display:flex!important;
  flex-direction:column;
  box-shadow:0 28px 70px rgba(35,20,42,.24)!important;
}
.automation-guided-modal .group-modal-head{
  flex:0 0 auto;padding:20px 26px 16px!important;border-bottom:1px solid #eee7f0;background:#fff
}
.automation-guided-modal .group-modal-head small{font-size:10px;letter-spacing:1.2px;color:#9a6b91}
.automation-guided-modal .group-modal-head h2{margin:6px 0 0;font-size:22px;font-weight:500;color:#3d3342}
.automation-guided-modal .group-modal-head p{margin:5px 0 0!important;font-size:11px!important;color:#8b7e90!important}
.automation-guided-modal form{min-height:0;display:flex;flex:1;flex-direction:column;overflow:hidden}
.automation-guided-modal .automation-guided{
  min-height:0;overflow-y:auto;display:grid;gap:14px;padding:18px 26px 22px!important;background:#fbfafc
}
.automation-guided-modal .guided-card{padding:18px;border-radius:14px;border-color:#e8e0eb;box-shadow:none}
.automation-guided-modal .guided-card-head{margin-bottom:16px;gap:12px}
.automation-guided-modal .guided-card-head>span{width:34px;height:34px;flex-basis:34px;font-size:12px}
.automation-guided-modal .guided-card-head b{font-size:13px;font-weight:600}
.automation-guided-modal .guided-card-head small{font-size:10px;margin-top:3px}
.automation-guided-modal .group-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:24px!important;row-gap:15px!important}
.automation-guided-modal .group-form-grid label,.automation-guided-modal .guided-card>label{font-size:11px;gap:7px;color:#55475b}
.automation-guided-modal .guided-card select,.automation-guided-modal .guided-card input,.automation-guided-modal .guided-card textarea{
  min-height:42px;border-radius:9px;padding:9px 12px;font-size:11px;border-color:#ddd4e1
}
.automation-guided-modal .guided-card textarea{min-height:78px}
.automation-guided-modal .group-wide{grid-column:1/-1!important}
.automation-guided-modal .group-modal-foot{
  position:static!important;flex:0 0 auto;z-index:4;padding:14px 26px!important;border-top:1px solid #e9e2ec;background:#fff;box-shadow:0 -5px 16px rgba(51,34,58,.04)
}
.automation-guided-modal .group-modal-foot button{min-width:128px;height:42px;border-radius:9px}
.automation-guided-modal .group-save{background:#7a1fa2!important;border-color:#7a1fa2!important}
.automation-guided-modal .group-cancel{background:#fff!important;color:#7a1fa2!important;border:1px solid #7a1fa2!important}
@media(max-width:760px){
 .automation-guided-modal{width:calc(100vw - 20px)!important;max-height:94vh!important;border-radius:14px!important}
 .automation-guided-modal .group-modal-head,.automation-guided-modal .automation-guided,.automation-guided-modal .group-modal-foot{padding-left:16px!important;padding-right:16px!important}
 .automation-guided-modal .group-form-grid{grid-template-columns:1fr!important}
 .automation-guided-modal .group-wide{grid-column:auto!important}
}

/* v1.36.8 · Retícula compacta y consistente del asistente de automatizaciones */
#ruleModal .automation-guided-modal{width:min(1080px,calc(100vw - 56px))!important;max-height:min(90vh,790px)!important}
#ruleModal .automation-guided-modal .group-modal-head{padding:16px 26px 13px!important}
#ruleModal .automation-guided-modal .group-modal-head h2{font-size:21px!important;margin-top:4px!important}
#ruleModal .automation-guided-modal .automation-guided{gap:10px!important;padding:14px 26px 16px!important}
#ruleModal .automation-guided-modal .guided-card{padding:14px 16px!important;border-radius:12px!important}
#ruleModal .automation-guided-modal .guided-card-head{margin-bottom:12px!important;gap:10px!important}
#ruleModal .automation-guided-modal .guided-card-head>span{width:30px!important;height:30px!important;flex-basis:30px!important}
#ruleModal .automation-guided-modal .group-form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:22px!important;row-gap:11px!important;align-items:start!important}
#ruleModal .automation-guided-modal .group-form-grid>label,
#ruleModal .automation-guided-modal .guided-card>label{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;margin:0!important;min-width:0!important;font-size:10.5px!important;line-height:1.25!important;color:#55475b!important}
#ruleModal .automation-guided-modal .group-form-grid>label>input,
#ruleModal .automation-guided-modal .group-form-grid>label>select,
#ruleModal .automation-guided-modal .group-form-grid>label>textarea{display:block!important;width:100%!important;max-width:none!important;margin:0!important;box-sizing:border-box!important}
#ruleModal .automation-guided-modal .guided-card select,
#ruleModal .automation-guided-modal .guided-card input,
#ruleModal .automation-guided-modal .guided-card textarea{height:40px!important;min-height:40px!important;padding:8px 11px!important;border-radius:8px!important;font-size:10.5px!important}
#ruleModal .automation-guided-modal .guided-card textarea{height:58px!important;min-height:58px!important;resize:vertical!important}
#ruleModal .automation-guided-modal .group-wide{grid-column:1/-1!important}
#ruleModal .automation-guided-modal .group-modal-foot{min-height:58px!important;padding:9px 26px!important}
#ruleModal .automation-guided-modal .group-modal-foot button{height:38px!important;min-width:120px!important;border-radius:8px!important}
#ruleModal .automation-guided-modal .group-save{background:#7a1fa2!important;color:#fff!important;border:1px solid #7a1fa2!important}
#ruleModal .automation-guided-modal .group-save:hover{background:#68198c!important;border-color:#68198c!important}
#ruleModal .automation-guided-modal .group-cancel{background:#fff!important;color:#7a1fa2!important;border:1px solid #7a1fa2!important}
@media(max-width:760px){#ruleModal .automation-guided-modal{width:calc(100vw - 18px)!important;max-height:95vh!important}#ruleModal .automation-guided-modal .group-form-grid{grid-template-columns:1fr!important}#ruleModal .automation-guided-modal .group-wide{grid-column:auto!important}}

/* v1.37.7 · Ajustes móviles transversales
   - Perfil/tema (GA) siempre visible en barra inferior
   - Almacén oculto en móvil
   - Sin separadores horizontales en drawer operativo */
@media(max-width:900px){
  .global-tools{grid-template-columns:repeat(7,minmax(0,1fr))!important;}
  .global-tools .warehouse-tool{display:none!important;}
  .global-tools .profile-tool-wrap{display:flex!important;min-width:0!important;position:relative!important;}
  .global-tools .profile-tool{display:flex!important;width:100%!important;min-width:0!important;height:58px!important;padding:6px 2px!important;align-items:center!important;justify-content:center!important;}
  .global-tools .profile-initials{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border-radius:50%!important;background:linear-gradient(135deg,#ff6b00,#7a1fa2)!important;color:#fff!important;font-size:10px!important;font-weight:600!important;line-height:1!important;}
  .global-tools .profile-label{display:none!important;}
  .global-tools .profile-account-menu{position:fixed!important;left:10px!important;right:10px!important;top:auto!important;bottom:64px!important;width:auto!important;max-width:none!important;}
  .operation-sidebar .my-cases-compact,
  .operation-sidebar .my-cases-title,
  .operation-sidebar .my-cases-nav,
  .operation-sidebar .campaign-nav,
  .operation-sidebar .side-title{border-top:0!important;border-bottom:0!important;}
}

/* v1.37.8 · Ajuste puntual móvil tema Naranja
   - Contadores operativos morados para contraste sobre navegación naranja
   - Elimina definitivamente el separador bajo Estado auxiliar
   No altera otros temas ni la lógica funcional. */
@media(max-width:900px){
  body.ui-theme-orange .operation-sidebar .operation-stream-main em,
  body.ui-theme-orange .operation-sidebar .operation-stream-states em,
  body.ui-theme-orange .operation-sidebar .my-cases-nav em{
    display:inline-grid!important;
    place-items:center!important;
    min-width:28px!important;
    height:20px!important;
    padding:0 7px!important;
    border-radius:999px!important;
    background:#7A1FA2!important;
    color:#fff!important;
    font-weight:700!important;
    line-height:20px!important;
  }
  .operation-sidebar .aux-status-box{
    border-bottom:0!important;
    margin-bottom:0!important;
  }
  .operation-sidebar .aux-status-box::after,
  .operation-sidebar .aux-status-box + .my-cases-compact::before{
    content:none!important;
    display:none!important;
    border:0!important;
  }
  .operation-sidebar .my-cases-compact{
    border-top:0!important;
  }
}
/* v1.37.9 Asistente de configuración */
.assistant-safe{padding:8px 12px;border-radius:999px;background:#f2eafb;color:#6f2c91;font-size:12px;font-weight:700}.assistant-card{max-width:920px}.assistant-command{position:relative}.assistant-command textarea{width:100%;min-height:150px;padding:18px 72px 18px 18px;resize:vertical}.assistant-mic{position:absolute;right:14px;bottom:14px;width:48px;height:48px;border:0;border-radius:50%;background:#702c91;color:#fff;font-size:22px;cursor:pointer}.assistant-mic.listening{box-shadow:0 0 0 7px rgba(242,91,22,.18);background:#f25b16}.assistant-hint{font-size:12px;color:#81778a;margin:8px 0 18px}.assistant-preview{max-width:920px;margin-top:18px}.assistant-preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.assistant-preview-head small{color:#f25b16;font-weight:800}.assistant-preview-head h2{margin:3px 0}.assistant-action{border:1px solid #ebe5ef;border-radius:14px;padding:16px;margin:10px 0}.assistant-action>small{display:block;color:#81778a;margin:4px 0 10px}.assistant-field{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid #f1edf3}.assistant-field em{font-style:normal;color:#702c91;font-size:12px}.assistant-confirm{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.assistant-help{max-width:920px;margin-top:18px}.assistant-help p{margin-bottom:0;color:#756d7c}@media(max-width:720px){.assistant-safe{display:none}.assistant-field{gap:12px}.assistant-field em{text-align:right}.assistant-confirm{flex-direction:column}.assistant-confirm>*{text-align:center}}
/* v1.38.0 Habla con tu Enjambre */
.talk-enjambre{max-width:1180px;margin:0 auto;padding:6px 0 40px}.talk-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.talk-head span{font-size:11px;font-weight:800;letter-spacing:.13em;color:#f25b16}.talk-head h1{font-size:32px;margin:5px 0 7px}.talk-head p{max-width:760px;color:#746b7b;margin:0}.talk-bee{font-size:42px}.talk-box,.talk-answer,.talk-note{background:#fff;border:1px solid #ece6ef;border-radius:16px;padding:22px;margin-bottom:18px}.talk-box form{display:grid;gap:15px}.talk-box label{display:grid;gap:7px;font-size:13px;font-weight:700}.talk-box select,.talk-box textarea{border:1px solid #ded5e4;border-radius:10px;padding:12px;font:inherit;background:#fff}.talk-command{position:relative}.talk-command textarea{width:100%;min-height:115px;padding-right:65px;resize:vertical}.talk-command button{position:absolute;right:12px;bottom:12px;width:44px;height:44px;border:0;border-radius:50%;background:#702c91;color:#fff;font-size:20px}.talk-command button.listening{background:#f25b16;box-shadow:0 0 0 6px rgba(242,91,22,.15)}.talk-box small{color:#81778a}.talk-answer-title{display:flex;align-items:center;gap:11px}.talk-answer-title>span{font-size:30px}.talk-answer-title small{color:#702c91;font-weight:800;letter-spacing:.08em}.talk-answer-title h2{margin:2px 0}.talk-answer>p{line-height:1.65;color:#413848}.talk-answer h3{margin-top:22px}.talk-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.talk-kpis article{background:#f8f5fa;border-radius:12px;padding:14px}.talk-kpis small,.talk-kpis span{display:block;color:#7c7182}.talk-kpis b{display:block;font-size:25px;margin:5px 0}.talk-table{overflow:auto;margin-top:15px}.talk-table table{width:100%;border-collapse:collapse}.talk-table th,.talk-table td{text-align:left;padding:10px;border-bottom:1px solid #eee8f0}.talk-note p{margin-bottom:0;color:#756d7c}.talk-card .analytics-library-icon{font-size:34px;display:flex;align-items:center;justify-content:center}@media(max-width:720px){.talk-enjambre{padding:0 10px 90px}.talk-head h1{font-size:25px}.talk-bee{display:none}.talk-box,.talk-answer,.talk-note{padding:16px}.talk-kpis{grid-template-columns:1fr}.talk-command textarea{min-height:135px}}
/* v1.38.1 · Enjambre Intelligence: insights proactivos, investigación guiada y explicabilidad */
.talk-proactive,.talk-history{background:#fff;border:1px solid #ece6ef;border-radius:16px;padding:22px;margin-bottom:18px}.talk-section-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:15px}.talk-section-head small{color:#f25b16;font-weight:800;letter-spacing:.08em}.talk-section-head h2{margin:3px 0}.talk-section-head>span{font-size:12px;background:#f5eff8;color:#702c91;padding:7px 10px;border-radius:999px}.talk-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.talk-insight{border:1px solid #eee8f0;border-radius:14px;padding:16px;min-height:145px;display:flex;flex-direction:column}.talk-insight.high{border-left:4px solid #f25b16}.talk-insight.medium{border-left:4px solid #7a1fa2}.talk-insight.good{border-left:4px solid #4b8f55}.talk-insight.neutral{border-left:4px solid #9a8fa0}.talk-insight-top{display:flex;gap:8px;justify-content:space-between;align-items:flex-start}.talk-insight-top b{font-size:14px}.talk-insight-top em{font-size:10px;font-style:normal;color:#756d7c;white-space:nowrap}.talk-insight p{font-size:12px;line-height:1.5;color:#6f6575;flex:1}.talk-insight a{font-size:12px;color:#702c91;font-weight:800;text-decoration:none}.talk-suggestions{display:flex;gap:8px;flex-wrap:wrap}.talk-suggestions button{border:1px solid #ded5e4;background:#fff;color:#5e5264;border-radius:999px;padding:8px 11px;font-size:11px;cursor:pointer}.talk-suggestions button:hover{border-color:#7a1fa2;color:#7a1fa2}.talk-confidence{margin-left:auto;font-style:normal;font-size:11px;background:#f5eff8;color:#702c91;border-radius:999px;padding:7px 10px}.talk-explain{margin-top:16px;border-top:1px solid #eee8f0;padding-top:12px}.talk-explain summary{cursor:pointer;color:#702c91;font-weight:700;font-size:12px}.talk-explain p{font-size:12px;color:#756d7c}.talk-history details{border-top:1px solid #eee8f0;padding:12px 0}.talk-history summary{display:flex;justify-content:space-between;gap:15px;cursor:pointer;font-size:12px;font-weight:700}.talk-history summary span{color:#8d8392;font-weight:400}.talk-history p{font-size:12px;line-height:1.55;color:#6f6575;padding-right:25px}@media(max-width:800px){.talk-insight-grid{grid-template-columns:1fr}.talk-proactive,.talk-history{padding:16px}.talk-section-head{align-items:flex-start}.talk-confidence{display:none}}

/* v1.38.2 · Refinamiento UX de Enjambre Intelligence y Constructor */
.assistant-page-head{max-width:920px;margin-bottom:14px}.assistant-eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;color:#f25b16;margin-bottom:5px}.assistant-page-head h1{margin:0 0 3px}.assistant-page-head p{margin:0;color:#756d7c}.assistant-card{padding:20px;border-radius:18px}.assistant-card form{display:grid;gap:15px}.assistant-command textarea{min-height:125px;border-radius:14px;padding:16px 62px 16px 16px}.assistant-mic{width:42px;height:42px;right:12px;bottom:12px;font-size:19px}.assistant-chips{display:flex;gap:8px;flex-wrap:wrap}.assistant-chips button{border:1px solid #ded5e4;background:#fff;color:#665a6c;border-radius:999px;padding:8px 12px;font:inherit;font-size:12px;cursor:pointer}.assistant-chips button:hover{border-color:#7a1fa2;color:#7a1fa2}.assistant-hint:empty{display:none}.assistant-propose{justify-self:start}.assistant-preview{border-radius:18px}
.talk-enjambre{max-width:920px}.talk-head{margin-bottom:12px}.talk-head h1{font-size:28px;margin:3px 0}.talk-head p{font-size:14px}.talk-proactive{padding:16px;border-radius:18px}.talk-section-head{margin-bottom:10px}.talk-section-head h2{font-size:18px;margin:2px 0}.talk-insight-grid{grid-template-columns:1fr}.talk-insight{min-height:0;padding:13px 14px}.talk-insight p{margin:7px 0 9px}.talk-box{padding:18px;border-radius:18px}.talk-box form{gap:12px}.talk-command textarea{min-height:96px}.talk-suggestions{gap:6px}.talk-suggestions button{padding:7px 10px}.talk-note{font-size:12px}
@media(max-width:720px){
 .assistant-page-head{margin:0 0 10px}.assistant-page-head h1{font-size:25px;line-height:1.12}.assistant-page-head p{font-size:13px}.assistant-safe{display:none}.assistant-card{padding:14px;border-radius:16px}.assistant-card form{gap:12px}.assistant-card .brand-field{gap:6px}.assistant-command textarea{min-height:112px;font-size:15px;line-height:1.4;padding:14px 56px 14px 14px}.assistant-mic{width:40px;height:40px}.assistant-chips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.assistant-chips button{white-space:nowrap}.assistant-propose{width:100%;text-align:center;justify-content:center}.assistant-preview{padding:14px}.assistant-preview-head h2{font-size:18px}.assistant-action{padding:13px}.assistant-confirm{gap:8px}
 .talk-enjambre{padding:0 10px 90px}.talk-head{margin:0 0 10px}.talk-head span{font-size:9px}.talk-head h1{font-size:24px;line-height:1.1;margin:2px 0}.talk-head p{font-size:12px;line-height:1.35}.talk-proactive{padding:12px 13px;margin-bottom:12px}.talk-section-head{margin-bottom:8px;align-items:center}.talk-section-head small{font-size:9px}.talk-section-head h2{font-size:15px}.talk-insight{padding:11px 12px;border-radius:12px}.talk-insight-top b{font-size:13px}.talk-insight-top em{font-size:9px}.talk-insight p{font-size:11px;margin:5px 0 7px}.talk-box{padding:13px;margin-bottom:12px}.talk-box label{font-size:12px}.talk-box select{padding:10px}.talk-command textarea{min-height:92px;font-size:14px;padding:12px 54px 12px 12px}.talk-command button{width:38px;height:38px;font-size:17px}.talk-suggestions{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.talk-suggestions button{white-space:nowrap}.talk-box .agent-primary{width:100%;justify-content:center}.talk-answer,.talk-history,.talk-note{padding:13px}.talk-answer-title h2{font-size:18px}
}
/* v1.38.3 - Intelligence: auditoría contextual */
.talk-audit-summary{display:flex;align-items:baseline;gap:12px;padding:14px 16px;margin:10px 0 14px;border-radius:16px;background:#f7f2fa}.talk-audit-summary b{font-size:32px;color:#76299a}.talk-audit-summary span{color:#776d7e}.talk-audit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 18px}.talk-audit-item{border:1px solid #eadfeb;border-left:5px solid #aaa0ad;border-radius:14px;padding:12px;background:#fff;display:grid;gap:4px}.talk-audit-item.configured{border-left-color:#2f9b66}.talk-audit-item.partial{border-left-color:#f28a19}.talk-audit-item.pending{border-left-color:#c64b4b}.talk-audit-item strong{font-size:14px}.talk-audit-item span{font-size:12px;font-weight:700;text-transform:uppercase}.talk-audit-item small{color:#786f7e;line-height:1.35}@media(max-width:640px){.talk-audit-grid{grid-template-columns:1fr}.talk-audit-summary{padding:11px 13px}.talk-audit-summary b{font-size:26px}}
.talk-dashboard-offer{margin:16px 0;padding:14px 16px;border:1px solid #eadff0;border-radius:12px;background:#fcf9fd;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.talk-dashboard-offer p{margin:2px 0;font-size:11px}.talk-dashboard-offer a{font-size:11px}.talk-dashboard-metrics{padding:14px;border:1px solid #eee5f1;border-radius:12px;margin:12px 0}.talk-dashboard-metrics>label{display:inline-flex;align-items:center;gap:7px;margin:7px 12px 7px 0;font-size:12px}.talk-dashboard-metrics p{font-size:11px;color:#776c80}

/* v1.38.6 · Enjambre Insight en navegación principal */
.global-tools .insight-tool svg{width:22px!important;height:22px!important;flex-shrink:0;}
@media(max-width:900px){
  .global-tools{grid-template-columns:repeat(8,minmax(0,1fr))!important;}
  .global-tools .insight-tool{display:flex!important;min-width:0!important;width:100%!important;padding-left:2px!important;padding-right:2px!important;}
}

/* v1.38.7 · Abeja E Compacta: silueta sólida blanca en la barra */
.global-tools .insight-tool svg{fill:currentColor!important;stroke:none!important;}

/* v1.39.4: barra inferior móvil operativa */
.enj-mobile-bottom-nav{display:none}
@media(max-width:900px){
  body:has(.enj-mobile-bottom-nav){padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}
  .enj-mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:1050;min-height:66px;padding:5px 4px calc(5px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #e6ddea;box-shadow:0 -5px 20px rgba(30,18,39,.10)}
  .enj-mobile-bottom-nav a,.enj-mobile-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;border:0;background:transparent;color:#42334f;text-decoration:none;font:500 10px Montserrat,Arial,sans-serif;cursor:pointer;padding:5px 1px}
  .enj-mobile-bottom-nav .enj-mobile-bottom-symbol{font:normal 24px Arial,sans-serif;line-height:26px}
  .enj-mobile-bottom-nav .active{color:#8525a6}
  body.mobile-nav-open .enj-mobile-bottom-nav{z-index:1}
}