.yce-contact-layout #friendSearchForm {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 8px;
  min-width: 0;
  scroll-margin-block-start: 12px;
}
.yce-contact-layout #friendSearchInput {
  font-size: 16px !important;
  line-height: 1.5;
  min-width: 0 !important;
  min-height: 44px;
  flex: 1 1 0 !important;
}
.yce-contact-layout #friendSearchForm > button {
  flex: 0 0 auto;
  max-width: 40%;
  min-height: 44px;
  padding: 9px 12px;
  font-size: 15px;
  line-height: 1.4;
  white-space: normal;
  overflow-wrap: anywhere;
}
.yce-contact-layout .yce-search-heading { margin-block: 14px 8px; }
.yce-contact-layout .yce-search-results {
  max-height: min(360px, 40vh);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  margin-bottom: 16px;
}
.yce-contact-layout .yce-search-heading[hidden],
.yce-contact-layout .yce-search-results[hidden],
.yce-contact-layout > .yce-legacy-empty { display: none !important; }
.yce-contact-layout .friend-row { flex-wrap: wrap; min-width: 0; gap: 10px; }
.yce-contact-layout .friend-row-copy { flex: 1 1 120px; min-width: 0; overflow-wrap: anywhere; }
.yce-contact-layout .friend-actions { display: flex; flex-wrap: wrap; gap: 8px; max-width: 100%; }
.yce-contact-layout .friend-action { min-height: 44px; white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 760px) {
  .yce-contact-layout .friend-note,
  .yce-contact-layout .friend-empty,
  .yce-contact-layout .friend-row-copy small,
  .yce-contact-layout .friend-rules { font-size: 14px; line-height: 1.55; }
  .yce-contact-layout .friend-section-title { font-size: 15px; line-height: 1.5; }
  .yce-contact-layout .friend-row-copy strong { font-size: 16px; line-height: 1.4; }
  .yce-contact-layout .friend-action { font-size: 14px; line-height: 1.45; }
  .yce-contact-layout .yce-search-results { max-height: min(300px, 40dvh); }
}