/* ---------- Full-width white header ---------- */
body { overflow-x: hidden; }

.layout-content.status .masthead-container.basic {
  background-color: #fff;
  padding: 0;
  margin-bottom: 3rem;
  /* Fallback: extends the white past any max-width wrapper */
  box-shadow: 0 0 0 100vmax #fff;
  clip-path: inset(0 -100vmax);
}

.layout-content.status .masthead-container.basic .masthead {
  background-color: transparent;
  padding: 1.25rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.layout-content.status .masthead-container.basic .masthead .logo-container img {
  height: auto;
  width: 100%;
  max-width: 224px;
  max-height: unset;
}

/* ---------- Status banner: dark text instead of white ---------- */
.page-status.status-none,
.page-status.status-minor,
.page-status .status {
  color: #1a1a1a !important;
  text-shadow: none;
}

/* Same fix for the history page and incident banners */
.unresolved-incident .incident-title,
.unresolved-incident .incident-title a {
  color: #1a1a1a !important;
}
/* ---------- Right-align the subscribe button ---------- */
.layout-content.status .masthead-container.basic .masthead {
  width: 100%;
}

.layout-content.status .masthead-container.basic .updates-dropdown-container {
  margin-left: auto;
  float: none;
  text-align: right;
}
/* ---------- Invert the components section ---------- */
.components-section .components-container {
  background-color: #fff;
  border-color: #e5e5e5;
  border-radius: 4px;
}

.components-section .component-container {
  background-color: #fff;
  border-color: #e5e5e5;
}

.components-section .component-container .name,
.components-section .component-container .component-inner-container {
  color: #1a1a1a;
}

/* "60 days ago", "100 % uptime", "Today" */
.components-section .legend,
.components-section .legend .legend-item {
  color: #6b6b6b;
}
.components-section .legend .spacer {
  background-color: #e5e5e5;
}

/* Expand/collapse icon on component groups */
.components-section .component-container .group-parent-indicator {
  color: #6b6b6b;
}

/* Lime text is hard to read on white, so use a darker green */
.components-section .component-status {
  color: #3d7a0a !important;
}
/* ---------- Tighter spacing around the status banner ---------- */
.layout-content.status .masthead-container.basic {
  margin-bottom: 1.5rem; /* was 3rem */
}

.layout-content.status.status-index .page-status {
  margin-top: 0;
  margin-bottom: 1.5rem;
}

/* Collapse any empty incident/maintenance blocks that leave a gap */
.layout-content.status .unresolved-incidents:empty,
.layout-content.status .scheduled-maintenances:empty {
  display: none;
}

.layout-content.status .components-section {
  margin-top: 0;
}

/* ---------- "View historical uptime" link ---------- */
.layout-content.status a[href*="uptime"] {
  color: #9be33a !important;
}
.layout-content.status a[href*="uptime"]:hover {
  color: #c4f27a !important;
}