.dt{--dt-row:var(--touch-min);--dt-head:40px;--dt-offset:300px;--dt-max:calc(100dvh - var(--dt-offset));flex-direction:column;gap:12px;min-width:0;display:flex}.dt[data-height=fill]{flex:0 auto;min-height:0}.dt-toolbar{flex-wrap:wrap;flex:none;align-items:center;gap:8px;display:flex}.dt-search{flex:260px;min-width:0;max-width:420px;position:relative}.dt-search>.icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:12px;translate:0 -50%}.dt-search-input{width:100%;height:var(--touch-min);border:1.5px solid var(--control-border);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit;padding:0 44px 0 40px;font-size:.875rem}.dt-search-input::placeholder{color:var(--muted)}.dt-search-input::-webkit-search-cancel-button{appearance:none}.dt-search-input:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.dt-search-clear{width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:0;right:0}.dt-search-clear:hover{color:var(--ink)}.dt-search-clear:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.dt-filters,.dt-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dt-filters{flex:auto}.dt-filters .field{flex:170px;min-width:0;max-width:240px;margin:0}.dt-actions{margin-left:auto}.dt-scroll{min-height:calc(var(--dt-head) + 6 * var(--dt-row));overscroll-behavior:contain;background:var(--surface);border-radius:var(--radius-lg);flex:0 auto;position:relative;overflow:auto}.dt[data-height=max] .dt-scroll{max-height:max(var(--dt-max), calc(var(--dt-head) + 6 * var(--dt-row)))}.dt-scroll:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.dt-scroll>.rt-skel{padding:0}.dt-table{border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums;width:100%;font-size:.875rem;line-height:normal}.dt-table thead th{z-index:1;height:var(--dt-head);background:var(--surface-2);box-shadow:inset 0 -1px 0 var(--border);color:var(--muted);text-align:left;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding:0 14px;font-size:.75rem;font-weight:700;position:sticky;top:0}.dt-table tbody th,.dt-table td{height:var(--dt-row);border-top:1px solid var(--neutral-soft);text-align:left;vertical-align:middle;padding:10px 14px}.dt-table tbody tr:first-child>*{border-top:0}.dt-table tbody th{color:var(--ink);font-weight:700}.dt-table [data-align=center]{text-align:center}.dt-table [data-align=end]{text-align:right}.dt-table tbody tr{position:relative}.dt-table tbody tr:hover{background:var(--surface-2)}.dt-table tbody tr[data-selected]{background:var(--accent-soft)}.dt-muted{color:var(--muted)}.dt-sort{min-height:var(--dt-head);color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:2px;margin:0 -4px;padding:0 4px;display:inline-flex}.dt-sort .icon{opacity:0}th[aria-sort=ascending] .dt-sort,th[aria-sort=descending] .dt-sort{color:var(--ink)}th[aria-sort=ascending] .dt-sort .icon,th[aria-sort=descending] .dt-sort .icon,.dt-sort:hover .icon{opacity:1}.dt-sort:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;border-radius:4px}.dt[data-loading] .dt-table tbody,.dt[data-loading] .dt-cards{opacity:.55;transition:opacity .12s ease-out .15s}@media (prefers-reduced-motion:reduce){.dt[data-loading] .dt-table tbody,.dt[data-loading] .dt-cards{transition:none}}.dt-message{text-align:center;color:var(--muted);margin:0;padding:40px 16px}.dt-message:not(.dt-empty){color:inherit;text-align:left}.dt-cards{margin:0;padding:4px 14px;list-style:none}.dt-card{min-height:var(--touch-min);border-bottom:1px solid var(--neutral-soft);padding:10px 0;position:relative}.dt-card:last-child{border-bottom:0}.dt-card-title{color:var(--ink);font-size:.875rem;font-weight:700;display:block}.dt-card-fields{flex-wrap:wrap;gap:2px 12px;margin:4px 0 0;font-size:.8125rem;display:flex}.dt-card-fields>div{gap:4px;display:flex}.dt-card-fields dt{color:var(--muted)}.dt-card-fields dd{margin:0}.dt-foot{flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:8px 16px;font-size:.875rem;display:flex}.dt-range{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0}.dt-pages{align-items:center;gap:2px;margin:0;padding:0;list-style:none;display:flex}.dt-page{min-width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-sm);color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:2px;padding:0 8px;font-weight:600;display:inline-flex}.dt-page:hover:not(:disabled){background:var(--surface-2)}.dt-page:disabled{color:var(--muted);opacity:.5;cursor:not-allowed}.dt-page[aria-current=page]{background:var(--ink);color:var(--on-dark)}.dt-page:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.dt-step{padding:0 10px}.dt-gap{text-align:center;min-width:20px;color:var(--muted)}.dt-foot-tools{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dt-jump{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;display:flex}.dt-jump-input{width:56px;height:var(--touch-min);border:1.5px solid var(--control-border);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit;text-align:center;-moz-appearance:textfield;padding:0 6px}.dt-jump-input::-webkit-inner-spin-button{appearance:none;margin:0}.dt-jump-input::-webkit-outer-spin-button{appearance:none;margin:0}.dt-jump-input:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.dt-jump .dt-page{border:1.5px solid var(--border);background:var(--surface)}.dt-size.field{margin:0}.dt-size .field-label{color:var(--muted);white-space:nowrap;font-size:.875rem;font-weight:400}.dt-size .field-input{width:72px}.dt[data-cards] .dt-foot{gap:4px 8px}.dt[data-cards] .dt-foot-tools{flex-basis:100%;justify-content:space-between;gap:8px}.dt[data-cards] .dt-foot-tools>:only-child{margin-left:auto}.dt[data-cards] .dt-search{flex-basis:100%;max-width:none}.dt[data-cards] .dt-filters{flex-basis:100%}.dt[data-cards] .dt-filters .field{max-width:none}
