/* ════════════════════════════════════════════════════════════════════
   MARKET INTELLIGENCE SUMMARY — yorum paneli
   Mock'taki gibi: mor vurgulu glass panel, 3 kolon
   (yorum+rozetler | izlenecek seviyeler | confidence gauge)
   ════════════════════════════════════════════════════════════════════ */
.vd-ms {
  display: grid;
  grid-template-columns: 1fr 220px 150px;
  gap: 18px;
  padding: 16px 18px;
  margin: 0 0 14px;
  background: linear-gradient(135deg, rgba(157, 125, 250, 0.06), rgba(8, 14, 26, 0.9) 40%);
  border: 1px solid rgba(157, 125, 250, 0.28);
  border-radius: 14px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 10px 36px rgba(0, 0, 0, 0.35), 0 0 24px rgba(157, 125, 250, 0.06) inset;
}

.vd-ms-col { min-width: 0; }

/* ── Sol: başlık + yorum + rozetler ── */
.vd-ms-head { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 10px; }
.vd-ms-ic {
  width: 30px; height: 30px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 9px;
  background: rgba(157, 125, 250, 0.12);
  border: 1px solid rgba(157, 125, 250, 0.3);
  color: var(--purple, #9d7dfa);
  font-size: 15px;
  flex: none;
}
.vd-ms-title {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: var(--purple, #9d7dfa);
}
.vd-ms-sub { font-size: 10px; color: var(--text3, #3a6080); margin-top: 1px; }

.vd-ms-text {
  font-size: 12.5px;
  line-height: 1.75;
  color: var(--text2, #7aaac8);
}
.vd-ms-badges { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 11px; }
.vd-ms-badge {
  font-size: 10px;
  font-weight: 700;
  padding: 3px 9px;
  border-radius: 7px;
  white-space: nowrap;
}
.vd-ms-badge.up  { color: var(--green, #00e5a0); background: rgba(0, 229, 160, 0.09);  border: 1px solid rgba(0, 229, 160, 0.22); }
.vd-ms-badge.dn  { color: var(--red, #ff3d6b);   background: rgba(255, 61, 107, 0.09); border: 1px solid rgba(255, 61, 107, 0.22); }
.vd-ms-badge.mid { color: var(--text2, #7aaac8); background: rgba(122, 170, 200, 0.07); border: 1px solid rgba(122, 170, 200, 0.18); }
.vd-ms-micro { font-size: 9px; color: var(--text3, #3a6080); margin-top: 10px; }

/* ── Orta: izlenecek seviyeler ── */
.vd-ms-col-t {
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 0.05em;
  color: var(--text, #e8f4ff);
  margin-bottom: 10px;
}
.vd-ms-lv {
  font-size: 11.5px;
  color: var(--text2, #7aaac8);
  margin-bottom: 7px;
  display: flex; align-items: center; gap: 7px;
}
.vd-ms-lv b { color: var(--text, #e8f4ff); font-variant-numeric: tabular-nums; }
.vd-ms-lv-i { font-size: 9px; }
.vd-ms-lv-i.r { color: var(--red, #ff3d6b); }
.vd-ms-lv-i.s { color: var(--green, #00e5a0); }
.vd-ms-lv-i.c { color: var(--cyan, #00d4ff); }
.vd-ms-lv-src { font-size: 8.5px; color: var(--text3, #3a6080); margin-top: 4px; font-style: italic; }
.vd-ms-lv-na { font-size: 11px; color: var(--text3, #3a6080); }

/* ── Sağ: confidence gauge ── */
.vd-ms-conf { display: flex; flex-direction: column; align-items: center; }
.vd-ms-conf .vd-ms-col-t { color: var(--purple, #9d7dfa); align-self: flex-start; }
.vd-ms-gsvg { width: 88px; height: 88px; }
.vd-ms-gnum { font-size: 22px; font-weight: 800; fill: var(--text, #e8f4ff); }
.vd-ms-gsub { font-size: 9px; fill: var(--text3, #3a6080); }
.vd-ms-gauge-na { font-size: 20px; color: var(--text3, #3a6080); padding: 24px 0; }
.vd-ms-conf-lbl { font-size: 10.5px; font-weight: 700; margin-top: 4px; }
.vd-ms-conf-lbl.up  { color: var(--green, #00e5a0); }
.vd-ms-conf-lbl.mid { color: var(--yellow, #ffc107); }
.vd-ms-conf-lbl.dn  { color: var(--red, #ff3d6b); }

/* ── Responsive ── */
@media (max-width: 1000px) {
  .vd-ms { grid-template-columns: 1fr 1fr; }
  .vd-ms-main { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
  .vd-ms { grid-template-columns: 1fr; gap: 14px; padding: 14px; }
  .vd-ms-conf { align-items: flex-start; }
  .vd-ms-conf .vd-ms-gsvg { width: 76px; height: 76px; }
}