/*
 * Light theme — additive overrides. Base layout rules stay in legacy sheets.
 * Strategy: semantic tokens + scoped overrides (not global invert — preserves media, icons, contrast).
 * Decorative raster/SVG backgrounds: invert + hue-rotate on specific layers only.
 */
[data-wm-theme="light"] {
  --wm-color-page: #f1f5f9;
  --wm-color-surface-0: rgba(255, 255, 255, 0.92);
  --wm-color-surface-1: rgba(248, 250, 252, 0.88);
  --wm-color-surface-elevated: #ffffff;
  --wm-color-text: rgba(15, 23, 42, 0.94);
  --wm-color-text-muted: rgba(15, 23, 42, 0.58);
  --wm-color-border: rgba(37, 99, 235, 0.22);
  --wm-color-accent: #2563eb;
  --wm-color-accent-soft: rgb(96 165 250);
  --wm-artifact-backdrop: rgba(148, 163, 184, 0.25);
  --wm-artifact-border: rgba(59, 130, 246, 0.35);
  --wm-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --wm-shadow-md: 0 8px 30px rgba(15, 23, 42, 0.1);

  /* dashboard-layout.css :root tokens (same element as html[data-wm-theme]) */
  --dash-bg: #f1f5f9;
  --dash-panel: rgba(255, 255, 255, 0.78);
  --dash-panel-2: rgba(248, 250, 252, 0.95);
  --dash-text: #0f172a;
  --dash-muted: #64748b;
  --dash-glow: 0 12px 40px rgba(15, 23, 42, 0.08);

  --wmz-dock-bg: #ffffff;
  --wmz-dock-border: rgba(15, 23, 42, 0.12);

  /* chat-box.css :root — consumed by tool popup + shared gradients */
  --dark-blue-background: #f1f5f9;
  --black-blue-black: #f8fafc;
  --shadow-blue-3: rgba(37, 99, 235, 0.14);
  --webflow-blue: rgba(37, 99, 235, 0.12);
}

[data-wm-theme="light"] .ai-sidebar {
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.96) 0%,
    rgba(241, 245, 249, 0.94) 100%
  ) !important;
  border-top-color: var(--wm-color-accent);
  border-right-color: rgba(37, 99, 235, 0.35);
  border-bottom-color: rgba(37, 99, 235, 0.35);
  box-shadow: 0px 0px 10px 10px rgba(99, 153, 241, 0.14);
}

[data-wm-theme="light"] .ai-nav-section {
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.88) 0%,
    rgba(248, 250, 252, 0.95) 100%
  ) !important;
}

[data-wm-theme="light"] .ai-sidebar-collapse {
  color: rgba(30, 41, 59, 0.75);
}

[data-wm-theme="light"] .ai-sidebar-collapse:hover {
  background: rgba(37, 99, 235, 0.08);
  color: rgba(15, 23, 42, 0.9);
}

[data-wm-theme="light"] .ai-nav-item {
  color: rgba(30, 41, 59, 0.78);
}

[data-wm-theme="light"] .ai-nav-item:hover {
  color: rgba(15, 23, 42, 0.95);
}

[data-wm-theme="light"] .ai-sections-container {
  color: var(--wm-color-text);
}

[data-wm-theme="light"] .ai-section-header,
[data-wm-theme="light"] .ai-section-content {
  color: var(--wm-color-text);
}

[data-wm-theme="light"] body.wm-mode-dashboard #chat-container {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.65) 0%,
    rgba(241, 245, 249, 0.9) 100%
  );
}

[data-wm-theme="light"] body.wm-mode-dashboard .ai-messages-container {
  color: var(--wm-color-text);
}

[data-wm-theme="light"] .artifacts-modal-backdrop {
  background: var(--wm-artifact-backdrop);
  border-color: var(--wm-artifact-border);
  /* Default text for modal subtree where children inherit */
  color: var(--wm-color-text);
}

[data-wm-theme="light"] .global-tooltip {
  background: rgba(15, 23, 42, 0.92);
  color: #f8fafc;
}

/* Tools carousel (Smart Actions) — light surfaces */
[data-wm-theme="light"] .ai-tools-container {
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.98) 0%,
    rgba(241, 245, 249, 0.95) 100%
  ) !important;
  border-color: var(--wm-color-border);
}

[data-wm-theme="light"] .ai-tool-name {
  color: var(--wm-color-text);
}

[data-wm-theme="light"] .ai-tool-item.selected .ai-tool-name {
  color: var(--wm-color-text);
}

[data-wm-theme="light"] .ai-agent-subtitle {
  color: var(--wm-color-text-muted) !important;
}

/* Media / lab modals — shells that default to dark gradients */
[data-wm-theme="light"] .lab-modal-backdrop {
  background: var(--wm-artifact-backdrop);
  border-color: var(--wm-artifact-border);
}

[data-wm-theme="light"] .lab-inner {
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.98) 0%,
    rgba(248, 250, 252, 0.96) 100%
  ) !important;
  border-color: var(--wm-color-border);
  box-shadow: var(--wm-shadow-md);
}

/* Media Lab — chrome still assumed dark glass */
[data-wm-theme="light"] .lab-header h3 {
  background: linear-gradient(
    to bottom,
    rgba(15, 23, 42, 0.92) 0%,
    rgba(15, 23, 42, 0.72) 45%,
    rgba(37, 99, 235, 0.35) 100%
  ) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

@supports not (
  (mask-image: linear-gradient(to right, transparent, black)) or
    (-webkit-mask-image: linear-gradient(to right, transparent, black))
) {
  [data-wm-theme="light"] .capabilities-carousel::before {
    background: linear-gradient(
      to right,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 0.5) 30%,
      rgba(255, 255, 255, 0) 70%
    ) !important;
  }

  [data-wm-theme="light"] .capabilities-carousel::after {
    background: linear-gradient(
      to left,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 0.5) 30%,
      rgba(255, 255, 255, 0) 70%
    ) !important;
  }
}

[data-wm-theme="light"] .capability-pill {
  background: rgba(255, 255, 255, 0.95) !important;
  color: var(--wm-color-text) !important;
  border-color: var(--wm-color-border) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1),
    0 1px 3px rgba(15, 23, 42, 0.06) !important;
}

[data-wm-theme="light"] .capability-pill:hover {
  background: rgba(37, 99, 235, 0.06) !important;
  border-color: rgba(37, 99, 235, 0.28) !important;
  box-shadow:
    0 4px 14px rgba(37, 99, 235, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 1) !important;
}

[data-wm-theme="light"] .capability-pill .pill-text {
  text-shadow: none;
}

