/* Shared dashboard header language.
   Visual identity is shared; dimensions and type scales remain view-specific. */
html body[data-view="commandCenter"] .topbar > div:first-of-type h1,
html body[data-view="gmDashboard"] .topbar > div:first-of-type h1,
html body[data-view="commandCenter"] .exec-hero,
html body[data-view="gmDashboard"] .gm-board-intro {
  font-family: Inter, Arial, Helvetica, sans-serif !important;
}

html body[data-view="commandCenter"] .exec-hero,
html body[data-view="gmDashboard"] .gm-board-intro {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid #234e78 !important;
  border-radius: 13px !important;
  color: #fff !important;
  background: linear-gradient(115deg, #102f52 0%, #17466f 68%, #205d86 100%) !important;
}

html body[data-view="commandCenter"] .exec-hero::after,
html body[data-view="gmDashboard"] .gm-board-intro::after {
  content: "AQ360" !important;
  position: absolute !important;
  top: 50% !important;
  right: 8% !important;
  color: rgba(255, 255, 255, .035) !important;
  font-family: Inter, Arial, Helvetica, sans-serif !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: -.07em !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
}

html body[data-view="commandCenter"] .exec-hero > *,
html body[data-view="gmDashboard"] .gm-board-intro > * {
  position: relative !important;
  z-index: 1 !important;
}

html body[data-view="commandCenter"] .exec-hero h1 {
  font-family: Inter, Arial, Helvetica, sans-serif !important;
  font-size: 29px !important;
  font-weight: 800 !important;
}

html body[data-view="gmDashboard"] .gm-board-intro h1 {
  font-family: Inter, Arial, Helvetica, sans-serif !important;
  font-size: 27px !important;
  font-weight: 800 !important;
}

html body[data-view="commandCenter"] .exec-hero::after {
  font-size: 180px !important;
}

html body[data-view="gmDashboard"] .gm-board-intro::after {
  right: 30% !important;
  font-size: 70px !important;
}

/* Working modules use a compact surface instead of the executive hero. */
html body[data-view="crm"] .aq-crm-pagehead {
  padding: 12px 14px 0 !important;
  border: 1px solid #d8e2eb !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 7px 20px rgba(18, 43, 70, .035) !important;
}

html body[data-view="crm"] .aq-crm-pagehead > div:first-child > p {
  color: #2d638e !important;
  font-family: Inter, Arial, Helvetica, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
}

html body[data-view="crm"] .aq-crm-pagehead h1 {
  color: #122640 !important;
  font-family: Inter, Arial, Helvetica, sans-serif !important;
  font-size: 25px !important;
  font-weight: 800 !important;
}

html body[data-view="crm"] .aq-crm-pagehead > div:first-child > span {
  color: #72839b !important;
}