.motif-data-table{--dt-surface:var(--surface,#fff);--dt-surface-alt:var(--surface-raised,#f6f6fa);--dt-header-bg:var(--surface-raised,#f6f6fa);--dt-row-hover-bg:var(--surface-subtle,#f3f3f5);--dt-selected-bg:var(--status-info-bg,#e5f0f8);--dt-border-header:var(--border-strong,#c3c3cb);--dt-border-row:var(--border-default,#e6e6e9);--dt-border-outer:var(--border-default,#3f3f4c);--dt-radius:8px;--dt-text:var(--text-primary,#2e2e38);--dt-text-muted:var(--text-secondary,#747480);--dt-focus-ring:var(--status-info-strong,#188ce5);--dt-cell-pad-y:12px;--dt-cell-pad-x:16px;--dt-empty-pad-y:32px;width:100%;font-family:inherit}.data-table-frame{border:1px solid var(--dt-border-outer);border-radius:var(--dt-radius);overflow:hidden}.data-table{border-collapse:collapse;background-color:var(--dt-surface);width:100%;color:var(--dt-text)}.data-table-header-row{border-bottom:1px solid var(--dt-border-header)}.data-table-header-cell{padding:var(--dt-cell-pad-y) var(--dt-cell-pad-x);text-align:left;background-color:var(--dt-header-bg);color:var(--dt-text)}.data-table-sort-btn{color:var(--dt-text);cursor:pointer;align-items:center;gap:4px;display:inline-flex}.data-table-sort-btn,.data-table-sort-btn::part(button){min-height:0;font:inherit;color:inherit;box-shadow:none;background:0 0;border:none;padding:0}.data-table-sort-btn:hover,.data-table-sort-btn:hover::part(button){color:var(--dt-text);background:0 0}.data-table-sort-btn:focus-visible,.data-table-sort-btn:focus-visible::part(button){outline:2px solid var(--dt-focus-ring);outline-offset:2px;border-radius:2px}.data-table-sort-icon{color:var(--dt-text-muted);font-size:12px;line-height:1}.data-table-row{border-bottom:1px solid var(--dt-border-row);background-color:var(--dt-surface)}.data-table-row:nth-child(2n){background-color:var(--dt-surface-alt)}.data-table-row:hover{background-color:var(--dt-row-hover-bg)}.data-table-row[aria-selected=true]{background-color:var(--dt-selected-bg)}.data-table-row:focus-visible{outline:2px solid var(--dt-focus-ring);outline-offset:-2px}.data-table-cell{padding:var(--dt-cell-pad-y) var(--dt-cell-pad-x);color:var(--dt-text)}.data-table-empty{padding:var(--dt-empty-pad-y) var(--dt-cell-pad-x);text-align:center;color:var(--dt-text-muted)}.motif-data-table--sticky .data-table thead th{z-index:1;position:sticky;top:0}