.dtbl-root{--dtbl-mono:var(--sl-font-mono,var(--sl-font-system-mono));--dtbl-grid:var(--sl-color-gray-5);--dtbl-grid-strong:var(--sl-color-gray-4);--dtbl-muted:var(--sl-color-gray-3);--dtbl-zebra:var(--sl-color-gray-6);--dtbl-row-hover:var(--sl-color-accent-low);--dtbl-radius:.375rem;max-width:100%;container-type:inline-size}.dtbl-controls{flex-wrap:wrap;align-items:flex-end;gap:.6rem 1rem;margin-block-end:.6rem;display:flex}.dtbl-search{flex-direction:column;gap:.2rem;display:flex}.dtbl-search label{font-size:var(--sl-text-xs);color:var(--dtbl-muted);font-weight:600}.dtbl-search input{border:1px solid var(--dtbl-grid);border-radius:var(--dtbl-radius);background-color:var(--sl-color-bg);min-width:16rem;color:var(--sl-color-text);font-size:var(--sl-text-sm);padding:.3rem .6rem}.dtbl-search input:focus-visible{outline:2px solid var(--sl-color-text-accent);outline-offset:1px}.dtbl-facets{flex-wrap:wrap;gap:.6rem 1.1rem;display:flex}.dtbl-facet-group{border:0;flex-direction:column;gap:.25rem;margin:0;padding:0;display:flex}.dtbl-facet-group legend{font-size:var(--sl-text-xs);color:var(--dtbl-muted);padding:0;font-weight:600}.dtbl-chip-row{flex-wrap:wrap;gap:.3rem;display:flex}.dtbl-chip-btn{border:1px solid var(--dtbl-grid);background-color:var(--sl-color-gray-6);color:var(--sl-color-gray-2);font-size:var(--sl-text-xs);cursor:pointer;border-radius:999px;padding:.1rem .6rem;line-height:1.6}.dtbl-chip-btn:hover{border-color:var(--sl-color-text-accent)}.dtbl-chip-btn:focus-visible{outline:2px solid var(--sl-color-text-accent);outline-offset:2px}.dtbl-chip-btn-active{border-color:var(--sl-color-text-accent);background-color:var(--sl-color-accent-low);color:var(--sl-color-white)}.dtbl-clear-btn{border:1px solid var(--dtbl-grid);border-radius:var(--dtbl-radius);color:var(--sl-color-text-accent);font-size:var(--sl-text-xs);cursor:pointer;background-color:#0000;align-self:flex-end;padding:.3rem .7rem}.dtbl-clear-btn:hover{border-color:var(--sl-color-text-accent)}.dtbl-clear-btn:focus-visible{outline:2px solid var(--sl-color-text-accent);outline-offset:2px}.dtbl-count{font-size:var(--sl-text-xs);color:var(--dtbl-muted);white-space:nowrap;margin:0 0 0 auto}.dtbl-loading{font-style:italic}.dtbl-error{color:var(--sl-color-orange-high)}.dtbl-error button{border:1px solid var(--dtbl-grid);border-radius:var(--dtbl-radius);background-color:var(--sl-color-gray-6);color:var(--sl-color-text);font-size:inherit;cursor:pointer;padding:0 .5rem}.dtbl-error button:hover{border-color:var(--sl-color-text-accent)}.dtbl-error button:focus-visible{outline:2px solid var(--sl-color-text-accent);outline-offset:2px}.dtbl-sr-only{white-space:nowrap;clip-path:inset(50%);border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dtbl-wrap{max-width:100%;max-height:var(--cs2-table-max-h);border:1px solid var(--dtbl-grid);border-radius:var(--dtbl-radius);scrollbar-width:thin;overflow:auto}.dtbl-wrap table{border-collapse:separate;border-spacing:0;table-layout:auto;width:100%;font-size:var(--sl-text-xs);line-height:1.4}.dtbl-wrap caption{text-align:start;font-size:var(--sl-text-sm);color:var(--sl-color-text);padding:.4rem .6rem;font-weight:600}.dtbl-wrap :is(th,td){border-bottom:1px solid var(--dtbl-grid);border-inline-end:1px solid var(--dtbl-grid);text-align:start;overflow-wrap:anywhere;padding:.2rem .5rem}.dtbl-wrap :is(th,td):last-child{border-inline-end:0}.dtbl-wrap tbody tr:last-child :is(th,td){border-bottom:0}.dtbl-wrap thead th{z-index:2;background-color:var(--sl-color-gray-5);color:var(--sl-color-white);white-space:nowrap;border-bottom:1px solid var(--dtbl-grid-strong);padding:0;font-weight:600;position:sticky;top:0}.dtbl-sort-btn{width:100%;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;gap:.3rem;padding:.2rem .5rem;font-weight:600;display:inline-flex}.dtbl-sort-btn:hover{background-color:var(--sl-color-gray-4)}.dtbl-sort-btn:focus-visible{outline:2px solid var(--sl-color-text-accent);outline-offset:-2px}.dtbl-sort-indicator{min-inline-size:.7em;font-size:.7em}.dtbl-wrap tbody tr:nth-child(2n){background-color:var(--dtbl-zebra)}.dtbl-wrap tbody tr:hover :is(th,td){background-color:var(--dtbl-row-hover)}@media (prefers-reduced-motion:no-preference){.dtbl-wrap tbody :is(th,td){transition:background-color .12s}}.dtbl-num{text-align:end;white-space:nowrap}.dtbl-wrap td.dtbl-num,.dtbl-wrap td.dtbl-mono{font-family:var(--dtbl-mono);font-variant-numeric:tabular-nums;font-size:.95em}.dtbl-empty{text-align:center;color:var(--dtbl-muted);padding:.8rem .6rem;font-style:italic}.dtbl-chips{flex-wrap:wrap;gap:.25rem;display:inline-flex}.dtbl-chip{border:1px solid var(--dtbl-grid);background-color:var(--sl-color-gray-6);color:var(--sl-color-gray-2);white-space:nowrap;border-radius:999px;padding:0 .4rem;font-size:.85em;line-height:1.5}.dtbl-row-highlight{animation:2s ease-out dtbl-highlight-fade}@keyframes dtbl-highlight-fade{0%{background-color:var(--sl-color-accent-high)}to{background-color:#0000}}@media (prefers-reduced-motion:reduce){.dtbl-row-highlight{background-color:var(--sl-color-accent-high);animation:none}}.dtbl-pager{font-size:var(--sl-text-xs);align-items:center;gap:.6rem;margin-block-start:.6rem;display:flex}.dtbl-pager button{border:1px solid var(--dtbl-grid);border-radius:var(--dtbl-radius);background-color:var(--sl-color-gray-6);color:var(--sl-color-text);font-size:inherit;cursor:pointer;padding:.25rem .7rem}.dtbl-pager button:hover:not(:disabled){border-color:var(--sl-color-text-accent)}.dtbl-pager button:focus-visible{outline:2px solid var(--sl-color-text-accent);outline-offset:2px}.dtbl-pager button:disabled{opacity:.5;cursor:not-allowed}.dtbl-pager-status{color:var(--dtbl-muted)}@media print{.dtbl-wrap{max-height:none;overflow:visible}.dtbl-wrap thead th{position:static}}