/* Compartilhamento de exames.
   A página usa a largura toda, como as demais telas do contexto logado — sem
   max-w + mx-auto (ver docs/frontend-css-guidelines.md §8). */
.clinical-shares-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* A modal de compartilhamento é mais larga que o padrão de 680px do
   .app-modal-card. O formulário tem grade de 12 colunas — nome, CRO e UF na
   mesma linha, e-mail ao lado do WhatsApp — e, acima dela, a lista do que vai
   ser enviado. Em 680px cada campo quebra para a sua própria linha e a
   conferência dos itens sai da primeira tela, que é justamente o que a pessoa
   precisa olhar antes de confirmar.

   Variante, e não override do .app-modal-card: as outras modais da ficha são
   formulários curtos e ficam melhores estreitas. */
.app-modal-card--wide {
  width: min(94vw, 980px);
}

/* Com a largura maior o formulário ainda é alto. O corpo rola sozinho em vez
   de empurrar o rodapé (Compartilhar / Cancelar) para fora da tela. */
.app-modal-card--wide .app-modal-body {
  max-height: min(78vh, 46rem);
  overflow-y: auto;
}