/* Comptes entre Amis : fenêtre de création de dépense condensée sur ordinateur.
   CSS uniquement, aucun changement de saisie, calcul, autorisation ou fichiers. */
@media (min-width: 760px) {
  dialog#cea-add-expense-modal.cea-modal {
    width: min(94vw, 760px) !important;
    max-width: min(760px, 94vw) !important;
    max-height: min(94dvh, 900px) !important;
    padding: 0 !important;
    overflow: auto;
    box-sizing: border-box;
  }
  #cea-add-expense-modal .cea-modalhead {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 10px 18px !important;
    min-height: 46px !important;
    margin: 0 !important;
  }
  #cea-add-expense-modal .cea-modalhead h2 { margin: 0 !important; font-size: 19px !important; line-height: 1.25 !important; }
  #cea-add-expense-modal .cea-modalclose { margin: 0 !important; min-height: 32px !important; min-width: 32px !important; padding: 4px 8px !important; }
  #cea-add-expense-modal form.cea-profileform {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap: 12px !important;
    row-gap: 9px !important;
    padding: 12px 18px 16px !important;
    margin: 0 !important;
    align-items: start;
  }
  #cea-add-expense-modal form.cea-profileform > label { min-width: 0 !important; margin: 0 !important; gap: 4px !important; }
  #cea-add-expense-modal form.cea-profileform > label input,
  #cea-add-expense-modal form.cea-profileform > label select {
    box-sizing: border-box !important;
    min-height: 37px !important;
    height: 37px !important;
    padding: 6px 10px !important;
    margin: 4px 0 0 !important;
  }
  #cea-add-expense-modal form.cea-profileform > fieldset { min-width: 0 !important; margin: 0 !important; padding: 9px 11px !important; }
  #cea-add-expense-modal form.cea-profileform > fieldset .cea-beneficiary-options { gap: 7px !important; }
  #cea-add-expense-modal form.cea-profileform > fieldset .cea-beneficiary-choice { min-height: 39px !important; padding: 6px 8px !important; margin: 0 !important; }
  #cea-add-expense-modal form.cea-profileform > fieldset .cea-beneficiary-help { margin: 6px 0 0 !important; font-size: 11px !important; }
  #cea-add-expense-modal form.cea-profileform > .cea-muted { margin: 0 !important; font-size: 11px !important; align-self: center; }
  #cea-add-expense-modal form.cea-profileform > button.cea-button { min-height: 38px !important; padding: 8px 14px !important; margin: 0 !important; justify-self: start; }
  /* Les pièces jointes appartiennent à la même zone de validation et ne changent pas de comportement. */
  #cea-add-expense-modal form.cea-profileform > fieldset:has(input[type='file']) { grid-column: 2 !important; }
}
@media (min-width: 760px) and (max-height: 760px) {
  dialog#cea-add-expense-modal.cea-modal { max-height: 96dvh !important; }
  #cea-add-expense-modal .cea-modalhead { padding-block: 6px !important; }
  #cea-add-expense-modal form.cea-profileform { row-gap: 6px !important; padding-block: 7px 10px !important; }
}