/* ── Responsive ─────────────────────────────── */
@media (max-width: 768px) {
  .form-card {
    max-width: 100%;
  }
}

/* ── Desktop Layout (≥1024px) ───────────────── */
@media (min-width: 1024px) {

  /* Center all chat content in a comfortable reading column */
  .messages {
    padding-left: 0;
    padding-right: 0;
    align-items: center;
  }

  /* Agent + user bubbles: capped readable width */
  .msg {
    max-width: 680px;
    width: 100%;
  }

  .msg.agent {
    align-self: center;
  }

  .msg.user {
    align-self: center;
    max-width: 520px;
    margin-left: auto;
  }

  .msg.system,
  .msg.error {
    align-self: center;
  }

  /* Form cards: wider on desktop */
  .form-card {
    max-width: 680px;
    align-self: center;
  }

  /* Provider result cards */
  .provider-cards-container {
    max-width: 680px;
    align-self: center;
  }

  /* Profile modal */
  .profile-modal {
    width: 640px;
  }

  /* EAS panel: centered modal instead of bottom sheet */
  .eas-overlay {
    align-items: center;
    justify-content: center;
  }

  .eas-panel {
    max-width: 600px;
    max-height: 80vh;
    border-radius: var(--radius);
    box-shadow: 0 20px 60px rgba(0,0,0,0.18);
    animation: easDesktopIn 0.25s ease;
  }

  @keyframes easDesktopIn {
    from { opacity: 0; transform: scale(0.96); }
    to   { opacity: 1; transform: scale(1); }
  }

  /* Split-screen outreach: 60/40 on desktop */
  .layout.split-screen {
    grid-template-columns: 3fr 2fr;
  }
}