/* Layout general */
.correo-page {
  height: 100vh;
  overflow: hidden;
}

.split-wrapper {
  display: flex;
  height: 100%;
}

.split-wrapper > * {
  overflow: hidden;
}

/* Gutter (barra de resize entre paneles) */
.gutter {
  background-color: var(--divider-color);
  background-clip: content-box;
  cursor: col-resize;
  width: 1px !important;
}

.gutter:hover {
  background-color: var(--highlight-border);
  width: 8px !important;
  transition: width 0.2s ease-in-out;
}

/* Panel de navegación (Sidebar + MailList) */
.mail-nav-pane {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.mail-nav-inner {
  display: flex;
  flex-direction: row;
  width: 100%;
  overflow: hidden;
}

/* ====================
   Modo móvil (correo-mobile)
==================== */
@media screen and (max-width: 900px) {
  .split-wrapper {
    flex-direction: column;
  }

  .split-wrapper > * {
    width: 100% !important;
  }

  .correo-page.viewing-mail .split-wrapper > :nth-child(1) {
    display: none; /* Oculta panel de navegación */
  }

  .correo-page.viewing-mail .split-wrapper > :nth-child(2) {
    display: block;
  }
}
