/* Charcoal workspace, matched to the supplied card and page references. */
:root{--bg:#1b1a1f;--sidebar:#1b1a1f;--panel:#242328;--panel-deep:#201f24;--input:#242328;--line:#38373e;--line-light:#49484f;--text:#f5f4f6;--muted:#9a98a0;--soft:#2c2b31;--primary:#307eec;--blue:#348cff;--teal:#00b294;--coral:#f4845f;--card-shadow:#141318}
body{background:var(--bg)}
.primary{background:#307eec}.nav-link.active{background:#307eec}.nav-link:hover:not(.active){background:#2c2b31}.sidebar-brand,.sidebar-bottom,.page-header{border-color:var(--line)}.theme-row{background:var(--panel-deep)}.nav-group h2,.account-link small,.account-link>.icon{color:#a29fab}.page-header h1{color:var(--text)}.nav-link,.theme-button{color:#eeedf0}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus,textarea:focus,select:focus,.search-field:focus-within{outline-color:#6cacf8}.count-badge,.percentage{background:var(--soft)}.metric-value{color:var(--text)}.metric-label h2{color:#c3c1ca}.data-chart line{stroke:var(--line)}.progress-track{background:#35343c}.donut{border-color:#45434e}.faq-item>p,.modal-description{color:#b6b3bd}
.dashboard .metric-card,.dashboard .chart-panel,.dashboard .charts-three>.panel,.dashboard .dashboard-bottom>.panel{background:#242328;border:3px solid #38373e;border-radius:23px;box-shadow:0 7px 0 #141318}.dashboard .metric-grid,.dashboard .charts-two,.dashboard .charts-three,.dashboard .dashboard-bottom{gap:18px}.dashboard .metric-grid,.dashboard .charts-two,.dashboard .charts-three{margin-bottom:22px}.dashboard .metric-card{height:135px}.dashboard .chart-panel{padding:17px 20px}.dashboard .metric-label .icon-btn{color:#a29fa9}.dashboard .color-icon{border:1px solid #ffffff0a}.dashboard .filterbar{border:1px solid var(--line);background:var(--panel-deep)}
body[data-route=disparadores] .page-header,body[data-route=integraciones] .page-header{height:63px;border-bottom:0;padding:0 18px}body[data-route=disparadores] .page-header h1,body[data-route=integraciones] .page-header h1{font-size:18px;letter-spacing:0;color:#348cff;font-weight:550}.coral{background:var(--coral);color:white;border-radius:7px;font-size:12px;min-height:32px;padding:7px 12px}.coral .icon{width:14px;height:14px}.activator-header-actions{display:flex;align-items:center;gap:9px}.activator-header-actions .search-field{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;min-height:32px;width:172px;color:var(--muted);padding:0 2px}.activator-header-actions .search-field input{font-size:12px}.activator-header-actions .icon-btn{height:31px;width:30px;background:transparent}.welcome-button{background:#2f7de9;font-size:12px;min-height:32px;border-radius:5px;padding:7px 12px}.welcome-button .icon{width:13px;height:13px}.welcome-dot{width:6px;height:6px;background:#20cf74;border-radius:50%}.welcome-dot.paused{background:#b7b4bf}
.page.triggers{padding:0;min-height:calc(100svh - 63px);background:#141414}.activator-folders{display:flex;gap:6px;align-items:center;padding:12px 9px;background:#181818;border-top:1px solid #333137;border-bottom:1px solid #333137;border-radius:6px 6px 0 0;overflow-x:auto}.activator-folders>button{background:#232323;color:#aaa7b0;padding:6px 9px;white-space:nowrap;border:1px solid transparent;border-radius:8px;font-size:12px;font-weight:550;min-height:28px}.activator-folders>button.selected{color:var(--coral);background:#3d2b25;border-color:#805039}.activator-folders .icon-btn{width:35px;padding:6px;height:28px;color:#78747a}.triggers .trigger-toolbar{margin:0;padding:8px 14px;min-height:49px;border-bottom:1px solid #323036;background:#161616;align-items:center;gap:12px}.trigger-counts{color:#88858e;font-size:12px}.trigger-counts strong{color:#d8d5dd}.trigger-counts .active-dot{background:#21ca66}.trigger-counts .inactive-dot{background:#646168}.trigger-counts>span:nth-child(2) strong{color:#21ca66}.trigger-controls .select{height:32px;min-height:32px;background:#1e1e1e;border-color:#323036;border-radius:4px;font-size:12px;padding:6px 10px;min-width:110px}.trigger-controls .segments{height:32px;border-radius:4px;background:#181818;border-color:#323036;padding:0;gap:0}.trigger-controls .segments>button{padding:5px 10px;font-size:11px;border-radius:3px;color:#938e98}.trigger-controls .segments>button.selected{background:#332621;color:var(--coral)}.trigger-controls .segments .icon{width:14px;height:14px}.activator-empty{min-height:415px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:94px 20px 40px;text-align:center}.activator-empty-icon{color:#343236;font-size:34px;font-weight:750;letter-spacing:-4px;height:49px}.activator-empty-icon span{font-size:26px}.activator-empty h2{font-size:14px;letter-spacing:0;font-weight:600;color:#bdb8c2;margin:9px 0 13px}.activator-empty p{color:#817c87;font-size:12px;margin-bottom:14px;line-height:1.6}.activator-empty .btn{font-size:12px}.triggers .trigger-table{border:0;border-radius:0;background:#1b1a1f}.triggers .trigger-table th,.triggers .trigger-table td{border-color:#35323a}.triggers .trigger-cards{padding:17px}.triggers .trigger-card{background:#242328}.triggers .phrase-badge{background:#332b29;color:#e5c6b9}.triggers .trigger-status{background:#253b2c}.triggers .trigger-status i{background:#26cc70}.triggers .trigger-status.paused{background:#343236}.triggers .trigger-status.paused i{background:#8a858e}.row-menu>div{background:var(--panel);border-color:var(--line)}
/* Integrations: six tools and a separate pair of AI cards. */
.page.integrations{padding:0 18px 30px;min-height:calc(100svh - 63px)}.integration-section-heading{display:flex;align-items:center;gap:7px;min-height:36px;margin:0 0 4px;flex-wrap:wrap}.integration-section-heading h2{font-size:13px;font-weight:750;letter-spacing:0}.integration-section-heading p{font-size:10px;color:#b4b0bc}.integration-section-icon{width:26px;height:27px;display:grid;place-items:center;border-radius:8px;box-shadow:0 3px 0 #141318}.integration-section-icon.purple{background:linear-gradient(#d487f3,#9c53c9)}.integration-section-icon.gold{background:linear-gradient(#ffd800,#eab100)}.integration-section-icon .icon{width:16px;height:16px}.integration-section-count{margin-left:auto;color:#aba6b2;font-size:10px;padding-right:2px}.services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:8px}.service-card{--service-accent:#a8df00;min-width:0;min-height:108px;border:1px dashed var(--service-accent);border-radius:14px;padding:10px 11px;background:var(--bg);display:flex;flex-direction:column}.service-business,.service-zentro{--service-accent:#d187f8}.service-cloud{--service-accent:#04b9f2}.service-ordery{--service-accent:#ffac00}.service-card-heading{display:flex;gap:8px;align-items:center}.service-card-heading h3{font-size:13px;line-height:1.3;font-weight:750}.service-state{display:block;font-size:9px;font-weight:750;color:#a19ca9;letter-spacing:.8px;margin-top:2px}.service-state.connected{color:#38d988}.service-card>p,.intelligence-card>p{font-size:10px;color:#aaa5b1;line-height:1.5;margin:5px 0 10px;font-weight:500}.service-configure{display:flex;gap:5px;align-items:center;background:none;color:var(--service-accent);font-size:10px;font-weight:700;margin-top:auto;align-self:flex-start;padding:3px 0}.service-configure .icon{width:12px;height:12px}.service-configure:hover{text-decoration:underline}.service-brand{width:34px;height:36px;flex-shrink:0;border-radius:10px;background-image:url('/integrations-new-reference.png');background-size:1705px 513px;background-repeat:no-repeat}.brand-sheets{background-position:-19px -91px}.brand-shopify{background-position:-447px -91px}.brand-business{background-position:-872px -91px}.brand-cloud{background-position:-1299px -91px}.brand-ordery{background-position:-19px -210px}.brand-zentro{background-position:-447px -210px}.brand-openai{background-position:-19px -353px}.brand-anthropic{background-position:-447px -353px}.intelligence-card{--service-accent:#ffd500;padding:10px 11px 8px;min-height:111px;min-width:0;background:#242328;border:1px solid #38373e;box-shadow:0 4px 0 #141318;border-radius:14px;display:flex;flex-direction:column}.intelligence-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.intelligence-card .service-configure{margin:0}.ai-config-status{font-size:9px;font-weight:650;display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;background:#302f35;color:#a19ca7}.ai-config-status i{width:6px;height:6px;border-radius:50%;background:currentColor}
/* Live chat occupies its own browser tab and full viewport. */
body[data-route=chat]{overflow:hidden}body[data-route=chat] #sidebar,body[data-route=chat] #page-header{display:none}body[data-route=chat] .workspace{margin-left:0;height:100svh;min-height:0}body[data-route=chat] #page-content{height:100%;padding:0}body[data-route=chat] .toast{left:50%;z-index:80}body[data-route=chat] .skip-link{background:var(--teal)}
.support-layout{--chat-bg:#1b1a1f;--chat-panel:#222126;--chat-raised:#2a292f;--chat-line:#3a383f;--chat-text:#d4cedb;--chat-muted:#9b93a5;display:grid;grid-template-columns:80px 320px minmax(0,1fr) 192px 287px;gap:5px;height:100%;background:#141318;color:var(--chat-text);font-size:12px;position:relative;isolation:isolate}.support-layout button,.support-layout input,.support-layout select,.support-layout textarea{font-size:11px}.support-layout .icon{width:14px;height:14px}.support-filters,.support-inbox,.support-conversation,.support-replies,.support-client{min-width:0;min-height:0;background:var(--chat-bg);overflow:hidden}.support-filters,.support-replies,.support-client{border:1px solid var(--chat-line);border-top:0;border-bottom:0;border-radius:10px}.support-rail-heading{height:39px;min-height:39px;border-bottom:1px solid var(--chat-line);display:flex;align-items:center;gap:7px;padding:0 12px;font-size:9px;letter-spacing:1.1px;font-weight:700;white-space:nowrap;background:var(--chat-panel)}.support-rail-heading>.icon{color:var(--teal)}.support-rail-heading>.icon-btn{color:var(--teal);margin-left:auto;width:22px;height:25px;padding:0;border:0;background:none}.support-rail-heading .icon-btn .icon{width:13px;height:13px}.support-filters{display:flex;flex-direction:column}.support-filters .support-rail-heading{padding:0 5px;gap:5px;height:31px;min-height:31px;font-size:8px;letter-spacing:1px}.support-filters .support-rail-heading .icon{width:13px;height:13px}.support-filter-content{padding:6px 4px;overflow-y:auto}.support-filter-content>small{display:flex;align-items:center;gap:3px;font-size:7px;letter-spacing:.6px;color:var(--chat-muted);margin:3px 0 6px}.support-filter-content>small:nth-of-type(2){margin-top:15px}.support-filter-content small .icon{width:9px;height:9px}.rail-control{width:100%;display:flex;align-items:center;gap:3px;padding:3px 5px;text-align:left;font-size:9px!important;color:var(--chat-text);background:var(--chat-raised);border:1px solid #4d4755;border-radius:3px;margin-bottom:6px;min-height:22px}.rail-control.active{border-color:var(--teal);color:var(--teal)}.rail-control .icon{width:12px;height:12px}.manage-labels{width:100%;background:#00af9114;border:1px dashed #007c69;color:var(--teal);border-radius:12px;display:flex;gap:4px;align-items:center;justify-content:center;padding:4px 2px;font-size:8px!important}.manage-labels .icon{width:10px;height:10px}.support-labels{display:flex;flex-direction:column;gap:6px;margin-top:10px}.rail-label{text-align:left;line-height:1.35;font-size:9px!important;padding:4px 5px;border:1px solid #c7c2ca;background:#39373e;color:#f3f0f5;border-radius:3px;overflow-wrap:anywhere}.rail-label.selected{border-color:var(--teal);color:#43ddbf;background:#184a40}.support-filters footer{margin-top:auto;border-top:1px solid var(--chat-line);display:flex;flex-direction:column;align-items:center;padding:5px 0;gap:4px}.support-filters footer .icon-btn,.support-filters footer a{background:transparent;border:0;display:grid;place-items:center;width:36px;height:32px;color:#9c96a4}.support-filters footer a{color:#ff7e7e}.support-filters footer .icon{width:16px;height:16px}
.support-inbox{display:flex;flex-direction:column;border-radius:9px;background:#141318}.support-inbox-controls{background:var(--chat-panel);padding:7px 9px 6px}.support-search-row{display:flex;gap:9px;align-items:center;margin-bottom:10px}.support-layout .search-field{min-height:29px;border:1px solid var(--chat-line);background:var(--chat-raised);border-radius:4px;padding:0 9px;gap:9px;color:var(--chat-muted)}.support-layout .search-field input{font-size:11px;padding:6px 0;color:var(--chat-text)}.support-layout input::placeholder,.support-layout textarea::placeholder{color:var(--chat-muted)}.support-search-row .search-field{flex:1}.support-primary{color:white;background:var(--teal);border-radius:7px}.support-search-row .support-primary{border-radius:20px;min-height:27px;padding:5px 9px;font-size:10px;gap:5px}.support-inbox-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.support-inbox-filters .select,.support-date{padding:4px 8px;min-height:27px;height:27px;border-radius:5px;background:var(--chat-raised);border:1px solid #4b4553;color:var(--chat-text);font-size:10px!important}.support-date{grid-column:span 2;justify-content:flex-start;gap:6px;font-weight:450;overflow:hidden}.support-date .icon{color:var(--teal);width:11px;height:11px}.all-switch{display:flex;align-items:center;justify-content:center;gap:5px;background:var(--chat-raised);border:1px solid #4b4553;border-radius:5px;color:var(--chat-muted);font-size:10px!important}.all-switch i{width:29px;height:16px;border-radius:20px;position:relative;background:#514b59}.all-switch i:after{content:'';display:block;width:13px;height:13px;position:absolute;top:1.5px;left:2px;border-radius:50%;background:#bdb9c4;transition:transform .15s}.all-switch i.on{background:var(--teal)}.all-switch i.on:after{transform:translateX(12px);background:white}.support-chat-tabs{display:flex;border-bottom:1px solid var(--chat-line);background:var(--chat-panel);padding:0 9px}.support-chat-tabs>button{width:50%;background:none;color:var(--chat-muted);font-size:11px;min-height:37px;border-bottom:1px solid transparent}.support-chat-tabs>button.selected{color:var(--teal);border-color:var(--teal);font-weight:550}.support-thread-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.support-count{padding:11px 12px;border-bottom:1px solid var(--chat-line);font-size:11px;background:var(--chat-panel);color:#c7bfce;min-height:39px}.support-inbox-empty{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:15px 20px;color:var(--chat-muted);font-size:11px}.support-inbox-empty strong{font-size:14px;color:#e7e0ec;margin-bottom:18px}.support-inbox-empty p{line-height:1.6}.support-thread{display:flex;align-items:center;gap:10px;min-height:67px;flex-shrink:0;padding:10px 12px;text-align:left;background:var(--chat-panel);color:var(--chat-text);border-bottom:1px solid var(--chat-line);width:100%}.support-thread:hover,.support-thread.selected{background:#302e35}.thread-portrait{position:relative;padding-bottom:10px}.support-avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#f68d5d;flex-shrink:0;color:#294751}.support-avatar .icon{width:23px;height:23px;fill:currentColor;stroke:white;stroke-width:1}.reference-avatar{background-image:url('/chat-workspace-reference.png');background-size:1062px 967px;background-position:-40px -14px;filter:saturate(.9)}.thread-portrait>small{position:absolute;bottom:0;left:-4px;background:#ffb500;font-size:8px;font-weight:750;color:#fff;border-radius:2px;padding:1px 3px;white-space:nowrap}.support-thread-text{min-width:0;flex:1}.support-thread-text>span:first-child{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.support-thread-text strong{font-size:12px}.support-thread-text time{font-size:9px;color:var(--chat-muted)}.support-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:var(--chat-muted)}.support-preview i{color:#81b4db;font-style:normal}
.support-conversation{display:flex;flex-direction:column;border-radius:0 0 7px 7px}.support-conversation.is-empty{align-items:center;justify-content:center;background:#1b1a1f}.support-empty-logo{display:block;width:245px;max-width:55%;height:auto;opacity:.78}.support-conversation-header{min-height:64px;height:64px;display:flex;align-items:center;gap:10px;padding:10px 21px;background:var(--chat-panel);border-bottom:1px solid var(--chat-line)}.support-conversation-header>[data-action=show-inbox]{display:none}.support-person{display:flex;flex-direction:column;gap:4px;min-width:0}.support-person strong{font-size:12px;display:flex;gap:7px;align-items:center;white-space:nowrap}.support-person strong>span{background:#38343d;color:#c9c1d2;padding:1px 5px;font-size:10px;border-radius:2px}.support-person small{background:#164237;color:#7cede0;align-self:flex-start;font-size:10px;padding:1px 6px;border-radius:3px;display:flex;align-items:center;gap:4px}.support-person small .icon{width:10px;height:10px}.support-tags-link{background:none;color:var(--chat-muted);font-size:11px;margin-left:15px}.support-conversation-actions{margin-left:auto;display:flex;gap:12px}.support-conversation-actions .btn{background:#333039;color:#c5bdce;font-size:11px;min-height:32px;padding:7px 12px;border-radius:7px;gap:5px}.support-conversation-actions .flow-off{background:#4a292e;color:#c1878a}.support-conversation-actions .flow-on{background:#115641;color:#77e9be}.support-conversation-actions .is-blocked{background:#65353b;color:#ffc5cc}.support-message-area{flex:1;min-height:0;display:flex;flex-direction:column;position:relative;overflow:hidden}.support-wallpaper{position:absolute;inset:0;display:grid;grid-template-columns:repeat(auto-fill,420px);grid-auto-rows:520px;justify-content:center;opacity:.42;filter:grayscale(1);pointer-events:none;overflow:hidden;background:#1b1a1f}.support-wallpaper>span{width:420px;height:520px;background-image:url('/chat-workspace-reference.png');background-position:-40px -260px;background-size:1062px 967px}.support-messages{position:relative;flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:12px 20px 20px;scrollbar-color:#57505e transparent}.support-date-divider{align-self:center;font-size:9px;color:#b4aabe;background:#302c36;border-radius:4px;padding:3px 13px;margin-bottom:0}.support-bubble{max-width:83%;padding:6px 9px 3px;border-radius:7px;background:#333039;color:#e4dfeb;min-width:90px;position:relative;font-size:12px;box-shadow:0 1px 1px #0003;overflow-wrap:anywhere}.support-bubble>small{display:block;font-size:8px;color:#92d2d3;line-height:1.1;margin-bottom:3px}.support-bubble p{white-space:normal;line-height:1.5}.support-bubble time{display:block;text-align:right;font-size:8px;color:#aea3ba;line-height:1.1;margin-top:3px}.support-bubble time span{color:#76c8df}.support-bubble.sent{align-self:flex-end;background:#006d57;color:#f1fffc;border-radius:7px 0 7px 7px}.support-bubble.sent time{color:#99d4c4}.support-bubble.received{border-top-left-radius:0;min-width:225px}.recovered-ad{display:inline-block;border:1px solid #926d37;border-radius:8px;padding:1px 5px;font-size:8px;color:#ffb64c;font-weight:650}.audio-example{width:200px;min-height:50px;padding:4px!important;margin-top:0}.audio-player{width:100%;height:29px;border-radius:20px;background:#eef4f3;display:flex;align-items:center;justify-content:space-around;gap:7px;padding:4px 9px;color:#3b3c3f;font-size:10px!important}.audio-player .icon{width:11px;height:11px}.audio-player>.icon:first-child{fill:currentColor;stroke-width:0}.audio-progress{width:18px;height:3px;border-radius:5px;background:#747474}.audio-player>span{white-space:nowrap}.support-bubble .attached-image{max-width:280px;width:100%;height:auto;border-radius:5px}.support-bubble audio{max-width:100%;height:40px}.support-bubble .attachment-label{display:flex;align-items:center;gap:6px}
.support-composer-area{z-index:1;padding:12px 13px 0;background:var(--chat-panel)}.support-composer-area form{background:var(--chat-raised);border:1px solid #45404b;border-radius:14px;padding:13px 15px 11px;min-height:104px}.support-composer-area textarea{width:100%;min-height:37px;max-height:140px;resize:vertical;background:transparent;border:0;outline:none;color:var(--chat-text);font-size:12px;line-height:1.5;padding:3px 0}.support-composer-area textarea:focus{outline:none}.support-composer-area form:focus-within{border-color:#706575}.support-composer-tools{display:flex;align-items:center;gap:10px;min-height:35px}.support-composer-tools>div{display:flex;gap:4px}.support-composer-tools .icon-btn{background:none;border:0;width:25px;height:27px;color:#b5aabe}.support-send{display:grid;place-items:center;margin-left:auto;width:35px;height:35px;background:#f7f5f9;color:#26212a;border-radius:7px}.support-send>.icon{width:17px;height:17px}.support-quick-tools{display:flex;gap:7px;align-items:center;min-height:48px;padding:6px 9px;background:#29272e;margin-top:10px}.support-quick-tools .icon-btn{width:27px;height:27px;border-radius:50%;background:#ae24c0;border:0;color:white}.support-quick-tools .icon-btn:nth-child(2){background:var(--teal)}.support-quick-tools span{font-size:10px;font-style:italic;color:var(--chat-muted);margin-left:11px}
.support-replies{background:var(--chat-bg)}.support-reply-search{padding:7px 9px;border-bottom:1px solid var(--chat-line)}.support-reply-search .search-field{min-height:25px;border:0;border-radius:9px}.support-reply-search .search-field input{font-size:10px;padding:4px 0}#reply-list{padding:7px;overflow-y:auto;max-height:calc(100% - 85px)}.support-reply{border:1px solid var(--chat-line);border-radius:7px;background:var(--chat-panel);padding:7px 8px 5px;margin-bottom:7px}.reply-card-head{display:flex;align-items:center;gap:5px}.reply-grip{font-size:14px;color:#79727f}.reply-name{font-size:10px!important;font-weight:600;color:var(--teal);padding:0;background:none;text-align:left;flex:1;overflow-wrap:anywhere}.reply-card-head .icon-btn{width:17px;height:18px;color:#f8b62b;background:none;border:0}.reply-card-head .icon-btn .icon{width:11px;height:11px}.reply-menu{position:relative}.reply-menu summary{cursor:pointer;list-style:none;color:#9e95a7}.reply-menu summary .icon{width:10px;height:13px}.reply-menu>div{position:absolute;right:0;top:18px;z-index:3;border:1px solid var(--chat-line);background:var(--chat-panel);border-radius:5px;padding:4px}.reply-menu .btn{font-size:10px;padding:6px;min-height:26px}.reply-body{display:block;background:none;color:var(--chat-text);text-align:left;font-size:10px!important;white-space:pre-wrap;line-height:1.4;margin:6px 0 4px;padding:0 0 0 21px;max-width:100%;overflow-wrap:anywhere}.reply-type{display:block;margin-left:21px;color:#509bd6}.reply-type .icon{width:10px;height:10px}.support-no-replies{font-size:11px;color:var(--chat-muted);text-align:center;line-height:1.7;padding:20px 7px}
.support-client{position:relative;overflow-y:auto;display:flex;flex-direction:column;--line:var(--chat-line);--panel-deep:var(--chat-panel);--input:var(--chat-raised);--muted:var(--chat-muted);padding-right:0}.support-client>.support-rail-heading{font-size:9px;padding-left:12px;padding-right:50px;flex-shrink:0}.support-client>.support-rail-heading .icon-btn{display:none}.support-client-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 24px;text-align:center;gap:9px}.support-client-empty strong{font-size:12px;font-weight:500}.support-client-empty p{font-size:10px;color:var(--chat-muted)}.support-client .client-profile{padding-right:51px;min-height:77px}.support-client .rail-section{padding-right:14px}.support-client .rail-section>summary{font-size:9px}.support-client .rail-section:nth-of-type(-n+2){padding-right:53px}.support-client .ticket-facts{grid-template-columns:1fr}.support-client .ticket-facts>div,.support-client .rail-card,.support-client .flow-history{background:var(--chat-raised);border-color:var(--chat-line)}.support-client .sales-data{border-color:var(--chat-line);background:var(--chat-panel)}.support-client .manual-tag{background:#164e41;color:#c3f4e6;font-size:9px}.support-client .manual-tag .icon{width:11px;height:11px}.support-client .note-save{color:var(--teal)}.support-client #tag-form .btn{background:var(--teal)}.support-business-tools{position:absolute;right:0;top:0;display:flex;flex-direction:column;gap:5px;z-index:4;align-items:flex-end}.support-business-tools>button{width:48px;height:49px;border-radius:17px 0 0 17px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;gap:1px;box-shadow:-4px 2px 12px #0002;border-top:2px solid #ffffff38;border-left:2px solid #ffffff29}.support-business-tools .business-orders{background:#ff9000;height:54px;border-radius:0 0 0 19px}.support-business-tools .business-stats{background:#168ef0}.support-business-tools .business-crm{background:#59c600}.support-business-tools .business-sales{background:#00b58e}.support-business-tools .icon{width:22px;height:22px;stroke-width:1.9}.support-business-tools small{font-size:8px;font-weight:800;line-height:1}.support-business-tools .business-orders .icon{width:27px;height:27px}.support-mobile-nav,.support-panel-backdrop{display:none}.label-manager{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.label-manager>span{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:7px;padding:4px 6px 4px 10px;font-size:12px}.label-manager .icon-btn{border:0;width:26px;height:27px;background:none}.business-summary{display:flex;gap:18px;margin:20px 0}.business-summary>div{flex:1;background:var(--panel-deep);border:1px solid var(--line);padding:18px;border-radius:12px;display:flex;flex-direction:column;gap:5px}.business-summary strong{font-size:25px}.business-summary span{color:var(--muted);font-size:12px}
/* Smaller screens expose the secondary chat panels from a compact toolbar. */
@media(max-width:1600px){.support-layout{grid-template-columns:75px 285px minmax(0,1fr) 180px 245px;gap:4px}.support-conversation-header{padding:10px 12px}.support-conversation-actions{gap:7px}.support-conversation-actions .btn{font-size:10px;padding:6px 9px}.support-tags-link{margin-left:0}.support-client>.support-rail-heading{font-size:8px;letter-spacing:.8px}.support-inbox-controls{padding:7px}.support-search-row{gap:6px}.support-inbox-filters{gap:5px}.support-layout .search-field{gap:6px;padding:0 7px}.support-layout .search-field input{font-size:10px}}
@media(max-width:1280px){.support-layout{grid-template-columns:72px 275px minmax(0,1fr) 240px;padding-top:38px}.support-replies{display:none}.support-mobile-nav{display:flex;align-items:center;justify-content:center;position:absolute;inset:0 0 auto;height:37px;background:#242328;border-bottom:1px solid var(--chat-line);gap:16px;z-index:8}.support-mobile-nav>.icon-btn{width:34px;height:28px;background:none;border:0;color:var(--chat-text)}.support-business-tools{top:38px}.support-panel-backdrop:not([hidden]){display:block;position:absolute;inset:38px 0 0;background:#0006;z-index:9}.support-layout.panel-replies .support-replies{display:block;position:absolute;right:0;top:38px;bottom:0;width:250px;z-index:10}.support-layout.panel-client .support-client{display:flex;position:absolute;right:0;top:38px;bottom:0;width:290px;z-index:10}.support-layout.panel-filters .support-filters{position:absolute;left:0;top:38px;bottom:0;width:90px;z-index:10}.support-layout.panel-filters .support-inbox{grid-column:2}.support-client>.support-rail-heading .icon-btn{display:grid;color:var(--chat-muted)}.support-client>.support-rail-heading{padding-right:8px}.support-conversation-header{gap:8px}.support-conversation-actions .btn{font-size:0;width:32px;padding:7px}.support-conversation-actions .btn .icon{width:16px;height:16px}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.integration-section-heading p{font-size:10px}}
@media(max-width:1080px){.support-layout{grid-template-columns:72px 285px minmax(0,1fr)}.support-client{display:none}.support-business-tools{display:none}.support-layout.panel-client .support-client{padding-top:0}.support-person strong>span{font-size:9px}.support-conversation-actions .btn{font-size:10px;width:auto}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activator-header-actions{gap:6px}.activator-header-actions .search-field{width:125px}.activator-header-actions .btn{font-size:11px;padding:7px 9px}.activator-header-actions .welcome-button>.icon{display:none}.trigger-toolbar{flex-wrap:wrap}.trigger-controls{margin-left:auto}.support-client .rail-section:nth-of-type(-n+2){padding-right:14px}}
@media(max-width:760px){.support-layout{grid-template-columns:275px minmax(0,1fr)}.support-filters{display:none}.support-layout.panel-filters .support-filters{display:flex}.support-layout.panel-filters .support-inbox{grid-column:1}.support-conversation-actions{gap:4px}.support-conversation-actions .btn{font-size:0;width:29px;padding:6px;min-height:29px}.support-conversation-header{padding:8px;gap:6px}.support-person strong>span{max-width:95px;overflow:hidden;text-overflow:ellipsis}.support-tags-link{display:none}.support-conversation .support-avatar{width:29px;height:29px}.support-messages{padding:12px}.support-bubble.received{min-width:0}.support-bubble{max-width:94%}.support-composer-area{padding:8px 7px 0}.support-composer-area form{padding:8px 10px}.support-quick-tools{padding:5px 0;gap:5px}.support-quick-tools span{margin-left:3px;font-size:9px}.support-composer-area textarea{font-size:14px}.activator-header-actions{flex-wrap:wrap;justify-content:flex-end}.activator-header-actions .search-field{width:100px}.activator-header-actions .icon-btn{display:none}body[data-route=disparadores] .page-header{height:auto;min-height:94px;padding:12px 14px;gap:10px}body[data-route=disparadores] .page-header .mobile-menu{display:inline-grid}.page.triggers{min-height:calc(100svh - 94px)}.activator-header-actions .welcome-button{order:2}.activator-header-actions .coral{order:3}.trigger-controls .select{min-width:99px}.triggers .trigger-toolbar{padding:10px;gap:12px}.activator-empty{min-height:385px;padding-top:75px}.dashboard .metric-card{padding:13px;height:138px;border-width:2px;border-radius:19px}.dashboard .chart-panel,.dashboard .charts-three>.panel,.dashboard .dashboard-bottom>.panel{border-width:2px;border-radius:22px}.dashboard .metric-grid{gap:12px}.page.integrations{padding:0 14px 25px}.integration-section-heading{gap:6px;margin:6px 0 10px}.integration-section-heading h2{font-size:13px}.integration-section-heading p{order:4;flex-basis:100%;padding-left:32px;font-size:11px}.services-grid{gap:14px}.service-card,.intelligence-card{padding:12px;min-height:137px}.service-card-heading h3{font-size:13px}.service-card>p,.intelligence-card>p{font-size:11px}.service-configure{font-size:11px}}
@media(max-width:600px){.support-layout{grid-template-columns:minmax(0,1fr);gap:0}.support-layout .support-inbox{display:none}.support-layout.no-selection .support-inbox{display:flex}.support-layout.no-selection .support-conversation{display:none}.support-layout.panel-filters .support-inbox{grid-column:auto}.support-layout:not(.no-selection) .support-conversation-header>[data-action=show-inbox]{display:grid;transform:rotate(180deg);background:transparent;border:0;width:26px;height:30px}.support-conversation-header{gap:9px;padding:9px 12px}.support-conversation-actions .btn{font-size:10px;width:auto;padding:6px 8px}.support-inbox-controls{padding:11px 13px 8px}.support-layout .support-search-row .search-field input{font-size:12px}.support-inbox-filters .select,.support-date{height:32px;min-height:32px;font-size:11px!important}.support-inbox .support-search-row .support-primary{min-height:30px;font-size:11px}.support-chat-tabs>button{min-height:43px;font-size:12px}.support-count{padding:13px 15px}.support-thread{padding:14px 17px;min-height:79px}.support-thread-text strong{font-size:13px}.support-thread-text time,.support-preview{font-size:11px}.support-layout .support-inbox-empty p{font-size:12px}.support-bubble{font-size:13px}.support-bubble.received{min-width:215px}.support-bubble time{font-size:9px}.support-composer-area textarea{font-size:16px}.support-composer-area{padding:8px 10px 0}.support-composer-area form{min-height:103px;padding:11px 13px}.support-quick-tools{min-height:45px;margin-top:6px;padding:6px}.support-quick-tools span{font-size:10px;margin-left:6px}.support-client .rail-section>summary{font-size:10px}.support-client input,.support-client textarea{font-size:13px!important}.services-grid{grid-template-columns:1fr}.intelligence-grid{grid-template-columns:1fr}.service-card,.intelligence-card{min-height:127px}.activator-header-actions{max-width:225px}.activator-header-actions .search-field{width:100%}.activator-header-actions .welcome-button,.activator-header-actions .coral{font-size:10px;padding:6px 8px;min-height:30px}.activator-header-actions .coral .icon{width:11px;height:11px}.triggers .trigger-controls{margin-left:0;gap:6px}.trigger-counts{font-size:11px;gap:12px}.trigger-controls .select{font-size:11px}.trigger-controls .segments>button{font-size:10px;padding:5px 8px}.activator-empty p{max-width:300px}.intelligence-card .service-card-heading h3,.service-card .service-card-heading h3{font-size:14px}}
@media(max-width:385px){.support-conversation-header{gap:6px;padding:8px}.support-conversation-actions .btn{font-size:0;width:29px}.support-person strong>span{max-width:90px}.support-quick-tools span{font-size:9px}.activator-header-actions{max-width:187px}.activator-header-actions .welcome-button,.activator-header-actions .coral{font-size:9px;padding:6px}.activator-header-actions .welcome-button .welcome-dot{width:4px;height:4px}.dashboard .metric-label h2{font-size:10px}}
/* The optional light preference remains available; charcoal is the new default. */
body.light{--bg:#f4f3f6;--sidebar:#1b1a1f;--panel:#fff;--panel-deep:#eeedf1;--input:#f8f7fa;--line:#dad7df;--line-light:#b9b4c0;--text:#27232d;--muted:#78717f;--soft:#e7e4eb}.light .sidebar{--line:#38373e;--panel-deep:#201f24;--soft:#2c2b31;color:#f5f4f6}.light .page-header h1{color:var(--text)}.light .dashboard .metric-card,.light .dashboard .chart-panel,.light .dashboard .charts-three>.panel,.light .dashboard .dashboard-bottom>.panel{background:#fff;border-color:#ddd9e2;box-shadow:0 6px #d2ced8}.light .metric-value{color:#27232d}.light .metric-label h2{color:#6c6475}.light .intelligence-card{background:white;border-color:#d9d3df;box-shadow:0 4px #d9d3df}.light .service-card-heading h3,.light .integration-section-heading h2{color:#27232d}.light .service-card>p,.light .intelligence-card>p,.light .integration-section-heading p{color:#706776}.light .support-layout{--chat-bg:#efedf2;--chat-panel:#f8f6fa;--chat-raised:#e9e5ed;--chat-line:#d2ccd9;--chat-text:#39303f;--chat-muted:#807487;background:#d9d3df}.light .support-inbox{background:#efedf2}.light .support-inbox-empty strong{color:#44364f}.light .support-count{color:#685571}.light .support-thread.selected{background:#ddd6e5}.light .support-conversation.is-empty{background:#1b1a1f}.light .support-mobile-nav{background:#e9e4ef}.light .support-wallpaper{opacity:.22}.light .support-quick-tools{background:#e6dfea}.light .support-client .client-profile{color:var(--chat-text)}.light .triggers{color:#ebe7ee}