/* Responsive overrides (unlayered to ensure they take precedence) */

@media (max-width: 768px) {
  .admin-layout {
    flex-direction: column;
  }

  .sidebar {
    width: 100%;
    position: static;
  }

  .main-content {
    margin-left: 0;
  }

  .dashboard-grid {
    grid-template-columns: 1fr;
  }

  .page-header {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-md);
  }

  .portal-options {
    grid-template-columns: 1fr;
  }

  .form-row {
    flex-direction: column;
  }
}

@media (max-width: 600px) {
  .return-progress .step-label {
    display: none;
  }

  .return-progress li:not(:last-child)::after {
    top: 14px;
  }

  .review-details {
    flex-direction: column;
    gap: var(--spacing-md);
  }
}

@media (max-width: 1024px) {
  .test-label-page {
    grid-template-columns: 1fr;
  }

  .test-label-result-section .detail-section {
    position: static;
  }
}

@media (max-width: 900px) {
  .process-layout {
    grid-template-columns: 1fr;
  }

  .process-sidebar {
    position: static;
  }
}