/* ===== HEADER HEIGHT REFINEMENT ===== */

.masthead-container.basic {
  padding: 0 !important;
  min-height: 0 !important;
}

.masthead.has-logo {
  min-height: 0 !important;
  height: auto !important;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

.masthead .logo-container img {
  width: 150px !important;
  max-width: 150px !important;
}

.masthead .show-updates-dropdown {
  min-height: 46px !important;
  padding: 0 24px !important;
}


/* ===== AEVI STATUS PAGE - HEADER V1 ===== */

/* Make the overall masthead compact */
.masthead-container.basic {
  background: #ffffff;
  border-bottom: 1px solid #eeeeee;
}

/* Turn masthead into a horizontal flex row */
.masthead.has-logo {
  max-width: 1440px;
  margin: 0 auto;
  padding: 24px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  box-sizing: border-box;
}

/* Reduce Aevi logo size */
.masthead .logo-container {
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto;
}

.masthead .logo-container img {
  width: 180px !important;
  max-width: 180px !important;
  height: auto !important;
  display: block;
}

/* Keep native Subscribe control on the right */
.masthead .updates-dropdown-container {
  position: static !important;
  top: auto !important;
  right: auto !important;
  margin: 0 !important;
  flex: 0 0 auto;
}

/* Style native Subscribe button */
.masthead .show-updates-dropdown {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 28px !important;
  border-radius: 4px;
  font-size: 16px;
  letter-spacing: 0;
  text-transform: none;
  font-weight: 600;
  box-shadow: none;
}

/* Remove excess whitespace below header */
.masthead .clearfix {
  display: none;
}

/* Mobile */
@media (max-width: 767px) {
  .masthead.has-logo {
    padding: 20px;
    gap: 16px;
  }

  .masthead .logo-container img {
    width: 125px !important;
    max-width: 125px !important;
  }

  .masthead .show-updates-dropdown {
    min-height: 42px;
    padding: 0 16px !important;
    font-size: 14px;
  }
}

/* =========================================================
   AEVI STATUS HEADER + NAVIGATION
   ========================================================= */

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

  width: 100% !important;
  max-width: 1280px !important;

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

  gap: 32px !important;

  box-sizing: border-box !important;
}


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

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

  flex-shrink: 0 !important;

  text-decoration: none !important;
}

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

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


/* =========================================================
   AEVI HEADER NAVIGATION
   ========================================================= */

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

  gap: 24px !important;

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

  white-space: nowrap !important;
}

.aevi-status-nav a {
  color: #172b4d;
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
}

.aevi-status-nav a:hover {
  text-decoration: underline;
}


/* Report an Incident button */

.aevi-status-nav .aevi-support-link {
  background: #f0f0f0;

  padding: 13px 20px;

  border-radius: 4px;

  font-weight: 600;
  text-decoration: none;
}

.aevi-status-nav .aevi-support-link:hover {
  background: #e5e5e5;
  text-decoration: none;
}


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

@media (max-width: 1100px) {

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

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

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

  .aevi-status-nav a {
    font-size: 13px;
  }

  .aevi-status-nav .aevi-support-link {
    padding: 11px 14px;
  }
}


@media (max-width: 850px) {

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

    gap: 18px !important;

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

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

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

    margin-left: 0 !important;
  }
}


/* Keep native masthead visible above custom header navigation */
.masthead-container.basic {
  display: block !important;
}

.masthead.has-logo {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.masthead .logo-container {
  display: block !important;
  visibility: visible !important;
}

.masthead .updates-dropdown-container {
  display: block !important;
  visibility: visible !important;
}


/* =========================================================
   AEVI STATUS HEADER
   ========================================================= */

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

  gap: 28px !important;

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

/* Logo */
.aevi-logo-link {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;

  text-decoration: none !important;
}

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

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

/* Navigation stays aligned beside logo */
.aevi-status-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;

  gap: 22px !important;

  margin-left: auto !important;
}

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

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

  .aevi-status-nav {
    justify-content: flex-start !important;
    margin-left: 0 !important;
  }

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


/* =========================================================
   HEADER NAVIGATION - LIVE PAGE TOP SPACING
   ========================================================= */

nav:has(.aevi-nav-link) {
  padding-top: 16px !important;
}


/* =========================================================
   AEVI STATUSPAGE
   NATIVE SUBSCRIBE BUTTON - HEADER POSITIONING
   ========================================================= */

