.zynko-notify-host{position:fixed;z-index:99999;top:18px;right:18px;width:min(390px,calc(100vw - 28px));display:grid;gap:10px;pointer-events:none}.zynko-notify{pointer-events:auto;display:grid;grid-template-columns:38px 1fr 30px;gap:10px;align-items:start;padding:13px 12px;border:1px solid #dbe4ee;border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.16);opacity:0;transform:translateY(-8px);transition:.18s ease;color:#0f172a}.zynko-notify.show{opacity:1;transform:none}.zynko-notify-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-weight:900}.zynko-notify b{display:block;font-size:14px;margin:1px 0 3px}.zynko-notify p{margin:0;font-size:13px;line-height:1.45;color:#64748b}.zynko-notify button{border:0;background:transparent;font-size:20px;line-height:1;color:#94a3b8;cursor:pointer}.zynko-notify.success .zynko-notify-icon{background:#ecfdf5;color:#059669}.zynko-notify.error .zynko-notify-icon{background:#fef2f2;color:#dc2626}.zynko-notify.info .zynko-notify-icon{background:#eff6ff;color:#2563eb}.zynko-notify.warning .zynko-notify-icon{background:#fff7ed;color:#d97706}.zynko-dialog-open{overflow:hidden}.zynko-dialog-overlay{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.46);opacity:0;transition:.15s ease}.zynko-dialog-overlay.open{opacity:1}.zynko-dialog{width:min(440px,100%);padding:26px;border-radius:20px;background:#fff;box-shadow:0 28px 80px rgba(15,23,42,.25);text-align:center;transform:scale(.97);transition:.15s ease}.zynko-dialog-overlay.open .zynko-dialog{transform:none}.zynko-dialog-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 14px;border-radius:50%;font-size:30px;font-weight:800}.zynko-dialog-icon.warning{background:#fff7ed;color:#d97706}.zynko-dialog-icon.error{background:#fef2f2;color:#dc2626}.zynko-dialog-icon.success{background:#ecfdf5;color:#059669}.zynko-dialog-icon.info{background:#eff6ff;color:#2563eb}.zynko-dialog h2{margin:0 0 8px;font-size:21px;color:#0f172a}.zynko-dialog p{margin:0;color:#64748b;line-height:1.55}.zynko-dialog-actions{display:flex;justify-content:center;gap:10px;margin-top:22px}.zynko-dialog-actions button{min-height:42px;padding:0 18px;border-radius:11px;border:1px solid #dbe4ee;font-weight:800;cursor:pointer}.zynko-dialog-confirm{background:#12ad8c;color:#fff;border-color:#12ad8c!important}.zynko-dialog-cancel{background:#fff;color:#334155}@media(max-width:560px){.zynko-notify-host{top:12px;right:14px}.zynko-dialog{padding:22px 18px}.zynko-dialog-actions{flex-direction:column-reverse}.zynko-dialog-actions button{width:100%}}


/* Final responsive integrity pass */
html,body{max-width:100%;overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}.main,main,.panel,.grid2,.settings-grid,.card-list,.record-toolbar,.welcome{min-width:0;max-width:100%}#sidebar{height:100dvh;min-height:100dvh;position:fixed;inset:0 auto 0 0;overflow:hidden;display:flex;flex-direction:column}#sidebar nav{overflow-y:auto;overflow-x:hidden;flex:1}.main{margin-left:252px;min-height:100dvh}header{position:sticky;top:0;z-index:80}.responsive-records{display:grid;gap:8px}.record-card{display:grid;grid-template-columns:minmax(180px,2fr) repeat(2,minmax(120px,1fr)) auto;gap:14px;align-items:center;padding:12px;border:1px solid #e2e8f0;border-radius:12px}.record-card>div{min-width:0}.record-card small,.record-card b,.record-card span{display:block;overflow-wrap:anywhere}.empty-compact{min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;color:#64748b}.empty-compact i{font-size:24px;color:#0fa98b}.bars{height:210px;display:flex;align-items:end;gap:10px;padding:22px 10px 0}.bar-wrap{height:100%;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.bar{width:100%;max-width:92px;border-radius:8px 8px 2px 2px;background:#22b59a;transition:.2s}.bar-wrap:hover .bar{transform:translateY(-4px)}.bar-value{font-size:11px;font-weight:800;opacity:0;transition:.2s}.bar-wrap:hover .bar-value{opacity:1}.grow{min-width:0;flex:1}.user-card{grid-template-columns:auto minmax(160px,1fr) auto auto auto}.avatar-img{width:38px;height:38px;border-radius:50%;object-fit:cover;display:block}.top-avatar{width:34px;height:34px}.integration-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid #e2e8f0;border-radius:14px}.integration-card small{display:block;overflow-wrap:anywhere}.check-grid{display:grid;gap:9px}.meta-note,.nivo-guide{display:flex;gap:12px;align-items:flex-start;margin-top:14px;padding:12px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0}.meta-note i,.nivo-guide i{margin-top:3px;color:#0fa98b}.meta-note small,.nivo-guide small{display:block;line-height:1.45;color:#64748b}.modal-card{max-height:calc(100dvh - 32px);overflow:auto}.modal-actions{flex-wrap:wrap}.conversation{min-width:0}.conversation>div{min-width:0}.conversation p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.conv-list{overflow-x:hidden!important}.inbox-layout>*{min-width:0}.composer-line>*{min-width:0}
@media(max-width:1100px){.record-card{grid-template-columns:1fr 1fr}.record-card a{justify-self:start}.dashboard-grid{grid-template-columns:1fr}.user-card{grid-template-columns:auto minmax(0,1fr) auto}.user-card .status{display:none}}
@media(max-width:760px){#sidebar{transform:translateX(-100%);z-index:200}.app.menu-open #sidebar{transform:none}.main{margin-left:0!important}.record-card{grid-template-columns:1fr}.record-toolbar,.welcome{align-items:stretch}.record-toolbar{flex-direction:column}.record-toolbar .search-wrap{width:100%}.user-card{grid-template-columns:auto minmax(0,1fr)}.user-card>.pill,.user-card>.status,.user-card>.soft{grid-column:2}.settings-grid{grid-template-columns:1fr!important}.modal-actions>*{flex:1}.header-actions .user-copy{display:none}}
/* ZYNKO 2026-09-27 full project cleanup */
main{padding-top:18px!important}.welcome{margin-bottom:14px!important}.compact-welcome{margin-top:0}.field-help{display:block!important;color:#52657a!important;font-size:12px!important;line-height:1.45!important;margin-top:2px}.warning-help{color:#9a5b00!important}.head-actions{display:flex;gap:8px;flex-wrap:wrap}#fullscreenBtn,#theme,.help{width:40px;height:40px;padding:0;display:grid;place-items:center;border-radius:10px;background:var(--surface2);border:1px solid var(--line);color:var(--text)}
.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.plan-card{border:1px solid var(--line);border-radius:15px;padding:18px;background:var(--surface2);display:grid;gap:15px}.plan-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.plan-card-head>div{display:grid}.plan-price{font-size:20px;font-weight:900;color:var(--accent2);white-space:nowrap}.plan-price small{display:inline!important;font-size:11px}.plan-limits,.plan-features{display:grid;gap:8px;color:#52657a}.plan-limits{grid-template-columns:1fr 1fr}.plan-limits i,.plan-features i{width:18px;color:var(--accent2)}.plan-actions{display:flex;gap:8px;justify-content:flex-end;border-top:1px solid var(--line);padding-top:13px}.soft.danger{color:#b42318}.compact-upload{min-height:105px!important;margin-top:4px}.user-create-photo{grid-column:1/-1}.integration-events .check-grid{margin-top:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.integration-events .check-grid label{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);font-weight:600}.integration-events .check-grid input{width:17px;height:17px;margin:0;flex:0 0 auto}.modal-card form{display:grid;gap:14px}.modal-card .settings-grid{gap:14px}.upload-zone+.modal-actions{margin-top:14px!important}.modal-actions{padding-top:4px}.panel-head{min-width:0}.panel-head>*{min-width:0}
@media(min-width:761px){header{position:fixed!important;top:0;right:0;left:252px;z-index:90}.main{padding-top:68px}.sidebar-collapsed header{left:78px}body.sidebar-hidden header{left:0}.main>main{padding-top:18px!important}}
@media(max-width:760px){main{padding-top:14px!important}.integration-events .check-grid{grid-template-columns:1fr}.plan-limits{grid-template-columns:1fr}.plan-actions{flex-direction:column}.plan-actions button{width:100%}.head-actions{width:100%}.head-actions button{flex:1}}
.mail-profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.mail-profile{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}.mail-profile.active{border-color:#8bdac9;box-shadow:inset 0 0 0 1px #bcece1}.mail-provider-icon{width:42px;height:42px;border-radius:12px;background:#e8f8f4;color:var(--accent2);display:grid;place-items:center}.mail-profile>div{min-width:0}.mail-profile small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-profile-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;padding-top:9px;border-top:1px solid var(--line)}
[hidden]{display:none!important}.field input,.field textarea,.field select,.select2-container{max-width:100%!important}.panel,.modal-card,.field,.settings-grid>*{min-width:0}.hint,.field-help,.panel small{opacity:1!important}.field-help{font-weight:500}.welcome p{margin-bottom:0}
/* ZYNKO commercial/API/NIVO hardening */
.tenant-plan-list,.api-key-list{display:grid;gap:12px}.tenant-plan-row,.api-key-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line,#dfe6ef);border-radius:14px;min-width:0}.tenant-plan-row>div:first-child,.api-key-row>div:first-child{display:grid;gap:4px;min-width:180px;flex:1}.tenant-plan-row small,.api-key-row small{color:var(--muted,#64748b);overflow-wrap:anywhere}.inline-form{display:grid;grid-template-columns:minmax(160px,1fr) minmax(130px,.7fr) auto;gap:10px;align-items:center;min-width:min(100%,560px)}.api-doc,.security-note{display:flex;gap:12px;align-items:flex-start;margin-top:16px;padding:14px;border:1px solid #bfe8df;background:#f3fbf9;border-radius:14px}.api-doc>div,.security-note>div{display:grid;gap:5px;min-width:0}.api-doc code{overflow-wrap:anywhere}.nivo-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.nivo-capabilities span{display:flex;gap:8px;align-items:center;padding:10px;border:1px solid var(--line,#dfe6ef);border-radius:12px;font-size:12px}.source>div{display:grid;gap:3px;min-width:0}.source .icon-btn{margin-left:auto}.icon-btn{width:36px;height:36px;border:1px solid var(--line,#dfe6ef);border-radius:10px;background:#fff;cursor:pointer}.icon-btn:hover{transform:translateY(-1px)}
@media(max-width:900px){.tenant-plan-row,.api-key-row{align-items:stretch;flex-direction:column}.inline-form{grid-template-columns:1fr;width:100%;min-width:0}.nivo-capabilities{grid-template-columns:1fr}}

/* NIVO — clean, bounded and fully responsive */
.nivo-welcome{margin-bottom:14px}.nivo-kpis{margin-bottom:14px}.nivo-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px;position:sticky;top:72px;z-index:8;background:var(--bg,#f4f7fb);padding:8px 0}.nivo-tabs a{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line,#dfe6ef);border-radius:10px;background:var(--surface,#fff);color:var(--text,#0f172a);text-decoration:none;font-size:13px}.nivo-tabs a:hover{border-color:#94d9ca}.nivo-section{scroll-margin-top:130px;min-width:0;overflow:hidden}.nivo-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.field-help{display:block;color:#52647a!important;font-size:12px;line-height:1.45;font-weight:500!important}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line,#dfe6ef)}.nivo-list{display:grid;gap:8px;max-height:390px;overflow:auto;padding-right:3px}.nivo-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--line,#dfe6ef);border-radius:12px;min-width:0}.nivo-list-row>div{display:grid;gap:4px;min-width:0}.nivo-list-row b,.nivo-list-row small,.nivo-list-row span{overflow-wrap:anywhere}.nivo-list-row small,.nivo-list-row>div>span{color:#52647a;font-size:12px;line-height:1.4}.status-badge.muted{opacity:.6}.nivo-upload{margin-top:14px;min-height:112px}.nivo-playground{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}.nivo-test-result{border:1px solid var(--line,#dfe6ef);border-radius:14px;background:var(--surface2,#f8fafc);padding:16px;display:flex;gap:12px;align-items:flex-start;min-width:0}.nivo-test-result>i{margin-top:3px}.nivo-test-result>div{display:grid;gap:7px;min-width:0}.nivo-test-result p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.nivo-test-result small{color:#52647a}.empty-compact{display:grid;place-items:center;text-align:center;gap:6px;padding:28px 14px;color:#52647a}.empty-compact i{font-size:22px;color:var(--accent,#0d806b)}
@media(max-width:1050px){.nivo-grid,.nivo-playground{grid-template-columns:1fr}}
@media(max-width:760px){.nivo-tabs{top:62px;overflow-x:auto;flex-wrap:nowrap}.nivo-tabs a{white-space:nowrap}.nivo-list-row{grid-template-columns:minmax(0,1fr) auto}.nivo-list-row>.status-badge{grid-column:1/2;width:max-content}.nivo-section .panel-head{align-items:flex-start;flex-direction:column}.nivo-section .panel-head>button{width:100%}.form-actions{justify-content:stretch}.form-actions button{width:100%}}

/* NIVO conversation/handoff polish */
.message-wrap{display:flex;flex-direction:column;max-width:min(78%,720px);min-width:0;margin:8px 0}.message-wrap.out{margin-left:auto;align-items:flex-end}.message-wrap.in{margin-right:auto;align-items:flex-start}.message-sender{font-size:.78rem;margin:0 8px 4px;max-width:100%;overflow-wrap:anywhere}.message-wrap p{max-width:100%;overflow-wrap:anywhere;word-break:break-word;margin:0}.chat-attachment{display:inline-flex;gap:7px;align-items:center;margin-top:5px;padding:7px 10px;border-radius:10px;background:var(--surface-2,#f3f6f8);max-width:100%;overflow:hidden;text-overflow:ellipsis}.inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end;margin:14px 0}.inline-form>*{min-width:0}@media(max-width:680px){.message-wrap{max-width:92%}.inline-form{grid-template-columns:1fr}.inline-form .primary{width:100%}}

/* Inbox CRM: compact, aligned and overflow-safe */
.info-title,.info-block-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.realtime-dot{width:9px;height:9px;border-radius:50%;background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.12);flex:0 0 auto}.info-form,.info-block form{display:grid;gap:10px;min-width:0}.info-block{border-top:1px solid var(--border,#e5e7eb);padding-top:14px;margin-top:14px;display:grid;gap:10px;min-width:0}.info .field,.info input,.info textarea,.info select{min-width:0;max-width:100%;width:100%;box-sizing:border-box}.wide{width:100%;justify-content:center}.tag-checks{display:flex;flex-wrap:wrap;gap:7px;min-width:0}.tag-check{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid var(--border,#dbe3ec);border-radius:999px;max-width:100%;cursor:pointer}.tag-check span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-check input{width:auto;flex:0 0 auto}.icon-mini{width:30px;height:30px;border:1px solid var(--border,#dbe3ec);border-radius:9px;background:transparent;display:grid;place-items:center}.mini-note{padding:8px 10px;border-radius:10px;background:#f7f9fc;display:grid;gap:3px;min-width:0}.mini-note b,.mini-note span{overflow-wrap:anywhere}.message-sender{text-transform:uppercase;letter-spacing:.02em}.conversation>*{min-width:0}.conversation p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat,.info,.conv-list{min-width:0;overflow:hidden}.messages{overflow-x:hidden}.message-wrap,.message-wrap p{max-width:100%;overflow-wrap:anywhere}.chat-attachment{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1100px){.inbox-layout{grid-template-columns:minmax(230px,30%) minmax(0,1fr)}.inbox-layout>.info{grid-column:1/-1;max-height:none}.info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.info>.profile,.info>.info-title{grid-column:1/-1}.info-block{margin-top:0}}
@media(max-width:720px){.inbox-layout{display:block}.inbox-layout>.panel{margin-bottom:12px}.info{display:block}.info-block{margin-top:14px}.head-actions{flex-wrap:wrap}.chat-head{align-items:flex-start;gap:10px}.composer-line{min-width:0}.composer-line textarea{min-width:0}}

/* Global form rhythm — every control stays visually separated and bounded */
.field{display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important;margin:0!important}.field>label:first-child{display:block!important;margin:0!important;line-height:1.35!important;font-weight:700}.field input,.field textarea,.field select{margin:0!important;width:100%!important}.settings-grid,.form-grid{row-gap:20px!important;column-gap:18px!important}.mail-fields{margin-top:20px!important}.mail-fields+.settings-grid,.settings-grid+.settings-grid{margin-top:20px!important}.actions-inline{margin-top:22px!important;padding-top:16px!important;border-top:1px solid var(--line)!important;display:flex!important;align-items:center!important;gap:14px!important;flex-wrap:wrap!important}.actions-inline .hint{line-height:1.45!important;color:#52657a!important}.panel-head{margin-bottom:20px!important}.modal-card form{gap:20px!important}.modal-card .settings-grid{row-gap:20px!important}.switch-line{min-height:40px!important;align-items:center!important}.auth-message{padding:12px 14px;border-radius:10px;margin:16px 0 4px;line-height:1.45}.auth-message.ok{background:#edf9f5;border:1px solid #bce9db;color:#08705c}.auth-message.error{background:#fff4f4;border:1px solid #f2c5c5;color:#9f2525}.login-back{text-align:center;margin-top:18px}.login-back a{color:#0d806b;text-decoration:none;font-weight:700}@media(max-width:760px){.settings-grid,.form-grid{row-gap:16px!important}.actions-inline{align-items:stretch!important;flex-direction:column!important}.actions-inline>*{width:100%}}

/* Login switch isolation: the hidden checkbox must never cover sibling actions. */
.login-card .form-line{position:relative}
.login-card .switch-line{position:relative;display:inline-flex!important;flex:0 0 auto;cursor:pointer}
.login-card .switch-line input[type="checkbox"]{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;margin:0!important;padding:0!important;opacity:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;pointer-events:none!important}
.login-card .switch-line span{flex:0 0 38px;cursor:pointer}
.login-card .form-line>a{position:relative;z-index:2;display:inline-flex;align-items:center;min-height:40px;padding:0 2px}

/* Billing layout: consistent separation, readable controls and no touching cards */
.billing-panel + .billing-panel{margin-top:18px!important}
.billing-assignment-panel .tenant-plan-list{display:grid;gap:14px}
.billing-assignment-panel .tenant-plan-row{padding:18px!important;gap:20px!important;align-items:center!important;background:var(--surface);overflow:visible}
.billing-assign-form{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(170px,220px)!important;gap:14px!important;align-items:end!important;width:min(100%,720px)!important;min-width:0!important}
.billing-control{display:grid;gap:7px;min-width:0}
.billing-control>label{font-weight:700;font-size:12px;color:var(--text);line-height:1.3}
.billing-control select{width:100%!important;min-width:0!important;min-height:42px!important;padding:9px 38px 9px 12px!important;color:var(--text)!important;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:10px!important}
.billing-control .select2-container{width:100%!important;min-width:0!important}
.billing-control .select2-selection--single{min-height:42px!important;height:42px!important;display:flex!important;align-items:center!important;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--surface)!important}
.billing-control .select2-selection__rendered{width:100%!important;line-height:40px!important;padding-left:12px!important;padding-right:34px!important;color:var(--text)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.billing-control .select2-selection__arrow{height:40px!important;right:8px!important}
.billing-assign-button{grid-column:1/-1;width:100%;min-height:42px}
.select2-dropdown{min-width:180px!important;border-color:var(--line)!important;background:var(--surface)!important;color:var(--text)!important}
.select2-results__option{padding:9px 12px!important;white-space:normal!important;overflow-wrap:anywhere!important;color:var(--text)!important;background:var(--surface)!important}
.select2-results__option--highlighted{background:var(--accent)!important;color:#fff!important}
@media(max-width:980px){.billing-assignment-panel .tenant-plan-row{align-items:stretch!important;flex-direction:column!important}.billing-assign-form{width:100%!important;grid-template-columns:minmax(0,1fr) minmax(160px,.55fr)!important}}
@media(max-width:640px){.billing-assign-form{grid-template-columns:1fr!important}.billing-assign-button{grid-column:1}.billing-panel + .billing-panel{margin-top:14px!important}}

/* 2026-09-27 global visual order + subscriptions polish */
.panel{margin-bottom:18px!important}
.panel:last-child{margin-bottom:0!important}
.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px!important}
.panel-head>div{display:grid;gap:5px;min-width:0}
.panel-head small,.field-help,.hint{line-height:1.5!important}
.settings-grid>.field,.form-grid>.field{padding:0!important}
.field+.field{min-width:0}
.modal-actions{margin-top:4px!important;gap:10px!important}

.billing-assignment-panel{overflow:visible!important}
.billing-assignment-panel .tenant-plan-list{gap:16px!important}
.billing-assignment-panel .tenant-plan-row{display:grid!important;grid-template-columns:minmax(260px,.9fr) minmax(440px,1.35fr)!important;gap:28px!important;padding:22px!important;border-radius:16px!important;background:var(--surface2)!important;border:1px solid var(--line)!important;box-shadow:0 1px 2px rgba(15,23,42,.03)}
.tenant-company-summary{display:grid;grid-template-columns:44px minmax(0,1fr);gap:13px;align-items:center;min-width:0}
.tenant-company-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#e9f8f4;color:var(--accent2);font-size:18px}
.tenant-company-copy{display:grid;gap:6px;min-width:0}
.tenant-company-copy b{font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.tenant-company-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#52657a;font-size:12px;line-height:1.4}
.tenant-company-meta .dot{width:4px;height:4px;border-radius:50%;background:#94a3b8;flex:0 0 auto}
.billing-assign-form{width:100%!important;max-width:none!important;grid-template-columns:minmax(220px,1fr) minmax(180px,220px)!important;gap:16px!important;margin:0!important;padding:0!important;align-items:end!important}
.billing-control{gap:8px!important}
.billing-control>label{font-size:12px!important;letter-spacing:.01em}
.billing-control .select2-container,.billing-control select{width:100%!important}
.billing-status-control{min-width:180px!important}
.billing-assign-button{margin-top:2px!important}
.billing-empty-note{grid-column:1/-1;padding:10px 12px;border:1px solid #f0d6a7;border-radius:10px;background:#fff9ed;color:#8a5a00;font-size:12px;line-height:1.45}

/* Select2/native select readability in every module */
select{max-width:100%;text-overflow:ellipsis}
.select2-container{max-width:100%!important}
.select2-container--default .select2-selection--single{overflow:hidden!important}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text)!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.select2-container--default .select2-results>.select2-results__options{max-height:260px!important;overflow-y:auto!important;overflow-x:hidden!important}
.select2-container--default .select2-results__option{min-height:38px!important;display:flex;align-items:center;line-height:1.35!important}

@media(max-width:1100px){
 .billing-assignment-panel .tenant-plan-row{grid-template-columns:1fr!important;gap:20px!important}
 .billing-assign-form{grid-template-columns:minmax(0,1fr) minmax(180px,.5fr)!important}
}
@media(max-width:680px){
 .billing-assignment-panel .tenant-plan-row{padding:16px!important}
 .billing-assign-form{grid-template-columns:1fr!important}
 .billing-status-control{min-width:0!important}
 .tenant-company-summary{grid-template-columns:38px minmax(0,1fr)}
 .tenant-company-icon{width:38px;height:38px;border-radius:11px}
}

/* ==========================================================
   ZYNKO GLOBAL UI INTEGRITY PASS — 2026-09-27
   Regla: nada pegado, nada cortado, nada fuera de su contenedor.
   ========================================================== */
:root{--zynko-section-gap:20px;--zynko-control-gap:9px;--zynko-row-gap:16px}
main>section+section,main>.panel+.panel,main>.channel-cards+.panel,main>.panel+.channel-cards{margin-top:var(--zynko-section-gap)!important}
.panel{min-width:0;overflow:visible}.panel.spaced{margin-top:var(--zynko-section-gap)!important}
.panel-head{gap:18px!important;margin-bottom:18px!important;flex-wrap:wrap}.panel-head>div{gap:4px;min-width:0}.panel-head small{line-height:1.5}
.settings-grid{column-gap:18px!important;row-gap:18px!important}.field{gap:var(--zynko-control-gap)!important;align-content:start}.field>label{display:block;line-height:1.35;margin:0!important}.field>small,.field-help{margin:0!important;line-height:1.5!important}
.field input,.field textarea,.field select{min-width:0!important}.select2-container{width:100%!important;min-width:0!important}.select2-container .select2-selection--single{width:100%!important;min-width:0!important}.select2-container .select2-selection__rendered{padding-right:34px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.select2-dropdown{z-index:100500!important;background:var(--surface,#fff)!important;color:var(--text,#122033)!important;border-color:var(--line,#e5eaf1)!important}.select2-results__option{padding:9px 12px!important;line-height:1.35!important;white-space:normal!important;color:var(--text,#122033)!important}.select2-results__option--highlighted{background:var(--accent,#13a88a)!important;color:#fff!important}
.modal-card{padding:22px!important;overflow-x:hidden!important}.modal-card form{gap:18px!important}.modal-head{margin-bottom:20px!important}.modal-actions{margin-top:4px!important;padding-top:18px!important;border-top:1px solid var(--line,#e5eaf1)!important;gap:10px!important}.modal-actions button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.modal-actions button i{margin:0!important}
.channel-cards{gap:18px!important}.channel-card{min-height:112px!important;padding:18px!important;grid-template-columns:50px minmax(0,1fr) auto!important;gap:18px!important}.channel-card>div{min-width:0}.channel-card p{line-height:1.5!important}.channel-card>button{min-width:126px;justify-self:end}.meta-requirement{margin-top:20px!important;padding:20px!important}.meta-requirement .panel-head{margin-bottom:12px!important}.meta-requirement p{margin:0!important;line-height:1.6!important}.steps{gap:12px!important}.steps span{min-width:0;min-height:58px}
.integration-card{min-height:76px!important;padding:16px!important;gap:16px!important}.integration-card+.integration-card{margin-top:2px}.integration-events{margin-top:2px}.integration-events>.field-help{margin-bottom:4px!important}.integration-events .check-grid{margin-top:0!important;gap:12px!important}.integration-events .check-grid label{min-height:46px!important;padding:12px 14px!important;line-height:1.35!important}.security-note,.api-doc,.meta-note,.nivo-guide{margin-top:2px!important;padding:15px!important;line-height:1.5!important}.security-note small,.api-doc small,.meta-note small,.nivo-guide small{line-height:1.55!important}
.billing-panel{padding:20px!important}.billing-assignment-panel{margin-top:20px!important}.plan-grid{gap:18px!important}.plan-card{padding:20px!important;gap:16px!important;min-width:0}.plan-card-head{gap:18px!important}.plan-card-head>div{gap:5px}.plan-card-head small{display:inline-flex!important;width:max-content;padding:4px 8px;border-radius:999px;background:#eaf8f4;color:var(--accent2,#0d806b);font-weight:700;margin-top:3px}.plan-price{display:flex;align-items:baseline;gap:4px}.plan-limits{gap:10px!important}.plan-features{gap:9px!important}.tenant-plan-list{gap:16px!important}.tenant-plan-row{padding:18px!important;gap:20px!important;background:var(--surface2,#f8fafc)}.tenant-company-summary{display:flex!important;align-items:center;gap:12px;min-width:220px!important}.tenant-company-icon{width:42px;height:42px;border-radius:12px;background:#e8f8f4;color:var(--accent2,#0d806b);display:grid;place-items:center;flex:0 0 auto}.tenant-company-copy{display:grid!important;gap:5px!important;min-width:0}.tenant-company-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--muted,#718096);font-size:12px}.tenant-company-meta .dot{width:4px;height:4px}.billing-assign-form{grid-template-columns:minmax(190px,1fr) minmax(170px,.8fr) auto!important;gap:14px!important;align-items:end!important;min-width:min(100%,620px)!important}.billing-control{display:grid;gap:8px;min-width:0}.billing-control>label{font-weight:700;line-height:1.3}.billing-status-control{min-width:170px}.billing-assign-button{min-height:42px;white-space:nowrap}.plan-card .switch-line{width:max-content;max-width:100%;min-height:42px;padding:9px 12px;border:1px solid var(--line,#e5eaf1);border-radius:10px;background:var(--surface2,#f8fafc);cursor:pointer}.plan-card .switch-line span{flex:0 0 38px}.small-modal .switch-line{width:max-content;max-width:100%;min-height:42px;padding:9px 12px;border:1px solid var(--line,#e5eaf1);border-radius:10px;background:var(--surface2,#f8fafc);cursor:pointer}.small-modal .switch-line span{flex:0 0 38px}
.upload-zone{margin:0!important;min-width:0!important}.upload-grid{gap:18px!important}.record-toolbar{gap:16px!important}.card-list{gap:12px!important}.user-card{padding:14px!important;gap:14px!important}.nivo-tabs{gap:10px!important}.nivo-section+.nivo-section{margin-top:20px!important}.nivo-list{gap:10px!important}.nivo-list-row{padding:14px!important;gap:12px!important}.mail-profile-grid{gap:16px!important}.mail-profile{padding:16px!important;gap:14px!important}
.welcome{gap:22px!important;margin-bottom:18px!important}.welcome>div{min-width:0}.welcome p{line-height:1.55!important}.welcome>button{flex:0 0 auto}.grid2{gap:18px!important;margin:18px 0!important}.kpis{gap:16px!important}
@media(max-width:1000px){.channel-card{grid-template-columns:50px minmax(0,1fr)!important}.channel-card>button{grid-column:2;justify-self:start}.billing-assign-form{grid-template-columns:1fr 1fr!important;width:100%;min-width:0!important}.billing-assign-button{grid-column:1/-1;width:100%}.tenant-plan-row{align-items:stretch!important}.tenant-company-summary{width:100%}}
@media(max-width:760px){:root{--zynko-section-gap:16px}.panel,.billing-panel,.modal-card{padding:16px!important}.channel-card{grid-template-columns:44px minmax(0,1fr)!important;padding:16px!important;gap:14px!important}.channel-card>button{grid-column:1/-1;width:100%;justify-self:stretch}.billing-assign-form{grid-template-columns:1fr!important}.billing-assign-button{grid-column:auto}.tenant-company-summary{min-width:0!important}.tenant-plan-row{padding:15px!important;gap:16px!important}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%;flex:none!important}.welcome{align-items:stretch!important}.welcome>button{width:100%}.settings-grid{row-gap:16px!important}.integration-events .check-grid{gap:10px!important}}

/* ZYNKO — Integraciones: modal legible y responsive (2026-09-27) */
#integrationModal{padding:24px!important;overflow-y:auto!important;overflow-x:hidden!important}
#integrationModal .modal-card{width:min(900px,calc(100vw - 48px))!important;max-width:900px!important;max-height:calc(100dvh - 48px)!important;padding:26px!important;overflow-y:auto!important;overflow-x:hidden!important}
#integrationModal .modal-head{align-items:flex-start!important;gap:20px!important;margin-bottom:24px!important}
#integrationModal .modal-head>div{min-width:0!important;gap:5px!important}
#integrationModal .modal-head b{font-size:18px!important;line-height:1.3!important}
#integrationModal .modal-head small{font-size:13px!important;line-height:1.45!important;white-space:normal!important}
#integrationModal form{display:grid!important;grid-template-columns:1fr!important;gap:22px!important;min-width:0!important}
#integrationModal .field{width:100%!important;min-width:0!important;gap:8px!important}
#integrationModal .field>label:first-child{width:auto!important;max-width:none!important;white-space:normal!important;word-break:normal!important;overflow:visible!important}
#integrationModal .field input[type="text"],#integrationModal .field input[type="url"]{width:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important}
#integrationModal .integration-events{display:grid!important;gap:8px!important}
#integrationModal .integration-events>.field-help{display:block!important;margin:0 0 4px!important;white-space:normal!important;overflow:visible!important}
#integrationModal .check-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;width:100%!important;min-width:0!important}
#integrationModal .check-grid label{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:52px!important;padding:13px 14px!important;margin:0!important;white-space:normal!important;word-break:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.35!important}
#integrationModal .check-grid label input[type="checkbox"]{position:static!important;opacity:1!important;appearance:auto!important;width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;flex:0 0 18px!important;margin:0!important;padding:0!important}
#integrationModal .modal-actions{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;margin-top:0!important;padding-top:20px!important;overflow:visible!important}
#integrationModal .modal-actions button{width:auto!important;min-width:150px!important;white-space:nowrap!important}
@media(max-width:820px){#integrationModal .check-grid{grid-template-columns:1fr!important}#integrationModal .modal-card{width:min(680px,calc(100vw - 32px))!important;max-height:calc(100dvh - 32px)!important;padding:20px!important}#integrationModal{padding:16px!important}}
@media(max-width:520px){#integrationModal{padding:10px!important}#integrationModal .modal-card{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;padding:16px!important;border-radius:14px!important}#integrationModal .modal-actions{flex-direction:column-reverse!important;align-items:stretch!important}#integrationModal .modal-actions button{width:100%!important;min-width:0!important}.modal-head .modal-close{flex:0 0 38px!important}}

/* ZYNKO — Crear plan: estado claramente identificable (2026-09-27) */
#planModal .plan-status-field{gap:9px!important;padding-top:2px!important}
#planModal .plan-active-switch{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;max-width:none!important;min-height:66px!important;padding:12px 14px!important;border:1px solid var(--line,#e5eaf1)!important;border-radius:12px!important;background:var(--surface2,#f8fafc)!important;cursor:pointer!important}
#planModal .plan-active-switch>input[type="checkbox"]{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important}
#planModal .plan-active-switch>span:first-of-type{display:block!important;position:relative!important;width:42px!important;height:24px!important;min-width:42px!important;flex:0 0 42px!important;border-radius:999px!important;background:#cbd5e1!important;transition:.2s!important}
#planModal .plan-active-switch>span:first-of-type:after{content:""!important;position:absolute!important;width:18px!important;height:18px!important;left:3px!important;top:3px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 1px 3px rgba(15,23,42,.25)!important;transition:.2s!important}
#planModal .plan-active-switch>input[type="checkbox"]:checked+span:first-of-type{background:var(--accent2,#0d806b)!important}
#planModal .plan-active-switch>input[type="checkbox"]:checked+span:first-of-type:after{left:21px!important}
#planModal .plan-active-copy{display:grid!important;gap:2px!important;min-width:0!important;width:auto!important;height:auto!important;background:transparent!important;border-radius:0!important;position:static!important;flex:1 1 auto!important}
#planModal .plan-active-copy:after{display:none!important}
#planModal .plan-active-copy b{font-size:14px!important;line-height:1.3!important}
#planModal .plan-active-copy small{display:block!important;color:var(--muted,#718096)!important;font-size:12px!important;line-height:1.4!important;font-weight:500!important}
#planModal .plan-status-field>.field-help{margin:0!important;line-height:1.45!important}

/* ZYNKO Premium Experience v1 — shell, command center, realtime and accessibility */
.realtime-pill{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface2);color:var(--muted);font-size:11px;font-weight:800;white-space:nowrap;transition:.2s ease}.realtime-pill i{font-size:7px;color:#f59e0b}.realtime-pill.connected{background:#ecfdf5;border-color:#cceee2;color:#08705c}.realtime-pill.connected i{color:#10b981}.realtime-pill.offline{background:#fff7ed;border-color:#fed7aa;color:#b45309}.realtime-pill.offline i{color:#f59e0b}
.search-modal{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.search-box{padding:0!important;overflow:hidden;border-radius:22px!important;box-shadow:0 32px 100px rgba(4,12,24,.32)!important}.search-box>div:first-child{padding:18px 20px 12px}.search-box>div:first-child>div{display:grid;gap:2px}.command-subtitle{display:block!important}.command-input{margin:0 20px 10px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface2);border-radius:13px;padding:0 12px}.command-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.command-input input{margin:0!important;padding:14px 0!important;border:0!important;background:transparent!important;outline:0}.command-input>i{color:var(--muted)}.command-input kbd,.command-footer kbd{border:1px solid var(--line);background:var(--surface);padding:2px 6px;border-radius:6px;color:var(--muted);font-size:10px}.command-results{display:grid;gap:4px;padding:8px 12px 14px;max-height:min(430px,55vh);overflow:auto}.command-item{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center;padding:10px;border:0;border-radius:12px;background:transparent;color:var(--text);text-align:left}.command-item:hover,.command-item.active{background:var(--surface2)}.command-item>i{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;color:var(--accent2);background:var(--surface)}.command-item div{display:grid;gap:2px}.command-item b{font-size:13px}.command-item small{font-size:11px;color:var(--muted)}.command-item>span{font-size:11px;color:var(--muted)}.command-empty{padding:34px;text-align:center;color:var(--muted)}.command-footer{display:flex;gap:16px;align-items:center;padding:11px 20px;border-top:1px solid var(--line);background:var(--surface2);color:var(--muted);font-size:10px}.command-footer span{display:flex;align-items:center;gap:4px}
#zynkoProgress{position:fixed;left:0;top:0;height:3px;width:0;z-index:200000;background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 65%,transparent);transition:width .2s ease,opacity .25s ease;opacity:0}#zynkoProgress.run{opacity:1}
.panel,.kpis article,.channel-card,.record-card,.user-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.panel:hover,.kpis article:hover{border-color:color-mix(in srgb,var(--accent) 22%,var(--line));box-shadow:0 14px 38px rgba(17,34,51,.09)}button,a,input,select,textarea{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 22%,transparent)!important;outline-offset:2px}.primary,.soft,.user-chip,.global-search{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 22%,transparent)}
@media(max-width:900px){.realtime-pill span{display:none}.realtime-pill{width:36px;padding:0;justify-content:center}}@media(max-width:560px){.realtime-pill{display:none}.command-footer{display:none}.search-modal{padding:3vh 10px}.search-box{border-radius:16px!important}.command-results{max-height:60vh}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Premium v1.1 — centered command center and consistent modal positioning */
.modal-shell{align-items:center!important;justify-items:center!important;place-items:center!important;overflow:auto!important}
.search-modal{padding:20px!important;align-items:center!important;justify-content:center!important;overflow:auto!important}
.search-modal.open{display:flex!important}
.search-box{width:min(760px,calc(100vw - 40px))!important;max-height:calc(100dvh - 40px)!important;margin:auto!important;display:block!important;overflow:hidden!important;transform:none!important}
.search-box>div:first-child{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important}
.command-input{display:grid!important;grid-template-columns:22px minmax(0,1fr) auto!important}
.command-results{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important}
.command-item{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;width:100%!important;min-width:0!important;padding:11px 12px!important}
.command-item>div{display:grid!important;min-width:0!important}.command-item b,.command-item small{white-space:normal!important;overflow-wrap:anywhere!important}.command-item>span{white-space:nowrap!important}
.command-footer{display:flex!important;justify-content:flex-start!important;flex-wrap:wrap!important}
@media(max-width:560px){.search-modal{padding:10px!important}.search-box{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important}.command-item{grid-template-columns:38px minmax(0,1fr)!important}.command-item>span{display:none!important}.command-footer{display:none!important}}

/* Premium omnichannel inbox v2 */
.inbox-premium-toolbar{display:grid;gap:14px;margin-bottom:16px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 8px 28px rgba(17,34,51,.05)}.inbox-view-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.inbox-view-title b{display:block;font-size:16px}.inbox-view-title small{display:block;margin-top:3px;color:var(--muted)}.view-count{font-size:12px;font-weight:800;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);padding:7px 10px;border-radius:999px;white-space:nowrap}.inbox-filters{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr)) auto;gap:10px;align-items:end}.inbox-filters label{min-width:0}.inbox-filters label>span{display:block;margin-bottom:6px;font-size:11px;font-weight:800;color:var(--muted)}.inbox-filters .select2-container{width:100%!important}.clear-inbox-filters{min-height:42px}.conversation{position:relative;grid-template-columns:auto minmax(0,1fr) auto!important;gap:11px!important;padding:12px!important}.channel-avatar{position:relative;overflow:visible!important}.channel-badge{position:absolute;right:-4px;bottom:-3px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;font-size:10px;background:var(--surface);border:2px solid var(--surface);box-shadow:0 1px 5px rgba(0,0,0,.12)}.channel-badge.whatsapp{color:#16a34a}.channel-badge.messenger{color:#2563eb}.channel-badge.instagram{color:#db2777}.conversation-copy{min-width:0}.conversation-line{display:flex;align-items:center;gap:7px;min-width:0}.conversation-line b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{min-width:19px;height:19px;padding:0 5px;border-radius:999px;display:inline-grid;place-items:center;background:var(--accent);color:white;font-size:10px;font-weight:900}.conversation-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:5px}.conversation-meta span{font-size:10px;color:var(--muted);display:inline-flex;align-items:center;gap:4px}.conversation-meta .sla-risk{color:#b45309;font-weight:800}.conversation-meta .unassigned{color:#64748b}.priority-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8}.priority-dot.high{background:#f59e0b}.priority-dot.urgent{background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.10)}.bulk-check{display:none}.bulk-mode .conversation{grid-template-columns:24px auto minmax(0,1fr) auto!important}.bulk-mode .bulk-check{display:grid;place-items:center}.bulk-check input{width:16px;height:16px}.bulk-bar{margin:8px 10px;padding:9px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);display:flex;align-items:center;gap:7px;flex-wrap:wrap}.bulk-bar[hidden]{display:none}.bulk-bar b{margin-right:auto;font-size:11px}.channel-health-mini{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:var(--surface2);font-size:11px;font-weight:800}.customer-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.customer-facts span{padding:9px;border:1px solid var(--line);border-radius:10px;min-width:0}.customer-facts small,.customer-facts b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-facts small{font-size:9px;color:var(--muted);text-transform:uppercase;font-weight:800}.customer-facts b{font-size:11px;margin-top:3px}.nivo-summary{margin:10px 14px 0;padding:11px 12px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent) 6%,var(--surface));display:flex;gap:10px}.nivo-summary[hidden]{display:none}.nivo-summary>i{color:var(--accent);margin-top:3px}.nivo-summary b,.nivo-summary small{display:block}.nivo-summary p{margin:4px 0;line-height:1.45;font-size:12px}.nivo-summary small{color:var(--muted);font-size:10px}.chat-head small i{margin-right:3px}
@media(max-width:980px){.inbox-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.clear-inbox-filters{width:100%}}@media(max-width:620px){.inbox-view-title{align-items:flex-start;flex-direction:column}.inbox-filters{grid-template-columns:1fr}.customer-facts{grid-template-columns:1fr}.inbox-premium-toolbar{padding:14px}}

/* Premium omnichannel empty states */
.inbox-empty-state{width:100%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text,#122033)}
.inbox-empty-list{min-height:360px;padding:36px 18px}.inbox-empty-chat{height:100%;min-height:420px;padding:44px clamp(20px,5vw,64px)}
.empty-copy{display:flex;flex-direction:column;align-items:center;max-width:620px;min-width:0}.empty-copy h2{margin:12px 0 7px;font-size:clamp(22px,2.2vw,30px);letter-spacing:-.025em}.empty-copy>b{font-size:17px;margin:13px 0 6px}.empty-copy>p,.empty-copy>span:not(.empty-eyebrow){margin:0;color:var(--muted,#718096);line-height:1.65;max-width:560px}
.empty-eyebrow{display:inline-flex!important;align-items:center;gap:7px;width:max-content;max-width:100%;padding:7px 10px;border:1px solid color-mix(in srgb,var(--accent,#13a88a) 24%,transparent);border-radius:999px;background:color-mix(in srgb,var(--accent,#13a88a) 8%,var(--surface,#fff));color:var(--accent2,#0d806b)!important;font-size:11px;font-weight:800;letter-spacing:.035em;text-transform:uppercase}
.empty-hero-icon{position:relative;width:86px;height:86px;display:grid;place-items:center;border-radius:26px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent,#13a88a) 15%,var(--surface,#fff)),var(--surface,#fff));border:1px solid color-mix(in srgb,var(--accent,#13a88a) 20%,var(--line,#e5eaf1));box-shadow:0 18px 50px rgba(13,128,107,.12);color:var(--accent2,#0d806b);font-size:32px;margin-bottom:18px}.empty-hero-icon>span{position:absolute;right:-6px;bottom:-5px;width:30px;height:30px;border-radius:11px;display:grid;place-items:center;background:var(--accent,#13a88a);color:#fff;border:4px solid var(--surface,#fff);font-size:10px}
.empty-steps{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px}.empty-steps>span{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;text-align:left;column-gap:10px;padding:13px;border:1px solid var(--line,#e5eaf1);border-radius:14px;background:var(--surface2,#f8fafc);min-width:0}.empty-steps i{grid-row:1/3;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--accent,#13a88a) 12%,var(--surface,#fff));color:var(--accent2,#0d806b);font-size:11px}.empty-steps b{font-size:12px}.empty-steps small{font-size:10px;color:var(--muted,#718096);line-height:1.35;margin-top:2px}
.empty-orbit{width:112px;height:112px;position:relative;margin-bottom:8px}.orbit-ring{position:absolute;inset:14px;border:1px dashed color-mix(in srgb,var(--accent,#13a88a) 30%,var(--line,#e5eaf1));border-radius:50%}.orbit-core{position:absolute;inset:31px;display:grid;place-items:center;border-radius:22px;background:var(--surface,#fff);border:1px solid var(--line,#e5eaf1);box-shadow:0 12px 30px rgba(13,128,107,.12);color:var(--accent2,#0d806b);font-size:22px}.orbit-channel{position:absolute;width:29px;height:29px;display:grid;place-items:center;border-radius:10px;background:var(--surface,#fff);border:1px solid var(--line,#e5eaf1);box-shadow:0 8px 20px rgba(17,34,51,.08);font-size:14px}.orbit-channel.wa{left:1px;top:40px;color:#18a86b}.orbit-channel.msg{right:4px;top:14px;color:#1685e5}.orbit-channel.ig{right:8px;bottom:8px;color:#a83da0}.empty-channel-pills{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:15px}.empty-channel-pills span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid var(--line,#e5eaf1);border-radius:999px;background:var(--surface2,#f8fafc);font-size:10px;color:var(--muted,#718096)}
@media(max-width:720px){.inbox-empty-list{min-height:260px;padding:28px 14px}.inbox-empty-chat{min-height:480px;padding:32px 16px}.empty-steps{grid-template-columns:1fr}.empty-copy h2{font-size:22px}.empty-orbit{transform:scale(.9)}}
@media(prefers-reduced-motion:no-preference){.empty-hero-icon,.orbit-core{animation:zynkoEmptyFloat 4s ease-in-out infinite}@keyframes zynkoEmptyFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}}


/* Premium omnichannel v2.2 — compact viewport-fit inbox */
body:has(.inbox-premium-toolbar) main{padding-top:18px;padding-bottom:18px}
.inbox-premium-toolbar{gap:10px;margin-bottom:10px;padding:12px 14px;border-radius:14px}
.inbox-view-title small{margin-top:1px}.inbox-filters{gap:8px}.inbox-filters label>span{margin-bottom:4px}.clear-inbox-filters{min-height:38px}
.inbox-layout{height:calc(100dvh - 246px);min-height:430px;gap:10px}
.inbox-layout>.panel{padding:14px}.conv-list{display:flex;flex-direction:column;overflow:hidden!important}.conv-list .panel-head{margin-bottom:10px}.inbox-search{margin-bottom:6px}.conversation-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}
.inbox-empty-list{height:100%;min-height:0;padding:18px 12px;justify-content:center}.inbox-empty-list .empty-orbit{width:82px;height:82px;margin-bottom:3px}.inbox-empty-list .orbit-ring{inset:11px}.inbox-empty-list .orbit-core{inset:23px;border-radius:17px;font-size:17px}.inbox-empty-list .orbit-channel{width:23px;height:23px;border-radius:8px;font-size:11px}.inbox-empty-list .orbit-channel.wa{top:29px}.inbox-empty-list .orbit-channel.msg{top:8px}.inbox-empty-list .empty-copy>b{font-size:14px;margin:8px 0 4px}.inbox-empty-list .empty-copy>span:not(.empty-eyebrow){font-size:11px;line-height:1.45}.inbox-empty-list .empty-channel-pills{margin-top:9px;gap:4px}.inbox-empty-list .empty-channel-pills span{padding:4px 6px;font-size:9px}.inbox-empty-list .empty-eyebrow{padding:5px 7px;font-size:9px}
.inbox-empty-chat{height:100%;min-height:0;padding:22px clamp(18px,3vw,42px)}.inbox-empty-chat .empty-hero-icon{width:66px;height:66px;border-radius:20px;font-size:24px;margin-bottom:11px}.inbox-empty-chat .empty-hero-icon>span{width:25px;height:25px;border-radius:9px}.inbox-empty-chat .empty-copy h2{font-size:clamp(19px,1.8vw,25px);margin:8px 0 5px}.inbox-empty-chat .empty-copy>p{font-size:11px;line-height:1.5;max-width:520px}.inbox-empty-chat .empty-eyebrow{padding:5px 8px;font-size:9px}.inbox-empty-chat .empty-steps{margin-top:14px;gap:7px}.inbox-empty-chat .empty-steps>span{padding:9px}.inbox-empty-chat .empty-steps i{width:24px;height:24px}.inbox-empty-chat .empty-steps b{font-size:11px}.inbox-empty-chat .empty-steps small{font-size:9px}
.info>.empty-compact{height:100%;min-height:0;padding:20px}
@media(max-height:780px) and (min-width:761px){body:has(.inbox-premium-toolbar) main{padding-top:12px;padding-bottom:12px}.inbox-premium-toolbar{padding:9px 12px;margin-bottom:8px}.inbox-view-title small{display:none}.inbox-filters label>span{font-size:9px}.inbox-layout{height:calc(100dvh - 218px);min-height:360px}.inbox-empty-list .empty-channel-pills{display:none}.inbox-empty-chat .empty-steps{margin-top:10px}.inbox-empty-chat{padding-top:14px;padding-bottom:14px}}
@media(max-width:1050px){.inbox-layout{height:calc(100dvh - 250px)}}
@media(max-width:760px){body:has(.inbox-premium-toolbar) main{padding-top:78px}.inbox-layout{height:auto;min-height:0}.conv-list{max-height:380px;min-height:280px}.inbox-empty-list{min-height:220px}.inbox-empty-chat{min-height:420px}.inbox-premium-toolbar{margin-bottom:10px}}

/* Premium omnichannel v2.3 — alignment, compact actions, searchable selects */
body:has(.inbox-premium-toolbar){overflow-y:hidden}
body:has(.inbox-premium-toolbar) main{height:calc(100dvh - 68px);overflow:hidden;display:flex;flex-direction:column;padding-top:12px!important;padding-bottom:12px!important}
.inbox-premium-toolbar{flex:0 0 auto;padding:10px 14px!important;margin-bottom:8px!important;gap:8px!important}
.inbox-view-title{min-height:30px}.inbox-view-title small{margin-top:0!important}.view-count{padding:5px 9px}
.inbox-filters{grid-template-columns:repeat(3,minmax(0,1fr)) 126px!important;gap:10px!important;align-items:end!important}
.inbox-filters label{display:flex;flex-direction:column;justify-content:flex-end;min-width:0}
.inbox-filters label>span{height:17px;margin:0 0 4px!important;display:flex!important;align-items:center}
.inbox-filters .select2-container,.inbox-filters .select2-selection{min-height:38px!important}
.inbox-filters .select2-selection--single{display:flex!important;align-items:center!important}
.inbox-filters .select2-selection__rendered{line-height:36px!important;padding-left:11px!important}
.inbox-filters .select2-selection__arrow{height:36px!important}
.clear-inbox-filters{height:38px!important;min-height:38px!important;width:126px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;margin:0!important;white-space:nowrap}
.inbox-layout{flex:1;height:auto!important;min-height:0!important;overflow:hidden;grid-template-columns:minmax(280px,310px) minmax(390px,1fr) minmax(230px,260px);gap:10px!important}
.inbox-layout>.panel{height:100%;min-height:0;overflow:hidden}.chat,.info{min-height:0!important}
.conv-list{padding:12px!important}.conv-list .panel-head{align-items:center!important;flex-wrap:nowrap!important;margin-bottom:8px!important;gap:8px!important}.conv-list .panel-head>div:first-child{min-width:0;flex:1}.conv-list .panel-head small{font-size:10px}
.conv-list .head-actions{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:nowrap!important;flex:0 0 auto}.conv-list .head-actions .soft{height:34px!important;min-height:34px!important;padding:7px 9px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;white-space:nowrap;font-size:11px}
.inbox-search{margin:0 0 6px!important;min-height:38px}.bulk-bar{margin:0 0 6px!important;padding:7px 8px!important;flex-wrap:nowrap!important;min-height:38px}.bulk-bar .soft{padding:6px 8px!important;white-space:nowrap}
.conversation-scroll{overscroll-behavior:contain;scrollbar-width:thin}.inbox-empty-list{padding:10px 8px!important}.inbox-empty-list .empty-orbit{width:72px!important;height:72px!important}.inbox-empty-list .empty-copy>b{font-size:13px!important}.inbox-empty-list .empty-copy>span:not(.empty-eyebrow){font-size:10px!important}.inbox-empty-chat{padding:14px 22px!important}.inbox-empty-chat .empty-steps{max-width:650px}
.select2-container--open{z-index:10050!important}.select2-search--dropdown{padding:8px!important}.select2-search__field{width:100%!important;min-height:36px!important;border:1px solid var(--line)!important;border-radius:9px!important;padding:7px 10px!important;outline:none!important;background:var(--surface)!important;color:var(--text)!important}.select2-results__option{padding:9px 11px!important}
@media(max-height:760px) and (min-width:761px){.inbox-view-title small{display:none}.inbox-premium-toolbar{padding:8px 12px!important}.conv-list .panel-head small{display:none}.inbox-empty-list .empty-channel-pills{display:none}.inbox-empty-chat .empty-hero-icon{width:54px;height:54px;font-size:20px;margin-bottom:7px}.inbox-empty-chat .empty-copy h2{font-size:19px}.inbox-empty-chat .empty-steps{margin-top:8px}}
@media(max-width:1050px) and (min-width:761px){.inbox-layout{grid-template-columns:minmax(270px,300px) minmax(360px,1fr)}.info{display:none!important}.inbox-filters{grid-template-columns:repeat(3,minmax(0,1fr)) 112px!important}.clear-inbox-filters{width:112px!important}}
@media(max-width:760px){body:has(.inbox-premium-toolbar){overflow-y:auto}body:has(.inbox-premium-toolbar) main{height:auto;overflow:visible;display:block}.inbox-filters{grid-template-columns:1fr!important}.clear-inbox-filters{width:100%!important}.inbox-layout{display:grid!important;height:auto!important;overflow:visible}.conv-list .panel-head{flex-wrap:wrap!important}.conv-list .head-actions{width:100%;display:grid!important;grid-template-columns:1fr 1fr}.conv-list .head-actions .soft{width:100%}.conv-list{max-height:none!important}.conversation-scroll{max-height:330px}}

/* ZYNKO V2.5 — Premium responsive channel catalog */
.channel-welcome{margin-bottom:14px!important}.channel-overview{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.channel-overview>div{display:flex;align-items:center;gap:7px;padding:5px 10px;border-right:1px solid var(--line)}.channel-overview>div:last-child{border-right:0}.channel-overview b{font-size:18px}.channel-overview span{color:var(--muted);font-size:12px}.channel-overview .grow{flex:1;justify-content:flex-end}.channel-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(245px,1fr))!important;gap:16px!important;align-items:stretch}.channel-grid .channel-tile{display:flex!important;flex-direction:column;min-height:230px!important;padding:18px!important;gap:14px!important}.channel-tile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.channel-tile-copy{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}.channel-tile-copy h3{margin:0!important;font-size:16px}.channel-tile-copy p{margin:0!important;font-size:13px;line-height:1.5!important;color:var(--muted)}.channel-tile-actions{display:flex;align-items:center;margin-top:auto}.channel-tile-actions .soft{width:100%;min-width:0!important;justify-content:center!important}.channel-state{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid var(--line);border-radius:999px;font-size:10px;color:var(--muted);white-space:nowrap}.channel-state i{font-size:6px}.channel-state.connected{color:#08705c;background:#eefbf7;border-color:#ccefe4}.channel-state.warning{color:#9a6700;background:#fff9e9;border-color:#f4dfaa}.channel-account{display:flex;align-items:center;gap:6px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-icon{flex:0 0 46px;font-size:21px}.channel-icon.messenger{background:#eef4ff;color:#2563eb}.channel-icon.instagram{background:#fff1f5;color:#c13584}.channel-icon.webchat{background:#eefbf7;color:#08705c}.channel-icon.telegram{background:#eef8ff;color:#229ed9}.channel-icon.email{background:#f3f4f6;color:#475569}.channel-catalog-modal{width:min(760px,calc(100vw - 32px))!important}.channel-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:6px}.channel-catalog-item{display:grid;grid-template-columns:48px minmax(0,1fr) 18px;align-items:center;gap:12px;text-align:left;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);min-width:0;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.channel-catalog-item:hover:not(.coming-soon){border-color:color-mix(in srgb,var(--accent) 38%,var(--line));box-shadow:0 8px 22px rgba(17,34,51,.08);transform:translateY(-1px)}.channel-catalog-item>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}.channel-catalog-item small{color:var(--muted);font-size:11px}.channel-catalog-item.coming-soon{opacity:.62;cursor:not-allowed}.channel-catalog-item>i{color:var(--muted);justify-self:end}.steps{grid-template-columns:repeat(6,minmax(0,1fr))!important}
@media(max-width:1180px){.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.steps{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){.channel-overview{align-items:stretch;flex-wrap:wrap}.channel-overview .grow{flex-basis:100%;justify-content:flex-start;border-right:0;border-top:1px solid var(--line);padding-top:10px}.channel-grid,.channel-catalog-grid{grid-template-columns:1fr!important}.channel-grid .channel-tile{min-height:205px!important}.steps{grid-template-columns:1fr!important}}
/* V2.6 — Channel catalog administration + non-white actions */
.soft,.secondary-action{background:#10283a!important;color:#fff!important;border:1px solid #10283a!important;box-shadow:none!important}.soft:hover,.secondary-action:hover{background:#17384e!important;border-color:#17384e!important;color:#fff!important}.modal-close{background:#10283a!important;color:#fff!important;border:1px solid #10283a!important}.modal-close:hover{background:#17384e!important;color:#fff!important}.modal-actions .primary{background:var(--accent)!important;color:#fff!important}.channel-welcome-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.secondary-action{min-height:40px;padding:9px 14px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.channel-admin-list{display:grid;gap:10px}.channel-admin-row{display:grid;grid-template-columns:46px minmax(170px,1fr) auto auto auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}.channel-admin-copy{display:grid;gap:3px}.channel-admin-copy small{color:var(--muted)}.switch-line{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;white-space:nowrap}.switch-line input{position:absolute;opacity:0;pointer-events:none}.switch-line span{width:34px;height:20px;border-radius:999px;background:#a9b5c4;position:relative;transition:.18s}.switch-line span:after{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.18s}.switch-line input:checked+span{background:var(--accent)}.switch-line input:checked+span:after{transform:translateX(14px)}.switch-line.is-disabled{opacity:.45}.compact-save{min-height:36px;padding:8px 11px!important;white-space:nowrap}.channel-catalog-item.coming-soon{background:var(--surface2)!important}.channel-catalog-item.coming-soon>i{color:#7f91a7}.channel-catalog-item{background:var(--surface2)!important}.channel-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important}
@media(max-width:900px){.channel-admin-row{grid-template-columns:46px minmax(0,1fr) auto auto}.channel-admin-row .compact-save{grid-column:2/-1;width:100%}}
@media(max-width:620px){.channel-welcome-actions{width:100%;display:grid;grid-template-columns:1fr}.channel-admin-row{grid-template-columns:42px minmax(0,1fr)}.channel-admin-row .switch-line{grid-column:2}.channel-admin-row .compact-save{grid-column:1/-1}.secondary-action{width:100%}}
/* V2.8 — Clean channel catalog administration */
.channel-admin-list{gap:12px!important;margin-top:10px}.channel-admin-row{grid-template-columns:48px minmax(210px,1fr) 116px 116px auto!important;gap:14px!important;padding:14px 16px!important;background:#fff!important;min-height:82px}.channel-admin-copy b{font-size:14px;line-height:1.25}.channel-admin-copy small{font-size:11px;line-height:1.35}.channel-admin-control{display:grid;grid-template-columns:1fr;gap:6px;align-items:start}.channel-admin-control>strong{display:block;font-size:11px;line-height:1.2;color:var(--text);font-style:normal}.channel-admin-control>small{font-size:10px;line-height:1.25;color:var(--muted)}.channel-admin-control .switch-line{justify-content:flex-start;gap:9px;font-size:11px}.channel-admin-control .switch-line em{font-style:normal!important;color:var(--text)!important;font-weight:700!important;opacity:1!important}.channel-admin-control .switch-line.is-disabled em{color:var(--muted)!important}.channel-admin-control .switch-line.is-disabled{opacity:1!important}.channel-admin-control .switch-line.is-disabled span{opacity:.55}.channel-admin-row .compact-save{min-width:96px;justify-content:center}.channel-admin-note{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:#f4f8fb;color:var(--muted);font-size:11px;line-height:1.4;margin:2px 0 10px}.channel-admin-note i{color:var(--accent);margin-top:2px}.channel-admin-footer{display:flex;justify-content:flex-end;padding-top:12px;border-top:1px solid var(--line)}
@media(max-width:900px){.channel-admin-row{grid-template-columns:46px minmax(0,1fr) auto!important}.channel-admin-copy{grid-column:2/3}.channel-admin-control{grid-column:2/3;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.channel-admin-row .compact-save{grid-column:3;grid-row:1/4;align-self:center}.channel-admin-control>strong,.channel-admin-control>small{display:none}}
@media(max-width:620px){.channel-admin-row{grid-template-columns:42px minmax(0,1fr)!important;padding:12px!important}.channel-admin-row .compact-save{grid-column:1/-1;grid-row:auto;width:100%}.channel-admin-control{grid-column:1/-1}.channel-admin-copy{grid-column:2}.channel-admin-list{gap:10px}}

/* V2.9 — estándar global para cerrar modales: icono perfectamente centrado */
.modal-head .modal-close,
.modal-head > button.modal-close,
#closeSearch{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  flex:0 0 40px!important;
  padding:0!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  text-align:center!important;
  border-radius:10px!important;
  background:#10283a!important;
  border:1px solid #10283a!important;
  color:#fff!important;
  box-sizing:border-box!important;
}
.modal-head .modal-close i,
.modal-head > button.modal-close i,
#closeSearch i{
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  font-size:16px!important;
  transform:none!important;
}
.modal-head .modal-close:hover,
#closeSearch:hover{background:#17384e!important;border-color:#17384e!important;color:#fff!important}
.modal-head{align-items:flex-start!important}
.modal-head>div{min-width:0!important;flex:1 1 auto!important}
@media(max-width:520px){.modal-head .modal-close,#closeSearch{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;flex-basis:38px!important}}

/* V2.10 — Catálogo: controles totalmente legibles y sin solapamientos */
#channelAdminModal .channel-catalog-modal{width:min(980px,calc(100vw - 32px))!important;max-height:min(88vh,820px)!important;overflow:auto!important}
#channelAdminModal .channel-admin-row{grid-template-columns:52px minmax(220px,1fr) minmax(145px,165px) minmax(165px,185px) 112px!important;column-gap:18px!important;align-items:center!important;overflow:visible!important}
#channelAdminModal .channel-admin-control{min-width:0!important;overflow:visible!important}
#channelAdminModal .channel-admin-control>strong{white-space:normal!important;font-size:11px!important;line-height:1.3!important;margin:0!important}
#channelAdminModal .channel-admin-control .switch-line{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;justify-content:start!important;gap:10px!important;width:100%!important;min-width:0!important;overflow:visible!important;white-space:normal!important}
#channelAdminModal .channel-admin-control .switch-line>span{display:block!important;width:38px!important;height:22px!important;min-width:38px!important;max-width:38px!important;flex:none!important;margin:0!important;overflow:visible!important}
#channelAdminModal .channel-admin-control .switch-line>span:after{width:16px!important;height:16px!important;left:3px!important;top:3px!important}
#channelAdminModal .channel-admin-control .switch-line input:checked+span:after{transform:translateX(16px)!important}
#channelAdminModal .channel-admin-control .switch-line>em{display:block!important;position:static!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;line-height:1.25!important;font-size:11px!important;color:var(--text)!important;font-weight:700!important;font-style:normal!important;transform:none!important}
#channelAdminModal .channel-admin-control .switch-line.is-disabled>em{color:var(--muted)!important}
#channelAdminModal .compact-save{width:112px!important;min-width:112px!important;padding:10px 12px!important;white-space:nowrap!important}
#channelAdminModal .channel-admin-copy{min-width:0!important}
#channelAdminModal .channel-admin-copy b,#channelAdminModal .channel-admin-copy small{display:block!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important}
@media(max-width:900px){#channelAdminModal .channel-catalog-modal{width:min(760px,calc(100vw - 24px))!important}#channelAdminModal .channel-admin-row{grid-template-columns:48px minmax(0,1fr) 112px!important}#channelAdminModal .channel-admin-control{grid-column:2/3!important;display:grid!important;grid-template-columns:135px minmax(0,1fr)!important;align-items:center!important;gap:10px!important}#channelAdminModal .channel-admin-control>strong{display:block!important}#channelAdminModal .channel-admin-row .compact-save{grid-column:3!important;grid-row:1/4!important}}
@media(max-width:620px){#channelAdminModal .channel-catalog-modal{width:calc(100vw - 16px)!important}#channelAdminModal .channel-admin-row{grid-template-columns:44px minmax(0,1fr)!important}#channelAdminModal .channel-admin-control{grid-column:1/-1!important;grid-template-columns:1fr!important;gap:6px!important;padding-top:4px!important}#channelAdminModal .channel-admin-row .compact-save{grid-column:1/-1!important;grid-row:auto!important;width:100%!important}#channelAdminModal .channel-admin-note{font-size:10px!important}}


/* V2.11 — Login Remember + dialog actions premium consistency */
.login-card .form-line{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;min-height:42px!important}
.login-card .switch-line{display:inline-grid!important;grid-template-columns:40px auto!important;align-items:center!important;gap:10px!important;min-height:40px!important;width:auto!important;max-width:max-content!important;padding:0!important;border:0!important;background:transparent!important;color:var(--text,#0f172a)!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important;white-space:nowrap!important;overflow:visible!important}
.login-card .switch-line input[type="checkbox"]{position:absolute!important;inline-size:1px!important;block-size:1px!important;opacity:0!important;pointer-events:none!important}
.login-card .switch-line>span{position:relative!important;display:block!important;width:40px!important;height:22px!important;min-width:40px!important;max-width:40px!important;margin:0!important;padding:0!important;border:0!important;border-radius:999px!important;background:#cbd5e1!important;overflow:hidden!important;box-shadow:inset 0 0 0 1px rgba(15,23,42,.04)!important}
.login-card .switch-line>span:after{content:""!important;position:absolute!important;display:block!important;width:16px!important;height:16px!important;left:3px!important;top:3px!important;margin:0!important;border-radius:50%!important;background:#fff!important;box-shadow:0 1px 3px rgba(15,23,42,.18)!important;transform:translateX(0)!important;transition:transform .18s ease!important}
.login-card .switch-line input[type="checkbox"]:checked+span{background:#10a98b!important}
.login-card .switch-line input[type="checkbox"]:checked+span:after{left:3px!important;transform:translateX(18px)!important}
.login-card .switch-line:focus-within>span{box-shadow:0 0 0 3px rgba(16,169,139,.16)!important}
.login-card .form-line>a{min-height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;white-space:nowrap!important}

.zynko-dialog-actions button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:1px solid transparent!important;color:#fff!important;box-shadow:none!important}
.zynko-dialog-actions button i{font-size:13px!important;line-height:1!important;color:inherit!important}
.zynko-dialog-cancel{background:#10283a!important;color:#fff!important;border-color:#10283a!important}
.zynko-dialog-cancel:hover{background:#17384e!important;border-color:#17384e!important;color:#fff!important}
.zynko-dialog-confirm{background:#10a98b!important;color:#fff!important;border-color:#10a98b!important}
.zynko-dialog-confirm:hover{background:#0d9279!important;border-color:#0d9279!important;color:#fff!important}
.zynko-dialog-icon.question{background:#eef8f6!important;color:#0d9279!important}
@media(max-width:520px){.login-card .form-line{align-items:flex-start!important;flex-direction:column!important;gap:4px!important}.login-card .form-line>a{justify-content:flex-start!important}}
/* NIVO Web Chat */
.webchat-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px}.switch-stack{display:flex;gap:18px;flex-wrap:wrap}.preview-stage{min-height:430px;background:#eef3f6;border:1px solid var(--line);border-radius:18px;padding:28px;display:flex;align-items:flex-end;justify-content:flex-end;position:relative}.preview-chat{width:min(100%,330px);background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 45px rgba(15,23,42,.14);overflow:hidden}.preview-head{background:#0f172a;color:#fff;padding:15px;display:flex;gap:11px;align-items:center}.preview-head small{display:block;color:#b8c5d1}.nivo-orb{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#14b8a6}.preview-body{min-height:180px;padding:18px;background:#f8fafc}.preview-body span{display:inline-block;background:#fff;border:1px solid #dce5eb;border-radius:14px 14px 14px 4px;padding:11px 13px;color:#334155}.preview-input{margin:12px;border:1px solid #dce5eb;border-radius:12px;padding:11px;color:#94a3b8;display:flex;justify-content:space-between}.preview-launcher{position:absolute;right:14px;bottom:14px;width:56px;height:56px;border:0;border-radius:50%;color:#fff;font-size:20px;box-shadow:0 12px 28px rgba(15,23,42,.22)}.embed-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;align-items:center;background:#f8fafc;border:1px solid var(--line);padding:16px;border-radius:14px}.embed-box>div{grid-column:1/-1}.embed-box code{overflow:auto;white-space:nowrap;background:#0f172a;color:#d5f5ef;border-radius:10px;padding:12px}.installation-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin:18px 0}.installation-list{display:grid;gap:10px}.installation-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:13px}.installation-row small{display:block;color:var(--muted);margin-top:3px}.icon-btn.danger{color:#b42318}@media(max-width:900px){.webchat-layout{grid-template-columns:1fr}.installation-form{grid-template-columns:1fr}.embed-box{grid-template-columns:1fr}.installation-row{grid-template-columns:auto minmax(0,1fr) auto auto}.installation-row .status-badge{grid-column:2/-1;justify-self:start}}


/* V2.12.3 — UI canonical: NIVO Web Chat + Select2 */
.nivo-webchat-page{display:block;width:100%;min-width:0}
.nivo-webchat-page .welcome{margin-bottom:16px}
.nivo-webchat-page .webchat-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:18px;align-items:start;width:100%;min-width:0;margin:0 0 18px}
.nivo-webchat-page .webchat-layout>.panel{position:static!important;inset:auto!important;float:none!important;transform:none!important;width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;margin:0!important;overflow:visible!important}
.nivo-webchat-page .webchat-preview{padding:18px!important}
.nivo-webchat-page .webchat-preview .panel-head{margin-bottom:14px!important}
.nivo-webchat-page .preview-stage{width:100%;min-height:420px;padding:22px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.nivo-webchat-page .preview-chat{width:min(100%,310px)}
.nivo-webchat-page .preview-launcher{right:18px;bottom:18px}
.nivo-webchat-page #webchatWidgetForm .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px}
.nivo-webchat-page #webchatWidgetForm .field{min-width:0}
.nivo-webchat-page #webchatWidgetForm .field>label:first-child{font-size:12px;line-height:1.35;color:var(--text);font-weight:700}
.nivo-webchat-page #webchatWidgetForm input[type=color]{appearance:none;-webkit-appearance:none;width:100%;height:44px;padding:5px;border:1px solid var(--line);border-radius:11px;background:var(--surface);cursor:pointer}
.nivo-webchat-page #webchatWidgetForm input[type=color]::-webkit-color-swatch-wrapper{padding:0}.nivo-webchat-page #webchatWidgetForm input[type=color]::-webkit-color-swatch{border:0;border-radius:7px}
.nivo-webchat-page .switch-stack{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.nivo-webchat-page .switch-line{position:relative;display:inline-grid!important;grid-template-columns:38px minmax(0,auto)!important;align-items:center!important;column-gap:12px!important;min-height:40px!important;width:auto!important;max-width:100%;padding:8px 10px!important;border:1px solid var(--line);border-radius:11px;background:var(--surface2);font-size:12px;font-weight:700;line-height:1.3;cursor:pointer}
.nivo-webchat-page .switch-line input[type=checkbox]{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.nivo-webchat-page .switch-line>.switch-control{position:relative!important;display:block!important;flex:0 0 38px!important;width:38px!important;height:22px!important;border-radius:999px!important;background:#aab6c5!important;margin:0!important}
.nivo-webchat-page .switch-line>.switch-control:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.2);transition:left .18s ease}
.nivo-webchat-page .switch-line input:checked+.switch-control{background:var(--accent)!important}.nivo-webchat-page .switch-line input:checked+.switch-control:after{left:19px!important}.nivo-webchat-page .switch-label-text{display:block!important;min-width:0!important;color:var(--text)!important;font-size:12px!important;font-weight:700!important;line-height:1.3!important;white-space:normal!important}
.nivo-webchat-page #webchatWidgetForm .field.full>.switch-line{display:flex!important;width:100%!important}
.nivo-webchat-page #webchatWidgetForm .field-help{display:block;margin-top:5px;color:var(--muted);line-height:1.45}
.nivo-webchat-page #webchatWidgetForm .form-actions{display:flex;justify-content:flex-end;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.nivo-webchat-page #webchatWidgetForm .form-actions .primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px}
.channel-badge.webchat{color:var(--accent2)}.channel-icon.webchat{background:#e7f8f4;color:var(--accent2)}

/* Select2 canonical sizing — selection and dropdown always share one geometry */
.select2-container{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
.select2-container--default .select2-selection--single{height:42px!important;min-height:42px!important;display:flex!important;align-items:center!important;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--surface)!important;overflow:hidden!important;box-sizing:border-box!important}
.select2-container--default .select2-selection--single .select2-selection__rendered{width:100%!important;line-height:40px!important;padding:0 38px 0 12px!important;color:var(--text)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:40px!important;top:0!important;right:8px!important}
.select2-container--open{z-index:100500!important}
.select2-container--open .select2-dropdown{box-sizing:border-box!important;border:1px solid var(--line)!important;border-radius:10px!important;overflow:hidden!important;box-shadow:0 14px 38px rgba(15,23,42,.16)!important;background:var(--surface)!important}
.select2-search--dropdown{padding:7px!important;background:var(--surface)!important;border-bottom:1px solid var(--line)!important}
.select2-search--dropdown .select2-search__field{width:100%!important;height:36px!important;min-height:36px!important;padding:7px 10px!important;margin:0!important;box-sizing:border-box!important;border:1px solid var(--line)!important;border-radius:8px!important;background:var(--surface2)!important;color:var(--text)!important;outline:none!important}
.select2-results{background:var(--surface)!important}.select2-results__options{max-height:240px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:4px!important}.select2-results__option{min-height:38px!important;padding:9px 10px!important;border-radius:7px!important;display:flex!important;align-items:center!important;white-space:normal!important;line-height:1.35!important}.select2-results__option--highlighted[aria-selected]{background:var(--accent)!important;color:#fff!important}
.inbox-filters .select2-container{display:block!important;width:100%!important}.inbox-filters .select2-container--default .select2-selection--single{width:100%!important;height:40px!important;min-height:40px!important;background:var(--surface)!important;border:1px solid var(--line)!important}.inbox-filters .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:38px!important}.inbox-filters .select2-container--default .select2-selection--single .select2-selection__arrow{height:38px!important}
@media(max-width:1180px){.nivo-webchat-page .webchat-layout{grid-template-columns:1fr}.nivo-webchat-page .preview-stage{min-height:360px}.nivo-webchat-page .webchat-preview{order:2}}
@media(max-width:760px){.nivo-webchat-page #webchatWidgetForm .settings-grid{grid-template-columns:1fr}.nivo-webchat-page .switch-stack{display:grid;grid-template-columns:1fr}.nivo-webchat-page .switch-line{width:100%!important}.nivo-webchat-page .preview-stage{min-height:340px;padding:16px}}


/* ZYNKO V2.13 — consistencia visual global, badges, Web Chat y Suscripciones */
.ui-badge{display:inline-flex!important;align-items:center!important;justify-content:center;gap:7px;min-height:30px;padding:5px 10px;border:1px solid var(--line,#e2e8f0);border-radius:999px;background:var(--surface2,#f8fafc);color:var(--text,#122033);font-size:12px;font-weight:750;line-height:1;white-space:nowrap;text-transform:none}.ui-badge i{font-size:7px}.ui-badge.success{background:#eaf8f4;border-color:#ccefe5;color:#08705c}.ui-badge.success i{color:#10a88a}.ui-badge.muted{background:#f4f6f8;color:#64748b}.ui-badge.danger{background:#fff1f1;border-color:#ffd7d7;color:#a92727}.ui-badge.role{background:#f7f9fc;color:#24364b}.user-card>.ui-badge{justify-self:start}
#experience{scroll-margin-top:92px}.hash-focus{animation:zynkoFocus 1.35s ease}@keyframes zynkoFocus{0%,100%{box-shadow:var(--shadow)}45%{box-shadow:0 0 0 4px rgba(16,168,138,.16),var(--shadow)}}
/* Plan modal: ancho estable, menor altura visual y sin reflujo al cambiar controles */
#planModal{padding:22px!important;overflow:auto!important}#planModal .modal-card{width:820px!important;max-width:calc(100vw - 44px)!important;min-width:min(820px,calc(100vw - 44px))!important;max-height:calc(100dvh - 44px)!important;height:auto!important;padding:24px!important;overflow-y:auto!important;overflow-x:hidden!important}#planModal .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 18px!important}#planModal .field.full{grid-column:1/-1!important}#planModal textarea[name="features"]{min-height:88px!important;max-height:120px!important;resize:vertical}#planModal .plan-status-field{gap:8px!important}#planModal .plan-active-switch{min-height:58px!important;padding:10px 12px!important}#planModal .modal-actions{margin-top:0!important;padding-top:16px!important}
/* Web Chat: configuración compacta, clara y sin colisiones */
.nivo-webchat-page .settings-grid{align-items:start}.nivo-webchat-page .switch-line{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;width:100%!important;max-width:100%!important;min-height:42px!important;padding:8px 10px!important;margin:0!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:10px!important;background:var(--surface2,#f8fafc)!important;overflow:visible!important}.nivo-webchat-page .switch-line>input[type="checkbox"]{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important}.nivo-webchat-page .switch-control{display:block!important;position:relative!important;flex:0 0 40px!important;width:40px!important;min-width:40px!important;height:22px!important;border-radius:999px!important;background:#b8c6d5!important}.nivo-webchat-page .switch-control:after{content:""!important;position:absolute!important;display:block!important;width:16px!important;height:16px!important;left:3px!important;top:3px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 1px 3px rgba(15,23,42,.2)!important;transition:.18s!important}.nivo-webchat-page input[type="checkbox"]:checked+.switch-control{background:var(--accent,#13a88a)!important}.nivo-webchat-page input[type="checkbox"]:checked+.switch-control:after{left:21px!important}.nivo-webchat-page .switch-label-text{display:block!important;position:static!important;width:auto!important;height:auto!important;min-width:0!important;flex:1 1 auto!important;background:transparent!important;color:var(--text,#122033)!important;border-radius:0!important;font-weight:700!important;font-size:13px!important;line-height:1.35!important;white-space:normal!important;overflow:visible!important}.nivo-webchat-page .switch-label-text:after{display:none!important}.nivo-webchat-page .switch-stack{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.nivo-webchat-page input[type="color"]{height:42px!important;padding:4px!important;cursor:pointer}.nivo-webchat-page .form-actions{display:flex!important;justify-content:flex-end!important;margin-top:18px!important;padding-top:16px!important;border-top:1px solid var(--line,#e2e8f0)!important}.nivo-webchat-page .field.full>.switch-line{max-width:100%!important}.webchat-preview{align-self:start!important;position:sticky;top:88px}
@media(max-width:900px){#planModal .modal-card{width:calc(100vw - 32px)!important;min-width:0!important;max-width:calc(100vw - 32px)!important}#planModal .settings-grid{grid-template-columns:1fr!important}#planModal .field.full{grid-column:auto!important}.nivo-webchat-page .switch-stack{grid-template-columns:1fr!important}.webchat-preview{position:static!important}}

/* ZYNKO 2.13.1 — unified readable toggle controls */
.nivo-webchat-page .switch-line{display:inline-flex!important;align-items:center!important;gap:10px!important;width:auto!important;max-width:100%!important;min-height:42px!important;padding:8px 12px!important;border:1px solid var(--line)!important;border-radius:11px!important;background:var(--surface2)!important;cursor:pointer!important;position:relative!important}
.nivo-webchat-page .switch-line>input[type="checkbox"]{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;min-width:1px!important;margin:0!important;padding:0!important;pointer-events:none!important}
.nivo-webchat-page .switch-line>.switch-control{display:block!important;position:relative!important;flex:0 0 42px!important;width:42px!important;min-width:42px!important;height:24px!important;border-radius:999px!important;background:#aebdce!important;margin:0!important;padding:0!important}
.nivo-webchat-page .switch-line>.switch-control:after{content:""!important;position:absolute!important;display:block!important;width:18px!important;height:18px!important;left:3px!important;top:3px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 1px 3px rgba(15,23,42,.22)!important;transition:left .18s ease!important}
.nivo-webchat-page .switch-line>input:checked+.switch-control{background:#0d9b83!important}
.nivo-webchat-page .switch-line>input:checked+.switch-control:after{left:21px!important}
.nivo-webchat-page .switch-line>.switch-label-text{display:block!important;position:static!important;flex:0 1 auto!important;width:auto!important;min-width:0!important;height:auto!important;background:transparent!important;border-radius:0!important;margin:0!important;padding:0!important;color:var(--text)!important;font-weight:700!important;line-height:1.35!important;white-space:normal!important}
.nivo-webchat-page .switch-line>.switch-label-text:after{content:none!important;display:none!important}
.nivo-webchat-page .switch-stack{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
.nivo-webchat-page .switch-stack .switch-line{flex:0 0 auto!important}
.nivo-webchat-page .field.full>.switch-line{width:100%!important;justify-content:flex-start!important}

#planModal .plan-active-switch>span.plan-active-copy{display:grid!important;position:static!important;width:auto!important;height:auto!important;min-width:0!important;flex:1 1 auto!important;background:transparent!important;border-radius:0!important;padding:0!important;margin:0!important;gap:2px!important;line-height:1.3!important}
#planModal .plan-active-switch>span.plan-active-copy:after{content:none!important;display:none!important}
#planModal .plan-active-copy b{display:block!important;color:var(--text)!important;font-size:14px!important}
#planModal .plan-active-copy small{display:block!important;color:var(--muted)!important;font-size:12px!important;font-weight:500!important}
#planModal .plan-active-switch>span:first-of-type:after{content:""!important;display:block!important}

/* Channel email configured state */
.channel-state.email-ready{color:#08705c!important;background:#eefbf7!important;border-color:#ccefe4!important}
/* ZYNKO V2.15 · NIVO premium controls */
.nivo-webchat-page .privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.nivo-webchat-page .compact-switch{margin-top:10px!important}.nivo-hours{padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--surface2)}.nivo-hours .switch-line{margin-bottom:12px}.hours-row{display:flex;align-items:center;gap:10px;max-width:360px}.hours-row input{min-width:130px}.day-pills{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.day-pills label{cursor:pointer}.day-pills input{position:absolute;opacity:0;pointer-events:none}.day-pills span{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:34px;padding:0 9px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:12px;font-weight:700}.day-pills input:checked+span{background:var(--accent);border-color:var(--accent);color:#fff}@media(max-width:760px){.nivo-webchat-page .privacy-grid{grid-template-columns:1fr}.hours-row{max-width:none}.hours-row input{min-width:0;flex:1}}
/* ZYNKO V2.17 · NIVO Knowledge Hub */
.solution-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:14px}.solution-card{display:grid;grid-template-columns:46px 1fr 38px;gap:12px;align-items:start;border:1px solid var(--border,#dce5ee);border-radius:16px;padding:16px;background:var(--card,#fff);min-height:142px}.solution-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#e8f7f4;color:#0f766e;font-size:18px}.solution-card b{font-size:15px}.solution-card p{font-size:12px;line-height:1.55;color:var(--muted,#64748b);margin:6px 0 10px}.solution-card small{color:var(--muted,#64748b)}.knowledge-import-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.knowledge-state{display:inline-flex;width:max-content;align-items:center;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;margin-top:5px}.knowledge-state.approved{background:#e8f7f4;color:#0f766e}.knowledge-state.pending{background:#fff7e6;color:#9a6700}.nivo-playground{display:grid;grid-template-columns:minmax(210px,.35fr) minmax(0,1fr);gap:14px;align-items:end}.nivo-playground .nivo-test-result{grid-column:1/-1}@media(max-width:760px){.knowledge-import-meta,.nivo-playground{grid-template-columns:1fr}.solution-card{grid-template-columns:42px 1fr 36px}.nivo-playground .nivo-test-result{grid-column:auto}}

/* ZYNKO V2.17.1 — canonical switches: identical visual language to Login */
.switch-line,
.nivo-webchat-page .switch-line,
#planModal .plan-active-switch,
.plan-card .switch-line,
.small-modal .switch-line,
.channel-admin-control .switch-line{
  position:relative!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:auto!important;
  max-width:100%!important;
  min-height:22px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.35!important;
  white-space:normal!important;
  cursor:pointer!important;
}
.switch-line>input[type="checkbox"],
.nivo-webchat-page .switch-line>input[type="checkbox"],
#planModal .plan-active-switch>input[type="checkbox"]{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  min-width:1px!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  pointer-events:none!important;
}
.switch-line>span:first-of-type,
.switch-line>.switch-control,
.nivo-webchat-page .switch-line>.switch-control,
#planModal .plan-active-switch>span:first-of-type{
  position:relative!important;
  display:block!important;
  flex:0 0 38px!important;
  width:38px!important;
  min-width:38px!important;
  height:22px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:99px!important;
  background:#cbd5e1!important;
  box-shadow:none!important;
  transition:background .2s ease!important;
}
.switch-line>span:first-of-type:after,
.switch-line>.switch-control:after,
.nivo-webchat-page .switch-line>.switch-control:after,
#planModal .plan-active-switch>span:first-of-type:after{
  content:""!important;
  position:absolute!important;
  display:block!important;
  width:16px!important;
  height:16px!important;
  left:3px!important;
  top:3px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 1px 3px rgba(15,23,42,.16)!important;
  transform:none!important;
  transition:left .2s ease!important;
}
.switch-line>input[type="checkbox"]:checked+span:first-of-type,
.switch-line>input[type="checkbox"]:checked+.switch-control,
.nivo-webchat-page .switch-line>input[type="checkbox"]:checked+.switch-control,
#planModal .plan-active-switch>input[type="checkbox"]:checked+span:first-of-type{
  background:#0d9b83!important;
}
.switch-line>input[type="checkbox"]:checked+span:first-of-type:after,
.switch-line>input[type="checkbox"]:checked+.switch-control:after,
.nivo-webchat-page .switch-line>input[type="checkbox"]:checked+.switch-control:after,
#planModal .plan-active-switch>input[type="checkbox"]:checked+span:first-of-type:after{
  left:19px!important;
  transform:none!important;
}
.switch-line>.switch-label-text,
.nivo-webchat-page .switch-line>.switch-label-text{
  display:block!important;
  position:static!important;
  flex:0 1 auto!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--text)!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.35!important;
  white-space:normal!important;
}
.switch-line>.switch-label-text:after{content:none!important;display:none!important}
.nivo-webchat-page .switch-stack{display:flex!important;align-items:center!important;gap:22px!important;flex-wrap:wrap!important}
.nivo-webchat-page .switch-stack .switch-line{flex:0 0 auto!important}
.nivo-webchat-page .field.full>.switch-line{width:auto!important}
#planModal .plan-active-switch{min-height:22px!important}
#planModal .plan-active-copy{gap:2px!important}

/* Links styled as application buttons never show browser underline. */
a.soft,a.primary,a.secondary-action,.channel-tile-actions a,.actions-inline a,.btn,.button{
  text-decoration:none!important;
}
a.soft:hover,a.soft:focus,a.primary:hover,a.primary:focus,a.secondary-action:hover,a.secondary-action:focus,.channel-tile-actions a:hover,.channel-tile-actions a:focus{
  text-decoration:none!important;
}


/* NIVO IA · Human-hours card: premium layout, isolated from generic field rules. */
.nivo-hours{display:block!important;padding:18px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--surface2)!important;overflow:visible!important}
.nivo-hours-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:22px!important;margin:0 0 18px!important;padding:0 0 16px!important;border-bottom:1px solid var(--line)!important}
.nivo-hours-copy{display:grid!important;gap:4px!important;min-width:0!important}.nivo-hours-copy strong{font-size:14px!important;line-height:1.35!important}.nivo-hours-copy small{color:var(--muted)!important;line-height:1.45!important}
.nivo-hours .nivo-hours-switch{flex:0 0 auto!important;margin:0!important;padding:0!important;align-self:center!important}
.nivo-hours-body{display:grid!important;gap:15px!important}.nivo-hours .hours-row{display:grid!important;grid-template-columns:minmax(140px,190px) auto minmax(140px,190px)!important;align-items:end!important;gap:12px!important;max-width:440px!important;margin:0!important}.nivo-hours .hours-control{display:grid!important;gap:7px!important}.nivo-hours .hours-control>label,.nivo-hours-message>label{font-size:12px!important;font-weight:700!important;line-height:1.3!important;margin:0!important}.nivo-hours .hours-control>input{width:100%!important;margin:0!important}.nivo-hours .hours-separator{display:grid!important;place-items:center!important;min-height:40px!important;color:var(--muted)!important;font-weight:700!important}
.nivo-hours .day-pills{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin:0!important}.nivo-hours .day-pills label{display:inline-flex!important;margin:0!important}.nivo-hours .day-pills input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.nivo-hours .day-pills span{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:44px!important;height:36px!important;padding:0 10px!important;border:1px solid var(--line)!important;border-radius:9px!important;background:var(--surface)!important;font-size:12px!important;font-weight:700!important}.nivo-hours .day-pills input:checked+span{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}.nivo-hours-message{display:grid!important;gap:7px!important}.nivo-hours-message textarea{margin:0!important}
@media(max-width:760px){.nivo-hours-head{display:grid!important;gap:14px!important}.nivo-hours .nivo-hours-switch{align-self:start!important}.nivo-hours .hours-row{grid-template-columns:1fr!important;max-width:none!important}.nivo-hours .hours-separator{display:none!important}}

/* V2.18 · Premium visual consistency — cards, Select2, toggles and checks */
.panel,.solution-card,.plan-card,.integration-card,.record-card,.channel-card,.channel-tile,.premium-kpis>article{
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.panel:hover,.solution-card:hover,.plan-card:hover,.integration-card:hover,.record-card:hover,.channel-card:hover,.channel-tile:hover,.premium-kpis>article:hover{
  transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,23,42,.07);border-color:rgba(13,155,131,.28)!important;
}
/* NIVO: every major block keeps deliberate breathing room. */
#solutions{margin-bottom:20px!important}.nivo-grid{gap:20px!important;align-items:stretch!important;margin-bottom:20px!important}
.nivo-grid>.panel{height:100%;display:flex!important;flex-direction:column!important;margin:0!important}
.nivo-grid>.panel .panel-head{flex:0 0 auto}.nivo-grid>.panel .empty-compact{flex:1 1 auto;min-height:170px}
#knowledge .knowledge-import-meta{margin-top:auto!important;padding-top:18px!important;border-top:1px solid var(--line)!important;display:grid!important;grid-template-columns:1fr 1fr;gap:12px!important}
#knowledge .nivo-upload{margin-top:12px!important;background:var(--surface2)!important;border-radius:13px!important}
.solution-cards{gap:16px!important}.solution-card{padding:16px!important;background:var(--surface)!important}
/* Select2 is the standard selector throughout ZYNKO. */
.select2-container{width:100%!important;min-width:0!important}.select2-container .select2-selection--single{height:42px!important;min-height:42px!important;display:flex!important;align-items:center!important;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--surface)!important;box-shadow:none!important}.select2-container .select2-selection__rendered{width:100%!important;line-height:40px!important;padding:0 36px 0 12px!important;color:var(--text)!important}.select2-container .select2-selection__arrow{height:40px!important;right:8px!important}.select2-container--focus .select2-selection--single,.select2-container--open .select2-selection--single{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(13,155,131,.10)!important}.select2-dropdown{border-radius:10px!important;overflow:hidden!important;box-shadow:0 14px 34px rgba(15,23,42,.12)!important}.select2-results__option{padding:9px 12px!important}.select2-results__option--highlighted{background:var(--accent)!important;color:#fff!important}
/* Native checkboxes: one premium language everywhere (webhook/event selections, lists). */
.check-grid label{cursor:pointer!important;transition:border-color .18s ease,background .18s ease,transform .18s ease!important}.check-grid label:hover{border-color:rgba(13,155,131,.4)!important;background:#f4fbf9!important;transform:translateY(-1px)}
.check-grid input[type="checkbox"]{appearance:none!important;-webkit-appearance:none!important;width:20px!important;height:20px!important;min-width:20px!important;border:1.5px solid #aab8c8!important;border-radius:6px!important;background:#fff!important;display:grid!important;place-content:center!important;cursor:pointer!important;transition:.16s ease!important}.check-grid input[type="checkbox"]:before{content:"";width:10px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) scale(0);margin-top:-2px;transition:transform .12s ease}.check-grid input[type="checkbox"]:checked{background:var(--accent)!important;border-color:var(--accent)!important}.check-grid input[type="checkbox"]:checked:before{transform:rotate(-45deg) scale(1)}
/* Version is visible but discreet in the sidebar company block. */
.aside-company .app-version{margin-top:7px;padding-top:7px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:6px;color:#8fa1b5!important;font-size:10px!important;letter-spacing:.02em}.aside-company .app-version i{font-size:9px}
@media(max-width:760px){#knowledge .knowledge-import-meta{grid-template-columns:1fr}.nivo-grid{gap:14px!important}.panel:hover,.solution-card:hover,.plan-card:hover,.integration-card:hover,.record-card:hover,.channel-card:hover,.channel-tile:hover,.premium-kpis>article:hover{transform:none}}

/* ZYNKO V2.19 — premium consistency */
.user-action-wrap{position:relative;justify-self:end}.user-action-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important}.action-chevron{font-size:10px;transition:transform .18s ease}.user-action-wrap.open .action-chevron{transform:rotate(180deg)}.user-action-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:120;width:280px;padding:8px;background:var(--panel,#fff);border:1px solid var(--line,#e2e8f0);border-radius:14px;box-shadow:0 18px 42px rgba(15,23,42,.16);display:none}.user-action-wrap.open .user-action-menu{display:grid;gap:4px}.user-action-menu button{width:100%;border:0;background:transparent;color:var(--text,#122033);padding:10px 11px;border-radius:10px;display:grid;grid-template-columns:28px 1fr;gap:9px;text-align:left;align-items:center;cursor:pointer}.user-action-menu button:hover{background:var(--surface2,#f5f8fa);transform:none}.user-action-menu button>i{width:28px;height:28px;border-radius:8px;background:#eaf8f4;color:#078b76;display:grid;place-items:center}.user-action-menu b,.user-action-menu small{display:block}.user-action-menu small{margin-top:2px;color:var(--muted,#64748b);font-size:11px;font-weight:500}.notification-settings-grid{align-items:start!important}.notification-cooldown{grid-column:1/-1!important;max-width:none!important}.notification-cooldown .hint{display:block!important;margin-top:4px!important;max-width:760px!important;line-height:1.5!important}.notification-actions{margin-top:22px!important;padding-top:18px!important;border-top:1px solid var(--line)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;flex-wrap:wrap!important}.notification-actions .hint{display:inline-flex!important;align-items:center!important;gap:7px!important;line-height:1.4!important;color:var(--muted,#64748b)!important}.notification-actions .hint i{color:#0fa98b}.preview-launcher,.nivo-webchat-page .preview-launcher{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:1!important}.preview-launcher i,.preview-launcher svg{display:block;margin:auto}.user-card{overflow:visible!important}@media(max-width:760px){.user-action-wrap{justify-self:start;width:100%}.user-action-toggle{width:100%}.user-action-menu{left:0;right:auto;width:min(300px,calc(100vw - 52px))}.notification-actions{align-items:stretch!important;flex-direction:column!important}.notification-actions>*{width:100%}}

/* V2.20 · Estándar UI global: notificaciones y modales premium */
body.modal-open,body.zynko-dialog-open{overflow:hidden!important}
.modal-shell{align-items:center!important;justify-items:center!important;overflow:auto!important}
.modal-shell .modal-card{margin:auto!important;position:relative!important}
.modal-head .modal-close{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 38px!important;padding:0!important}
.modal-head .modal-close i{margin:0!important;line-height:1!important}
.zynko-notify-host{position:fixed;top:20px;right:20px;z-index:10000;display:grid;gap:10px;width:min(390px,calc(100vw - 32px));pointer-events:none}
.zynko-notify{pointer-events:auto;display:grid;grid-template-columns:38px minmax(0,1fr) 32px;gap:11px;align-items:center;padding:13px 12px;border:1px solid var(--line,#e5eaf1);border-radius:14px;background:var(--surface,#fff);box-shadow:0 18px 45px rgba(15,23,42,.16);opacity:0;transform:translateY(-8px);transition:.18s ease}
.zynko-notify.show{opacity:1;transform:none}.zynko-notify-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-weight:900}.zynko-notify.success .zynko-notify-icon{background:#e8f8f3;color:#07856f}.zynko-notify.error .zynko-notify-icon{background:#fff0f0;color:#b42318}.zynko-notify.warning .zynko-notify-icon{background:#fff7e6;color:#a15c00}.zynko-notify.info .zynko-notify-icon{background:#edf5ff;color:#2563a8}.zynko-notify b{display:block;margin-bottom:2px}.zynko-notify p{margin:0;color:var(--muted,#64748b);line-height:1.4}.zynko-notify>button{width:30px;height:30px;padding:0!important;display:grid;place-items:center;background:transparent!important;color:var(--muted,#64748b)!important;border:0!important;border-radius:8px!important}
@media(max-width:600px){.zynko-notify-host{top:12px;right:12px;width:calc(100vw - 24px)}}
/* V2.21 · spacing, sessions, guided setup and account-persisted dashboard */
#solutions,.nivo-grid,.panel.spaced,.dashboard-grid,.dashboard-widget{margin-top:20px!important;margin-bottom:20px!important}.panel+.panel{margin-top:20px}.nivo-hours{padding:18px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--surface2)!important}.nivo-hours-head{padding-bottom:16px!important;margin-bottom:16px!important;border-bottom:1px solid var(--line)!important}.nivo-hours-body{display:grid!important;gap:18px!important}.nivo-hours .hours-row{margin:0!important}.nivo-hours .day-pills{margin-top:2px!important}.nivo-hours-message{padding-top:2px!important}.user-action-menu{z-index:500!important}.sessions-modal{width:min(760px,calc(100vw - 28px))!important}.session-list{display:grid;gap:10px}.session-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--surface2)}.session-icon{width:40px;height:40px;border-radius:11px;background:#e9f8f4;color:#078b76;display:grid;place-items:center}.session-item small{display:block;color:var(--muted);margin-top:3px}.session-item .soft{white-space:nowrap}.premium-link{text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:9px 12px!important;border:1px solid rgba(13,155,131,.22)!important;border-radius:10px!important;background:#eefaf7!important;color:#087d6c!important;font-weight:800!important;transition:.18s ease!important}.premium-link:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(15,23,42,.08);border-color:var(--accent)!important}.widget-hidden{display:none!important}.dashboard-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.premium-check{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:12px;cursor:pointer;background:var(--surface2)}.premium-check input{position:absolute;opacity:0}.premium-check span{width:22px;height:22px;border:1.5px solid #aab8c8;border-radius:6px;display:grid;place-items:center;color:transparent;background:#fff}.premium-check input:checked+span{background:var(--accent);border-color:var(--accent);color:#fff}.premium-steps{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:10px!important}.premium-steps span{display:grid!important;grid-template-columns:32px 1fr!important;grid-template-rows:auto auto!important;column-gap:9px!important;align-items:center!important;padding:13px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--surface2)!important}.premium-steps b{grid-row:1/3;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eef3f7;color:var(--muted)}.premium-steps em{font-style:normal;font-weight:800}.premium-steps small{color:var(--muted)}.premium-steps .done b,.premium-steps .active b{background:#e7f8f3;color:#078b76}.premium-steps .active{border-color:rgba(13,155,131,.38)!important;box-shadow:0 0 0 3px rgba(13,155,131,.07)}.onboarding-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.onboarding-task{text-decoration:none!important;color:var(--text)!important;border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;background:var(--surface2);transition:.18s ease}.onboarding-task:hover{transform:translateY(-2px);border-color:rgba(13,155,131,.35);box-shadow:0 12px 28px rgba(15,23,42,.07)}.onboarding-task>i:first-child{width:40px;height:40px;border-radius:11px;background:#e7f8f3;color:#078b76;display:grid;place-items:center}.onboarding-task small{display:block;margin-top:3px;color:var(--muted)}
/* Email editor must stay inside content and never slide below the sidebar. */
body .mail-fields,body .settings-grid{min-width:0!important}body .field{min-width:0!important}body .field input,body .field textarea,body .field select{max-width:100%!important;box-sizing:border-box!important}.mail-profile-grid,.notification-settings-grid{gap:16px!important}.mail-profile{overflow:hidden!important}.mail-profile-actions{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important}
@media(max-width:900px){.premium-steps{grid-template-columns:1fr 1fr!important}.onboarding-actions,.dashboard-choice-grid{grid-template-columns:1fr}.session-item{grid-template-columns:38px 1fr}.session-item .soft{grid-column:1/-1;width:100%}}


/* ZYNKO V2.21.4 — regression-safe layout cleanup */
.nivo-hours-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;column-gap:28px!important;row-gap:12px!important;padding:0 0 18px!important;margin:0 0 20px!important}
.nivo-hours-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:7px!important}
.nivo-hours-copy strong,.nivo-hours-copy small{display:block!important;margin:0!important;padding:0!important}
.nivo-hours-copy small{max-width:720px!important}
.nivo-hours-body{padding-top:2px!important}
.notification-settings-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;width:100%!important}
.notification-settings-grid>.field{width:100%!important;min-width:0!important;margin:0!important}
.notification-cooldown{grid-column:1/-1!important;display:grid!important;gap:8px!important}
.notification-cooldown .select2-container{width:100%!important;max-width:100%!important}
.notification-cooldown .hint{display:block!important;width:auto!important;max-width:780px!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;line-height:1.55!important;margin:0!important}
.notification-actions{clear:both!important;width:100%!important;min-width:0!important;margin-top:22px!important;padding-top:18px!important}
.notification-actions>.hint{flex:1 1 320px!important;width:auto!important;max-width:none!important;white-space:normal!important;word-break:normal!important}
body[data-page="email"] .panel.spaced{overflow:visible!important}
#sessionsModal.open{display:grid!important;place-items:center!important}
#sessionsModal .sessions-modal{margin:auto!important}
@media(max-width:760px){.nivo-hours-head{grid-template-columns:1fr!important}.notification-settings-grid{grid-template-columns:1fr!important}.notification-cooldown{grid-column:1!important}}

/* ZYNKO v2.21.5 — NIVO human-hours + email edit layout hardening */
.nivo-hours-card{margin-top:22px!important;border:1px solid var(--line,#e2e8f0)!important;border-radius:14px!important;background:var(--surface2,#f8fafc)!important;overflow:hidden!important}
.nivo-hours-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:24px!important;padding:18px 20px!important;border-bottom:1px solid var(--line,#e2e8f0)!important}
.nivo-hours-copy{display:grid!important;gap:8px!important;min-width:0!important}
.nivo-hours-copy strong{display:block!important;margin:0!important;line-height:1.35!important}
.nivo-hours-copy small{display:block!important;margin:0!important;line-height:1.55!important;color:var(--muted,#64748b)!important}
.nivo-hours-head .switch-line{margin:0!important;white-space:nowrap!important;align-self:center!important}
.nivo-hours-body{padding:20px!important;display:grid!important;gap:18px!important}
body:not(.sidebar-hidden) .main{overflow-x:clip!important}
body:not(.sidebar-hidden) .main>main{overflow-x:clip!important}
body:not(.sidebar-hidden) .main>main>.panel,body:not(.sidebar-hidden) .main>main>form{max-width:100%!important}
body:not(.sidebar-hidden) form .panel{max-width:100%!important;overflow:hidden!important}
@media(max-width:760px){.nivo-hours-head{grid-template-columns:1fr!important;gap:14px!important;padding:16px!important}.nivo-hours-head .switch-line{white-space:normal!important}.nivo-hours-body{padding:16px!important}}

/* ZYNKO v2.22.0 · global premium alignment */
.switch-line{display:inline-flex!important;align-items:center!important;gap:12px!important;min-height:34px!important;width:auto!important;max-width:100%!important;vertical-align:middle!important}
.switch-line>input+span,.switch-line>.switch-control{flex:0 0 auto!important;margin:0!important}
.switch-label-text,.switch-line{line-height:1.25!important}.switch-label-text{display:inline-block!important;margin:0!important;white-space:normal!important}
#ruleModal .field:has(.switch-line){display:flex!important;align-items:center!important;min-height:46px!important}
.modal-title-with-icon{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;min-width:0!important}.modal-title-with-icon>span:last-child{min-width:0!important}.modal-title-icon{width:40px;height:40px;border-radius:12px;background:#e9f8f4;color:#078b76;display:grid!important;place-items:center!important;font-size:16px}.modal-title-with-icon b,.modal-title-with-icon small{display:block!important}.modal-title-with-icon small{margin-top:3px!important}
.sessions-modal{width:min(900px,calc(100vw - 30px))!important}.session-item{grid-template-columns:48px minmax(0,1fr) auto!important;padding:16px!important;gap:14px!important}.session-title-row{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap}.session-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 18px;margin-top:9px;color:var(--muted);font-size:12px}.session-meta-grid b{color:var(--text)}.session-main details{margin-top:9px}.session-main summary{cursor:pointer;color:var(--accent);font-weight:700;font-size:12px}.session-main details small{margin-top:6px!important;overflow-wrap:anywhere}.mail-config-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}.platform-version-panel .settings-grid{align-items:end!important}.version-save-field{display:flex!important;align-items:flex-end!important;height:100%!important}.version-save-field button{width:max-content!important}.nivo-hours-copy{padding-right:12px!important}.nivo-hours-copy strong{margin-bottom:2px!important}.nivo-hours-head{min-height:82px!important}
@media(max-width:760px){.session-item{grid-template-columns:42px minmax(0,1fr)!important}.session-item>.soft{grid-column:1/-1!important}.session-meta-grid{grid-template-columns:1fr!important}.mail-config-actions>*{width:100%!important}}

/* ZYNKO V2.23 — modal system normalization: one robust premium structure */
.modal-shell .modal-card{width:min(760px,calc(100vw - 40px));max-width:100%;min-width:0;max-height:calc(100dvh - 40px);overflow:auto;padding:22px;border-radius:18px}
.modal-shell .modal-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;width:100%!important;min-width:0!important;margin:0 0 22px!important;padding:0 0 16px!important;border-bottom:1px solid var(--line)!important}
.modal-shell .modal-head>div,.modal-shell .modal-title-with-icon{display:flex!important;flex:1 1 auto!important;align-items:flex-start!important;gap:12px!important;width:auto!important;min-width:0!important;max-width:calc(100% - 58px)!important;margin:0!important;padding:0!important}
.modal-shell .modal-title-icon{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;min-width:40px!important;flex:0 0 40px!important;border-radius:12px!important;background:#eaf8f5!important;color:var(--accent2)!important;font-size:16px!important}
.modal-shell .modal-title-copy{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:4px!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important}
.modal-shell .modal-title-copy b,.modal-shell .modal-head>div>b{display:block!important;width:auto!important;max-width:100%!important;margin:0!important;font-size:15px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important}
.modal-shell .modal-title-copy small,.modal-shell .modal-head>div>small{display:block!important;width:auto!important;max-width:100%!important;margin:0!important;font-size:12px!important;line-height:1.5!important;color:var(--muted)!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important}
.modal-shell .modal-head .modal-close{flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;margin:0!important}
.modal-shell .modal-card form{width:100%!important;min-width:0!important}
.modal-shell .field,.modal-shell .settings-grid{min-width:0!important}
.modal-shell .field>label{display:block;margin:0 0 8px!important;line-height:1.35!important}
.modal-shell .field input:not([type=checkbox]):not([type=radio]),.modal-shell .field textarea,.modal-shell .field select{width:100%!important;min-width:0!important}
.modal-shell .modal-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;width:100%!important;margin-top:20px!important;padding-top:18px!important;border-top:1px solid var(--line)!important}
#ruleModal .switch-line{display:inline-grid!important;grid-template-columns:40px minmax(0,max-content)!important;align-items:center!important;gap:10px!important;width:auto!important;min-height:36px!important;white-space:nowrap!important}
#ruleModal .switch-line>span.switch-control{width:40px!important;height:22px!important;min-width:40px!important;margin:0!important}
#ruleModal .switch-line>span.switch-label-text{width:auto!important;height:auto!important;background:transparent!important;position:static!important;border-radius:0!important;color:var(--text)!important;line-height:1.3!important}
#ruleModal .switch-line>span.switch-label-text:after{display:none!important}
#integrationModal .check-grid label{font-weight:600!important;color:var(--text)!important}
#integrationModal .check-grid input[type=checkbox]{accent-color:var(--accent)!important}
.sessions-modal{width:min(880px,calc(100vw - 40px))!important}
#sessionsList{display:block!important;width:100%!important;min-height:74px!important}
.session-list{display:grid!important;gap:12px!important;width:100%!important}
.session-item{display:grid!important;grid-template-columns:46px minmax(0,1fr) auto!important;gap:14px!important;align-items:start!important;width:100%!important;padding:15px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--surface2)!important}
.session-icon{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;border-radius:12px!important;background:#eaf8f5!important;color:var(--accent2)!important}
.session-main{display:grid!important;gap:10px!important;min-width:0!important}.session-title-row{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}.session-meta-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 16px!important;color:var(--muted)!important;font-size:11px!important}.session-meta-grid span{min-width:0!important;overflow-wrap:anywhere!important}.session-item details{font-size:11px!important;color:var(--muted)!important}.session-item details small{display:block!important;margin-top:6px!important;overflow-wrap:anywhere!important}.session-revoke-one{align-self:center!important;white-space:nowrap!important}
@media(max-width:700px){.modal-shell .modal-card{width:calc(100vw - 24px)!important;padding:18px!important}.session-item{grid-template-columns:42px minmax(0,1fr)!important}.session-revoke-one{grid-column:1/-1!important;width:100%!important}.session-meta-grid{grid-template-columns:1fr!important}.modal-shell .modal-actions{flex-direction:column-reverse!important;align-items:stretch!important}.modal-shell .modal-actions button{width:100%!important}}


/* ZYNKO V2.23.2 — channels uniform height + session visibility */
.channel-grid{align-items:stretch!important;grid-auto-rows:1fr!important}
.channel-grid .channel-tile{height:230px!important;min-height:230px!important;max-height:230px!important;box-sizing:border-box!important}
.channel-tile-copy{min-height:0!important}.channel-tile-actions{margin-top:auto!important;flex:0 0 auto!important}
#sessionsList .empty-compact{min-height:110px!important;display:grid!important;place-items:center!important;text-align:center!important;gap:5px!important;padding:20px!important;border:1px dashed var(--line)!important;border-radius:14px!important;background:var(--surface2)!important}
@media(max-width:760px){.channel-grid .channel-tile{height:auto!important;min-height:205px!important;max-height:none!important}}

/* ZYNKO V2.23.3 — channel row alignment */
.channel-cards.channel-grid{
  align-items:start!important;
  grid-auto-rows:230px!important;
  row-gap:20px!important;
}
.channel-cards.channel-grid>.channel-card.channel-tile{
  margin:0!important;
  height:230px!important;
  min-height:230px!important;
  max-height:230px!important;
  align-self:start!important;
  box-sizing:border-box!important;
}
@media(max-width:760px){
  .channel-cards.channel-grid{grid-auto-rows:auto!important}
  .channel-cards.channel-grid>.channel-card.channel-tile{height:auto!important;min-height:205px!important;max-height:none!important}
}

/* V2.23.4 · active session manager */
.sessions-modal-actions{justify-content:space-between!important}.danger-btn{border:0;border-radius:10px;background:#b42318;color:#fff;padding:11px 14px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.danger-btn:hover{filter:brightness(.96);transform:translateY(-1px)}

/* ZYNKO V2.23.5 — active sessions live manager */
#sessionsModal .sessions-modal{height:560px!important;min-height:560px!important;max-height:min(560px,calc(100dvh - 32px))!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
#sessionsModal .modal-head{flex:0 0 auto!important}
#sessionsList{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;padding:18px 2px!important;margin:0!important}
#sessionsModal .sessions-modal-actions{flex:0 0 auto!important;margin-top:0!important}
.sessions-loading,.sessions-empty{height:100%;min-height:250px;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:9px!important;text-align:center!important;padding:28px!important;border:1px dashed var(--line)!important;border-radius:16px!important;background:var(--surface2)!important;color:var(--muted)!important}
.sessions-loading>i{font-size:26px;color:var(--accent)!important}.sessions-empty-icon{width:58px;height:58px;border-radius:18px;background:#e8f8f4;color:var(--accent);display:grid;place-items:center;font-size:25px}.sessions-empty b,.sessions-loading b{color:var(--text)!important;font-size:15px}.sessions-empty span:last-child,.sessions-loading span{max-width:430px;line-height:1.5}.sessions-empty.error .sessions-empty-icon{background:#fff1f0;color:#b42318}
@media(max-width:700px){#sessionsModal .sessions-modal{height:calc(100dvh - 24px)!important;min-height:0!important;max-height:calc(100dvh - 24px)!important}}
/* ZYNKO V2.24.0 — alignment, NIVO usage and special schedules */
.webchat-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.webchat-kpi{min-width:0;display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--panel,#fff)}.webchat-kpi>span{width:42px;height:42px;min-width:42px;border-radius:12px;background:#e9f8f4;color:#078b76;display:grid;place-items:center}.webchat-kpi>span i{display:block;margin:auto;line-height:1}.webchat-kpi b{display:block;font-size:21px;line-height:1.1}.webchat-kpi small{display:block;margin-top:4px;color:var(--muted);white-space:normal}.nivo-special-dates{border-top:1px solid var(--line);padding-top:18px}.nivo-special-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.nivo-special-head>div{display:grid;gap:4px;min-width:0}.nivo-special-head small{color:var(--muted)}#specialDatesList{display:grid;gap:10px}.special-date-row{display:grid;grid-template-columns:minmax(145px,1fr) minmax(190px,1.25fr) minmax(120px,.8fr) minmax(120px,.8fr) 42px;gap:10px;align-items:center}.special-date-row input,.special-date-row select{width:100%;min-width:0}.channel-icon,.modal-title-icon,.session-icon,.webchat-kpi>span,.onboarding-task>i:first-child,.user-action-menu button>i,.nivo-orb,.mark{align-items:center!important;justify-content:center!important;text-align:center!important}.channel-icon i,.modal-title-icon i,.session-icon i,.webchat-kpi i,.onboarding-task>i:first-child,.user-action-menu button>i,.nivo-orb i{display:block!important;margin:auto!important;line-height:1!important}.icon-btn{display:inline-grid!important;place-items:center!important;padding:0!important}.icon-btn i{display:block!important;margin:auto!important;line-height:1!important}
@media(max-width:900px){.webchat-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.special-date-row{grid-template-columns:1fr 1fr}.special-date-row .icon-btn{width:42px;height:42px}}
@media(max-width:560px){.webchat-kpis{grid-template-columns:1fr}.nivo-special-head{align-items:stretch;flex-direction:column}.nivo-special-head .soft{width:100%}.special-date-row{grid-template-columns:1fr}.special-date-row .icon-btn{width:100%}}
.solution-icon{display:grid!important;place-items:center!important;text-align:center!important}.solution-icon i{display:block!important;margin:auto!important;line-height:1!important}

/* V2.24.1 · KPIs NIVO con interacción premium */
.webchat-kpi{position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;background:var(--panel,#fff)}
.webchat-kpi::after{content:"";position:absolute;inset:auto -28px -36px auto;width:90px;height:90px;border-radius:50%;background:rgba(15,118,110,.055);transition:transform .28s ease,opacity .28s ease;pointer-events:none}
.webchat-kpi:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(15,35,55,.10);border-color:rgba(15,118,110,.28)}
.webchat-kpi:hover::after{transform:scale(1.35);opacity:.9}
.webchat-kpi>span{transition:transform .22s ease,box-shadow .22s ease}
.webchat-kpi:hover>span{transform:scale(1.08) rotate(-3deg);box-shadow:0 8px 18px rgba(7,139,118,.13)}
.webchat-kpi b{transition:transform .2s ease;color .2s ease;transform-origin:left center}
.webchat-kpi:hover b{transform:scale(1.06);color:#078b76}
.webchat-kpi.kpi-enter{animation:webchatKpiEnter .45s ease both}
.webchat-kpi.kpi-enter:nth-child(2){animation-delay:.06s}.webchat-kpi.kpi-enter:nth-child(3){animation-delay:.12s}.webchat-kpi.kpi-enter:nth-child(4){animation-delay:.18s}
@keyframes webchatKpiEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.webchat-kpi,.webchat-kpi>span,.webchat-kpi b{transition:none!important}.webchat-kpi.kpi-enter{animation:none!important}}