/* V34 — Minha Conta: ribbon com a MESMA configuração visual da Home.
   Sem novos elementos; apenas formatação e alinhamento. */

.account-page .flow-header {
  height: 68px !important;
  min-height: 68px !important;
  background: rgba(248,250,253,.92) !important;
  border-bottom: 1px solid rgba(67,88,116,.16) !important;
  box-shadow: none !important;
  backdrop-filter: blur(22px) saturate(125%) !important;
}

.account-page .flow-header .flow-shell {
  width: min(calc(100% - 54px), 1320px) !important;
  height: 68px !important;
  min-height: 68px !important;
  margin-inline: auto !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
}

.account-page .flow-header .flow-brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex: 0 0 auto !important;
  color: #142033 !important;
  text-decoration: none !important;
}

.account-page .flow-header .flow-brand-copy {
  display: flex !important;
  flex-direction: column !important;
  line-height: 1.15 !important;
}

.account-page .flow-header .flow-brand-copy strong {
  display: inline-flex !important;
  align-items: baseline !important;
  font-size: 15px !important;
  letter-spacing: -.025em !important;
}

.account-page .flow-header .flow-brand-copy .brand-studio {
  color: #142033 !important;
}

.account-page .flow-header .flow-brand-copy .brand-board {
  color: transparent !important;
  background: linear-gradient(110deg,#35c2ff 0%,#3d78ff 48%,#8a4dff 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

.account-page .flow-header .flow-brand-copy small {
  margin-top: 2px !important;
  color: #63748a !important;
  font-size: 8px !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  letter-spacing: .19em !important;
}

.account-page .flow-header .flow-nav {
  display: flex !important;
  align-items: center !important;
  gap: 22px !important;
  margin-left: auto !important;
}

.account-page .flow-header .flow-nav > a {
  position: relative !important;
  color: #68758a !important;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.account-page .flow-header .flow-nav > a::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 100% !important;
  bottom: -24px !important;
  height: 2px !important;
  background: linear-gradient(90deg,#35c2ff,#3d78ff 48%,#8a4dff) !important;
  transition: right .2s ease !important;
}

.account-page .flow-header .flow-nav > a:hover,
.account-page .flow-header .flow-nav > a:focus-visible,
.account-page .flow-header .flow-nav > a.is-active {
  color: #111b2d !important;
}

.account-page .flow-header .flow-nav > a:hover::after,
.account-page .flow-header .flow-nav > a:focus-visible::after,
.account-page .flow-header .flow-nav > a.is-active::after {
  right: 0 !important;
}

@media (max-width: 1180px) and (min-width: 761px) {
  .account-page .flow-header .flow-nav { gap: 15px !important; }
  .account-page .flow-header .flow-nav > a { font-size: 10px !important; }
}

@media (max-width: 940px) {
  .account-page .flow-header .flow-shell {
    width: min(calc(100% - 34px), 1320px) !important;
  }
}

@media (max-width: 720px) {
  .account-page .flow-header {
    height: 62px !important;
    min-height: 62px !important;
  }
  .account-page .flow-header .flow-shell {
    height: 62px !important;
    min-height: 62px !important;
  }
}