/**
 * Shared List Products chrome for ot-products-list-page shells
 * (compact filter bar, flush table join, grey headers, fluid tables)
 */

.ot-products-list-page .ot-products-list-shell > .ot-products-filterbar {
    gap: 0.25rem;
    padding: 0.35rem 0.5rem;
    margin-bottom: 0;
    border-radius: 3px 3px 0 0;
    border-bottom: 0;
    box-shadow: none;
}

.ot-products-list-page .ot-products-list-shell > .ot-products-filterbar + .ot-products-table-wrap,
.ot-products-list-page .ot-products-list-shell > .ot-products-filterbar + [id$="ListTable"] {
    margin-top: 0;
}

.ot-products-list-page .ot-products-list-shell > .ot-products-filterbar + .ot-products-table-wrap.ot-products-table-card,
.ot-products-list-page .ot-products-list-shell > .ot-products-filterbar + [id$="ListTable"].ot-products-table-card {
    margin-top: 0;
    border-radius: 0 0 3px 3px;
    border-top: 0;
}

.ot-products-list-page .ot-products-list-shell [id$="ListTable"] .business-table-pane > .dataTables_wrapper,
.ot-products-list-page .ot-products-list-shell [id$="ListTable"] .business-table-pane > .dataTables_wrapper.form-inline,
#scrollable-container .ot-products-list-page .ot-products-list-shell [id$="ListTable"] .business-table-pane > .dataTables_wrapper {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

.ot-products-list-page .ot-products-list-shell table[data-bt-layout="fluid"],
.ot-products-list-page .ot-products-list-shell table[data-bt-layout="fluid"].dataTable,
#scrollable-container .ot-products-list-page .ot-products-list-shell table[data-bt-layout="fluid"] {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
}

.ot-products-list-page .ot-products-list-shell table.ot-products-table thead tr.table-label-row th,
.ot-products-list-page .ot-products-list-shell table.omniteq-business-table.ot-products-table thead tr.table-label-row th,
#scrollable-container .ot-products-list-page .ot-products-list-shell table.ot-products-table thead tr.table-label-row th {
    background: var(--otp-table-head-bg, #f1f5f9) !important;
    background-image: none !important;
    color: var(--otp-table-head-text, #64748b) !important;
    border-top: none !important;
    box-shadow: 0 1px 0 var(--otp-border, #e2e8f0);
}

html[data-theme="dark"] .ot-products-list-page .ot-products-list-shell > .ot-products-filterbar,
[data-theme="dark"] .ot-products-list-page .ot-products-list-shell > .ot-products-filterbar,
body.dark-mode .ot-products-list-page .ot-products-list-shell > .ot-products-filterbar {
    border-bottom-color: var(--ot-border, #334155);
}

html[data-theme="dark"] .ot-products-list-page .ot-products-list-shell > .ot-products-filterbar + .ot-products-table-wrap.ot-products-table-card,
html[data-theme="dark"] .ot-products-list-page .ot-products-list-shell > .ot-products-filterbar + [id$="ListTable"].ot-products-table-card,
[data-theme="dark"] .ot-products-list-page .ot-products-list-shell > .ot-products-filterbar + .ot-products-table-wrap.ot-products-table-card,
[data-theme="dark"] .ot-products-list-page .ot-products-list-shell > .ot-products-filterbar + [id$="ListTable"].ot-products-table-card,
body.dark-mode .ot-products-list-page .ot-products-list-shell > .ot-products-filterbar + .ot-products-table-wrap.ot-products-table-card,
body.dark-mode .ot-products-list-page .ot-products-list-shell > .ot-products-filterbar + [id$="ListTable"].ot-products-table-card {
    border-top-color: var(--ot-border, #334155);
}

html[data-theme="dark"] .ot-products-list-page .ot-products-list-shell table.ot-products-table thead tr.table-label-row th,
html[data-theme="dark"] .ot-products-list-page .ot-products-list-shell table.omniteq-business-table.ot-products-table thead tr.table-label-row th,
[data-theme="dark"] .ot-products-list-page .ot-products-list-shell table.ot-products-table thead tr.table-label-row th,
body.dark-mode .ot-products-list-page .ot-products-list-shell table.ot-products-table thead tr.table-label-row th,
#scrollable-container html[data-theme="dark"] .ot-products-list-page .ot-products-list-shell table.ot-products-table thead tr.table-label-row th,
#scrollable-container [data-theme="dark"] .ot-products-list-page .ot-products-list-shell table.ot-products-table thead tr.table-label-row th,
#scrollable-container body.dark-mode .ot-products-list-page .ot-products-list-shell table.ot-products-table thead tr.table-label-row th {
    background: var(--table-header-bg, #273449) !important;
    color: var(--table-muted, #94a3b8) !important;
    box-shadow: 0 1px 0 var(--table-border, #2d3a4f);
}

.ot-products-list-page .ot-products-list-shell [id$="ListTable_dt_search"] {
    display: none !important;
}