@media (max-width: 780px) {
  .ai-governance { display: block; grid-template-columns: 1fr; }
  .ai-governance .ai-panel-head { grid-column: auto; }
  .approval-foot { align-items: stretch; flex-direction: column; }
  .approval-foot > div { flex-wrap: wrap; }
  .source-option { align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; }
}

@media (max-width: 450px) {
  .stat-grid-3 { grid-template-columns: 1fr; }
}

.api-review-actions { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; }
.api-review-actions .button { padding: 8px; }