/*
 * Keep the authenticated home screen filling phone-height layouts.
 * The account header, promo cards, suggestions, and favorites stay in their
 * existing order; available vertical space is shared between those sections
 * instead of being left as a fixed blank block below the favorites.
 */
@media (max-width: 600px) {
  @supports (height: 100dvh) {
    #root div[class~="pb-[170px]"]:has([data-testid="button-usuario"]) {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      min-height: 100dvh;
      padding-bottom: calc(57px + env(safe-area-inset-bottom)) !important;
    }

    #root
      div[class~="pb-[170px]"]:has([data-testid="button-usuario"])
      > * {
      flex-shrink: 0;
    }
  }

  @supports not (height: 100dvh) {
    #root div[class~="pb-[170px]"]:has([data-testid="button-usuario"]) {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      min-height: 100vh;
      padding-bottom: calc(57px + env(safe-area-inset-bottom)) !important;
    }

    #root
      div[class~="pb-[170px]"]:has([data-testid="button-usuario"])
      > * {
      flex-shrink: 0;
    }
  }
}