/* BYLD Wealth — MIA Green Variant (Markets Mode)
   Overrides gold MIA colors with markets green palette.
   Load AFTER byld-mia.css on screens-theme-markets-* files.
   ================================================================== */

@keyframes mia-glow-green {
  0%, 100% {
    box-shadow: 0 0 20px rgba(122,154,69,0.18), 0 0 40px rgba(122,154,69,0.06);
    border-color: rgba(122,154,69,0.35);
  }
  50% {
    box-shadow: 0 0 35px rgba(122,154,69,0.45), 0 0 70px rgba(122,154,69,0.15);
    border-color: rgba(122,154,69,0.65);
  }
}

/* Override MIA mark core to green (bloom-enhanced) */
.mia-mark-core {
  background:
    radial-gradient(circle at 36% 30%, rgba(154,187,102,0.25) 0%, transparent 42%),
    radial-gradient(circle at 50% 50%, rgba(122,154,69,0.16) 0%, rgba(10,10,10,0.96) 58%);
  border: 1.5px solid rgba(122,154,69,0.35);
  color: var(--mkt-lighter);
  animation: bloom-core-pulse-green 3.5s ease-in-out infinite;
  text-shadow: 0 0 10px rgba(122,154,69,0.4);
}
.mia-mark-core::after {
  background: linear-gradient(90deg, transparent, rgba(154,187,102,0.4), transparent);
}
@keyframes bloom-core-pulse-green {
  0%, 100% { box-shadow: 0 0 30px rgba(122,154,69,0.35), 0 0 60px rgba(86,107,48,0.12), inset 0 0 20px rgba(154,187,102,0.15); }
  50% { box-shadow: 0 0 45px rgba(122,154,69,0.5), 0 0 90px rgba(86,107,48,0.2), inset 0 0 30px rgba(154,187,102,0.25); }
}

/* Override ring colors */
.mia-mark-ring {
  border: 1px solid rgba(122,154,69,0.14);
}
.mia-mark-ring::before {
  background: #7A9A45;
  box-shadow: 0 0 6px rgba(122,154,69,0.5);
}
.mia-mark-ring::after {
  background: rgba(122,154,69,0.4);
  box-shadow: 0 0 4px rgba(122,154,69,0.2);
}

/* Override header mark conic shimmer to green */
.mia-mark-header::before {
  background: conic-gradient(
    from 0deg,
    rgba(122,154,69,0.0) 0deg,
    rgba(122,154,69,0.1) 50deg,
    rgba(122,154,69,0.0) 90deg,
    rgba(122,154,69,0.06) 140deg,
    rgba(122,154,69,0.0) 180deg,
    rgba(122,154,69,0.08) 230deg,
    rgba(122,154,69,0.0) 270deg,
    rgba(122,154,69,0.05) 320deg,
    rgba(122,154,69,0.0) 360deg
  );
}

/* Override inline avatar to green (bloom-enhanced) */
.mia-avatar {
  background:
    radial-gradient(circle at 36% 30%, rgba(154,187,102,0.2) 0%, transparent 42%),
    radial-gradient(circle at 50% 50%, rgba(122,154,69,0.14) 0%, rgba(10,10,10,0.96) 52%);
  border: 1.5px solid rgba(122,154,69,0.35);
  color: var(--mkt-lighter);
  animation: bloom-core-pulse-green 3.5s ease-in-out infinite;
  text-shadow: 0 0 6px rgba(122,154,69,0.35);
}
/* Override inline avatar conic shimmer to green */
.mia-avatar::before {
  background: conic-gradient(
    from 0deg,
    rgba(122,154,69,0.0) 0deg,
    rgba(122,154,69,0.12) 65deg,
    rgba(122,154,69,0.0) 120deg,
    rgba(122,154,69,0.08) 185deg,
    rgba(122,154,69,0.0) 245deg,
    rgba(122,154,69,0.1) 310deg,
    rgba(122,154,69,0.0) 360deg
  );
}

/* Override 3D avatar head */
.mia-3d-head {
  background:
    radial-gradient(ellipse at 35% 30%, rgba(154,187,102,0.25) 0%, transparent 50%),
    radial-gradient(ellipse at 65% 70%, rgba(86,107,48,0.08) 0%, transparent 40%),
    radial-gradient(ellipse at 50% 50%, rgba(122,154,69,0.15) 0%, rgba(10,10,10,0.9) 70%);
  border: 1px solid rgba(122,154,69,0.25);
  box-shadow: 0 0 40px rgba(122,154,69,0.2), 0 0 80px rgba(86,107,48,0.08), inset 0 -20px 40px rgba(0,0,0,0.5);
}
.mia-3d-head::before {
  background: linear-gradient(90deg, transparent, rgba(122,154,69,0.6), transparent);
  box-shadow: -8px -10px 0 0 rgba(122,154,69,0.4), 8px -10px 0 0 rgba(122,154,69,0.4), 0 8px 0 0 rgba(122,154,69,0.15);
}
.mia-3d-head::after {
  background: linear-gradient(90deg, transparent, rgba(154,187,102,0.5), transparent);
}

/* Override 3D body */
.mia-3d-body {
  background: radial-gradient(ellipse at 50% 0%, rgba(86,107,48,0.08), transparent 70%);
  border-top: 1px solid rgba(122,154,69,0.12);
}

/* Override 3D aura */
.mia-3d-aura {
  background: radial-gradient(circle, rgba(122,154,69,0.08) 0%, rgba(86,107,48,0.06) 30%, rgba(86,107,48,0.03) 50%, transparent 70%);
}

/* Override circuit strokes */
.mia-circuit svg path {
  stroke: var(--mkt-lighter);
}

/* Override notif dot for markets */
.notif-dot {
  background: var(--mkt-light);
}

/* Override chat bubble left border */
.msg-bubble.ai-bubble {
  border-left-color: var(--mkt-lighter);
}

/* Override typing dots */
.typing-dots {
  border-left-color: var(--mkt-lighter);
}
.typing-dots .dot {
  background: var(--mkt-lighter);
}

/* Override send button */
.send-btn {
  background: var(--mkt-gradient);
  box-shadow: 0 2px 12px rgba(86,107,48,0.3);
}

/* Override chat input focus */
.chat-input:focus, .chat-input.focused {
  border-color: var(--mkt-lighter);
  box-shadow: 0 0 0 3px rgba(86,107,48,0.1);
}

/* Override chip hover/selected */
.chip:hover {
  border-color: rgba(122,154,69,0.4);
  color: var(--mkt-lighter);
}
.chip.selected {
  background: linear-gradient(135deg, rgba(86,107,48,0.2), rgba(86,107,48,0.08));
  border-color: var(--mkt-lighter);
  color: var(--mkt-lighter);
  box-shadow: 0 0 12px rgba(86,107,48,0.15);
}

/* Override progress dots */
.chat-progress .step-dot.active {
  background: var(--mkt-lighter);
  box-shadow: 0 0 8px rgba(86,107,48,0.4);
}
.chat-progress .step-dot.done {
  background: var(--mkt-lighter);
}