/* One dashboard palette, multiple purposeful accents inside every workspace. */
body[data-route=dashboard]{--section-accent:#3a8af4;--section-top:#71b0ff;--section-bottom:#2563bd}
body[data-route=conexiones]{--section-accent:#67c816;--section-top:#adea67;--section-bottom:#408b07}
body[data-route=contactos]{--section-accent:#08b9df;--section-top:#60d8f0;--section-bottom:#047f9c}
body[data-route=campanas]{--section-accent:#ffb51b;--section-top:#ffd866;--section-bottom:#c47b05}
body[data-route=integraciones]{--section-accent:#9b52ed;--section-top:#c496ff;--section-bottom:#6c2ebb}
body[data-route=faq]{--section-accent:#04b49d;--section-top:#52decb;--section-bottom:#087a6b}
body:is([data-route=dashboard],[data-route=conexiones],[data-route=contactos],[data-route=campanas],[data-route=integraciones],[data-route=faq]) .section-title-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:2px solid var(--section-top);border-radius:9px;background:linear-gradient(145deg,var(--section-top),var(--section-accent) 55%);box-shadow:inset 0 1px #ffffff40,0 3px var(--section-bottom),0 5px 14px color-mix(in srgb,var(--section-accent) 20%,transparent);color:#fff}
body:is([data-route=dashboard],[data-route=conexiones],[data-route=contactos],[data-route=campanas],[data-route=integraciones],[data-route=faq]) .section-title-icon>.section-asset-icon{width:23px;height:23px}

/* Raised toolbar actions match the compact, bright controls in the reference. */
.connection-tabs [data-value=WhatsApp],.contacts-header-actions [data-action=new-contact]{--action-color:#67c816;--action-ink:#20340c}
.connection-tabs [data-value=Whop],.trigger-header-actions [data-action=new-trigger]{--action-color:#fb762f;--action-ink:#301b0f}
.connection-tabs [data-value=Facebook],.contacts-header-actions [data-action=import-contacts],.flow-header-actions [data-action=import-flow]{--action-color:#08b9df;--action-ink:#082c36}
.contacts-header-actions [data-action=export-contacts],.flow-header-actions [data-action=new-flow],.trigger-header-actions [data-action=new-trigger-folder]{--action-color:#9b52ed;--action-ink:#fff}
.contacts-header-actions [data-action=recent-contacts],.flow-header-actions [data-action=new-flow-folder]{--action-color:#ffb51b;--action-ink:#382603}
.contacts-header-actions [data-action=contact-filters]{--action-color:#3a8af4;--action-ink:#fff}
.trigger-header-actions [data-action=welcome-settings]{--action-color:#04b49d;--action-ink:#052f29}
.connections .connection-tabs .btn,.contacts-header-actions .btn[data-action],.flow-header-actions .btn[data-action],.trigger-header-actions .btn[data-action]{background:linear-gradient(145deg,color-mix(in srgb,var(--action-color) 76%,white),var(--action-color) 60%);color:var(--action-ink);border:1px solid color-mix(in srgb,var(--action-color) 55%,white);box-shadow:inset 0 1px #ffffff30,0 3px color-mix(in srgb,var(--action-color) 65%,#151515);border-radius:9px}
.connections .connection-tabs .btn[aria-pressed=false],.contacts-header-actions .btn[aria-pressed=false]{background:color-mix(in srgb,var(--action-color) 15%,var(--panel));border-color:color-mix(in srgb,var(--action-color) 50%,var(--line));color:color-mix(in srgb,var(--action-color) 45%,white);box-shadow:none}
.connections .connection-tabs .btn[aria-pressed=true]{outline:2px solid color-mix(in srgb,var(--action-color) 35%,transparent);outline-offset:3px}
.contacts-header-actions .btn[aria-pressed=true]{outline:1px solid var(--action-color);outline-offset:3px}

/* Connections: channel identity, creation, connection state and danger stay distinct. */
.connections{--channel-color:#67c816}
.connections[data-platform=Whop]{--channel-color:#fb762f}.connections[data-platform=Facebook]{--channel-color:#08b9df}
.connections .page-toolbar>[data-action=connection-link]{color:#ffd866;border-color:#ffb51b50;background:#ffb51b15}
.connections .operating{border-color:#04b49d50;background:#04b49d10}
.connections .operating>span:not(.offline-dot){background:#04b49d;color:#052f29}
.connections .operating>strong{color:#52decb}
.connections .connection-card{--channel-color:#67c816;border-top:2px solid var(--channel-color)}
.connections .connection-card[data-connection-type=cloud]{--channel-color:#08b9df}
.connections .phone-icon{background:linear-gradient(145deg,color-mix(in srgb,var(--channel-color) 58%,white),var(--channel-color) 60%);border:1px solid color-mix(in srgb,var(--channel-color) 40%,white);box-shadow:0 3px color-mix(in srgb,var(--channel-color) 65%,#151515);color:#fff;border-radius:12px}
.connections .qr-badge{color:color-mix(in srgb,var(--channel-color) 50%,white);background:color-mix(in srgb,var(--channel-color) 14%,transparent);border-color:color-mix(in srgb,var(--channel-color) 35%,transparent)}
.connections .connection-card>.btn{background:var(--channel-color);border-color:var(--channel-color);color:#153020}
.connections .connection-card[data-connection-type=cloud]>.btn{color:#082c36}
.connections .connected-badge:not(.disconnected){background:#04b49d1c;border:1px solid #04b49d50;color:#52decb}
.connections .connected-badge:not(.disconnected) i{background:#04b49d}
.connections .connected-badge.disconnected{background:#e645a01b;border:1px solid #e645a03d;color:#f884c5}
.connections .connected-badge.disconnected i{background:#e645a0}
.connections .connection-card [data-action=delete-connection]{color:#f884c5;background:#e645a010;border-color:#e645a035}
.connections .check-list .icon{color:#67c816}
.connections .connection-default{background:#9b52ed18;border-color:#9b52ed40;color:#c496ff}
.connections .connection-demo-label{color:#ffd866}
.connections .add-connection{border-color:color-mix(in srgb,var(--channel-color) 55%,var(--line));background:color-mix(in srgb,var(--channel-color) 3%,var(--bg));transition:background .15s,border-color .15s}
.connections .add-connection:hover{background:color-mix(in srgb,var(--channel-color) 9%,var(--panel));border-color:var(--channel-color)}
.connections .add-connection .circle-plus{border-color:var(--channel-color);background:color-mix(in srgb,var(--channel-color) 12%,transparent);color:var(--channel-color)}
.connection-choices .official-choice{border-color:#08b9df70}.connection-choices .business-choice{border-color:#67c81670}
.connection-choices .official-choice .luminous-icon{background:linear-gradient(145deg,#60d8f0,#08b9df);color:#fff;box-shadow:0 3px #047f9c}
.connection-choices .business-choice .luminous-icon{background:linear-gradient(145deg,#adea67,#67c816);color:#fff;box-shadow:0 3px #408b07}
.connection-choices .recommended-chip{background:#9b52ed20;color:#c496ff;border-color:#9b52ed50}

/* Contacts and chat reuse deterministic colors, so a tag keeps its identity. */
.contacts .search-field>.icon{color:#60d8f0}
.contacts .contact-avatar{background:color-mix(in srgb,var(--avatar-color,#04b49d) 22%,var(--panel));border:1px solid color-mix(in srgb,var(--avatar-color,#04b49d) 55%,var(--line));color:color-mix(in srgb,var(--avatar-color,#04b49d) 45%,white)}
.contact-labels .colored-tag,.support-labels .rail-label,.manual-tags .manual-tag{background:color-mix(in srgb,var(--tag-color,#9b52ed) 16%,var(--panel));color:color-mix(in srgb,var(--tag-color,#9b52ed) 45%,white);border:1px solid color-mix(in srgb,var(--tag-color,#9b52ed) 45%,transparent)}
.support-labels .rail-label.selected{background:color-mix(in srgb,var(--tag-color,#9b52ed) 28%,var(--panel));border-color:var(--tag-color,#9b52ed);box-shadow:inset 3px 0 var(--tag-color,#9b52ed)}
.contact-row-actions [data-action=contact-chat]{background:#04b49d19;border-color:#04b49d55;color:#52decb}
.contact-row-actions [data-action=edit-contact]{background:#ffb51b17;border-color:#ffb51b45;color:#ffd866}
.contact-row-actions [data-action=delete-contact]{background:#e645a014;border-color:#e645a040;color:#f884c5}
.contacts-selection{background:#08b9df15;border-color:#08b9df50}
.support-composer-tools [data-action=attach-file]{color:#60d8f0;background:#08b9df12}
.support-composer-tools [data-action=insert-emoji]{color:#ffd866;background:#ffb51b12}
.support-quick-tools [data-action=quick-template]{color:#c496ff;background:#9b52ed18;border-color:#9b52ed45}
.support-quick-tools [data-action=quick-flow]{color:#adea67;background:#67c81618;border-color:#67c81645}
.support-inbox .support-date{color:#ffd866;border-color:#ffb51b45;background:#ffb51b0d}
.support-client .rail-section{--rail-color:#08b9df}
.support-client .rail-section:nth-of-type(2){--rail-color:#04b49d}.support-client .rail-section:nth-of-type(3){--rail-color:#fb762f}.support-client .rail-section:nth-of-type(4){--rail-color:#9b52ed}.support-client .rail-section:nth-of-type(5){--rail-color:#3a8af4}.support-client .rail-section:nth-of-type(6){--rail-color:#e645a0}
.support-client .rail-section>summary>.icon:first-child{color:color-mix(in srgb,var(--rail-color) 55%,white);background:color-mix(in srgb,var(--rail-color) 16%,transparent);width:22px;height:22px;padding:4px;border-radius:6px}
.support-client [data-action=schedule-message]{background:#fb762f18;border-color:#fb762f55;color:#ffb078}
.support-client .note-save{background:#9b52ed24;color:#c496ff;border-color:#9b52ed55}

/* Campaign structure and analytical actions have separate accents. */
.campaign-tabs [data-value=Cuentas]{--campaign-color:#3a8af4}.campaign-tabs [data-value=Campañas]{--campaign-color:#fb762f}.campaign-tabs [data-value=Conjuntos]{--campaign-color:#9b52ed}.campaign-tabs [data-value=Anuncios]{--campaign-color:#e645a0}
.campaign-tabs>button>.icon{color:color-mix(in srgb,var(--campaign-color) 60%,white);background:color-mix(in srgb,var(--campaign-color) 17%,transparent);width:25px;height:25px;padding:4px;border-radius:6px}
.campaign-tabs>button.selected{border-color:color-mix(in srgb,var(--campaign-color) 60%,var(--line));border-bottom:3px solid var(--campaign-color);background:color-mix(in srgb,var(--campaign-color) 13%,var(--panel))}
.campaign-actions [data-action=campaign-columns]{color:#c496ff;background:#9b52ed16;border-color:#9b52ed45}
.campaign-actions [data-action=campaign-export]{color:#60d8f0;background:#08b9df16;border-color:#08b9df45}
.campaign-actions [data-action=campaign-status]{color:#adea67;background:#67c81616;border-color:#67c81645}
.campaign-actions [data-action=campaign-options]{color:#ffd866;background:#ffb51b16;border-color:#ffb51b45}
.campaign-actions [data-action=refresh-campaigns]{background:#04b49d;border-color:#52decb;color:#052f29}
.campaign-actions .tracking-badge{background:#67c81618;border:1px solid #67c81650;color:#adea67}
.campaign-filters>.form-field>span::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#08b9df;margin:0 6px 1px 0}
.campaign-filters>.form-field:nth-child(2)>span::before{background:#67c816}.campaign-filters>.form-field:nth-child(3)>span::before{background:#ffb51b}.campaign-filters>.form-field:nth-child(4)>span::before{background:#3a8af4}.campaign-filters>.form-field:nth-child(5)>span::before{background:#e645a0}

/* Automation status is independent of folder and node color. */
body:is([data-route=flujos],[data-route=disparadores]) .flow-status-filters [data-status=Todos]{--status-color:#3a8af4;--status-ink:#fff}
body:is([data-route=flujos],[data-route=disparadores]) .flow-status-filters [data-status=Activos]{--status-color:#67c816;--status-ink:#20340c}
body:is([data-route=flujos],[data-route=disparadores]) .flow-status-filters [data-status=Pausados]{--status-color:#ffb51b;--status-ink:#382603}
body[data-route=flujos] .flow-status-filters [data-status=Archivados]{--status-color:#e645a0;--status-ink:#2e1021}
body:is([data-route=flujos],[data-route=disparadores]) .flow-status-filters button{border-color:color-mix(in srgb,var(--status-color) 38%,var(--line));color:color-mix(in srgb,var(--status-color) 50%,white)}
body:is([data-route=flujos],[data-route=disparadores]) .flow-status-filters button.selected{background:var(--status-color);border-color:var(--status-color);color:var(--status-ink)}
.flow-status-filters i.active{background:#67c816}.flow-status-filters i.paused{background:#ffb51b}
.flow-status-filters button.selected>i{background:currentColor}
.flow-library .flow-state-chip.active{background:#04b49d18;border-color:#04b49d45;color:#52decb}
.flow-library .flow-state-chip.paused{background:#ffb51b14;border-color:#ffb51b45;color:#ffd866}
.flow-library .flow-name-button>i{background:#04b49d}.flow-library .flow-paused .flow-name-button>i{background:#ffb51b}
.trigger-library .phrase-badge{color:#c496ff;background:#9b52ed16;border:1px solid #9b52ed40}
.trigger-library .trigger-connection-name{color:#60d8f0}
.flow-library .flow-blocks{color:#ffd866}.flow-library .flow-blocks>.icon{color:#ffb51b}
.flow-row-menu [role=menuitem]>.icon{color:#71b0ff}
.flow-row-menu [data-action=duplicate-flow]>.icon{color:#c496ff}.flow-row-menu [data-action=share-flow]>.icon{color:#60d8f0}.flow-row-menu [data-action=toggle-flow]>.icon{color:#adea67}.flow-row-menu [data-action=archive-flow]>.icon{color:#ffd866}.flow-row-menu .danger-text>.icon{color:#f884c5}

/* Country grouping, help and learning retain white text and colored wayfinding. */
.countries .country-search>.icon{color:#60d8f0}
.countries .country-group>h3{color:color-mix(in srgb,var(--region-color) 65%,white)}
.countries .country-code{color:color-mix(in srgb,var(--region-color) 50%,white);background:color-mix(in srgb,var(--region-color) 14%,var(--panel));border:1px solid color-mix(in srgb,var(--region-color) 35%,transparent)}
.countries .country-footer .count-badge{background:#9b52ed1c;border-color:#9b52ed55;color:#c496ff}
.faq .faq-item{border-left:3px solid var(--faq-color);border-radius:12px}
.faq .faq-item>summary{gap:12px}
.faq .faq-question-title{flex:1}
.faq .faq-question-icon{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border-radius:8px;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--faq-color) 60%,white),var(--faq-color));box-shadow:0 2px color-mix(in srgb,var(--faq-color) 60%,#151515)}
.faq .faq-question-icon>.icon{width:20px;height:20px;transform:none}
.faq .faq-item[open] .faq-question-icon>.icon{transform:none}
.faq .faq-item[open]>summary{background:color-mix(in srgb,var(--faq-color) 8%,var(--panel));margin-bottom:13px}
.faq .faq-item>summary>.icon:last-child{color:color-mix(in srgb,var(--faq-color) 55%,white)}
.academy-video-empty [data-action=lesson-guide]{color:#c496ff;background:#9b52ed18;border-color:#9b52ed55}
.academy-footer [data-action=lesson-next]{color:#082c36;background:#08b9df;border-color:#60d8f0}
.academy-footer [data-action=lesson-previous]{color:#ffb078;background:#fb762f12;border-color:#fb762f40}
.dashboard .funnel-item:nth-child(1) .progress-track>span{background:#3a8af4}.dashboard .funnel-item:nth-child(2) .progress-track>span{background:#9b52ed}.dashboard .funnel-item:nth-child(3) .progress-track>span{background:#08b9df}.dashboard .funnel-item:nth-child(4) .progress-track>span{background:#67c816}
.dashboard .response-zero>.icon{color:#ffb51b;background:#ffb51b15;border-radius:10px;padding:7px;width:42px;height:42px}

/* Configuration media types and membership controls use the same eight colors. */
.settings-content-actions [data-type=text]{--media-color:#3a8af4}.settings-content-actions [data-type=image]{--media-color:#e645a0}.settings-content-actions [data-type=video]{--media-color:#9b52ed}.settings-content-actions [data-type=audio]{--media-color:#fb762f}.settings-content-actions [data-type=file]{--media-color:#08b9df}.settings-content-actions [data-type=sticker]{--media-color:#67c816}
.settings-content-actions>.btn{background:color-mix(in srgb,var(--media-color) 10%,var(--panel));border-color:color-mix(in srgb,var(--media-color) 38%,var(--line))}
.settings-content-actions>.btn>.icon{width:24px;height:24px;padding:4px;border-radius:6px;color:color-mix(in srgb,var(--media-color) 60%,white);background:color-mix(in srgb,var(--media-color) 20%,transparent)}
.broadcast-stats .settings-panel{--broadcast-color:#08b9df;position:relative;border-color:color-mix(in srgb,var(--broadcast-color) 35%,var(--line))}
.broadcast-stats .settings-panel:nth-child(2){--broadcast-color:#9b52ed}.broadcast-stats .settings-panel:nth-child(3){--broadcast-color:#fb762f}.broadcast-stats .settings-panel:nth-child(4){--broadcast-color:#67c816}
.broadcast-stat-icon{float:right;display:grid;place-items:center;width:29px;height:29px;border-radius:7px;color:var(--broadcast-color);background:color-mix(in srgb,var(--broadcast-color) 16%,transparent)}
.broadcast-stat-icon>.icon{width:17px;height:17px}
.settings-credential-options label:has([value=static]:checked){border-color:#08b9df;background:#08b9df10;box-shadow:inset 0 0 0 1px #08b9df}
.settings-credential-options label:has([value=oauth]:checked){border-color:#fb762f;background:#fb762f10;box-shadow:inset 0 0 0 1px #fb762f}
.settings-auth-card h4{color:#60d8f0}
.member-cover-upload .btn{color:#60d8f0;background:#08b9df14;border-color:#08b9df55}
.members-area [data-member-action=edit-product],.members-area [data-member-action=edit-module],.members-area [data-member-action=edit-lesson],.members-area [data-member-action=edit-access]{color:#ffd866;background:#ffb51b12;border-color:#ffb51b45}
.members-area [data-member-action=delete-product],.members-area [data-member-action=delete-module],.members-area [data-member-action=delete-lesson],.members-area [data-member-action=revoke-access]{color:#f884c5;background:#e645a010;border-color:#e645a040}
.members-area [data-member-action=view-lesson]{color:#60d8f0;background:#08b9df12;border-color:#08b9df40}

/* Softer surfaces in light mode keep the same colors at readable contrast. */
.light .connections .connection-tabs .btn[aria-pressed=false],.light .contacts-header-actions .btn[aria-pressed=false]{color:color-mix(in srgb,var(--action-color) 65%,#111)}
.light .connections .qr-badge{color:color-mix(in srgb,var(--channel-color) 60%,#111)}
.light .connections .operating>strong,.light .connections .connected-badge:not(.disconnected),.light .contact-row-actions [data-action=contact-chat],.light .flow-library .flow-state-chip.active{color:#087a6b}
.light .contact-row-actions [data-action=edit-contact],.light .flow-library .flow-state-chip.paused,.light .flow-library .flow-blocks{color:#8b5500}
.light .contacts .contact-avatar{color:color-mix(in srgb,var(--avatar-color) 65%,#111)}
.light .contact-labels .colored-tag,.light .support-labels .rail-label,.light .manual-tags .manual-tag{color:color-mix(in srgb,var(--tag-color) 65%,#111)}
.light .country-group>h3,.light .countries .country-code{color:color-mix(in srgb,var(--region-color) 65%,#111)}
.light .campaign-tabs>button>.icon{color:color-mix(in srgb,var(--campaign-color) 65%,#111)}
.light .settings-content-actions>.btn>.icon{color:color-mix(in srgb,var(--media-color) 65%,#111)}
.light .trigger-library .phrase-badge,.light .countries .country-footer .count-badge,.light .academy-video-empty [data-action=lesson-guide]{color:#6c2ebb}
.light .faq .faq-item>summary>.icon:last-child{color:color-mix(in srgb,var(--faq-color) 65%,#111)}
.light .academy-footer [data-action=lesson-previous]{color:#be4712}
.light .connections .connected-badge.disconnected,.light .connections [data-action=delete-connection],.light .contact-row-actions [data-action=delete-contact]{color:#ae2673}
.light .campaign-actions .tracking-badge{color:#408b07}
.light .connections .page-toolbar>[data-action=connection-link],.light .campaign-actions [data-action=campaign-options]{color:#8b5500}
.light .connections .connection-default,.light .connection-choices .recommended-chip,.light .campaign-actions [data-action=campaign-columns]{color:#6c2ebb}
.light .campaign-actions [data-action=campaign-export],.light .settings-auth-card h4,.light .member-cover-upload .btn{color:#047f9c}
.light .campaign-actions [data-action=campaign-status]{color:#408b07}
.light .support-composer-tools [data-action=attach-file],.light .members-area [data-member-action=view-lesson]{color:#047f9c}
.light .support-composer-tools [data-action=insert-emoji],.light .support-inbox .support-date{color:#8b5500}
.light .support-quick-tools [data-action=quick-template],.light .support-client .note-save{color:#6c2ebb}
.light .support-quick-tools [data-action=quick-flow]{color:#408b07}
.light .support-client [data-action=schedule-message]{color:#be4712}
.light .support-client .rail-section>summary>.icon:first-child{color:color-mix(in srgb,var(--rail-color) 65%,#111)}
.light .members-area [data-member-action=edit-product],.light .members-area [data-member-action=edit-module],.light .members-area [data-member-action=edit-lesson],.light .members-area [data-member-action=edit-access]{color:#8b5500}
.light .members-area [data-member-action=delete-product],.light .members-area [data-member-action=delete-module],.light .members-area [data-member-action=delete-lesson],.light .members-area [data-member-action=revoke-access]{color:#ae2673}
.light .flow-status-filters button:not(.selected){color:color-mix(in srgb,var(--status-color) 65%,#111)}

/* v12 palette refinement: keep each workspace purposeful instead of rainbow-colored. */
:root{
 --refine-green:#22c55e;--refine-green-top:#4ade80;--refine-green-bottom:#16a34a;--refine-green-ink:#052e16;
 --refine-teal:#00a884;--refine-teal-top:#2ed0b0;--refine-teal-bottom:#007f68;--refine-teal-ink:#fff;
 --refine-cyan:#2b78e4;--refine-cyan-top:#3d8fff;--refine-cyan-bottom:#1e4f9f;--refine-cyan-ink:#fff;
 --refine-red:#f4845f;--refine-red-top:#f9a388;--refine-red-bottom:#d86142;--refine-red-ink:#fff
}

/* Contacts: green, sky blue and a restrained red only for destructive actions. */
body[data-route=contactos]{--section-accent:var(--refine-teal);--section-top:var(--refine-teal-top);--section-bottom:var(--refine-teal-bottom)}
body[data-route=contactos] .contacts-header-actions [data-action=contact-filters]{--action-color:var(--refine-cyan);--action-ink:var(--refine-cyan-ink)}
body[data-route=contactos] .contacts-header-actions [data-action=recent-contacts]{--action-color:var(--refine-teal);--action-ink:var(--refine-teal-ink)}
body[data-route=contactos] .contacts-header-actions [data-action=export-contacts],body[data-route=contactos] .contacts-header-actions [data-action=new-contact]{--action-color:var(--refine-green);--action-ink:var(--refine-green-ink)}
body[data-route=contactos] .contacts-header-actions [data-action=import-contacts]{--action-color:var(--refine-cyan);--action-ink:var(--refine-cyan-ink)}
body[data-route=contactos] .contacts .contact-avatar{--avatar-color:var(--refine-teal)!important}
body[data-route=contactos] .contacts .colored-tag{--tag-color:var(--refine-cyan)!important}
body[data-route=contactos] .contact-row-actions [data-action=contact-chat]{background:#04b49d19;border-color:#04b49d70;color:#52decb}
body[data-route=contactos] .contact-row-actions [data-action=edit-contact]{background:#08b9df19;border-color:#08b9df70;color:#60d8f0}
body[data-route=contactos] .contact-row-actions [data-action=delete-contact]{background:#ef444419;border-color:#ef444470;color:#ff8a8a}
body[data-route=contactos] .contacts-selection{background:#08b9df12;border-color:#08b9df60}
body.light[data-route=contactos] .contact-row-actions [data-action=contact-chat]{color:#087a6b}
body.light[data-route=contactos] .contact-row-actions [data-action=edit-contact]{color:#047f9c}
body.light[data-route=contactos] .contact-row-actions [data-action=delete-contact]{color:#b91c1c}

/* Campaigns: one calm cyan identity, with neutral surfaces and no tab rainbow. */
body[data-route=campanas]{--section-accent:var(--refine-cyan);--section-top:var(--refine-cyan-top);--section-bottom:var(--refine-cyan-bottom)}
body[data-route=campanas] .campaign-tabs [data-value]{--campaign-color:var(--refine-cyan)!important}
body[data-route=campanas] .campaign-tabs>button{background:var(--panel-deep);border-color:var(--line);color:var(--muted)}
body[data-route=campanas] .campaign-tabs>button>.icon{color:var(--refine-cyan-top);background:#08b9df12}
body[data-route=campanas] .campaign-tabs>button.selected{background:#08b9df18;border-color:#08b9df80;border-bottom-color:var(--refine-cyan);color:var(--text)}
body[data-route=campanas] .campaign-actions [data-action=campaign-columns],body[data-route=campanas] .campaign-actions [data-action=campaign-export],body[data-route=campanas] .campaign-actions [data-action=campaign-status],body[data-route=campanas] .campaign-actions [data-action=campaign-options]{background:#08b9df12;border-color:#08b9df55;color:var(--refine-cyan-top)}
body[data-route=campanas] .campaign-actions [data-action=refresh-campaigns]{background:var(--refine-cyan);border-color:var(--refine-cyan-top);color:var(--refine-cyan-ink)}
body[data-route=campanas] .campaign-actions .tracking-badge{background:#08b9df16;border-color:#08b9df55;color:var(--refine-cyan-top)}
body[data-route=campanas] .campaign-filters>.form-field>span::before{background:var(--refine-cyan-top)!important}
body.light[data-route=campanas] .campaign-tabs>button>.icon,body.light[data-route=campanas] .campaign-actions [data-action=campaign-columns],body.light[data-route=campanas] .campaign-actions [data-action=campaign-export],body.light[data-route=campanas] .campaign-actions [data-action=campaign-status],body.light[data-route=campanas] .campaign-actions [data-action=campaign-options]{color:var(--refine-cyan-bottom)}
body.light[data-route=campanas] .campaign-actions .tracking-badge{color:var(--refine-cyan-bottom)}

/* Flows: red for creation, cyan for organization, green for import and active state. */
body[data-route=flujos]{--section-accent:var(--refine-cyan);--section-top:var(--refine-cyan-top);--section-bottom:var(--refine-cyan-bottom);--section-soft:var(--refine-cyan-top);--section-on-accent:var(--refine-cyan-ink)}
body[data-route=flujos] .flow-header-actions [data-action=new-flow]{--action-color:var(--refine-red);--action-ink:var(--refine-red-ink)}
body[data-route=flujos] .flow-header-actions [data-action=new-flow-folder]{--action-color:var(--refine-cyan);--action-ink:var(--refine-cyan-ink)}
body[data-route=flujos] .flow-header-actions [data-action=import-flow]{--action-color:var(--refine-green);--action-ink:var(--refine-green-ink)}
body[data-route=flujos] .flow-status-filters [data-status=Todos]{--status-color:#64748b;--status-ink:#fff}
body[data-route=flujos] .flow-status-filters [data-status=Activos]{--status-color:var(--refine-green);--status-ink:var(--refine-green-ink)}
body[data-route=flujos] .flow-status-filters [data-status=Pausados]{--status-color:var(--refine-cyan);--status-ink:var(--refine-cyan-ink)}
body[data-route=flujos] .flow-status-filters [data-status=Archivados]{--status-color:var(--refine-red);--status-ink:var(--refine-red-ink)}
body[data-route=flujos] .flow-status-filters i.active{background:var(--refine-green)}
body[data-route=flujos] .flow-status-filters i.paused{background:var(--refine-cyan)}
body[data-route=flujos] .flow-library .flow-state-chip.active{background:#04b49d18;border-color:#04b49d55;color:var(--refine-teal-top)}
body[data-route=flujos] .flow-library .flow-state-chip.paused{background:#08b9df14;border-color:#08b9df55;color:var(--refine-cyan-top)}
body[data-route=flujos] .flow-library .flow-name-button>i{background:var(--refine-green)}
body[data-route=flujos] .flow-library .flow-paused .flow-name-button>i{background:var(--refine-cyan)}
body[data-route=flujos] .flow-library .flow-blocks,body[data-route=flujos] .flow-library .flow-blocks>.icon{color:var(--refine-cyan-top)}
body[data-route=flujos] .flow-library .flow-row-menu [role=menuitem]>.icon{color:var(--refine-cyan-top)}
body[data-route=flujos] .flow-library .flow-row-menu [data-action=toggle-flow]>.icon{color:var(--refine-green-top)}
body[data-route=flujos] .flow-library .flow-row-menu .danger-text>.icon{color:var(--refine-red-top)}
body[data-route=flujos] .flow-folders .folder-entry:has(.folder-select[data-folder="Sin carpeta"].selected),body[data-route=flujos] .flow-folders .folder-entry:has(.folder-select[data-folder="Todos"].selected){background:var(--refine-cyan)}
body[data-route=flujos] .flow-folders .folder-entry:has(.folder-select[data-folder="Sin carpeta"].selected) .folder-select,body[data-route=flujos] .flow-folders .folder-entry:has(.folder-select[data-folder="Todos"].selected) .folder-select{color:var(--refine-cyan-ink)}

/* Flow editor: the same three colors carry through controls, ports, cards and minimap. */
body[data-route=flujos] .flow-editor .flow-add-button{background:linear-gradient(145deg,var(--refine-red-top),var(--refine-red) 60%);box-shadow:0 4px 20px #ef44444d,inset 0 1px #ffffff55;color:#fff}
body[data-route=flujos] .flow-editor .flow-context-button{background:linear-gradient(145deg,var(--refine-green-top),var(--refine-green) 60%);border-color:var(--refine-green);box-shadow:0 3px var(--refine-green-bottom);color:var(--refine-green-ink)}
body[data-route=flujos] .flow-editor .flow-simulate-button{background:#08b9df14;border-color:#08b9df70;color:var(--refine-cyan-top)}
body[data-route=flujos] .flow-editor .flow-save-button{background:linear-gradient(145deg,var(--refine-green-top),var(--refine-green) 60%);border-color:var(--refine-green);box-shadow:0 3px var(--refine-green-bottom);color:var(--refine-green-ink)}
body[data-route=flujos] .flow-editor .flow-canvas-controls button{color:var(--refine-cyan-top);border-color:#08b9df40}
body[data-route=flujos] .flow-editor .flow-canvas-controls button:hover,body[data-route=flujos] .flow-editor .flow-canvas-controls button[aria-pressed=true]{background:#08b9df20;color:#fff}
body[data-route=flujos] .flow-editor .flow-canvas-controls #flow-zoom{background:#08b9df12;color:var(--refine-cyan-top)}
body[data-route=flujos] .flow-editor .flow-minimap{border-color:#08b9df80}
body[data-route=flujos] .flow-editor .flow-node-palette{border-color:#08b9df66}
body[data-route=flujos] .flow-editor .flow-node-palette>h2{color:var(--refine-cyan-top)}
body[data-route=flujos] .flow-editor .flow-node-catalog>button:hover{background:#08b9df1c;border-color:#08b9df55}
body[data-route=flujos] .flow-editor .flow-node.is-selected,body[data-route=flujos] .flow-editor .flow-node:focus-visible{box-shadow:0 0 0 2px #d9fbff,0 0 0 5px #08b9df55}
body[data-route=flujos] .flow-editor .flow-node-body:focus-visible{outline-color:var(--refine-cyan)}
body[data-route=flujos] .flow-editor .flow-port-in{background:linear-gradient(145deg,var(--refine-teal-top),var(--refine-teal));outline-color:var(--refine-teal)}
body[data-route=flujos] .flow-editor .flow-port-out{background:linear-gradient(145deg,var(--refine-red-top),var(--refine-red));outline-color:var(--refine-red)}
body[data-route=flujos] .flow-editor .flow-start{background:var(--refine-teal)}
body[data-route=flujos] .flow-editor .flow-content{border-color:var(--refine-cyan);box-shadow:0 1px var(--refine-cyan-bottom)}
body[data-route=flujos] .flow-editor .flow-content>header{background:linear-gradient(125deg,var(--refine-cyan-top),var(--refine-cyan) 65%);color:var(--refine-cyan-ink)}
body[data-route=flujos] .flow-editor .flow-content-summary>.icon{color:var(--refine-cyan-bottom)}
body[data-route=flujos] .flow-editor .flow-api{border-color:var(--refine-cyan)}
body[data-route=flujos] .flow-editor .flow-api>header{background:linear-gradient(125deg,var(--refine-cyan-top),var(--refine-cyan) 65%);color:var(--refine-cyan-ink)}
body[data-route=flujos] .flow-editor .flow-api .flow-node-category{background:#e8fbff;color:var(--refine-cyan-bottom)}
body[data-route=flujos] .flow-editor .flow-followup{border-color:var(--refine-red)}
body[data-route=flujos] .flow-editor .flow-followup>header{background:linear-gradient(125deg,var(--refine-red-top),var(--refine-red) 65%);color:#fff}
body[data-route=flujos] .flow-editor .flow-followup .flow-node-branches>div{background:#fff0f0;color:#991b1b;border-color:#ff8a8a}
body[data-route=flujos] .flow-editor .flow-wait{border-color:var(--refine-cyan)}
body[data-route=flujos] .flow-editor .flow-wait>header{background:linear-gradient(125deg,var(--refine-cyan-top),var(--refine-cyan) 65%);color:var(--refine-cyan-ink)}
body[data-route=flujos] .flow-editor .flow-wait-value{color:var(--refine-cyan-bottom);background:#ecfeff;border-color:#60d8f0}
body[data-route=flujos] .flow-editor .flow-notification{border-color:var(--refine-red)}
body[data-route=flujos] .flow-editor .flow-notification>header{background:linear-gradient(125deg,var(--refine-red-top),var(--refine-red) 65%);border-bottom-color:var(--refine-red);color:#fff}
body[data-route=flujos] .flow-editor .flow-notification .flow-node-body{color:#4c1010}
body[data-route=flujos] .flow-editor .flow-ai-circle{background:linear-gradient(140deg,var(--refine-green-top),var(--refine-green) 60%);box-shadow:0 0 30px #67c81635}
body[data-route=flujos] .flow-editor .flow-ai-circle:after{background:var(--refine-green)}
body[data-route=flujos] .flow-editor .flow-ai-caption{background:var(--refine-green);color:var(--refine-green-ink)}
body[data-route=flujos] .flow-editor .ai-followup>button:not(.flow-port){color:#b91c1c;border-color:var(--refine-red)}
body[data-route=flujos] .flow-editor .flow-ai-path{border-color:#67c81680;color:#25630c}
body[data-route=flujos] .flow-editor .flow-ai-path:before,body[data-route=flujos] .flow-editor .flow-ai-path>i{background:var(--refine-green)}
body[data-route=flujos] .flow-editor .flow-ai-path.payment{border-color:#ff8a8a;color:#991b1b}
body[data-route=flujos] .flow-editor .flow-ai-path.payment>i{background:var(--refine-red)}
body.light[data-route=flujos] .flow-editor .flow-canvas-controls button,body.light[data-route=flujos] .flow-editor .flow-canvas-controls #flow-zoom{color:var(--refine-cyan-bottom)}

/* Triggers: welcome is green, creation is red, folder is sky blue. */
body[data-route=disparadores]{--section-accent:var(--refine-teal);--section-top:var(--refine-teal-top);--section-bottom:var(--refine-teal-bottom);--section-soft:var(--refine-teal-top);--section-on-accent:var(--refine-teal-ink)}
body[data-route=disparadores] .trigger-header-actions [data-action=welcome-settings]{--action-color:var(--refine-teal);--action-ink:var(--refine-teal-ink)}
body[data-route=disparadores] .trigger-header-actions [data-action=new-trigger]{--action-color:var(--refine-red);--action-ink:var(--refine-red-ink)}
body[data-route=disparadores] .trigger-header-actions [data-action=new-trigger-folder]{--action-color:var(--refine-cyan);--action-ink:var(--refine-cyan-ink)}
body[data-route=disparadores] .flow-status-filters [data-status=Todos]{--status-color:#64748b;--status-ink:#fff}
body[data-route=disparadores] .flow-status-filters [data-status=Activos]{--status-color:var(--refine-green);--status-ink:var(--refine-green-ink)}
body[data-route=disparadores] .flow-status-filters [data-status=Pausados]{--status-color:var(--refine-cyan);--status-ink:var(--refine-cyan-ink)}
body[data-route=disparadores] .flow-status-filters i.active{background:var(--refine-green)}
body[data-route=disparadores] .flow-status-filters i.paused{background:var(--refine-cyan)}
body[data-route=disparadores] .trigger-library .flow-state-chip.active{background:#04b49d18;border-color:#04b49d55;color:var(--refine-teal-top)}
body[data-route=disparadores] .trigger-library .flow-state-chip.paused{background:#08b9df14;border-color:#08b9df55;color:var(--refine-cyan-top)}
body[data-route=disparadores] .trigger-library .flow-name-button>i{background:var(--refine-green)}
body[data-route=disparadores] .trigger-library .flow-paused .flow-name-button>i{background:var(--refine-cyan)}
body[data-route=disparadores] .trigger-library .phrase-badge{color:var(--refine-cyan-top);background:#08b9df14;border-color:#08b9df55}
body[data-route=disparadores] .trigger-library .trigger-connection-name{color:var(--refine-cyan-top)}
body[data-route=disparadores] .flow-folders .folder-entry:has(.folder-select[data-folder="Todos"].selected),body[data-route=disparadores] .flow-folders .folder-entry:has(.folder-select[data-folder="Sin carpeta"].selected){background:var(--refine-teal)}
body[data-route=disparadores] .flow-folders .folder-entry:has(.folder-select[data-folder="Todos"].selected) .folder-select,body[data-route=disparadores] .flow-folders .folder-entry:has(.folder-select[data-folder="Sin carpeta"].selected) .folder-select{color:var(--refine-teal-ink)}
body[data-route=disparadores] #modal[data-kind=activator] .modal-head{background:linear-gradient(110deg,var(--refine-red),var(--refine-red-bottom));color:#fff}
body[data-route=disparadores] #modal[data-kind=activator] .btn.coral{background:var(--refine-red);border-color:var(--refine-red-top);color:#fff}
body[data-route=disparadores] #modal[data-kind=activator] .symbol-green{background:#04b49d1c;color:var(--refine-teal-top)}
body[data-route=disparadores] #modal[data-kind=activator] .symbol-purple{background:#08b9df1c;color:var(--refine-cyan-top)}
body[data-route=disparadores] #modal[data-kind=activator] .symbol-amber{background:#ef44441c;color:var(--refine-red-top)}
body[data-route=disparadores] #modal[data-kind=activator] .setting-switch{--switch-accent:var(--refine-teal);border-color:#04b49d70;background:#04b49d0a}
body[data-route=disparadores] #modal[data-kind=activator] .setting-switch.switch-cyan{--switch-accent:var(--refine-cyan);border-color:#08b9df70;background:#08b9df0a}
body.light[data-route=disparadores] .trigger-library .flow-state-chip.active,body.light[data-route=disparadores] .trigger-library .flow-name-button>i{color:var(--refine-teal-bottom)}
body.light[data-route=disparadores] .trigger-library .flow-state-chip.paused{color:var(--refine-cyan-bottom)}

/* v13 reference extraction: blue #2b78e4, orange #f4845f, green #22c55e. */
:root{
 --reference-blue:#2b78e4;--reference-blue-top:#3d8fff;--reference-blue-bottom:#1976d2;
 --reference-orange:#f4845f;--reference-orange-top:#f9a486;--reference-orange-bottom:#d86142;
 --reference-green:#22c55e;--reference-green-top:#4ade80;--reference-green-bottom:#16a34a;
 --reference-neutral:#64748b;--reference-neutral-dark:#242424;--reference-danger:#d21919
}
body[data-route=flujos],body[data-route=disparadores]{--section-accent:var(--reference-blue);--section-top:var(--reference-blue-top);--section-bottom:var(--reference-blue-bottom);--section-soft:var(--reference-blue-top);--section-on-accent:#fff}
body[data-route=campanas]{--section-accent:var(--reference-blue);--section-top:var(--reference-blue-top);--section-bottom:var(--reference-blue-bottom)}
body[data-route=contactos] .contacts-header-actions [data-action=contact-filters],body[data-route=contactos] .contacts-header-actions [data-action=export-contacts],body[data-route=contactos] .contacts-header-actions [data-action=import-contacts]{--action-color:var(--reference-blue);--action-ink:#fff}
body[data-route=contactos] .contacts-header-actions [data-action=recent-contacts]{--action-color:var(--reference-neutral);--action-ink:#fff}
body[data-route=contactos] .contacts-header-actions [data-action=new-contact]{--action-color:var(--reference-orange);--action-ink:#fff}
body[data-route=contactos] .contact-row-actions [data-action=contact-chat]{background:#00a8841c;border-color:#00a88470;color:#2ed0b0}
body[data-route=contactos] .contact-row-actions [data-action=edit-contact]{background:#2b78e41c;border-color:#2b78e470;color:#3d8fff}
body[data-route=contactos] .contact-row-actions [data-action=delete-contact]{background:#d219191c;border-color:#d2191970;color:#f4845f}

body[data-route=campanas] .campaign-tabs [data-value]{--campaign-color:var(--reference-blue)!important}
body[data-route=campanas] .campaign-tabs>button>.icon{color:var(--reference-blue-top);background:#2b78e412}
body[data-route=campanas] .campaign-tabs>button.selected{background:#2b78e418;border-color:#2b78e480;border-bottom-color:var(--reference-blue);color:var(--text)}
body[data-route=campanas] .campaign-actions [data-action=campaign-columns],body[data-route=campanas] .campaign-actions [data-action=campaign-export],body[data-route=campanas] .campaign-actions [data-action=campaign-status],body[data-route=campanas] .campaign-actions [data-action=campaign-options]{background:#2b78e412;border-color:#2b78e455;color:var(--reference-blue-top)}
body[data-route=campanas] .campaign-actions [data-action=refresh-campaigns]{background:var(--reference-blue);border-color:var(--reference-blue-top);color:#fff}
body[data-route=campanas] .campaign-actions .tracking-badge{background:#2b78e416;border-color:#2b78e455;color:var(--reference-blue-top)}
body[data-route=campanas] .campaign-filters>.form-field>span::before{background:var(--reference-blue-top)!important}

body[data-route=flujos] .flow-header-actions [data-action=new-flow]{--action-color:var(--reference-orange);--action-ink:#fff}
body[data-route=flujos] .flow-header-actions [data-action=import-flow]{--action-color:var(--reference-blue);--action-ink:#fff}
body[data-route=flujos] .flow-header-actions [data-action=new-flow-folder]{background:var(--reference-neutral-dark);border-color:#3f3f46;color:#cbd5e1;box-shadow:none}
body[data-route=flujos] .flow-header-actions [data-action=new-flow-folder]>.icon{color:var(--reference-blue-top)}
body[data-route=disparadores] .trigger-header-actions [data-action=welcome-settings]{--action-color:var(--reference-blue);--action-ink:#fff}
body[data-route=disparadores] .trigger-header-actions [data-action=new-trigger]{--action-color:var(--reference-orange);--action-ink:#fff}
body[data-route=disparadores] .trigger-header-actions [data-action=new-trigger-folder]{background:var(--reference-neutral-dark);border-color:#3f3f46;color:#cbd5e1;box-shadow:none}
body[data-route=disparadores] .trigger-header-actions [data-action=new-trigger-folder]>.icon{color:var(--reference-blue-top)}
body:is([data-route=flujos],[data-route=disparadores]) .flow-status-filters [data-status=Todos]{--status-color:var(--reference-neutral);--status-ink:#fff}
body:is([data-route=flujos],[data-route=disparadores]) .flow-status-filters [data-status=Activos]{--status-color:var(--reference-green);--status-ink:#052e16}
body:is([data-route=flujos],[data-route=disparadores]) .flow-status-filters [data-status=Pausados]{--status-color:var(--reference-neutral);--status-ink:#fff}
body[data-route=flujos] .flow-status-filters [data-status=Archivados]{--status-color:var(--reference-neutral);--status-ink:#fff}
body:is([data-route=flujos],[data-route=disparadores]) .flow-status-filters i.active{background:var(--reference-green)}
body:is([data-route=flujos],[data-route=disparadores]) .flow-status-filters i.paused{background:var(--reference-neutral)}
body[data-route=flujos] .flow-library .flow-state-chip.active,body[data-route=disparadores] .trigger-library .flow-state-chip.active{background:#22c55e18;border-color:#22c55e55;color:var(--reference-green-top)}
body[data-route=flujos] .flow-library .flow-state-chip.paused,body[data-route=disparadores] .trigger-library .flow-state-chip.paused{background:#64748b18;border-color:#64748b55;color:#94a3b8}
body:is([data-route=flujos],[data-route=disparadores]) .flow-library .flow-name-button>i{background:var(--reference-green)}
body:is([data-route=flujos],[data-route=disparadores]) .flow-library .flow-paused .flow-name-button>i{background:var(--reference-neutral)}
body:is([data-route=flujos],[data-route=disparadores]) .flow-library .flow-blocks,body:is([data-route=flujos],[data-route=disparadores]) .flow-library .flow-blocks>.icon{color:var(--reference-blue-top)}
body[data-route=disparadores] .trigger-library .phrase-badge,body[data-route=disparadores] .trigger-library .trigger-connection-name{color:var(--reference-blue-top)}

body[data-route=flujos] .flow-editor .flow-add-button{background:linear-gradient(145deg,var(--reference-orange-top),var(--reference-orange) 60%);box-shadow:0 4px 20px #f4845f4d,inset 0 1px #ffffff55;color:#fff}
body[data-route=flujos] .flow-editor .flow-context-button{background:linear-gradient(145deg,var(--reference-blue-top),var(--reference-blue) 60%);border-color:var(--reference-blue);box-shadow:0 3px var(--reference-blue-bottom);color:#fff}
body[data-route=flujos] .flow-editor .flow-simulate-button{background:#22c55e14;border-color:#22c55e70;color:var(--reference-green-top)}
body[data-route=flujos] .flow-editor .flow-save-button{background:linear-gradient(145deg,var(--reference-green-top),var(--reference-green) 60%);border-color:var(--reference-green);box-shadow:0 3px var(--reference-green-bottom);color:#052e16}
body[data-route=flujos] .flow-editor .flow-canvas-controls button,body[data-route=flujos] .flow-editor .flow-canvas-controls #flow-zoom{color:var(--reference-blue-top)}
body[data-route=flujos] .flow-editor .flow-canvas-controls button:hover,body[data-route=flujos] .flow-editor .flow-canvas-controls button[aria-pressed=true]{background:#2b78e420;color:#fff}
body[data-route=flujos] .flow-editor .flow-minimap,body[data-route=flujos] .flow-editor .flow-node-palette{border-color:#2b78e480}
body[data-route=flujos] .flow-editor .flow-node-palette>h2{color:var(--reference-blue-top)}
body[data-route=flujos] .flow-editor .flow-node-catalog>button:hover{background:#2b78e41c;border-color:#2b78e455}

body:is([data-route=flujos],[data-route=disparadores]) #modal[data-kind=folder] .modal-actions .btn.primary{background:var(--reference-blue-bottom);border-color:var(--reference-blue);color:#fff}
body:is([data-route=flujos],[data-route=disparadores]) #modal[data-kind=folder] .folder-form-preview{border-color:#2b78e455;background:#2b78e412}
@media(max-width:760px){body:is([data-route=dashboard],[data-route=conexiones],[data-route=contactos],[data-route=campanas],[data-route=integraciones],[data-route=faq]) .section-title-icon{width:32px;height:32px;flex-basis:32px}body:is([data-route=dashboard],[data-route=conexiones],[data-route=contactos],[data-route=campanas],[data-route=integraciones],[data-route=faq]) .section-title-icon>.section-asset-icon{width:20px;height:20px}.campaign-tabs>button>.icon{width:20px;height:20px;padding:3px}.faq .faq-question-icon{width:28px;height:28px;flex-basis:28px}.faq .faq-item>summary{gap:9px}}

/* v14 live chat: extracted from the WhatsApp reference while preserving the image 2 business rail. */
body[data-route=chat]{
 --chat-reference-bg:#171818;
 --chat-reference-panel:#1f1b20;
 --chat-reference-raised:#282929;
 --chat-reference-line:#44454c;
 --chat-reference-ink:#f0efe3;
 --chat-reference-muted:#9aa09b;
 --chat-reference-green:#21c063;
 --chat-reference-green-dark:#144d37;
 --chat-reference-green-deep:#103d2c;
 --chat-reference-blue:#17274e;
 --chat-reference-teal:#00a784;
 --chat-reference-orange:#fd6b09;
 --chat-reference-aqua:#48a4ce;
}
body[data-route=chat] #page-content{background:var(--chat-reference-bg)}
body[data-route=chat] .support-layout{
 --chat-bg:var(--chat-reference-bg);
 --chat-panel:var(--chat-reference-panel);
 --chat-raised:var(--chat-reference-raised);
 --chat-line:var(--chat-reference-line);
 --chat-text:var(--chat-reference-ink);
 --chat-muted:var(--chat-reference-muted);
 --teal:var(--chat-reference-teal);
 background:var(--chat-reference-bg);
 color:var(--chat-reference-ink);
 gap:0;
}
body[data-route=chat] .support-filters,
body[data-route=chat] .support-inbox,
body[data-route=chat] .support-conversation,
body[data-route=chat] .support-client,
body[data-route=chat] .support-replies{background:var(--chat-reference-bg);border-color:var(--chat-reference-line)}
body[data-route=chat] .support-filters .support-rail-heading,
body[data-route=chat] .support-inbox-controls,
body[data-route=chat] .support-chat-tabs,
body[data-route=chat] .support-count,
body[data-route=chat] .support-thread,
body[data-route=chat] .support-conversation-header,
body[data-route=chat] .support-mobile-nav{background:var(--chat-reference-panel);border-color:var(--chat-reference-line)}
body[data-route=chat] .support-rail-heading{color:var(--chat-reference-muted);border-color:var(--chat-reference-line)}
body[data-route=chat] .support-rail-heading>.icon{color:var(--chat-reference-teal)}
body[data-route=chat] .support-layout .search-field,
body[data-route=chat] .support-inbox-filters .select,
body[data-route=chat] .support-date,
body[data-route=chat] .all-switch,
body[data-route=chat] .rail-control,
body[data-route=chat] .rail-label{background:var(--chat-reference-raised);border-color:var(--chat-reference-line);color:var(--chat-reference-ink)}
body[data-route=chat] .support-layout input::placeholder,
body[data-route=chat] .support-layout textarea::placeholder{color:var(--chat-reference-muted)}
body[data-route=chat] .support-thread:hover{background:#282929}
body[data-route=chat] .support-thread.selected{background:var(--chat-reference-blue);box-shadow:inset 3px 0 var(--chat-reference-green)}
body[data-route=chat] .support-layout .support-count,
body[data-route=chat] .support-thread-text time,
body[data-route=chat] .support-preview{color:var(--chat-reference-muted)}
body[data-route=chat] .support-preview i{color:var(--chat-reference-green)}
body[data-route=chat] .support-inbox-empty{color:var(--chat-reference-muted)}
body[data-route=chat] .support-inbox-empty strong{color:var(--chat-reference-ink)}
body[data-route=chat] .support-primary,
body[data-route=chat] .support-client #tag-form .btn{background:var(--chat-reference-green);border-color:var(--chat-reference-green);color:#052e16}
body[data-route=chat] .support-search-row .support-primary{box-shadow:0 2px var(--chat-reference-green-deep)}
body[data-route=chat] .support-chat-tabs>button.selected{color:var(--chat-reference-green);border-color:var(--chat-reference-green)}
body[data-route=chat] .support-layout .rail-control.active,
body[data-route=chat] .support-layout .rail-label.selected{background:#21c0631c;border-color:var(--chat-reference-green);color:#6ee7a0}
body[data-route=chat] .all-switch i.on{background:var(--chat-reference-green)}
body[data-route=chat] .all-switch i{background:#44454c}
body[data-route=chat] .all-switch i:after{background:#bfcacc}
body[data-route=chat] .all-switch i.on:after{background:#f0efe3}
body[data-route=chat] .support-filters footer{border-color:var(--chat-reference-line)}
body[data-route=chat] .support-filters footer .icon-btn,
body[data-route=chat] .support-filters footer a{color:var(--chat-reference-muted)}
body[data-route=chat] .support-filters footer a{color:#f4845f}

/* Image 3: compact neutral block control and muted red flow state. */
body[data-route=chat] .support-conversation-actions{gap:8px}
body[data-route=chat] .support-conversation-actions .btn{background:#1e2429;border:1px solid #293f40;color:#9aa09c;border-radius:6px;min-height:32px;box-shadow:none}
body[data-route=chat] .support-conversation-actions .btn>.icon{color:currentColor}
body[data-route=chat] .support-conversation-actions .flow-off{background:#33272b;border-color:#582f2e;color:#9aa09c}
body[data-route=chat] .support-conversation-actions .flow-on{background:var(--chat-reference-green-deep);border-color:#1f653f;color:#6ee7a0}
body[data-route=chat] .support-conversation-actions .is-blocked{background:#33272b;border-color:#582f2e;color:#f0a39a}
body[data-route=chat] .support-person strong>span{background:var(--chat-reference-raised);color:#bfcacc}
body[data-route=chat] .support-person small{background:var(--chat-reference-green-deep);color:#6ee7a0}
body[data-route=chat] .support-tags-link{color:var(--chat-reference-muted)}

/* Image 5: WhatsApp dark surfaces, green outgoing bubbles and restrained blue selection. */
body[data-route=chat] .support-messages{background-color:var(--chat-reference-bg);background-image:url('/wallpaper-dark.png');background-blend-mode:normal;scrollbar-color:#586363 transparent}
body[data-route=chat] .support-conversation.is-empty{background:var(--chat-reference-bg)}
body[data-route=chat] .support-bubble{background:var(--chat-reference-raised);border:1px solid #44454c;color:var(--chat-reference-ink);box-shadow:0 1px 1px #0005}
body[data-route=chat] .support-bubble.received{background:var(--chat-reference-raised);color:var(--chat-reference-ink)}
body[data-route=chat] .support-bubble.sent{background:var(--chat-reference-green-dark);border-color:#1d6533;color:#f0efe3}
body[data-route=chat] .support-bubble>small{color:#6d8e9e}
body[data-route=chat] .support-bubble time{color:var(--chat-reference-muted)}
body[data-route=chat] .support-bubble time span{color:var(--chat-reference-green)}
body[data-route=chat] .support-date-divider{background:var(--chat-reference-raised);color:#bfcacc;border:1px solid var(--chat-reference-line)}
body[data-route=chat] .recovered-ad{border-color:#936848;color:#e99148;background:#5a29211f}
body[data-route=chat] .support-composer-area{background:var(--chat-reference-panel);border-top-color:var(--chat-reference-line)}
body[data-route=chat] .support-composer-area form{background:var(--chat-reference-raised);border-color:var(--chat-reference-line)}
body[data-route=chat] .support-composer-area form:focus-within{border-color:var(--chat-reference-green)}
body[data-route=chat] .support-composer-area textarea{color:var(--chat-reference-ink)}
body[data-route=chat] .support-composer-tools .icon-btn{color:var(--chat-reference-muted)}
body[data-route=chat] .support-composer-tools [data-action=attach-file]{color:var(--chat-reference-aqua)}
body[data-route=chat] .support-composer-tools [data-action=insert-emoji]{color:#e99148}
body[data-route=chat] .support-send{background:var(--chat-reference-green);color:#052e16;border-radius:7px}
body[data-route=chat] .support-quick-tools{background:var(--chat-reference-panel);border-color:var(--chat-reference-line)}
body[data-route=chat] .support-quick-tools .icon-btn{background:var(--chat-reference-blue);color:#bfcacc;border:1px solid #446793}
body[data-route=chat] .support-quick-tools .icon-btn:nth-child(2){background:var(--chat-reference-green-deep);color:#6ee7a0;border-color:#1d6533}
body[data-route=chat] .support-quick-tools span{color:var(--chat-reference-muted)}

/* Image 4: narrow client-information rail with dark teal surfaces and clear section hierarchy. */
body[data-route=chat] .support-client{background:#0f161b;border-left:1px solid #2c4849;color:var(--chat-reference-ink)}
body[data-route=chat] .support-client>.support-rail-heading{background:#131c22;color:#bfcacc;border-color:#2c4849;padding-right:66px}
body[data-route=chat] .support-client .client-profile{background:#0f161b;border-color:#2c4849;padding-right:66px}
body[data-route=chat] .support-client .rail-section{background:#0f161b;border-color:#2c4849}
body[data-route=chat] .support-client .rail-section>summary{color:#bfcacc}
body[data-route=chat] .support-client .rail-section>summary>.icon:first-child{background:#00a7841c;color:#26b397;width:22px;height:22px;padding:4px;border-radius:6px}
body[data-route=chat] .support-client .rail-section:nth-of-type(2)>summary>.icon:first-child{background:#21c0631c;color:#6ee7a0}
body[data-route=chat] .support-client .rail-section:nth-of-type(3)>summary>.icon:first-child{background:#fd6b091c;color:#e99148}
body[data-route=chat] .support-client .rail-section:nth-of-type(4)>summary>.icon:first-child{background:#44454c33;color:#bfcacc}
body[data-route=chat] .support-client .rail-section:nth-of-type(5)>summary>.icon:first-child{background:#48a4ce1c;color:#71a9cc}
body[data-route=chat] .support-client .rail-section:nth-of-type(6)>summary>.icon:first-child{background:#00a7841c;color:#26b397}
body[data-route=chat] .support-client .ticket-facts>div,
body[data-route=chat] .support-client .rail-card{background:#192428;border-color:#2c4849}
body[data-route=chat] .support-client .sales-data{background:#131c22;border-color:#446793}
body[data-route=chat] .support-client .sales-data strong{color:var(--chat-reference-green)}
body[data-route=chat] .support-client [data-action=schedule-message]{background:#00a7841c;border-color:#00a78470;color:#26b397}
body[data-route=chat] .support-client .note-save{background:#17274e;color:#71a9cc;border:1px solid #446793;border-radius:4px;padding:3px 7px}
body[data-route=chat] .support-client .manual-tag{background:#5a2921;color:#e99148;border:1px solid #936848}
body[data-route=chat] .support-client .rail-section :is(textarea,input){background:#192428;border-color:#2c4849;color:var(--chat-reference-ink)}
body[data-route=chat] .support-client .rail-section #tag-form .btn{background:var(--chat-reference-aqua);border-color:var(--chat-reference-aqua);color:#071b25}

/* Image 2: keep the colorful right-hand business shortcuts unchanged. */
body[data-route=chat] .support-business-tools{right:0;top:0;gap:5px}
body[data-route=chat] .support-business-tools>button{width:60px;height:49px;border-radius:18px 0 0 18px;box-shadow:-4px 2px 12px #0004;border-top:2px solid #ffffff38;border-left:2px solid #ffffff29}
body[data-route=chat] .support-business-tools .business-orders{height:54px;background:#f28b0d;border-radius:0 0 0 19px}
body[data-route=chat] .support-business-tools .business-stats{background:#168dea}
body[data-route=chat] .support-business-tools .business-crm{background:#58cc02}
body[data-route=chat] .support-business-tools .business-sales{background:#01a788}
body[data-route=chat] .support-business-tools .icon{width:22px;height:22px}
body[data-route=chat] .support-business-tools .business-orders .icon{width:27px;height:27px}
body[data-route=chat] .support-business-tools small{font-size:8px;font-weight:800;line-height:1;color:#f2f9f6}

@media(min-width:1601px){body[data-route=chat] .support-layout{grid-template-columns:76px 306px minmax(0,1fr) 254px}}
@media(min-width:1281px) and (max-width:1600px){body[data-route=chat] .support-layout{grid-template-columns:74px 290px minmax(0,1fr) 248px}}
@media(max-width:1280px){body[data-route=chat] .support-client>.support-rail-heading,body[data-route=chat] .support-client .client-profile{padding-right:12px}}
@media(max-width:1080px){body[data-route=chat] .support-business-tools{display:none}}

/* v15 left workspace: use the same compact client-panel language as the supplied reference. */
body[data-route=chat] .support-filters,
body[data-route=chat] .support-inbox{background:#0f161b;border-color:#2c4849}
body[data-route=chat] .support-filters .support-rail-heading,
body[data-route=chat] .support-inbox-controls,
body[data-route=chat] .support-chat-tabs,
body[data-route=chat] .support-count{background:#131c22;border-color:#2c4849}
body[data-route=chat] .support-layout .search-field,
body[data-route=chat] .support-inbox-filters .select,
body[data-route=chat] .support-date,
body[data-route=chat] .all-switch,
body[data-route=chat] .rail-control,
body[data-route=chat] .rail-label{background:#192428;border-color:#2c4849;color:#bfcacc}
body[data-route=chat] .support-layout .search-field input{color:#f0efe3}
body[data-route=chat] .support-thread{background:#131c22;border-color:#2c4849;color:#f0efe3}
body[data-route=chat] .support-thread:hover{background:#192428}
body[data-route=chat] .support-thread.selected{background:#17274e;box-shadow:inset 3px 0 #21c063}
body[data-route=chat] .support-inbox .support-chat-tabs>button{color:#9aa09b}
body[data-route=chat] .support-inbox .support-chat-tabs>button.selected{color:#21c063;border-color:#21c063}
body[data-route=chat] .support-inbox .support-count{color:#9aa09b}
body[data-route=chat] .support-inbox .support-preview{color:#9aa09b}
body[data-route=chat] .support-inbox .support-preview i{color:#21c063}
body[data-route=chat] .support-inbox .support-primary{background:#00a784;border-color:#00a784;color:#f2f9f6}
body[data-route=chat] .support-filters .support-rail-heading{color:#bfcacc}
body[data-route=chat] .support-filters .support-filter-content>small{color:#6798a6}
body[data-route=chat] .support-filters .rail-control.active{background:#103d2c;border-color:#00a784;color:#6ee7a0}
body[data-route=chat] .support-filters .manage-labels{background:#00a78414;border-color:#00a78470;color:#26b397}
body[data-route=chat] .support-filters .rail-label{color:#bfcacc}
body[data-route=chat] .support-filters .rail-label.selected{background:#103d2c;border-color:#00a784;color:#6ee7a0;box-shadow:inset 3px 0 #00a784}

/* v16 client information rail: roomy ticket cards and the complete reference hierarchy. */
body[data-route=chat] .support-client{
  background:#0f161b;
  color:#f0efe3;
  scrollbar-color:#2c4849 transparent;
}
body[data-route=chat] .support-client>.support-rail-heading{
  height:36px;
  min-height:36px;
  padding:0 66px 0 12px;
  background:#131c22;
  border-bottom:1px solid #2c4849;
  color:#c5d0d1;
  font-size:9px;
  letter-spacing:1px;
}
body[data-route=chat] .support-client .client-profile{
  min-height:78px;
  padding:12px 66px 12px 13px;
  gap:10px;
  background:#0f161b;
  border-bottom:1px solid #2c4849;
  align-items:center;
}
body[data-route=chat] .support-client .client-profile>.support-avatar{
  width:40px;
  height:40px;
  border:2px solid #00a784;
  box-shadow:0 0 0 2px #103d2c;
}
body[data-route=chat] .support-client .client-profile-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}
body[data-route=chat] .support-client .client-profile-name{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
}
body[data-route=chat] .support-client .client-profile-name strong{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#f0efe3;
  font-size:12px;
  line-height:1.2;
}
body[data-route=chat] .support-client .client-profile-edit{
  display:grid;
  place-items:center;
  flex:0 0 15px;
  width:15px;
  height:15px;
  color:#9aa09b;
}
body[data-route=chat] .support-client .client-profile-edit>.icon{width:13px;height:13px}
body[data-route=chat] .support-client .client-profile-phone{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#00a784;
  font-size:10px;
  line-height:1.25;
}
body[data-route=chat] .support-client .rail-section{
  padding:10px 12px 12px;
  background:#0f161b;
  border-bottom:1px solid #2c4849;
}
body[data-route=chat] .support-client .rail-section.ticket-section{padding-right:66px}
body[data-route=chat] .support-client .rail-section>summary{
  min-height:18px;
  color:#c5d0d1;
  font-size:9px;
  letter-spacing:.45px;
  line-height:1.3;
}
body[data-route=chat] .support-client .rail-section>summary>.icon:first-child{
  width:14px;
  height:14px;
  padding:0;
  background:transparent;
  border-radius:0;
  stroke-width:1.8;
  color:#00a784;
}
body[data-route=chat] .support-client .ticket-section>summary>.icon:first-child,
body[data-route=chat] .support-client .memory-section>summary>.icon:first-child,
body[data-route=chat] .support-client .notes-section>summary>.icon:first-child,
body[data-route=chat] .support-client .tags-section>summary>.icon:first-child{color:#00a784}
body[data-route=chat] .support-client .scheduled-section>summary>.icon:first-child,
body[data-route=chat] .support-client .shipment-section>summary>.icon:first-child{color:#fd6b09}
body[data-route=chat] .support-client .order-section>summary>.icon:first-child,
body[data-route=chat] .support-client .origin-section>summary>.icon:first-child{color:#48a4ce}
body[data-route=chat] .support-client .rail-section>summary>.icon:last-child{
  width:10px;
  height:10px;
  color:#9aa09b;
}
body[data-route=chat] .support-client .ticket-facts{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:5px;
  margin-top:9px;
}
body[data-route=chat] .support-client .ticket-fact{
  min-width:0;
  min-height:39px;
  padding:7px 8px;
  overflow:hidden;
  background:#192428;
  border:1px solid #203c40;
  border-radius:6px;
}
body[data-route=chat] .support-client .ticket-fact-wide{grid-column:1 / -1}
body[data-route=chat] .support-client .ticket-fact span{
  display:flex;
  align-items:center;
  gap:4px;
  min-width:0;
  color:#6798a6;
  font-size:8px;
  line-height:1.2;
}
body[data-route=chat] .support-client .ticket-fact span>.icon{width:10px;height:10px;color:#00a784;flex:0 0 10px}
body[data-route=chat] .support-client .ticket-fact strong{
  display:block;
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#f0efe3;
  font-size:9px;
  line-height:1.25;
}
body[data-route=chat] .support-client .ticket-fact-origin strong{color:#00a784}
body[data-route=chat] .support-client .memory-section .rail-card{
  margin-top:10px;
  padding:12px;
  min-height:112px;
  background:#192428;
  border:1px solid #2c4849;
  border-radius:13px;
}
body[data-route=chat] .support-client .memory-section .rail-card h3{
  display:flex;
  align-items:center;
  gap:7px;
  color:#d9e2df;
  font-size:9px;
  letter-spacing:.35px;
}
body[data-route=chat] .support-client .memory-section .rail-card h3>.icon{width:13px;height:13px;color:#00a784}
body[data-route=chat] .support-client .sales-data{
  margin-top:9px;
  padding:9px 10px;
  background:#103d2c;
  border:1px solid #1d6533;
  border-radius:8px;
  color:#f0efe3;
}
body[data-route=chat] .support-client .sales-data>span{
  color:#79a7a1;
  font-size:8px;
  letter-spacing:.25px;
}
body[data-route=chat] .support-client .sales-data>div{margin-top:3px}
body[data-route=chat] .support-client .sales-data>div span{font-size:9px;color:#d1ddda}
body[data-route=chat] .support-client .sales-data strong{font-size:16px;color:#21c063}
body[data-route=chat] .support-client .sales-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:27px;
  margin:10px 0 0;
  color:#71858a;
  font-size:9px;
  line-height:1.25;
  text-align:center;
}
body[data-route=chat] .support-client .sales-empty>.icon{width:14px;height:14px;color:#71858a;flex:0 0 14px}
body[data-route=chat] .support-client .scheduled-section>[data-action=schedule-message]{
  width:100%;
  min-height:35px;
  margin-top:9px;
  border:1px solid #00a784;
  border-radius:7px;
  background:#00a784;
  color:#f2f9f6;
  font-size:9px;
  font-weight:700;
  box-shadow:0 2px 0 #0b5e4e;
}
body[data-route=chat] .support-client .scheduled-section .scheduled-item{font-size:10px}
body[data-route=chat] .support-client .scheduled-section .scheduled-item p{font-size:10px}
body[data-route=chat] .support-client .notes-section form{margin-top:9px}
body[data-route=chat] .support-client .notes-section textarea{
  display:block;
  min-height:61px;
  margin-top:0;
  padding:9px;
  background:#192428;
  border:1px solid #2c4849;
  border-radius:8px;
  color:#f0efe3;
  font-size:10px;
  line-height:1.35;
}
body[data-route=chat] .support-client .notes-section .note-save{
  min-height:24px;
  margin-top:5px;
  padding:3px 8px;
  border:1px solid #446793;
  border-radius:4px;
  background:#17274e;
  color:#71a9cc;
  font-size:9px;
}
body[data-route=chat] .support-client .notes-section .rail-empty{padding-top:9px;color:#8b999a;font-size:9px}
body[data-route=chat] .support-client .client-shipping-action,
body[data-route=chat] .support-client .client-order-review{
  width:100%;
  min-height:37px;
  margin-top:9px;
  border-radius:7px;
  font-size:9px;
  font-weight:700;
}
body[data-route=chat] .support-client .client-shipping-action{
  border:1px solid #fd6b09;
  background:#fd6b09;
  color:#fff7ef;
  box-shadow:0 2px 0 #a94609;
}
body[data-route=chat] .support-client .client-order-select{
  width:100%;
  min-height:34px;
  margin-top:9px;
  padding:7px 9px;
  border:1px solid #2c4849;
  border-radius:7px;
  background:#192428;
  color:#9aaeb0;
  font-size:9px;
}
body[data-route=chat] .support-client .client-order-review{
  border:1px solid #582f2e;
  background:#2d1f1c;
  color:#e99148;
}
body[data-route=chat] .support-client .origin-section .rail-card{margin-top:9px}
body[data-route=chat] .support-client .tags-section .manual-tags{margin:9px 0}
body[data-route=chat] .support-client .tags-section #tag-form input{background:#192428;border-color:#2c4849}
body[data-route=chat] .support-client .tags-section #tag-form .btn{min-height:31px;font-size:9px}

@media(max-width:1280px){
  body[data-route=chat] .support-client>.support-rail-heading,
  body[data-route=chat] .support-client .client-profile{padding-right:66px}
  body[data-route=chat] .support-client .client-profile>.support-avatar{width:36px;height:36px}
}
@media(max-width:1080px){
  body[data-route=chat] .support-client>.support-rail-heading,
  body[data-route=chat] .support-client .client-profile,
  body[data-route=chat] .support-client .rail-section.ticket-section{padding-right:12px}
}

/* Shared charcoal palette requested for every section. */
:root{
  --aria-ref-bg:#1b1a1f;
  --aria-ref-panel:#242328;
  --aria-ref-panel-deep:#242328;
  --aria-ref-panel-raised:#242328;
  --aria-ref-panel-bright:#2d2c33;
  --aria-ref-line:#38373e;
  --aria-ref-line-soft:#4a4951;
  --aria-ref-text:#F5F3F2;
  --aria-ref-muted:#9D9EA7;
  --aria-ref-subtle:#BFBFC0;
  --aria-ref-blue:#3A86FF;
  --aria-ref-blue-deep:#0C3289;
  --aria-ref-purple:#9B57FF;
  --aria-ref-pink:#EF4FA8;
  --aria-ref-orange:#FFB229;
  --aria-ref-green:#32D27C;
  --aria-ref-cyan:#20C6D8;
}

/* Shared frame: every route inherits the same charcoal foundation. */
body:not(.light){
  --bg:var(--aria-ref-bg);
  --sidebar:var(--aria-ref-bg);
  --panel:var(--aria-ref-panel);
  --panel-deep:var(--aria-ref-panel-deep);
  --input:var(--aria-ref-panel-raised);
  --line:var(--aria-ref-line);
  --line-light:var(--aria-ref-line-soft);
  --text:var(--aria-ref-text);
  --muted:var(--aria-ref-muted);
  --soft:var(--aria-ref-panel-raised);
  --primary:var(--aria-ref-blue);
  --blue:var(--aria-ref-blue);
  --green:var(--aria-ref-green);
  --purple:var(--aria-ref-purple);
  background:var(--aria-ref-bg);
  color:var(--aria-ref-text);
  color-scheme:dark;
}
body:not(.light) .workspace,
body:not(.light) #page-content,
body:not(.light) .page{background:var(--aria-ref-bg);color:var(--aria-ref-text)}
body:not(.light) .sidebar,
body:not(.light) .sidebar-brand,
body:not(.light) .sidebar-bottom,
body:not(.light) .page-header{background:var(--aria-ref-bg);border-color:var(--aria-ref-line)}
body:not(.light) .nav-link{color:var(--aria-ref-text)}
body:not(.light) .nav-link:hover:not(.active){background:var(--aria-ref-panel-deep)}
body:not(.light) .nav-link.active{background:linear-gradient(135deg,var(--aria-ref-blue),var(--aria-ref-blue-deep));box-shadow:inset 0 1px #ffffff38,0 3px #071039}
body:not(.light) .theme-row{background:var(--aria-ref-panel-deep);border-color:var(--aria-ref-line)}
body:not(.light) .section-title p,
body:not(.light) .subtext,
body:not(.light) .muted,
body:not(.light) .form-field>span{color:var(--aria-ref-muted)}

/* Cards, panels and tables use the shared card tone. */
body:not(.light) .panel,
body:not(.light) .metric-card,
body:not(.light) .chart-panel,
body:not(.light) .dashboard .charts-three>.panel,
body:not(.light) .dashboard .dashboard-bottom>.panel,
body:not(.light) .connection-card,
body:not(.light) .country-panel,
body:not(.light) .contacts-data,
body:not(.light) .contact-extra-filters,
body:not(.light) .campaign-panel,
body:not(.light) .service-card,
body:not(.light) .intelligence-card,
body:not(.light) .flow-library-layout,
body:not(.light) .flow-library-content,
body:not(.light) .settings-panel,
body:not(.light) .member-panel,
body:not(.light) .member-totals>div,
body:not(.light) .business-summary>div{
  background:var(--aria-ref-panel);
  border-color:var(--aria-ref-line);
  box-shadow:0 5px 0 #05081f;
}
body:not(.light) .filterbar,
body:not(.light) .campaigns,
body:not(.light) .campaign-tabs,
body:not(.light) .campaign-actions,
body:not(.light) .flow-folders,
body:not(.light) .settings-nav,
body:not(.light) .member-portal,
body:not(.light) .member-product-list,
body:not(.light) .member-product-detail{background:var(--aria-ref-panel-deep);border-color:var(--aria-ref-line)}
body:not(.light) .dashboard .metric-card,
body:not(.light) .dashboard .chart-panel,
body:not(.light) .dashboard .charts-three>.panel,
body:not(.light) .dashboard .dashboard-bottom>.panel{border-color:var(--aria-ref-line);box-shadow:0 6px 0 #05081f}
body:not(.light) .country-list,
body:not(.light) .settings-table-scroll,
body:not(.light) .settings-auth-card,
body:not(.light) .member-portal-empty,
body:not(.light) .member-portal-products article,
body:not(.light) .member-module,
body:not(.light) .member-lesson-row{background:var(--aria-ref-panel-raised);border-color:var(--aria-ref-line)}
body:not(.light) .contacts-table thead,
body:not(.light) .campaign-table thead,
body:not(.light) .flow-library-table thead,
body:not(.light) .settings-table th{background:var(--aria-ref-panel-deep);border-color:var(--aria-ref-line)}
body:not(.light) .contacts-table td,
body:not(.light) .campaign-table td,
body:not(.light) .campaign-table th,
body:not(.light) .flow-library-table td,
body:not(.light) .flow-library-table th,
body:not(.light) .settings-table td{border-color:#28388d80;color:var(--aria-ref-subtle)}
body:not(.light) .contacts-table tr:hover,
body:not(.light) .country-row:hover,
body:not(.light) .flow-library-table tr:hover{background:var(--aria-ref-panel-bright)}

/* Inputs and compact controls sit one level above their cards. */
body:not(.light) .search-field,
body:not(.light) .select,
body:not(.light) .form-field input,
body:not(.light) .form-field textarea,
body:not(.light) .form-field select,
body:not(.light) .settings-field>input,
body:not(.light) .settings-field>textarea,
body:not(.light) .settings-field>select,
body:not(.light) .settings-search,
body:not(.light) .settings-field .settings-search-wrap,
body:not(.light) .member-portal-empty,
body:not(.light) .member-product-item,
body:not(.light) .member-lesson-row,
body:not(.light) .flow-node-palette .flow-block-search{
  background:var(--aria-ref-panel-raised);
  border-color:var(--aria-ref-line-soft);
  color:var(--aria-ref-text);
}
body:not(.light) .segments{background:var(--aria-ref-panel-deep);border-color:var(--aria-ref-line)}
body:not(.light) .segments>button.selected{background:var(--aria-ref-panel-raised);color:var(--aria-ref-text)}
body:not(.light) input::placeholder,
body:not(.light) textarea::placeholder{color:var(--aria-ref-muted)}
body:not(.light) .icon-btn,
body:not(.light) .secondary{background:var(--aria-ref-panel-deep);border-color:var(--aria-ref-line);color:var(--aria-ref-text)}
body:not(.light) .icon-btn:hover,
body:not(.light) .secondary:hover{background:var(--aria-ref-panel-raised)}
body:not(.light) .primary{background:linear-gradient(135deg,var(--aria-ref-blue),var(--aria-ref-blue-deep));border-color:var(--aria-ref-blue);color:#fff}
body:not(.light) .progress-track{background:var(--aria-ref-panel-raised)}
body:not(.light) .donut{border-color:var(--aria-ref-line-soft)}

/* Reference accents remain semantic: blue, purple, pink, amber and green. */
body:not(.light) .dashboard .color-icon.blue{background:var(--aria-ref-blue-deep)}
body:not(.light) .dashboard .color-icon.cyan{background:#123f72}
body:not(.light) .dashboard .color-icon.violet{background:#38216b}
body:not(.light) .dashboard .color-icon.amber{background:#5a3a18}
body:not(.light) .dashboard .color-icon.green{background:#124f43}
body:not(.light) .dashboard .color-icon.pink{background:#5c214c}
body:not(.light) .dashboard .funnel-item:nth-child(1) .progress-track>span{background:var(--aria-ref-blue)}
body:not(.light) .dashboard .funnel-item:nth-child(2) .progress-track>span{background:var(--aria-ref-purple)}
body:not(.light) .dashboard .funnel-item:nth-child(3) .progress-track>span{background:var(--aria-ref-pink)}
body:not(.light) .dashboard .funnel-item:nth-child(4) .progress-track>span{background:var(--aria-ref-green)}
body:not(.light) .dashboard .response-zero>.icon{color:var(--aria-ref-orange);background:#ffb22918}
body:not(.light) .campaign-tabs>button.selected{background:var(--aria-ref-panel);border-color:var(--aria-ref-blue);border-bottom-color:var(--aria-ref-blue)}
body:not(.light) .tracking-badge{background:#32d27c18;border-color:#32d27c55;color:#76e5a6}
body:not(.light) .flow-library .flow-name-button>i,
body:not(.light) .trigger-library .flow-name-button>i{background:var(--aria-ref-green)}
body:not(.light) .flow-library .flow-state-chip.active,
body:not(.light) .trigger-library .flow-state-chip.active{background:#32d27c18;border-color:#32d27c55;color:#76e5a6}
body:not(.light) .flow-library .flow-state-chip.paused,
body:not(.light) .trigger-library .flow-state-chip.paused{background:#9d9ea718;border-color:#9d9ea755;color:var(--aria-ref-subtle)}

/* Modals and dropdowns are cards too, so they stay on the same navy scale. */
body:not(.light) #modal,
body:not(.light) .flow-row-menu>div,
body:not(.light) .reply-menu>div,
body:not(.light) .settings-row-menu>div{background:var(--aria-ref-panel);border-color:var(--aria-ref-line);color:var(--aria-ref-text);box-shadow:0 16px 36px #02051acc}
body:not(.light) #modal .modal-head,
body:not(.light) #modal .modal-actions{border-color:var(--aria-ref-line)}
body:not(.light) #modal .modal-description,
body:not(.light) #modal .demo-note{color:var(--aria-ref-muted)}

/* Live chat receives the same background/card extraction while its business rail
   keeps the orange, blue, lime and teal shortcuts from the supplied reference. */
body:not(.light)[data-route=chat]{
  --chat-reference-bg:var(--aria-ref-bg);
  --chat-reference-panel:var(--aria-ref-panel);
  --chat-reference-raised:var(--aria-ref-panel-raised);
  --chat-reference-line:var(--aria-ref-line);
  --chat-reference-ink:var(--aria-ref-text);
  --chat-reference-muted:var(--aria-ref-muted);
  --chat-reference-blue:var(--aria-ref-blue-deep);
}
body:not(.light)[data-route=chat] .support-layout,
body:not(.light)[data-route=chat] .support-filters,
body:not(.light)[data-route=chat] .support-inbox,
body:not(.light)[data-route=chat] .support-conversation,
body:not(.light)[data-route=chat] .support-replies,
body:not(.light)[data-route=chat] .support-client{background:var(--aria-ref-bg);border-color:var(--aria-ref-line);color:var(--aria-ref-text)}
body:not(.light)[data-route=chat] .support-filters .support-rail-heading,
body:not(.light)[data-route=chat] .support-inbox-controls,
body:not(.light)[data-route=chat] .support-chat-tabs,
body:not(.light)[data-route=chat] .support-count,
body:not(.light)[data-route=chat] .support-conversation-header,
body:not(.light)[data-route=chat] .support-composer-area,
body:not(.light)[data-route=chat] .support-quick-tools,
body:not(.light)[data-route=chat] .support-client>.support-rail-heading{background:var(--aria-ref-panel);border-color:var(--aria-ref-line)}
body:not(.light)[data-route=chat] .support-layout .search-field,
body:not(.light)[data-route=chat] .support-inbox-filters .select,
body:not(.light)[data-route=chat] .support-date,
body:not(.light)[data-route=chat] .all-switch,
body:not(.light)[data-route=chat] .rail-control,
body:not(.light)[data-route=chat] .rail-label,
body:not(.light)[data-route=chat] .support-thread,
body:not(.light)[data-route=chat] .support-composer-area form,
body:not(.light)[data-route=chat] .support-reply,
body:not(.light)[data-route=chat] .support-client .ticket-fact,
body:not(.light)[data-route=chat] .support-client .rail-card,
body:not(.light)[data-route=chat] .support-client .rail-section :is(textarea,input),
body:not(.light)[data-route=chat] .support-client .client-order-select{background:var(--aria-ref-panel-raised);border-color:var(--aria-ref-line-soft);color:var(--aria-ref-text)}
body:not(.light)[data-route=chat] .support-thread:hover{background:var(--aria-ref-panel-bright)}
body:not(.light)[data-route=chat] .support-thread.selected{background:var(--aria-ref-blue-deep);box-shadow:inset 3px 0 var(--aria-ref-green)}
body:not(.light)[data-route=chat] .support-messages,
body:not(.light)[data-route=chat] .support-wallpaper,
body:not(.light)[data-route=chat] .support-conversation.is-empty{background-color:var(--aria-ref-bg)}
body:not(.light)[data-route=chat] .support-bubble{background:var(--aria-ref-panel-raised);border-color:var(--aria-ref-line-soft);color:var(--aria-ref-text)}
body:not(.light)[data-route=chat] .support-bubble.sent{background:#124f43;border-color:#238b62;color:#f3fff9}
body:not(.light)[data-route=chat] .support-composer-area form:focus-within{border-color:var(--aria-ref-blue)}
body:not(.light)[data-route=chat] .support-client{border-left-color:var(--aria-ref-line)}
body:not(.light)[data-route=chat] .support-client .client-profile,
body:not(.light)[data-route=chat] .support-client .rail-section{background:var(--aria-ref-bg);border-color:var(--aria-ref-line)}
body:not(.light)[data-route=chat] .support-client .sales-data{background:#123e4d;border-color:#206d86}
body:not(.light)[data-route=chat] .support-client .sales-data strong,
body:not(.light)[data-route=chat] .support-client .client-profile-phone{color:var(--aria-ref-green)}
body:not(.light)[data-route=chat] .support-client [data-action=schedule-message],
body:not(.light)[data-route=chat] .support-send{background:var(--aria-ref-green);border-color:var(--aria-ref-green);color:#062b1c}
body:not(.light)[data-route=chat] .support-client .client-shipping-action{background:var(--aria-ref-orange);border-color:var(--aria-ref-orange)}
body:not(.light)[data-route=chat] .support-client .client-order-review{background:#3d2130;border-color:#8b3e67;color:#ff9fbe}

/* The remaining dense workspaces use the same two surface levels as well. */
body:not(.light) .trigger-toolbar,
body:not(.light) .activator-folders,
body:not(.light) .triggers .trigger-table,
body:not(.light) .trigger-card,
body:not(.light) .trigger-empty,
body:not(.light) .activator-empty{background:var(--aria-ref-panel);border-color:var(--aria-ref-line)}
body:not(.light) .activator-folders>button,
body:not(.light) .trigger-controls .select,
body:not(.light) .trigger-controls .segments,
body:not(.light) .trigger-controls .segments>button,
body:not(.light) .triggers .trigger-table tr{background:var(--aria-ref-panel-deep);border-color:var(--aria-ref-line)}
body:not(.light) .activator-folders>button.selected,
body:not(.light) .trigger-controls .segments>button.selected,
body:not(.light) .flow-status-filters button.selected{background:var(--aria-ref-blue);border-color:var(--aria-ref-blue);color:#fff}
body:not(.light) .phrase-badge{background:#382b64;border-color:#6d4bb2;color:#e3d5ff}
body:not(.light) .trigger-status{background:#124f43;color:#8bf0bd}
body:not(.light) .trigger-status.paused{background:var(--aria-ref-panel-raised);color:var(--aria-ref-subtle)}
body:not(.light) .triggers .trigger-table tr:hover,
body:not(.light) .trigger-card:hover,
body:not(.light) .flow-card:hover,
body:not(.light) .new-flow-card:hover,
body:not(.light) .add-connection:hover{background:var(--aria-ref-panel-bright);border-color:var(--aria-ref-line-soft)}
body:not(.light) .flow-card,
body:not(.light) .new-flow-card{background:var(--aria-ref-panel);border-color:var(--aria-ref-line)}

body:not(.light) .flow-editor{background:var(--aria-ref-bg)}
body:not(.light) .flow-editor .flow-viewport{background-color:var(--aria-ref-bg);background-image:radial-gradient(circle,#41459e75 1.2px,transparent 1.5px)}
body:not(.light) .flow-topbar,
body:not(.light) .flow-editor .flow-node-palette{background:var(--aria-ref-panel);border-color:var(--aria-ref-line)}
body:not(.light) .flow-node-palette .flow-block-search{background:var(--aria-ref-panel-raised);border-color:var(--aria-ref-line-soft)}
body:not(.light) .flow-tools-bar .flow-simulate-button,
body:not(.light) .flow-topbar-actions>.btn,
body:not(.light) .flow-ariabot-brand{background:var(--aria-ref-panel-deep);border-color:var(--aria-ref-line);color:var(--aria-ref-text)}

body:not(.light) .page.academy .academy-playlist,
body:not(.light) .academy-count,
body:not(.light) .academy-stage,
body:not(.light) .academy-video-symbol,
body:not(.light) .tutorial-card,
body:not(.light) .account-panel,
body:not(.light) .danger-zone{background:var(--aria-ref-panel);border-color:var(--aria-ref-line)}
body:not(.light) .academy-stage,
body:not(.light) .video-placeholder{background:var(--aria-ref-panel-deep)}
body:not(.light) .academy-lesson:hover{background:var(--aria-ref-panel-bright)}
body:not(.light) .academy-lesson-number{background:var(--aria-ref-panel-deep);border-color:var(--aria-ref-line-soft)}
body:not(.light) .academy-lesson.selected{background:#3a86ff20;border-color:#3a86ff70}
body:not(.light) .academy-progress progress,
body:not(.light) .academy-progress progress::-webkit-progress-bar{background:var(--aria-ref-panel-raised)}
body:not(.light) .flow-status-filters [data-status=Activos].selected{background:var(--aria-ref-green);border-color:var(--aria-ref-green);color:#062b1c}
body:not(.light) .flow-status-filters [data-status=Pausados].selected{background:var(--aria-ref-orange);border-color:var(--aria-ref-orange);color:#382100}
body:not(.light) .flow-status-filters [data-status=Archivados].selected{background:var(--aria-ref-pink);border-color:var(--aria-ref-pink);color:#3a102b}