.data-table-viewport{max-height:min(60dvh, var(--table-available-height,60dvh));scrollbar-gutter:stable;position:relative}.data-table th,.data-table td{overflow-wrap:anywhere}.data-table [data-column-actions]{text-align:center}.data-table-actions,.data-table-actions>div{flex-flow:wrap;justify-content:center;align-items:center;gap:.25rem;min-width:0;display:flex}.data-table-actions :is(a,button){border-radius:var(--radius-button);white-space:normal;justify-content:center;align-items:center;gap:.375rem;min-width:0;max-width:100%;min-height:2.25rem;padding:.25rem .5rem;font-size:.875rem;font-weight:400;line-height:1.25;text-decoration:none;display:inline-flex}.data-table-actions :is(a,button:not([data-variant=danger])){color:var(--color-primary-strong);background:0 0;border-color:#0000}.data-table-actions :is(a,button:not([data-variant=danger])):hover:not(:disabled){background:var(--color-primary-soft);color:var(--color-primary-strong);border-color:#0000}.data-table-actions :is(a,button):focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.data-table-actions .button__label:after{display:none}.data-table-actions :is(a,.button__icon)>svg{flex-shrink:0;width:1rem;height:1rem}@media (width>=48rem){.data-table-actions :is(a,button){min-height:1.875rem}.data-table :is(th,td)>*{max-width:100%}.data-table td>.flex{flex-wrap:wrap}.data-table td .whitespace-nowrap{white-space:normal}[data-viewport-catalog]>.data-table-container,[data-viewport-catalog]>.data-table-container>.data-table-panel{flex:1}[data-viewport-catalog]>.data-table-container .data-table-viewport{flex:1;max-height:none}.data-table .button[data-size=sm],.data-table .button[data-size=md]{--button-height:1.875rem;--button-padding:.5rem}}.data-table[data-pin-last-column]>thead>tr>th:last-child,.data-table[data-pin-last-column]>tbody>tr>td:last-child:not([colspan]){z-index:1;background:var(--color-surface);border-left:1px solid var(--color-border);position:sticky;right:0}.data-table[data-pin-last-column]>thead>tr>th:last-child{z-index:2;background:color-mix(in srgb, var(--color-primary) 9%, var(--color-surface))}.data-table[data-pin-last-column]>tbody>tr>td:last-child:not([colspan]){vertical-align:middle}.data-table[data-pin-last-column]>tbody>tr:nth-child(2n)>td:last-child:not([colspan]){background:color-mix(in srgb, var(--color-canvas) 50%, var(--color-surface))}.data-table[data-pin-last-column]>tbody>tr:hover>td:last-child:not([colspan]){background:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface))}
