.dashboard-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
}

.stat {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 110px;
}

.stat h3 {
  font-size: 14px;
  color: var(--color-gray-dark);
  margin-bottom: 10px;
}

.stat span {
  font-size: 28px;
  font-weight: bold;
}

/* Estados visuales */
.stat.success {
  border-left: 5px solid var(--color-success);
}

.stat.danger {
  border-left: 5px solid var(--color-danger);
}

.stat.info {
  border-left: 5px solid var(--color-info);
}

/* Botón menú mobile */
.menu-btn {
  display: none;
}

@media (max-width: 768px) {
  .menu-btn {
    display: inline-block;
  }
}