/* The phone number's country list sits beside the number box (phone-input.js), on one line even
   on a phone. Both take their width from the row, never from their own text: a percentage width
   on a form control gives it no minimum, so a long country name cannot push the form, and the
   page, wider than the screen. */
.phone-row{display:flex;gap:8px;align-items:stretch;min-width:0;max-width:100%}
.phone-row>select.phone-country{flex:0 0 auto;width:10rem;max-width:48%;min-width:0;text-overflow:ellipsis}
.phone-row>input[data-phone-input]{flex:1 1 auto;width:100%;min-width:0}
.phone-preview.phone-preview-ok{font-weight:600}
/* Applications: the read-only list of older applications whose number cannot be read (app.js). */
.unreadable-phones>summary{padding:16px 22px;cursor:pointer;font-weight:700;line-height:1.5}