/* FinanKey 1.5.6 — restaura o breakpoint original do menu lateral.
   Entre tablet e desktop, a navegação inferior mantém o conteúdo utilizável. */
@media (min-width: 820px) and (max-width: 1119px) {
  .app-shell {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    padding:
      calc(max(10px, env(safe-area-inset-top)) + 10px)
      max(12px, env(safe-area-inset-right))
      calc(96px + env(safe-area-inset-bottom))
      max(12px, env(safe-area-inset-left)) !important;
  }

  .sidebar {
    display: none !important;
  }

  .bottom-nav {
    display: grid !important;
    left: 50% !important;
    right: auto !important;
    width: min(720px, calc(100vw - 24px)) !important;
    transform: translateX(-50%) !important;
  }

  .app-main,
  .app-header,
  .app-content,
  .page-stack,
  .hero-balance,
  .quick-actions,
  .kpi-grid {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .app-content {
    padding-inline: 0 !important;
  }

  .quick-actions button,
  .kpi-card {
    min-width: 0 !important;
    overflow: hidden !important;
  }
}

@media (min-width: 1120px) {
  .sidebar {
    flex-direction: column !important;
  }

  .sidebar nav {
    display: grid !important;
  }

  .sidebar nav button,
  .sidebar-add,
  .sidebar-logout {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    width: 100% !important;
    padding-inline: 12px !important;
  }

  .sidebar nav svg,
  .sidebar-add svg,
  .sidebar-logout svg {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
  }
}