/**
 * responsive.css
 * Ajustes de layout para telas menores (tablet/mobile).
 */
@media (max-width: 1024px) {
  .lds-navbar__search { display: none; }
}

@media (max-width: 768px) {
  .dashboard-page,
  .library-page,
  .editor-page,
  .preview-page,
  .themes-page,
  .reports-page {
    flex-direction: column;
  }

  .lds-sidebar {
    width: 100%;
    flex-direction: row;
    align-items: center;
    padding: var(--space-3) var(--space-4);
  }

  .lds-sidebar__nav { flex-direction: row; overflow-x: auto; }
  .lds-sidebar__label,
  .lds-sidebar__user,
  .lds-sidebar__brand-name { display: none; }
  .lds-sidebar__footer { border-top: none; }

  .dashboard-page__hero-row { grid-template-columns: 1fr; }
  .dashboard-page__grid,
  .dashboard-page__shortcuts { grid-template-columns: 1fr 1fr; }

  .auth-page__panel { padding: var(--space-6); }
}

@media (max-width: 480px) {
  .dashboard-page__grid,
  .dashboard-page__shortcuts { grid-template-columns: 1fr; }
}