[data-wm-theme="light"] .capability-pill svg {
  filter: none;
}

[data-wm-theme="light"] .ml-toggle-header {
  background: rgba(15, 23, 42, 0.04);
  border-color: var(--wm-color-border);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

[data-wm-theme="light"] .ml-toggle-header:has(.ml-tab-header:hover) {
  background: rgba(37, 99, 235, 0.05);
}

[data-wm-theme="light"] .ml-tab-text {
  color: var(--wm-color-text-muted) !important;
  text-shadow: none !important;
}

[data-wm-theme="light"] .ml-tab-header:not(.is-active):hover .ml-tab-text {
  color: var(--wm-color-text) !important;
}

[data-wm-theme="light"] .ml-tab-header.is-active .ml-tab-text {
  color: var(--wm-color-text) !important;
  text-shadow: none !important;
}

[data-wm-theme="light"] .ml-tab-slider {
  background: linear-gradient(
    135deg,
    rgba(219, 234, 254, 0.95) 0%,
    rgba(255, 255, 255, 0.98) 50%,
    rgba(191, 219, 254, 0.9) 100%
  ) !important;
  box-shadow:
    0 2px 12px rgba(37, 99, 235, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

[data-wm-theme="light"] .lab-upload {
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.98) 0%,
    rgba(241, 245, 249, 0.95) 50%,
    rgba(219, 234, 254, 0.5) 100%
  ) !important;
  border-color: var(--wm-color-border) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1),
    0 4px 20px rgba(15, 23, 42, 0.06) !important;
}

[data-wm-theme="light"] .lab-upload:hover,
[data-wm-theme="light"] .lab-upload.drag-over {
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(239, 246, 255, 0.98) 50%,
    rgba(219, 234, 254, 0.65) 100%
  ) !important;
  border-color: rgba(37, 99, 235, 0.35) !important;
}

[data-wm-theme="light"] .lab-upload-main-text {
  color: var(--wm-color-text) !important;
}

[data-wm-theme="light"] .lab-upload-hint {
  color: var(--wm-color-text-muted) !important;
}

[data-wm-theme="light"] .lab-field {
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(15, 23, 42, 0.06);
}

[data-wm-theme="light"] .lab-field span {
  color: var(--wm-color-text) !important;
}

[data-wm-theme="light"] .lab-field textarea {
  background: rgba(255, 255, 255, 0.95) !important;
  border-color: var(--wm-color-border) !important;
  color: var(--wm-color-text) !important;
}

[data-wm-theme="light"] .lab-field textarea:focus {
  background: #ffffff !important;
  border-color: rgba(37, 99, 235, 0.4) !important;
  box-shadow: 0 2px 12px rgba(37, 99, 235, 0.12) !important;
}

[data-wm-theme="light"] .lab-field textarea::placeholder {
  color: var(--wm-color-text-muted) !important;
}

[data-wm-theme="light"] .lab-divider {
  color: var(--wm-color-text-muted);
}

[data-wm-theme="light"] .lab-divider-line {
  background: linear-gradient(
    to right,
    transparent,
    rgba(15, 23, 42, 0.12),
    transparent
  ) !important;
}

[data-wm-theme="light"] .lab-divider-text {
  color: var(--wm-color-text-muted);
}

[data-wm-theme="light"] .lab-actions {
  border-top-color: rgba(15, 23, 42, 0.08);
}

[data-wm-theme="light"] .lab-button-cancel {
  color: var(--wm-color-text-muted) !important;
}

[data-wm-theme="light"] .lab-button-cancel:hover {
  color: var(--wm-color-accent) !important;
}

[data-wm-theme="light"] .lab-button.primary {
  --shiny-cta-bg: #2563eb;
  --shiny-cta-bg-subtle: #1d4ed8;
  --shiny-cta-fg: #ffffff;
  --shiny-cta-highlight: #93c5fd;
  --shiny-cta-highlight-subtle: #dbeafe;
}

[data-wm-theme="light"] #lab-continue.lab-button.primary,
[data-wm-theme="light"] .lab-actions .lab-button.primary {
  color: #ffffff !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.2),
    0 4px 14px rgba(37, 99, 235, 0.25) !important;
}

[data-wm-theme="light"] .lab-button.secondary {
  background: rgba(255, 255, 255, 0.92) !important;
  color: var(--wm-color-text) !important;
  border: 1px solid var(--wm-color-border) !important;
}

[data-wm-theme="light"] .lab-button.secondary:hover {
  background: rgba(37, 99, 235, 0.06) !important;
  border-color: rgba(37, 99, 235, 0.3) !important;
  color: var(--wm-color-text) !important;
}

[data-wm-theme="light"] .lab-upload-section.video-mode .lab-upload-header {
  background: linear-gradient(
    135deg,
    rgba(254, 243, 199, 0.65) 0%,
    rgba(255, 255, 255, 0.95) 100%
  ) !important;
  border-color: rgba(245, 158, 11, 0.25) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 4px 16px rgba(15, 23, 42, 0.06) !important;
}

[data-wm-theme="light"] .lab-upload-section.video-mode .lab-upload-header:hover {
  background: linear-gradient(
    135deg,
    rgba(253, 230, 138, 0.75) 0%,
    rgba(255, 255, 255, 1) 100%
  ) !important;
  border-color: rgba(245, 158, 11, 0.4) !important;
}

[data-wm-theme="light"] .lab-upload-header span {
  color: var(--wm-color-text) !important;
}

[data-wm-theme="light"]
  .lab-upload-section.video-mode
  .lab-upload-header
  .upload-link {
  color: var(--wm-color-accent) !important;
}

[data-wm-theme="light"]
  .lab-upload-section.video-mode
  .lab-upload-header
  .upload-link:hover {
  color: #1d4ed8 !important;
}

/* Dashboard bento tiles */
[data-wm-theme="light"] .wm-tile {
  background: radial-gradient(
    circle 250px at 0% 0%,
    rgba(255, 255, 255, 0.95),
    rgba(241, 245, 249, 0.88)
  );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.65),
    var(--wm-shadow-sm);
}

[data-wm-theme="light"] .wm-tile:hover {
  border-color: rgba(37, 99, 235, 0.22);
}

[data-wm-theme="light"] .wm-dashboard,
[data-wm-theme="light"] .tile-inner {
  color: var(--dash-text);
}

