/* =========================================================
   AEVI STATUSPAGE
   HEADER + NAVIGATION
   ========================================================= */

.masthead-container.basic {
  background: #ffffff !important;
  border-bottom: 1px solid #eeeeee !important;
  padding: 0 !important;
}


/* Main custom header */
.aevi-status-header {
  width: 100% !important;
  max-width: 1000px !important;

  margin: 0 auto !important;
  padding: 18px 28px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  gap: 32px !important;

  box-sizing: border-box !important;
}


/* =========================================================
   AEVI LOGO
   ========================================================= */

.aevi-logo-link {
  display: flex !important;
  align-items: center !important;

  flex: 0 0 auto !important;

  text-decoration: none !important;
}

.aevi-status-logo {
  display: block !important;

  width: 105px !important;
  max-width: 105px !important;
  height: auto !important;
}


/* =========================================================
   NAVIGATION
   ========================================================= */

.aevi-status-nav {
  margin-left: auto !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;

  gap: 26px !important;

  flex-wrap: nowrap !important;
  white-space: nowrap !important;
}

.aevi-status-nav .aevi-nav-link {
  color: #172b4d !important;

  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;

  text-decoration: none !important;
}

.aevi-status-nav .aevi-nav-link {
  color: #172b4d !important;

  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;

  text-decoration: none !important;

  padding: 10px 12px !important;
  border-radius: 5px !important;

  transition:
    background-color 0.2s ease,
    color 0.2s ease !important;
}

.aevi-status-nav .aevi-nav-link:hover {
  background: #eaf8f0 !important;
  color: #218c53 !important;
  text-decoration: none !important;
}


/* =========================================================
   NATIVE SUBSCRIBE BUTTON
   ========================================================= */

.aevi-status-nav .updates-dropdown-container {
  position: relative !important;

  margin: 0 !important;
  padding: 0 !important;

  flex: 0 0 auto !important;
}

.aevi-status-nav #show-updates-dropdown,
.aevi-status-nav .show-updates-dropdown {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: 42px !important;
  min-height: 42px !important;

  padding: 0 18px !important;

  background: #2ECC71 !important;
  color: #ffffff !important;

  border: none !important;
  border-radius: 5px !important;

  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;

  text-decoration: none !important;
  white-space: nowrap !important;
}

.aevi-status-nav #show-updates-dropdown:hover,
.aevi-status-nav .show-updates-dropdown:hover {
  background: #27AE60 !important;
  color: #ffffff !important;
}


/* =========================================================
   SUBSCRIBE DROPDOWN
   ========================================================= */

.updates-dropdown-container .updates-dropdown {
  width: 460px !important;
  max-width: calc(100vw - 30px) !important;
}

