/* Campo de precio de un servicio (widget scripts/widgets/price-field.js): precio general y precio en cada local. Solo tokens canon. */
.sa-svc-price-ctl { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2) var(--sp-3); }
.sa-svc-amounts { display: inline-flex; align-items: center; gap: var(--sp-2); }
.sa-svc-amounts-sep { color: var(--text-muted); font-size: var(--fs-body); }
.sa-svc-err { margin: 0; color: var(--danger-ink); font-size: var(--fs-hint); line-height: var(--lh-snug); }
.sa-money { display: inline-flex; align-items: stretch; width: calc(var(--ctl-lg) * 4); max-width: 100%; height: var(--ctl-md); overflow: hidden; border: var(--border-w) solid var(--border-strong); border-radius: var(--r-md); background: var(--surface-1); }
.sa-money:focus-within { border-color: var(--focus); box-shadow: 0 0 0 2px color-mix(in srgb, var(--focus) 28%, transparent); }
.sa-money.is-invalid { border-color: var(--danger-solid); }
.sa-money-unit { display: grid; place-items: center; padding: 0 var(--sp-3); border-right: var(--border-w) solid var(--border-default); background: var(--surface-2); color: var(--text-muted); font-size: var(--fs-body); }
.ui-root .sa-money > input, .sa-money > input { flex: 1 1 auto; width: 100%; min-width: 0; max-width: none; height: 100%; padding: 0 var(--sp-3); border: 0; border-radius: 0; box-shadow: none; outline: 0; background: transparent; -moz-appearance: textfield; appearance: textfield; }
.sa-money > input::-webkit-outer-spin-button, .sa-money > input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.sa-svc-sites { display: grid; gap: var(--sp-2); }
.sa-svc-site-list { display: grid; gap: var(--sp-2); max-width: calc(var(--field-w-md) + var(--field-w-sm)); margin: 0; padding: 0; list-style: none; }
.sa-svc-site { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sp-1) var(--sp-3); padding: var(--sp-2) var(--sp-3); border: var(--border-w) solid var(--border-default); border-radius: var(--r-md); background: var(--surface-1); }
.sa-svc-site-name { flex: 1 1 8rem; min-width: 0; margin: 0; font-size: var(--fs-body); font-weight: var(--fw-soft); overflow-wrap: anywhere; }
.sa-svc-site-special { display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2); }