/* ============================================================
   CloseBot Statuspage - Light Mode Theme
   Paste into: Statuspage -> Customize page and emails -> Custom CSS
   ============================================================ */

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

:root {
  --cb-white: #ffffff;
  --cb-text: #303132;
  --cb-text-rest: #666666;
  --cb-text-disabled: #acacac;
  --cb-blue: #0071c2;
  --cb-blue-hover: #0069b4;
  --cb-blue-selected: #005a9b;
  --cb-blue-light: #d0e7ff;

  --cb-gray-1: #f9fafb;
  --cb-gray-1-5: #f3f4f6;
  --cb-gray-2: #e5e9ed;
  --cb-gray-3: #c8c8c8;

  --cb-success: #008200;
  --cb-success-bg: #ecfdf3;
  --cb-caution: #ba4e00;
  --cb-caution-bg: #fff7ed;
  --cb-failure: #b30000;
  --cb-failure-bg: #fef2f2;
  --cb-degraded: #ca8a04;
  --cb-degraded-bg: #fffbeb;
  --cb-maintenance: #0071c2;
  --cb-maintenance-bg: #e1f1f8;

  --cb-radius-sm: 6px;
  --cb-radius: 8px;
  --cb-radius-lg: 12px;
  --cb-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.08), 0 4px 8px 0 rgba(0, 0, 0, 0.06);
  --cb-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --cb-focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px rgba(0, 113, 194, 0.35);
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body,
body.status,
.layout-content.status {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  background-color: var(--cb-white) !important;
  color: var(--cb-text) !important;
}

body.status .layout-content.status .color-primary,
body.status .layout-content.status .color-primary:hover {
  color: var(--cb-text) !important;
}

body.status .layout-content.status .color-secondary,
body.status .layout-content.status small,
body.status .layout-content.status .table-row .date,
body.status .layout-content.status .grouped-items-selector.inline .grouped-item,
body.status .layout-content.status.status-full-history .history-nav a,
body.status .layout-content.status.status-full-history .history-footer .pagination a.disabled,
body.status .layout-content.status .last-updated-stamp,
body.status .layout-content.status .component-container .name,
body.status .layout-content.status .component-statuses-legend,
body.status .layout-content.status .page-footer,
body.status .layout-content.status .powered-by,
body.status .layout-content.status .help-block,
body.status .layout-content.status .directions,
body.status .layout-content.status .privacy_policy_information,
body.status .layout-content.status .terms_and_privacy_information {
  color: var(--cb-text-rest) !important;
}

body.status .layout-content.status a:not(.flat-button):not(.show-updates-dropdown):not(#show-updates-dropdown),
body.status .layout-content.status .accessible-link {
  color: var(--cb-blue) !important;
  text-decoration: none;
}

body.status .layout-content.status a:not(.flat-button):not(.show-updates-dropdown):not(#show-updates-dropdown):hover,
body.status .layout-content.status a:not(.flat-button):not(.show-updates-dropdown):not(#show-updates-dropdown):focus,
body.status .layout-content.status .accessible-link:hover,
body.status .layout-content.status .accessible-link:focus {
  color: var(--cb-blue-hover) !important;
  text-decoration: underline;
}

body.status .layout-content.status hr,
body.status .layout-content.status .border-color,
body.status .layout-content.status .page-footer,
body.status .layout-content.status .status-day,
body.status div[id^="subscribe-modal"],
body.status #uptime-tooltip .tooltip-box {
  border-color: var(--cb-gray-2) !important;
}

.container {
  max-width: 920px !important;
}

/* ---- Masthead ---- */
 .masthead-container.basic {
  background: var(--cb-white) !important;
  border-bottom: none !important;
  padding: 1.25rem 0 1rem !important;
  margin-bottom: 0.5rem !important;
}

.masthead.has-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 1rem !important;
}

.masthead.has-logo .updates-dropdown-container {
  margin-left: auto !important;
}

.masthead .logo-container,
.logo-container,
.logo-container a {
  display: inline-flex !important;
  align-items: center !important;
}

.logo-container img {
  display: block !important;
  max-height: 48px !important;
  max-width: 260px !important;
  width: auto !important;
  height: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* ---- Subscribe button ---- */
.show-updates-dropdown,
#show-updates-dropdown {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--cb-blue) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: var(--cb-radius) !important;
  padding: 0.5rem 1.25rem !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  line-height: 1.25rem !important;
  box-shadow: var(--cb-shadow-sm) !important;
  transition: background-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease !important;
  text-decoration: none !important;
}

.show-updates-dropdown:hover,
#show-updates-dropdown:hover,
.show-updates-dropdown:focus,
#show-updates-dropdown:focus {
  background: var(--cb-blue-hover) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  box-shadow: var(--cb-shadow) !important;
}

