.jol-credit-balance {
    margin-bottom: 20px;
    font-size: 1.2em;
}

.jol-credit-amount {
    font-size: 1.6em;
    font-weight: bold;
    margin-left: 8px;
}

.jol-credit-ledger {
    margin-top: 30px;
}

.jol-ledger-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95em;
}

.jol-ledger-table th,
.jol-ledger-table td {
    padding: 10px 12px;
    border-bottom: 1px solid #ddd;
    text-align: left;
}

.jol-ledger-table th {
    background: #f7f7f7;
    font-weight: 600;
}

.jol-ledger-amount {
    text-align: right;
    font-weight: 600;
}

.jol-ledger-amount.negative {
    color: #b00020;
}

.jol-ledger-amount.positive {
    color: #006400;
}