/* Money input · 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: a composed component. */
/* families/form-controls/family.css */
.fc-money{padding:0}
/* families/form-controls/family.css */
.fc-money .fc-cur{display:flex;align-items:center;gap:6px;align-self:stretch;padding:0 10px 0 var(--s-3);border-right:1px solid hsl(var(--input));font:var(--w-semibold) var(--text-small)/1 var(--font-code);color:hsl(var(--foreground));border-radius:var(--r-control) 0 0 var(--r-control);transition:background-color var(--motion-hover)}
/* families/form-controls/family.css */
.fc-money .fc-cur:hover{background:hsl(var(--muted))}
/* families/form-controls/family.css */
.fc-money .fc-cur svg{color:hsl(var(--muted-foreground))}
/* families/form-controls/family.css */
.fc-money .fc-sym{padding-left:var(--s-3);color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums}
/* families/form-controls/family.css */
.fc-money input{text-align:right;padding:0 var(--s-3) 0 4px;font-variant-numeric:tabular-nums;font-size:var(--text-body)}
/* families/form-controls/family.css */
.fc-money.ro .fc-cur{cursor:default}
/* families/form-controls/family.css */
.fc-money.ro .fc-cur:hover{background:transparent}
/* families/form-controls/family.css */
.fc-unv{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 6px;border-radius:var(--r-chip);font:var(--w-semibold) var(--text-micro)/1 var(--font-voice);color:hsl(var(--warning));background:hsl(var(--warning)/var(--status-soft-alpha));white-space:nowrap}
/* families/form-controls/family.css */
.fc-money.unv{border-color:hsl(var(--warning)/.7)}
/* families/form-controls/family.css */
.fc-money.unv .fc-cur{color:hsl(var(--warning))}
/* families/form-controls/family.css */
.fc-money>.fc-lock{margin-right:var(--s-3)}