/* Wacana — Responsive (PRD Bagian 9) */

@media (max-width: 1080px) {
  .app-layout { grid-template-columns: var(--sidebar-width) minmax(0, 1fr); }
  .app-rail { display: none !important; }
}

@media (max-width: 860px) {
  .app-layout {
    grid-template-columns: 1fr;
    padding: 0;
    gap: 0;
  }
  .sidebar { display: none; }
  .app-main { border-left: none; border-right: none; padding-bottom: calc(var(--bottom-nav-height) + var(--space-4)); }
  .bottom-nav { display: flex; }
  .mobile-topbar { display: flex; }
}

@media (min-width: 640px) {
  .auth-card { padding: var(--space-6); }
}