/* Owner CRM application boundary. Shared Obed visual primitives live in /shared. */
body[data-app="owner-crm"] {
  min-width: 320px;
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.lead-details,
.lead-actions {
  min-width: 0;
}

.lead-details .row-title {
  display: block;
}

.lead-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.lead-actions > * {
  max-width: 100%;
}

@media (max-width: 700px) {
  .lead-alert-card {
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: start;
  }

  .lead-alert-card > .lead-actions {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    padding-top: 4px;
  }

  .lead-alert-card > .lead-actions > select,
  .lead-alert-card > .lead-actions > button,
  .lead-alert-card > .lead-actions > a {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    white-space: normal;
  }
}