/* OSPrimeApp 5.7 — Dashboard */
@media (min-width: 769px) {
  html body.premium-ui .main > .topbar.glass-header {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  html body.premium-ui.dashboard-view .main > #page-dashboard,
  html body.premium-ui.theme-dark .main > #page-dashboard,
  html body.premium-ui.theme-light .main > #page-dashboard {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  html body.premium-ui .topbar.glass-header > div:first-child {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }

  html body.premium-ui .topbar.glass-header .top-actions-clean {
    display: flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    align-self: center !important;
    justify-content: flex-end !important;
  }
}

@media(min-width:1800px){
 html body.premium-ui.dashboard-view .main > #page-dashboard,
 html body.premium-ui.dashboard-view .main > .topbar.glass-header {max-width:var(--layout-content-width, 1840px) !important;margin-left:0 !important;margin-right:auto !important;}
}

/* "Ver operação" é um botão só, mas parecia dois.

   O <span> do rótulo carrega borda, fundo próprio e padding
   (legacy.css:8764) e o <i> da seta é um quadrado verde de 30px com fundo
   sólido. Dentro do mesmo <button> ficam dois retângulos encostados, com
   cores e cantos diferentes — lê como uma etiqueta ao lado de um botão, e
   não como um controle único. Medido em 1366px: pílula de 90x26 colada num
   quadrado de 30x30.

   O rótulo perde a moldura e a seta vira o ícone do botão. Mesmo tratamento
   já aplicado no celular, para as duas telas contarem a mesma história. */
@media (min-width: 769px) {
  html body.premium-ui .dashboard-welcome-card > button > span {
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
  }
  html body.premium-ui .dashboard-welcome-card > button {
    gap: 8px !important;
    align-items: center !important;
  }
}