/* Private source-only candidate. Intended path:
 * public/static/css/workspace/invoice-list-responsive.css
 * Load after the existing style/design-system/workspace styles.
 * Geometry only: preserve controls, source labels, financial state and handlers.
 */

body.workspace-shell #rechnungen-view .view-header,
body.workspace-shell #rechnungen-view .view-header > div:first-child,
body.workspace-shell #rechnungen-view .filter-row,
body.workspace-shell #rechnungen-view .quick-filters {
    min-width: 0;
    max-width: 100%;
}

/* The outer filter-row wrapping does not wrap its single flex child.
 * Explicit row direction also overrides the legacy <=768px column rule,
 * so these width-based flex bases never become fixed control heights.
 */
body.workspace-shell #rechnungen-view .search-bar {
    display: flex;
    flex: 1 1 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

body.workspace-shell #rechnungen-view .search-bar > input,
body.workspace-shell #rechnungen-view .search-bar > select {
    box-sizing: border-box;
    flex: 1 1 10rem;
    min-width: 0;
    max-width: 100%;
    min-height: 44px;
}

body.workspace-shell #rechnungen-view .search-bar > #search-input {
    flex: 2 1 18rem;
}

body.workspace-shell #rechnungen-view .filter-summary {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}

body.workspace-shell #rechnungen-view .quick-filters > button {
    min-width: 0;
    max-width: 100%;
    min-height: 44px;
    white-space: normal;
    overflow-wrap: anywhere;
}

body.workspace-shell #rechnungen-view .invoice-duplicate-note,
body.workspace-shell #rechnungen-view .invoice-offset-note {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}

/* Keep every section choice in normal flow; do not make a second toolbar
 * scroller compete with the intentional wide invoice-table scroller.
 */
body.workspace-shell #rechnungen-view .studio-tabs {
    flex-wrap: wrap;
    min-width: 0;
    max-width: 100%;
    overflow: visible;
}

body.workspace-shell #rechnungen-view .studio-tab {
    flex: 1 1 12rem;
    min-width: 0;
    max-width: 100%;
    min-height: 44px;
    white-space: normal;
    overflow-wrap: anywhere;
}

/* The existing table min-width:1100px and action-column rules stay intact.
 * Contain that necessary horizontal scroll here, not on the whole document.
 */
body.workspace-shell #rechnungen-view .table-container {
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
}