/* ==========================================================================
   Talentos Mais — Layout Desktop: app mobile centralizado na tela
   ========================================================================== */

@media (min-width: 900px) {

  /* Fundo cinza nas laterais */
  body {
    background-color: #E5E7EB !important;
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    min-height: 100vh !important;
    overflow: auto !important;
  }

  #root {
    width: 480px !important;
    min-width: 480px !important;
    max-width: 480px !important;
    min-height: 100vh !important;
    background: #fff !important;
    box-shadow: 0 0 40px rgba(0,0,0,0.15) !important;
    position: relative !important;
  }

  /* Conteúdo interno ocupa 100% do card mobile */
  #root > div > div > div {
    max-width: 480px !important;
    width: 480px !important;
    min-height: 100vh !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  /* Campos de texto não esticam */
  .css-11aywtz {
    max-width: 420px !important;
  }
}