/* R7: solo navegación; los módulos conservan sus estilos. */
.admin-section-picker { display: none; }
#admin-app.admin-dashboard-v2 .admin-sidebar .module-nav { display: flex; flex-direction: column; }
#admin-app.admin-dashboard-v2 .admin-sidebar .module-tab,
#admin-section-views .btn-sm { min-height: 44px; min-width: 44px; white-space: normal; }
#admin-section-views { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1rem 0; }
#admin-section-views [aria-current="page"] {
  background: oklch(96.40% 0.0172 158.9); color: oklch(32.062% 0.06950 154.02);
  border-color: oklch(44.80% 0.1082 151.3);
}
#admin-section-views button:focus-visible { outline: 2px solid oklch(44.80% 0.1082 151.3); outline-offset: 2px; }
@media (max-width: 800px) {
  #admin-app.admin-dashboard-v2 .top-bar.admin-sidebar { display: contents; }
  #admin-app.admin-dashboard-v2 .admin-sidebar .top-logo,
  #admin-app.admin-dashboard-v2 .admin-sidebar .top-right { display: none; }
  #admin-app.admin-dashboard-v2 .admin-sidebar .module-tab > span { text-align: center; }
  #admin-app.admin-dashboard-v2 .admin-sidebar .module-nav {
    position: fixed; inset: auto 0 0; z-index: 210;
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%; height: auto; max-height: none; margin: 0;
    padding: .5rem .5rem calc(.5rem + env(safe-area-inset-bottom)); gap: .25rem;
    overflow: visible; background: #FAF5EC;
    border-top: 1px solid oklch(92.50% 0.0080 157.4);
  }
  #admin-app.admin-dashboard-v2 .admin-sidebar .module-tab {
    display: flex; justify-content: center; width: 100%; min-width: 0;
    min-height: 52px; padding: .375rem; font-size: .75rem;
    line-height: 1.25; text-align: center; white-space: normal;
  }
  /* Las reglas viejas del rail fijan grid-area y ancho en cada pestaña; sin esto
     los seis botones caen en una sola fila de 12 px y los rótulos se pisan. */
  #admin-app.admin-dashboard-v2 .admin-sidebar .module-nav > .module-tab {
    grid-area: auto; width: auto; min-width: 0;
  }
  #admin-app.admin-dashboard-v2 .admin-sidebar .module-tab svg { display: none; }
  /* admin-crm360.css fija el espacio inferior con !important; acá se le da el
     valor que necesita el menú de 6 secciones (2 filas de 52 px + respiro). */
  #admin-app.admin-dashboard-v2 { --admin-espacio-inferior: calc(150px + env(safe-area-inset-bottom)); }
  #admin-app.admin-dashboard-v2 .main { padding-bottom: calc(150px + env(safe-area-inset-bottom)); }
}