.dash-app{--bg:var(--ds-canvas);--surface:var(--ds-panel);--surface-2:var(--ds-tint);--surface-3:var(--ds-tint-2);--hover:var(--ds-hover);--hover-strong:var(--ds-tint-2);--border:var(--ds-line);--border-2:var(--ds-line-2);--border-strong:var(--ds-line-2);--text:var(--ds-ink);--text-2:var(--ds-ink-2);--text-3:var(--ds-ink-3);--text-4:var(--ds-ink-4);--text-4-text:var(--ds-ink-4-text);--primary:var(--ds-brand);--primary-strong:var(--ds-brand);--primary-hover:var(--ds-brand-2);--primary-tint:var(--ds-brand-tint);--primary-tint-2:var(--ds-brand-line);--success:var(--ds-ok);--success-tint:var(--ds-ok-tint);--success-border:var(--ds-ok-tint);--warning:var(--ds-warn);--warning-tint:var(--ds-warn-tint);--warning-border:var(--ds-warn-tint);--danger:var(--ds-bad);--danger-tint:var(--ds-bad-tint);--danger-border:var(--ds-bad-tint);--info:var(--ds-brand);--info-tint:var(--ds-brand-tint);--ch-web:var(--ds-brand);--ch-email:var(--ds-ink-3);--ch-whatsapp:#25b14c;--ch-shopify:#5a8a2f;--ch-woo:#7f54b3;--ch-facebook:#1877f2;--ch-voice:#ea580c;--r-xs:var(--ds-r-xs);--r-sm:var(--ds-r-sm);--r:var(--ds-r-md);--r-lg:var(--ds-r-lg);--r-xl:var(--ds-r-3xl);--r-full:var(--ds-r-pill);--shadow-xs:var(--ds-shadow-sm);--shadow-sm:var(--ds-shadow);--shadow:var(--ds-shadow);--shadow-lg:var(--ds-shadow);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;letter-spacing:-.006em;min-height:100%;font-family:inherit;font-size:14px;line-height:1.45}.dash-app *,.dash-app :before,.dash-app :after{box-sizing:border-box}.dash-app button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.dash-app .mono{letter-spacing:-.02em;font-family:JetBrains Mono,ui-monospace,monospace}.dash-app .dash-page{max-width:1320px;margin:0 auto;padding:24px 30px 80px}.dash-app .dash-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.dash-app .dash-greet{font-size:var(--ds-t-display-sm);letter-spacing:var(--ds-ls-tight);font-weight:800;line-height:1.15}.dash-app .dash-sub{color:var(--text-2);align-items:center;gap:9px;margin-top:4px;font-size:14px;display:flex}.dash-app .live-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:7px;height:7px;position:relative}.dash-app .live-dot:after{content:"";border:1px solid var(--success);border-radius:50%;animation:1.8s ease-out infinite dash-live-pulse;position:absolute;inset:-3px}@keyframes dash-live-pulse{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(2.2)}}.dash-app .dash-head-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dash-app .dash-vert-tag{color:var(--text-3);align-items:center;gap:8px;margin-top:8px;font-size:12px;font-weight:600;display:flex}.dash-app .kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.dash-app .kpi-grid.has-vertical{grid-template-columns:repeat(5,1fr)}.dash-app .kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--ds-r-2xl);padding:var(--ds-sp-9) var(--ds-sp-10);box-shadow:var(--ds-shadow-sm);transition:border-color var(--ds-dur) var(--ds-ease), box-shadow var(--ds-dur) var(--ds-ease);position:relative;overflow:hidden}.dash-app .kpi:hover{border-color:var(--border-strong);box-shadow:var(--ds-shadow)}.dash-app .kpi-top{justify-content:space-between;align-items:center;display:flex}.dash-app .kpi-label{color:var(--text-3);align-items:center;gap:7px;font-size:12.5px;font-weight:600;display:flex}.dash-app .kpi-ic{border-radius:var(--ds-r-sm);flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.dash-app .kpi-val{font-size:var(--ds-t-display-md);letter-spacing:var(--ds-ls-tight);margin-top:var(--ds-sp-7);align-items:baseline;gap:var(--ds-sp-4);font-weight:800;line-height:1;display:flex}.dash-app .kpi-val .unit{font-size:var(--ds-t-15);color:var(--text-3);font-weight:600}.dash-app .kpi-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.dash-app .kpi-delta{border-radius:var(--r-full);align-items:center;gap:3px;padding:2px 7px;font-size:12px;font-weight:700;display:inline-flex}.dash-app .kpi-delta.up{color:var(--success);background:var(--success-tint)}.dash-app .kpi-delta.down{color:var(--danger);background:var(--danger-tint)}.dash-app .kpi-delta.flat{color:var(--text-2);background:var(--surface-3)}.dash-app .kpi-delta.good-down{color:var(--success);background:var(--success-tint)}.dash-app .kpi-vs{color:var(--text-4-text);font-size:11px}.dash-app .kpi-spark{height:34px;margin-top:12px}.dash-app .kpi-soon-val{color:var(--text-3);min-height:34px;margin-top:16px;font-size:14px;font-weight:600;line-height:1.5}.dash-app .bento{gap:16px;margin-bottom:16px;display:grid}.dash-app .bento.c3{grid-template-columns:2fr 1fr}.dash-app .bento.c3b{grid-template-columns:1fr 1fr 1fr}.dash-app .bento.c2{grid-template-columns:2fr 1fr}.dash-app .bento.c2e{grid-template-columns:1fr 1fr}.dash-app .panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--ds-r-3xl);box-shadow:var(--ds-shadow);flex-direction:column;min-width:0;display:flex}.dash-app .panel-h{justify-content:space-between;align-items:flex-start;gap:var(--ds-sp-6);padding:var(--ds-sp-9) var(--ds-sp-10) 0;display:flex}.dash-app .panel-h.bb{padding-bottom:var(--ds-sp-8);border-bottom:1px solid var(--border)}.dash-app .panel-t{font-size:var(--ds-t-145);letter-spacing:var(--ds-ls-normal);align-items:center;gap:var(--ds-sp-4);font-weight:700;display:flex}.dash-app .panel-d{font-size:var(--ds-t-12);color:var(--text-3);margin-top:var(--ds-sp-1)}.dash-app .panel-b{padding:var(--ds-sp-9) var(--ds-sp-10);flex:1;min-width:0}.dash-app .panel-link{color:var(--primary-strong);align-items:center;gap:4px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.dash-app .panel-link:hover{text-decoration:underline}.dash-app .legend{align-items:center;gap:16px;display:flex}.dash-app .legend-item{color:var(--text-2);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.dash-app .legend-swatch{border-radius:3px;width:11px;height:11px}.dash-app .callouts{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:4px;display:grid}.dash-app .callout{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--ds-r-lg);padding:12px 14px}.dash-app .callout-val{letter-spacing:-.02em;font-size:19px;font-weight:800}.dash-app .callout-label{color:var(--text-3);align-items:center;gap:5px;margin-top:1px;font-size:11.5px;display:flex}.dash-app .donut-wrap{align-items:center;gap:18px;display:flex}.dash-app .donut-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dash-app .donut-center .dc-val{letter-spacing:-.03em;font-size:24px;font-weight:800}.dash-app .donut-center .dc-label{color:var(--text-3);font-size:10.5px;font-weight:600}.dash-app .savings-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.dash-app .saving{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--ds-r-lg);padding:11px 13px}.dash-app .saving-val{letter-spacing:-.02em;font-size:17px;font-weight:800}.dash-app .saving-label{color:var(--text-3);margin-top:1px;font-size:11px}.dash-app .mbar{margin-bottom:14px}.dash-app .mbar:last-child{margin-bottom:0}.dash-app .mbar-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.dash-app .mbar-label{color:var(--text-2);font-size:12.5px;font-weight:600}.dash-app .mbar-val{font-size:12.5px;font-weight:700}.dash-app .mbar-track{border-radius:var(--r-full);background:var(--surface-3);height:7px;overflow:hidden}.dash-app .mbar-fill{border-radius:var(--r-full);height:100%}.dash-app .leader{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.dash-app .leader:last-child{border-bottom:none}.dash-app .leader-rank{width:22px;color:var(--text-3);text-align:center;flex-shrink:0;font-size:12.5px;font-weight:800}.dash-app .leader-rank.gold{color:#c79a23}.dash-app .leader-main{flex:1;min-width:0}.dash-app .leader-name{font-size:13px;font-weight:600}.dash-app .leader-meta{color:var(--text-3);margin-top:1px;font-size:11.5px}.dash-app .leader-stat{text-align:right;flex-shrink:0}.dash-app .leader-stat .ls-val{letter-spacing:-.02em;font-size:14px;font-weight:800}.dash-app .leader-stat .ls-label{color:var(--text-4-text);font-size:10.5px}.dash-app .ticket{text-align:left;border:1px solid var(--border);border-radius:var(--ds-r-lg);cursor:pointer;width:100%;color:inherit;margin-bottom:8px;padding:11px 12px;text-decoration:none;transition:border-color .12s,background .12s;display:block}.dash-app .ticket:last-child{margin-bottom:0}.dash-app .ticket:hover{border-color:var(--danger-border);background:var(--danger-tint)}.dash-app .ticket-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.dash-app .ticket-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.dash-app .ticket-sum{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;overflow:hidden}.dash-app .ticket-meta{align-items:center;gap:8px;margin-top:8px;display:flex}.dash-app .dash-vert-rule-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:11px;font-weight:700}.dash-app .dash-vert-rule{color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--ds-r-lg);margin-bottom:14px;padding:12px 14px;font-size:13px;line-height:1.55}.dash-app .dash-integ-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:9px 0;display:flex}.dash-app .dash-integ-row:last-child{border-bottom:none}.dash-app .dash-integ-name{font-size:12.5px;font-weight:600}.dash-app .dash-vert-recommend{margin-bottom:16px}.dash-app .dash-vert-addon-row{flex-wrap:wrap;gap:8px;display:flex}.dash-app .dash-soon{border-radius:var(--r-full);text-transform:uppercase;letter-spacing:.04em;color:var(--warning);background:var(--warning-tint);border:1px solid var(--warning-border);cursor:default;align-items:center;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.dash-app .chrow{align-items:center;gap:11px;padding:9px 0;display:flex}.dash-app .chrow-ic{border-radius:var(--ds-r-sm);width:30px;height:30px;color:var(--ds-on-brand);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dash-app .chrow-main{flex:1;min-width:0}.dash-app .chrow-top{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.dash-app .chrow-name{font-size:12.5px;font-weight:600}.dash-app .chrow-val{color:var(--text-2);font-size:12.5px;font-weight:700}.dash-app .chrow-track{border-radius:var(--r-full);background:var(--surface-3);height:6px;overflow:hidden}.dash-app .chrow-fill{border-radius:var(--r-full);height:100%}.dash-app .act-row{border-bottom:1px solid var(--border);color:inherit;align-items:center;gap:13px;padding:12px 18px;text-decoration:none;transition:background .12s;display:flex}.dash-app .act-row:last-child{border-bottom:none}.dash-app .act-row:hover{background:var(--hover)}.dash-app .act-main{flex:1;min-width:0}.dash-app .act-name{font-size:13px;font-weight:600}.dash-app .act-line{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.dash-app .act-chips{flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px;display:flex}.dash-app .act-time{color:var(--text-3);white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;font-size:11px;display:flex}.dash-app .dash-empty{text-align:center;color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;padding:32px 20px;display:flex}.dash-app .dash-empty .de-icon{border-radius:var(--ds-r-md);background:var(--surface-3);width:44px;height:44px;color:var(--text-4-text);justify-content:center;align-items:center;margin-bottom:12px;display:flex}.dash-app .btn{border-radius:var(--ds-r-pill);height:36px;font-weight:600;font-size:var(--ds-t-13);transition:background var(--ds-dur-fast) var(--ds-ease), border-color var(--ds-dur-fast) var(--ds-ease), opacity var(--ds-dur-fast) var(--ds-ease);white-space:nowrap;color:var(--text);border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:0 14px;text-decoration:none;display:inline-flex}.dash-app .btn.sm{height:32px;font-size:var(--ds-t-125);padding:0 11px}.dash-app .btn-primary{background:var(--ds-ink);color:var(--ds-canvas)}.dash-app .btn-primary:hover{background:var(--ds-ink);opacity:.88}.dash-app .btn-outline{background:var(--surface);border-color:var(--border-2);color:var(--text);box-shadow:var(--shadow-xs)}.dash-app .btn-outline:hover{background:var(--hover);border-color:var(--border-strong)}.dash-app .dash-icon-btn{border-radius:var(--ds-r-sm);width:28px;height:28px;color:var(--text-3);transition:background var(--ds-dur-fast) var(--ds-ease), color var(--ds-dur-fast) var(--ds-ease);justify-content:center;align-items:center;display:inline-flex}.dash-app .dash-icon-btn:hover{background:var(--hover);color:var(--text)}.dash-app .dash-icon-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.dash-app .dash-menu-wrap{position:relative}.dash-app .dash-menu{z-index:20;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--ds-r-lg);min-width:244px;box-shadow:var(--ds-shadow);flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.dash-app .dash-menu-item{text-align:left;border-radius:var(--ds-r-sm);width:100%;color:var(--text);transition:background var(--ds-dur-fast) var(--ds-ease);align-items:flex-start;gap:10px;padding:9px 10px;display:flex}.dash-app .dash-menu-item:hover{background:var(--hover)}.dash-app .dash-menu-item:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.dash-app .dash-menu-item>svg{color:var(--text-3);flex-shrink:0;margin-top:1px}.dash-app .dash-menu-item .dmi-label{font-size:13px;font-weight:600;display:block}.dash-app .dash-menu-item .dmi-hint{color:var(--text-3);margin-top:2px;font-size:11.5px;line-height:1.4;display:block}.dash-app .pill{border-radius:var(--r-full);text-transform:uppercase;letter-spacing:.03em;border:1px solid #0000;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.dash-app .pill.green{background:var(--success-tint);color:var(--success);border-color:var(--success-border)}.dash-app .pill.amber{background:var(--warning-tint);color:var(--warning);border-color:var(--warning-border)}.dash-app .pill.red{background:var(--danger-tint);color:var(--danger);border-color:var(--danger-border)}.dash-app .pill.gray{background:var(--surface-3);color:var(--text-2)}.dash-app .pill.indigo{background:var(--primary-tint);color:var(--primary-strong)}.dash-app .chip{border-radius:var(--r-full);white-space:nowrap;border:1px solid #0000;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.5;display:inline-flex}.dash-app .chip.xs{gap:3px;padding:1px 6px;font-size:10px}.dash-app .chip-dot{border-radius:50%;width:6px;height:6px}.dash-app .chip.open{background:var(--info-tint);color:var(--info)}.dash-app .chip.waiting{background:var(--warning-tint);color:var(--warning)}.dash-app .chip.snoozed{background:var(--surface-3);color:var(--text-2)}.dash-app .chip.resolved{background:var(--success-tint);color:var(--success)}.dash-app .chip.ai{background:var(--primary-tint);color:var(--primary-strong)}.dash-app .chip.urgent{background:var(--danger-tint);color:var(--danger);border-color:var(--danger-border)}.dash-app .chip.neutral{background:var(--surface-3);color:var(--text-2)}.dash-app .avatar{border-radius:var(--ds-r-md);color:var(--ds-on-brand);background-position:50%;background-size:cover;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex;position:relative}.dash-app .avatar.sq{border-radius:var(--ds-r-xs)}.dash-app .avatar.round{border-radius:var(--ds-r-pill)}.dash-app .presence{border-radius:var(--r-full);border:2px solid var(--surface);background:var(--success);width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.dash-app .presence.away{background:var(--warning)}.dash-app .presence.offline{background:var(--text-4)}.dash-app .ch-badge{border-radius:var(--r-full);border:2px solid var(--surface);width:17px;height:17px;color:var(--ds-on-brand);justify-content:center;align-items:center;display:flex;position:absolute;bottom:-3px;right:-3px}@media (max-width:1320px){.dash-app .kpi-grid,.dash-app .kpi-grid.has-vertical{grid-template-columns:repeat(2,1fr)}.dash-app .bento.c3,.dash-app .bento.c2,.dash-app .bento.c3b,.dash-app .bento.c2e{grid-template-columns:1fr}}@media (max-width:760px){.dash-app .dash-page{padding:16px 16px 64px}.dash-app .kpi-grid,.dash-app .kpi-grid.has-vertical,.dash-app .callouts{grid-template-columns:1fr}}
