/* ── Past incidents: 2-column grid ── */
.incidents-list.format-expanded {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0 24px;
  align-items: start;
}

/* Heading spans full width */
.incidents-list.format-expanded h2#past-incidents {
  grid-column: 1 / -1;
}

/* Each day card */
.incidents-list.format-expanded .status-day {
  border-bottom: 1px solid rgba(0,0,0,0.06);
  padding-bottom: 10px;
  margin-bottom: 0;
}

/* Mobile: back to single column */
@media (max-width: 600px) {
  .incidents-list.format-expanded {
    grid-template-columns: 1fr !important;
  }
}
.container {
    max-width: 1000px !important;
    padding: 0 28px;
  width: 100%;
}
.layout-content.status .masthead-container.basic .masthead {
    padding-top: 50px;
    max-width: 1000px;
    margin: 0 auto;
}
.layout-content.status.status-index .page-status .status {
 top: 0;
  font-size: 18px
}
.layout-content.status.status-index .page-status {
 margin-bottom: 30px ; 
  margin-top: 30px;
  border-radius: 50px;
}
h2 {
    margin-bottom: 0;
}
.layout-content.status .masthead-container.basic {
  max-width: none !important;
  width: 100% !important
}

.layout-content.status .incidents-list.format-expanded .status-day {
 margin-top: 15px !important 
}
.layout-content.status.status-index .scheduled-maintenances-container {
    margin: -20px 0;
}
/* ── Global reset & typography ── */
body.status {
  font-family: Roboto, sans-serif !important;
  background-color: #f5f6f8;
  color: #000F2F;
}
.incident-title .whitespace-pre-wrap {
 text-transform: capitalize 
}
.flat-button, .layout-content.status .masthead-container .updates-dropdown-container .show-updates-dropdown {
 border-radius: 50px !important; 
}
/* ── Masthead / header ── */
.masthead-container {
  background-color: #000F2F !important;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.masthead {
  background-color: #000F2F !important;
    padding: 34px 32px;
    border-bottom: 1px solid #ffffff30;
}
.layout-content.status .masthead-container.basic .masthead .logo-container img {
  filter: brightness(0) invert(1);
  max-height: 30px;
}

/* Subscribe button */
.show-updates-dropdown {
  background-color: #0077FF !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;
  font-family: Roboto, sans-serif !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  letter-spacing: 0.5px !important;
  padding: 8px 18px !important;
  text-transform: uppercase;
}
.show-updates-dropdown:hover {
  background-color: #0060CC !important;
}



/* Major / minor / critical banners */
.page-status.status-major    { background-color: #E67E22 !important; border-radius: 8px; }
.page-status.status-critical { background-color: #E74C3C !important; border-radius: 8px; }
.page-status.status-minor    { background-color: #F1C40F !important; border-radius: 8px; }

/* ── Container ── */
.container {
  max-width: 860px;
  padding: 0 28px;
}

/* ── Components section ── */
.components-section {
  background: #fff;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,0.07);
  padding: 20px 24px;
  margin-bottom: 20px;
}
.components-uptime-link {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #999 !important;
  margin-bottom: 16px;
}
.components-uptime-link a {
  color: #0077FF !important;
}

/* Component rows */
.component-container {
  border-color: rgba(0,0,0,0.06) !important;
  padding: 14px 0;
}
.component-container:first-child { padding-top: 0; }
.component-container:last-child  { border-bottom: none !important; }

.component-inner-container .name {
  font-size: 15px !important;
  color: #000F2F !important;
}
.component-inner-container .component-status {
  font-size: 12px !important;
  font-weight: 400 !important;
}
.component-inner-container.status-green .component-status,
.component-inner-container.status-green .icon-indicator {
  color: #2FCC66 !important;
}

/* Uptime bars */
.uptime-day {
  rx: 2px;
}

/* Legend */
.component-statuses-legend {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(0,0,0,0.06);
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
.component-statuses-legend .legend-item {
  font-size: 11px !important;
  font-weight: 400 !important;
  color: #888 !important;
}

/* ── Section headings ── */
.layout-content .font-largest,
.layout-content h2.font-largest {
  font-family: Roboto, sans-serif !important;
  font-size: 20px !important;
  color: #000F2F !important;
  letter-spacing: -0.3px;
  margin-top: 28px;
  margin-bottom: 14px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0,0,0,0.07);
}

/* ── Scheduled maintenance ── */
.scheduled-maintenances-container .scheduled-maintenance {
  background: #fff;
  border-radius: 10px;
  border: 1px solid rgba(0,119,255,0.12);
  border-left: 3px solid #0077FF;
  padding: 16px 20px;
  margin-bottom: 10px;
}
.scheduled-maintenances-container .incident-title a {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #000F2F !important;
}
.scheduled-maintenances-container .incident-title small {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #0077FF !important;
}
.scheduled-maintenances-container .updates-container {
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #555 !important;
}
.scheduled-maintenances-container .updates-container small {
  color: #aaa !important;
  font-size: 11px !important;
}

/* ── Past incidents ── */
.status-day .date {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #000F2F !important;
  border-color: rgba(0,0,0,0.07) !important;
  padding: 10px 0 8px;
  margin-bottom: 6px;
}
.status-day p.color-secondary {
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #888 !important;
  margin: 0 0 8px;
}

/* ── Footer ── */
.page-footer {
  border-color: rgba(0,0,0,0.07) !important;
  padding: 16px 0;
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-footer a,
.history-footer-link {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #0077FF !important;
}
.powered-by,
.powered-by a {
  font-size: 11px !important;
  color: #ccc !important;
}

/* ── Subscribe dropdown ── */
div[id^="updates-dropdown"] {
  border-radius: 10px !important;
  border: 1px solid rgba(0,0,0,0.1) !important;
  font-family: Roboto, sans-serif !important;
}
.flat-button {
  background-color: #0077FF !important;
  border-radius: 4px !important;
  font-family: Roboto, sans-serif !important;
  font-weight: 600 !important;
}

/* ── Uptime tooltip ── */
#uptime-tooltip .tooltip-box {
  border-radius: 8px !important;
  font-family: Roboto, sans-serif !important;
  font-size: 12px !important;
}