/* Tile inner surface (base sheet uses dark glass — override for contrast) */
[data-wm-theme="light"] .tile-inner {
  background: linear-gradient(
    165deg,
    rgba(255, 255, 255, 0.98) 0%,
    rgba(248, 250, 252, 0.94) 45%,
    rgba(241, 245, 249, 0.92) 100%
  );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    inset 0 0 0 1px rgba(15, 23, 42, 0.04),
    var(--wm-shadow-sm);
}

[data-wm-theme="light"] .wm-t3-tool-row:hover {
  background: rgba(37, 99, 235, 0.06);
}

[data-wm-theme="light"] .wm-t3-tool-right {
  color: var(--wm-color-text-muted) !important;
}

[data-wm-theme="light"] .venture-description {
  background: rgba(255, 255, 255, 0.85);
  border-color: var(--wm-color-border);
  color: var(--wm-color-text-muted);
}

[data-wm-theme="light"] .media-thumb,
[data-wm-theme="light"] .media-thumb.placeholder {
  background: rgba(255, 255, 255, 0.92);
  border-color: rgba(37, 99, 235, 0.2);
}

[data-wm-theme="light"] .media-thumb:hover {
  background: #ffffff;
  border-color: rgba(37, 99, 235, 0.35);
  box-shadow:
    0 0 16px rgba(37, 99, 235, 0.12),
    0 8px 20px rgba(15, 23, 42, 0.08);
}

[data-wm-theme="light"] .media-thumb.has-media {
  background: rgba(248, 250, 252, 0.98);
  border-color: rgba(15, 23, 42, 0.1);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 6px 16px rgba(15, 23, 42, 0.06);
}

[data-wm-theme="light"] .media-thumb-type {
  background: rgba(255, 255, 255, 0.92);
  border-color: var(--wm-color-border);
  color: var(--wm-color-text-muted);
}

[data-wm-theme="light"] .persona-card {
  background: rgba(255, 255, 255, 0.9);
  border-color: var(--wm-color-border);
  color: var(--wm-color-text-muted);
}

[data-wm-theme="light"] .smart-action-btn {
  border-color: rgba(37, 99, 235, 0.18);
  color: var(--dash-text);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 1px 2px rgba(15, 23, 42, 0.04);
}

[data-wm-theme="light"] .wm-tile:hover .smart-action-btn,
[data-wm-theme="light"]
  #tile-smart-actions-primary.wmz-smart-action-pulse-hover
  .smart-action-btn {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1),
    0 4px 14px rgba(37, 99, 235, 0.1),
    0 1px 3px rgba(15, 23, 42, 0.06);
}

[data-wm-theme="light"] .smart-action-icon {
  background: rgba(37, 99, 235, 0.08);
  border: 1px solid rgba(37, 99, 235, 0.2);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 2px 8px rgba(15, 23, 42, 0.06);
}

[data-wm-theme="light"] .tile-header .glass-icon,
[data-wm-theme="light"] .smart-action-btn .glass-icon {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.95),
    rgba(241, 245, 249, 0.88)
  );
  border-color: rgba(37, 99, 235, 0.2);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1),
    0 4px 12px rgba(15, 23, 42, 0.08);
  color: var(--wm-color-accent);
}

[data-wm-theme="light"] .tile-header .glass-icon img,
[data-wm-theme="light"] .smart-action-btn .glass-icon img {
  filter: none;
}

[data-wm-theme="light"] .wm-tile:hover .tile-header .glass-icon,
[data-wm-theme="light"] .wm-tile:focus-within .tile-header .glass-icon,
[data-wm-theme="light"] .wm-tile:hover .smart-action-btn .glass-icon,
[data-wm-theme="light"] .wm-tile:focus-within .smart-action-btn .glass-icon {
  border-color: rgba(37, 99, 235, 0.35);
  color: #1d4ed8;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1),
    0 6px 18px rgba(37, 99, 235, 0.15);
}

/* Venture blueprint milestone cards */
[data-wm-theme="light"] .vb-milestone-card {
  background: var(--wm-color-surface-1);
  border-color: var(--wm-color-border);
}

[data-wm-theme="light"] .vb-milestone-card:hover {
  border-color: rgba(37, 99, 235, 0.28);
}

[data-wm-theme="light"] .vb-milestone-title {
  color: var(--wm-color-text);
}

[data-wm-theme="light"] .vb-milestone-count:not(.vb-milestone-count--soon),
[data-wm-theme="light"] .vb-milestone-subtext {
  color: var(--wm-color-text-muted);
}

[data-wm-theme="light"] .vb-milestone-count.vb-milestone-count--soon {
  color: #9a3412;
  background: #ffedd5;
  border-color: #fdba74;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

[data-wm-theme="light"] .vb-operate-mini-label {
  color: var(--wm-color-text);
  background: rgba(15, 23, 42, 0.04);
  border-color: rgba(15, 23, 42, 0.12);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
}

[data-wm-theme="light"] .vb-milestone-progress-bar {
  background: rgba(15, 23, 42, 0.08);
}

[data-wm-theme="light"] .vb-required-section {
  border-top-color: var(--wm-color-border);
}

/* Chat: model info popups in light */
[data-wm-theme="light"] .ai-model-info-popups .ai-model-info-popup {
  filter: drop-shadow(0 4px 12px rgba(15, 23, 42, 0.12)) !important;
}

/* --------------------------------------------------------------------------
   Page shell, links, animated background (invert decorative canvas only)
   -------------------------------------------------------------------------- */
[data-wm-theme="light"] body {
  background-color: var(--wm-color-page) !important;
  color: var(--wm-color-text) !important;
}

[data-wm-theme="light"] a {
  color: var(--wm-color-accent);
}

[data-wm-theme="light"] a:hover {
  color: #1d4ed8;
}

/* color-blend-bg.js canvas: dark shader → light-appropriate without replacing WebGL */
[data-wm-theme="light"] .background-image {
  filter: invert(1) hue-rotate(180deg);
  opacity: 0.35;
}

[data-wm-theme="light"] .webmozai-section {
  color: var(--wm-color-text);
}

/* --------------------------------------------------------------------------
   Navbar
   -------------------------------------------------------------------------- */
[data-wm-theme="light"] .navbar-container {
  background-color: rgba(255, 255, 255, 0.92) !important;
  border-color: var(--wm-color-border) !important;
  box-shadow: 0 0 20px rgba(15, 23, 42, 0.08) !important;
}

[data-wm-theme="light"] .navbar-container .nav-menu-2 a,
[data-wm-theme="light"] .navbar-container .left-nav a,
[data-wm-theme="light"] .navbar-container .center-nav a,
[data-wm-theme="light"] .navbar-container .right-nav a {
  color: var(--wm-color-text) !important;
}

[data-wm-theme="light"] .nav-reveal-chip__glow {
  opacity: 0.45;
}

[data-wm-theme="light"] .points-button {
  background: rgba(255, 255, 255, 0.95) !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}

[data-wm-theme="light"] .points-text,
[data-wm-theme="light"] .pts-text,
[data-wm-theme="light"] .sparkle-icon {
  color: #b45309 !important;
}

/* --------------------------------------------------------------------------
   Chat container + composer (all modes)
   -------------------------------------------------------------------------- */
[data-wm-theme="light"] #chat-container {
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.95) 0%,
    rgba(241, 245, 249, 0.9) 100%
  ) !important;
  border-color: var(--wm-color-border) !important;
  box-shadow: 0 4px 24px rgba(15, 23, 42, 0.08) !important;
  /* Inherited by headers, labels, and other chat chrome without their own color */
  color: var(--wm-color-text);
}

