/* =====================================================================
   COMPLIANCE21 · REBRAND · Área: INICIO / DASHBOARD (panel.php)
   ---------------------------------------------------------------------
   Los accesos rápidos entran en UNA sola pantalla, sin scroll vertical.
   Isotope (posicionamiento absoluto) queda desactivado en panel.php; aquí
   se usa un CSS grid cuya altura es el viewport disponible bajo el título.
   Selectores anclados a .dash-home: no afecta a otras vistas.
   ===================================================================== */

.dash-home > .content{ padding-bottom:8px !important; }
.dash-home .card-box{ padding:0 !important; margin:0 !important; background:none !important; border:0 !important; box-shadow:none !important; }
.dash-home .item.col-xs-12{ padding:0 !important; }
/* Menos aire entre el título y los accesos */
.dash-home .page-title-alt{ margin-bottom:6px !important; }
.dash-home .page-title-box,
.dash-home .row + .row{ margin-top:0 !important; }

/* Rejilla de accesos: ocupa el alto libre bajo la barra y el título */
.dash-home .menu-isotope{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0,1fr));
  grid-auto-rows:min-content;
  gap:14px;
  height:calc(100vh - var(--topbar-h) - (var(--gap) * 2) - 118px);
  min-height:220px;
  align-content:start;       /* accesos pegados al título, sin el hueco de arriba */
  /* overflow visible: el grid ya tiene alto fijo (no genera scroll) y así el
     hover de las tarjetas (translateY + sombra) no se recorta */
  overflow:visible;
  position:static !important;
}

/* Anula el posicionamiento absoluto de isotope y las columnas Bootstrap */
.dash-home .menu-isotope .item-menu{
  position:static !important;
  float:none !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  left:auto !important; top:auto !important; right:auto !important; bottom:auto !important;
  transform:none !important;
}

/* Cada acceso: tarjeta compacta con icono a la izquierda y título a la derecha */
.dash-home .menu-isotope .item-menu .menu-link{
  min-height:92px !important;
  height:100% !important;
  display:flex !important;
  flex-direction:row;
  align-items:center;
  gap:15px;
  padding:16px 20px !important;
}
.dash-home .menu-isotope .menu-link > i:first-child{
  margin-bottom:0 !important;
  flex:0 0 auto;
}
.dash-home .menu-isotope .menu-link > span{ font-size:14.5px; }

/* Responsive: menos columnas; en móvil se permite altura natural (scroll normal) */
@media (max-width:1200px){
  .dash-home .menu-isotope{ grid-template-columns:repeat(3, minmax(0,1fr)); }
}
@media (max-width:820px){
  .dash-home .menu-isotope{
    grid-template-columns:repeat(2, minmax(0,1fr));
    height:auto; align-content:start; overflow:visible;
  }
}
@media (max-width:520px){
  .dash-home .menu-isotope{ grid-template-columns:1fr; }
}