/* Fix pour les fenêtres d'envoi et de transfert de mail */
/* Assure que les boutons Envoyer et Annuler restent toujours visibles */

/* Container principal - utilise flexbox pour garder le footer visible */
.compose-container[data-v-75dfb7a0],
.compose-container[data-v-591d1216],
.compose-container[data-v-37fc3f95],
.compose-container[class*="compose-container"] {
  display: flex !important;
  flex-direction: column !important;
  max-height: 90vh !important;
  overflow: hidden !important;
}

/* Header - reste fixe en haut */
.compose-header-modern[data-v-75dfb7a0],
.compose-header-modern[data-v-591d1216],
.compose-header-modern[data-v-37fc3f95],
.compose-header-modern[class*="compose-header"] {
  flex-shrink: 0 !important;
  min-height: auto !important;
}

/* Contenu scrollable - prend l'espace disponible */
.compose-content-modern[data-v-75dfb7a0],
.compose-content-modern[data-v-591d1216],
.compose-content-modern[data-v-37fc3f95],
.compose-content-modern[class*="compose-content"] {
  flex: 1 1 auto !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  min-height: 0 !important;
  padding: 24px !important;
  background: #fff !important;
}

/* Footer - reste fixe en bas */
.compose-footer-modern[data-v-75dfb7a0],
.compose-footer-modern[data-v-591d1216],
.compose-footer-modern[data-v-37fc3f95],
.compose-footer-modern[class*="compose-footer"] {
  flex-shrink: 0 !important;
  min-height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 16px 24px !important;
  background: var(--google-grey-50) !important;
  border-top: 1px solid var(--google-grey-200) !important;
  position: sticky !important;
  bottom: 0 !important;
  z-index: 10 !important;
}

/* Section des pièces jointes - avec scroll si nécessaire */
.attachments-section[data-v-75dfb7a0],
.attachments-section[data-v-591d1216],
.attachments-section[data-v-37fc3f95],
.attachments-section[class*="attachments"] {
  max-height: 250px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.attachments-list-modern[data-v-75dfb7a0],
.attachments-list-modern[data-v-591d1216],
.attachments-list-modern[data-v-37fc3f95],
.attachments-list-modern[class*="attachments-list"] {
  max-height: 200px !important;
  overflow-y: auto !important;
  padding-right: 4px !important;
}

/* Éditeur de texte - ajuster la hauteur max */
.editor-modern[data-v-75dfb7a0],
.editor-modern[data-v-591d1216],
.editor-modern[data-v-37fc3f95],
.editor-modern[class*="editor"] {
  max-height: 400px !important;
  overflow-y: auto !important;
  resize: vertical !important;
}

.editor-rich[data-v-75dfb7a0],
.editor-rich[data-v-591d1216],
.editor-rich[data-v-37fc3f95],
.editor-rich[class*="editor"] {
  max-height: 400px !important;
  overflow-y: auto !important;
}

/* Mode plein écran */
.compose-container.compose-fullscreen[data-v-75dfb7a0],
.compose-container.compose-fullscreen[data-v-591d1216],
.compose-container.compose-fullscreen[data-v-37fc3f95],
.compose-container.compose-fullscreen {
  max-height: 95vh !important;
  height: 95vh !important;
}

/* Scrollbar personnalisée */
.compose-content-modern::-webkit-scrollbar,
.attachments-section::-webkit-scrollbar {
  width: 8px;
}

.compose-content-modern::-webkit-scrollbar-track,
.attachments-section::-webkit-scrollbar-track {
  background: var(--google-grey-100);
  border-radius: 4px;
}

.compose-content-modern::-webkit-scrollbar-thumb,
.attachments-section::-webkit-scrollbar-thumb {
  background: var(--google-grey-400);
  border-radius: 4px;
}

.compose-content-modern::-webkit-scrollbar-thumb:hover,
.attachments-section::-webkit-scrollbar-thumb:hover {
  background: var(--google-grey-500);
}

/* Responsive */
@media (max-height: 600px) {
  .compose-container[data-v-75dfb7a0],
  .compose-container[data-v-591d1216],
  .compose-container[data-v-37fc3f95],
  .compose-container {
    max-height: 95vh !important;
  }
  
  .editor-modern[data-v-75dfb7a0],
  .editor-modern[data-v-591d1216],
  .editor-modern[data-v-37fc3f95],
  .editor-modern {
    max-height: 200px !important;
    min-height: 150px !important;
  }
  
  .editor-rich[data-v-75dfb7a0],
  .editor-rich[data-v-591d1216],
  .editor-rich[data-v-37fc3f95],
  .editor-rich {
    max-height: 200px !important;
    min-height: 150px !important;
  }
}