.w-exchange-refunds {
border: 1px solid var(--border);
border-radius: var(--r);
background: var(--cell);
padding: 14px 16px;
margin-bottom: 14px;
}
.w-exchange-refunds__head {
margin-bottom: 10px;
}
.w-exchange-refunds__title {
margin: 0;
font-size: .82rem;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
color: var(--text-3);
}
.w-exchange-refunds__loading,
.w-exchange-refunds__empty {
font-family: var(--mono);
font-size: .8rem;
color: var(--text-3);
text-align: center;
padding: 18px 8px;
}
.w-exchange-refunds__item {
padding: 10px 0;
border-bottom: 1px solid var(--border);
}
.w-exchange-refunds__item:last-child { border-bottom: 0; }
.w-exchange-refunds__item-main {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.w-exchange-refunds__amount {
font-family: var(--mono);
font-size: .95rem;
font-weight: 700;
color: var(--text);
}
.w-exchange-refunds__badge {
font-size: .7rem;
font-weight: 700;
padding: 3px 8px;
border-radius: 6px;
white-space: nowrap;
}
.w-exchange-refunds__badge.is-pending {
color: var(--warn, #ffb300);
background: color-mix(in srgb, var(--warn, #ffb300) 14%, transparent);
}
.w-exchange-refunds__badge.is-processing {
color: var(--accent);
background: color-mix(in srgb, var(--accent) 14%, transparent);
}
.w-exchange-refunds__badge.is-paid {
color: var(--ok, #4caf50);
background: color-mix(in srgb, var(--ok, #4caf50) 14%, transparent);
}
.w-exchange-refunds__badge.is-failed {
color: var(--err, #ff5252);
background: color-mix(in srgb, var(--err, #ff5252) 14%, transparent);
}
.w-exchange-refunds__item-sub {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-top: 4px;
}
.w-exchange-refunds__reason {
font-size: .74rem;
color: var(--text-2);
}
.w-exchange-refunds__meta {
font-size: .72rem;
color: var(--text-3);
font-family: var(--mono);
}