/* Column types · the kit rules for this component, quoted from phase-2/kit (kit v3) by phase-4/src/build_pack.py.
   Tokens come from ../../styles.css. Build it as: Table. */
/* families/data-table/family.css */
.dt-k{font-family:var(--font-voice);font-stretch:var(--font-stretch-title);font-variation-settings:normal;letter-spacing:0}
/* families/data-table/family.css */
.dt-k{font-weight:var(--w-semibold);font-size:var(--text-card)}
/* families/data-table/family.css */
.dt-prod{display:flex;align-items:center;gap:var(--s-3);min-width:0}
/* families/data-table/family.css */
.dt-prod>span{min-width:0}
/* families/data-table/family.css */
.dt-t1{display:block;font-weight:var(--w-medium);color:hsl(var(--foreground));line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* families/data-table/family.css */
.dt-t2{display:block;font:var(--w-regular) var(--text-small)/1.35 var(--font-code);color:hsl(var(--muted-foreground));white-space:nowrap}
/* families/data-table/family.css */
.dt-ph{width:30px;height:40px;border-radius:var(--r-media);flex:none;background:var(--studio);box-shadow:inset 0 0 0 1px hsl(var(--foreground)/.08)}
/* families/data-table/family.css */
.dt-ph.lg{width:42px;height:56px}
/* families/data-table/family.css */
.dt-ph.none{display:grid;place-items:end center;padding-bottom:3px}
/* families/data-table/family.css */
.dt-ph.none .dt-sw{position:absolute;inset:0;opacity:.9}
/* families/data-table/family.css */
.dt-ph.none b{position:relative;font:var(--w-medium) var(--text-8)/1 var(--font-code);color:hsl(var(--primary-foreground));letter-spacing:0}
/* families/data-table/family.css */
.dt-cloth{display:flex;align-items:center;gap:var(--s-2);min-width:0}
/* families/data-table/family.css */
.dt-cloth .code{white-space:nowrap}
/* families/data-table/family.css */
.dt-cloth small{display:block;font-size:var(--text-small);color:hsl(var(--muted-foreground));line-height:1.3}
/* families/data-table/family.css */
.dt-money{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
/* families/data-table/family.css */
.dt-money b{font-weight:var(--w-semibold)}
/* families/data-table/family.css */
.dt-fx{display:flex;justify-content:flex-end;gap:var(--s-2);font-size:var(--text-small);color:hsl(var(--muted-foreground));line-height:1.35}
/* families/data-table/family.css */
.dt-date{white-space:nowrap;font-variant-numeric:tabular-nums}
/* families/data-table/family.css */
.dt-date small{display:block;font-size:var(--text-small);color:hsl(var(--muted-foreground))}
/* families/data-table/family.css */
.dt-ver{font:var(--w-medium) var(--text-code)/1 var(--font-code)}
/* families/data-table/family.css */
.dt-code{display:inline-flex;align-items:center;gap:var(--s-1);font:var(--text-code)/1.3 var(--font-code);white-space:nowrap}
/* families/data-table/family.css */
.dt-copy{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:var(--r-chip);color:hsl(var(--muted-foreground));opacity:.0;transition:opacity var(--motion-hover),background-color var(--motion-hover)}
/* families/data-table/family.css */
.dt-copy:focus-visible, .dt-copy.show{opacity:1}
/* families/data-table/family.css */
.dt-copy:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}
/* families/data-table/family.css */
.dt-state{display:inline-flex;align-items:center;gap:var(--s-2);white-space:nowrap}
/* families/data-table/family.css */
.dt-state.bad{color:hsl(var(--destructive))}
/* families/data-table/family.css */
.dt-state.warn{color:hsl(var(--warning))}
/* families/data-table/family.css */
.dt-erp{display:block;font:var(--text-small)/1.3 var(--font-code);color:hsl(var(--muted-foreground))}
/* families/data-table/family.css */
.dt-erp.bad{color:hsl(var(--destructive))}
/* families/data-table/family.css */
.dt-types{display:grid;gap:var(--s-4)}
/* families/data-table/family.css */
.dt-type{border:1px solid hsl(var(--border));border-radius:var(--r-card);overflow:hidden;background:hsl(var(--card))}
/* families/data-table/family.css */
.dt-type>header{display:flex;align-items:baseline;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-bottom:1px solid hsl(var(--border))}
/* families/data-table/family.css */
.dt-type>header .r{margin-left:auto;font-size:var(--text-micro);color:hsl(var(--muted-foreground))}
/* families/data-table/family.css */
.dt-type>header .r code{font-size:var(--text-micro)}
/* families/data-table/family.css */
.dt-ph.none b{color:hsl(var(--foreground));background:hsl(var(--background)/.85);padding:2px 3px;border-radius:var(--r-chip);font-size:var(--text-8-5)}
/* families/data-table/family.css */
.dt-ph.lg.none b{font-size:var(--text-9)}
/* families/data-table/family.css */
.dt-ph.none .dt-sw{width:auto;height:auto;border-radius:0}
/* families/data-table/family.css */
.dt-ph.none b{white-space:nowrap}