/* ===============================
   GLOBAL
================================ */
body {
  background: #0f1419;
}

.glass {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
}

.table > :not(caption) > * > * {
  border-color: rgba(255, 255, 255, 0.08);
}

.table-active {
  background: rgba(255, 255, 255, 0.06) !important;
}

/* ===============================
   ADDRESS LIST
================================ */
.addr-row a {
  color: #60a5fa;
  text-decoration: none;
}

.addr-row a:hover {
  text-decoration: underline;
}

/* ===============================
   ADDRESS CHIP (FROM / TO)
================================ */
#txBody code {
  background: rgba(255,255,255,0.06);
  padding: 4px 10px;
  border-radius: 8px;
  font-size: 0.82em;
  font-weight: 500;
}

/* WARNA SESUAI LOGIC */
#txBody code.addr-in {
  color: #4ade80 !important; /* hijau */
}

#txBody code.addr-out {
  color: #f87171 !important; /* merah */
}

/* ===============================
   TX TYPE BADGE (COMPACT & PRO)
================================ */
#txBody .tx-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 42px !important;
  height: 26px !important;
  padding: 0 10px !important;

  border-radius: 999px !important;
  font-weight: 700 !important;
  font-size: 0.72rem !important;
  letter-spacing: .4px !important;

  border: 1px solid rgba(255,255,255,.18) !important;
  background: rgba(255,255,255,.04) !important;
}

/* IN BADGE */
#txBody .tx-in {
  color: #4ade80 !important;
  border-color: rgba(74,222,128,.45) !important;
  background: rgba(74,222,128,.10) !important;
}

/* OUT BADGE */
#txBody .tx-out {
  color: #f87171 !important;
  border-color: rgba(248,113,113,.45) !important;
  background: rgba(248,113,113,.10) !important;
}

/* ===============================
   TX LINK
================================ */
#txBody a {
  color: #60a5fa;
  text-decoration: none;
}

#txBody a:hover {
  text-decoration: underline;
}

