@layer component {
    .ui-bulk-actions-pane { align-items: center; background: var(--ui-surface-raised); border: 1px solid var(--ui-border-subtle); border-radius: var(--ui-radius-lg); display: flex; flex-wrap: wrap; gap: var(--ui-space-3); margin-bottom: var(--ui-space-4); padding: var(--ui-space-3) var(--ui-space-4); }
    .ui-bulk-actions-pane [data-ui-bulk-count] { flex: 1 1 8rem; }
    .ui-bulk-actions-pane[hidden] { display: none; }
    .ui-page-body > .table-responsive.ui-table-scroll, .ui-table-scroll { max-height: var(--ui-table-scroll-height, 24rem); overflow: auto; padding-bottom: 0; scrollbar-gutter: stable; }
    .ui-table-selection-form { padding: var(--ui-space-3) var(--ui-space-4); }
    .ui-table-selection-form .ui-form-actions { border: 0; margin-top: var(--ui-space-3); padding: 0; }
    .ui-table-selection-cell { width: 1%; white-space: nowrap; }
    .ui-table-selection-cell input { accent-color: var(--bs-primary); }

    .ui-filter-bar-pane { background: var(--ui-surface-raised); border: 1px solid var(--ui-border-subtle); border-radius: var(--ui-radius-lg); box-shadow: var(--ui-shadow-sm); font-size: .75rem; margin-bottom: var(--ui-space-4); padding: var(--ui-space-3) var(--ui-space-4); }
    .ui-filter-bar-pane .btn, .ui-filter-bar-pane .form-control, .ui-filter-bar-pane .form-select { font-size: .75rem; }
    .ui-filter-label { align-items: center; align-self: center; color: var(--ui-text-muted); display: flex; font-weight: 600; line-height: 1.25; }
    .ui-filter-label-wrap { align-items: center; display: flex; gap: var(--ui-space-1); }
    .ui-filter-load-trigger { background: transparent; border: 1px solid transparent; border-radius: var(--ui-radius-sm); color: var(--ui-accent); cursor: pointer; font-size: 1rem; line-height: 1; padding: .2rem; }
    .ui-filter-load-trigger:hover, .ui-filter-load-trigger:focus-visible { background: var(--ui-accent-subtle); border-color: var(--ui-accent); }
    .ui-filter-saved-actions { display: flex; gap: var(--ui-space-2); justify-content: flex-end; margin-top: var(--ui-space-4); }
    .ui-saved-filter-list { display: grid; gap: var(--ui-space-2); list-style: none; margin: 0; max-height: 20rem; overflow-y: auto; padding: 0; }
    .ui-saved-filter-list li { align-items: center; border-bottom: 1px solid var(--ui-border-subtle); display: flex; flex-wrap: wrap; gap: var(--ui-space-2); padding: var(--ui-space-2) 0; }
    .ui-saved-filter-list li > span { flex: 1 1 10rem; overflow-wrap: anywhere; }
    .ui-filter-form { display: grid; gap: var(--ui-space-3); margin: 0; }
    .ui-filter-editor-row, .ui-filter-pills-row { align-items: center; display: grid; gap: var(--ui-space-4); grid-template-columns: 5.5rem minmax(0, 1fr); }
    .ui-filter-editor-content { align-items: center; display: flex; gap: var(--ui-space-3); min-width: 0; }
    .ui-filter-form [data-ui-filter-rules] { display: flex; flex: 1 1 36rem; flex-direction: column; gap: var(--ui-space-2); justify-content: center; }
    .ui-filter-rule { align-items: center; display: grid; gap: var(--ui-space-2); grid-template-columns: minmax(9rem, 1fr) minmax(10rem, 1fr) minmax(10rem, 1.5fr); }
    .ui-filter-rule > label, .ui-filter-rule > [data-ui-filter-value], .ui-filter-rule > [data-ui-filter-value] > label { align-items: center; display: flex; margin: 0; }
    .ui-filter-actions { align-items: center; display: flex; flex-wrap: wrap; gap: var(--ui-space-2); }
    .ui-filter-pills { align-items: center; display: flex; flex-wrap: wrap; gap: var(--ui-space-2); min-height: 0; }
    .ui-filter-pill { align-items: center; background: var(--ui-accent-subtle) !important; border: 1px solid var(--ui-accent); color: var(--ui-text) !important; display: inline-flex; font-size: .72rem; gap: .3rem; max-width: 100%; padding: .3rem var(--ui-space-2); }
    .ui-filter-pill > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .ui-filter-pill [data-ui-filter-pill-remove] { background: transparent; border: 0; color: inherit; cursor: pointer; font-size: inherit; line-height: 1; margin: 0; padding: 0; }
    .ui-filter-pill [data-ui-filter-pill-remove]:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
    .ui-smart-table-error { color: var(--ui-danger); flex-basis: 100%; margin: var(--ui-space-2) 0 0; }
    .ui-smart-table-pane[aria-busy="true"] { opacity: .7; pointer-events: none; }
    .ui-tabbed-pane { min-width: 0; }
    .ui-tab { background: transparent; font-family: inherit; cursor: pointer; }
    .ui-tab-panel { min-width: 0; padding-block: var(--ui-space-4); }
    .ui-tab-panel[hidden] { display: none; }
    .ui-smart-table-tabs { min-width: 0; }
    .ui-smart-table-tab-list, .ui-tab-list { border-bottom: 1px solid var(--ui-border); display: flex; gap: var(--ui-space-1); max-width: 100%; min-width: 0; overflow-x: auto; overflow-y: hidden; scrollbar-gutter: stable; scrollbar-width: thin; }
    .ui-smart-table-tab, .ui-tab { border: 1px solid transparent; border-radius: var(--ui-radius-sm) var(--ui-radius-sm) 0 0; color: var(--ui-text-muted); flex: 0 0 auto; font-size: .875rem; padding: var(--ui-space-2) var(--ui-space-4); text-decoration: none; }
    .ui-smart-table-tab:hover, .ui-smart-table-tab:focus-visible, .ui-tab:hover, .ui-tab:focus-visible { background: var(--ui-surface-muted); color: var(--ui-text); }
    .ui-smart-table-tab[aria-selected="true"], .ui-tab[aria-selected="true"] { background: var(--ui-surface-raised); border-color: var(--ui-border); border-bottom-color: var(--ui-surface-raised); color: var(--ui-text); font-weight: 600; }
    .ui-smart-table-tab-panel { height: max(20rem, calc(100dvh - 15rem)); min-width: 0; overflow: auto; padding-block: var(--ui-space-4); }
    .ui-smart-table-tab-panel[hidden] { display: none; }
    .ui-smart-table-tab-panel > .ui-smart-table-pane { padding-inline: 0; }
    .ui-smart-table-tab-panel .ui-table-scroll { max-height: none; }
    .ui-table-pane, .ui-page-body > .table-responsive { background: var(--ui-table-background); border: 1px solid var(--ui-border-subtle); border-radius: var(--ui-radius-lg); box-shadow: var(--ui-shadow-sm); overflow: hidden; }
    .ui-table-pane, .ui-page-body > .table-responsive { padding: var(--ui-space-3) var(--ui-space-4); }
    .ui-table-pane .table, .ui-page-body > .table-responsive .table { margin-bottom: 0; }
    .table { font-size: .8125rem; }
    .table > :not(caption) > * > * { border-bottom-color: var(--ui-table-divider); height: 2.75rem; padding: .62rem .8rem; }
    .table > thead th { border-bottom: 1px solid var(--ui-border-strong); color: var(--ui-text-muted); font-size: .7rem; font-weight: 600; letter-spacing: .045em; text-transform: uppercase; vertical-align: middle; }
    .table > tbody > tr { transition: background-color var(--ui-transition-fast); }
    .table > tbody > tr:last-child > td { border-bottom: 0; }
    .table > tbody > tr:hover > * { background: var(--ui-table-hover); }
    .ui-table-pane th a { color: inherit; text-decoration: none; }
    .ui-table-pane th a:hover, .ui-table-pane th a:focus-visible { color: var(--ui-text); text-decoration: none; }
    .ui-table-pane th a[aria-current="true"] { color: var(--ui-accent); }
    .ui-table-selection-trigger { appearance: none; border: 0; background: none; padding: 0; color: var(--ui-accent); font: inherit; text-align: left; text-decoration: underline; cursor: pointer; }
    .ui-table-selection-trigger:focus-visible { outline: 2px solid var(--ui-accent); outline-offset: 2px; }
    .ui-table-pane .ui-empty-state, .table-responsive .ui-empty-state { min-height: 10rem; }
    .ui-table-pane td:has(> .ui-empty-state), .table-responsive td:has(> .ui-empty-state) { padding: 0; }
    .ui-pagination { align-items: center; color: var(--ui-text-muted); display: flex; font-size: .8125rem; gap: var(--ui-space-3); justify-content: flex-end; margin-top: var(--ui-space-4); }
    .ui-pagination a { border: 1px solid var(--ui-border); border-radius: var(--ui-radius-sm); color: var(--ui-text); padding: .35rem .6rem; text-decoration: none; }
    .ui-pagination a:hover, .ui-pagination a:focus-visible { background: var(--ui-surface-2); border-color: var(--ui-border-strong); }
    .ui-pagination [aria-disabled="true"] { color: var(--ui-disabled-text); }
    .ui-table-pane > .ui-table-summary { color: var(--ui-text-muted); font-size: .75rem; margin: 0 0 var(--ui-space-2); }
}
@media (max-width: 47.99875rem) {
    @layer component {
    .ui-page-body > .table-responsive.ui-table-scroll, .ui-table-scroll { max-height: var(--ui-table-scroll-height, 24rem); overflow: auto; padding-bottom: 0; scrollbar-gutter: stable; }
        .ui-filter-editor-content { align-items: stretch; flex-direction: column; }
        .ui-filter-form [data-ui-filter-rules] { flex: 0 1 auto; max-width: 100%; width: 100%; }
        .ui-filter-editor-row, .ui-filter-pills-row { align-items: stretch; gap: var(--ui-space-2); grid-template-columns: 1fr; }
        .ui-filter-rule { grid-template-columns: 1fr; }
        .table > :not(caption) > * > * { white-space: nowrap; }
    }
}
@media (prefers-reduced-motion: reduce) {
    @layer component {
    .ui-page-body > .table-responsive.ui-table-scroll, .ui-table-scroll { max-height: var(--ui-table-scroll-height, 24rem); overflow: auto; padding-bottom: 0; scrollbar-gutter: stable; } .table > tbody > tr { transition: none; } }
}