/* ── SVG Animations ─────────────────────────────────────────────── */

/* Spinner rotation */
.svg-spinner{animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* Loading placeholder */
.svg-loading{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;color:var(--text2)}
.svg-loading span{font-size:13px}

/* Toast with icon */
.toast{display:flex;align-items:center;gap:8px}
.toast-icon{width:20px;height:20px;flex-shrink:0}
.toast.show{animation:toastIn .3s ease}
@keyframes toastIn{from{opacity:0;transform:translateX(-50%) translateY(-12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}

/* Trend arrows */
.trend-arrow{width:12px;height:12px;display:inline-block;vertical-align:middle;margin-left:2px}
.trend-arrow.up{color:var(--green)}
.trend-arrow.down{color:var(--red)}
.trend-arrow.flat{color:var(--text2)}

/* Animated chevron */
.svg-chevron{width:14px;height:14px;display:inline-block;vertical-align:middle;margin-left:4px;transition:transform .25s ease;color:var(--accent)}
.pt-toggle.expanded .svg-chevron{transform:rotate(180deg)}

/* Empty state SVGs */
.empty-svg{width:64px;height:64px;margin-bottom:10px;color:var(--text2)}

/* Pulsing online dot — subtle glow */
.ao-dot-on{position:relative}
.ao-dot-on::after{content:'';position:absolute;inset:-2px;border-radius:50%;background:var(--green);opacity:0;animation:dotPulse 2.5s ease-in-out infinite}
@keyframes dotPulse{0%,100%{opacity:0;transform:scale(1)}50%{opacity:.3;transform:scale(1.3)}}

/* Critical drawdown pulse */
.dd-pulse-icon{width:16px;height:16px;display:inline-block;vertical-align:middle;margin-left:4px}
.dd-pulse-ring{animation:ddPulse 1.5s ease-out infinite}
@keyframes ddPulse{0%{r:3;opacity:.8}100%{r:7;opacity:0}}

/* Lot arrows */
.lot-arrow{width:8px;height:8px;display:inline-block;vertical-align:middle;margin-right:1px}
.lot-arrow.buy{color:var(--green)}
.lot-arrow.sell{color:var(--red)}

/* Navbar fill transition */
.nav-item svg{transition:all .2s ease}
.nav-item.active svg{fill:var(--accent);fill-opacity:.15;stroke:var(--accent)}

/* Send button SVG */
.fb-send-btn svg{width:20px;height:20px;color:#fff}