.client-contact-control { min-width: 0; flex: 1 1 290px; max-width: 440px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 9px; background: var(--panel-2); }
.client-contact-primary { display: flex; align-items: center; gap: 7px; }
.client-contact-primary > span { font-size: 11px; color: var(--muted); line-height: 1.3; white-space: normal; }
.client-contact-primary [data-client-contact-action] { flex: 0 0 auto; font-weight: 650; }
.client-contact-primary .client-contact-refresh { flex: 0 0 30px; min-width: 30px; width: 30px; margin-left: auto; padding: 0; }
.client-contact-message { margin: 7px 0 0; font-size: 11px; line-height: 1.4; white-space: normal; color: var(--muted); }
.client-contact-message[data-tone="success"] { color: #15803d; }
body[data-theme="dark"] .client-contact-message[data-tone="success"] { color: #86efac; }
.client-contact-message[data-tone="notice"] { color: var(--warn); }
.client-contact-fallback { margin-top: 5px; font-size: 11px; color: var(--muted); }
.client-contact-fallback > summary { cursor: pointer; width: max-content; max-width: 100%; }
.client-contact-fallback[open] > summary { margin-bottom: 7px; }
#clientDetailsModal .client-card-actions { align-items: flex-start; flex-wrap: wrap; }
#clientDetailsModal .client-contact-control button { min-height: 32px; }
@media (max-width: 600px) {
  .client-contact-control { flex-basis: 100%; max-width: none; width: 100%; }
  #clientDetailsModal .client-contact-control [data-client-contact-action],
  #clientDetailsModal .client-contact-control [data-client-contact-vcf] { min-height: 40px; }
  #clientDetailsModal .client-contact-primary .client-contact-refresh { min-height: 40px; width: 36px; flex-basis: 36px; }
  .client-contact-message, .client-contact-fallback { font-size: 12px; }
}