/* STAP 1: BASIS (MOBIEL) */
.dashboard-grid .card {
  height: auto; /* Laat Drupal zijn natuurlijke div-soep ademen */
  min-height: 150px;
  display: block;
}

/* STAP 2: OPSCHALEN NAAR DESKTOP */
@media (min-width: 768px) {
  .dashboard-grid.row {
    display: flex;
    align-items: stretch; /* Dwingt alle kolommen naar de hoogte van de langste */
  }

  .d-flex-desktop {
    display: flex !important;
  }

  .d-flex-column-desktop {
    display: flex !important;
    flex-direction: column !important;
  }

  /* De Wiskundige Fix: Flex-grow dwingt de 50/50 verdeling 
     ZONDER de mobiele weergave te beperken */
  .flex-grow-1 {
    flex: 1 0 0 !important;
  }
}

/* De 'Div-Soep' doorgeefluik (Alleen op desktop) */
@media (min-width: 768px) {
  .dashboard-grid .card > div,
  .dashboard-grid .views-element-container,
  .dashboard-grid .view {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
}