:root{--sandbox-red:#641b1b;--sandbox-dark:#481111}
.portal-header,header.portal-header{
  background:linear-gradient(
    135deg,var(--sandbox-dark),var(--sandbox-red),#771f1f
  )!important
}
.sandbox-brand-badge{
  display:inline-flex;margin-left:6px;padding:2px 7px;
  border-radius:999px;background:#fff;color:#641b1b;
  font-size:.64rem;font-weight:900;letter-spacing:.08em
}
.sandbox-testing-banner{
  position:relative;z-index:45;border-bottom:1px solid #b98a1e;
  background:repeating-linear-gradient(
    -45deg,#f9e8ad,#f9e8ad 12px,#f4d77e 12px,#f4d77e 24px
  );
  color:#3f2600;box-shadow:0 3px 9px rgba(63,38,0,.14)
}
.sandbox-testing-banner-inner{
  display:flex;align-items:center;justify-content:center;gap:12px;
  min-height:38px;padding-top:7px;padding-bottom:7px;text-align:center
}
.sandbox-testing-banner strong{font-weight:900;letter-spacing:.04em}
.sandbox-testing-banner span{font-size:.86rem;font-weight:650}
@media(max-width:760px){
  .sandbox-testing-banner-inner{display:block;padding:8px 12px}
  .sandbox-testing-banner strong,
  .sandbox-testing-banner span{display:block}
  .sandbox-testing-banner span{margin-top:2px;font-size:.78rem}
}


/* Version 7.6.3 — sandbox mobile drawer identity */
@media(max-width:960px){
  #primary-nav.portal-nav{
    background:linear-gradient(
      180deg,
      #4b1111 0%,
      #611919 48%,
      #3f0e0e 100%
    )!important;
    box-shadow:-14px 0 40px rgba(35,8,8,.34)!important;
  }

  #primary-nav.portal-nav .portal-nav-dropdown-menu{
    background:rgba(255,255,255,.09)!important;
  }

  #primary-nav.portal-nav a:hover,
  #primary-nav.portal-nav a:focus-visible,
  #primary-nav.portal-nav .portal-nav-dropdown-toggle:hover,
  #primary-nav.portal-nav .portal-nav-dropdown-toggle:focus-visible{
    background:rgba(255,255,255,.13)!important;
    color:#fff!important;
  }

  #primary-nav.portal-nav .portal-logout-link{
    background:rgba(255,255,255,.08)!important;
  }
}


/* Version 7.8.0 — notification page must retain sandbox maroon header */
.page-notifications .portal-header,
.page-notifications header.portal-header{
  background:linear-gradient(
    135deg,
    var(--sandbox-dark),
    var(--sandbox-red),
    #771f1f
  )!important;
  color:#fff!important;
}