.updates-dropdown-container .updates-dropdown p,
.updates-dropdown-container .updates-dropdown .updates-dropdown-section {
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

.updates-dropdown-container .updates-dropdown * {
  box-sizing: border-box !important;
}


/* =========================================================
   RESPONSIVE HEADER
   ========================================================= */

@media (max-width: 1100px) {

  .aevi-status-header {
    gap: 20px !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  .aevi-status-nav {
    gap: 16px !important;
  }

  .aevi-status-nav .aevi-nav-link {
    font-size: 14px !important;
  }
}


@media (max-width: 760px) {

  .aevi-status-header {
    flex-direction: column !important;
    align-items: flex-start !important;

    gap: 18px !important;

    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }

  .aevi-status-nav {
    width: 100% !important;

    margin-left: 0 !important;

    justify-content: flex-start !important;
    flex-wrap: wrap !important;

    gap: 14px !important;
  }

  .aevi-status-logo {
    width: 90px !important;
    max-width: 90px !important;
  }

  .updates-dropdown-container .updates-dropdown {
    width: 340px !important;
    max-width: calc(100vw - 20px) !important;
  }
}



/* =========================================================
   DEFAULT STATUS ICONS & COLORS
   ========================================================= */

/* Circular status dot before status text */
.component-status::before {
  content: "" !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  width: 8px !important;
  height: 8px !important;
  margin-right: 7px !important;
  background-color: currentColor !important;
  border-radius: 50% !important;
}

/* Operational */
.component-status.operational,
.component-status.status-operational,
.component-status[class*="operational"],
.component-status[data-status="operational"] {
  color: #00875a !important;
}

/* Under Maintenance */
.component-status.under-maintenance,
.component-status.under_maintenance,
.component-status.maintenance,
.component-status.status-maintenance,
.component-status[class*="maintenance"],
.component-status[data-status="maintenance"] {
  color: #2684ff !important;
}

/* Degraded Performance */
.component-status.degraded_performance,
.component-status.degraded-performance,
.component-status.status-degraded,
.component-status[class*="degraded"],
.component-status[data-status="degraded_performance"] {
  color: #ffab00 !important;
}

/* Partial Outage */
.component-status.partial_outage,
.component-status.partial-outage,
.component-status.status-partial-outage,
.component-status[class*="partial"],
.component-status[data-status="partial_outage"] {
  color: #ff8b00 !important;
}

/* Major Outage */
.component-status.major_outage,
.component-status.major-outage,
.component-status.status-major-outage,
.component-status[class*="major"],
.component-status[data-status="major_outage"] {
  color: #de350b !important;
}

/* =========================================================
   SCHEDULED MAINTENANCE TITLE COLOR
   ========================================================= */

/*
.scheduled-maintenances h1,
.scheduled-maintenances h2,
.scheduled-maintenances h3,
.scheduled-maintenance h1,
.scheduled-maintenance h2,
.scheduled-maintenance h3,
.scheduled-maintenance-container h1,
.scheduled-maintenance-container h2,
.scheduled-maintenance-container h3,
[class*="scheduled-maintenance"] h1,
[class*="scheduled-maintenance"] h2,
[class*="scheduled-maintenance"] h3,
.scheduled-maintenances .name,
.scheduled-maintenance .name,
.scheduled-maintenance-container .name,
[class*="scheduled-maintenance"] .name {
  color: #2684ff !important;
}

*/


/* =========================================================
   AEVI STATUSPAGE
   SCHEDULED MAINTENANCE - BLUE CARD
   Uses same blue as In Progress Maintenance
   ========================================================= */

/* Find the Scheduled Maintenance wrapper */
[class*="scheduled-maintenance"]:has(> h2.font-largest) {
  display: block !important;
  width: 100% !important;

  margin: 36px 0 40px !important;
  padding: 0 !important;

  background: #ffffff !important;

  border: 1px solid #207ab6 !important;
  border-radius: 0 !important;

  overflow: hidden !important;
  box-sizing: border-box !important;
}


/* Blue header */
[class*="scheduled-maintenance"]:has(> h2.font-largest)
> h2.font-largest {
  display: block !important;
  width: 100% !important;

  margin: 0 !important;
  padding: 18px 28px !important;

  background: #207ab6 !important;
  color: #ffffff !important;

  font-size: 24px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;

  box-sizing: border-box !important;
}


/* White body containing scheduled maintenance information */
[class*="scheduled-maintenance"]:has(> h2.font-largest)
> .scheduled-maintenance {
  display: block !important;

  margin: 0 !important;
  padding: 22px 28px !important;

  background: #ffffff !important;

  box-sizing: border-box !important;
}


/* Keep maintenance titles dark */
[class*="scheduled-maintenance"]:has(> h2.font-largest)
.scheduled-maintenance a,
[class*="scheduled-maintenance"]:has(> h2.font-largest)
.scheduled-maintenance .name {
  color: #172b4d !important;
}


/* Secondary date/time text */
[class*="scheduled-maintenance"]:has(> h2.font-largest)
.scheduled-maintenance .color-secondary,
[class*="scheduled-maintenance"]:has(> h2.font-largest)
.scheduled-maintenance small {
  color: #6b778c !important;
}


/* Mobile */
@media (max-width: 700px) {

  [class*="scheduled-maintenance"]:has(> h2.font-largest)
  > h2.font-largest {
    padding: 16px 18px !important;
    font-size: 20px !important;
  }

  [class*="scheduled-maintenance"]:has(> h2.font-largest)
  > .scheduled-maintenance {
    padding: 18px !important;
  }
}


/* =========================================================
   SHOW ONLY LATEST UPDATE
   ========================================================= 

.unresolved-incidents .update ~ .update,
.unresolved-incidents .incident-update ~ .incident-update,
.unresolved-incidents .message ~ .message,
.scheduled-maintenances .update ~ .update,
.scheduled-maintenances .incident-update ~ .incident-update,
.scheduled-maintenances .message ~ .message,
.incidents-container .update ~ .update,
.incidents-container .incident-update ~ .incident-update,
[class*="unresolved"] .update ~ .update,
[class*="scheduled"] .update ~ .update,
[class*="incident"] .update ~ .update {
  display: none !important;
}

*/


/* =========================================================
   SHOW ONLY LATEST UPDATE
   ========================================================= 

.unresolved-incidents .update ~ .update,
.unresolved-incidents .incident-update ~ .incident-update,
.unresolved-incidents .message ~ .message,
.scheduled-maintenances .update ~ .update,
.scheduled-maintenances .incident-update ~ .incident-update,
.scheduled-maintenances .message ~ .message,
.incidents-container .update ~ .update,
.incidents-container .incident-update ~ .incident-update,
[class*="unresolved"] .update ~ .update,
[class*="scheduled"] .update ~ .update,
[class*="incident"] .update ~ .update {
  display: none !important;
}

*/

/* =========================================================
   AEVI STATUSPAGE
   COLLAPSIBLE INCIDENT UPDATES
   Default: latest update only
   ========================================================= */

/* When collapsed, hide update #2 onwards */
.unresolved-incident
.updates.aevi-updates-collapsed
> .update:nth-of-type(n+2) {
  display: none !important;
}

/* Latest update always remains visible */
.unresolved-incident
.updates
> .update:first-of-type {
  display: block !important;
}

/* Show More / Show Less link */
.unresolved-incident
.aevi-updates-toggle {
  display: inline-block !important;

  margin-top: 18px !important;
  padding: 0 !important;

  background: transparent !important;
  border: none !important;

  color: #0065ff !important;

  font-size: 14px !important;
  font-weight: 500 !important;

  text-decoration: underline !important;
  cursor: pointer !important;
}

/* Expanded update spacing */
.unresolved-incident
.updates:not(.aevi-updates-collapsed)
> .update + .update {
  margin-top: 20px !important;
}


/* =========================================================
   AEVI STATUSPAGE
   WELCOME / ABOUT SECTION
   ========================================================= */

.aevi-welcome-section {
  width: 100% !important;
  max-width: 1280px !important;

  margin: 28px auto 34px !important;
  padding: 0 28px !important;

  background: transparent !important;
  border: none !important;

  box-sizing: border-box !important;
}


/* Welcome heading */
.aevi-welcome-section h2 {
  margin: 0 0 10px 0 !important;

  color: #172b4d !important;

  font-size: 25px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}


/* Remove native anchor appearance */
.aevi-welcome-section #about-this-site {
  color: #172b4d !important;
  text-decoration: none !important;
}


/* Intro text */
.aevi-welcome-section p {
  margin: 0 !important;

  max-width: 1150px !important;

  color: #5e6c84 !important;

  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
}


/* Mobile */
@media (max-width: 760px) {

  .aevi-welcome-section {
    margin-top: 22px !important;
    margin-bottom: 28px !important;

    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .aevi-welcome-section h2 {
    font-size: 22px !important;
  }

  .aevi-welcome-section p {
    font-size: 14px !important;
  }
}

/* =========================================================
   AEVI STATUSPAGE
   PAST INCIDENTS HEADER
   ========================================================= */

.aevi-past-incidents-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  gap: 20px !important;
  margin-bottom: 20px !important;
}

/* Past Incidents heading */
.aevi-past-incidents-header #past-incidents {
  margin: 0 !important;

  color: #172b4d !important;

  font-size: 28px !important;
  font-weight: 600 !important;
}

/* View Incident History */
.aevi-past-incidents-header .history-footer-link {
  display: inline-flex !important;
  align-items: center !important;

  padding: 8px 14px !important;

  background: #ffffff !important;

  border: 1px solid #dfe1e6 !important;
  border-radius: 6px !important;

  color: #0065ff !important;

  font-size: 14px !important;
  font-weight: 500 !important;

  text-decoration: none !important;
}

.aevi-past-incidents-header .history-footer-link:hover {
  background: #f7f8f9 !important;
  color: #0747a6 !important;
}


/* =========================================================
   PAST INCIDENTS - TYPOGRAPHY REFINEMENT
   ========================================================= */

/* Date headings */
.incidents-list .status-day .date {
  font-size: 22px !important;
  line-height: 1.3 !important;
}