[data-wm-theme="light"] #chat-container.sidebar-expanded {
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.96) 0%,
    rgba(241, 245, 249, 0.92) 100%
  ) !important;
}

[data-wm-theme="light"] .ai-message.bot .ai-message-content {
  background: linear-gradient(
    95deg,
    rgba(255, 255, 255, 0.98) 50%,
    rgba(241, 245, 249, 0.95) 100%
  ) !important;
  border-color: var(--wm-color-border) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  color: var(--wm-color-text) !important;
}

[data-wm-theme="light"] .ai-message.user .ai-message-content {
  background: linear-gradient(
    185deg,
    rgba(219, 234, 254, 0.95) 50%,
    rgba(255, 255, 255, 0.9) 100%
  ) !important;
  border-color: rgba(37, 99, 235, 0.25) !important;
  color: var(--wm-color-text) !important;
}

[data-wm-theme="light"] .ai-message.complete .ai-message-bottom-bar,
[data-wm-theme="light"] .ai-message-bottom-bar:has(.ai-message-memory-actions.has-memory-delta) {
  border-top-color: rgba(15, 23, 42, 0.08) !important;
}

[data-wm-theme="light"] .ai-action-icon {
  color: var(--wm-color-text-muted) !important;
}

[data-wm-theme="light"] .ai-action-icon:hover {
  background: rgba(37, 99, 235, 0.08) !important;
  color: var(--wm-color-accent) !important;
}

[data-wm-theme="light"] .ai-input-wrapper {
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.98) 0%,
    rgba(248, 250, 252, 0.95) 100%
  ) !important;
  border: 1px solid var(--wm-color-border) !important;
  box-shadow: var(--wm-shadow-sm);
}

[data-wm-theme="light"] textarea.ai-input {
  background: rgba(255, 255, 255, 0.95) !important;
  border-color: rgba(37, 99, 235, 0.2) !important;
  color: var(--wm-color-text) !important;
}

[data-wm-theme="light"] textarea.ai-input::placeholder {
  color: var(--wm-color-text-muted);
}

[data-wm-theme="light"] .ai-messages-container {
  color: var(--wm-color-text);
}

[data-wm-theme="light"] .ai-messages-container::-webkit-scrollbar-track {
  background: rgba(15, 23, 42, 0.04);
}

[data-wm-theme="light"] .ai-messages-container::-webkit-scrollbar-thumb {
  background: rgba(15, 23, 42, 0.15);
}

[data-wm-theme="light"] .ai-messages-container::-webkit-scrollbar-thumb:hover {
  background: rgba(15, 23, 42, 0.25);
}

[data-wm-theme="light"] body.wm-mode-dashboard .ai-input-wrapper {
  border-color: rgba(37, 99, 235, 0.28) !important;
}

/* Markdown / code in bot messages */
[data-wm-theme="light"] .text-chunk,
[data-wm-theme="light"] .text-chunk p,
[data-wm-theme="light"] .text-chunk li {
  color: var(--wm-color-text);
}

[data-wm-theme="light"] .text-chunk pre {
  background: rgba(15, 23, 42, 0.06) !important;
  border: 1px solid rgba(15, 23, 42, 0.08);
}

[data-wm-theme="light"] .text-chunk code {
  background: rgba(37, 99, 235, 0.1) !important;
  color: #1e40af !important;
}

/* Bot/user copy: base sheet uses !important on .ai-bot-text — match specificity */
[data-wm-theme="light"] .ai-user-text,
[data-wm-theme="light"] .ai-bot-text {
  color: var(--wm-color-text) !important;
}

[data-wm-theme="light"] .ai-bot-text p {
  color: inherit !important;
}

[data-wm-theme="light"] .ai-bot-text strong {
  color: var(--wm-color-text) !important;
}

[data-wm-theme="light"] .ai-bot-text em {
  color: var(--wm-color-accent) !important;
}

[data-wm-theme="light"] .ai-bot-text code {
  background: rgba(37, 99, 235, 0.1) !important;
  border-color: rgba(37, 99, 235, 0.2) !important;
  color: #1e40af !important;
}

[data-wm-theme="light"] .ai-bot-text pre code {
  background: rgba(15, 23, 42, 0.06) !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
  color: var(--wm-color-text) !important;
}

[data-wm-theme="light"] .ai-bot-text a {
  color: var(--wm-color-accent) !important;
  border-bottom-color: rgba(37, 99, 235, 0.35) !important;
}

[data-wm-theme="light"] .ai-user-text .ai-inline-image-link,
[data-wm-theme="light"] .ai-bot-text .ai-inline-image-link {
  border-color: rgba(15, 23, 42, 0.1) !important;
  background: rgba(15, 23, 42, 0.04) !important;
  box-shadow:
    0 2px 12px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
}

[data-wm-theme="light"] .ai-user-text .ai-inline-image-link:hover,
[data-wm-theme="light"] .ai-bot-text .ai-inline-image-link:hover {
  border-color: rgba(37, 99, 235, 0.35) !important;
  box-shadow:
    0 4px 18px rgba(15, 23, 42, 0.1),
    0 0 0 1px rgba(37, 99, 235, 0.12) !important;
}

[data-wm-theme="light"] .ai-user-text .ai-inline-image-link::after,
[data-wm-theme="light"] .ai-bot-text .ai-inline-image-link::after {
  color: var(--wm-color-text) !important;
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.92) 0%,
    rgba(248, 250, 252, 0.88) 100%
  ) !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
}

[data-wm-theme="light"] .ai-bot-text blockquote {
  color: var(--wm-color-text-muted) !important;
  border-left-color: rgba(37, 99, 235, 0.25) !important;
}

