.table-frame{min-width:0;max-width:100%;position:relative}.skeleton-line{position:relative;overflow:hidden}.skeleton-line:after{content:"";background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--fg) 12%,transparent),transparent);animation:1.3s ease-in-out infinite table-skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes table-skeleton-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.skeleton-line:after{animation:none;transform:none}}.table-columns{flex:none;width:max-content;margin-left:auto;font-size:12px;position:relative}.table-frame>.table-columns{margin-bottom:8px}.table-columns>.btn{white-space:nowrap;gap:8px}.table-columns-panel{background:var(--panel-solid);color:var(--fg);border:1px solid var(--line);box-shadow:var(--pop-shadow);border-radius:16px;padding:12px}.table-columns-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-bottom:6px;padding:4px 4px 10px;display:flex}.table-columns-heading .link-btn{align-items:center;gap:4px;font-size:12px;display:flex}.table-columns-heading svg{width:14px;height:14px}.table-column-option{cursor:grab;border-radius:8px;align-items:center;gap:8px;min-height:36px;padding:5px 8px;display:flex}.table-column-option:hover{background:var(--track)}.table-column-option.is-dragging{opacity:.45}.table-column-option[data-drop]{background:var(--acc-soft);outline:1px dashed var(--acc);position:relative}.table-column-option[data-drop]:after{content:"";background:var(--acc);pointer-events:none;border-radius:2px;height:3px;position:absolute;left:0;right:0}.table-column-option[data-drop=before]:after{top:-2px}.table-column-option[data-drop=after]:after{bottom:-2px}.table-column-option label{cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.table-column-option label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.table-column-option input{appearance:none;border:1px solid var(--muted);background:var(--chip);cursor:pointer;border-radius:4px;flex:none;place-content:center;width:16px;height:16px;margin:0;display:grid}.table-column-option input:checked{background:var(--acc);border-color:var(--acc)}.table-column-option input:checked:after{content:"";border:solid var(--on-acc,#fff);border-width:0 0 2px 2px;width:7px;height:4px;transform:rotate(-45deg)translateY(-1px)}.table-column-move{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;place-items:center;display:grid}.table-column-move svg{width:15px;height:15px}.table-column-move:hover:not(:disabled){background:var(--acc-soft);color:var(--acc)}.table-column-move:disabled{opacity:.25;cursor:default}.list-panel-toolbar>.table-columns{margin:0}.list-panel-toolbar{flex-wrap:nowrap;align-items:center;gap:8px}:is(.tbl:not(.tb):not(.resized-table) td:not(.ops-col):has(>span[title]),.tbl:not(.tb):not(.resized-table) td:not(.ops-col):has(>.link-btn)){min-width:calc(8em + 24px)}.column-resizer{cursor:col-resize;touch-action:none;z-index:5;width:9px;position:absolute;top:0;bottom:0;right:-4px}.column-resizer:after{content:"";background:var(--line);width:1px;height:70%;position:absolute;top:15%;left:4px}.column-resizer:hover:after,.column-resizer:focus-visible:after{background:var(--acc);width:3px}.tbl.resized-table th,.tbl.resized-table td{text-overflow:ellipsis;min-width:0;overflow:hidden}.tbl.resized-table th{overflow:visible}.tbl.resized-table .sort-heading{white-space:nowrap}.tbl.resized-table td>span{max-width:100%}.table-frame .tbl-wrap{scrollbar-width:auto;scrollbar-color:var(--muted) var(--track);margin-inline:0;padding-inline:0}.table-frame .tbl-wrap::-webkit-scrollbar{height:14px}.table-frame .tbl-wrap .tbl th.pinned-col,.table-frame .tbl-wrap .tbl td.pinned-col{background:var(--pinned-cell);background-clip:border-box}.table-frame .tbl td.pinned-col{text-overflow:ellipsis;overflow:hidden}.table-frame .has-more-right .tbl td.pinned-col:last-child{border-top-right-radius:0;border-bottom-right-radius:0}.table-frame .has-more-left .tbl td.pinned-col:first-child{border-top-left-radius:0;border-bottom-left-radius:0}@media (width<=600px){.column-resizer{width:14px;right:-7px}}.tbl th:last-child .column-resizer{right:0}.tbl th:last-child .column-resizer:after{left:auto;right:0}.tbl th[data-column-dragging]{opacity:.55}.tbl th[data-column-drop]{background:var(--acc-soft);outline:1px dashed var(--acc);outline-offset:-2px}.tbl th[data-column-drop]:after{content:"";background:var(--acc);pointer-events:none;z-index:8;width:4px;position:absolute;top:0;bottom:0}.tbl th[data-column-drop=before]:after{left:0}.tbl th[data-column-drop=after]:after{right:0}.table-frame .tbl-wrap{--table-fade-left:0px;--table-fade-right:0px;-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--table-fade-left),#000 calc(100% - var(--table-fade-right)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--table-fade-left),#000 calc(100% - var(--table-fade-right)),transparent)}.table-frame .has-more-left:not(.has-pinned-left){--table-fade-left:24px}.table-frame .has-more-right:not(.has-pinned-right){--table-fade-right:24px}.table-frame .tbl-wrap .tbl .ops-col{box-shadow:none}.table-frame .tbl td.ops-col>.ops{z-index:1;flex-wrap:wrap;row-gap:8px;max-width:100%;position:relative}@media (width>=601px){.table-frame .tbl-wrap .tbl .pinned-edge-right,.table-frame .tbl-wrap .tbl .pinned-edge-left{overflow:visible}.table-frame .tbl .pinned-edge-right{clip-path:inset(0 0 0 -24px)}.table-frame .tbl .pinned-edge-left{clip-path:inset(0 -24px 0 0)}.table-frame .has-more-right .pinned-edge-right:before,.table-frame .has-more-left .pinned-edge-left:before{content:"";pointer-events:none;width:24px;position:absolute;top:0;bottom:0}.table-frame .has-more-right .pinned-edge-right:before{background:linear-gradient(to right,transparent,var(--pinned-cell));right:100%}.table-frame .has-more-left .pinned-edge-left:before{background:linear-gradient(to left,transparent,var(--pinned-cell));left:100%}}@media (width<=600px){.table-frame .has-more-left{--table-fade-left:24px}.table-frame .has-more-right{--table-fade-right:24px}}.date-input{width:100%;min-width:0;position:relative}.date-trigger{cursor:pointer;text-align:left;white-space:nowrap;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.date-trigger span{text-overflow:ellipsis;min-width:0;overflow:hidden}.date-trigger svg{color:var(--muted);flex:none}.date-trigger[aria-disabled=true]{cursor:default}.date-picker{padding:10px;position:absolute;top:calc(100% + 6px);left:0}.date-header{justify-content:space-between;align-items:center;gap:4px;margin-bottom:8px;display:flex}.date-header .icon-btn{flex:none;width:30px;height:30px}.date-heading{cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;padding:6px 0;font-weight:600;display:flex}.date-heading:hover{background:var(--track)}.date-body{min-height:240px;overflow:hidden}.date-weekdays,.date-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.date-weekdays{color:var(--muted);text-align:center;margin-bottom:4px;font-size:12px;line-height:26px}.date-day{height:32px;color:var(--fg);cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:1px solid #0000;border-radius:9px;padding:0;font-size:13px;position:relative}.date-day:hover:not(:disabled){background:var(--track)}.date-day.outside{color:var(--faint)}.date-day.today{border-color:var(--acc);color:var(--acc)}.date-day[aria-selected=true]{background:var(--acc-grad);color:var(--on-acc);font-weight:600}.date-day:disabled{opacity:.3;cursor:not-allowed}.date-months{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px 0;display:grid}.date-months button{cursor:pointer;background:0 0;border:0;border-radius:9px;height:48px}.date-months button:hover:not(:disabled){background:var(--acc-soft);color:var(--acc)}.date-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:6px;padding:10px 5px 2px;display:flex}
