/* Recipients: rows and the add-recipient form.
   Loaded after ds/css/tokens.css and ds/css/app.css; only what fasset-ds
   does not already say lives here. */

/* Dynamic payout forms and quote confirmations stay inside the existing
   field/definition rhythm. Fieldsets are structural for assistive technology,
   not a second visual container. */
/* The ds field's own bottom margin stays (margin: 0 here used to remove it, which left Type tight against the field under it). */
.rc-fieldset { border: 0; padding: 0; margin: 0 0 var(--rhythm-field); min-width: 0; }
.rc-fieldset legend { margin-bottom: var(--space-8); color: var(--text-subtle); font-size: var(--text-12); }
/* ————— recipients rows ————— */
/* Scoped to the cell, not to .rc-line, which the shared table's rows do not
   carry: the sub-line ran into the name ("Brightline GmbHBusiness · EUR"). */
.rc-id { min-width: 0; }
.rc-id .name, .rc-id .rc-sub { display: block; }
.rc-id .rc-sub { font-size: var(--text-12); color: var(--text-subtle); }
@media (max-width: 640px) {
  /* Recipients keeps who, how and the way in; the destination and last paid
       are in the recipient's own detail. */
  #rc-table .table-header,
    #rc-table .rc-line { grid-template-columns: minmax(0, 1fr) auto 24px !important; }
  #rc-table .table-header > :nth-child(3),
    #rc-table .table-header > :nth-child(4),
    #rc-table .rc-dest,
    #rc-table .rc-last { display: none; }
  #rc-table .rc-legacy-cell { grid-column: auto !important; }
}
/* Add recipient's footer: what is still needed sits above Save. */
#rc-foot { flex-wrap: wrap; }
/* The calling code beside a phone number's input: only as wide as its text, not stretched like a field. */
.input.tel-prefix { flex: 0 0 auto; width: auto; }