/* noloop AI Agency — dark theme with red accent */

/* ── Base background ────────────────────────────────────────────────────────── */
body,
#page_wrapper {
  background-color: #1e1e1e !important;
}

/* ── Section group headers ──────────────────────────────────────────────────── */
/* Make all h2 section titles white */
h2,
.services-group h2,
section h2 {
  color: #f5f5f5 !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

/* Red left border on boxedWidgets group headers */
.services-group > div:first-child {
  border-left: 3px solid #d71e35 !important;
  padding-left: 10px !important;
}

/* ── Cards: white text, no color overrides ──────────────────────────────────── */
/* Service name */
.service-title,
span.font-bold {
  color: #f0f0f0 !important;
}

/* Description */
.service-description,
span.text-theme-900 {
  color: #9ca3af !important;
}

/* Widget label (STATUS, CURRENT TASK, etc.) */
.widget-label,
div.text-xs.font-bold {
  color: #6b7280 !important;
  letter-spacing: 0.08em !important;
  font-size: 0.65rem !important;
}

/* Widget value */
.widget-value {
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* ── Top stats bar ──────────────────────────────────────────────────────────── */
#information-widgets {
  color: #e5e7eb !important;
}

#information-widgets span {
  color: #e5e7eb !important;
}

/* Label under CPU/RAM stats */
#information-widgets p {
  color: #9ca3af !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.05em !important;
}

/* ── Status dot ─────────────────────────────────────────────────────────────── */
/* running/healthy = green; offline = gray */
/* Keep defaults — they're already good with statusStyle: dot */

/* ── Bookmark section ───────────────────────────────────────────────────────── */
.bookmarks-group a,
.bookmark-item {
  color: #d1d5db !important;
}
.bookmarks-group a:hover {
  color: #d71e35 !important;
}

/* ── Scrollbar ──────────────────────────────────────────────────────────────── */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: #1a1a1a; }
::-webkit-scrollbar-thumb { background: #333; border-radius: 2px; }
::-webkit-scrollbar-thumb:hover { background: #d71e35; }