:root{--color-primary: #091426;--color-secondary: #4b41e1;--color-secondary-container: #645efb;--color-on-secondary: #ffffff;--color-on-secondary-fixed-variant: #3323cc;--color-surface: #f7f9fb;--color-surface-container: #eceef0;--color-surface-container-low: #f2f4f6;--color-surface-container-lowest: #ffffff;--color-surface-variant: #e0e3e5;--color-on-surface: #191c1e;--color-on-surface-variant: #45474c;--color-outline-variant: #4da5b1;--color-error: #ba1a1a;--color-error-container: #ffdad6;--color-tertiary-fixed: #6ffbbe;--color-tertiary-fixed-dim: #4edea3;--color-on-tertiary-container: #00a472;--color-surface-tint: #545f73;--sidebar-width: 240px;--color-accent: #4da5b1;--brand: #4b41e1;--brand-dark: #091426;--brand-soft: #eceefc}.page-dashboard{font-family:"Inter",sans-serif;background-color:var(--color-surface);color:var(--color-on-surface)}.page-dashboard .font-mono{font-family:"JetBrains Mono",monospace}.page-dashboard .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle;color:var(--color-accent)}.page-dashboard .material-symbols-outlined.filled-icon{font-variation-settings:"FILL" 1}.page-dashboard ::-webkit-scrollbar{width:6px;height:6px}.page-dashboard ::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.page-dashboard ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.page-dashboard ::-webkit-scrollbar-thumb:hover{background:#94a3b8}.page-dashboard .sidebar{width:var(--sidebar-width);height:100vh;position:fixed;top:0;left:0;background-color:var(--color-surface-container-lowest);border-right:1px solid var(--bs-border-color);z-index:1000}.page-dashboard .sidebar .nav-link{color:var(--color-on-surface-variant);border-radius:4px;font-weight:500;font-size:.8125rem}.page-dashboard .sidebar .nav-link:hover{color:var(--color-secondary);background-color:var(--color-surface-container-low)}.page-dashboard .sidebar .nav-link.active{color:var(--color-secondary);font-weight:700;background-color:var(--color-surface-container)}.page-dashboard .nav-caret{margin-left:auto;transition:transform .15s ease}.page-dashboard .nav-caret.open{transform:rotate(180deg)}.page-dashboard .nav-children,.page-dashboard .nav-children ul{list-style:none;margin:0;padding:0}.page-dashboard .nav-children{padding-left:4px;margin-top:2px;margin-bottom:4px}.page-dashboard .nav-group{margin-top:4px}.page-dashboard .nav-group-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-on-surface-variant);padding:6px 8px 2px 32px}.page-dashboard .nav-sublink{display:flex;padding:6px 8px 6px 32px;font-size:12.5px;font-weight:500;border-radius:4px;color:var(--color-on-surface-variant);text-decoration:none}.page-dashboard .nav-sublink:hover{color:var(--color-secondary);background-color:var(--color-surface-container-low)}.page-dashboard .nav-sublink.active{color:var(--color-secondary);font-weight:700;background-color:var(--color-surface-container)}.page-dashboard .btn-brand{background-color:var(--color-secondary);color:var(--color-on-secondary);border:none}.page-dashboard .btn-brand:hover{background-color:var(--color-secondary-container);color:var(--color-on-secondary)}.page-dashboard .btn-brand .material-symbols-outlined{color:inherit}.page-dashboard .main-content{margin-left:var(--sidebar-width);min-height:100vh}.page-dashboard .card-flat{background-color:var(--color-surface-container-lowest);border:1px solid var(--bs-border-color);border-radius:4px}.page-dashboard .card-flat:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.page-dashboard .badge-soft{color:var(--color-secondary);background-color:rgba(100,94,251,.15)}.page-dashboard .badge-trend-positive{color:var(--color-on-tertiary-container);background-color:rgba(78,222,163,.2)}.page-dashboard .badge-trend-positive .material-symbols-outlined{color:inherit}.page-dashboard .badge-trend-negative{color:var(--color-error);background-color:var(--color-error-container)}.page-dashboard .badge-trend-negative .material-symbols-outlined{color:inherit}.page-dashboard .icon-chip-primary{color:var(--color-primary);background-color:rgba(84,95,115,.15)}.page-dashboard .icon-chip-primary .material-symbols-outlined{color:inherit}.page-dashboard .icon-chip-tertiary{color:var(--color-on-tertiary-container);background-color:rgba(111,251,190,.2)}.page-dashboard .icon-chip-tertiary .material-symbols-outlined{color:inherit}.page-dashboard .reply-suggestion{background-color:var(--color-surface-container-low);border-left:2px solid var(--color-secondary);font-style:italic;font-size:.8125rem}.page-dashboard .response-chart{height:8rem;border-bottom:1px solid var(--bs-border-color)}.page-dashboard .response-bar{background-color:var(--color-tertiary-fixed-dim);border-radius:4px 4px 0 0;width:100%}.page-dashboard .response-bar.highlight{background-color:var(--color-secondary)}.page-dashboard .channel-track{background-color:var(--color-surface-container);border-radius:999px;height:8px}.page-dashboard .channel-fill{border-radius:999px;height:8px}.page-dashboard .bar-secondary{background-color:var(--color-secondary)}.page-dashboard .bar-tertiary{background-color:var(--color-tertiary-fixed-dim)}.page-dashboard .bar-tint{background-color:var(--color-surface-tint)}.page-dashboard .avatar-circle{width:32px;height:32px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.6875rem;color:#fff}.page-dashboard .avatar-secondary{background-color:var(--color-secondary-container)}.page-dashboard .avatar-tertiary{background-color:var(--color-on-tertiary-container)}.page-dashboard .avatar-tint{background-color:var(--color-surface-tint)}.page-dashboard .search-input-wrapper .material-symbols-outlined{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:18px}.page-dashboard .search-input-wrapper input{padding-left:32px}.page-dashboard .text-truncate-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.page-dashboard .table thead th{color:var(--color-accent) !important;border-bottom:1px solid var(--bs-border-color) !important}.page-dashboard .text-variant{color:var(--color-on-surface-variant)}.page-dashboard .text-brand{color:var(--color-secondary)}.page-dashboard .bg-variant-low{background-color:var(--color-surface-container-low)}.page-dashboard .border-variant{border-color:var(--bs-border-color) !important}.page-dashboard .min-w-0{min-width:0}.page-dashboard .mh-70vh{max-height:70vh}.page-dashboard .mh-85vh{max-height:85vh}.page-dashboard .modal-round{border-radius:12px}.page-dashboard .fs-10{font-size:10px}.page-dashboard .fs-11{font-size:11px}.page-dashboard .fs-12{font-size:12px}.page-dashboard .fs-13{font-size:13px}.page-dashboard .fs-14{font-size:14px}.page-dashboard .fs-16{font-size:16px}.page-dashboard .fs-18{font-size:18px}.page-dashboard .fs-28{font-size:28px}.page-dashboard .fs-40{font-size:40px}.page-dashboard .avatar-md{width:40px;height:40px;font-size:.75rem;overflow:hidden}.page-dashboard .avatar-md img{width:100%;height:100%;object-fit:cover}.page-dashboard .icon-badge{width:20px;height:20px;border-radius:50%;border:2px solid var(--bs-border-color);background-color:var(--color-surface-container-lowest)}.page-dashboard .sidebar-static{width:260px;flex-shrink:0}.page-dashboard .pager-btn{width:32px;height:32px;padding:0}.page-dashboard .tracking-wide{letter-spacing:.04em}.page-dashboard .fs-20{font-size:20px}.page-dashboard .fs-24{font-size:24px}.page-dashboard .mh-400{max-height:400px}.page-dashboard .chart-140{height:140px}.page-dashboard .chart-160{height:160px}.page-dashboard .mw-900{max-width:900px}.page-dashboard .quote-box{background-color:var(--color-surface-container-low);border-left:2px solid var(--bs-border-color);font-size:13px}.page-dashboard .text-pre-wrap{white-space:pre-wrap}.page-dashboard .btn-chip{padding:2px 8px}.page-dashboard .resize-none{resize:none}.page-dashboard .min-h-140{min-height:140px}.page-dashboard .table-fixed{table-layout:fixed}.page-dashboard .col-contact{width:24%}.page-dashboard .col-channel{width:8%}.page-dashboard .col-message{width:38%}.page-dashboard .col-wait{width:14%}.page-dashboard .col-action{width:16%}.page-dashboard .card-flat{box-shadow:0 1px 2px rgba(15,23,42,.04);transition:box-shadow .2s ease,transform .2s ease}.page-dashboard .card-flat:hover{box-shadow:0 10px 24px -8px rgba(15,23,42,.12);transform:translateY(-2px)}.page-dashboard .card-flat>div>.material-symbols-outlined.fs-20{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background-color:rgba(75,65,225,.1)}.page-dashboard .table-hover>tbody>tr:hover{background-color:var(--color-surface-container-low)}.page-dashboard .btn-link.p-1{border-radius:999px;transition:background-color .15s ease}.page-dashboard .btn-link.p-1:hover{background-color:var(--color-surface-container-low)}.page-dashboard .avatar-circle{box-shadow:0 0 0 2px var(--color-surface-container-lowest),0 1px 2px rgba(15,23,42,.12)}.page-dashboard .badge-soft,.page-dashboard .badge-trend-positive,.page-dashboard .badge-trend-negative{letter-spacing:.02em}.page-dashboard .btn-outline-secondary:hover{box-shadow:0 1px 2px rgba(15,23,42,.06)}.page-dashboard .modal-content{box-shadow:0 24px 48px -12px rgba(15,23,42,.25)}.page-dashboard .btn-brand{box-shadow:0 1px 2px rgba(75,65,225,.25);transition:box-shadow .15s ease,background-color .15s ease}.page-dashboard .btn-brand:hover{box-shadow:0 4px 8px -2px rgba(75,65,225,.35)}.page-dashboard .min-h-0{min-height:0}.page-dashboard .thread-bubble{max-width:85%}.page-dashboard .bubble-client{background-color:var(--color-surface-container-lowest);border:1px solid var(--bs-border-color)}.page-dashboard .bubble-agent{background-color:var(--brand-soft);border:1px solid var(--color-secondary-container)}.page-connect{font-family:"Inter",sans-serif;background-color:var(--color-surface);color:var(--color-on-surface)}.page-connect .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle;color:var(--color-accent)}.page-connect .step-indicator{width:24px;height:24px;font-size:11px;font-weight:600}.page-connect .step-indicator.active{background-color:var(--color-secondary);color:var(--color-on-secondary)}.page-connect .step-indicator.inactive{border:1px solid var(--bs-border-color);color:var(--color-on-surface-variant)}.page-connect .step-label.active{color:var(--color-secondary);font-weight:700}.page-connect .step-line{height:1px;background-color:var(--bs-border-color)}.page-connect .platform-card{border:1px solid var(--bs-border-color);border-radius:4px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.page-connect .platform-card:hover:not(.disabled){border-color:var(--color-secondary);background-color:var(--color-surface-container-low)}.page-connect .platform-card:hover:not(.disabled) .platform-icon{transform:scale(1.1)}.page-connect .platform-card.selected{border:1px solid var(--color-secondary);background-color:var(--color-surface-container-low);box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.page-connect .platform-card.disabled{opacity:.5;cursor:not-allowed}.page-connect .platform-icon{width:48px;height:48px;border-radius:999px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.page-connect .btn-brand{background-color:var(--color-secondary);color:var(--color-on-secondary);border:none}.page-connect .btn-brand:hover{background-color:var(--color-on-secondary-fixed-variant);color:var(--color-on-secondary)}.page-connect .btn-brand:disabled{background-color:var(--color-secondary);opacity:.5}.page-connect .btn-brand .material-symbols-outlined{color:inherit}body.page-inbox{height:100%;font-family:"Inter",sans-serif;background-color:#f7f9fb;overflow:hidden}body.page-inbox .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle;line-height:1;color:var(--color-accent)}body.page-inbox .app-shell{height:100vh}body.page-inbox .sidebar{width:240px;background:#fff;border-right:1px solid var(--bs-border-color)}body.page-inbox .sidebar .brand-title{color:var(--brand-dark)}body.page-inbox .sidebar .nav-link{color:#45474c;font-size:13px;font-weight:500;border-radius:.25rem;gap:.5rem}body.page-inbox .sidebar .nav-link:hover{background:#f2f4f6;color:var(--brand)}body.page-inbox .sidebar .nav-link.active{background:var(--brand-soft);color:var(--brand);font-weight:700}body.page-inbox .nav-caret{margin-left:auto;transition:transform .15s ease}body.page-inbox .nav-caret.open{transform:rotate(180deg)}body.page-inbox .nav-children,body.page-inbox .nav-children ul{list-style:none;margin:0;padding:0}body.page-inbox .nav-children{padding-left:4px;margin-top:2px;margin-bottom:4px}body.page-inbox .nav-group{margin-top:4px}body.page-inbox .nav-group-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#8a8f98;padding:6px 8px 2px 32px}body.page-inbox .nav-sublink{display:flex;padding:6px 8px 6px 32px;font-size:12.5px;font-weight:500;border-radius:.25rem;color:#45474c;text-decoration:none}body.page-inbox .nav-sublink:hover{background:#f2f4f6;color:var(--brand)}body.page-inbox .nav-sublink.active{background:var(--brand-soft);color:var(--brand);font-weight:700}body.page-inbox .btn-brand{background-color:var(--brand);border-color:var(--brand);color:#fff}body.page-inbox .btn-brand:hover{background-color:#3a32b8;border-color:#3a32b8;color:#fff}body.page-inbox .btn-brand .material-symbols-outlined{color:inherit}body.page-inbox .topbar{height:64px;background:#fff;border-bottom:1px solid var(--bs-border-color)}body.page-inbox .icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#45474c;border:none;background:rgba(0,0,0,0)}body.page-inbox .icon-btn:hover{background:#f2f4f6;color:var(--brand-dark)}body.page-inbox .avatar-circle{width:40px;height:40px;border-radius:50%;background:#eceef0;color:#45474c;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0;overflow:hidden}body.page-inbox .avatar-circle img{width:100%;height:100%;object-fit:cover}body.page-inbox .avatar-sm{width:32px;height:32px;font-size:11px}body.page-inbox .channel-badge{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center}body.page-inbox .channel-badge .material-symbols-outlined{font-size:10px}body.page-inbox .conv-list{width:320px;background:#fff;border-right:1px solid var(--bs-border-color)}body.page-inbox .conv-item{cursor:pointer;border-bottom:1px solid var(--bs-border-color);padding:.75rem;border-left:1px solid rgba(0,0,0,0)}body.page-inbox .conv-item:hover{background:#f7f9fb}body.page-inbox .conv-item.active{background:var(--brand-soft);border-left-color:var(--brand)}body.page-inbox .filter-pill{border-radius:999px;font-size:11px;font-weight:600;padding:.25rem .75rem;border:1px solid var(--bs-border-color);background:#fff;color:#45474c}body.page-inbox .filter-pill.active{background:var(--brand-dark);color:#fff;border-color:var(--brand-dark)}body.page-inbox .timeline{flex:1;overflow-y:auto}body.page-inbox .bubble-client{background:#f2f4f6;border:1px solid var(--bs-border-color);border-radius:0 .5rem .5rem .5rem}body.page-inbox .bubble-note{background:#fffdf0;border:1px solid #fdf1b5;border-radius:.5rem 0 .5rem .5rem}body.page-inbox .bubble-agent{background:var(--brand-soft);border:1px solid #d7d3fb;border-radius:.5rem 0 .5rem .5rem}body.page-inbox .ai-summary-pill{background:rgba(0,164,114,.07);border:1px solid rgba(0,164,114,.25);border-radius:.5rem;max-width:32rem}body.page-inbox .composer-box{border:1px solid var(--bs-border-color);border-radius:.375rem;background:#fff}body.page-inbox .composer-box:focus-within{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}body.page-inbox .composer-toolbar{background:#f7f9fb;border-bottom:1px solid var(--bs-border-color)}body.page-inbox .side-panel{width:360px;background:#fff;border-left:1px solid var(--bs-border-color);overflow-y:auto}body.page-inbox .tag-chip{font-size:10px;font-weight:600;border-radius:.25rem;padding:.25rem .5rem;border:1px solid var(--bs-border-color);background:#eceef0;color:#45474c}body.page-inbox .tag-chip.tag-danger{background:#ffdad6;border-color:#f8b4ad;color:#93000a}body.page-inbox .smart-action-item+.smart-action-item{border-top:1px solid var(--bs-border-color)}body.page-inbox .smart-action-item:hover{background:#f7f9fb;color:var(--brand);cursor:pointer}body.page-inbox .unread-dot{width:8px;height:8px;border-radius:50%;background:var(--brand);display:inline-block}body.page-inbox .progress-bar-brand{background-color:var(--brand)}body.page-inbox ::-webkit-scrollbar{width:6px;height:6px}body.page-inbox ::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}html{height:100%}.page-contacto .nav-link{cursor:pointer}.page-contacto .text-variant{color:var(--color-on-surface-variant)}.page-contacto .text-brand{color:var(--color-secondary)}.page-contacto .bg-variant-low{background-color:var(--color-surface-container-low)}.page-contacto .border-variant{border-color:var(--bs-border-color) !important}.page-contacto .fs-2xs{font-size:.6875rem}.page-contacto .fs-xs{font-size:.8125rem}.page-contacto .fs-sm{font-size:.875rem}.page-contacto .icon-sm{font-size:1rem}.page-contacto .icon-md{font-size:1.125rem}.page-contacto .icon-lg{font-size:1.25rem}.page-contacto .icon-xl{font-size:1.5rem}.page-contacto .icon-circle{width:2.25rem;height:2.25rem}.page-contacto .avatar-lg{width:120px;height:120px;object-fit:cover}.page-contacto .min-w-0{min-width:0}.page-contacto .cursor-pointer{cursor:pointer}.page-contacto .text-resize-none{resize:none}.page-contacto .text-pre-wrap{white-space:pre-wrap}.page-contacto .thread-scroll{max-height:50vh;overflow-y:auto}.page-contacto .message-bubble{max-width:75%}.page-contacto .bubble-client{background:var(--color-surface-container-low);border:1px solid var(--bs-border-color);border-radius:0 .5rem .5rem .5rem}.page-contacto .bubble-agent{background:var(--brand-soft);border:1px solid var(--color-secondary-container);border-radius:.5rem 0 .5rem .5rem}.page-contacto .channel-option{border:1px solid var(--bs-border-color);transition:border-color .15s ease,background-color .15s ease}.page-contacto .channel-option:hover:not(.disabled){border-color:var(--color-secondary);background-color:var(--color-surface-container-low)}.page-contacto .channel-option.selected{border-color:var(--color-secondary);background-color:var(--color-surface-container-low)}.page-contacto .channel-option.disabled{opacity:.5}.page-contacto .inbox-list{max-height:520px;overflow-y:auto}.page-contacto .inbox-row{border-bottom:1px solid var(--bs-border-color);transition:background-color .15s ease}.page-contacto .inbox-row:last-child{border-bottom:none}.page-contacto .inbox-row:hover{background-color:var(--color-surface-container-low)}.page-contacto .inbox-row.active{background-color:var(--color-surface-container-low);box-shadow:inset 3px 0 0 var(--color-secondary)}.page-contacto .inbox-empty{min-height:320px}.page-conversaciones-app .inbox-contacts{max-height:calc(100vh - 260px);min-height:320px}.page-conversaciones-app .thread-scroll{max-height:calc(100vh - 320px)}.page-conversaciones-app .conv-avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8125rem;color:#fff;background-color:var(--color-secondary-container);object-fit:cover}.page-workflow-ejecuciones .wf-panel:hover{transform:none}.page-workflow-ejecuciones [class*="wf-state-"] .material-symbols-outlined,.page-workflow-ejecuciones [class*="badge-"] .material-symbols-outlined{color:inherit}.page-workflow-ejecuciones .wf-filter{cursor:pointer}.page-workflow-ejecuciones .wf-filter.active{border-color:var(--color-secondary);box-shadow:0 0 0 1px var(--color-secondary)}.page-workflow-ejecuciones .wf-state-en_curso,.page-workflow-ejecuciones .wf-state-pendiente{color:var(--color-secondary);background-color:rgba(100,94,251,.15)}.page-workflow-ejecuciones .wf-state-completada,.page-workflow-ejecuciones .wf-state-completado{color:var(--color-on-tertiary-container);background-color:rgba(78,222,163,.2)}.page-workflow-ejecuciones .wf-state-interrumpida,.page-workflow-ejecuciones .wf-state-cancelada,.page-workflow-ejecuciones .wf-state-cancelado{color:var(--color-error);background-color:var(--color-error-container)}.page-workflow-ejecuciones .wf-state-omitido{color:var(--color-surface-tint);background-color:var(--color-surface-container)}.page-workflow-ejecuciones .wf-state-sin_ejecutar{color:var(--color-on-surface-variant);background-color:var(--color-surface-container-lowest);border:2px dashed var(--bs-border-color)}.page-workflow-ejecuciones .wf-badge-omitido{color:var(--color-surface-tint);background-color:var(--color-surface-container)}.page-workflow-ejecuciones .wf-badge-sin_ejecutar{color:var(--color-on-surface-variant);border:1px dashed var(--bs-border-color)}.page-workflow-ejecuciones .wf-list{max-height:calc(100vh - 380px);min-height:320px}.page-workflow-ejecuciones .wf-row{border-bottom:1px solid var(--bs-border-color);transition:background-color .15s ease}.page-workflow-ejecuciones .wf-row:last-child{border-bottom:none}.page-workflow-ejecuciones .wf-row:hover{background-color:var(--color-surface-container-low)}.page-workflow-ejecuciones .wf-row.active{background-color:var(--color-surface-container-low);box-shadow:inset 3px 0 0 var(--color-secondary)}.page-workflow-ejecuciones .wf-state-icon,.page-workflow-ejecuciones .wf-step-icon{width:2.25rem;height:2.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.page-workflow-ejecuciones .wf-seg{height:6px;border-radius:999px;background-color:var(--color-surface-variant)}.page-workflow-ejecuciones .wf-seg-completado{background-color:var(--color-tertiary-fixed-dim)}.page-workflow-ejecuciones .wf-seg-omitido{background-color:var(--color-surface-tint);opacity:.35}.page-workflow-ejecuciones .wf-seg-cancelado{background-color:var(--color-error)}.page-workflow-ejecuciones .wf-seg-pendiente{background-color:var(--color-secondary);animation:wf-blink 1.4s ease-in-out infinite}.page-workflow-ejecuciones .wf-empty{min-height:360px}.page-workflow-ejecuciones .wf-step{position:relative;padding-left:3.25rem;padding-bottom:1rem}.page-workflow-ejecuciones .wf-step:last-child{padding-bottom:0}.page-workflow-ejecuciones .wf-step::before{content:"";position:absolute;left:calc(1.125rem - 1px);top:2.25rem;bottom:0;width:2px;background-color:var(--bs-border-color)}.page-workflow-ejecuciones .wf-step:last-child::before{display:none}.page-workflow-ejecuciones .wf-step.wf-step-completado::before{background-color:var(--color-tertiary-fixed-dim)}.page-workflow-ejecuciones .wf-step .wf-step-icon{position:absolute;left:0;top:0}.page-workflow-ejecuciones .wf-step-icon.wf-state-pendiente{animation:wf-pulse 1.8s ease-out infinite}.page-workflow-ejecuciones .wf-step-body{border:1px solid var(--bs-border-color);border-radius:.5rem;background-color:var(--color-surface-container-lowest);padding:.75rem}.page-workflow-ejecuciones .wf-step.wf-step-pendiente .wf-step-body{border-color:var(--color-secondary-container);box-shadow:0 0 0 3px rgba(100,94,251,.08)}.page-workflow-ejecuciones .wf-step.wf-step-omitido .wf-step-body{background-color:var(--color-surface-container-low)}.page-workflow-ejecuciones .wf-step.wf-step-sin_ejecutar .wf-step-body{border-style:dashed;opacity:.75}.page-workflow-ejecuciones .wf-step.wf-step-cancelado .wf-step-body{border-color:var(--color-error-container)}.page-workflow-ejecuciones .wf-json{max-height:260px;overflow:auto;font-family:"JetBrains Mono",monospace;font-size:11px;background-color:var(--color-surface-container-low);border:1px solid var(--bs-border-color);border-radius:.375rem;padding:.5rem .75rem;white-space:pre-wrap;word-break:break-word}.page-workflow-ejecuciones .wf-live-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-tertiary-fixed-dim);animation:wf-blink 1.4s ease-in-out infinite}.page-workflow-ejecuciones .wf-spin{animation:wf-spin 1s linear infinite}@media (min-width:992px){.page-workflow-ejecuciones .wf-detail{max-height:calc(100vh - 340px);overflow-y:auto}}@keyframes wf-pulse{0%{box-shadow:0 0 0 0 rgba(75,65,225,.4)}70%{box-shadow:0 0 0 10px rgba(75,65,225,0)}100%{box-shadow:0 0 0 0 rgba(75,65,225,0)}}@keyframes wf-blink{50%{opacity:.35}}@keyframes wf-spin{to{transform:rotate(360deg)}}.page-workflows .wf-panel:hover,.page-workflows .wf-paso:hover{transform:none}.page-workflows .wf-list{max-height:calc(100vh - 330px);min-height:320px}.page-workflows .wf-row{cursor:pointer;border-bottom:1px solid var(--bs-border-color);transition:background-color .15s ease}.page-workflows .wf-row:last-child{border-bottom:none}.page-workflows .wf-row:hover{background-color:var(--color-surface-container-low)}.page-workflows .wf-row.active{background-color:var(--color-surface-container-low);box-shadow:inset 3px 0 0 var(--color-secondary)}.page-workflows .wf-badge-inactivo{color:var(--color-surface-tint);background-color:var(--color-surface-container)}.page-workflows .wf-empty{min-height:360px}@media (min-width:992px){.page-workflows .wf-editor{max-height:calc(100vh - 340px);overflow-y:auto}}.hora-texto-flechas{margin-left:-1px}.hora-texto-flechas .hora-texto-flecha{flex:1 1 0;display:flex;align-items:center;justify-content:center;padding:0 8px;line-height:1;border-radius:0}.hora-texto-flechas .hora-texto-flecha+.hora-texto-flecha{margin-top:-1px}.hora-texto-flechas .hora-texto-flecha:first-child{border-top-right-radius:var(--bs-border-radius)}.hora-texto-flechas .hora-texto-flecha:last-child{border-bottom-right-radius:var(--bs-border-radius)}.hora-texto-flecha .material-symbols-outlined{font-size:16px}.page-programacion .prog-badge-inactivo{color:var(--color-surface-tint);background-color:var(--color-surface-container)}.page-programacion .prog-dia-chip{width:1.75rem;height:1.75rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;color:var(--color-on-surface-variant);background-color:var(--color-surface-container)}.page-programacion .prog-dia-chip.activo{color:var(--color-on-secondary);background-color:var(--color-secondary)}.page-programacion .prog-dia{width:2.5rem;height:2.5rem;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.page-programacion .btn-check:checked+.prog-dia{color:var(--color-on-secondary);background-color:var(--color-secondary);border-color:var(--color-secondary)}.page-programacion .prog-hora{max-width:10rem}.page-conversaciones-app .conv-etiqueta{max-width:12rem;letter-spacing:.02em}.page-contacto .contacto-avatar-iniciales{font-size:2.25rem;color:var(--color-secondary);background-color:var(--brand-soft)}.page-conversaciones-app .conv-avatar-sin-contacto{color:var(--color-on-surface-variant);background-color:var(--color-surface-container)}.page-conversaciones-app .conv-avatar-sin-contacto .material-symbols-outlined{color:inherit}.page-contactos .ct-search{width:100%;max-width:22rem}.page-contactos .ct-estado{color:var(--color-on-surface-variant);background-color:var(--color-surface-container)}.page-contactos .ct-estado .material-symbols-outlined{color:inherit}.page-contactos .ct-estado-nuevo{color:var(--color-secondary);background-color:rgba(100,94,251,.15)}.page-contactos .ct-estado-contactado{color:var(--color-accent);background-color:rgba(77,165,177,.15)}.page-contactos .ct-estado-seguimiento{color:#b25e00;background-color:rgba(255,166,0,.15)}.page-contactos .ct-estado-cliente{color:var(--color-on-tertiary-container);background-color:rgba(78,222,163,.2)}.page-contactos .ct-estado-inactivo{color:var(--color-surface-tint);background-color:var(--color-surface-container)}.page-contactos .avatar-circle.avatar-md{font-size:.8125rem}.page-workflow-ejecuciones .wf-board{overflow-x:auto;align-items:stretch}.page-workflow-ejecuciones .wf-column{flex:0 0 280px;min-width:0;height:calc(100vh - 260px);min-height:420px}@media (min-width:1200px){.page-workflow-ejecuciones .wf-column{flex:1 1 0}}.page-workflow-ejecuciones .wf-column-body{background-color:var(--color-surface-container-low)}.page-workflow-ejecuciones .wf-card{cursor:pointer;background-color:var(--color-surface-container-lowest);border:1px solid var(--bs-border-color);border-radius:.5rem;box-shadow:0 1px 2px rgba(15,23,42,.04);transition:box-shadow .15s ease,border-color .15s ease}.page-workflow-ejecuciones .wf-card:hover{box-shadow:0 6px 16px -6px rgba(15,23,42,.15)}.page-workflow-ejecuciones .wf-card.active{border-color:var(--color-secondary);box-shadow:0 0 0 1px var(--color-secondary)}.page-workflow-ejecuciones .wf-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.page-workflow-ejecuciones .wf-offcanvas{--bs-offcanvas-width:min(640px,100vw);background-color:var(--color-surface);color:var(--color-on-surface)}.page-dashboard .dashboard-tabs .nav-link{color:var(--color-on-surface-variant);background-color:var(--color-surface-container-lowest);border:1px solid var(--bs-border-color);font-weight:500}.page-dashboard .dashboard-tabs .nav-link:hover{color:var(--color-secondary)}.page-dashboard .dashboard-tabs .nav-link.active{color:var(--color-on-secondary);background-color:var(--color-secondary);border-color:var(--color-secondary);font-weight:700}.page-dashboard .dashboard-tabs .nav-link.active .material-symbols-outlined{color:inherit}.page-dashboard .badge-neutral{color:var(--color-on-surface-variant);background-color:var(--color-surface-container)}.page-dashboard .badge-warning-soft{color:#b25e00;background-color:rgba(255,166,0,.15)}.page-dashboard .chart-240{height:240px}.page-dashboard .chart-280{height:280px}.page-dashboard .mh-600{max-height:600px}.page-dashboard .col-bar{width:18%;min-width:120px}.page-dashboard .col-comentario{min-width:220px;max-width:340px}.page-dashboard .cursor-pointer{cursor:pointer}.page-dashboard .table-responsive.mh-400 thead th{position:sticky;top:0;background-color:var(--color-surface-container-lowest);z-index:1}
.page-dashboard .dash-run-chip{display:inline-block;max-width:100%}.page-dashboard .dash-run-ficha{background-color:var(--color-surface-container-lowest);border:1px solid var(--bs-border-color)}.page-dashboard .dash-split-list{overflow-y:auto;max-height:400px}@media (min-width:992px){.page-dashboard .dash-split{position:relative;min-height:520px}.page-dashboard .dash-split-inner{position:absolute;top:0;bottom:0;left:calc(var(--bs-gutter-x) * .5);right:calc(var(--bs-gutter-x) * .5)}.page-dashboard .dash-split-ai{flex:0 1 auto;max-height:50%;min-height:0}.page-dashboard .dash-split-runs{flex:1 1 0;min-height:0}.page-dashboard .dash-split-list{flex:1 1 auto;min-height:0;max-height:none}}.page-dashboard .alerta-auto{--alerta-color:var(--color-on-surface-variant);--alerta-bg:var(--color-surface-container);padding:14px 16px;background-color:var(--color-surface-container-lowest);border:1px solid var(--bs-border-color);border-radius:8px;transition:box-shadow .2s ease}
.page-dashboard .alerta-auto:hover{box-shadow:0 2px 6px rgba(15,23,42,.06)}
.page-dashboard .alerta-auto .alerta-icono{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:var(--alerta-bg);border:1px solid var(--alerta-color)}
.page-dashboard .alerta-auto .alerta-icono .material-symbols-outlined{color:var(--alerta-color)}
.page-dashboard .alerta-auto .alerta-titulo{color:var(--color-on-surface)}
.page-dashboard .alerta-auto .min-w-0{min-width:0}
.page-dashboard .alerta-danger{--alerta-color:var(--color-error);--alerta-bg:var(--color-error-container)}
.page-dashboard .alerta-warning{--alerta-color:#b25e00;--alerta-bg:rgba(255,166,0,.15)}
.page-dashboard .alerta-info{--alerta-color:var(--color-surface-tint);--alerta-bg:var(--color-surface-container)}
.page-dashboard .alerta-success{--alerta-color:var(--color-on-tertiary-container);--alerta-bg:rgba(78,222,163,.18)}

.page-distribuidor .text-variant{color:var(--color-on-surface-variant)}
.page-distribuidor .text-brand{color:var(--color-secondary)}
.page-distribuidor .bg-variant-low{background-color:var(--color-surface-container-low)}
.page-distribuidor .border-variant{border-color:var(--bs-border-color) !important}
.page-distribuidor .fs-2xs{font-size:.6875rem}
.page-distribuidor .fs-xs{font-size:.8125rem}
.page-distribuidor .fs-sm{font-size:.875rem}
.page-distribuidor .icon-sm{font-size:1rem}
.page-distribuidor .icon-md{font-size:1.125rem}
.page-distribuidor .icon-lg{font-size:1.25rem}
.page-distribuidor .icon-xl{font-size:1.5rem}
.page-distribuidor .min-w-0{min-width:0}
.page-distribuidor .text-pre-wrap{white-space:pre-wrap}
.page-distribuidor .card-flat.dist-static:hover{box-shadow:0 1px 2px rgba(15,23,42,.04);transform:none}
.page-distribuidor .dist-logo{width:3rem;height:3rem;background-color:var(--brand-soft)}
.page-distribuidor .dist-estado{color:var(--color-on-surface-variant);background-color:var(--color-surface-container);opacity:.6}
.page-distribuidor .dist-estado-activo{color:var(--color-on-tertiary-container);background-color:rgba(78,222,163,.2);opacity:1}
.page-distribuidor .dist-tabs{gap:1rem}
.page-distribuidor .dist-tabs .nav-link{padding:.5rem 0;color:var(--color-on-surface-variant);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer}
.page-distribuidor .dist-tabs .nav-link:hover{color:var(--color-secondary)}
.page-distribuidor .dist-tabs .nav-link.active{color:var(--color-secondary);border-bottom-color:var(--color-secondary)}
.page-distribuidor .dist-select{width:auto;min-width:8rem}

.page-sellout .text-variant{color:var(--color-on-surface-variant)}
.page-sellout .fs-2xs{font-size:.6875rem}
.page-sellout .fs-xs{font-size:.8125rem}
.page-sellout .fs-sm{font-size:.875rem}
.page-sellout .icon-sm{font-size:1rem}
.page-sellout .icon-xl{font-size:1.5rem}
.page-sellout .cursor-pointer{cursor:pointer}
.page-sellout .card-flat.so-static:hover{box-shadow:0 1px 2px rgba(15,23,42,.04);transform:none}
.page-sellout .so-select{width:auto;min-width:12rem}
.page-sellout .so-positivo{color:var(--color-on-tertiary-container)}
.page-sellout .so-warning{color:#b25e00}
.page-sellout .so-avisos{color:#8a4a00;background-color:rgba(255,166,0,.1);border:1px solid rgba(255,166,0,.35)}
.page-sellout .so-avisos .material-symbols-outlined{color:inherit}
.page-sellout .so-sparkline{width:120px;height:30px;overflow:visible}
.page-sellout .so-sparkline polyline{fill:none;stroke:var(--color-on-tertiary-container);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.page-sellout .so-sparkline circle{fill:var(--color-on-tertiary-container)}
.page-conversaciones-app .gmail-sidebar{background-color:var(--color-surface)}
.page-conversaciones-app .gmail-compose{border-radius:1rem;padding:.75rem 1.25rem;box-shadow:0 1px 3px rgba(15,23,42,.15)}
.page-conversaciones-app .gmail-nav-item{padding:.375rem .75rem .375rem 1rem;border-radius:0 1rem 1rem 0;color:var(--color-on-surface);cursor:pointer;transition:background-color .15s ease}
.page-conversaciones-app .gmail-nav-item:hover{background-color:var(--color-surface-container)}
.page-conversaciones-app .gmail-nav-item.active{background-color:var(--brand-soft);color:var(--color-secondary);font-weight:700}
.page-conversaciones-app .gmail-nav-item.active .material-symbols-outlined:not(.filled-icon){color:var(--color-secondary)}
.page-conversaciones-app .gmail-row{background-color:var(--color-surface-container-lowest)}
.page-conversaciones-app .gmail-row.gmail-row-leido{background-color:var(--color-surface)}
.page-conversaciones-app .gmail-row:hover{box-shadow:inset 1px 0 0 var(--bs-border-color),inset -1px 0 0 var(--bs-border-color),0 1px 3px rgba(15,23,42,.15);position:relative;z-index:1}
.page-conversaciones-app .gmail-row.active{background-color:var(--brand-soft);box-shadow:inset 3px 0 0 var(--color-secondary)}
.page-conversaciones-app .gmail-chip{display:inline-block;max-width:8rem;padding:0 .375rem;border-radius:.25rem;font-size:.6875rem;line-height:1.25rem;letter-spacing:.02em;cursor:pointer}
.page-conversaciones-app .etiqueta-swatch{width:1.5rem;height:1.5rem;padding:0;border:2px solid var(--color-surface-container-lowest);border-radius:50%;cursor:pointer}
.page-conversaciones-app .etiqueta-swatch.selected{box-shadow:0 0 0 2px var(--color-secondary)}

.page-contacto .ct-avatar{width:3rem;height:3rem;object-fit:cover;font-size:1rem}
.page-contacto .card-flat.ct-static:hover{box-shadow:0 1px 2px rgba(15,23,42,.04);transform:none}
.page-contacto .ct-tabs{gap:1rem}
.page-contacto .ct-tabs .nav-link{padding:.5rem 0;color:var(--color-on-surface-variant);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer}
.page-contacto .ct-tabs .nav-link:hover{color:var(--color-secondary)}
.page-contacto .ct-tabs .nav-link.active{color:var(--color-secondary);border-bottom-color:var(--color-secondary)}
.page-contacto .ct-estado-pill{color:var(--color-on-surface-variant);background-color:var(--color-surface-container);cursor:pointer}
.page-contacto .ct-estado-pill:hover:not(.activo){color:var(--color-secondary)}
.page-contacto .ct-estado-pill.ct-estado-nuevo{color:var(--color-secondary);background-color:rgba(100,94,251,.15)}
.page-contacto .ct-estado-pill.ct-estado-contactado{color:#b25e00;background-color:rgba(255,166,0,.18)}
.page-contacto .ct-estado-pill.ct-estado-seguimiento{color:var(--color-accent);background-color:rgba(77,165,177,.15)}
.page-contacto .ct-estado-pill.ct-estado-cliente{color:var(--color-on-tertiary-container);background-color:rgba(78,222,163,.2)}
.page-contacto .ct-estado-pill.ct-estado-inactivo,.page-contacto .ct-estado-pill.ct-estado-cerrado{color:var(--color-surface-tint);background-color:var(--color-surface-variant)}
.page-contacto .ct-select{max-width:24rem}
.page-contacto .ct-timeline-icono{width:2rem;height:2rem;color:var(--color-on-surface-variant);background-color:var(--color-surface-container-low);border:1px solid var(--bs-border-color)}
.page-contacto .ct-timeline-icono.estado{color:var(--color-on-tertiary-container);background-color:rgba(78,222,163,.15)}
.page-contacto .ct-timeline-icono .material-symbols-outlined{color:inherit}

.page-workflows .wf-tipos .platform-card .wf-tipo-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.page-workflows .wf-prog{border-bottom:1px solid var(--bs-border-color)}
.page-workflows .wf-prog:last-child{border-bottom:none}
.page-workflows .wf-state-icon{width:2.25rem;height:2.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.page-workflows .wf-state-completada{color:var(--color-on-tertiary-container);background-color:rgba(78,222,163,.2)}
.page-workflows .wf-state-omitido{color:var(--color-surface-tint);background-color:var(--color-surface-container)}
.page-workflows [class*="wf-state-"] .material-symbols-outlined{color:inherit}
.page-workflows .wf-tipos .platform-card{background-color:var(--color-surface-container-lowest);border:1px solid var(--bs-border-color);border-radius:.75rem;box-shadow:0 1px 2px rgba(15,23,42,.04);transition:border-color .15s ease,box-shadow .2s ease,transform .2s ease}
.page-workflows .wf-tipos .platform-card:hover{border-color:var(--color-secondary);box-shadow:0 10px 24px -8px rgba(15,23,42,.12);transform:translateY(-2px)}
.page-workflows .wf-tipos .platform-card.selected{border-color:rgba(75,65,225,.45)}
.page-workflows .wf-tipos .platform-icon{width:48px;height:48px;border-radius:999px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}
.page-workflows .wf-tipos .platform-card:hover .platform-icon{transform:scale(1.1)}
.prog-dia-chip-btn{border:0;cursor:pointer}
.wf-asistente-paso{padding-top:.5rem;border-top:3px solid var(--color-surface-container);color:var(--color-on-surface-variant)}
.wf-asistente-paso.activo{border-top-color:var(--color-secondary);color:var(--color-on-surface)}
.wf-asistente-paso.hecho{border-top-color:var(--color-tertiary-fixed-dim)}
.wf-asistente-num{width:1.5rem;height:1.5rem;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;color:var(--color-on-surface-variant);background-color:var(--color-surface-container)}
.wf-asistente-paso.activo .wf-asistente-num{color:var(--color-on-secondary);background-color:var(--color-secondary)}
.wf-asistente-paso.hecho .wf-asistente-num{color:var(--color-on-tertiary-container);background-color:rgba(78,222,163,.2)}
.wf-asistente-hora{max-width:9rem}
.wf-asistente-con-catalogo{min-height:min(36rem,calc(100vh - 3.5rem))}
.wf-catalogo{position:absolute;inset:0;z-index:5;background-color:rgba(9,20,38,.45)}
.wf-catalogo-dialog{max-width:44rem;max-height:100%;background-color:var(--color-surface-container-lowest);box-shadow:0 10px 24px -8px rgba(15,23,42,.25)}
.page-workflows .wf-catalogo-tabs{gap:1rem}
.page-workflows .wf-catalogo-tabs .nav-link{padding:.5rem 0;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;color:var(--color-on-surface-variant)}
.page-workflows .wf-catalogo-tabs .nav-link:hover{color:var(--color-secondary)}
.page-workflows .wf-catalogo-tabs .nav-link.active{color:var(--color-secondary);border-bottom-color:var(--color-secondary)}
.page-workflows .wf-catalogo-item{border:1px solid var(--bs-border-color);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}
.page-workflows .wf-catalogo-item:hover{border-color:var(--color-secondary)}
.page-workflows .wf-catalogo-item.selected{border-color:var(--color-secondary);background-color:var(--brand-soft)}
.page-workflows .wf-catalogo-texto{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.page-workflows .wf-condicion{background-color:var(--color-surface-container-low);border-left:3px solid var(--color-surface-variant)}
.page-workflows .wf-condicion-activa{border-left-color:var(--color-secondary)}
/* btn-outline-secondary de Bootstrap pinta el texto gris (#6c757d) y parece desactivado: en las vistas propias va en el color del texto, con hover de marca. Desactivado sigue atenuado por la opacidad de .btn:disabled. */
.page-dashboard .btn-outline-secondary,.page-connect .btn-outline-secondary{color:var(--color-on-surface);background-color:var(--color-surface-container-lowest);border-color:rgba(9,20,38,.18)}
.page-dashboard .btn-outline-secondary:hover,.page-dashboard .btn-outline-secondary:focus,.page-connect .btn-outline-secondary:hover,.page-connect .btn-outline-secondary:focus{color:var(--color-secondary);background-color:var(--brand-soft);border-color:var(--color-secondary)}
.page-dashboard .btn-outline-secondary:hover .material-symbols-outlined,.page-connect .btn-outline-secondary:hover .material-symbols-outlined{color:inherit}