[data-wm-theme="light"] .loading-text {
  background-image: linear-gradient(
    90deg,
    rgba(15, 23, 42, 0.94) 0%,
    rgba(37, 99, 235, 0.5) 50%,
    rgba(15, 23, 42, 0.94) 100%
  ) !important;
}

[data-wm-theme="light"] .ai-login-button {
  background: rgba(37, 99, 235, 0.08) !important;
  border-color: rgba(37, 99, 235, 0.35) !important;
  color: var(--wm-color-accent) !important;
}

[data-wm-theme="light"] .ai-bot-text table {
  border-color: rgba(15, 23, 42, 0.12);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.98) 0%,
    rgba(248, 250, 252, 0.95) 100%
  );
  box-shadow:
    0 4px 24px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 1);
}

[data-wm-theme="light"] .ai-bot-text caption {
  color: var(--wm-color-text);
}

[data-wm-theme="light"] .ai-bot-text thead {
  background: linear-gradient(
    180deg,
    rgba(37, 99, 235, 0.12) 0%,
    rgba(37, 99, 235, 0.04) 100%
  );
}

[data-wm-theme="light"] .ai-bot-text thead th {
  border-bottom-color: rgba(37, 99, 235, 0.22);
}

[data-wm-theme="light"] .ai-bot-text th,
[data-wm-theme="light"] .ai-bot-text td {
  border-bottom-color: rgba(15, 23, 42, 0.08);
  color: var(--wm-color-text);
}

[data-wm-theme="light"] .ai-bot-text th {
  color: var(--wm-color-text);
}

[data-wm-theme="light"] .ai-bot-text tbody tr:nth-child(even) td {
  background: rgba(15, 23, 42, 0.035);
}

[data-wm-theme="light"] .ai-bot-text tbody tr:hover td {
  background: rgba(37, 99, 235, 0.08);
}

/* Utility bar + controls */
[data-wm-theme="light"] .ai-utility-bar,
[data-wm-theme="light"] .ai-controls-row {
  color: var(--wm-color-text-muted);
}

[data-wm-theme="light"] .ai-utility-button {
  color: var(--wm-color-text-muted) !important;
}

[data-wm-theme="light"] .ai-utility-button:hover {
  color: var(--wm-color-accent) !important;
  background: rgba(37, 99, 235, 0.08) !important;
}

[data-wm-theme="light"] .ai-utility-button {
  box-shadow: none !important;
}

[data-wm-theme="light"] .ai-utility-button.active {
  background: rgba(255, 255, 255, 0.95) !important;
  color: var(--wm-color-text) !important;
  box-shadow:
    0 4px 20px rgba(15, 23, 42, 0.1) !important,
    inset 0 0 0 1px rgba(37, 99, 235, 0.2) !important;
}

/* --------------------------------------------------------------------------
   Sidebar: section copy + search
   -------------------------------------------------------------------------- */
[data-wm-theme="light"] .ai-section-info {
  color: var(--wm-color-text-muted) !important;
}

[data-wm-theme="light"] .ai-search-bar {
  background: rgba(255, 255, 255, 0.95) !important;
  border-color: var(--wm-color-border) !important;
  color: var(--wm-color-text) !important;
}

[data-wm-theme="light"] .ai-search-bar:focus {
  background: #ffffff !important;
  border-color: rgba(37, 99, 235, 0.35) !important;
}

[data-wm-theme="light"] .ai-search-icon {
  color: var(--wm-color-text-muted) !important;
}

[data-wm-theme="light"] .ai-search-bar:focus + .ai-search-icon {
  color: var(--wm-color-accent) !important;
}

[data-wm-theme="light"] .ai-filter-chip {
  background: rgba(255, 255, 255, 0.95) !important;
  border-color: var(--wm-color-border) !important;
  color: var(--wm-color-text-muted) !important;
}

[data-wm-theme="light"] .ai-filter-chip:hover,
[data-wm-theme="light"] .ai-filter-chip.active {
  background: rgba(37, 99, 235, 0.08) !important;
  border-color: rgba(37, 99, 235, 0.3) !important;
  color: var(--wm-color-text) !important;
}

[data-wm-theme="light"] .ai-result-item {
  background: rgba(255, 255, 255, 0.9) !important;
  border-color: rgba(15, 23, 42, 0.08) !important;
}

[data-wm-theme="light"] .ai-result-item:hover {
  background: #ffffff !important;
  border-color: rgba(37, 99, 235, 0.2) !important;
}

[data-wm-theme="light"] .ai-result-title {
  color: var(--wm-color-text) !important;
}

[data-wm-theme="light"] .ai-result-preview {
  color: var(--wm-color-text-muted) !important;
}

[data-wm-theme="light"] .ai-result-meta {
  color: rgba(15, 23, 42, 0.45) !important;
}

[data-wm-theme="light"] .ai-result-updated {
  color: rgba(15, 23, 42, 0.45) !important;
}

[data-wm-theme="light"] .ai-result-preview--sidebar {
  color: var(--wm-color-text-muted) !important;
}

[data-wm-theme="light"] .ai-search-results::-webkit-scrollbar-track {
  background: rgba(15, 23, 42, 0.04);
}

[data-wm-theme="light"] .ai-search-results::-webkit-scrollbar-thumb {
  background: rgba(15, 23, 42, 0.12);
}

/* --------------------------------------------------------------------------
   Venture Blueprint banner + pillars (gradient text was white-on-light)
   -------------------------------------------------------------------------- */
[data-wm-theme="light"] .vb-brain-banner {
  background: var(--wm-color-surface-0) !important;
  border-color: var(--wm-color-border) !important;
  box-shadow: var(--wm-shadow-sm);
}

[data-wm-theme="light"] .vb-brain-banner h3 {
  background: none !important;
  -webkit-text-fill-color: var(--wm-color-text) !important;
  color: var(--wm-color-text) !important;
}

[data-wm-theme="light"] .vb-brain-banner p {
  color: var(--wm-color-text-muted) !important;
}

[data-wm-theme="light"] .vb-pillar-label-text {
  color: var(--wm-color-text) !important;
}

[data-wm-theme="light"] .vb-pillar-item:hover {
  background-color: rgba(37, 99, 235, 0.06) !important;
  box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.12) !important;
}

[data-wm-theme="light"] .vb-pillar-arrow {
  color: rgba(15, 23, 42, 0.35) !important;
}

