/* Elevate R37 UI12 — Product Header Structure R1
   Common header anatomy only. Existing grids, data IDs and event handlers remain in place. */
.dashboard-page .ui-product-header{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  font-family:var(--elevate-font-sans)!important;
}
.dashboard-page .ui-product-header .header-action-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:30px!important;
  padding:5px 8px!important;
  border:1px solid rgba(148,163,184,.34)!important;
  border-radius:var(--elevate-radius-md)!important;
  background:rgba(255,255,255,.05)!important;
  text-decoration:none!important;
  font-size:10px!important;
  line-height:1.1!important;
  font-weight:var(--elevate-weight-bold)!important;
  white-space:nowrap!important;
}
.dashboard-page .ui-product-header .header-action-link:hover:not(:disabled){
  border-color:rgba(96,165,250,.72)!important;
  background:rgba(96,165,250,.10)!important;
}
.dashboard-page .ui-product-header .header-action-link:focus-visible{
  outline:2px solid var(--elevate-info)!important;
  outline-offset:2px!important;
}

/* Option header: utilities behave as a coherent action group instead of text separated by dots. */
.dashboard-page .ui-product-header-option .market-info-account{
  gap:6px!important;
  flex-wrap:wrap!important;
}
.dashboard-page .ui-product-header-option .market-info-account .header-separator{
  display:none!important;
}
.dashboard-page .ui-product-header-option .header-title h1{
  letter-spacing:-.015em!important;
}

/* Wealth header: use the same utility action language while retaining Wealth's light product identity. */
.dashboard-page .ui-product-header-wealth .wealth-product-actions{
  gap:6px!important;
  align-items:center!important;
}
.dashboard-page .ui-product-header-wealth .header-action-link{
  color:#1d4ed8!important;
  border-color:#cbd5e1!important;
  background:#fff!important;
}
.dashboard-page .ui-product-header-wealth .header-action-link:hover:not(:disabled){
  border-color:#93c5fd!important;
  background:#eff6ff!important;
}
.dashboard-page .ui-product-header-wealth .wealth-product-title h1{
  letter-spacing:-.015em!important;
}

@media(max-width:768px){
  .dashboard-page .ui-product-header .header-action-link{
    min-height:40px!important;
    padding:8px 10px!important;
    font-size:11px!important;
  }
  .dashboard-page .ui-product-header-option .market-info-account{
    width:100%!important;
    justify-content:center!important;
  }
}

@media(max-width:430px){
  .dashboard-page .ui-product-header-option .market-info-account{
    justify-content:flex-start!important;
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  .dashboard-page .ui-product-header-option .market-info-account::-webkit-scrollbar{display:none!important}
}