/* =============================================
   KEV Group — Statuspage Custom CSS
   ============================================= */

/* --- Page background & font --- */
body {
  background-color: #f5f5f5 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

/* --- Hide uptime bars --- */
.uptime-90-days-wrapper,
.shared-partial,
.components-uptime-link,
[class*="uptime"] {
  display: none !important;
}

/* --- Hide all status icons --- */
.status-icon-button,
i.component-status {
  display: none !important;
}

/* --- Hide "About This Site" heading --- */
.page-description h3,
.page-description .heading {
  display: none !important;
}

.page-description p {
  text-align: center;
  color: #555 !important;
  font-size: 14px !important;
  line-height: 1.6;
}

/* --- Green banner --- */
.page-status {
  background-color: #1d9c52 !important;
  border-radius: 6px !important;
}

.page-status .status span {
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

/* --- Component cards --- */
.component-container {
  background: #fff !important;
  border: 1px solid #ddd !important;
  border-radius: 6px !important;
  margin-bottom: 10px !important;
  overflow: hidden !important;
}

/* --- Group header --- */
.component-container > .component-inner-container .name {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #222 !important;
}

/* --- Child rows --- */
.child-components-container .component-inner-container {
  border-top: 1px solid #f0f0f0 !important;
  background: #fff !important;
}

.child-components-container .component-inner-container:hover {
  background-color: #fafafa !important;
}

.child-components-container .component-inner-container .name {
  font-size: 13.5px !important;
  color: #333 !important;
  font-weight: 400 !important;
}

/* --- Status text colors --- */
.component-status { font-size: 13px !important; font-weight: 600 !important; }
[data-component-status="operational"]          .component-status { color: #1d9c52 !important; }
[data-component-status="degraded_performance"] .component-status { color: #e6a817 !important; }
[data-component-status="partial_outage"]       .component-status { color: #e07b27 !important; }
[data-component-status="major_outage"]         .component-status { color: #c0392b !important; }
[data-component-status="under_maintenance"]    .component-status { color: #2980b9 !important; }

/* --- Past Incidents --- */
.incidents-list .incident-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #222 !important;
}
.incidents-list .no-incidents,
.incidents-list .incident-body {
  font-size: 13px !important;
  color: #888 !important;
}

/* --- Mobile --- */
@media (max-width: 600px) {
  .page-status .status span { font-size: 14px !important; }
}