[data-wm-theme="light"] .vb-pillar-ring {
  box-shadow:
    0 2px 12px rgba(37, 99, 235, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

[data-wm-theme="light"] .vb-section-label span {
  color: var(--wm-color-text-muted);
}

/* --------------------------------------------------------------------------
   Dock + dashboard search chrome
   -------------------------------------------------------------------------- */
[data-wm-theme="light"] .wmz-dock-item {
  color: var(--wm-color-text) !important;
  background-color: #ffffff !important;
  border-color: var(--wmz-dock-border) !important;
}

[data-wm-theme="light"] .wmz-dock-item.wmz-active {
  background-color: rgba(37, 99, 235, 0.1) !important;
  border-color: rgba(37, 99, 235, 0.35) !important;
}

[data-wm-theme="light"] .wmz-dock-panel {
  background-color: var(--wmz-dock-bg) !important;
  border-color: var(--wmz-dock-border) !important;
  box-shadow: var(--wm-shadow-md);
}

[data-wm-theme="light"] .wmz-dock-item:hover {
  border-color: rgba(37, 99, 235, 0.22) !important;
  box-shadow:
    0 4px 12px rgba(37, 99, 235, 0.1),
    0 2px 6px rgba(15, 23, 42, 0.04) !important;
}

[data-wm-theme="light"] .venture-selector-stack.open {
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.99) 0%,
    rgba(248, 250, 252, 0.97) 100%
  ) !important;
  border-color: var(--wm-color-border) !important;
  box-shadow: var(--wm-shadow-md) !important;
}

[data-wm-theme="light"] .venture-selector-pill {
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.96) 0%,
    rgba(241, 245, 249, 0.92) 100%
  ) !important;
  border-color: var(--wm-color-border) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1),
    var(--wm-shadow-sm) !important;
}

[data-wm-theme="light"] .venture-selector-pill:hover {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1),
    0 8px 24px rgba(15, 23, 42, 0.1) !important;
}

[data-wm-theme="light"] .venture-selector-label {
  color: var(--wm-color-text) !important;
  text-shadow: none !important;
}

[data-wm-theme="light"] .venture-selector-pill .venture-dropdown-arrow {
  color: var(--wm-color-text-muted) !important;
}

[data-wm-theme="light"] .venture-selector-pill:hover .venture-dropdown-arrow,
[data-wm-theme="light"]
  .venture-selector-content:focus-visible
  .venture-dropdown-arrow {
  color: var(--wm-color-accent) !important;
}

[data-wm-theme="light"] .venture-option {
  color: var(--wm-color-text) !important;
}

[data-wm-theme="light"] .venture-option:hover,
[data-wm-theme="light"] .venture-option:focus-visible {
  color: var(--wm-color-text) !important;
  background: rgba(37, 99, 235, 0.08) !important;
  border-top-color: rgba(37, 99, 235, 0.15) !important;
  border-bottom-color: rgba(37, 99, 235, 0.15) !important;
  box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.08) !important;
}

[data-wm-theme="light"] .venture-option.active {
  color: var(--wm-color-accent) !important;
  background: rgba(37, 99, 235, 0.1) !important;
  border-top-color: rgba(37, 99, 235, 0.2) !important;
  border-bottom-color: rgba(37, 99, 235, 0.2) !important;
}

[data-wm-theme="light"] .dash-search-bar {
  background: rgba(255, 255, 255, 0.95) !important;
  border-color: var(--wm-color-border) !important;
  color: var(--wm-color-text) !important;
}

[data-wm-theme="light"] .dash-search-icon {
  color: var(--wm-color-text-muted) !important;
}

/* --------------------------------------------------------------------------
   Tool popup
   -------------------------------------------------------------------------- */
[data-wm-theme="light"] .tool-popup {
  background-color: rgba(15, 23, 42, 0.35) !important;
}

[data-wm-theme="light"] .tool-popup-wrapper {
  background-image: linear-gradient(
    145deg,
    #ffffff 0%,
    rgba(241, 245, 249, 0.98) 50%,
    #f8fafc 100%
  ) !important;
  border-color: var(--wm-color-border) !important;
  box-shadow: var(--wm-shadow-md) !important;
}

[data-wm-theme="light"] #tool-popup .button-icon {
  filter: none !important;
}

[data-wm-theme="light"] #tool-popup .tool-popup-header,
[data-wm-theme="light"] #tool-popup .tool-popup-intro,
[data-wm-theme="light"] #tool-popup p,
[data-wm-theme="light"] #tool-popup .opacity-80 {
  color: var(--wm-color-text) !important;
}

[data-wm-theme="light"] #tool-popup .text-span-29 {
  color: var(--wm-color-accent) !important;
}

/* --------------------------------------------------------------------------
   Artifacts modal — text that assumed dark glass behind it
   -------------------------------------------------------------------------- */
[data-wm-theme="light"] .artifacts-modal-backdrop .lab-inner {
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.99) 0%,
    rgba(248, 250, 252, 0.98) 100%
  ) !important;
  border-color: var(--wm-color-border) !important;
}

[data-wm-theme="light"] .artifacts-intro-expectation {
  color: var(--wm-color-text-muted) !important;
}

[data-wm-theme="light"] .artifacts-header h3 {
  background: linear-gradient(
    to bottom,
    rgba(15, 23, 42, 0.92) 0%,
    rgba(15, 23, 42, 0.75) 45%,
    rgba(37, 99, 235, 0.35) 100%
  ) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

[data-wm-theme="light"] .artifacts-clarification-num {
  color: var(--wm-color-text) !important;
  border-color: var(--wm-color-border) !important;
}

[data-wm-theme="light"] .artifacts-view,
[data-wm-theme="light"] .artifacts-content-wrapper {
  color: var(--wm-color-text);
}

/* SVG decorative backgrounds on intro acceptance cards */
[data-wm-theme="light"] .acceptance-card.bg-1::before,
[data-wm-theme="light"] .acceptance-card.bg-2::before,
[data-wm-theme="light"] .acceptance-card.bg-3::before {
  filter: invert(1) hue-rotate(180deg);
  opacity: 0.18;
}

[data-wm-theme="light"] .acceptance-card:hover::before {
  opacity: 0.32;
}

/* --------------------------------------------------------------------------
   Sidebar section panel (venture blueprint + others): dark glass → light
   -------------------------------------------------------------------------- */
[data-wm-theme="light"] .ai-sections-container {
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.96) 0%,
    rgba(241, 245, 249, 0.94) 100%
  ) !important;
  border-left: 1px solid rgba(37, 99, 235, 0.12) !important;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.8);
}

[data-wm-theme="light"] .ai-section-subheader {
  color: var(--wm-color-text-muted) !important;
}

[data-wm-theme="light"] .ai-card {
  background: rgba(255, 255, 255, 0.88) !important;
  border-color: var(--wm-color-border) !important;
}

