@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

body, input, button { font-family: 'Roboto', Arial, sans-serif; }
body { color: #181144; background: #FFFFFF; }

/* Masthead: identity is in the cover image.
   Page name is hidden visually but kept for screen readers and the browser tab. */
#cover-image-container { background-size: cover; background-position: center; }
.masthead .page-name {
  position: absolute !important;
  width: 1px; height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.masthead .text-container {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  bottom: auto !important;
  left: auto !important;
  width: auto !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
}

/* Buttons: RMS purple, 4px corners, sentence case */
.masthead .show-updates-dropdown,
.flat-button {
  background: #523399 !important;
  color: #FFFFFF !important;
  border: 0 !important;
  border-radius: 4px !important;
  font-weight: 700;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.masthead .show-updates-dropdown {
  font-size: 15px !important;
  padding: 10px 18px !important;
}
.masthead .show-updates-dropdown:hover,
.flat-button:hover { background: #181144 !important; }

/* Button label: "Subscribe to status updates" (desktop only; mobile keeps "Subscribe") */
.masthead .subscribe-text-full { font-size: 0 !important; }
.masthead .subscribe-text-full::after {
  content: "Subscribe to status updates";
  font-size: 15px;
}

/* Status page: current incident card (purple = active RMS notice) */
.unresolved-incident {
  border: 1px solid #DDE3EB !important;
  border-left: 4px solid #523399 !important;
  border-radius: 8px;
  overflow: hidden;
  background: #F3F0FA !important;
}
.unresolved-incident .incident-title,
.unresolved-incident .updates-container,
.unresolved-incident .update {
  background: transparent !important;
  border: 0 !important;
  color: #181144 !important;
}
.unresolved-incident .incident-title a,
.unresolved-incident .actual-title {
  color: #181144 !important;
  font-weight: 700;
  text-shadow: none !important;
}
.unresolved-incident .subscribe {
  color: #523399 !important;
  font-weight: 700;
  text-decoration: underline;
  text-shadow: none !important;
}
.unresolved-incident.impact-minor { border-left-color: #D97706 !important; background: #FFF7E8 !important; }
.unresolved-incident.impact-major { border-left-color: #E66A46 !important; background: #FDEFEA !important; }
.unresolved-incident.impact-critical { border-left-color: #E32335 !important; background: #FDECEE !important; }
.unresolved-incident.impact-maintenance { border-left-color: #329FE4 !important; background: #EEF6FD !important; }

/* History page: incident cards (neutral by default, coloured by impact) */
.incident-history .incident-container {
  padding: 14px 18px;
  margin-bottom: 12px;
  border: 1px solid #DDE3EB;
  border-left: 4px solid #B8C0CC;
  border-radius: 8px;
  background: #F7F8FA;
}
.incident-history .incident-container:has(> .impact-minor) { border-left-color: #D97706; background: #FFF7E8; }
.incident-history .incident-container:has(> .impact-major) { border-left-color: #E66A46; background: #FDEFEA; }
.incident-history .incident-container:has(> .impact-critical) { border-left-color: #E32335; background: #FDECEE; }
.incident-history .incident-container:has(> .impact-maintenance) { border-left-color: #329FE4; background: #EEF6FD; }
.incident-history .incident-title {
  display: block;
  margin-bottom: 4px;
  color: #181144 !important;
  text-decoration: none;
  font-weight: 700;
  text-shadow: none !important;
}
.incident-history .incident-body { margin: 4px 0 8px; text-align: left !important; }

/* Footer */
.page-footer { border-color: #DDE3EB; }