/* customers - responsive fixes for this module only. Loaded after css/shared/responsive.css
   on every page in the area. See DOCS/Showcase-Mobile.md. */

@media (max-width: 1023.98px) {

    /* Lifecycle tab strip on the Customers Dashboard: scroll inside itself
       rather than widening the document (same fix as css/crm/responsive.css). */
    .lifecycle-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .lifecycle-tabs::-webkit-scrollbar {
        display: none;
    }

    .lifecycle-tab {
        white-space: nowrap;
        flex-shrink: 0;
    }
}