[data-wm-theme="light"] .ai-card:hover {
  border-color: rgba(37, 99, 235, 0.22) !important;
}

[data-wm-theme="light"] .ai-section-content::-webkit-scrollbar-track {
  background: rgba(15, 23, 42, 0.04);
}

[data-wm-theme="light"] .ai-section-content::-webkit-scrollbar-thumb {
  background: rgba(15, 23, 42, 0.12);
}

[data-wm-theme="light"] .ai-section-content::-webkit-scrollbar-thumb:hover {
  background: rgba(15, 23, 42, 0.2);
}

/* --------------------------------------------------------------------------
   Artifacts / prep context loading rows (modal + inline in chat)
   -------------------------------------------------------------------------- */
[data-wm-theme="light"] .artifacts-loading-context-container {
  background: rgba(255, 255, 255, 0.94) !important;
  border-top-color: var(--wm-color-border) !important;
  border-left-color: var(--wm-color-border) !important;
  border-right-color: var(--wm-color-border) !important;
  backdrop-filter: blur(12px);
}

[data-wm-theme="light"] .artifacts-loading-context-header {
  background: rgba(248, 250, 252, 0.98) !important;
  border-bottom-color: var(--wm-color-border) !important;
  color: var(--wm-color-accent) !important;
}

[data-wm-theme="light"] .artifacts-loading-context-header-pill {
  background: rgba(37, 99, 235, 0.08) !important;
  border-color: rgba(37, 99, 235, 0.2) !important;
}

[data-wm-theme="light"] .artifacts-loading-context-content::-webkit-scrollbar-thumb {
  background: rgba(15, 23, 42, 0.15);
}

[data-wm-theme="light"] .artifacts-loading-context-content::-webkit-scrollbar-thumb:hover {
  background: rgba(15, 23, 42, 0.25);
}

[data-wm-theme="light"] .artifacts-context-pill {
  background: rgba(37, 99, 235, 0.1) !important;
  border-color: rgba(37, 99, 235, 0.28) !important;
  color: #1d4ed8 !important;
}

[data-wm-theme="light"] .artifacts-context-text {
  color: var(--wm-color-text) !important;
}

[data-wm-theme="light"] .artifacts-context-text.typing::after {
  color: var(--wm-color-accent) !important;
}

[data-wm-theme="light"] .wm-vbs-json-tree .artifacts-context-pill.wm-vbs-index-pill {
  background: rgba(37, 99, 235, 0.12) !important;
  border-color: rgba(37, 99, 235, 0.35) !important;
  color: var(--wm-color-text) !important;
}

[data-wm-theme="light"] .artifacts-context-placeholder-pill {
  background: linear-gradient(
    90deg,
    rgba(37, 99, 235, 0.08) 0%,
    rgba(37, 99, 235, 0.16) 50%,
    rgba(37, 99, 235, 0.08) 100%
  ) !important;
}

/* --------------------------------------------------------------------------
   Prep context + orchestrator callouts (in-bot)
   -------------------------------------------------------------------------- */
[data-wm-theme="light"] .ai-message.bot .ai-prep-context-callout {
  background: rgba(255, 255, 255, 0.95) !important;
  border-color: var(--wm-color-border) !important;
}

[data-wm-theme="light"]
  .ai-message.bot
  .ai-prep-context-callout--collapsed.ai-prep-context-callout--open
  .ai-prep-context-expanded {
  border-top-color: rgba(37, 99, 235, 0.12) !important;
}

[data-wm-theme="light"] .ai-message.bot .ai-prep-context-bar {
  border-top-color: rgba(15, 23, 42, 0.08) !important;
  background: rgba(37, 99, 235, 0.04) !important;
  color: var(--wm-color-text) !important;
}

[data-wm-theme="light"] .ai-message.bot .ai-prep-context-bar:hover {
  background: rgba(37, 99, 235, 0.08) !important;
}

[data-wm-theme="light"] .ai-message.bot .ai-prep-context-bar-chevron {
  background: rgba(37, 99, 235, 0.1) !important;
  color: var(--wm-color-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65) !important;
}

[data-wm-theme="light"] .ai-message.bot .ai-prep-context-bar:hover .ai-prep-context-bar-chevron {
  background: rgba(37, 99, 235, 0.16) !important;
}

[data-wm-theme="light"] .ai-message.bot .ai-orchestrator-callout {
  background: rgba(255, 255, 255, 0.96) !important;
  border-color: var(--wm-color-border) !important;
  box-shadow: 0 2px 16px rgba(15, 23, 42, 0.06) !important;
}

[data-wm-theme="light"] .ai-message.bot .ai-orchestrator-callout--active {
  border-color: rgba(37, 99, 235, 0.35) !important;
  animation: ai-orchestrator-callout-pulse-light 1.8s ease-in-out infinite !important;
}

[data-wm-theme="light"] .ai-message.bot .ai-orchestrator-callout--llm {
  border-color: rgba(22, 163, 74, 0.4) !important;
  box-shadow:
    0 0 0 1px rgba(22, 163, 74, 0.12),
    0 2px 12px rgba(22, 163, 74, 0.12) !important;
}

[data-wm-theme="light"] .ai-message.bot .ai-orchestrator-callout--llm.ai-orchestrator-callout--last-failed {
  border-color: rgba(220, 38, 38, 0.42) !important;
  box-shadow:
    0 0 0 1px rgba(220, 38, 38, 0.14),
    0 2px 12px rgba(220, 38, 38, 0.1) !important;
}

[data-wm-theme="light"] .ai-message.bot .ai-orchestrator-callout--done.ai-orchestrator-callout--last-success {
  border-color: rgba(22, 163, 74, 0.45) !important;
  box-shadow: 0 0 0 1px rgba(22, 163, 74, 0.12) !important;
}

[data-wm-theme="light"] .ai-message.bot .ai-orchestrator-callout--done.ai-orchestrator-callout--last-failed {
  border-color: rgba(220, 38, 38, 0.48) !important;
  box-shadow:
    0 0 0 1px rgba(220, 38, 38, 0.14),
    0 2px 12px rgba(220, 38, 38, 0.08) !important;
}

[data-wm-theme="light"] .ai-message.bot .ai-orchestrator-callout--done.ai-orchestrator-callout--last-inflight {
  border-color: rgba(37, 99, 235, 0.28) !important;
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.1) !important;
}

[data-wm-theme="light"] .ai-orchestrator-callout-header {
  border-bottom-color: rgba(15, 23, 42, 0.08) !important;
}