/* Incident title */
.incidents-list .incident-container .incident-title,
.incidents-list .incident-container .incident-title a {
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

/* Incident update text */
.incidents-list .incident-container .updates-container {
  font-size: 15px !important;
  line-height: 1.55 !important;
}

/* Update timestamps */
.incidents-list .incident-container .updates-container small {
  font-size: 14px !important;
}


/* Past incident date headings */
.incidents-list .status-day .date {
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
}


/* =========================================================
   AEVI STATUSPAGE
   PAST INCIDENT CARDS + COLLAPSIBLE UPDATES
   ========================================================= */

/* Past incident card */
.incidents-list .incident-container {
  margin-top: 14px !important;
  margin-bottom: 18px !important;

  padding: 20px 22px !important;

  background: #ffffff !important;

  border: 1px solid #dfe1e6 !important;
  border-radius: 8px !important;

  box-sizing: border-box !important;
}

/* Past incident title */
.incidents-list .incident-container .incident-title {
  margin-bottom: 12px !important;

  font-size: 20px !important;
  font-weight: 600 !important;

  color: #172b4d !important;
}

/* Hide only the older historical updates */
.incidents-list
.incident-container
.updates-container.aevi-history-collapsed
> *:not(.aevi-history-toggle):nth-child(n+2) {
  display: none !important;
}

/* Always keep Show more / Show less visible */
.incidents-list
.incident-container
.updates-container
> .aevi-history-toggle {
  display: inline-block !important;
}

/* Spacing between expanded updates */
.incidents-list
.incident-container
.updates-container:not(.aevi-history-collapsed)
> * + * {
  margin-top: 18px !important;
}

/* Show more / Show less */
.aevi-history-toggle {
  display: inline-block !important;

  margin-top: 16px !important;
  padding: 0 !important;

  background: transparent !important;
  border: none !important;

  color: #0065ff !important;

  font-size: 14px !important;
  font-weight: 500 !important;

  text-decoration: underline !important;
  cursor: pointer !important;
}

.aevi-history-toggle:hover {
  color: #0747a6 !important;
}


/* =========================================================
   AEVI STATUSPAGE
   AFFECTED COMPONENTS
   ========================================================= */

.aevi-components-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  gap: 24px !important;

  margin: 0 0 18px 0 !important;

  width: 100% !important;

  box-sizing: border-box !important;
}


/* Section title */
.aevi-components-title {
  color: #172b4d !important;

  font-size: 23px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;

  white-space: nowrap !important;
}


/* =========================================================
   STATUS LEGEND
   ========================================================= */

.aevi-components-legend {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;

  gap: 18px !important;

  flex-wrap: wrap !important;
}


.aevi-legend-item {
  display: inline-flex !important;
  align-items: center !important;

  gap: 7px !important;

  color: #5e6c84 !important;

  font-size: 13px !important;
  font-weight: 500 !important;

  white-space: nowrap !important;
}


.aevi-legend-dot {
  width: 9px !important;
  height: 9px !important;

  display: inline-block !important;

  border-radius: 50% !important;

  flex: 0 0 auto !important;
}


/* Operational */
.aevi-legend-operational
.aevi-legend-dot {
  background: #33cc6b !important;
}


/* Degraded Performance */
.aevi-legend-degraded
.aevi-legend-dot {
  background: #ffab00 !important;
}


/* Partial Outage */
.aevi-legend-partial
.aevi-legend-dot {
  background: #ff8b00 !important;
}


/* Major Outage */
.aevi-legend-major
.aevi-legend-dot {
  background: #de350b !important;
}


/* Maintenance */
.aevi-legend-maintenance
.aevi-legend-dot {
  background: #2684ff !important;
}


/* =========================================================
   COMPONENT PAGINATION
   ========================================================= */

.component-container.is-group.aevi-component-hidden {
  display: none !important;
}

/* =========================================================
   CHILD COMPONENT PAGINATION
   ========================================================= */

.child-components-container
> .component-inner-container.aevi-component-hidden {
  display: none !important;
}

.aevi-components-pagination {
  width: 100% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;

  gap: 10px !important;

  margin-top: 18px !important;
  margin-bottom: 10px !important;

  box-sizing: border-box !important;
}


.aevi-components-page-count {
  min-width: 54px !important;

  text-align: center !important;

  color: #5e6c84 !important;

  font-size: 14px !important;
  font-weight: 500 !important;
}


.aevi-components-prev,
.aevi-components-next {
  width: 34px !important;
  height: 34px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 0 !important;

  background: #ffffff !important;
  color: #172b4d !important;

  border: 1px solid #dfe1e6 !important;
  border-radius: 6px !important;

  font-size: 22px !important;
  line-height: 1 !important;

  cursor: pointer !important;
}


.aevi-components-prev:hover:not(:disabled),
.aevi-components-next:hover:not(:disabled) {
  background: #f7f8f9 !important;
  border-color: #b3bac5 !important;
}


.aevi-components-prev:disabled,
.aevi-components-next:disabled {
  opacity: 0.4 !important;
  cursor: default !important;
}


/* =========================================================
   RESPONSIVE AFFECTED COMPONENTS
   ========================================================= */

