/* Two-column layout for performance metrics */

.components-container.one-column {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    align-items: start;
  }

/* Fix borders - ensure all components have full border */
.components-container.one-column .component-container {
    border: 1px solid rgb(217, 217, 217) !important;
    margin-bottom: 0 !important;
  }

/* Single column on small screens */
@media (max-width: 720px) {
    .components-container.one-column {
        grid-template-columns: 1fr;
      }
}

/* Subscribe button text color */
.subscribe-text-full,
.subscribe-text-short {
    color: #000000 !important;
}

/* Subscribe to updates button background color */
.show-updates-dropdown {
  background-color: #FFB2BF !important;
  border-color: #FFB2BF !important;
}

/* Remove text shadow from all text */
* {
  text-shadow: none !important;
}

/* Remove box-shadow from subscribe button */
.show-updates-dropdown {
  box-shadow: none !important;
}

.unresolved-incident {
			   border-radius: 64px !important;
}

/* Incident/maintenance box: title and Subscribe always black (all impact types) */
.unresolved-incident .incident-title,
.unresolved-incident .incident-title a,
.unresolved-incident .incident-title .actual-title,
.unresolved-incident .incident-title .subscribe,
.unresolved-incident .incident-title .subscribe-container,
.unresolved-incident .incident-title .subscribe-container a,
.unresolved-incident .incident-title button,
.unresolved-incident .incident-title span {
  color: #000000 !important;
}

/* History page: incident titles always #1F4000 regardless of impact */
.months-container .incident-title,
.months-container .incident-title a,
.month .incident-container .incident-title,
.month .incident-container .incident-title a,
.incident-history .incident-title a {
  color: #1F4000 !important;
}


/* Status page "Past Incidents": titles always #1F4000 regardless of impact */
.incidents-list .incident-title,
.incidents-list .incident-title a,
.status-day .incident-container .incident-title,
.status-day .incident-container .incident-title a {
  color: #1F4000 !important;
}


/* Component status text (non-operational) always #1F4000 */
.component-inner-container.status-yellow .component-status,
.component-inner-container.status-orange .component-status,
.component-inner-container.status-red .component-status,
.component-inner-container.status-blue .component-status,
.component-status[title="Degraded Performance"],
.component-status[title="Partial Outage"],
.component-status[title="Major Outage"],
.component-status[title="Under Maintenance"] {
  color: #1F4000 !important;
}


/* All incident titles everywhere (history, past incidents, incident pages) #1F4000 */
html body .incident-title,
html body .incident-title a,
html body a.incident-title,
html body .incident-name,
html body [class*="impact-"].incident-title,
html body .incident-title [class*="impact-"] {
  color: #1F4000 !important;
}

/* Keep the active incident box title + Subscribe black (must win over the rule above) */
html body .unresolved-incident .incident-title,
html body .unresolved-incident .incident-title a,
html body .unresolved-incident .incident-title span,
html body .unresolved-incident .incident-title button,
html body .unresolved-incident .incident-title [class*="impact-"] {
  color: #000000 !important;
}