/* ========== RESPONSIVIDADE GLOBAL APP ========== */

@media (max-width: 1200px) {
  .admin-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 992px) {
  .app-header {
    padding: 20px 15px;
  }
  .content-wrapper,
  .content-container {
    padding: 20px 15px;
  }
  .app-card,
  .app-form-card {
    padding: 25px;
    border-radius: 0;
  }
  .col-6,
  .col-4,
  .col-3 {
    grid-column: span 12;
  }
}

@media (max-width: 768px) {
  .app-header {
    padding: 20px 15px;
  }
  .content-wrapper {
    padding: 20px 15px;
  }
  .app-card {
    padding: 25px;
    border-radius: 0;
  }
  .page-title {
    font-size: 26px;
  }
  .branding-logo {
    max-width: 200px;
  }
}

@media (max-width: 1024px) {
  .detail-grid {
    grid-template-columns: 1fr;
  }
  .content-wrapper {
    padding: 0 20px;
  }
  .detail-image-box {
    height: 300px;
  }
}


@media (max-width: 1024px) {
  .app-menu-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 650px) {
  .app-menu-grid {
    grid-template-columns: 1fr;
  }
  .user-bar {
    flex-direction: column;
    gap: 15px;
  }
  .dashboard-header h1 {
    font-size: 26px;
  }
}