/* Header colors are independent of button and navigation colors. */
/* The application top bar uses the business heading, regardless of active role. */
html[data-business-theme][data-business-heading] .topbar,
.theme-sample[data-business-heading] .sample-topbar{
  --business-bar-text:var(--business-header-text);
  background:var(--business-header);
  color:var(--business-bar-text);
}
html[data-business-theme][data-business-heading=degradado] .topbar,
.theme-sample[data-business-heading=degradado] .sample-topbar{
  background:linear-gradient(120deg,var(--business-header),var(--business-heading-end));
}
html[data-business-theme][data-business-heading=blanco] .topbar,
.theme-sample[data-business-heading=blanco] .sample-topbar{
  --business-bar-text:#202b3d;
  background:#fff;color:var(--business-bar-text);border-bottom-color:#dce5ee;
}
html[data-business-theme][data-business-heading] .topbar :is(.top-title h1,.top-title small,.title-icon,.context-button,.context-button small,.context-button>i,.user-button,.user-button small,.avatar,.notification-button,#mobileMenu){
  color:var(--business-bar-text);
}
html[data-business-theme][data-business-heading] .topbar :is(.context-button,.user-button,.notification-button,#mobileMenu){
  background:color-mix(in srgb,var(--business-bar-text) 8%,transparent);
  border-color:color-mix(in srgb,var(--business-bar-text) 24%,transparent);
}
.theme-sample .sample-topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-12px -12px 12px;padding:12px;font-size:calc(10px * var(--business-font-scale,1))}
.sample-topbar>span:last-child{font-size:calc(8px * var(--business-font-scale,1));border:1px solid currentColor;border-radius:20px;padding:4px 7px}
html[data-business-theme][data-business-mode][data-business-heading] :is(.module-hero,.history-hero,.dashboard-hero,.result-hero,.mail-compose-hero,.file-modal-hero),.theme-sample[data-business-mode][data-business-heading] header{
  background:var(--business-header);
  color:var(--business-header-text);
}
html[data-business-theme][data-business-mode][data-business-heading] :is(.module-hero,.history-hero,.dashboard-hero,.result-hero,.mail-compose-hero,.file-modal-hero) :is(h1,h2,h3,p,.eyebrow,small),.theme-sample[data-business-mode][data-business-heading] header :is(h3,p,small){
  color:var(--business-header-text);
}
html[data-business-theme][data-business-mode][data-business-heading=degradado] :is(.module-hero,.history-hero,.dashboard-hero,.result-hero,.mail-compose-hero,.file-modal-hero),
.theme-sample[data-business-mode][data-business-heading=degradado] header{
  background:linear-gradient(120deg,var(--business-header),var(--business-heading-end));
}
html[data-business-theme][data-business-mode][data-business-heading=blanco] :is(.module-hero,.history-hero,.dashboard-hero,.result-hero,.mail-compose-hero,.file-modal-hero),
.theme-sample[data-business-mode][data-business-heading=blanco] header{
  background:#fff;color:#202b3d;border-color:#dce5ee;
}
html[data-business-theme][data-business-mode][data-business-heading=blanco] :is(.module-hero,.history-hero,.dashboard-hero,.result-hero,.mail-compose-hero,.file-modal-hero) :is(h1,h2,h3,p,.eyebrow,small),
.theme-sample[data-business-mode][data-business-heading=blanco] header :is(h3,p,small){
  color:#202b3d;
}