.show-updates-dropdown:active,
#show-updates-dropdown:active {
  transform: scale(0.97);
}

/* Subscribe dropdown and modal */
body.status .layout-content.status .updates-dropdown {
  border: 1px solid var(--cb-gray-2) !important;
  border-radius: var(--cb-radius-lg) !important;
  box-shadow: var(--cb-shadow) !important;
  background: var(--cb-white) !important;
  overflow: hidden !important;
}

body.status .layout-content.status .updates-dropdown-section,
body.status .layout-content.status div[id^="updates-dropdown"] .updates-dropdown-section {
  background: var(--cb-white) !important;
}

body.status .layout-content.status .updates-dropdown-nav a {
  border-radius: var(--cb-radius-sm) !important;
}

body.status .layout-content.status #updates-dropdown-close-btn {
  color: var(--cb-text-rest) !important;
  border-radius: var(--cb-radius-sm) !important;
}

body.status .layout-content.status .updates-dropdown input[type="text"],
body.status .layout-content.status .updates-dropdown input[type="email"],
body.status .layout-content.status .updates-dropdown input[type="tel"],
body.status .layout-content.status .updates-dropdown textarea,
body.status div[id^="subscribe-modal"] input[type="text"],
body.status div[id^="subscribe-modal"] input[type="email"],
body.status div[id^="subscribe-modal"] input[type="tel"],
body.status div[id^="subscribe-modal"] textarea {
  border: 1px solid var(--cb-gray-3) !important;
  border-radius: var(--cb-radius) !important;
  background: var(--cb-white) !important;
  color: var(--cb-text) !important;
  font-family: inherit !important;
  font-size: 0.875rem !important;
  padding: 0.5rem 0.75rem !important;
  box-shadow: none !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

body.status .layout-content.status .updates-dropdown label,
body.status div[id^="subscribe-modal"] label {
  color: var(--cb-text) !important;
  font-weight: 500 !important;
  font-size: 0.875rem !important;
}

body.status .layout-content.status .updates-dropdown input:focus,
body.status div[id^="subscribe-modal"] input:focus,
body.status .layout-content.status .updates-dropdown textarea:focus,
body.status div[id^="subscribe-modal"] textarea:focus {
  outline: none !important;
  border-color: var(--cb-blue) !important;
  box-shadow: var(--cb-focus-ring) !important;
}

body.status .layout-content.status .flat-button,
body.status .layout-content.status .flat-button.full-width,
body.status .layout-content.status input.flat-button[type="submit"],
body.status .layout-content.status a.flat-button {
  background: var(--cb-blue) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: var(--cb-radius) !important;
  font-family: inherit !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  padding: 0.625rem 1rem !important;
  box-shadow: var(--cb-shadow-sm) !important;
  transition: background-color 0.2s ease, transform 0.15s ease !important;
}

body.status .layout-content.status .flat-button:hover,
body.status .layout-content.status .flat-button:focus,
body.status .layout-content.status input.flat-button[type="submit"]:hover,
body.status .layout-content.status a.flat-button:hover {
  background: var(--cb-blue-hover) !important;
  color: #ffffff !important;
}

body.status .layout-content.status .flat-button.background-red {
  background: var(--cb-failure) !important;
}

/* ---- Top status banner ---- */
 .page-status,
 .layout-content.status.status-index .page-status {
  position: relative !important;
  overflow: hidden !important;
  border-radius: var(--cb-radius-lg) !important;
  padding: 1rem 1.25rem !important;
  margin: 1.25rem 0 1.5rem !important;
  box-shadow: var(--cb-shadow) !important;
  border: 1px solid transparent !important;
}

.page-status::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0) 40%);
  pointer-events: none;
}

 .layout-content.status.status-index .page-status.status-none,
 .page-status.status-none {
  background: var(--cb-blue) !important;
  border-color: var(--cb-blue) !important;
  color: #ffffff !important;
}

 .layout-content.status.status-index .page-status.status-critical,
 .page-status.status-critical {
  background: linear-gradient(120deg, #b30000 0%, #dc2626 100%) !important;
  color: #ffffff !important;
}

 .layout-content.status.status-index .page-status.status-major,
 .page-status.status-major {
  background: linear-gradient(120deg, #ba4e00 0%, #dd6b20 100%) !important;
  color: #ffffff !important;
}

 .layout-content.status.status-index .page-status.status-minor,
 .page-status.status-minor {
  background: linear-gradient(120deg, #ca8a04 0%, #f59e0b 100%) !important;
  color: #ffffff !important;
}

 .layout-content.status.status-index .page-status.status-maintenance,
 .page-status.status-maintenance {
  background: linear-gradient(120deg, #005a9b 0%, #0071c2 100%) !important;
  color: #ffffff !important;
}

 .font-largest,
 .page-status .status,
 span.status.font-large,
 .layout-content.status-index .page-status .status {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
}

.layout-content.status.status-index .page-status.status-none .status,
.page-status.status-none .status,
.page-status.status-none span.status {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.18) !important;
}

.layout-content.status.status-index .page-status.status-none .status::before,
.page-status.status-none .status::before,
.page-status.status-none span.status::before {
  content: "\2713";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 999px;
  background: #ecfdf3;
  color: var(--cb-success);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
}

/* ---- Components section ---- */
.components-section {
  margin-top: 0.5rem !important;
}

.components-section.font-regular {
  color: var(--cb-text-rest) !important;
  font-size: 0.875rem !important;
}

body.status .layout-content.status.status-index .components-container.one-column,
body.status .layout-content.status.status-index .components-container.two-columns {
  background: var(--cb-white) !important;
  border: 1px solid var(--cb-gray-2) !important;
  border-radius: var(--cb-radius-lg) !important;
  box-shadow: var(--cb-shadow-sm) !important;
  padding: 0 !important;
  overflow: hidden !important;
}

 .component-container {
  border: 0 !important;
  border-top: 1px solid var(--cb-gray-2) !important;
  padding: 0.875rem 1.25rem !important;
}

body.status .layout-content.status.status-index .components-container .component-container:first-child {
  border-top: 0 !important;
}

body.status .layout-content.status.status-index .components-container .component-container .name,
body.status .layout-content.status.status-index .components-statuses .component-container .name {
  color: var(--cb-text) !important;
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  opacity: 1 !important;
}

body.status .layout-content.status.status-index .components-container .component-inner-container {
  border-radius: var(--cb-radius-sm) !important;
}

 .component-status {
  font-size: 0.75rem !important;
  font-weight: 500 !important;
}

/* One-column and two-column semantic status coloring */
body.status .layout-content.status.status-index .components-container .component-inner-container.status-green .component-status,
body.status .layout-content.status.status-index .components-statuses .component-container.status-green .component-status,
body.status .layout-content.status.status-index .component-status.operational {
  color: var(--cb-success) !important;
  background: var(--cb-success-bg) !important;
}

body.status .layout-content.status.status-index .components-container .component-inner-container.status-yellow .component-status,
body.status .layout-content.status.status-index .components-statuses .component-container.status-yellow .component-status,
body.status .layout-content.status.status-index .component-status.degraded_performance {
  color: var(--cb-degraded) !important;
  background: var(--cb-degraded-bg) !important;
}

body.status .layout-content.status.status-index .components-container .component-inner-container.status-orange .component-status,
body.status .layout-content.status.status-index .components-statuses .component-container.status-orange .component-status,
body.status .layout-content.status.status-index .component-status.partial_outage {
  color: var(--cb-caution) !important;
  background: var(--cb-caution-bg) !important;
}

body.status .layout-content.status.status-index .components-container .component-inner-container.status-red .component-status,
body.status .layout-content.status.status-index .components-statuses .component-container.status-red .component-status,
body.status .layout-content.status.status-index .component-status.major_outage {
  color: var(--cb-failure) !important;
  background: var(--cb-failure-bg) !important;
}

body.status .layout-content.status.status-index .components-container .component-inner-container.status-blue .component-status,
body.status .layout-content.status.status-index .component-status.under_maintenance {
  color: var(--cb-maintenance) !important;
  background: var(--cb-maintenance-bg) !important;
}

body.status .layout-content.status.status-index .components-section .component-statuses-legend .legend-item.status-green,
body.status .layout-content.status.status-index .components-section .component-statuses-legend .legend-item.status-green .icon-indicator {
  color: var(--cb-success) !important;
}

body.status .layout-content.status.status-index .components-section .component-statuses-legend .legend-item.status-yellow,
body.status .layout-content.status.status-index .components-section .component-statuses-legend .legend-item.status-yellow .icon-indicator {
  color: var(--cb-degraded) !important;
}

body.status .layout-content.status.status-index .components-section .component-statuses-legend .legend-item.status-orange,
body.status .layout-content.status.status-index .components-section .component-statuses-legend .legend-item.status-orange .icon-indicator {
  color: var(--cb-caution) !important;
}

body.status .layout-content.status.status-index .components-section .component-statuses-legend .legend-item.status-red,
body.status .layout-content.status.status-index .components-section .component-statuses-legend .legend-item.status-red .icon-indicator {
  color: var(--cb-failure) !important;
}

body.status .layout-content.status.status-index .components-section .component-statuses-legend .legend-item.status-blue,
body.status .layout-content.status.status-index .components-section .component-statuses-legend .legend-item.status-blue .icon-indicator {
  color: var(--cb-maintenance) !important;
}

body.status .layout-content.status .components-uptime-link {
  display: block !important;
  margin-bottom: 0.75rem !important;
  color: var(--cb-text-rest) !important;
  font-weight: 500 !important;
}

body.status .layout-content.status .components-uptime-link a,
body.status .layout-content.status .components-uptime-link a:visited {
  color: var(--cb-blue) !important;
  text-decoration: underline !important;
}

body.status .layout-content.status .components-uptime-link a:hover,
body.status .layout-content.status .components-uptime-link a:focus {
  color: var(--cb-blue-hover) !important;
}

body.status .layout-content.status .components-uptime-link.history-footer-link {
  color: var(--cb-text-rest) !important;
}

body.status .layout-content.status .history-footer-link {
  color: var(--cb-blue) !important;
  font-weight: 500 !important;
}

.availability-time-line-graphic {
  border-radius: 2px !important;
}

/* ---- Incidents ---- */
body.status .layout-content.status.status-index .incidents,
body.status .layout-content.status.status-full-history .incidents-list {
  margin-bottom: 2rem !important;
}

 .status-day {
  background: var(--cb-white) !important;
  border: 1px solid var(--cb-gray-2) !important;
  border-radius: var(--cb-radius-lg) !important;
  padding: 1rem 1.25rem !important;
  margin-bottom: 0.75rem !important;
  box-shadow: var(--cb-shadow-sm) !important;
}

body.status .layout-content.status .status-day.no-incidents {
  color: var(--cb-text-rest) !important;
}

body.status .layout-content.status .status-day .date {
  color: var(--cb-text) !important;
  font-weight: 600 !important;
  border-bottom-color: var(--cb-gray-2) !important;
  padding-bottom: 0.5rem !important;
  margin-bottom: 0.75rem !important;
}

body.status .layout-content.status.status-index .incidents-list .incident-title,
body.status .layout-content.status.status-index .incidents-list .incident-title a,
body.status .layout-content.status.status-full-history .month .incident-container .incident-title {
  color: var(--cb-text) !important;
  font-weight: 600 !important;
}

body.status .layout-content.status .incident-title.impact-none a,
body.status .layout-content.status.status-index .status-day .update-title.impact-none a {
  color: var(--cb-text) !important;
}

body.status .layout-content.status .incident-title.impact-critical a,
body.status .layout-content.status.status-index .status-day .update-title.impact-critical a,
body.status .layout-content.status.status-index .incidents-list .incident-title.impact-critical a,
body.status .layout-content.status.status-full-history .month .incident-container .impact-critical,
body.status .layout-content.status.status-incident .incident-name.impact-critical,
body.status .layout-content.status.status-incident .incident-title.impact-critical a {
  color: var(--cb-failure) !important;
}

body.status .layout-content.status .incident-title.impact-major a,
body.status .layout-content.status.status-index .status-day .update-title.impact-major a,
body.status .layout-content.status.status-full-history .month .incident-container .impact-major,
body.status .layout-content.status.status-incident .incident-title.impact-major a {
  color: var(--cb-caution) !important;
}

body.status .layout-content.status .incident-title.impact-minor a,
body.status .layout-content.status.status-index .status-day .update-title.impact-minor a,
body.status .layout-content.status.status-full-history .month .incident-container .impact-minor,
body.status .layout-content.status.status-incident .incident-title.impact-minor a {
  color: var(--cb-degraded) !important;
}

body.status .layout-content.status .incident-title.impact-maintenance a,
body.status .layout-content.status.status-full-history .month .incident-container .impact-maintenance,
body.status .layout-content.status.status-incident .incident-title.impact-maintenance a {
  color: var(--cb-maintenance) !important;
}

body.status .layout-content.status.status-incident .incident .update,
body.status .layout-content.status.status-index .unresolved-incident .update {
  border-left: 3px solid var(--cb-gray-2) !important;
  padding-left: 1rem !important;
  margin-left: 0.25rem !important;
}

body.status .layout-content.status.status-incident .incident .update.resolved,
body.status .layout-content.status.status-index .unresolved-incident .update.resolved {
  border-left-color: var(--cb-success) !important;
}

body.status .layout-content.status.status-incident .incident .update.monitoring,
body.status .layout-content.status.status-index .unresolved-incident .update.monitoring {
  border-left-color: var(--cb-maintenance) !important;
}

body.status .layout-content.status.status-incident .incident .update.identified,
body.status .layout-content.status.status-index .unresolved-incident .update.identified {
  border-left-color: var(--cb-degraded) !important;
}

body.status .layout-content.status.status-incident .incident .update.investigating,
body.status .layout-content.status.status-index .unresolved-incident .update.investigating {
  border-left-color: var(--cb-caution) !important;
}

body.status .layout-content.status.status-index .unresolved-incident {
  border-radius: var(--cb-radius-lg) !important;
  border: 1px solid var(--cb-gray-2) !important;
  background: var(--cb-white) !important;
  padding: 1rem !important;
  margin-bottom: 1rem !important;
  box-shadow: var(--cb-shadow-sm) !important;
}

body.status .layout-content.status.status-index .unresolved-incident.impact-critical .updates {
  border-color: var(--cb-failure) !important;
}

body.status .layout-content.status.status-index .unresolved-incident.impact-major .updates {
  border-color: var(--cb-caution) !important;
}

body.status .layout-content.status.status-index .unresolved-incident.impact-minor .updates {
  border-color: var(--cb-degraded) !important;
}

/* Keep high contrast inside colored unresolved incident headers */
body.status .layout-content.status.status-index .unresolved-incident.impact-critical .incident-title,
body.status .layout-content.status.status-index .unresolved-incident.impact-major .incident-title,
body.status .layout-content.status.status-index .unresolved-incident.impact-minor .incident-title,
body.status .layout-content.status.status-index .unresolved-incident.impact-maintenance .incident-title {
  color: #ffffff !important;
}

body.status .layout-content.status.status-index .unresolved-incident.impact-critical .incident-title a,
body.status .layout-content.status.status-index .unresolved-incident.impact-major .incident-title a,
body.status .layout-content.status.status-index .unresolved-incident.impact-minor .incident-title a,
body.status .layout-content.status.status-index .unresolved-incident.impact-maintenance .incident-title a,
body.status .layout-content.status.status-index .unresolved-incident.impact-critical .incident-title .actual-title,
body.status .layout-content.status.status-index .unresolved-incident.impact-major .incident-title .actual-title,
body.status .layout-content.status.status-index .unresolved-incident.impact-minor .incident-title .actual-title,
body.status .layout-content.status.status-index .unresolved-incident.impact-maintenance .incident-title .actual-title,
body.status .layout-content.status.status-index .unresolved-incident.impact-critical .incident-title .subscribe,
body.status .layout-content.status.status-index .unresolved-incident.impact-major .incident-title .subscribe,
body.status .layout-content.status.status-index .unresolved-incident.impact-minor .incident-title .subscribe,
body.status .layout-content.status.status-index .unresolved-incident.impact-maintenance .incident-title .subscribe,
body.status .layout-content.status.status-index .unresolved-incident.impact-critical .incident-title .subscribe-button,
body.status .layout-content.status.status-index .unresolved-incident.impact-major .incident-title .subscribe-button,
body.status .layout-content.status.status-index .unresolved-incident.impact-minor .incident-title .subscribe-button,
body.status .layout-content.status.status-index .unresolved-incident.impact-maintenance .incident-title .subscribe-button {
  color: #ffffff !important;
  text-decoration: none !important;
}

body.status .layout-content.status.status-index .unresolved-incident.impact-critical .incident-title a:hover,
body.status .layout-content.status.status-index .unresolved-incident.impact-major .incident-title a:hover,
body.status .layout-content.status.status-index .unresolved-incident.impact-minor .incident-title a:hover,
body.status .layout-content.status.status-index .unresolved-incident.impact-maintenance .incident-title a:hover,
body.status .layout-content.status.status-index .unresolved-incident.impact-critical .incident-title a:focus,
body.status .layout-content.status.status-index .unresolved-incident.impact-major .incident-title a:focus,
body.status .layout-content.status.status-index .unresolved-incident.impact-minor .incident-title a:focus,
body.status .layout-content.status.status-index .unresolved-incident.impact-maintenance .incident-title a:focus,
body.status .layout-content.status.status-index .unresolved-incident.impact-critical .incident-title a:visited,
body.status .layout-content.status.status-index .unresolved-incident.impact-major .incident-title a:visited,
body.status .layout-content.status.status-index .unresolved-incident.impact-minor .incident-title a:visited,
body.status .layout-content.status.status-index .unresolved-incident.impact-maintenance .incident-title a:visited,
body.status .layout-content.status.status-index .unresolved-incident.impact-critical .incident-title .subscribe:hover,
body.status .layout-content.status.status-index .unresolved-incident.impact-major .incident-title .subscribe:hover,
body.status .layout-content.status.status-index .unresolved-incident.impact-minor .incident-title .subscribe:hover,
body.status .layout-content.status.status-index .unresolved-incident.impact-maintenance .incident-title .subscribe:hover,
body.status .layout-content.status.status-index .unresolved-incident.impact-critical .incident-title .subscribe:focus,
body.status .layout-content.status.status-index .unresolved-incident.impact-major .incident-title .subscribe:focus,
body.status .layout-content.status.status-index .unresolved-incident.impact-minor .incident-title .subscribe:focus,
body.status .layout-content.status.status-index .unresolved-incident.impact-maintenance .incident-title .subscribe:focus {
  color: #ffffff !important;
  text-decoration: underline !important;
}

/* Final fallback: force white foreground on colored incident header bars */
body.status .layout-content.status.status-index .unresolved-incident.impact-critical .incident-title,
body.status .layout-content.status.status-index .unresolved-incident.impact-major .incident-title,
body.status .layout-content.status.status-index .unresolved-incident.impact-minor .incident-title,
body.status .layout-content.status.status-index .unresolved-incident.impact-maintenance .incident-title,
body.status .layout-content.status.status-index .unresolved-incident.impact-critical .incident-title *,
body.status .layout-content.status.status-index .unresolved-incident.impact-major .incident-title *,
body.status .layout-content.status.status-index .unresolved-incident.impact-minor .incident-title *,
body.status .layout-content.status.status-index .unresolved-incident.impact-maintenance .incident-title * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* ---- Uptime tooltip ---- */
body.status #uptime-tooltip .tooltip-box {
  background: var(--cb-white) !important;
  border: 1px solid var(--cb-gray-2) !important;
  border-radius: var(--cb-radius-lg) !important;
  box-shadow: var(--cb-shadow) !important;
  color: var(--cb-text) !important;
}

body.status #uptime-tooltip .outage-field {
  background: var(--cb-gray-1-5) !important;
  border-radius: var(--cb-radius-sm) !important;
}

body.status #uptime-tooltip .outage-field.major {
  border-left: 3px solid var(--cb-failure) !important;
}