.masthead .updates-dropdown-container {
  display: block !important;
  visibility: visible !important;

  position: absolute !important;
  top: 50% !important;
  right: 32px !important;
  transform: translateY(-50%) !important;

  margin: 0 !important;
  z-index: 20;
}

.masthead #show-updates-dropdown {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  min-height: 48px !important;
  padding: 0 24px !important;

  border-radius: 4px !important;

  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;

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

  text-decoration: none !important;
  box-shadow: none !important;
}

.masthead #show-updates-dropdown:hover {
  background: #0f1f38 !important;
}

/* Leave room on the right for Subscribe */
.aevi-status-nav {
  left: 46%;
}

/* Smaller screens */
@media (max-width: 1200px) {
  .masthead .updates-dropdown-container {
    right: 20px !important;
  }

  .masthead #show-updates-dropdown {
    padding: 0 16px !important;
    font-size: 13px !important;
  }
}




/* =========================================================
   AEVI STATUSPAGE
   SUBSCRIBE TO UPDATES - NAV BUTTON
   ========================================================= */

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

  min-height: 46px !important;
  padding: 0 22px !important;

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

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

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

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

  box-shadow: none !important;
}

.aevi-status-nav a.aevi-subscribe-link:hover,
.aevi-status-nav a.show-updates-dropdown.aevi-subscribe-link:hover {
  background: #0f1f38 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}



/* =========================================================
   AEVI STATUSPAGE
   HEADER NAVIGATION - SINGLE ROW DESKTOP
   ========================================================= */

.aevi-status-nav {
  position: static !important;
  transform: none !important;

  width: 100% !important;

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

  gap: 24px !important;
  flex-wrap: nowrap !important;

  margin: 0 !important;
}

/* Keep both CTA buttons aligned with nav links */
.aevi-status-nav .aevi-support-link,
.aevi-status-nav .aevi-subscribe-link {
  flex: 0 0 auto !important;
}

/* Slightly tighten spacing on medium screens */
@media (max-width: 1250px) {
  .aevi-status-nav {
    gap: 16px !important;
  }

  .aevi-status-nav .aevi-nav-link,
  .aevi-status-nav .aevi-support-link,
  .aevi-status-nav .aevi-subscribe-link {
    font-size: 13px !important;
  }

  .aevi-status-nav .aevi-support-link,
  .aevi-status-nav .aevi-subscribe-link {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

/* Keep full navigation on one row for desktop/tablet */
@media (min-width: 701px) {
  .aevi-status-nav {
    flex-wrap: nowrap !important;
    gap: 16px !important;
  }

  .aevi-status-nav .aevi-nav-link {
    white-space: nowrap !important;
  }

  .aevi-status-nav .aevi-support-link,
  .aevi-status-nav .aevi-subscribe-link {
    white-space: nowrap !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* Only wrap navigation on small mobile screens */
@media (max-width: 700px) {
  .aevi-status-nav {
    flex-wrap: wrap !important;
    gap: 12px !important;
  }
}


/* =========================================================
   SUBSCRIBE TO UPDATES - AEVI GREEN CTA
   Match Report an Incident button dimensions
   ========================================================= */

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

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

  padding: 0 16px !important;

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

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

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

  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

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

.aevi-status-nav a.aevi-subscribe-link:hover,
.aevi-status-nav a.show-updates-dropdown.aevi-subscribe-link:hover {
  background: #27AE60 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}



/* =========================================================
   AEVI NAV CTA BUTTONS - MATCHED STYLE
   ========================================================= */

/* Both buttons */
.aevi-status-nav .aevi-support-link,
.aevi-status-nav .aevi-subscribe-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

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

  padding: 0 16px !important;

  border-radius: 4px !important;

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

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

  width: auto !important;
  flex: 0 0 auto !important;
}

/* Report an Incident */
.aevi-status-nav .aevi-support-link {
  background: #f1f1f1 !important;
  color: #172b4d !important;
}

/* Subscribe to Updates */
.aevi-status-nav .aevi-subscribe-link {
  background: #2ECC71 !important;
  color: #ffffff !important;
}

/* BOHUS*/
/* =========================================================
   AEVI STATUSPAGE
   BASELINE LAYOUT WITH COLLAPSE & DEFAULT STATUS ICONS
   ========================================================= */

/* Keep the component area readable */
.components-section,
.components-section .components-container {
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Each component group */
.components-section .component-container.has-children,
.components-section .component-group-container {
  width: 100% !important;
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
}

/* Make the group heading clearly visible */
.component-container.has-children > .component-inner-container,
.component-group-container > .component-inner-container {
  min-width: 185px !important;
  padding: 16px 18px !important;
  background: #f7f9fb !important;
  border-bottom: 1px solid #dfe5ec !important;
}

/* Group/component heading text */
.component-container.has-children > .component-inner-container .name,
.component-group-container > .component-inner-container .name {
  display: block !important;
  max-width: 180px !important;
  overflow: visible !important;
  white-space: normal !important;
  color: #172b4d !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}

/* Keep the group status below its heading */
.component-container.has-children > .component-inner-container .component-status,
.component-group-container > .component-inner-container .component-status {
  display: flex !important;
  align-items: center !important;
  margin: 7px 0 0 0 !important;
  white-space: normal !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
}

/* =========================================================
   SUBCOMPONENT GRID & COLLAPSE LOGIC
   ========================================================= */

.child-components-container {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  padding: 12px !important;
  box-sizing: border-box !important;
}

/* Respect collapsed state */
.component-container.collapsed .child-components-container,
.component-group-container.collapsed .child-components-container,
.component-container[aria-expanded="false"] .child-components-container,
.component-group-container[aria-expanded="false"] .child-components-container,
.child-components-container[style*="display: none"],
.child-components-container[style*="display:none"],
.child-components-container.collapsed,
.child-components-container.hide,
.child-components-container.hidden {
  display: none !important;
}

/* =========================================================
   HIDE STATUS GRAPHS ONLY FOR SUBCOMPONENTS
   KEEP GRAPHS FOR MAIN COMPONENT GROUPS
   ========================================================= */
/* Hide graphs inside subcomponents only */
.child-components-container .uptime-90-days,
.child-components-container .uptime-history,
.child-components-container .uptime-history-bars,
.child-components-container .uptime-bars,
.child-components-container .bars-container,
.child-components-container .availability-bars,
.child-components-container .history-bars,
.child-components-container .legend-container,
.child-components-container .uptime-legend,
.child-components-container .uptime-percentage,
.child-components-container .uptime-label,
.child-components-container .uptime-history-labels,
.child-components-container .availability-label,
.child-components-container .history-labels,
.child-components-container .shared-partial,
.child-components-container [class*="uptime-history"],
.child-components-container [class*="uptime-graph"],
.child-components-container [class*="history-bars"],
.child-components-container [class*="availability-bars"],
.child-components-container [class*="bars-container"],
.child-components-container [class*="uptime-chart"],
.child-components-container [class*="history-chart"] {
  display: none !important;
}

/* =========================================================
   SUBCOMPONENT CARDS & TYPOGRAPHY
   ========================================================= */

.child-components-container .component-container,
.child-components-container .component-inner-container {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 78px !important;
  margin: 0 !important;
  padding: 13px 14px !important;

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

  border: 1px solid #d9e2ec !important;
  border-radius: 6px !important;
  background: #ffffff !important;
}

/* Subcomponent name */
.child-components-container .name {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;

  overflow: visible !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;

  color: #172b4d !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
}

/* Status below subcomponent name */
.child-components-container .component-status {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  margin: 7px 0 0 0 !important;

  white-space: normal !important;
  overflow-wrap: anywhere !important;

  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}

/* Remove inline spacing */
.child-components-container .name + .component-status {
  margin-left: 0 !important;
}

/* Avoid vertical centering beside the name */
.child-components-container .component-inner-container > div {
  max-width: 100% !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
   ABOUT THIS SITE
   ========================================================= */

.text-section:has(#about-this-site) {
  margin-top: 40px !important;
  margin-bottom: 20px !important;

  padding: 26px 30px !important;

  background: #f7f8f9 !important;

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

  box-sizing: border-box !important;
}

/* Heading */
.text-section:has(#about-this-site) h2 {
  margin: 0 0 14px 0 !important;

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

  color: #172b4d !important;
}

/* Remove native link appearance */
.text-section:has(#about-this-site) #about-this-site {
  color: #172b4d !important;
  text-decoration: none !important;
}

/* Body text */
.text-section:has(#about-this-site) p {
  margin: 0 !important;

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

  color: #5e6c84 !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;
}

/* =========================================================
   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;
  }
}


/* =========================================================
   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;
}


/* =========================================================
   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;
}