/* public/css/demo-preview.css */

body:has(.app-shell) { transition: background .18s ease, color .18s ease; }
.hero-panel, .panel, .stat-card, .list-card, .mini-card, .button, input, select, textarea { transition: background .18s ease, color .18s ease, border-color .18s ease, border-radius .18s ease, box-shadow .18s ease; }
body.demo-preview .app-header { display: none; }
@media (max-width: 520px) {
  .app-header nav { flex-wrap: wrap; }
  .stats-grid { grid-template-columns: 1fr; }
  .data-table { min-width: 680px; }
}