/* =============== Auto Coin Ticker — Pill Styles =============== */

/* Pill */
.actp-ticker-box{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-left:6px;

  padding:2px 8px;
  border:1px solid #d9e1ea;
  border-radius:9999px;
  background:#fff;
  font-size:13px;
  line-height:1;
  position:relative;
  white-space:nowrap;            /* tránh ngắt bên trong pill */
}

/* Toàn bộ pill là link, nhưng không gạch chân */
.actp-ticker-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  text-decoration:none;
  color:inherit;
  white-space:nowrap;
}

/* Symbol */
.actp-symbol{
  font-weight:700;
  color:#1b2838;
  letter-spacing:.2px;
}

/* Change (icon + % number) */
.actp-change{
  display:inline-flex;
  align-items:center;
  gap:4px;
  font-weight:600;
}

/* % text không bao giờ bị underline */
.actp-change-text{ text-decoration:none; border-bottom:0; }

/* icon mặc định — sẽ bị override bởi inline CSS thêm ▲/▼ */
.actp-change-icon{
  display:inline-block;
  line-height:1;
  font-size:.9em;
  margin-top:1px;
}

/* Hover effect nhẹ */
.actp-ticker-box:hover{ box-shadow:0 1px 4px rgba(0,0,0,.06); }

/* Khi pill nằm trong <li>, căn giữa theo dòng */
ul li .actp-ticker-box{ vertical-align:middle; }

/* =============== (Popup dùng JS floating, không cần style ở đây) =============== */