/* Lightweight rendering for lower-end Android phones and other touch devices. */
@media (max-width: 760px), (pointer: coarse) {
  html { scroll-behavior: auto; }
  .ambient { filter: none !important; opacity: .14; border-radius: 50%; }
  .ambient-a, .ambient-b { width: 220px; height: 220px; }
  .dashboard-nav,
  .card,
  .hero-panel,
  .metric-grid article,
  .login-showcase,
  .login-card,
  .toast,
  .topline,
  .key-gate,
  .check-script-trigger { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
  .card,
  .hero-panel,
  .metric-grid article,
  .login-showcase,
  .login-card,
  .panel-editor-card,
  .panel-preview-card,
  .saved-panels-card,
  .key-manager-card,
  .toast { box-shadow: 0 8px 22px rgba(0,0,0,.18) !important; }
  .brand-link img,
  .dashboard-tab,
  .primary-btn,
  .google-button,
  .builder-publish,
  .card,
  .hero-panel,
  .metric-grid article,
  .panel-form-section,
  .panel-field input,
  .panel-field textarea,
  .panel-field select,
  .key-custom-expiry input,
  .accent-swatches button,
  .published-panel-preview,
  .preview-primary,
  .preview-secondary,
  .preview-key-row button,
  .panel-key-row,
  .saved-panel-row,
  .file-row,
  .dashboard-section:not(.hidden) { animation:none !important; transition:none !important; }
  .primary-btn:before,
  .google-button:before,
  .builder-publish:before,
  .hero-panel:after { display:none !important; }
  .card:hover,
  .metric-grid article:hover,
  .panel-key-row:hover,
  .saved-panel-row:hover,
  .file-row:hover,
  .dashboard-tab:hover,
  .primary-btn:hover,
  .builder-publish:hover { transform:none !important; filter:none !important; }
  .dashboard-nav { box-shadow: 0 8px 20px rgba(0,0,0,.16) !important; }
  .premium-bg-art::before, .premium-bg-art::after, .premium-bg-art i, .premium-bg-art b, .published-panel-preview::before, .published-panel-preview::after { filter:none !important; animation-duration:50s !important; }
  .panel-keys-list { content-visibility:auto; contain-intrinsic-size: 1px 480px; }
}
@media (max-width: 420px) {
  .dashboard-shell { width: calc(100% - 16px); }
  .topbar { gap: 8px; }
  .top-actions { gap: 7px; }
  .brand-link img { width: 38px; height: 38px; }
  .dashboard-nav { border-radius: 13px; }
  .dashboard-tab { padding: 8px 5px; }
  .dashboard-tab small { line-height: 1.35; }
  .panel-editor-card, .panel-preview-card, .saved-panels-card, .key-manager-card { padding: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior:auto !important; animation:none !important; transition:none !important; }
}