/* Combobox · 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: Command, Popover. */
/* families/form-controls/family.css */
.fc-trigger{cursor:pointer;text-align:left;width:100%}
/* families/form-controls/family.css */
.fc-trigger .grow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* families/form-controls/family.css */
.fc-trigger .fc-ph{color:hsl(var(--muted-foreground))}
/* families/form-controls/family.css */
.fc-trigger>svg:last-child{color:hsl(var(--muted-foreground))}
/* families/form-controls/family.css */
.fc-pop{position:absolute;left:0;right:0;top:calc(100% + var(--s-1));z-index:var(--z-pop);max-height:300px;overflow:auto}
/* families/form-controls/family.css */
.fc-pop.wide{right:auto;width:340px}
/* families/form-controls/family.css */
.fc-pop-s{display:flex;align-items:center;gap:var(--s-2);height:36px;margin:calc(-1 * var(--s-1)) calc(-1 * var(--s-1)) var(--s-1);padding:0 var(--s-3);border-bottom:1px solid hsl(var(--border));color:hsl(var(--muted-foreground))}
/* families/form-controls/family.css */
.fc-pop-s input{border:0;outline:0;background:transparent;flex:1;min-width:0;font-size:var(--text-body);color:hsl(var(--foreground))}
/* families/form-controls/family.css */
.fc-pop-s input::placeholder{color:hsl(var(--muted-foreground))}
/* families/form-controls/family.css */
.fc-pop-g{font:var(--w-semibold) var(--text-micro)/1 var(--font-voice);color:hsl(var(--muted-foreground));padding:var(--s-3) 10px 6px}
/* families/form-controls/family.css */
.fc-opt{display:flex;align-items:center;gap:10px;width:100%;min-height:34px;padding:6px 10px;border-radius:var(--r-chip);text-align:left;font-size:var(--text-body);color:hsl(var(--popover-foreground));transition:background-color var(--motion-hover)}
/* families/form-controls/family.css */
.fc-opt:hover, .fc-opt.is-hover{background:hsl(var(--muted))}
/* families/form-controls/family.css */
.fc-opt.on{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}
/* families/form-controls/family.css */
.fc-opt .grow{flex:1;min-width:0;line-height:1.3}
/* families/form-controls/family.css */
.fc-opt .grow b{font-weight:var(--w-medium)}
/* families/form-controls/family.css */
.fc-opt small{display:block;font-size:var(--text-small);color:hsl(var(--muted-foreground))}
/* families/form-controls/family.css */
.fc-opt>svg:last-child{color:hsl(var(--primary));visibility:hidden}
/* families/form-controls/family.css */
.fc-opt.on>svg:last-child{visibility:visible}
/* families/form-controls/family.css */
.fc-opt[aria-disabled=true]{color:hsl(var(--muted-foreground));pointer-events:none}
/* families/form-controls/family.css */
.fc-opt mark{background:hsl(var(--warning)/.16);color:inherit;border-radius:2px}
/* families/form-controls/family.css */
.fc-pop-f{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);margin:var(--s-1) calc(-1 * var(--s-1)) calc(-1 * var(--s-1));padding:8px 10px;border-top:1px solid hsl(var(--border));font-size:var(--text-micro);color:hsl(var(--muted-foreground))}
/* families/form-controls/family.css */
.fc-pop-empty{padding:var(--s-4) 10px;font-size:var(--text-small);color:hsl(var(--muted-foreground))}
/* families/form-controls/family.css */
.fc-opt.st-draft .grow b{color:hsl(var(--draft))}
/* families/form-controls/family.css */
.fc-opt.st-available .grow b{color:hsl(var(--available))}
/* families/form-controls/family.css */
.fc-opt.st-retired .grow b{color:hsl(var(--retired))}
/* families/form-controls/family.css */
.fc-pop.cal{right:auto;padding:0}
/* families/form-controls/family.css */
.fc-pop.cal{max-height:none;overflow:visible}