/* Saved views · 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: Tabs. */
/* families/data-table/family.css */
.dt-view{font-family:var(--font-voice);font-stretch:var(--font-stretch-title);font-variation-settings:normal;letter-spacing:0}
/* families/data-table/family.css */
.dt-views{display:flex;align-items:flex-end;gap:var(--s-5);border-bottom:1px solid hsl(var(--border))}
/* families/data-table/family.css */
.dt-view{display:inline-flex;align-items:center;gap:var(--s-2);height:38px;padding:0 2px;margin-bottom:-1px;border-bottom:2px solid transparent;font-size:var(--text-card);font-weight:var(--w-semibold);color:hsl(var(--muted-foreground));white-space:nowrap;border-radius:var(--r-control) var(--r-control) 0 0;transition:color var(--motion-hover),border-color var(--motion-hover),background-color var(--motion-hover)}
/* families/data-table/family.css */
.dt-view em{font:var(--w-regular) var(--text-micro)/1 var(--font-ui);font-variant-numeric:tabular-nums;font-style:normal;color:hsl(var(--muted-foreground))}
/* families/data-table/family.css */
.dt-view:hover, .dt-view.is-hover{color:hsl(var(--foreground))}
/* families/data-table/family.css */
.dt-view.on{color:hsl(var(--foreground));border-bottom-color:hsl(var(--primary))}
/* families/data-table/family.css */
.dt-view.is-focus{outline:2px solid hsl(var(--ring));outline-offset:2px}
/* families/data-table/family.css */
.dt-view[disabled]{opacity:.45;pointer-events:none}
/* families/data-table/family.css */
.dt-view .dt-mod{width:6px;height:6px;border-radius:50%;background:hsl(var(--info))}
/* families/data-table/family.css */
.dt-views .r{margin-left:auto;display:flex;align-items:center;gap:var(--s-1);padding-bottom:var(--s-1)}