/* Contact tabs and summary rows must reflow instead of extending the page.
   The shared employee tabs and the desktop contact layout remain unchanged. */
@media (max-width: 900px) {
    #kontakte-view .kontakt-subtabs { flex-wrap: wrap; }
    #kontakte-view .kontakt-subtab {
        min-height: 44px;
        min-width: 0;
        max-width: 100%;
        white-space: normal;
        overflow-wrap: anywhere;
    }
    #kontakte-view .customer-header { flex-wrap: wrap; gap: var(--space-md); }
    #kontakte-view :is(.customer-info, .customer-name, .customer-stats-row) {
        flex-wrap: wrap;
        min-width: 0;
        max-width: 100%;
    }
    #kontakte-view :is(.customer-info, .customer-stats-row) { flex-basis: 100%; }
    #kontakte-view .customer-stats-row { gap: var(--space-sm) var(--space-md); }
    #kontakte-view :is(.customer-nr, .customer-stats-row .stat) {
        min-width: 0;
        max-width: 100%;
        overflow-wrap: anywhere;
    }
}