body.status #uptime-tooltip .outage-field.partial {
  border-left: 3px solid var(--cb-caution) !important;
}

/* ---- Modal shell ---- */
body.status div[id^="subscribe-modal"] {
  border-radius: var(--cb-radius-lg) !important;
  border: 1px solid var(--cb-gray-2) !important;
  box-shadow: var(--cb-shadow) !important;
  overflow: hidden !important;
}

body.status div[id^="subscribe-modal"] .modal-header {
  border-bottom-color: var(--cb-gray-2) !important;
}

body.status div[id^="subscribe-modal"] .modal-footer {
  border-top-color: var(--cb-gray-2) !important;
  background: var(--cb-gray-1) !important;
}

body.status div[id^="subscribe-modal"] .modal-header .close {
  color: var(--cb-text-rest) !important;
}

/* ---- History ---- */
body.status .layout-content.status.status-full-history .history-nav a {
  transition: background-color 0.15s ease, color 0.15s ease !important;
  padding: 0.35rem 0.7rem !important;
}

body.status .layout-content.status.status-full-history .history-nav a.current {
  background: var(--cb-blue-light) !important;
  color: var(--cb-blue-selected) !important;
  border-radius: var(--cb-radius) !important;
}

body.status .layout-content.status.status-full-history .history-nav a:not(.current):hover {
  color: var(--cb-blue) !important;
}

