/* Fintech ticker card */
.dmdo-ft{max-width:980px;margin:0 auto;padding:8px 0;font-family:inherit}
.dmdo-ft__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 10px}
.dmdo-ft__title{font-size:18px;font-weight:800;line-height:1.2}
.dmdo-ft__subtitle{margin-top:6px;font-size:12.5px;line-height:1.4;opacity:.75}

/* LIVE badge */
.dmdo-ft__live{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;
  background:rgba(16,185,129,.12);color:#065f46;font-weight:900;font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  border:1px solid rgba(16,185,129,.25)}
.dmdo-ft__liveDot{width:8px;height:8px;border-radius:999px;background:#10b981;box-shadow:0 0 0 0 rgba(16,185,129,.45);animation:dmdoLivePulse 1.3s infinite}
@keyframes dmdoLivePulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,.45)}70%{box-shadow:0 0 0 8px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}

/* Monthly total */
.dmdo-ft__summary{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 14px;border-radius:16px;margin:0 0 10px;
  background:linear-gradient(90deg, rgba(16,185,129,.14), rgba(255,255,255,1));
  border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 26px rgba(0,0,0,.06)}
.dmdo-ft__summaryLabel{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;opacity:.7}
.dmdo-ft__summaryValue{font-size:18px;font-weight:950;letter-spacing:.01em}
.dmdo-ft__card{border-radius:18px;background:linear-gradient(180deg, rgba(16,185,129,.10), rgba(255,255,255,1));
  border:1px solid rgba(0,0,0,.06); box-shadow:0 16px 40px rgba(0,0,0,.06); overflow:hidden}
.dmdo-ft__tablewrap{background:#fff}
.dmdo-ft__table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}
.dmdo-ft__table th{padding:12px 14px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;
  text-align:left; color:rgba(0,0,0,.55); background:rgba(0,0,0,.02); border-bottom:1px solid rgba(0,0,0,.06)}
.dmdo-ft__table th:nth-child(2), .dmdo-ft__table td:nth-child(2){width:110px}
.dmdo-ft__viewport{position:relative;overflow:hidden;background:transparent}
.dmdo-ft__table--body tbody{display:block;will-change:transform}
.dmdo-ft__table--body tr{display:table;width:100%;table-layout:fixed;background:transparent}
.dmdo-ft__table--body td{padding:12px 14px;border-bottom:1px solid rgba(0,0,0,.06);font-size:14px}
.dmdo-ft__table--body tr:nth-child(even){background:rgba(0,0,0,.015)}
.dmdo-ft-badge{display:inline-flex;align-items:center;justify-content:center;
  padding:4px 10px;border-radius:999px;background:rgba(16,185,129,.12);color:#065f46;font-weight:800;font-size:12px;border:1px solid rgba(16,185,129,.20)}
.dmdo-ft-amount{display:flex;align-items:center;gap:10px}
.dmdo-ft-amountNum{font-weight:950;letter-spacing:.01em}
.dmdo-ft-tenor{font-weight:900}
.dmdo-ft__sub{margin-top:10px;font-size:12px;opacity:.7}
.dmdo-ft-empty td{padding:16px 14px;opacity:.7}

@keyframes dmdoFtScroll {
  from { transform: translateY(0); }
  to { transform: translateY(calc(-1 * var(--dmdo-scroll-distance, 0px))); }
}

.dmdo-ft.is-animating .dmdo-ft__table--body tbody{
  animation: dmdoFtScroll var(--dmdo-scroll-duration, 18s) linear infinite;
}

.dmdo-ft__viewport:after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:22px;
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.9));
  pointer-events:none;
}

/* Mobile: turn rows into cards */
@media (max-width: 640px){
  .dmdo-ft__title{font-size:16px}
  .dmdo-ft__tablewrap{display:none}
  .dmdo-ft__table--body td{padding:10px 12px;font-size:13px}
  .dmdo-ft__table--body tr{display:block;border-bottom:1px solid rgba(0,0,0,.06)}
  .dmdo-ft__table--body td{display:flex;justify-content:space-between;gap:10px}
  .dmdo-ft__table--body td:before{
    content: attr(data-label);
    font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; opacity:.55;
  }
  .dmdo-ft-amount{justify-content:flex-start}
  .dmdo-ft__summary{flex-direction:column;align-items:flex-start}
  .dmdo-ft__summaryValue{font-size:16px}
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .dmdo-ft.is-animating .dmdo-ft__table--body tbody{animation:none}
  .dmdo-ft__viewport:after{display:none}
}
