/* Dashboard mobile-pass (v3.7.0)
   Responsive overrides — drop desktop topnav tabs, show bottom-bar,
   stack content, tighten paddings. Activates at ≤ 768px. */

@media (max-width: 768px) {
  .app-topnav .tabs,
  .app-topnav .search-btn,
  .app-topnav .credits-pill .unit { display: none; }
  .app-topnav { padding: 0 14px; gap: 10px; }
  .app-topnav .right { gap: 6px; }
  .app-mobile-bar { display: flex; }

  .app-main {
    padding: 16px 14px 88px;
  }

  .page-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding-bottom: 18px;
    margin-bottom: 22px;
  }
  .page-header .title-block .pt-h1 { font-size: 22px; }
  .page-header .actions { width: 100%; }
  .page-header .actions .btn { flex: 1; justify-content: center; }

  .section-head { margin: 20px 0 10px; }
  .section-head h2 { font-size: 17px; }

  .palette-overlay { padding: 24px 12px; align-items: flex-end; }
  .palette-card { border-radius: var(--pt-radius-md); }

  .pt-toast-area { bottom: 70px; right: 12px; left: 12px; max-width: none; }
}