/* Table states · 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, Skeleton. */
/* families/data-table/family.css */
.dt-emp h3{font-family:var(--font-voice);font-stretch:var(--font-stretch-title);font-variation-settings:normal;letter-spacing:0}
/* families/data-table/family.css */
.dt-unv{display:inline-flex;align-items:center;gap:3px;color:hsl(var(--warning));font-weight:var(--w-medium)}
/* families/data-table/family.css */
.dt-unv svg{width:12px;height:12px}
/* families/data-table/family.css */
.dt-none{color:hsl(var(--muted-foreground));font-style:normal}
/* families/data-table/family.css */
.dt-flag{display:inline-flex;align-items:center;gap:3px;margin-left:var(--s-2);height:18px;padding:0 6px;border-radius:var(--r-chip);background:hsl(var(--warning)/var(--status-soft-alpha));color:hsl(var(--warning));font:var(--w-semibold) var(--text-10-5)/1 var(--font-ui);vertical-align:1px}
/* families/data-table/family.css */
.dt-flag svg{width:11px;height:11px}
/* families/data-table/family.css */
.dt-empty td{height:auto;padding:var(--s-12) var(--s-6);text-align:center}
/* families/data-table/family.css */
.dt-empty:hover td{background:hsl(var(--card))}
/* families/data-table/family.css */
.dt-emp{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);max-width:380px;margin:0 auto}
/* families/data-table/family.css */
.dt-emp .ico{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:hsl(var(--muted));color:hsl(var(--muted-foreground));margin-bottom:var(--s-1)}
/* families/data-table/family.css */
.dt-emp h3{font-size:var(--text-section);font-weight:var(--w-semibold);color:hsl(var(--foreground))}
/* families/data-table/family.css */
.dt-emp p{font-size:var(--text-body);color:hsl(var(--muted-foreground))}
/* families/data-table/family.css */
.dt-emp .dt-row{justify-content:center;margin-top:var(--s-2)}
/* families/data-table/family.css */
.dt-emp.bad .ico{background:hsl(var(--destructive)/.1);color:hsl(var(--destructive))}
/* families/data-table/family.css */
.dt-emp.warn .ico{background:hsl(var(--warning)/.12);color:hsl(var(--warning))}
/* families/data-table/family.css */
.dt-sk.w40{width:40%}
/* families/data-table/family.css */
.dt-sk.w55{width:55%}
/* families/data-table/family.css */
.dt-sk.w70{width:70%}
/* families/data-table/family.css */
.dt-sk.w85{width:85%}
/* families/data-table/family.css */
.dt-sk.w30{width:30%}
/* families/data-table/family.css */
.dt-sk.t2{height:8px;margin-top:6px}
/* families/data-table/family.css */
.dt-sk.box{width:30px;height:40px;border-radius:var(--r-media)}
/* families/data-table/family.css */
.dt-sk.chipk{width:64px;height:22px}
/* families/data-table/family.css */
.dt-sk.r{margin-left:auto}
/* families/data-table/family.css */
.dt-note{display:flex;align-items:flex-start;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-bottom:1px solid hsl(var(--border));font-size:var(--text-body)}
/* families/data-table/family.css */
.dt-note svg{margin-top:1px;flex:none}
/* families/data-table/family.css */
.dt-note b{font-weight:var(--w-semibold)}
/* families/data-table/family.css */
.dt-note p{color:hsl(var(--muted-foreground));margin-top:2px}
/* families/data-table/family.css */
.dt-note .btn{margin-left:auto;flex:none}
/* families/data-table/family.css */
.dt-note.bad{background:hsl(var(--destructive)/.06)}
/* families/data-table/family.css */
.dt-note.bad svg{color:hsl(var(--destructive))}
/* families/data-table/family.css */
.dt-note.warn{background:hsl(var(--warning)/.08)}
/* families/data-table/family.css */
.dt-note.warn svg{color:hsl(var(--warning))}
/* families/data-table/family.css */
.dt-note.info{background:hsl(var(--info)/.07)}
/* families/data-table/family.css */
.dt-note.info svg{color:hsl(var(--info))}
/* families/data-table/family.css */
.dt-note:first-child{border-radius:calc(var(--r-card) - 1px) calc(var(--r-card) - 1px) 0 0}
/* families/data-table/family.css */
.dt-warnchip{color:hsl(var(--warning))}