@media (max-width: 900px) {

  .aevi-components-header {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .aevi-components-legend {
    justify-content: flex-start !important;
  }
}


@media (max-width: 600px) {

  .aevi-components-title {
    font-size: 21px !important;
  }

  .aevi-components-legend {
    gap: 10px 14px !important;
  }

  .aevi-components-pagination {
    justify-content: center !important;
  }
}



/* =========================================================
   AEVI AUTOMATIC DARK MODE
   BASE PAGE THEME
   ========================================================= */

@media (prefers-color-scheme: dark) {

  html,
  body {
    background: #101214 !important;
    color: #f1f2f4 !important;
  }

  /* Main page areas */
  .layout-content,
  .container,
  .page-container {
    background: transparent !important;
  }

/* =========================================================
   DARK MODE - TEXT VISIBILITY FIX
   ========================================================= */

/* Main section headings */
.aevi-welcome-section h1,
.aevi-welcome-section h2,
.aevi-welcome-section h3,
.aevi-system-status-heading,
#past-incidents,
.components-section h1,
.components-section h2,
.components-section h3 {
  color: #f1f2f4 !important;
}


/* Header navigation */
.aevi-status-nav .aevi-nav-link {
  color: #d5dae1 !important;
}

.aevi-status-nav .aevi-nav-link:hover {
  color: #2ecc71 !important;
}


/* System Status main text */
.aevi-system-status-section .page-status span,
.aevi-system-status-section .page-status strong,
.aevi-system-status-section .page-status h1,
.aevi-system-status-section .page-status h2,
.aevi-system-status-section .page-status h3 {
  color: #f1f2f4 !important;
}


/* System Status supporting text */
.aevi-system-status-section .page-status p,
.aevi-system-status-section .page-status .color-secondary {
  color: #b6beca !important;
}


/* Affected Components legend */
.components-section .aevi-status-legend,
.components-section .aevi-status-legend span {
  color: #aeb6c2 !important;
}

}

/* =========================================================
   HEADINGS + TEXT
   ========================================================= */

@media (prefers-color-scheme: dark) {

  h1,
  h2,
  h3,
  h4,
  .font-largest,
  .font-large {
    color: #f1f2f4 !important;
  }

  p,
  .color-secondary {
    color: #b6beca !important;
  }


  /* =========================================================
     HEADER
     ========================================================= */

  .aevi-status-header {
    background: #101214 !important;
  }

  .aevi-nav-link {
    color: #f1f2f4 !important;
  }

  .aevi-nav-link:hover {
    color: #2ecc71 !important;
  }


  /* =========================================================
     SYSTEM STATUS CARD
     ========================================================= */

  .aevi-system-status-card {
    background: #181b20 !important;
    border-color: #343a43 !important;
  }

  .aevi-system-status-card * {
    border-color: #343a43 !important;
  }


  /* =========================================================
     COMPONENTS
     ========================================================= */

  .component-container {
    background: #181b20 !important;
    border-color: #343a43 !important;
  }

  .component-inner-container {
    background: transparent !important;
    border-color: #343a43 !important;
  }

  .component-inner-container .name {
    color: #f1f2f4 !important;
  }

  .uptime-90-days-wrapper {
    color: #b6beca !important;
  }

}


/* =========================================================
   AEVI AUTOMATIC DARK MODE
   CONTENT + CARDS
   ========================================================= */

@media (prefers-color-scheme: dark) {

  /* =========================================================
     INCIDENT + MAINTENANCE CARDS
     ========================================================= */

  .incident-container,
  .unresolved-incident,
  .scheduled-maintenance {
    background: #181b20 !important;
    border-color: #343a43 !important;
  }


  /* =========================================================
     PAST INCIDENTS
     ========================================================= */

  .status-day {
    border-color: #343a43 !important;
  }

  .status-day .date {
    color: #f1f2f4 !important;
    border-color: #343a43 !important;
  }


  /* =========================================================
     LINKS
     ========================================================= */

  a:not(.aevi-subscribe-link) {
    color: #4da3ff;
  }


  /* =========================================================
     SCHEDULED MAINTENANCE CARD
     ========================================================= */

  [class*="scheduled-maintenance"]:has(> h2.font-largest) {
    background: #181b20 !important;
    border-left-color: #207ab6 !important;
    border-right-color: #207ab6 !important;
    border-bottom-color: #207ab6 !important;
  }

  [class*="scheduled-maintenance"]:has(> h2.font-largest)
  > h2.font-largest {
    background: #207ab6 !important;
    color: #ffffff !important;
  }

  [class*="scheduled-maintenance"]:has(> h2.font-largest)
  .scheduled-maintenance {
    background: #181b20 !important;
    color: #f1f2f4 !important;
  }

  .scheduled-maintenance .incident-title,
  .scheduled-maintenance .incident-name {
    color: #f1f2f4 !important;
  }

  .scheduled-maintenance .update,
  .scheduled-maintenance .whitespace-pre-wrap,
  .scheduled-maintenance p {
    color: #c7ccd4 !important;
  }

  .scheduled-maintenance small,
  .scheduled-maintenance .color-secondary {
    color: #9fa8b7 !important;
  }

  .scheduled-maintenance a {
    color: #66b2ff !important;
  }

  .scheduled-maintenance .border-color {
    border-color: #343a43 !important;
  }


  /* =========================================================
     PAST INCIDENTS HEADER
     ========================================================= */

  .aevi-past-incidents-header h2,
  #past-incidents {
    color: #f1f2f4 !important;
  }


  /* =========================================================
     VIEW INCIDENT HISTORY BUTTON
     ========================================================= */

  .aevi-history-button {
    background: #181b20 !important;
    color: #66b2ff !important;
    border: 1px solid #4a515c !important;
    box-shadow: none !important;
  }

  .aevi-history-button:hover {
    background: #22262c !important;
    color: #8ac5ff !important;
    border-color: #626b78 !important;
  }


  /* =========================================================
     SYSTEM STATUS CARD
     ========================================================= */

  .aevi-system-status-card {
    background: #181b20 !important;
    border-color: #343a43 !important;
  }

  .aevi-system-status-card h1,
  .aevi-system-status-card h2,
  .aevi-system-status-card h3,
  .aevi-system-status-card .font-largest,
  .aevi-system-status-card .font-large {
    color: #f1f2f4 !important;
  }

  .aevi-system-status-card p,
  .aevi-system-status-card .color-secondary {
    color: #b6beca !important;
  }

  .aevi-system-status-card .status-green,
  .aevi-system-status-card .operational {
    color: #33cc6b !important;
  }


  /* Exact native System Status element */

  .aevi-system-status-section .page-status {
    background: #181b20 !important;
    border-color: #343a43 !important;
  }

  .aevi-system-status-section .page-status span,
  .aevi-system-status-section .page-status strong,
  .aevi-system-status-section .page-status h3 {
    color: #f1f2f4 !important;
  }

  .aevi-system-status-section .page-status .color-secondary,
  .aevi-system-status-section .page-status p {
    color: #b6beca !important;
  }

  .aevi-system-status-section .page-status.status-none {
    border-left-color: #33cc6b !important;
  }


  /* =========================================================
     WELCOME SECTION
     ========================================================= */

  .aevi-welcome-section h1,
  .aevi-welcome-section h2,
  .aevi-welcome-section h3,
  .aevi-welcome-section .font-largest,
  .aevi-welcome-section .font-large {
    color: #f1f2f4 !important;
  }

  .aevi-welcome-section p {
    color: #b6beca !important;
  }


  /* =========================================================
     AFFECTED COMPONENTS
     ========================================================= */

  .components-section h1,
  .components-section h2,
  .components-section h3,
  .components-section .font-largest,
  .components-section .font-large {
    color: #f1f2f4 !important;
  }

  .components-section {
    color: #b6beca !important;
  }

  .components-section .aevi-status-legend,
  .components-section .aevi-status-legend span {
    color: #b6beca !important;
  }

}

/* =========================================================
   AEVI DARK MODE
   FINAL SECTION HEADING OVERRIDE
   ========================================================= */

@media (prefers-color-scheme: dark) {

  /* Welcome heading */
  body .text-section.aevi-welcome-section h1,
  body .text-section.aevi-welcome-section h2,
  body .text-section.aevi-welcome-section h3 {
    color: #f1f2f4 !important;
  }

  /* System Status heading */
  body .aevi-system-status-heading {
    color: #f1f2f4 !important;
  }

  /* Affected Components heading */
  body .components-section > h1,
  body .components-section > h2,
  body .components-section > h3,
  body .components-section .font-largest {
    color: #f1f2f4 !important;
  }

}

/* =========================================================
   AEVI SUBSCRIBE DROPDOWN
   KEEP NATIVE POPUP INSIDE VIEWPORT
   ========================================================= */

#updates-dropdown {
  left: auto !important;
  right: 0 !important;
  max-width: min(520px, calc(100vw - 24px)) !important;
  box-sizing: border-box !important;
}

#updates-dropdown .updates-dropdown-sections-container {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#updates-dropdown .updates-dropdown-section {
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-wrap: anywhere !important;
}

#updates-dropdown .updates-dropdown-section form {
  max-width: 100% !important;
}

#updates-dropdown input,
#updates-dropdown button {
  max-width: 100% !important;
  box-sizing: border-box !important;
}


/* =========================================================
   AEVI DARK MODE
   SUBSCRIBE DROPDOWN
   ========================================================= */

