/* ============================================================
   TheCoolCRM — ajustes para móvil Android / Galaxy Z Fold
   (se carga después de styles.css y solo añade, no pisa nada)
   ============================================================ */

/* Los accesos "Emails HCP" de la navegación son enlaces <a>:
   heredan el aspecto de los botones de menú */
a.nav-link { text-decoration: none; color: inherit; -webkit-tap-highlight-color: transparent; }

/* ---------- Pantalla EXTERIOR del Fold (muy estrecha y alta) ---------- */
@media (max-width: 390px) {
  html { font-size: 15px; }
  .tabbar .tab span { font-size: 10px; }
}

/* ---------- Pantalla INTERIOR desplegada (≈ 700-980px, casi cuadrada) ----------
   Activa el diseño de escritorio (barra lateral) también en este rango,
   que normalmente quedaría en modo móvil. */
@media (min-width: 680px) {
  .sidebar { display: flex !important; }
  .tabbar  { display: none !important; }
  .app { --con-sidebar: 1; }
}

/* Un poco más de aire para los diálogos en la pantalla grande */
@media (min-width: 680px) {
  dialog.dialog, dialog.dialog-sheet { max-width: 640px; }
}

/* Respetar la bisagra/notch en modo standalone */
@supports (padding: env(safe-area-inset-top)) {
  body { padding-bottom: env(safe-area-inset-bottom); }
}