/* Filter bar · 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: Input, Popover, ToggleGroup. */
/* families/data-table/family.css */
.dt-fchip{font-family:var(--font-voice);font-stretch:var(--font-stretch-title);font-variation-settings:normal;letter-spacing:0}
/* families/data-table/family.css */
.dt-bar{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}
/* families/data-table/family.css */
.dt-bar .r{margin-left:auto;display:flex;align-items:center;gap:var(--s-2)}
/* families/data-table/family.css */
.dt-search{width:300px;flex:none}
/* families/data-table/family.css */
.dt-search svg{color:hsl(var(--muted-foreground))}
/* families/data-table/family.css */
.dt-fchip{display:inline-flex;align-items:center;gap:var(--s-2);height:34px;padding:0 var(--s-3);border:1px solid hsl(var(--secondary-border));border-radius:var(--r-control);background:hsl(var(--background));font-size:var(--text-btn-sm);font-weight:var(--w-medium);color:hsl(var(--foreground));white-space:nowrap;transition:background-color var(--motion-hover),border-color var(--motion-hover),color var(--motion-hover)}
/* families/data-table/family.css */
.dt-fchip em{font:var(--w-regular) var(--text-micro)/1 var(--font-ui);font-style:normal;font-variant-numeric:tabular-nums;color:hsl(var(--muted-foreground))}
/* families/data-table/family.css */
.dt-fchip:hover, .dt-fchip.is-hover{background:hsl(var(--muted))}
/* families/data-table/family.css */
.dt-fchip.is-focus{outline:2px solid hsl(var(--ring));outline-offset:2px}
/* families/data-table/family.css */
.dt-fchip[aria-pressed=true], .dt-fchip.on{background:hsl(var(--accent));border-color:hsl(var(--primary)/.45);color:hsl(var(--accent-foreground))}
/* families/data-table/family.css */
.dt-fchip[aria-pressed=true] em, .dt-fchip.on em{color:hsl(var(--accent-foreground)/.75)}
/* families/data-table/family.css */
.dt-fchip[disabled]{opacity:.45;pointer-events:none}
/* families/data-table/family.css */
.dt-fchip.dash{border-style:dashed;color:hsl(var(--muted-foreground))}
/* families/data-table/family.css */
.dt-fchip.applied{background:hsl(var(--accent));border-color:hsl(var(--primary)/.45);color:hsl(var(--accent-foreground));padding-right:var(--s-1)}
/* families/data-table/family.css */
.dt-fchip.applied b{font-weight:var(--w-semibold)}
/* families/data-table/family.css */
.dt-fchip .dt-n{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-pill);background:hsl(var(--primary));color:hsl(var(--primary-foreground));font:var(--w-semibold) var(--text-10-5)/1 var(--font-ui)}
/* families/data-table/family.css */
.dt-chips{display:flex;gap:var(--s-2);align-items:center}
/* families/data-table/family.css */
.dt-popw{position:relative;display:inline-flex}
/* families/data-table/family.css */
.dt-fpop{width:360px;padding:var(--s-4)}
/* families/data-table/family.css */
.dt-fpop .dt-fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3)}
/* families/data-table/family.css */
.dt-fpop .full{grid-column:1/-1}
/* families/data-table/family.css */
.dt-fpop .lbl{margin-bottom:5px;font-size:var(--text-small)}
/* families/data-table/family.css */
.dt-fpop .field{height:36px;font-size:var(--text-body)}
/* families/data-table/family.css */
.dt-fpop .field svg{color:hsl(var(--muted-foreground))}
/* families/data-table/family.css */
.dt-fpop .dt-price{display:grid;grid-template-columns:76px minmax(0,1fr) minmax(0,1fr);gap:var(--s-2)}
/* families/data-table/family.css */
.dt-fpop footer{display:flex;gap:var(--s-2);justify-content:flex-end;margin-top:var(--s-4);padding-top:var(--s-3);border-top:1px solid hsl(var(--border))}
/* families/data-table/family.css */
.dt-fpop footer .btn:first-child{margin-right:auto}
/* families/data-table/family.css */
.dt-m-tools{display:flex;flex-direction:column;gap:var(--s-3);padding:0 var(--s-4) var(--s-3)}
/* families/data-table/family.css */
.dt-m-tools .dt-row{flex-wrap:nowrap}
/* families/data-table/family.css */
.dt-m-tools .field{flex:1;min-width:0}
/* families/data-table/family.css */
.dt-m-count{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);font-size:var(--text-small);color:hsl(var(--muted-foreground));border-top:1px solid hsl(var(--border));border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted)/.5)}
/* families/data-table/family.css */
.dt-m-count .r{margin-left:auto}
/* families/data-table/family.css */
.dt-m-count .btn{height:36px}
/* families/data-table/family.css */
.dt-fpop .dt-popw{display:flex;width:100%}
/* families/data-table/family.css */
.dt-fpop .dt-popw>.field{width:100%}