@media (prefers-color-scheme: dark) {

  #updates-dropdown {
    background: #181b20 !important;
    border-color: #343a43 !important;
    color: #f1f2f4 !important;
  }

  #updates-dropdown .updates-dropdown-nav {
    background: #181b20 !important;
    border-color: #343a43 !important;
  }

  #updates-dropdown .updates-dropdown-nav > * {
    background: #22262c !important;
    border-color: #343a43 !important;
    color: #c7ccd4 !important;
  }

  #updates-dropdown .updates-dropdown-nav > *.active,
  #updates-dropdown .updates-dropdown-nav > *:hover {
    background: #343a43 !important;
    color: #ffffff !important;
  }

  #updates-dropdown .updates-dropdown-sections-container,
  #updates-dropdown .updates-dropdown-section {
    background: #181b20 !important;
    color: #f1f2f4 !important;
  }

  #updates-dropdown .directions,
  #updates-dropdown p,
  #updates-dropdown label {
    color: #c7ccd4 !important;
  }

  #updates-dropdown input {
    background: #101214 !important;
    color: #f1f2f4 !important;
    border: 1px solid #4a515c !important;
  }

  #updates-dropdown input::placeholder {
    color: #8f98a6 !important;
  }

  #updates-dropdown a {
    color: #66b2ff !important;
  }

  #updates-dropdown button,
  #updates-dropdown input[type="submit"] {
    border-color: transparent !important;
  }

}


/* =========================================================
   AEVI DARK MODE
   PAST INCIDENTS FULL FIX
   ========================================================= */

@media (prefers-color-scheme: dark) {

  /* Past Incidents heading */
  #past-incidents,
  .aevi-past-incidents-header h1,
  .aevi-past-incidents-header h2,
  .aevi-past-incidents-header h3 {
    color: #f1f2f4 !important;
  }


  /* View Incident History button */
  .aevi-history-button {
    background: #181b20 !important;
    color: #66b2ff !important;
    border: 1px solid #4a515c !important;
    box-shadow: none !important;
  }

  .aevi-history-button:hover {
    background: #22262c !important;
    color: #8ac5ff !important;
    border-color: #626b78 !important;
  }


  /* Past incident cards */
  .incidents-list .incident-container {
    background: #181b20 !important;
    border-color: #343a43 !important;
  }


  /* Incident title */
  .incidents-list .incident-container .incident-title,
  .incidents-list .incident-container .incident-name {
    color: #f1f2f4 !important;
  }


  /* Incident update status text */
  .incidents-list .incident-container .update,
  .incidents-list .incident-container .whitespace-pre-wrap,
  .incidents-list .incident-container p {
    color: #c7ccd4 !important;
  }


  /* Date / secondary information inside cards */
  .incidents-list .incident-container small,
  .incidents-list .incident-container .color-secondary {
    color: #9fa8b7 !important;
  }


  /* Show more / Show less */
  .incidents-list .incident-container a,
  .incidents-list .aevi-history-toggle {
    color: #66b2ff !important;
  }

  .incidents-list .incident-container a:hover,
  .incidents-list .aevi-history-toggle:hover {
    color: #8ac5ff !important;
  }


  /* Divider lines */
  .incidents-list .incident-container .border-color,
  .incidents-list .status-day,
  .incidents-list .status-day .date {
    border-color: #343a43 !important;
  }


  /* Day heading */
  .incidents-list .status-day .date {
    color: #f1f2f4 !important;
  }

}

/* =========================================================
   AEVI DARK MODE
   BUTTON CLEANUP
   ========================================================= */

@media (prefers-color-scheme: dark) {

  /* View Incident History */
  .aevi-history-button {
    background: #181b20 !important;
    color: #66b2ff !important;
    border: 1px solid #4a515c !important;
    box-shadow: none !important;
  }

  .aevi-history-button:hover {
    background: #22262c !important;
    color: #8ac5ff !important;
    border-color: #626b78 !important;
  }


  /* Component pagination arrows */
  .component-container button {
    background: #181b20 !important;
    color: #f1f2f4 !important;
    border: 1px solid #4a515c !important;
    box-shadow: none !important;
  }

  .component-container button:hover:not(:disabled) {
    background: #22262c !important;
    border-color: #626b78 !important;
  }

  /* Disabled pagination arrow */
  .component-container button:disabled {
    background: #2a2e34 !important;
    color: #7f8792 !important;
    border-color: #343a43 !important;
    opacity: 1 !important;
  }

}

/* =========================================================
   AEVI DARK MODE
   FORCE HISTORY BUTTON DARK
   ========================================================= */

@media (prefers-color-scheme: dark) {

  body .aevi-past-incidents-header .aevi-history-button,
  body .aevi-past-incidents-header .history-footer-link {
    background: #181b20 !important;
    color: #66b2ff !important;
    border: 1px solid #4a515c !important;
    box-shadow: none !important;
  }

  body .aevi-past-incidents-header .aevi-history-button:hover,
  body .aevi-past-incidents-header .history-footer-link:hover {
    background: #22262c !important;
    color: #8ac5ff !important;
    border-color: #626b78 !important;
  }

}


/* =========================================================
   AEVI DARK MODE
   HISTORY + UPTIME NAVIGATION TABS
   ========================================================= */

@media (prefers-color-scheme: dark) {

  .layout-content.status.status-full-history .history-nav {
    border-color: #343a43 !important;
  }

  .layout-content.status.status-full-history
  .history-nav a.button {
    background: transparent !important;
    color: #9fa8b7 !important;
    border-color: #343a43 !important;
    box-shadow: none !important;
  }

  .layout-content.status.status-full-history
  .history-nav a.button.current,

  .layout-content.status.status-full-history
  .history-nav a.button[aria-current="page"] {
    background: #181b20 !important;
    color: #f1f2f4 !important;
    border-color: #4a515c !important;
    box-shadow: none !important;
  }

  .layout-content.status.status-full-history
  .history-nav a.button:hover {
    background: #22262c !important;
    color: #ffffff !important;
  }

}

/* =========================================================
   AEVI DARK MODE
   HISTORY INCIDENT TEXT
   ========================================================= */

@media (prefers-color-scheme: dark) {

  /* Incident / maintenance card body text */
  body.status.history
  .incident-container
  .updates-container,

  body.status.history
  .incident-container
  .update,

  body.status.history
  .incident-container
  .whitespace-pre-wrap,

  body.status.history
  .incident-container p {
    color: #c7ccd4 !important;
  }

  /* Secondary / timestamp text */
  body.status.history
  .incident-container
  .color-secondary,

  body.status.history
  .incident-container small {
    color: #9fa8b7 !important;
  }

  /* Incident title */
  body.status.history
  .incident-container
  .incident-title {
    color: #f1f2f4 !important;
  }

}

/* =========================================================
   AEVI DARK MODE
   HISTORY INCIDENT BODY TEXT FIX
   ========================================================= */

