@media (max-width: 1100px) {
  .grid { grid-template-columns: 1fr; }
  .hero-stats { grid-template-columns: 1fr; }
  .flow-steps { grid-template-columns: 1fr 1fr; }
  .quick-actions { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .wrap { padding: 14px 14px 30px; }
  .hero { padding: 16px 14px; }
  .hero h1 { font-size: 20px; }
  .overview-bar { grid-template-columns: 1fr 1fr; gap: 10px; }
  .split { grid-template-columns: 1fr; }
  .field-grid { grid-template-columns: 1fr; }
  .chat-toolbar { grid-template-columns: 1fr; }
  .card { padding: 16px; }
  .panel-stack { position: static; }
  .messages { max-height: none; min-height: 240px; }
  .actions button,
  .tab-btn,
  button.small { width: 100%; min-width: 0; }
  .asset-head,
  .section-head { align-items: flex-start; flex-direction: column; }
  input, select, textarea, button, pre { font-size: 16px; }
}
@media (max-width: 480px) {
  .wrap { padding: 12px 12px 24px; }
  .hero { border-radius: 16px; }
  .hero h1 { font-size: 18px; }
  .hero p,
  .muted,
  .asset-meta { font-size: 12px; }
  .overview-bar { grid-template-columns: 1fr; }
  .flow-steps { grid-template-columns: 1fr; }
  .card { padding: 14px; border-radius: 16px; }
  .msg { padding: 12px; }
  .pill { white-space: normal; }
}