/* Module stylesheet: clients. Owned by the clients feature module; base styles live in public/style.css. */

/* List filters: the search box stays wide and the checkbox lines up with the other inputs. */
.crm-filters {
  align-items: flex-end;
}
.crm-filters > label {
  flex: 1 1 14rem;
  min-width: 0;
}
.crm-filters > label.checkbox {
  flex: 0 0 auto;
  padding-bottom: 0.45rem;
}
.crm-filters .form-actions {
  margin-top: 0;
}

/* Addresses are free text: keep the entered line breaks and wrap long tokens instead of overflowing. */
.crm-address {
  white-space: pre-line;
  overflow-wrap: anywhere;
  max-width: 40rem;
}
td .crm-address {
  max-width: 24rem;
}

/* Contact rows: details on the left, actions on the right, wrapping on narrow screens. */
.crm-contact {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.35rem 1rem;
}
.crm-contact-main {
  flex: 1 1 16rem;
  min-width: 0;
  overflow-wrap: anywhere;
}
.crm-contact-roles {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-top: 0.3rem;
}
.crm-contact-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
}
.crm-inactive .crm-contact-main {
  color: var(--text-muted);
}
.crm-help {
  border-left: 3px solid var(--accent);
  padding-left: 0.75rem;
}
.crm-add-contact {
  margin-top: 1rem;
}
.crm-add-contact > summary {
  cursor: pointer;
  font-weight: 600;
}
.crm-add-contact .crm-form {
  margin-top: 0.75rem;
}

/* The header actions menu: its summary is a button; the panel must fit its longest label. */
.crm-actions .menu-panel {
  min-width: 280px;
}
.crm-actions .menu-panel form {
  margin: 0;
}