@media (prefers-color-scheme: dark) {

  body.status.history
  .incident-data
  .message.incident-body.color-primary {
    color: #c7ccd4 !important;
  }

}

/* =========================================================
   AEVI DARK MODE
   FINAL HOMEPAGE HEADING FIX
   ========================================================= */

@media (prefers-color-scheme: dark) {

  /* Welcome heading */
  body.status:not(.history)
  .aevi-welcome-section
  #about-this-site {
    color: #f1f2f4 !important;
  }

  /* Affected Components heading */
  body.status:not(.history)
  .aevi-components-title {
    color: #f1f2f4 !important;
  }

  /* Past Incidents heading */
  body.status:not(.history)
  #past-incidents {
    color: #f1f2f4 !important;
  }

}

/* =========================================================
   AEVI DARK MODE
   UPTIME CALENDAR AFFECTED DAYS
   ========================================================= */

@media (prefers-color-scheme: dark) {

  /* Native Statuspage affected-day lime */
  body.status.history
  .uptime-calendar-display
  rect[fill="#99d264"] {
    fill: #f57c00 !important;
  }

}


/* =========================================================
   AEVI DARK MODE
   UPTIME CALENDAR TOOLTIP
   ========================================================= */

@media (prefers-color-scheme: dark) {

  #uptime-tooltip .tooltip-box {
    background: #181b20 !important;
    color: #f1f2f4 !important;
    border: 1px solid #343a43 !important;
  }

  #uptime-tooltip .tooltip-box * {
    color: #f1f2f4 !important;
  }

  #uptime-tooltip .pointer-container .pointer-smaller {
    border-bottom-color: #181b20 !important;
  }

}


/* =========================================================
   AEVI DARK MODE
   UPTIME COMPONENT SELECTOR
   ========================================================= */

@media (prefers-color-scheme: dark) {

  .select-input__control {
    background: #181b20 !important;
    border-color: #4a515c !important;
    box-shadow: none !important;
  }

  .select-input__single-value,
  .select-input__value-container {
    color: #f1f2f4 !important;
  }

  .select-input__indicator,
  .select-input__dropdown-indicator {
    color: #9fa8b7 !important;
  }

  .select-input__control:hover,
  .select-input__control--is-focused {
    background: #22262c !important;
    border-color: #626b78 !important;
    box-shadow: none !important;
  }

  .select-input__menu {
    background: #181b20 !important;
    border: 1px solid #343a43 !important;
    color: #f1f2f4 !important;
  }

  .select-input__option {
    background: #181b20 !important;
    color: #f1f2f4 !important;
  }

  .select-input__option:hover,
  .select-input__option--is-focused {
    background: #22262c !important;
    color: #ffffff !important;
  }

  .select-input__option--is-selected {
    background: #343a43 !important;
    color: #ffffff !important;
  }

}


/* =========================================================
   AEVI GLOBAL BACK TO TOP
   ========================================================= */

.aevi-back-to-top {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 9999;

  display: inline-flex;
  align-items: center;
  gap: 8px;

  padding: 11px 16px;

  background: #ffffff;
  color: #172b4d;

  border: 1px solid #dfe1e6;
  border-radius: 8px;

  font-size: 14px;
  font-weight: 600;

  cursor: pointer;

  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);

  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    visibility 0.2s ease,
    background 0.2s ease,
    border-color 0.2s ease;
}

.aevi-back-to-top-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.aevi-back-to-top:hover {
  background: #f4f5f7;
  border-color: #2ecc71;
}

.aevi-back-to-top-arrow {
  font-size: 18px;
  line-height: 1;
}


/* =========================================================
   AEVI DARK MODE
   BACK TO TOP
   ========================================================= */

@media (prefers-color-scheme: dark) {

  .aevi-back-to-top {
    background: #181b20;
    color: #f1f2f4;
    border-color: #4a515c;
  }

  .aevi-back-to-top:hover {
    background: #22262c;
    border-color: #2ecc71;
    color: #ffffff;
  }

}

/* =========================================================
   AEVI SCHEDULED MAINTENANCE
   CHANGE TITLE EMPHASIS
   ========================================================= */

.scheduled-maintenance .incident-title,
.scheduled-maintenance .incident-name {
  font-weight: 700 !important;
}

/* =========================================================
   AEVI SCHEDULED MAINTENANCE
   CHANGE SEPARATION
   ========================================================= */

.scheduled-maintenances-container
.scheduled-maintenance + .scheduled-maintenance {
  margin-top: 28px !important;
  padding-top: 28px !important;
  border-top: 2px solid #d6dbe1 !important;
}

@media (prefers-color-scheme: dark) {

  .scheduled-maintenances-container
  .scheduled-maintenance + .scheduled-maintenance {
    border-top-color: #4a515c !important;
  }

}


/* =========================================================
   AEVI COMPONENT GROUP SEPARATION
   ========================================================= */

.components-section
.component-container.is-group
+ .component-container.is-group {
  margin-top: 28px !important;
  padding-top: 32px !important;
  border-top: 2px solid #d6dbe1 !important;
}

@media (prefers-color-scheme: dark) {

  .components-section
  .component-container.is-group
  + .component-container.is-group {
    border-top-color: #4a515c !important;
  }

}

/* =========================================================
   AEVI ACTIVE INCIDENT
   AFFECTED COMPONENT STATUS
   ========================================================= */

.aevi-incident-components {
  margin: 18px 0 14px;
  padding: 14px 16px;

  background: #f7f8fa;
  border: 1px solid #dfe1e6;
  border-radius: 8px;
}

.aevi-incident-components-title {
  margin-bottom: 10px;

  color: #172b4d;
  font-size: 14px;
  font-weight: 700;
}

.aevi-incident-component-row {
  display: flex;
  align-items: flex-start;
  gap: 9px;

  margin-top: 7px;

  font-size: 14px;
  line-height: 1.45;
}

.aevi-incident-component-row:first-of-type {
  margin-top: 0;
}

.aevi-component-status-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 18px;

  width: 18px;
  height: 18px;

  margin-top: 1px;
}

.aevi-component-status-icon svg {
  display: block;

  width: 17px;
  height: 17px;

  stroke: currentColor;
}

.aevi-component-status-content {
  min-width: 0;
}

.aevi-component-status-label {
  margin-right: 6px;

  font-weight: 700;
}

.aevi-component-status-names {
  color: #44546f;
}


/* Operational */
.aevi-component-status-operational {
  color: #33cc6b;
}

/* Degraded Performance */
.aevi-component-status-degraded_performance {
  color: #2fa772;
}

/* Partial Outage */
.aevi-component-status-partial_outage {
  color: #f57c00;
}

/* Major Outage */
.aevi-component-status-major_outage {
  color: #e23b1b;
}

/* Maintenance */
.aevi-component-status-under_maintenance {
  color: #2684ff;
}


/* =========================================================
   AEVI DARK MODE
   ACTIVE INCIDENT COMPONENT STATUS
   ========================================================= */