[data-wm-theme="light"] .ai-orchestrator-callout-title {
  color: var(--wm-color-text-muted) !important;
}

[data-wm-theme="light"] .ai-orchestrator-divider {
  color: var(--wm-color-text-muted) !important;
}

[data-wm-theme="light"] .ai-orchestrator-step {
  border-color: rgba(37, 99, 235, 0.15) !important;
  background: rgba(248, 250, 252, 0.98) !important;
}

[data-wm-theme="light"] .ai-orchestrator-step:hover:not(.ai-orchestrator-step--completed):not(.ai-orchestrator-step--failed) {
  border-color: rgba(37, 99, 235, 0.28) !important;
  background: #ffffff !important;
  box-shadow:
    0 2px 12px rgba(15, 23, 42, 0.06),
    0 0 0 1px rgba(37, 99, 235, 0.1) !important;
}

[data-wm-theme="light"] .ai-orchestrator-step--completed {
  border-color: rgba(22, 163, 74, 0.42) !important;
  box-shadow: 0 0 0 1px rgba(22, 163, 74, 0.1) !important;
}

[data-wm-theme="light"] .ai-orchestrator-step--completed .ai-orchestrator-tool-name-pill {
  border-color: rgba(22, 163, 74, 0.48) !important;
  color: rgba(20, 83, 45, 0.95) !important;
}

[data-wm-theme="light"] .ai-orchestrator-step--completed.ai-orchestrator-step--collapsible:hover {
  border-color: rgba(22, 163, 74, 0.58) !important;
  background: rgba(240, 253, 244, 0.98) !important;
  box-shadow:
    0 2px 12px rgba(22, 163, 74, 0.08),
    0 0 0 1px rgba(22, 163, 74, 0.14) !important;
}

[data-wm-theme="light"] .ai-orchestrator-step--failed {
  border-color: rgba(220, 38, 38, 0.38) !important;
  box-shadow: 0 0 0 1px rgba(220, 38, 38, 0.1) !important;
  background: rgba(254, 242, 242, 0.55) !important;
}

[data-wm-theme="light"] .ai-orchestrator-step--failed .ai-orchestrator-tool-icon {
  border-color: rgba(220, 38, 38, 0.42) !important;
}

[data-wm-theme="light"] .ai-orchestrator-step--failed .ai-orchestrator-tool-name-pill {
  border-color: rgba(220, 38, 38, 0.38) !important;
  color: rgba(127, 29, 29, 0.95) !important;
}

[data-wm-theme="light"] .ai-orchestrator-step--failed:hover {
  border-color: rgba(220, 38, 38, 0.48) !important;
  background: rgba(254, 226, 226, 0.65) !important;
}

[data-wm-theme="light"] .ai-orchestrator-feedback-run-failed-text {
  color: #b91c1c !important;
}

[data-wm-theme="light"] .ai-orchestrator-feedback-run-failed-x {
  color: #b91c1c !important;
  text-shadow: 0 0 8px rgba(220, 38, 38, 0.35) !important;
}

[data-wm-theme="light"] .ai-orchestrator-step--completed .ai-orchestrator-step-chevron {
  border-right-color: rgba(22, 101, 52, 0.55) !important;
  border-bottom-color: rgba(22, 101, 52, 0.55) !important;
}

[data-wm-theme="light"] .ai-orchestrator-step--failed .ai-orchestrator-step-chevron {
  border-right-color: rgba(185, 28, 28, 0.55) !important;
  border-bottom-color: rgba(185, 28, 28, 0.55) !important;
}

[data-wm-theme="light"] .ai-orchestrator-step-subgoal {
  color: var(--wm-color-text) !important;
}

[data-wm-theme="light"] .ai-orchestrator-step-status-row {
  color: var(--wm-color-text-muted) !important;
}

[data-wm-theme="light"] .ai-orchestrator-tool-icon {
  background: rgba(255, 255, 255, 0.95) !important;
  border-color: var(--wm-color-border) !important;
}

[data-wm-theme="light"] .ai-orchestrator-tool-icon--fallback {
  color: var(--wm-color-text-muted) !important;
}

[data-wm-theme="light"] .ai-orchestrator-tool-name-pill {
  color: var(--wm-color-text) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: var(--wm-color-border) !important;
}

[data-wm-theme="light"] .ai-orchestrator-async-hint {
  color: var(--wm-color-text-muted) !important;
}

[data-wm-theme="light"] .ai-orchestrator-step-outcome {
  color: var(--wm-color-text-muted) !important;
}

[data-wm-theme="light"] .ai-orchestrator-step-spinner {
  border-color: rgba(37, 99, 235, 0.2) !important;
  border-top-color: var(--wm-color-accent) !important;
}

[data-wm-theme="light"] .ai-orchestrator-open-btn.lab-button.secondary {
  border-color: rgba(37, 99, 235, 0.28) !important;
  color: var(--wm-color-accent) !important;
}

[data-wm-theme="light"] .ai-orchestrator-feedback-approved-text {
  color: #15803d !important;
}

[data-wm-theme="light"] .ai-orchestrator-feedback-denied-text,
[data-wm-theme="light"] .ai-orchestrator-deny-x {
  color: #b91c1c !important;
}

@keyframes ai-orchestrator-callout-pulse-light {
  0%,
  100% {
    box-shadow:
      0 0 0 1px rgba(37, 99, 235, 0.18),
      0 0 14px rgba(37, 99, 235, 0.1);
  }
  50% {
    box-shadow:
      0 0 0 1px rgba(37, 99, 235, 0.3),
      0 0 22px rgba(37, 99, 235, 0.16);
  }
}

/* --------------------------------------------------------------------------
   Notifications (app-notification)
   -------------------------------------------------------------------------- */
[data-wm-theme="light"] .app-notification {
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1px solid var(--wm-color-border) !important;
  color: var(--wm-color-text) !important;
  box-shadow: var(--wm-shadow-md) !important;
}

[data-wm-theme="light"] .app-notification--error {
  background: rgba(254, 226, 226, 0.98) !important;
  border: 1px solid rgba(220, 38, 38, 0.45) !important;
  color: #991b1b !important;
  box-shadow: var(--wm-shadow-md) !important;
}

[data-wm-theme="light"] .app-notification--error .app-notification__action-btn {
  border-color: rgba(220, 38, 38, 0.4);
  background: rgba(254, 202, 202, 0.6);
  color: #7f1d1d;
}

[data-wm-theme="light"] .app-notification--error .app-notification__action-btn:hover {
  background: rgba(252, 165, 165, 0.85);
  border-color: rgba(185, 28, 28, 0.55);
}
