.table-surface{--table-cell-y:10px;--table-cell-x:12px;--table-font:13px;border:1px solid var(--border);background:var(--bg-card);min-width:0;color:var(--text);border-radius:12px;margin-block:12px}.table-surface[data-table-appearance=compact]{--table-cell-y:6px;--table-font:12px}.table-surface[data-table-appearance=detailed]{--table-cell-y:14px;--table-font:14px}.table-surface>.table-surface-scroll{border-radius:inherit;max-width:100%;max-height:clamp(240px,70dvh,900px);position:relative;overflow:auto}.table-surface>.table-surface-scroll>table{table-layout:auto;border-collapse:separate;border-spacing:0;width:100%;min-width:var(--table-min-width);max-width:none;font-size:var(--table-font);margin:0;line-height:1.5;display:table;overflow:visible}.table-surface>.table-surface-scroll>table>thead{z-index:2;display:table-header-group;position:sticky;top:0}.table-surface>.table-surface-scroll>table>tbody{display:table-row-group}.table-surface>.table-surface-scroll>table>tfoot{display:table-footer-group}.table-surface>.table-surface-scroll>table tr{display:table-row}.table-surface>.table-surface-scroll>table :is(th,td){padding:var(--table-cell-y) var(--table-cell-x);vertical-align:middle;border:0;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums;display:table-cell}.table-surface>.table-surface-scroll>table th{background:var(--bg-card-2);color:var(--muted-foreground);text-align:left;text-transform:none;letter-spacing:0;white-space:normal;font-size:12px;font-weight:600}.table-surface>.table-surface-scroll>table th:has(>button){padding:0}.table-surface>.table-surface-scroll>table th>button{gap:8px;min-height:40px;padding:10px 12px;line-height:1.4}.table-surface>.table-surface-scroll>table th>button>span:last-child{flex-shrink:0}.table-surface>.table-surface-scroll>table td{background:var(--bg-card)}.table-surface>.table-surface-scroll>table tbody tr:last-child>td{border-bottom:0}.table-surface>.table-surface-scroll>table tbody tr:hover>td{background:var(--bg-card-2)}.table-surface>.table-surface-scroll>table .num{text-align:right;white-space:nowrap}.table-surface[data-sticky-first]>.table-surface-scroll>table tr>:first-child{z-index:1;box-shadow:1px 0 var(--border);position:sticky;left:0}.table-surface[data-sticky-first]>.table-surface-scroll>table tbody tr>:first-child{max-width:var(--table-label-max,240px);overflow-wrap:anywhere}.table-surface :is(button,input,a,[tabindex]):focus-visible,.table-appearance-control select:focus-visible,.table-search input:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.table-surface-navigation{border-bottom:1px solid var(--border);color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:12px;padding:8px 12px;font-size:12px;display:flex}.table-surface-navigation input{min-width:0;height:28px;accent-color:var(--primary);flex:160px}.table-appearance-control{flex-wrap:wrap;align-items:center;gap:10px;margin-block:12px;font-size:13px;display:flex}.table-appearance-control select{border:1px solid var(--border);background:var(--bg-card);min-height:40px;color:var(--text);border-radius:8px;padding:6px 12px}.table-search{flex-wrap:wrap;align-items:end;gap:10px;margin-block:12px;font-size:13px;display:flex}.table-search>label{flex-direction:column;flex:200px;gap:6px;max-width:360px;display:flex}.table-search input{border:1px solid var(--border);background:var(--bg-card);width:100%;min-width:0;min-height:40px;color:var(--text);border-radius:8px;padding:8px 12px}.table-search-scope{color:var(--muted-foreground);flex-basis:100%;font-size:12px}@media (max-width:700px){.table-surface{--table-cell-x:10px}.table-surface[data-sticky-first]>.table-surface-scroll>table tr>:first-child{box-shadow:none;position:static}}.table-mobile-view-control{display:none}@media (max-width:700px){.table-mobile-view-control{align-items:center;gap:8px;min-height:40px;margin-block:8px;font-size:13px;display:flex}}.table-surface>.table-surface-scroll>table :is(td,th).text-right{text-align:right}.table-surface>.table-surface-scroll>table td.text-right{white-space:nowrap}.table-surface .table-long-text{text-overflow:ellipsis;white-space:nowrap;max-width:320px;overflow:hidden}.table-surface[data-table-appearance=detailed] .table-long-text{white-space:normal;overflow-wrap:anywhere;min-width:220px;max-width:420px}.table-surface>.table-surface-scroll>table tr[data-table-row=subtotal]>td{background:color-mix(in srgb, var(--primary) 9%, var(--bg-card));border-top:2px solid var(--border);font-weight:700}.table-surface>.table-surface-scroll>table tr[data-table-row=warning]>td{background:color-mix(in srgb, #f59e0b 9%, var(--bg-card))}.table-surface>.table-surface-scroll>table tr[data-table-row=error]>td{background:color-mix(in srgb, #f44336 8%, var(--bg-card))}.table-surface>.table-surface-scroll>table tr[data-table-row=success]>td{background:color-mix(in srgb, #4caf50 6%, var(--bg-card))}.table-surface>.table-surface-scroll>table td[data-heat=bad]{background:color-mix(in srgb, #f44336 22%, var(--bg-card))}.table-surface>.table-surface-scroll>table td[data-heat=warn]{background:color-mix(in srgb, #ffc107 22%, var(--bg-card))}.table-surface>.table-surface-scroll>table td[data-heat=good]{background:color-mix(in srgb, #4caf50 18%, var(--bg-card))}.table-surface>.table-surface-scroll>table td[data-heat=empty]{color:var(--muted-foreground)}@supports selector(::-webkit-scrollbar){.table-surface-scroll::-webkit-scrollbar{width:10px;height:0}.table-surface-scroll::-webkit-scrollbar-thumb{background:var(--muted-foreground);border:2px solid var(--bg-card);border-radius:6px}.table-surface-scroll::-webkit-scrollbar-track{background:var(--bg-card)}}@supports not selector(::-webkit-scrollbar){.table-surface-navigation{display:none}}