/* Theme surfaces are explicit so nested controls follow the selected theme. */
body.light{--sidebar:#fff;--panel-deep:#f5f7fa;--input:#fff;--soft:#f2f4f7;--line-light:#d7dfe8}
body.light .sidebar{--line:#e1e5ec;color:#253248}
body.light :is(.sidebar-bottom,.theme-row){background:#fff;border-color:#e1e5ec;color:#253248}
body.light .sidebar :is(.theme-button,.icon-btn){color:#53647a!important}
body.light .nav-link:hover:not(.active){background:#eef2f7!important;color:#253248!important;box-shadow:none}
body.light .nav-link.active{background:linear-gradient(135deg,var(--aria-ref-blue),var(--aria-ref-blue-deep))!important;color:#fff!important;box-shadow:inset 0 1px #ffffff38,0 3px #d4dcec}
body.light .nav-link.active :is(span,svg){color:#fff!important}
body.light :is(.account-popup,.account-dropdown,.dropdown-menu,.row-menu>div,.reply-menu>div,.capi-event-options){background:#fff!important;color:#26354b!important;border-color:#dce2eb!important;box-shadow:0 10px 28px #1d35501c}
body.light :is(.account-popup,.account-dropdown,.dropdown-menu,.row-menu,.reply-menu) :is(button,a){color:#26354b}
body.light :is(.account-popup,.account-dropdown,.dropdown-menu,.row-menu,.reply-menu) :is(button,a):hover{background:#eef3f8;color:#1c54a4}
body.light .danger-text{color:#cf2946!important}
body .btn.danger{background:#d72d45!important;border:1px solid #e24c60!important;color:#fff!important;box-shadow:inset 0 1px #ffffff20,0 2px #a21e33}
body .btn.danger:hover{background:#bd2239!important;border-color:#cb3349!important}
body .btn.danger:focus-visible{outline:2px solid #f27687;outline-offset:3px}
@media(min-width:761px){
 body.light #app-bar.app-bar{background:var(--ariabot-blue-gradient)!important;color:#fff!important;border-top:2px solid #87adff!important;border-bottom:1px solid #1e50cc!important;box-shadow:0 2px 5px #0002}
 body.light .app-bar :is(.app-bar-greeting,.app-bar-settings){color:#fff!important}
 body.light .app-bar-brand img{filter:none!important}
}

/* Raised operating-line badge, separated from the banner. */
body[data-route=conexiones] .connection-summary{display:inline-flex;align-items:center;gap:12px;max-width:100%;padding:9px 16px 11px 10px;margin:8px 0 20px;border:2px solid #3c3b43;border-radius:19px;background:#2d2c32;color:#a5a3af;box-shadow:inset 0 1px #ffffff05}
.connection-summary-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:#55c400;border-top:3px solid #94e25a;box-shadow:inset 0 -4px #48af00,0 4px #3a9400}
.connection-summary-icon>span{display:grid;place-items:center;width:24px;height:24px;background:#fff;color:#4fbd00;border-radius:50%}
.connection-summary-icon .icon{width:18px;height:18px;stroke-width:3}
.connection-summary-label{font-size:16px;font-weight:750;line-height:1.35}
.connection-summary-label strong{font-size:24px;font-weight:850;color:#fff;margin-right:3px;font-variant-numeric:tabular-nums}
body.light[data-route=conexiones] .connection-summary{background:#fff;border-color:#e1e5ec;color:#687589}
body.light .connection-summary-label strong{color:#26354b}

/* Select menus and both calendar implementations. */
body.light :is(.picker-trigger,.date-filter-button){background:#fff!important;color:#33455d!important;border-color:#dce2e9!important}
body.light .picker-popup,body.light .activity-calendar{background:#fff!important;color:#26354b!important;border-color:#e3e6ed!important;box-shadow:0 12px 32px #182a421f;color-scheme:light;scrollbar-color:#c4ccd7 transparent}
body.light :is(.picker-option,.date-picker-heading strong,.date-picker-popup button,.calendar-month>header button,.calendar-day-grid button,.calendar-shortcuts button){color:#26354b}
body.light .picker-option[aria-selected=true],body.light .capi-event-options label:has(input:checked){background:#eaf2ff;color:#2455a7}
body.light .picker-option:is(.is-active,:hover),body.light .capi-event-options label:hover{background:#eff3f8;color:#2455a7}
body.light .picker-option[aria-disabled=true]{background:transparent;color:#aeb7c3}
body.light :is(.date-nav,.date-days button,.date-picker-footer button,.calendar-shortcuts button,.calendar-month>header button):hover,body.light .calendar-day-grid button:not(:disabled):hover{background:#eef3fa;color:#2863b8}
body.light .date-days button[aria-pressed=true],body.light .date-picker-footer .date-apply,body.light .calendar-day-grid button.selected{background:#3273f5;color:#fff}
body.light .calendar-day-grid button.in-range:not(.selected){background:#edf4ff}
body.light :is(.date-days button:disabled,.calendar-day-grid button:disabled,.calendar-day-grid button.outside){color:#b4bdc9;background:transparent}
body.light :is(.date-weekdays,.calendar-weekdays,.calendar-month>footer,.calendar-shortcuts h3,.date-entry label,.picker-empty){color:#7c899a}
body.light :is(.date-entry,.calendar-shortcuts){border-color:#e3e7ed}
body.light .capi-event-options label{color:#33455d}

/* Supplied contact illustration, cropped by the avatar circle only. */
body[data-route=chat] .support-avatar.contact-avatar{display:block;position:relative;background:#ffcc41!important;border:0!important;border-radius:50%!important;overflow:hidden;box-shadow:0 1px 3px #00000017;flex-shrink:0}
.contact-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}

/* Live Chat light theme. The wallpaper belongs to the message scroller. */
body.light[data-route=chat] .support-layout{--chat-bg:#fff;--chat-panel:#f7f8fa;--chat-raised:#f2f4f7;--chat-line:#e0e4e9;--chat-text:#25374b;--chat-muted:#748398;--teal:#00aa90;background:#e5e7eb!important;color:var(--chat-text)}
body.light[data-route=chat] :is(.support-filters,.support-inbox,.support-replies,.support-client,.support-conversation-header,.support-composer-area){background:#fff!important;color:#25374b!important;border-color:#e0e4e9!important;box-shadow:none}
body.light[data-route=chat] :is(.support-filter-content,.support-filters footer,.support-inbox-controls,.support-chat-tabs,.support-quick-tools){background:#f7f8fa!important;border-color:#e0e4e9!important;color:#53667d}
body.light[data-route=chat] :is(.support-count,.support-rail-heading,.support-client .client-profile,.support-client .rail-section){background:#fff!important;border-color:#e5e8ed!important;color:#455e7a!important}
body.light[data-route=chat] .support-rail-heading>.icon{color:#00aa90}
body.light[data-route=chat] .support-layout .search-field{background:#fff!important;border-color:#e1e5eb!important;color:#7c8b9e}
body.light[data-route=chat] .support-layout .search-field input{background:transparent!important;border:0!important;color:#334b68!important}
body.light[data-route=chat] :is(.support-inbox-filters .select,.support-date,.all-switch,.rail-control,.rail-label){background:#fff!important;border-color:#e0e4e9!important;color:#53667d!important}
body.light[data-route=chat] .rail-control.active,body.light[data-route=chat] .rail-label.selected{background:#eaf4ff!important;border-color:#7cb4f2!important;color:#2464ab!important}
body.light[data-route=chat] .support-labels .rail-label{background:color-mix(in srgb,var(--tag-color) 8%,white)!important;border-color:color-mix(in srgb,var(--tag-color) 30%,white)!important;color:#3d5875!important}
body.light[data-route=chat] .all-switch i{background:#cfd7df}
body.light[data-route=chat] .all-switch i.on{background:#00aa90}
body.light[data-route=chat] .support-chat-tabs>button{background:transparent;color:#61758b}
body.light[data-route=chat] .support-chat-tabs>button.selected{color:#009a83;border-color:#00aa90}
body.light[data-route=chat] .support-thread{background:#fff!important;border-color:#e9ecf1!important;color:#263c56!important}
body.light[data-route=chat] .support-thread:hover{background:#f7f9fb!important}
body.light[data-route=chat] .support-thread.selected{background:#eff5fb!important;box-shadow:inset 3px 0 #00aa90}
body.light[data-route=chat] .support-thread-text strong{color:#263c56}
body.light[data-route=chat] :is(.support-preview,.support-thread-text time,.support-no-replies,.support-client-empty,.rail-empty,.support-inbox-empty){color:#77879a}
body.light[data-route=chat] .support-inbox-empty strong{color:#25374b}
body.light[data-route=chat] .support-conversation.is-empty{background:#f0f0f0!important}
body.light[data-route=chat] .support-message-area{background:#f4efe7!important}
body.light[data-route=chat] .support-messages{background:#f4efe7 url('/wallpaper-light.png') repeat center top / 1256px 651px!important;scrollbar-color:#b6b9b6 transparent}
body.light[data-route=chat] .support-bubble.received{background:#fff!important;color:#263b47!important;border:1px solid #e3e2dd!important;box-shadow:0 1px 1px #00000015}
body.light[data-route=chat] .support-bubble.sent{background:#dcf8d0!important;color:#263b36!important;border:1px solid #cbe8c0!important;box-shadow:0 1px 1px #00000015}
body.light[data-route=chat] .support-date-divider{background:#e3f4fb;color:#536b78}
body.light[data-route=chat] .support-person strong>span{background:#f0f2f4;color:#728195}
body.light[data-route=chat] .support-tags-link{color:#8692a2}
body.light[data-route=chat] .support-conversation-actions .btn{background:#f1f2f4;color:#7a8797;border-color:#edf0f4}
body.light[data-route=chat] .support-conversation-actions .flow-on{background:#e5f7ef;color:#009a78}
body.light[data-route=chat] .support-conversation-actions :is(.flow-off,.is-blocked){background:#fff0f0;color:#c77c83}
body.light[data-route=chat] #message-form{background:#fff!important;color:#334b68;border-color:#dce1e7!important;box-shadow:none}
body.light[data-route=chat] #message-form:focus-within{border-color:#8ab9f4!important}
body.light[data-route=chat] #message-input{background:transparent!important;color:#334b68!important;border:0!important;box-shadow:none}
body.light[data-route=chat] .support-layout :is(input,textarea)::placeholder{color:#929cab;opacity:1}
body.light[data-route=chat] .support-composer-tools .icon-btn{color:#7d8792;background:transparent!important}
body.light[data-route=chat] .support-send{background:#00aa90;color:#fff}
body.light[data-route=chat] .support-reply{background:#fff;color:#263c56;border-color:#e0e4e9}
body.light[data-route=chat] :is(.reply-name,.reply-body){color:#263c56}
body.light[data-route=chat] .support-client :is(.ticket-fact,.rail-card,.flow-history,.client-order-select){background:#f7f8fa!important;border-color:#e0e4e9!important;color:#53667d!important}
body.light[data-route=chat] .support-client .ticket-fact strong{color:#304961}
body.light[data-route=chat] .support-client :is(.ticket-fact span,.sales-data>span,.sales-data>div span){color:#6d8296}
body.light[data-route=chat] .support-client .rail-card h3{color:#426078}
body.light[data-route=chat] .support-client .sales-data{background:#e9f3f3!important;border-color:#cce7e5!important;color:#3c6772}
body.light[data-route=chat] .support-client :is(.sales-data strong,.client-profile-phone){color:#00a88b}
body.light[data-route=chat] .support-client .sales-data+button,body.light[data-route=chat] .support-client .manual-sale-button{background:#edf6f5;color:#009b84;border-color:#8bd6ce}
body.light[data-route=chat] .support-client .rail-section :is(textarea,input){background:#f4f5f7!important;border-color:#dfe3e9!important;color:#3f5369!important}
body.light[data-route=chat] .support-client .note-save{background:#eef4ff;color:#3568af;border-color:#cbdcf5}
body.light[data-route=chat] .support-client :is(.saved-note,.scheduled-item){background:#f5f7fa;color:#53667d;border-color:#e1e7ef}
body.light[data-route=chat] .support-client .manual-tag{background:#eaf7f4;color:#127f6e}

/* Trigger dialogs keep a consistent form surface in each theme. */
body:not(.light) #modal[data-kind=activator]{background:#242328;color:#f3f2f7}
body:not(.light) #modal[data-kind=activator] :is(.activator-form-body,.reference-modal-footer){background:#242328!important}
body:not(.light) #modal[data-kind=activator] :is(.activator-field input,.activator-field .picker-trigger,.activator-field select){background:#2e2d35;color:#e6e5ec;border-color:#494853}
body:not(.light) #modal[data-kind=activator] .activator-field-label{color:#e6e5ec}
body:not(.light) #modal[data-kind=activator] .activator-description{color:#a8a6b2}
body.light #modal[data-kind=activator]{background:#fff!important;color:#33465d!important}
body.light #modal[data-kind=activator] :is(.activator-form-body,.reference-modal-footer){background:#fff!important;color:#33465d}
body.light #modal[data-kind=activator] :is(.activator-field-label,.setting-switch-label strong){color:#33465d!important}
body.light #modal[data-kind=activator] .activator-description{color:#6e8094}
body.light #modal[data-kind=activator] :is(.activator-field input,.activator-field .picker-trigger,.activator-field select){background:#f7f9fc!important;color:#42536b!important;border-color:#d5e0ed!important}
body.light #modal[data-kind=activator] .reference-modal-footer .outline-cancel{color:#7b879a;border-color:#d3dbe6}

/* Legacy nodes use the same light surfaces when an older flow opens them. */
body.light #modal[data-kind^=flow-]{background:#fff;color:#334155;border-color:#e0e5ec}
body.light #modal[data-kind^=flow-] .modal-head{background:linear-gradient(110deg,#657df0,#7951ac);color:#fff}
body.light #modal[data-kind^=flow-] .modal-head h2{color:#fff}
body.light #modal[data-kind^=flow-] :is(.fe-basic-form,.fe-content-compose,.fe-ai-form,.fe-followup-main,.fe-sequences,.fe-form-footer){background:#f7f8fa;color:#334155;border-color:#dce3ec}
body.light #modal[data-kind^=flow-] :is(.fe-field input,.fe-field textarea,.fe-field select,.fe-field .picker-trigger){background:#fff!important;color:#334155!important;border-color:#d5dfeb!important}
body.light #modal[data-kind^=flow-] :is(.fe-field>span,.fe-help,.fe-switch small){color:#728197}
body.light #modal[data-kind^=flow-] :is(.fe-switch,.fe-ai-path,.fe-info-box){background:#eef4f9;color:#334155;border-color:#dce3ec}
body.light #modal[data-kind^=flow-] .fe-content-preview{background:#ece5dc url('/wallpaper-light.png') repeat center top / 950px auto;border-color:#dce3ec}
body.light #modal[data-kind^=flow-] .fe-content-preview>h3{background:#08675e;color:#fff}
body.light #modal[data-kind^=flow-] .fe-preview-bubble{background:#dcf8d0;color:#263b36}
body.light #modal[data-kind^=flow-] .fe-variables button{background:#edf8f5;color:#008c79;border-color:#a0d9cf}
body.light :is(.flow-editor,.flow-viewport){background-color:#f5f7fa;color:#334155}
body.light .flow-viewport{background-image:radial-gradient(circle,#ccd7e5 1px,transparent 1.5px)}

@media(max-width:760px){
 body.light[data-route=chat] .support-chat-tabs>button.selected{background:var(--aria-mobile-gradient)!important;color:#fff!important}
 body.light[data-route=chat] :is(.support-chat-tabs,.support-inbox-controls,.support-count,.support-thread-list){background:var(--mobile-bg)!important}
 body.light[data-route=chat] .support-thread{background:#fff!important;border-color:#e1e5ec!important}
 body.light[data-route=chat] .support-thread.selected{background:#edf4ff!important}
 body.light[data-route=chat][data-mobile-chat-open=true] #message-input{background:transparent!important}
 body.light[data-route=chat] .support-person .mobile-chat-origin{background:none!important;color:#748398!important}
 .connection-summary-label{font-size:15px}.connection-summary-label strong{font-size:22px}
}