@layer components{.table-container{border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;overflow-x:auto;container-type:inline-size}.table{border-collapse:collapse;caption-side:bottom;width:100%;font-size:.875rem}.table-caption{color:var(--muted-foreground);text-align:center;padding:.75rem 1rem;font-size:.8125rem}.table-head{text-align:start;color:var(--muted-foreground);background-color:var(--muted);white-space:nowrap;border-bottom:1px solid var(--border);padding:.75rem 1rem;font-weight:500;&:first-child{border-top-left-radius:var(--radius-lg)}&:last-child{border-top-right-radius:var(--radius-lg)}}.table-row{border-bottom:1px solid var(--border);transition:background-color .15s;&:last-child{border-bottom:none}tbody &:hover{background-color:var(--muted)}}.table-cell{vertical-align:middle;color:var(--foreground);padding:.75rem 1rem;&:is(th){text-align:start;font-weight:500}}tfoot .table-row{background-color:var(--muted);border-top:1px solid var(--border);font-weight:500}tfoot .table-cell:first-child{border-bottom-left-radius:var(--radius-lg)}tfoot .table-cell:last-child{border-bottom-right-radius:var(--radius-lg)}.table:where([data-density=compact]){& .table-head,& .table-cell{padding:.375rem .625rem}& .table-caption{padding:.5rem .625rem}}.table:where([data-density=comfortable]){& .table-head,& .table-cell,& .table-caption{padding:.75rem 1rem}}.table:where([data-density=spacious]){& .table-head,& .table-cell,& .table-caption{padding:1rem 1.25rem}}:is(.table-head,.table-cell){&[data-align=start]{text-align:start}&[data-align=center]{text-align:center}&[data-align=end]{text-align:end}&[data-numeric]{text-align:end;font-variant-numeric:tabular-nums}&[data-valign=top]{vertical-align:top}&[data-nowrap]{white-space:nowrap}}.table{text-align:start}.table-sort{border-radius:var(--radius-sm);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.375rem;margin:-.25rem -.5rem;padding:.25rem .5rem;display:inline-flex;&:hover{color:var(--foreground);background-color:color-mix(in oklch, var(--foreground) 6%, transparent)}&:focus-visible{outline:2px solid var(--ring);outline-offset:1px}&:after{content:"";background:conic-gradient(from 150deg at 50% 0, currentColor 60deg, transparent 0) top / 100% 40% no-repeat, conic-gradient(from -30deg at 50% 100%, currentColor 60deg, transparent 0) bottom / 100% 40% no-repeat;opacity:.35;flex-shrink:0;width:.5rem;height:.75rem}[data-align=end]>&,[data-numeric]>&{flex-direction:row-reverse}}.table-head[aria-sort=ascending] .table-sort:after{opacity:1;background:conic-gradient(from 150deg at 50% 0, currentColor 60deg, transparent 0) center / 100% 50% no-repeat}.table-head[aria-sort=descending] .table-sort:after{opacity:1;background:conic-gradient(from -30deg at 50% 100%, currentColor 60deg, transparent 0) center / 100% 50% no-repeat}.table-head[aria-sort]:not([aria-sort=none]){color:var(--foreground)}.table-select{width:1%;padding-inline-end:0!important;& .checkbox{vertical-align:middle}}.table-row[aria-selected=true]{background-color:color-mix(in oklch, var(--primary) 7%, transparent);tbody &:hover{background-color:color-mix(in oklch, var(--primary) 11%, transparent)}}.table-handle{width:1%;color:var(--muted-foreground);padding-inline-end:0!important;& button{border-radius:var(--radius-sm);width:1.5rem;height:1.5rem;color:inherit;cursor:grab;background:0 0;border:0;place-items:center;padding:0;display:inline-grid;&:hover{color:var(--foreground);background-color:var(--accent)}&:focus-visible{outline:2px solid var(--ring);outline-offset:1px}& svg{width:1rem;height:1rem}}}.table-row[data-dragging]{opacity:.4}.table-row[data-drop=before]{box-shadow:inset 0 2px 0 var(--primary)}.table-row[data-drop=after]{box-shadow:inset 0 -2px 0 var(--primary)}.table[data-lock-start] :is(.table-head,.table-cell),.table[data-lock-end] :is(.table-head,.table-cell){background-clip:padding-box}.table[data-lock-start] :is(tr>:first-child),.table:is([data-lock-start="2"],[data-lock-start="3"]) :is(tr>:nth-child(2)),.table[data-lock-start="3"] :is(tr>:nth-child(3)),.table[data-lock-end] :is(tr>:last-child){z-index:1;background-color:var(--_lock-bg,var(--background));position:sticky}.table[data-lock-start] tr>:first-child{inset-inline-start:0}.table:is([data-lock-start="2"],[data-lock-start="3"]) tr>:nth-child(2){inset-inline-start:var(--table-lock-1,0px)}.table[data-lock-start="3"] tr>:nth-child(3){inset-inline-start:calc(var(--table-lock-1,0px) + var(--table-lock-2,0px))}.table[data-lock-end] tr>:last-child{inset-inline-end:0}.table thead .table-head,.table tfoot .table-cell{--_lock-bg:var(--muted)}.table[data-lock-start="1"] tr>:first-child,.table[data-lock-start="2"] tr>:nth-child(2),.table[data-lock-start="3"] tr>:nth-child(3){box-shadow:inset -1px 0 0 var(--border)}.table[data-lock-end] tr>:last-child{box-shadow:inset 1px 0 0 var(--border)}.table-row:hover>.table-cell{--_lock-bg:color-mix(in oklch, var(--muted) 100%, var(--background))}.table-row[aria-selected=true]>.table-cell{--_lock-bg:color-mix(in oklch, var(--primary) 7%, var(--background))}.table[data-sticky-header] thead .table-head{z-index:2;position:sticky;top:0}.table-container:has(>.table[data-sticky-header]){overflow:auto}.table-actions{white-space:nowrap;text-align:end;width:1%;&>*+*,& .table-actions-inline>*+*{margin-inline-start:.25rem}}.table-actions-inline{align-items:center;display:inline-flex}.table-actions-menu{display:none}.table[data-actions=quiet] :is(.table-actions>.btn,.table-actions-inline,.table-actions-menu>.btn){opacity:.45;transition:opacity .15s}.table[data-actions=quiet] .table-row:is(:hover,:focus-within) :is(.table-actions>.btn,.table-actions-inline,.table-actions-menu>.btn){opacity:1}@media (hover:none){.table[data-actions=quiet] :is(.table-actions>.btn,.table-actions-inline,.table-actions-menu>.btn){opacity:1}}@media (pointer:coarse){.table-actions .btn[data-size^=icon]{min-width:2.75rem;min-height:2.75rem}}@container (width<=40rem){.table-actions:has(.table-actions-menu) .table-actions-inline{display:none}.table-actions-menu{display:inline-flex}}.table-row{anchor-scope:--table-row-menu}.table-actions-menu>.btn{anchor-name:--table-row-menu}.table-menu[popover]{position-anchor:--table-row-menu;inset:auto;top:anchor(bottom);right:anchor(right);position-try-fallbacks:flip-block;border:1px solid var(--border);border-radius:var(--radius-lg);background-color:var(--popover);min-width:10rem;color:var(--popover-foreground);box-shadow:var(--shadow-lg);text-align:start;margin:.25rem 0 0;padding:.25rem;position:fixed;&:popover-open{gap:.125rem;display:grid}}.table-menu-item{border-radius:var(--radius-md);width:100%;min-height:2.25rem;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;padding:.375rem .625rem;font-size:.875rem;text-decoration:none;display:flex;&:hover,&:focus-visible{background-color:var(--accent);color:var(--accent-foreground);outline:none}&[data-tone=destructive]{color:var(--destructive)}& svg{width:1rem;height:1rem}}@media (pointer:coarse){.table-menu-item{min-height:2.75rem}}.table-empty{text-align:center;color:var(--muted-foreground);padding:2.5rem 1rem!important;&>*{margin-inline:auto;display:block}&>*+*{margin-top:.375rem}&>strong{color:var(--foreground);font-weight:600}&>.btn{margin-top:1rem;display:inline-flex}}.table-empty-icon{background-color:var(--muted);width:2.75rem;height:2.75rem;color:var(--muted-foreground);border-radius:9999px;place-items:center;margin-bottom:.5rem;display:grid!important;& svg{width:1.25rem;height:1.25rem}}tbody .table-row:has(>.table-empty):hover{background-color:#0000}.table-actions>.btn[popovertarget]{anchor-name:--table-row-menu}.table-cell a:not([class]){color:var(--foreground);text-decoration:underline;text-decoration-color:color-mix(in oklch, currentColor 30%, transparent);text-underline-offset:.2em;font-weight:500;transition:text-decoration-color .15s;&:hover{text-decoration-color:currentColor}&:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--radius-sm)}}.table-sub{color:var(--muted-foreground);margin-top:.125rem;font-size:.8125rem;display:block}.table-truncate{max-width:var(--table-truncate,14rem);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.table-clamp{max-width:var(--table-clamp,20rem);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.table-mono{font-family:var(--font-mono);white-space:nowrap;font-size:.8125rem}.table-muted{color:var(--muted-foreground)}@container (width<=480px){.table-head,.table-cell{padding:.5rem .75rem;font-size:.8125rem}}@media print{.table-container{box-decoration-break:clone;overflow:visible}.table-container:has(>.table[data-sticky-header]){max-height:none;overflow:visible}.table[data-sticky-header] thead .table-head{position:static}.table:not([data-repeat-footer])>tfoot{display:table-row-group;&>tr:first-child{break-before:avoid}}.table:not([data-break-inside=allow]) tr{break-inside:avoid}.table[data-keep-last]>tbody:last-of-type>tr:nth-last-child(-n+3){break-before:avoid}}}@media (prefers-reduced-motion:reduce){@layer components{.table,.table *,.table:before,.table:after,.table :before,.table :after,.table::backdrop,.table-caption,.table-caption *,.table-caption:before,.table-caption:after,.table-caption :before,.table-caption :after,.table-caption::backdrop,.table-cell,.table-cell *,.table-cell:before,.table-cell:after,.table-cell :before,.table-cell :after,.table-cell::backdrop,.table-container,.table-container *,.table-container:before,.table-container:after,.table-container :before,.table-container :after,.table-container::backdrop,.table-head,.table-head *,.table-head:before,.table-head:after,.table-head :before,.table-head :after,.table-head::backdrop,.table-row,.table-row *,.table-row:before,.table-row:after,.table-row :before,.table-row :after,.table-row::backdrop{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}