@media (prefers-color-scheme: dark) {

  .aevi-incident-components {
    background: #181b20;
    border-color: #343a43;
  }

  .aevi-incident-components-title {
    color: #f1f2f4;
  }

  .aevi-component-status-names {
    color: #c7ccd4;
  }

}


/* =========================================================
   ACTIVE MAINTENANCE STATUS BADGE
   ========================================================= */

.aevi-maintenance-status-badge {
  display: flex;
  align-items: center;
  gap: 9px;

  margin-top: 28px;
  margin-bottom: 22px;

  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;

  color: #2684ff;
}

.aevi-maintenance-status-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  font-size: 18px;
  line-height: 1;

  color: #2684ff;
}

/* =========================================================
   AEVI STATUS LABEL TYPOGRAPHY
   KEEP INCIDENT + MAINTENANCE CONSISTENT
   ========================================================= */

.aevi-maintenance-status-badge,
.aevi-component-status-label {
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}


/* =========================================================
   FIX MAINTENANCE SVG ICON
   ========================================================= */

.aevi-maintenance-status-icon {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;

  color: #2684ff !important;
}

.aevi-maintenance-status-icon svg {
  display: block !important;

  width: 18px !important;
  height: 18px !important;

  min-width: 18px !important;
  min-height: 18px !important;

  stroke: #2684ff !important;
  fill: none !important;
}

/* =========================================================
   DARK MODE
   ========================================================= */

@media (prefers-color-scheme: dark) {

  .aevi-maintenance-status-icon svg {
  width: 18px;
  height: 18px;
  display: block;

  stroke: currentColor;
}

}

/* =========================================================
   AEVI STATUS LEGEND ICONS
   ========================================================= */

.aevi-components-legend
.aevi-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 7px;

  font-weight: 600;
}

.aevi-legend-status-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 18px;
  height: 18px;

  flex: 0 0 18px;
}

.aevi-legend-status-icon svg {
  width: 17px;
  height: 17px;
  display: block;

  stroke: currentColor !important;
}

.aevi-legend-status-text {
  color: #44546f;
  font-weight: 600;
}


/* Operational */
.aevi-legend-operational
.aevi-legend-status-icon {
  color: #33cc6b !important;
}

/* Degraded */
.aevi-legend-degraded
.aevi-legend-status-icon {
  color: #2fa772 !important;
}

/* Partial Outage */
.aevi-legend-partial
.aevi-legend-status-icon {
  color: #f57c00 !important;
}

/* Major Outage */
.aevi-legend-major
.aevi-legend-status-icon {
  color: #e23b1b !important;
}

/* Maintenance */
.aevi-legend-maintenance
.aevi-legend-status-icon {
  color: #2684ff !important;
}


/* =========================================================
   DARK MODE
   ========================================================= */

@media (prefers-color-scheme: dark) {

  .aevi-legend-status-text {
    color: #c7ccd4 !important;
  }

}

/* =========================================================
   RESPONSIVE BREAKPOINTS
   ========================================================= */

