.payment-method-indicator {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: none;
    padding: 0;
    flex-shrink: 0;
    font-size: 0.75rem;
}

.payment-method-indicator-gcash {
    background: #e3f2fd;
    color: #007aff;
}

.payment-method-indicator-gotyme {
    background: #fff5f5;
    color: #ff6b6b;
}

.payment-method-indicator-bank {
    background: #f3f0ff;
    color: #6c5ce7;
}

.payment-receipt-indicator {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #e8f5e9;
    color: #2e7d32;
    border: none;
    padding: 0;
    cursor: pointer;
    flex-shrink: 0;
}

.payment-receipt-indicator:hover {
    background: #c8e6c9;
    color: #1b5e20;
}

.payment-receipts-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.payment-receipt-gallery-item {
    text-align: center;
}

.payment-receipt-gallery-label {
    margin-top: 6px;
    font-size: 0.75rem;
    color: #6c757d;
}