/* BMC v77 — header color-only correction.
   Scope is limited to the public pill header. */

/* Neutral outer pill: no red outline and no grey/ash fill. */
.topbar .topbar-inner,
.topbar.bmc-viewport-fixed .topbar-inner,
body > .topbar .topbar-inner{
  border-color:rgba(255,255,255,.10)!important;
  background:#080a0f!important;
  box-shadow:0 10px 28px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.055)!important;
}

.topbar .nav{
  background:#0d1016!important;
  border-color:rgba(255,255,255,.08)!important;
}

.topbar .icon-btn.mobile-menu,
.topbar .notification-bell,
.topbar .account-chip{
  background:#0d1016!important;
  border-color:rgba(255,255,255,.11)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}

/* Keep only the active action/theme accent colored; never color the pill border. */
.topbar .icon-btn.mobile-menu{
  color:#ffffff!important;
}

/* Light theme: clean white pill, not grey/ash, with a neutral outline. */
html[data-theme="light"] .topbar .topbar-inner,
body[data-theme="light"] .topbar .topbar-inner,
[data-theme="light"] .topbar .topbar-inner,
html.light .topbar .topbar-inner,
body.light .topbar .topbar-inner,
.theme-light .topbar .topbar-inner{
  border-color:rgba(17,24,39,.10)!important;
  background:#ffffff!important;
  box-shadow:0 10px 26px rgba(15,23,42,.12),inset 0 1px 0 #ffffff!important;
}

html[data-theme="light"] .topbar .nav,
body[data-theme="light"] .topbar .nav,
[data-theme="light"] .topbar .nav,
html.light .topbar .nav,
body.light .topbar .nav,
.theme-light .topbar .nav{
  background:#f7f8fb!important;
  border-color:rgba(17,24,39,.08)!important;
}

html[data-theme="light"] .topbar .icon-btn.mobile-menu,
html[data-theme="light"] .topbar .notification-bell,
html[data-theme="light"] .topbar .account-chip,
body[data-theme="light"] .topbar .icon-btn.mobile-menu,
body[data-theme="light"] .topbar .notification-bell,
body[data-theme="light"] .topbar .account-chip,
[data-theme="light"] .topbar .icon-btn.mobile-menu,
[data-theme="light"] .topbar .notification-bell,
[data-theme="light"] .topbar .account-chip,
html.light .topbar .icon-btn.mobile-menu,
html.light .topbar .notification-bell,
html.light .topbar .account-chip,
body.light .topbar .icon-btn.mobile-menu,
body.light .topbar .notification-bell,
body.light .topbar .account-chip,
.theme-light .topbar .icon-btn.mobile-menu,
.theme-light .topbar .notification-bell,
.theme-light .topbar .account-chip{
  background:#ffffff!important;
  border-color:rgba(17,24,39,.10)!important;
  color:#111827!important;
  box-shadow:0 4px 12px rgba(15,23,42,.07)!important;
}

html[data-theme="light"] .topbar .icon-btn.mobile-menu,
body[data-theme="light"] .topbar .icon-btn.mobile-menu,
[data-theme="light"] .topbar .icon-btn.mobile-menu,
html.light .topbar .icon-btn.mobile-menu,
body.light .topbar .icon-btn.mobile-menu,
.theme-light .topbar .icon-btn.mobile-menu{
  color:#111827!important;
}