/* ============================================================
   Light-Theme Overrides for Pages with Inline Dark Styles
   status, onboarding, support, api-docs, hub-detail, hub-overview
   ============================================================ */

/* --- Status Page --- */
[data-theme="light"] .st-hero h1 {
  background: linear-gradient(135deg, #1e1e2e 0%, rgba(30,30,46,0.7) 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
[data-theme="light"] .st-overall-ok {
  background: rgba(52,211,153,0.1); border-color: rgba(52,211,153,0.3);
}
[data-theme="light"] .st-overall-text { color: #1e1e2e; }
[data-theme="light"] .st-overall-sub { color: rgba(30,30,46,0.55); }
[data-theme="light"] .st-service {
  background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .st-service:hover { border-color: rgba(99,102,241,0.3); }
[data-theme="light"] .st-svc-name { color: #1e1e2e; }
[data-theme="light"] .st-svc-desc { color: rgba(30,30,46,0.55); }
[data-theme="light"] .st-uptime-title { color: rgba(30,30,46,0.55); }
[data-theme="light"] .st-bar-day:hover::after { color: rgba(30,30,46,0.55); }
[data-theme="light"] .st-metric {
  background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .st-metric-val { color: #1e1e2e; }
[data-theme="light"] .st-metric-label { color: rgba(30,30,46,0.55); }
[data-theme="light"] .st-incidents-title {
  color: rgba(30,30,46,0.7); border-bottom-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .st-incident { border-bottom-color: rgba(0,0,0,0.06); }
[data-theme="light"] .st-inc-title { color: rgba(30,30,46,0.7); }
[data-theme="light"] .st-inc-date { color: rgba(30,30,46,0.45); }
[data-theme="light"] .st-inc-desc { color: rgba(30,30,46,0.55); }
[data-theme="light"] .st-no-incidents { color: rgba(30,30,46,0.45); }


/* --- Onboarding Page --- */
[data-theme="light"] .ob-hero h1 {
  background: linear-gradient(135deg, #1e1e2e 0%, rgba(30,30,46,0.7) 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
[data-theme="light"] .ob-hero p { color: rgba(30,30,46,0.55); }
[data-theme="light"] .ob-step {
  background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .ob-step:hover {
  border-color: rgba(99,102,241,0.3); background: rgba(99,102,241,0.03);
}
[data-theme="light"] .ob-step.completed {
  background: rgba(52,211,153,0.06); border-color: rgba(52,211,153,0.2);
}
[data-theme="light"] .ob-step-title { color: #1e1e2e; }
[data-theme="light"] .ob-step-desc { color: rgba(30,30,46,0.55); }
[data-theme="light"] .ob-section-title { color: #1e1e2e; }
[data-theme="light"] .ob-progress-text { color: rgba(30,30,46,0.55); }
[data-theme="light"] .ob-guide {
  background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .ob-guide:hover {
  border-color: rgba(99,102,241,0.3); background: rgba(99,102,241,0.03);
}
[data-theme="light"] .ob-guide-title { color: #1e1e2e; }
[data-theme="light"] .ob-guide-desc { color: rgba(30,30,46,0.55); }

/* --- Support Page --- */
[data-theme="light"] .support-hero h1 {
  background: linear-gradient(135deg, #1e1e2e 0%, rgba(30,30,46,0.7) 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
[data-theme="light"] .support-hero p { color: rgba(30,30,46,0.55); }
[data-theme="light"] .support-search input {
  border-color: rgba(0,0,0,0.1); background: #fff; color: #1e1e2e;
}
[data-theme="light"] .support-search input::placeholder { color: rgba(30,30,46,0.4); }
[data-theme="light"] .support-search input:focus { border-color: rgba(99,102,241,0.5); }
[data-theme="light"] .support-cat-btn {
  background: rgba(0,0,0,0.04); color: rgba(30,30,46,0.6);
  border-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .support-cat-btn.active {
  background: rgba(99,102,241,0.12); color: var(--primary, #6366f1); border-color: rgba(99,102,241,0.3);
}
[data-theme="light"] .faq-section-title {
  color: rgba(30,30,46,0.85); border-bottom-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .faq-item {
  background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .faq-item:hover { border-color: rgba(99,102,241,0.3); }
[data-theme="light"] .faq-q { color: #1e1e2e; }
[data-theme="light"] .faq-a { color: rgba(30,30,46,0.55); }
[data-theme="light"] .support-card {
  background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .support-card:hover {
  border-color: rgba(99,102,241,0.3); background: rgba(99,102,241,0.03);
}
[data-theme="light"] .support-card-title { color: #1e1e2e; }
[data-theme="light"] .support-card-desc { color: rgba(30,30,46,0.55); }

/* --- API-Docs Page --- */
[data-theme="light"] .api-hero h1 {
  background: linear-gradient(135deg, #1e1e2e 0%, rgba(30,30,46,0.7) 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
[data-theme="light"] .api-hero p { color: rgba(30,30,46,0.55); }
[data-theme="light"] .api-sidebar {
  background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .api-sidebar-link {
  color: rgba(30,30,46,0.6);
}
[data-theme="light"] .api-sidebar-link:hover,
[data-theme="light"] .api-sidebar-link.active {
  color: var(--primary, #6366f1); background: rgba(99,102,241,0.08);
}
[data-theme="light"] .api-endpoint {
  background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .api-endpoint:hover { border-color: rgba(99,102,241,0.3); }
[data-theme="light"] .api-endpoint-title { color: #1e1e2e; }
[data-theme="light"] .api-desc { color: rgba(30,30,46,0.55); }
[data-theme="light"] .api-code {
  background: #f8f9fa; color: #1e1e2e; border-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .api-response {
  background: #f8f9fa; color: #1e1e2e; border-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .api-param-name { color: var(--primary, #6366f1); }
[data-theme="light"] .api-param-type { color: rgba(30,30,46,0.45); }
[data-theme="light"] .api-param-desc { color: rgba(30,30,46,0.55); }
[data-theme="light"] .api-try-btn {
  background: rgba(99,102,241,0.08); color: var(--primary, #6366f1);
}
[data-theme="light"] .api-try-btn:hover {
  background: var(--primary, #6366f1); color: #fff;
}
[data-theme="light"] .api-error-state h2 { color: #1e1e2e; }
[data-theme="light"] .api-error-state p { color: rgba(30,30,46,0.55); }
[data-theme="light"] .api-error-retry {
  background: rgba(99,102,241,0.08); color: var(--primary, #6366f1); border-color: rgba(99,102,241,0.25);
}
[data-theme="light"] .api-error-retry:hover {
  background: rgba(99,102,241,0.15); border-color: rgba(99,102,241,0.4);
}

/* --- Hub Detail Page --- */
[data-theme="light"] .hd-hero h1 {
  color: #1e1e2e;
}
[data-theme="light"] .hd-hero p { color: rgba(30,30,46,0.55); }
[data-theme="light"] .hd-card {
  background: #fff; border-color: rgba(0,0,0,0.08);
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}
[data-theme="light"] .hd-card-title { color: #1e1e2e; }
[data-theme="light"] .hd-card-desc { color: rgba(30,30,46,0.55); }
[data-theme="light"] .hd-section-title { color: #1e1e2e; }
[data-theme="light"] .hd-tab {
  color: rgba(30,30,46,0.6);
}
[data-theme="light"] .hd-tab.active {
  color: var(--primary, #6366f1); border-bottom-color: var(--primary, #6366f1);
}
[data-theme="light"] .hd-feature {
  background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .hd-feature-title { color: #1e1e2e; }
[data-theme="light"] .hd-feature-desc { color: rgba(30,30,46,0.55); }
[data-theme="light"] .hd-powered { color: rgba(30,30,46,0.45); }

/* --- Hub Overview Page --- */
[data-theme="light"] .ho-hero h1 {
  background: linear-gradient(135deg, #1e1e2e 0%, rgba(30,30,46,0.7) 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
[data-theme="light"] .ho-hero p { color: rgba(30,30,46,0.55); }
[data-theme="light"] .ho-stat-card {
  background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .ho-stat-val { color: #1e1e2e; }
[data-theme="light"] .ho-stat-label { color: rgba(30,30,46,0.55); }
[data-theme="light"] .ho-card {
  background: #fff; border-color: rgba(0,0,0,0.08);
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}
[data-theme="light"] .ho-card:hover {
  border-color: rgba(99,102,241,0.3); box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}
[data-theme="light"] .ho-card-name { color: #1e1e2e; }
[data-theme="light"] .ho-card-desc { color: rgba(30,30,46,0.55); }
[data-theme="light"] .ho-search input {
  background: #fff; color: #1e1e2e; border-color: rgba(0,0,0,0.1);
}
[data-theme="light"] .ho-search input::placeholder { color: rgba(30,30,46,0.4); }
[data-theme="light"] .ho-filter-btn {
  background: rgba(0,0,0,0.04); color: rgba(30,30,46,0.6);
  border-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .ho-filter-btn.active {
  background: rgba(99,102,241,0.12); color: var(--primary, #6366f1); border-color: rgba(99,102,241,0.3);
}

/* --- Common light noscript --- */
[data-theme="light"] noscript > div {
  background: #f5f5f5 !important; color: #1e1e2e !important; /* override */
}