/* Statuspage custom CSS: two-column icon-only components, uniform bg, branded links/buttons (#004C46) */

/* 1. Two-column grid, self-contained (doesn't rely on Statuspage's native ancestor-scoped rule) */
.components-container.two-columns {
  overflow: hidden;
}

.components-container.two-columns .component-container {
  width: 50% !important;
  float: left !important;
  box-sizing: border-box;
  border-bottom: 1px solid #e0e0e0;
}

.components-container.two-columns .component-container:nth-child(odd) {
  border-right: 1px solid #e0e0e0;
  clear: left;
}

@media screen and (max-width: 700px) {
  .components-container.two-columns .component-container {
    width: 100% !important;
    float: none !important;
    border-right: none !important;
  }
}

/* 2. Uniform row background, no odd/even two-tone */
.components-container.two-columns .component-container,
.components-container.two-columns .component-container:nth-child(odd),
.components-container.two-columns .component-container:nth-child(even) {
  background-color: #ffffff !important;
}

.components-container .component-container {
  background-color: #ffffff !important;
}

/* 3. Icon-only status: hide text label, show Statuspage's native icon-indicator button */
.components-container.two-columns .component-status {
  display: none !important;
}

.components-container.two-columns .icon-indicator {
  display: inline-block !important;
  float: right;
}

/* 4. Subscribe button + links -> #004C46 (covers main page, incident pages, and modal button variants) */
.flat-button,
.layout-content.status .masthead-container .updates-dropdown-container .show-updates-dropdown,
#show-updates-dropdown,
.subscribe-button,
.incident-subscribe-btn {
  background-color: #004C46 !important;
  border-color: #004C46 !important;
}

.flat-button:hover,
.subscribe-button:hover,
.incident-subscribe-btn:hover,
#show-updates-dropdown:hover {
  background-color: #00332f !important;
}

.updates-dropdown-container a,
.updates-dropdown a {
  color: #004C46;
}

a {
  color: #004C46;
}
a:hover {
  color: #00332f;
}

/* 5. Page status banner */
.layout-content.status.status-index .page-status.status-none {
  background-color: #004C46 !important;
}

/* 6. Incident history: hide empty days, normal link color instead of severity color-coding */
.status-day.no-incidents {
  display: none !important;
}

.incident-title a {
  color: #004C46 !important;
}