body.status .layout-content.status .grouped-items-selector.inline .grouped-item.active {
  color: var(--cb-blue) !important;
  font-weight: 600 !important;
}

/* ---- Footer ---- */
 .page-footer {
  border-top: 1px solid var(--cb-gray-2) !important;
  margin-top: 2.5rem !important;
  padding-top: 1.5rem !important;
  background: transparent !important;
}

body.status .layout-content.status .page-footer .color-secondary.powered-by {
  color: var(--cb-text-disabled) !important;
  font-size: 0.75rem !important;
  opacity: 0.55;
}

/* ---- Utility typography (avoid large global overrides) ---- */
body.status .layout-content.status .font-regular {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

body.status .layout-content.status .font-small,
body.status .layout-content.status .font-smallest {
  font-size: 0.75rem !important;
  line-height: 1.125rem !important;
}

/* ---- Accessibility ---- */
body.status .layout-content.status a:focus-visible,
body.status .layout-content.status button:focus-visible,
body.status .layout-content.status input:focus-visible,
body.status .layout-content.status textarea:focus-visible {
  outline: none !important;
  box-shadow: var(--cb-focus-ring) !important;
}

/* ---- Responsive ---- */
@media screen and (max-width: 650px) {
  .masthead.has-logo {
    flex-direction: column !important;
    align-items: center !important;
  }

  .masthead.has-logo .logo-container,
  .masthead.has-logo .logo-container a {
    width: 100% !important;
    justify-content: center !important;
  }

  .masthead.has-logo .updates-dropdown-container {
    margin-left: 0 !important;
    width: 100% !important;
  }

  .show-updates-dropdown,
  #show-updates-dropdown {
    width: 100% !important;
  }

  .container {
    width: 94% !important;
  }
}

.powered-by {
  display: none !important;
}