@media (max-width: 1000px) {
  .child-components-container {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 650px) {
  .child-components-container {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 10px !important;
  }
}


/* =========================================================
   PAST INCIDENTS - HOMEPAGE LIMIT
   Hide anything after the latest 10 entries
   ========================================================= */

.incidents-list .aevi-history-hidden {
  display: none !important;
}

/* Hide dates that no longer contain a visible incident */
.incidents-list .aevi-history-day-hidden {
  display: none !important;
}

/* =========================================================
   PAST INCIDENTS - 3 LINE PREVIEW
   ========================================================= */

/* Limit the visible resolved/latest message to 3 lines */
.incidents-list
.incident-container
.updates-container.aevi-history-collapsed
> .update:first-of-type
.whitespace-pre-wrap {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;

  overflow: hidden !important;

  line-height: 1.55 !important;
  max-height: 4.65em !important;
}

/* Restore the full message after Show more is clicked */
.incidents-list
.incident-container
.updates-container:not(.aevi-history-collapsed)
> .update:first-of-type
.whitespace-pre-wrap {
  display: block !important;

  -webkit-line-clamp: unset !important;
  max-height: none !important;
  overflow: visible !important;
}


/* =========================================================
   RESPONSIVE BREAKPOINTS
   ========================================================= */

@media (max-width: 1000px) {
  .child-components-container {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 650px) {
  .child-components-container {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 10px !important;
  }
}

/* =========================================================
   AEVI STATUSPAGE
   ROUNDED INCIDENT & MAINTENANCE CARDS
   ========================================================= */

/* Round the complete incident / maintenance card */
.unresolved-incidents .incident-container,
.scheduled-maintenances .incident-container,
.incidents-container .incident-container,
.unresolved-incident,
.scheduled-maintenance,
.incident-container,
[class*="unresolved-incident"],
[class*="scheduled-maintenance"] {
  border-radius: 8px !important;
}

/* Keep coloured header bars inside rounded corners */
.incident-container .incident-title,
.unresolved-incident .incident-title,
.scheduled-maintenance .incident-title,
[class*="incident-title"] {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}


/* =========================================================
   AEVI STATUSPAGE
   SCHEDULED MAINTENANCE - CLEAN ROUNDED CARD
   ========================================================= */

/* Outer card - no top border */
.scheduled-maintenances-container {
  border: none !important;

  border-left: 1px solid #207ab6 !important;
  border-right: 1px solid #207ab6 !important;
  border-bottom: 1px solid #207ab6 !important;

  border-radius: 8px !important;

  overflow: hidden !important;
  background: #ffffff !important;
}

/* Blue header forms the top of the card */
.scheduled-maintenances-container > h2,
.scheduled-maintenances-container > h2.font-largest {
  background: #207ab6 !important;
  color: #ffffff !important;

  margin: 0 !important;
  padding: 18px 28px !important;

  border: none !important;

  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;

  font-size: 24px !important;
  font-weight: 500 !important;
}

/* White maintenance body */
.scheduled-maintenances-container > .scheduled-maintenance {
  background: #ffffff !important;
  margin: 0 !important;
  padding: 22px 28px !important;
}


/* =========================================================
   AEVI STATUSPAGE
   FIX SCHEDULED MAINTENANCE TOP BORDER / CORNERS
   ========================================================= */

/* Match the exact high-specificity selector used by the card */
[class*="scheduled-maintenance"]:has(> h2.font-largest) {
  border: none !important;

  border-left: 1px solid #207ab6 !important;
  border-right: 1px solid #207ab6 !important;
  border-bottom: 1px solid #207ab6 !important;

  border-radius: 8px !important;

  overflow: hidden !important;
  background: #ffffff !important;
}

/* Blue header becomes the actual top edge */
[class*="scheduled-maintenance"]:has(> h2.font-largest)
> h2.font-largest {
  margin: 0 !important;

  border: none !important;

  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;

  background: #207ab6 !important;
  color: #ffffff !important;
}


/* =========================================================
   AEVI STATUSPAGE
   SYSTEM STATUS SECTION
   ========================================================= */

.aevi-system-status-section {
  width: 100% !important;
  max-width: 1280px !important;

  margin: 0 auto 38px !important;
  padding: 0 28px !important;

  box-sizing: border-box !important;
}

.aevi-system-status-heading {
  margin: 0 0 14px 0 !important;

  color: #172b4d !important;

  font-size: 23px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

.page-status .aevi-status-message {
  display: block !important;

  margin-top: 7px !important;

  color: #6b778c !important;

  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
}

@media (max-width: 760px) {

  .aevi-system-status-section {
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-bottom: 30px !important;
  }

  .aevi-system-status-heading {
    font-size: 21px !important;
  }

  .page-status .aevi-status-message {
    font-size: 14px !important;
  }
}

/* =========================================================
   AEVI STATUSPAGE
   SYSTEM STATUS PANEL
   ========================================================= */

/* Native overall system status */
.page-status {
  position: relative !important;

  margin-top: 18px !important;
  margin-bottom: 38px !important;

  padding: 24px 28px 24px 78px !important;

  min-height: 96px !important;

display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: center !important;

  background: #ffffff !important;

  border: 1px solid #dfe1e6 !important;
  border-left: 5px solid #2ECC71 !important;
  border-radius: 8px !important;

  box-sizing: border-box !important;
}


/* Green check icon */
.page-status::before {
  content: "✓" !important;

  position: absolute !important;

  left: 24px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 34px !important;
  height: 34px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: #2ECC71 !important;
  color: #ffffff !important;

  border-radius: 50% !important;

  font-size: 20px !important;
  font-weight: 700 !important;
}


/* Native status text */
.page-status .status {
  color: #172b4d !important;

  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}


/* Mobile */
@media (max-width: 760px) {

  .page-status {
    padding: 20px 18px 20px 66px !important;
    min-height: 84px !important;
  }

  .page-status::before {
    left: 18px !important;

    width: 32px !important;
    height: 32px !important;

    font-size: 18px !important;
  }

  .page-status .status {
    font-size: 18px !important;
  }
}

/* =========================================================
   HIDE ORIGINAL INCIDENT HISTORY LINK IN FOOTER
   ========================================================= */

/* Hide Incident History only when it remains in native footer */
.page-footer > .history-footer-link {
  display: none !important;
}


/* =========================================================
   AEVI STATUS LEGEND
   FINAL COLOR PALETTE
   ========================================================= */

/* Operational - bright green */
.aevi-components-legend
.aevi-legend-operational
.aevi-legend-dot {
  background-color: #33cc6b !important;
}

/* Degraded - dark green */
.aevi-components-legend
.aevi-legend-degraded
.aevi-legend-dot {
  background-color: #2fa772 !important;
}

/* Partial Outage - orange */
.aevi-components-legend
.aevi-legend-partial
.aevi-legend-dot {
  background-color: #f57c00 !important;
}

/* Major Outage - red */
.aevi-components-legend
.aevi-legend-major
.aevi-legend-dot {
  background-color: #e23b1b !important;
}

/* Maintenance - blue */
.aevi-components-legend
.aevi-legend-maintenance
.aevi-legend-dot {
  background-color: #168ff5 !important;
}

@media (prefers-color-scheme: dark) {

  .aevi-status-nav .aevi-nav-link:hover {
    background: #22262c !important;
    color: #2ecc71 !important;
  }

}

/* =========================================================
   AEVI HEADER - DESKTOP CENTRAL ALIGNMENT
   ========================================================= */

@media (min-width: 1101px) {

  .aevi-status-header {
    width: calc(100% - 56px) !important;
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
  }

}

/* =========================================================
   AEVI HEADER - NAVIGATION HOVER STATES
   ========================================================= */

/* Current Status - Green */
.aevi-status-nav .aevi-current-nav:hover {
  background: #eaf8f0 !important;
  color: #218c53 !important;
}

/* Scheduled Maintenance - Blue */
.aevi-status-nav .aevi-scheduled-nav:hover {
  background: #eaf2ff !important;
  color: #2684ff !important;
}

/* Past Incidents - Grey */
.aevi-status-nav .aevi-past-nav:hover {
  background: #f1f2f4 !important;
  color: #5e6c84 !important;
}

@media (prefers-color-scheme: dark) {

  /* Current Status - Green */
  .aevi-status-nav .aevi-current-nav:hover {
    background: rgba(46, 204, 113, 0.14) !important;
    color: #2ecc71 !important;
  }

  /* Scheduled Maintenance - Blue */
  .aevi-status-nav .aevi-scheduled-nav:hover {
    background: rgba(38, 132, 255, 0.14) !important;
    color: #66b2ff !important;
  }

  /* Past Incidents - Grey */
  .aevi-status-nav .aevi-past-nav:hover {
    background: #22262c !important;
    color: #c7ccd4 !important;
  }

}

/* =========================================================
   SCHEDULED MAINTENANCE PAGINATION
   ========================================================= */

.aevi-maintenance-pagination {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 18px !important;

  width: 100% !important;
  box-sizing: border-box !important;

  padding: 20px 28px 22px !important;
  margin: 0 !important;
}

.aevi-maintenance-page-button {
  width: 52px !important;
  height: 52px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 0 !important;

  background: #ffffff !important;
  border: 1px solid #dfe1e6 !important;
  border-radius: 9px !important;

  color: #172b4d !important;

  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: 1 !important;

  cursor: pointer !important;

  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease !important;
}

.aevi-maintenance-page-button:hover:not(:disabled) {
  background: #f4f5f7 !important;
  border-color: #b3bac5 !important;
  color: #0052cc !important;
}

.aevi-maintenance-page-button:disabled {
  background: #ffffff !important;
  border-color: #ebecf0 !important;
  color: #a5adba !important;

  cursor: default !important;
  opacity: 1 !important;
}

.aevi-maintenance-page-counter {
  min-width: 54px !important;

  text-align: center !important;

  color: #42526e !important;

  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

@media (prefers-color-scheme: dark) {

  .aevi-maintenance-page-button {
    background: #181b20 !important;
    border-color: #343a43 !important;
    color: #c7ccd4 !important;
  }

  .aevi-maintenance-page-button:hover:not(:disabled) {
    background: #22262c !important;
    border-color: #4a515c !important;
    color: #66b2ff !important;
  }

  .aevi-maintenance-page-button:disabled {
    background: #181b20 !important;
    border-color: #343a43 !important;
    color: #5e6672 !important;
  }

  .aevi-maintenance-page-counter {
    color: #b6beca !important;
  }

}

@media (prefers-color-scheme: dark) {

  .scheduled-maintenances-container .aevi-maintenance-pagination {
    background: #181b20 !important;
    border-top: 1px solid #343a43 !important;
  }

}