/* AdaDo Brand Theme v3 — injected over OpenClaw Control UI via nginx sub_filter */
/* Primary: Purple #7C3AED | Secondary: Green #00b84c | Dark bg: #0a0f1e */

/* ── CSS Variable Override (all theme modes) ── */
:root, [data-theme], [data-theme="dark"], [data-theme="light"],
.dark, .light, html, body {
  --accent: #7C3AED !important;
  --accent-hover: #6d28d9 !important;
  --accent-muted: #7C3AED99 !important;
  --accent-subtle: #7C3AED1a !important;
  --accent-foreground: #ffffff !important;
  --accent-glow: #7C3AED33 !important;
  --primary: #7C3AED !important;
  --primary-foreground: #fff !important;
  --primary-hover: #6d28d9 !important;
  --accent-2: #00b84c !important;
  --accent-2-muted: #00b84cb3 !important;
  --accent-2-subtle: #00b84c1a !important;
  --selection-bg: #7C3AED !important;
  --ring: #7C3AED !important;
  --bg: #0a0f1e !important;
  --bg-accent: #111827 !important;
  --bg-elevated: #1a2035 !important;
  --bg-hover: #1f2a40 !important;
  --bg-muted: #1f2a40 !important;
  --background: #0a0f1e !important;
  --foreground: #e2e8f0 !important;
  --card: #111827 !important;
  --card-foreground: #e2e8f0 !important;
  --border: #1f2a40 !important;
  --input: #1f2a40 !important;
  --muted: #1f2a40 !important;
  --muted-foreground: #94a3b8 !important;
  --destructive: #ef4444 !important;
  --success: #00b84c !important;
}

/* ── Force body/html background ── */
html, body { background: #0a0f1e !important; color: #e2e8f0 !important; }

/* ── Buttons ── */
button[class*="primary"], [class*="btn-primary"],
[class*="send-button"], [class*="submit-button"],
button[data-variant="primary"], [data-variant="primary"] {
  background: #7C3AED !important;
  border-color: #7C3AED !important;
  color: #fff !important;
}
button[class*="primary"]:hover, [class*="btn-primary"]:hover,
[class*="send-button"]:hover, button[data-variant="primary"]:hover {
  background: #6d28d9 !important;
  border-color: #6d28d9 !important;
}

/* ── Input focus rings ── */
input:focus, textarea:focus, select:focus,
[class*="input"]:focus-within {
  border-color: #7C3AED !important;
  box-shadow: 0 0 0 2px #7C3AED33 !important;
  outline-color: #7C3AED !important;
}

/* ── Sidebar & navigation active states ── */
[class*="nav-item"][class*="active"],
[class*="sidebar-item"][class*="active"],
[class*="active-link"],
[aria-selected="true"],
[aria-current="page"],
[class*="selected"] {
  background: #7C3AED1a !important;
  border-color: #7C3AED !important;
  color: #7C3AED !important;
}

/* ── Logo / Branding: hide OpenClaw, show AdaDo ── */
[class*="logo"] span, [class*="brand"] span,
[class*="app-name"], [class*="gateway-name"],
[class*="wordmark"], [class*="product-name"] {
  font-size: 0 !important;
  visibility: hidden;
}
[class*="logo"] span::after, [class*="brand"] span::after,
[class*="app-name"]::after, [class*="gateway-name"]::after,
[class*="wordmark"]::after, [class*="product-name"]::after {
  content: "AdaDo" !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
  color: #7C3AED !important;
  visibility: visible;
}

/* ── Links ── */
a { color: #7C3AED !important; }
a:hover { color: #6d28d9 !important; }

/* ── Scrollbars ── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-thumb { background: #7C3AED88 !important; border-radius: 3px; }
::-webkit-scrollbar-track { background: #0a0f1e !important; }

/* ── Selection ── */
::selection { background: #7C3AED33 !important; color: #7C3AED !important; }

/* ── Progress/loading bars ── */
[class*="progress"] [class*="bar"],
[class*="progress-fill"],
[role="progressbar"] > div {
  background: #7C3AED !important;
}

/* ── Badges / tags ── */
[class*="badge"][class*="success"],
[class*="tag"][class*="active"],
[class*="chip"][class*="primary"] {
  background: #00b84c1a !important;
  color: #00b84c !important;
  border: 1px solid #00b84c44 !important;
}

/* ── Toast / notification positive states ── */
[class*="toast"][class*="success"],
[class*="alert"][class*="success"] {
  border-color: #00b84c !important;
  color: #00b84c !important;
}

/* ── Code block accent line ── */
[class*="message"][class*="assistant"]::before,
[class*="message-assistant"]::before {
  background: #7C3AED !important;
}