/* Cloth picker · 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: Dialog, Command, Table. */
/* families/form-controls/family.css */
.fc-cp{border:1px solid hsl(var(--border));border-radius:var(--r-card);background:hsl(var(--background));overflow:hidden}
/* families/form-controls/family.css */
.fc-cp-head{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-bottom:1px solid hsl(var(--border))}
/* families/form-controls/family.css */
.fc-cp-head h3{font:var(--w-semibold) var(--text-card)/1.3 var(--font-voice)}
/* families/form-controls/family.css */
.fc-cp-head .r{margin-left:auto;display:flex;gap:var(--s-2);align-items:center}
/* families/form-controls/family.css */
.fc-cp-tools{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);flex-wrap:wrap;border-bottom:1px solid hsl(var(--border));background:hsl(var(--muted)/.45)}
/* families/form-controls/family.css */
.fc-cp-tools .field{height:var(--control-h-sm)}
/* families/form-controls/family.css */
.fc-cp-tools .fc-cp-q{flex:0 1 280px}
/* families/form-controls/family.css */
.fc-cp-tools .fc-dd{flex:0 0 220px}
/* families/form-controls/family.css */
.fc-cp-tools .fc-dd.sm{flex:0 0 170px}
/* families/form-controls/family.css */
.fc-cp-tools .fc-sw-l{margin-left:auto}
/* families/form-controls/family.css */
.fc-cp-body{display:grid;grid-template-columns:minmax(0,1fr) 300px}
/* families/form-controls/family.css */
.fc-cp-tbl{width:100%;font-size:var(--text-body)}
/* families/form-controls/family.css */
.fc-cp-tbl th{height:var(--row-th);text-align:left;font:var(--w-semibold) var(--text-micro)/1 var(--font-voice);color:hsl(var(--muted-foreground));padding:0 var(--s-3);border-bottom:1px solid hsl(var(--border));background:hsl(var(--background));position:sticky;top:0;z-index:1}
/* families/form-controls/family.css */
.fc-cp-tbl td{height:46px;padding:0 var(--s-3);border-bottom:1px solid hsl(var(--border));white-space:nowrap}
/* families/form-controls/family.css */
.fc-cp-tbl tbody tr{cursor:pointer;transition:background-color var(--motion-hover)}
/* families/form-controls/family.css */
.fc-cp-tbl tbody tr:hover{background:hsl(var(--muted)/.7)}
/* families/form-controls/family.css */
.fc-cp-tbl tbody tr[aria-selected=true]{background:hsl(var(--accent))}
/* families/form-controls/family.css */
.fc-cp-tbl tbody tr[aria-selected=true] td:first-child{box-shadow:var(--e-rail)}
/* families/form-controls/family.css */
.fc-cp-tbl tbody tr.oos{color:hsl(var(--muted-foreground))}
/* families/form-controls/family.css */
.fc-cp-tbl td.num{text-align:right}
/* families/form-controls/family.css */
.fc-cp-tbl .fc-ok{color:hsl(var(--primary));visibility:hidden}
/* families/form-controls/family.css */
.fc-cp-tbl tr[aria-selected=true] .fc-ok{visibility:visible}
/* families/form-controls/family.css */
.fc-cp-scroll{overflow:auto}
/* families/form-controls/family.css */
.fc-cp-foot{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-4);border-top:1px solid hsl(var(--border));font-size:var(--text-small);color:hsl(var(--muted-foreground))}
/* families/form-controls/family.css */
.fc-cp-foot .r{margin-left:auto;display:flex;align-items:center;gap:var(--s-2)}
/* families/form-controls/family.css */
.fc-cp-side{border-left:1px solid hsl(var(--border));padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3);background:hsl(var(--background))}
/* families/form-controls/family.css */
.fc-cp-side h4{font:var(--w-semibold) var(--text-section)/1.25 var(--font-voice);letter-spacing:var(--tr-section)}
/* families/form-controls/family.css */
.fc-cp-empty{padding:var(--s-10) var(--s-6);text-align:center;color:hsl(var(--muted-foreground))}
/* families/form-controls/family.css */
.fc-cp-empty b{display:block;color:hsl(var(--foreground));font:var(--w-semibold) var(--text-card)/1.3 var(--font-voice);margin-bottom:4px}