@layer components{.data-table{overflow-x:auto}.data-table[data-framed]{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--surface-card)}.data-table>table{border-collapse:collapse;width:100%;color:var(--text-body);font-size:13px}.data-table th{border-bottom:1px solid var(--border-subtle);height:40px;color:var(--text-faint);background:var(--surface-card);letter-spacing:.055em;text-align:left;text-transform:uppercase;vertical-align:middle;white-space:nowrap;padding:0 14px;font-size:10.5px;font-weight:650}.data-table td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:12px 14px}.data-table th:first-child,.data-table td:first-child{padding-left:18px}.data-table th:last-child,.data-table td:last-child{padding-right:18px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr{transition:background-color .15s;position:relative}.data-table tbody tr:hover{background:color-mix(in srgb, var(--primary-soft) 30%, var(--surface-card))}.data-table tbody tr[data-clickable]{cursor:pointer}.data-table [data-align=end]{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}@media (width<=640px){.data-table[data-mobile=cards]{overflow-x:visible}.data-table[data-mobile=cards]>table{min-width:0!important}.data-table[data-mobile=cards] thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.data-table[data-mobile=cards] tbody,.data-table[data-mobile=cards] td{display:block}.data-table[data-mobile=cards] tbody tr{border-bottom:1px solid var(--border-subtle);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;padding:14px 16px;display:grid}.data-table[data-mobile=cards] tbody tr:last-child{border-bottom:0}.data-table[data-mobile=cards] td,.data-table[data-mobile=cards] td:first-child,.data-table[data-mobile=cards] td:last-child{overflow-wrap:break-word;border:0;min-width:0;max-width:none;padding:0}.data-table[data-mobile=cards] td:first-child{color:var(--text-strong);grid-column:1/-1;font-size:14px}.data-table[data-mobile=cards] td:has(ul,ol){grid-column:1/-1}.data-table[data-mobile=cards] td:empty{display:none}.data-table[data-mobile=cards] td[data-align=end]{text-align:left}.data-table[data-mobile=cards] td:not(:first-child)[data-label]:before{content:attr(data-label);color:var(--text-faint);letter-spacing:.055em;text-transform:uppercase;margin-bottom:2px;font-size:10.5px;font-weight:650;display:block}}}