.page-status.status-none,
.page-status.status-up {
  background: linear-gradient(90deg, #12b886 0%, #0fb072 100%) !important;
}

.component-container:hover {
  background: #f5f5f5 !important;
}

.component-status { transform: scale(1.2); }

.incident-title { font-weight: 700 !important; }

.incident {
  border-left: 4px solid var(--ok);
}
.incident.major_outage { border-color: var(--down); }
.incident.maintenance { border-color: var(--warn); }

.subscribe-button {
  background: var(--brand) !important;
  color: #fff !important;
}
                        
                    /* Show only last 3 days of history */
.status-day:nth-child(n+8) { display: none; }