/* ============================================================
   MASTER VORTEX — Chart snapshot styles (snapshot.js companion)
   Also carries .comm-img, the snapshot image rendered inside
   community messages (community.js markup; its styles live here
   so community.css stays untouched).
   Palette matches community.css: panel #070d18, edge #16283f,
   green #1ee308. No bold anywhere in this module.
   ============================================================ */

/* snapshot image inside a community message */
.comm-img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-top: 6px;
  border: 1px solid var(--edge, #16283f);
  border-radius: 6px;
  background: #050a14;
}

/* SNAPSHOT topbar button (base look comes from .ind-btn) */
.mvs-btn { letter-spacing: 0.4px; }

/* snapshot toast */
.mvs-toast {
  position: fixed;
  left: 50%;
  bottom: 28px;
  transform: translateX(-50%) translateY(10px);
  z-index: 90;
  max-width: calc(100vw - 32px);
  padding: 9px 16px;
  border-radius: 8px;
  background: var(--panel, #070d18);
  border: 1px solid var(--edge, #16283f);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .55);
  color: #dfe9f5;
  font-size: 13px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}
.mvs-toast.on {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}