/* Cookie consent banner */
.cookie-consent-banner,
.cookie-consent-banner [class*="atl-bsc"],
.cookie-consent-banner div[role="dialog"] {
  background: #080225 !important;
  color: #E6E6E9 !important;
  border-color: #393551 !important;
}

.cookie-consent-banner *,
.cookie-consent-banner [class*="atl-bsc"] * {
  color: #E6E6E9 !important;
}

.cookie-consent-banner a,
.cookie-consent-banner a *,
.cookie-consent-banner [id="cookiesTrackingNoticeLink"] {
  color: #00C1DE !important;
  text-decoration: underline !important;
}

.cookie-consent-banner button {
  background: #11809F !important;
  color: #FFFFFF !important;
  border-color: #11809F !important;
}

.cookie-consent-banner button[appearance="subtle"],
.cookie-consent-banner button:first-of-type {
  background: transparent !important;
  color: #E6E6E9 !important;
  border-color: #393551 !important;
}

/* Cookie preferences modal */
div[role="dialog"][aria-modal="true"],
div[role="dialog"][aria-modal="true"] * {
  background-color: #080225 !important;
  color: #E6E6E9 !important;
  border-color: #393551 !important;
}

div[role="dialog"][aria-modal="true"] a {
  color: #00C1DE !important;
}

/* Cookie saved confirmation flag */
[role="alert"],
[role="alert"] > div,
[role="alert"] [data-testid],
[role="alert"] [data-testid$="-description"] {
  background: #080225 !important;
  background-color: #080225 !important;
  color: #E6E6E9 !important;
  border-color: #393551 !important;
}

[role="alert"] * {
  color: #E6E6E9 !important;
}

[role="alert"] a {
  color: #00C1DE !important;
}

[role="alert"] button {
  color: #00C1DE !important;
}

[role="alert"] svg,
[role="alert"] svg * {
  color: #4DAF95 !important;
  fill: #4DAF95 !important;
}

/* Component description tooltip trigger */
.component-inner-container .tooltip-base.tool {
  background: transparent !important;
  border-color: #00C1DE !important;
  color: #00C1DE !important;
  opacity: 1 !important;
}

.component-inner-container .tooltip-base.tool:hover,
.component-inner-container .tooltip-base.tool:focus {
  background: rgba(0, 193, 222, 0.14) !important;
  border-color: #00C1DE !important;
  color: #E6E6E9 !important;
  outline: 2px solid #00C1DE !important;
  outline-offset: 2px !important;
}

/* Tooltip panel shown after activating the question mark */
.tooltipster-base.tooltipster-borderless .tooltipster-box {
  background: #080225 !important;
  border: 1px solid #393551 !important;
}

.tooltipster-base.tooltipster-borderless .tooltipster-content {
  color: #E6E6E9 !important;
}

/* Filled buttons generated from the Link color setting */
.flat-button,
.masthead .updates-dropdown-container .show-updates-dropdown,
.layout-content.status-full-history .show-filter.open {
  background-color: #11809F !important;
  border-color: #11809F !important;
  color: #FFFFFF !important;
}

.flat-button:hover,
.flat-button:focus,
.masthead .updates-dropdown-container .show-updates-dropdown:hover,
.masthead .updates-dropdown-container .show-updates-dropdown:focus,
.layout-content.status-full-history .show-filter.open:hover,
.layout-content.status-full-history .show-filter.open:focus {
  background-color: #0E6F88 !important;
  border-color: #0E6F88 !important;
  color: #FFFFFF !important;
}

/* Degraded-service yellow is bright, so use dark text on filled yellow surfaces */
.layout-content.status.status-index .page-status.status-minor,
.layout-content.status.status-index .status-day .update-title.impact-minor a,
.layout-content.status.status-index .status-day .update-title.impact-minor a:hover,
.layout-content.status.status-index .unresolved-incident.impact-minor .incident-title,
.layout-content.status.status-index .scheduled-incidents-container .tab {
  color: #030723 !important;
}

/* Inactive-page message links sit on a white panel */
.layout-content.status-internal .message-container a {
  color: #11809F !important;
}

/* Admin-only inactive-page prompt shown to logged-in team members */
.activate-page-prompt {
  background-color: #FFC700 !important;
  color: #030723 !important;
}

.activate-page-prompt a {
  color: #030723 !important;
  font-weight: 700 !important;
}