/* Crystal City v87 — compact premium wallet and activity history */
.wallet-history-heading > span,
.profile-history-heading > span {
    color: #f0cd72;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .18em;
}

.wallet-history-list,
.activity-list {
    display: grid;
    gap: 9px;
    padding: 5px 0;
}

.wallet-history-list { padding-bottom: calc(104px + env(safe-area-inset-bottom)); }
.ledger-card:has(.activity-list) { padding: 10px; background: transparent; border: 0; box-shadow: none; }

.wallet-history-row,
.activity-row {
    position: relative;
    display: grid;
    grid-template-columns: 43px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    min-height: 76px;
    padding: 12px 13px;
    overflow: hidden;
    border: 1px solid rgba(119, 255, 206, .2);
    border-radius: 19px;
    background:
        linear-gradient(135deg, rgba(30, 119, 91, .46), rgba(4, 52, 42, .74) 58%, rgba(5, 30, 27, .92)),
        rgba(4, 37, 31, .92);
    box-shadow: inset 0 1px rgba(255,255,255,.13), inset 0 -2px rgba(0,0,0,.3), 0 9px 20px rgba(0,0,0,.25);
}

.wallet-history-row::before,
.activity-row::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: linear-gradient(#f4d16d, #55ebc1);
    opacity: .85;
}

.wallet-history-icon,
.activity-icon {
    display: grid;
    place-items: center;
    width: 43px;
    height: 43px;
    border: 1px solid rgba(167,255,224,.32);
    border-radius: 14px;
    color: #061d18;
    font-size: 19px;
    font-style: normal;
    font-weight: 900;
    background: linear-gradient(145deg, #e8d178, #5de8bd 68%, #1a9874);
    box-shadow: inset 0 2px rgba(255,255,255,.52), 0 6px 14px rgba(16,218,158,.2);
}

.wallet-history-row.is-withdrawal .wallet-history-icon {
    background: linear-gradient(145deg, #ecd67e, #c79b3f 70%, #775514);
}

.wallet-history-main,
.activity-copy,
.wallet-history-side {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.wallet-history-main b,
.activity-copy b {
    overflow: hidden;
    color: #f8fff9;
    font-size: 13px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wallet-history-main small,
.activity-copy small {
    margin-top: 4px;
    color: rgba(217,238,229,.58);
    font-size: 9.5px;
    line-height: 1.35;
}

.wallet-history-side { align-items: flex-end; gap: 6px; }
.wallet-history-side strong,
.activity-amount {
    color: #68f0c5;
    font-family: var(--font-mono);
    font-size: 12px;
    white-space: nowrap;
}
.wallet-history-row.is-withdrawal .wallet-history-side strong,
.activity-amount.is-debit { color: #f0cc70; }
.activity-amount.is-credit { color: #68f0c5; }

.history-status {
    max-width: 118px;
    padding: 4px 7px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 999px;
    color: rgba(240,247,243,.72);
    font-size: 8px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .02em;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.history-status.is-success { border-color: rgba(83,239,190,.3); color: #64efc0; background: rgba(18,121,91,.25); }
.history-status.is-pending { border-color: rgba(240,202,105,.34); color: #f0ce73; background: rgba(124,91,17,.24); }
.history-status.is-error { border-color: rgba(255,114,124,.32); color: #ff9ca3; background: rgba(126,31,44,.22); }
.history-status.is-refund { color: #95d9ff; background: rgba(31,94,126,.2); }

.wallet-history-empty {
    display: grid;
    justify-items: center;
    gap: 6px;
    padding: 30px 20px;
    border: 1px dashed rgba(110,231,193,.26);
    border-radius: 20px;
    color: rgba(226,245,237,.62);
    text-align: center;
    background: rgba(5,42,34,.48);
}
.wallet-history-empty span { color: #67e8bd; font-size: 27px; }
.wallet-history-empty b { color: #edf9f3; font-size: 13px; }
.wallet-history-empty small { font-size: 10px; }

@media (max-width: 390px) {
    .wallet-history-row, .activity-row { grid-template-columns: 39px minmax(0, 1fr) auto; gap: 8px; padding: 10px; }
    .wallet-history-icon, .activity-icon { width: 39px; height: 39px; border-radius: 12px; }
    .wallet-history-side strong, .activity-amount { font-size: 10.5px; }
    .history-status { max-width: 92px; }
}