/* Área de boas-vindas desktop ampliada para ocupar toda a faixa superior do painel. */
@media (min-width: 900px) {
  /* Saudação: aplica diretamente ao bloco real, sem depender de uma classe ancestral. */
  html body[data-device="desktop"][data-app-variant="seller"] #main .seller-overview-head {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 190px !important;
    height: 190px !important;
    box-sizing: border-box !important;
    margin: 0 0 18px !important;
    padding: 40px 42px !important;
    overflow: hidden !important;
    border: 1px solid #edf0f4 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
  }

  html body[data-device="desktop"][data-app-variant="seller"] #main .seller-overview-content-wrap {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 100% !important;
  }

  html body[data-device="desktop"][data-app-variant="seller"] #main .seller-overview-copy {
    width: 100% !important;
    min-width: 0 !important;
  }

  html body[data-device="desktop"][data-app-variant="seller"] #main .seller-overview-title {
    margin: 0 0 10px !important;
    font-size: 34px !important;
    line-height: 1.15 !important;
  }

  html body[data-device="desktop"][data-app-variant="seller"] #main .seller-overview-subtitle {
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
  }

  html body[data-device="desktop"][data-app-variant="seller"] #main .seller-overview-illustration {
    display: none !important;
  }

  /* Login desktop: título e descrição centralizados dentro do cartão. */
  html body[data-device="desktop"][data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate {
    text-align: center !important;
  }

  html body[data-device="desktop"][data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate::before {
    content: "Acesse sua conta SD" !important;
    display: block !important;
    width: 100% !important;
    margin: 0 0 8px !important;
    text-align: center !important;
  }

  html body[data-device="desktop"][data-app-variant="seller"]:has(.seller-access-gate) .seller-gate-desc {
    width: 100% !important;
    text-align: center !important;
  }

  html body[data-device="desktop"][data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate form,
  html body[data-device="desktop"][data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate .form-grid {
    text-align: left !important;
  }

  html body[data-device="desktop"][data-app-variant="seller"] #main .seller-content > .seller-workspace:has(.seller-dashboard-modern) > .seller-overview-head {
    grid-column: 1 / -1 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 142px !important;
    height: 142px !important;
    box-sizing: border-box !important;
    margin: 0 0 14px !important;
    padding: 30px 32px !important;
    overflow: hidden !important;
    border: 1px solid #edf0f4 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
  }

  html body[data-device="desktop"][data-app-variant="seller"] #main .seller-content > .seller-workspace:has(.seller-dashboard-modern) > .seller-overview-head .seller-overview-content-wrap {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 100% !important;
  }

  html body[data-device="desktop"][data-app-variant="seller"] #main .seller-content > .seller-workspace:has(.seller-dashboard-modern) > .seller-overview-head .seller-overview-copy {
    width: 100% !important;
    min-width: 0 !important;
  }

  html body[data-device="desktop"][data-app-variant="seller"] #main .seller-content > .seller-workspace:has(.seller-dashboard-modern) > .seller-overview-head .seller-overview-illustration {
    display: none !important;
  }

  html body[data-device="desktop"][data-app-variant="seller"] #main .seller-content > .seller-workspace:has(.seller-dashboard-modern) > .seller-overview-head .seller-overview-title {
    margin: 0 0 8px !important;
    font-size: 30px !important;
    line-height: 1.15 !important;
  }

  html body[data-device="desktop"][data-app-variant="seller"] #main .seller-content > .seller-workspace:has(.seller-dashboard-modern) > .seller-overview-head .seller-overview-subtitle {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  html body[data-device="desktop"][data-app-variant="seller"] #main .seller-content > .seller-workspace:has(.seller-dashboard-modern) > .seller-overview-head .seller-overview-actions {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    margin: 0 !important;
  }
}

/* Override final: prevalece sobre os refinamentos anteriores do desktop. */
@media (min-width: 900px) {
  html body[data-device="desktop"][data-app-variant="seller"] #main .seller-overview-head {
    width: 100% !important;
    min-height: 190px !important;
    height: 190px !important;
    padding: 40px 42px !important;
    margin-bottom: 18px !important;
    background: #ffffff !important;
  }

  html body[data-device="desktop"][data-app-variant="seller"] #main .seller-overview-content-wrap {
    width: auto !important;
    min-width: 0 !important;
    height: 100% !important;
  }

  html body[data-device="desktop"][data-app-variant="seller"] #main .seller-overview-title {
    font-size: 34px !important;
    margin-bottom: 10px !important;
  }

  html body[data-device="desktop"][data-app-variant="seller"] #main .seller-overview-subtitle {
    font-size: 16px !important;
  }

  html body[data-device="desktop"][data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate {
    text-align: center !important;
  }

  html body[data-device="desktop"][data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate::before {
    content: "Acesse sua conta SD" !important;
    width: 100% !important;
    text-align: center !important;
  }

  html body[data-device="desktop"][data-app-variant="seller"]:has(.seller-access-gate) .seller-gate-desc {
    text-align: center !important;
  }
}
