@supports (text-box: trim-both cap alphabetic) {
html body .customer-avatar:is([style*="--customer-avatar-size: 30px"], [style*="--customer-avatar-size: 32px"], [style*="--customer-avatar-size: 36px"], [style*="--customer-avatar-size: 40px"], [style*="--customer-avatar-size: 44px"], [style*="--customer-avatar-size: 48px"], [style*="--customer-avatar-size: 56px"], [style*="--customer-avatar-size: 64px"]) > span { --customer-avatar-cap: calc(var(--customer-avatar-size, 28px) - 2 * round(calc(var(--customer-avatar-size, 28px) * .3763), 1px)); font-family: var(--font-ui, var(--font-body)); font-size: clamp(10px, calc(var(--customer-avatar-cap) / .7275), 24px); font-weight: 500; line-height: 1; text-box: trim-both cap alphabetic; }
}
@supports (text-box: trim-both cap alphabetic) {
    html body .ws-conv .ws-conv__unread { display: inline-block; height: 22px; padding: 7px 6px 0; font-family: var(--font-ui, var(--font-body)); font-size: 11px; line-height: 1; text-align: center; text-box: trim-both cap alphabetic; }
    html body .ws-app--focus .focus-shell__count { display: inline-block; height: 20px; min-height: 20px; padding: 6px 5px 0; line-height: 1; text-align: center; text-box: trim-both cap alphabetic; }
    @media (max-width: 899.98px) {
        html body .ws-app .ws-mobile-badge { display: block; padding: 5px 4px 0; font-size: calc(7px / .7275); line-height: 1; text-align: center; text-box: trim-both cap alphabetic; }
    }
}
@media (max-width: 899.98px) {
    html body .ws-app .mobile-page-header__back > svg { translate: -1.5px 0; }
}
@supports (width: round(down, 1px, 1px)) {
@media (max-width: 899.98px) {
    html body .ws-app .ws-mobile-tabs {
        --mobile-tab-count: 6;
        --mobile-tabs-available-width: min(480px, calc(100vw - max(12px, env(safe-area-inset-left, 0px)) - max(12px, env(safe-area-inset-right, 0px))));
        --mobile-tab-width: round(down, calc((var(--mobile-tabs-available-width) - 12px - (var(--mobile-tab-count) - 1) * 2px) / var(--mobile-tab-count)), 2px);
        width: calc(var(--mobile-tab-count) * var(--mobile-tab-width) + (var(--mobile-tab-count) - 1) * 2px + 12px);
        justify-content: flex-start;
    }
    html body .ws-app .ws-mobile-tabs:has(> .ws-mobile-tab:nth-child(5):last-child) { --mobile-tab-count: 5; }
    html body .ws-app .ws-mobile-tabs:has(> .ws-mobile-tab:nth-child(4):last-child) { --mobile-tab-count: 4; }
    html body .ws-app .ws-mobile-tabs:has(> .ws-mobile-tab:nth-child(3):last-child) { --mobile-tab-count: 3; }
    html body .ws-app .ws-mobile-tabs:has(> .ws-mobile-tab:nth-child(2):last-child) { --mobile-tab-count: 2; }
    html body .ws-app .ws-mobile-tab { --mobile-tab-width: inherit; flex: 0 0 var(--mobile-tab-width); }
    html body .ws-app .ws-mobile-tab:first-child { margin-left: 0; }
}
}
@media (max-width: 899.98px) {
    html body .ws-app .ws-chat__filters-card { grid-template-columns: minmax(0, 1fr) max-content; }
    html body .ws-app .ws-chat__filters-card .ws-chat__summary { grid-area: 1 / 1; margin: 0 0 -18px; }
    html body .ws-app .ws-chat__filters-card .ws-chat__audience-row { display: contents; }
    html body .ws-app .ws-chat__filters-card .ws-chat__audience-row .ws-chat__audiences { grid-area: 2 / 1; }
    html body .ws-app .ws-chat__filters-card .ws-chat__unread { grid-column: 2; grid-row: 1 / span 2; align-self: start; }
    html body .ws-app .ws-chat__filters-card :is(.ws-chat__search, .ws-chat__filters) { grid-column: 1 / -1; }
}
@media (max-width: 899.98px) {
    html body .ws-app { --mobile-tab-bottom: max(10px, var(--mobile-safe-bottom)); }
}
@media (max-width: 899.98px) {
    html body .ws-app {
        --mobile-header-inset-top: min(var(--mobile-safe-top), max(44px, calc(var(--mobile-safe-top) - 11px)));
        --top-h: calc(56px + var(--mobile-header-inset-top));
    }
    html body .ws-app :is(.ws-top, .focus-shell__top) { padding-top: calc(6px + var(--mobile-header-inset-top)); }
    html body .ws-app .mobile-page-header-host { top: calc(var(--mobile-header-inset-top) + 6px); }
}
@media (max-width: 899.98px) {
    html body .ws-app::before {
        height: calc(var(--top-h) + 24px);
        backdrop-filter: blur(18px) saturate(1.15);
        -webkit-backdrop-filter: blur(18px) saturate(1.15);
        mask-image: linear-gradient(to bottom, #000 0, #000 calc(100% - 64px), #000000ed calc(100% - 52px), #000000a6 calc(100% - 38px), #0000004d calc(100% - 24px), #0000000f calc(100% - 10px), transparent 100%);
        -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 calc(100% - 64px), #000000ed calc(100% - 52px), #000000a6 calc(100% - 38px), #0000004d calc(100% - 24px), #0000000f calc(100% - 10px), transparent 100%);
    }
}
@media (max-width: 899.98px) {
    html body .ws-app .customers-directory { margin-top: -9px; }
}
@media (max-width: 767.98px) {
    html body .ws-app .dv-page .dv-controlbar { padding-bottom: 0; border-bottom: 0; }
    html body .ws-app .dv-page .dv-analysis { border-top: 0; }
    html body .ws-app .dv-page .dv-today-summary { margin-bottom: 0; }
    html body .ws-app .dv-page .dv-daily-data { margin-block: 0; }
    html body .ws-app .dv-page .dv-daily-data > summary { padding-top: 3px; }
    html body .ws-app .dv-page .dv-metrics { margin-top: 8px; }
}