/* OSPrimeApp 5.7 - WhatsApp / aplicativo portatil do computador

   O bloco .wa-old-hidden-actions carrega o onboarding do Desktop Portable:
   titulo, passos numerados, "Baixar aplicativo Windows" e "Abrir pelo
   aplicativo". Ele estava anulado por um display:none!important no
   legacy.css, entao nunca aparecia. A regra foi retirada de la e o layout
   passa a morar aqui, junto das demais areas ja migradas. */
body.premium-ui .wa-old-hidden-actions {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin: 0 18px 14px 18px;
  padding: 14px 16px;
  border: 1px solid rgba(41, 70, 108, .55);
  border-radius: 14px;
  background: rgba(9, 18, 32, .55);
}
/* No HTML os botoes vem antes do texto. Em vez de remexer na marcacao
   que o app.js referencia por id, a leitura correta - titulo, passos e
   so entao as acoes - e resolvida pela ordem do flex. */
body.premium-ui .wa-old-hidden-actions #waSetupTitle { order: 1; }
body.premium-ui .wa-old-hidden-actions #waSetupSteps { order: 2; }
body.premium-ui .wa-old-hidden-actions #waDesktopDownload { order: 3; }
body.premium-ui .wa-old-hidden-actions #waInstallerFacts { order: 4; }
body.premium-ui .wa-old-hidden-actions #waPortableShortcut { order: 5; }
body.premium-ui .wa-old-hidden-actions #waInstanceGenerate { order: 6; }

body.premium-ui .wa-old-hidden-actions #waSetupTitle {
  font-weight: 800;
  font-size: 14px;
  color: #e8f0ff;
}
body.premium-ui .wa-old-hidden-actions #waSetupSteps {
  margin: 0;
  padding-left: 20px;
  color: #a9bddb;
  font-size: 12.5px;
  line-height: 1.65;
}
body.premium-ui .wa-old-hidden-actions #waSetupSteps li { margin: 0 0 2px; }
/* Ficha do instalador: aviso do SmartScreen + versao, tamanho e SHA-256.
   Sem assinatura digital, e o que permite a loja conferir o arquivo. */
body.premium-ui .wa-old-hidden-actions #waInstallerFacts {
  align-self: stretch;
  margin: 2px 0 4px;
  padding: 12px 14px;
  border: 1px solid rgba(233, 179, 68, .34);
  border-left: 3px solid #e7b744;
  border-radius: 10px;
  background: rgba(233, 179, 68, .07);
}
body.premium-ui #waInstallerFacts .wa-installer-warn {
  margin: 0 0 10px;
  color: #e8d7ae;
  font-size: 12.5px;
  line-height: 1.55;
}
body.premium-ui #waInstallerFacts dl {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 4px 12px;
  margin: 0 0 8px;
  font-size: 12px;
}
body.premium-ui #waInstallerFacts dt { color: #93a7c4; }
body.premium-ui #waInstallerFacts dd { margin: 0; color: #dbe7f8; min-width: 0; }
body.premium-ui #waInstallerFacts dd code {
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: 11px;
  overflow-wrap: anywhere;
}
/* O hash ocupa a linha inteira e quebra; o botao desce alinhado com ele,
   em vez de ficar solto no meio da ultima linha do texto. */
body.premium-ui #waInstallerFacts dd .btn {
  display: block;
  margin-top: 6px;
  height: 24px;
  min-height: 24px;
  padding: 0 10px;
  font-size: 11px;
}
body.premium-ui #waInstallerFacts > small {
  display: block;
  color: #93a7c4;
  font-size: 11.5px;
  line-height: 1.5;
}
body.premium-ui #waInstallerFacts > small code { font-size: 11px; overflow-wrap: anywhere; }

/* Alternativa sem executavel: texto discreto, para nao concorrer com os botoes. */
body.premium-ui .wa-old-hidden-actions #waPortableShortcut {
  margin: -2px 0 2px;
  color: #8fa6c6;
  font-size: 11.5px;
  line-height: 1.5;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}
body.premium-ui .wa-old-hidden-actions #waPortableShortcut:hover {
  color: #cfe0f7;
}
body.premium-ui .wa-old-hidden-actions .btn {
  height: 37px;
  min-height: 37px;
  padding: 0 16px;
}
/* O JS troca o texto e a visibilidade destes conforme o app esteja aberto
   no navegador ou dentro do proprio portable; .hidden continua mandando. */
body.premium-ui .wa-old-hidden-actions .hidden { display: none !important; }

@media (max-width: 720px) {
  body.premium-ui .wa-old-hidden-actions {
    margin-right: 18px;
    align-items: stretch;
  }
  body.premium-ui .wa-old-hidden-actions .btn {
    width: 100%;
    justify-content: center;
  }
}