@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');
* { font-family: 'Inter', -apple-system, sans-serif !important; }

body, .layout-content { background-color: #f5f5f3 !important; color: #1a1c20 !important; }

.page-header { background: #fff !important; border-bottom: 1px solid #e5e5e0 !important; box-shadow: none !important; }

.page-status { background: #f0fdf4 !important; border: 1px solid #bbf7d0 !important; border-radius: 10px !important; }
.page-status span, .page-status .status { color: #15803d !important; font-weight: 600 !important; }

.show-updates-dropdown {
  background: #2762FF !important;
  background-color: #2762FF !important;
  border: 1px solid #2762FF !important;
  border-radius: 8px !important;
  color: #fff !important;
  font-weight: 500 !important;
  font-size: 13px !important;
}
.show-updates-dropdown:hover {
  background: #1a4fd6 !important;
  background-color: #1a4fd6 !important;
}

.component-container, .components-section { background: #fff !important; border: 1px solid #e5e5e0 !important; border-radius: 12px !important; box-shadow: none !important; }
.component-inner-container { border-color: #f0f0ec !important; }
.component-status.operational { color: #16a34a !important; font-weight: 500 !important; }
.component-name { color: #1a1c20 !important; }

a { color: #2762FF !important; }

.incident-container { background: #fff !important; border: 1px solid #e5e5e0 !important; border-radius: 10px !important; box-shadow: none !important; padding: 20px 24px !important; }
.update-body { padding: 10px 0 !important; }

.page-footer { background: #fff !important; border-top: 1px solid #e5e5e0 !important; }
hr { border-color: #e5e5e0 !important; }
h1, h2, h3, strong { color: #1a1c20 !important; }
p, .color-secondary { color: #6b7280 !important; }