.data-table-wrap{min-width:0;overflow-x:auto;container-type:inline-size}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.data-table__th{text-align:left;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-muted);background:var(--color-ground);border-bottom:var(--stroke-thin) solid var(--color-hairline);white-space:nowrap;padding:7px 14px}.data-table__th--icon{text-align:center;width:40px}.data-table__th--right{text-align:right}.data-table__th--center{text-align:center}.data-table__th--selection,.data-table__td--selection{width:52px}.sort-th-btn{font:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-muted);cursor:pointer;white-space:nowrap;text-align:left;background:0 0;border:none;padding:0}.sort-th-btn:hover,.sort-th-btn--active{color:var(--color-ink)}.data-table__row:hover{background:var(--color-ground)}.data-table__row--clickable{cursor:pointer;transition:background var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard)}.data-table__row--clickable:hover{background:color-mix(in srgb, var(--color-brand) 4%, var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-brand) 20%, var(--color-border))}.data-table__row--selected{background:color-mix(in srgb, var(--color-brand) 7%, var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-brand) 24%, var(--color-border))}.data-table__row--selected:hover{background:color-mix(in srgb, var(--color-brand) 10%, var(--color-surface))}.data-table__td{vertical-align:middle;border-bottom:var(--stroke-thin) solid var(--color-hairline-faint);color:var(--color-ink);padding:10px 14px}.data-table__row--empty .data-table__td{border-bottom:none}.data-table__td--icon{text-align:center}.data-table__td--faint{color:var(--color-ink-faint);font-size:var(--text-sm)}.data-table__td--right{text-align:right}.data-table__td--center{text-align:center}.data-table__checkbox{min-height:var(--control-hit-min,0px);min-width:var(--control-hit-min,0px);cursor:pointer;justify-content:center;align-items:center;display:flex}.data-table-wrap--cards thead{display:none}.data-table-wrap--cards .data-table,.data-table-wrap--cards tbody{width:100%;min-width:0;display:block}.data-table-wrap--cards .data-table__row{border:var(--stroke-thin) solid var(--color-hairline);border-radius:var(--radius-card);background:var(--color-surface);margin-bottom:12px;padding:14px 0;display:block}.data-table-wrap--cards .data-table__row:hover{background:color-mix(in srgb, var(--color-brand) 4%, var(--color-surface));border-color:color-mix(in srgb, var(--color-brand) 22%, var(--color-border))}.data-table-wrap--cards .data-table__td{border-bottom:none;width:auto;min-width:0;max-width:none;padding:2px 16px;display:block}.data-table-wrap--cards .data-table__td+.data-table__td{padding-top:10px}.data-table-wrap--cards .data-table__td:before{content:attr(data-label);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-muted);white-space:nowrap;letter-spacing:.02em;margin-bottom:4px;display:block}.data-table-wrap--cards .data-table__cell-content{flex-direction:column;gap:2px;min-width:0;display:flex}@container (width>=520px){.data-table-wrap--cards-phone .data-table{display:table}.data-table-wrap--cards-phone tbody{display:table-row-group}.data-table-wrap--cards-phone thead{display:table-header-group}.data-table-wrap--cards-phone .data-table__row{border-bottom:none;padding:0;display:table-row}.data-table-wrap--cards-phone .data-table__td{border-bottom:var(--stroke-thin) solid var(--color-hairline-faint);min-height:unset;padding:10px 14px;display:table-cell}.data-table-wrap--cards-phone .data-table__td:before{display:none}}@container (width>=1030px){.data-table-wrap--cards-tablet .data-table{display:table}.data-table-wrap--cards-tablet tbody{display:table-row-group}.data-table-wrap--cards-tablet thead{display:table-header-group}.data-table-wrap--cards-tablet .data-table__row{border-bottom:none;padding:0;display:table-row}.data-table-wrap--cards-tablet .data-table__td{border-bottom:var(--stroke-thin) solid var(--color-hairline-faint);min-height:unset;padding:10px 14px;display:table-cell}.data-table-wrap--cards-tablet .data-table__td:before{display:none}}
