/* Pending rewards: keep the reference card layout on a pure white page. */
.tab-pending.tab-page {
  padding: 7px 10px calc(var(--target153-bottom-nav-height, 66px) + env(safe-area-inset-bottom, 0px) + 8px) !important;
  background: #fff !important;
  overflow-y: auto !important;
}

.tab-pending .pending-balance { width: max-content; height: 26px; margin: 0 0 7px; padding: 0 7px 0 4px; gap: 4px; border-radius: 14px; background: #fff; box-shadow: 0 1px 3px rgba(70, 95, 130, .12); color: #ef9e00; font-size: 12px; line-height: 26px; }
.tab-pending .pending-coin { width: 18px; height: 18px; border-radius: 50%; background: url('/assets/img/USDT.avif') center/contain no-repeat; font-size: 0; box-shadow: none; }
.tab-pending .pending-balance-value { font-weight: 500; font-variant-numeric: tabular-nums; }
.tab-pending .pending-refresh { margin-left: 1px; color: #1678ff; font-size: 16px; line-height: 1; cursor: pointer; }
.tab-pending .pending-list { gap: 10px; }
.tab-pending .pending-item { position: relative; min-height: 80px; padding: 10px 94px 9px 11px !important; border: 0 !important; border-radius: 9px !important; background: #fff !important; box-shadow: 0 2px 7px rgba(79, 105, 145, .13) !important; }
.tab-pending .item-info { display: flex; flex-direction: column; justify-content: flex-start; min-width: 0; gap: 6px !important; }
.tab-pending .item-title { font-size: 14px !important; font-weight: 400; color: #303030 !important; line-height: 19px; }
.tab-pending .pending-source { gap: 4px; line-height: 14px; }
.tab-pending .item-time, .tab-pending .pending-source-label, .tab-pending .pending-source-name { font-size: 11px !important; line-height: 14px; }
.tab-pending .item-time, .tab-pending .pending-source-label { color: #999 !important; }
.tab-pending .pending-source-name { color: #1678ff !important; }
.tab-pending .item-right { position: absolute; top: 10px; right: 10px; bottom: 10px; display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; gap: 0 !important; min-width: 82px; }
.tab-pending .item-amount { display: inline-flex; align-items: center; justify-content: flex-end; min-height: 15px; color: transparent !important; font-size: 0 !important; font-weight: 600; line-height: 15px; white-space: nowrap; }
.tab-pending .item-amount::before { content: ""; display: inline-block; width: 14px; height: 14px; margin-right: 3px; background: url('/assets/img/USDT.avif') center/contain no-repeat; }
.tab-pending .item-amount::after { content: attr(data-usdt-value); color: #ef9e00; font-size: 13px; font-weight: 600; line-height: 15px; }
.tab-pending .pending-claim-btn { width: 82px; height: 32px; min-height: 32px; border-radius: 6px; background: #1678ff; color: #fff; font-size: 13px; line-height: 15px; box-shadow: none; }
.tab-pending .pending-claim-btn.with-countdown, .tab-pending .pending-claim-btn.is-scheduled { font-size: 11px; line-height: 14px; }
.tab-pending .pending-claim-btn.is-scheduled { background: #999; }

body.target153-bottom-nav-on:has(.page-container.route-pending),
body.target153-bottom-nav-on:has(.page-container.route-pending) #target153-bottom-nav,
body.target153-bottom-nav-on:has(.page-container.route-pending) #target153-bottom-nav::after,
#target153-bottom-nav { background: #fff !important; background-color: #fff !important; opacity: 1 !important; }