/* Currency Display Styles */
.currency-display {
    display: inline-block;
    align-items: center;
    gap: 4px;
}

.currency-icon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    display: inline-block;
}

/* Larger currency icon for headers/totals */
.currency-display.large .currency-icon {
    width: 20px;
    height: 20px;
}

/* Small currency icon for compact displays */
.currency-display.small .currency-icon {
    width: 14px;
    height: 14px;
}