/**
 * Simple Account Funds - Checkout Styles
 */
.saf-account-funds-row th, .saf-account-funds-row td { padding: 15px 12px; border-top: 1px solid #ebe9eb; }
.saf-funds-container { display: flex; flex-direction: column; gap: 10px; }
.saf-balance-info { font-size: 14px; color: #666; margin-bottom: 5px; }
.saf-applied-funds { display: flex; align-items: center; gap: 15px; padding: 10px 15px; background: #d4edda; border-radius: 4px; }
.saf-applied-amount { font-weight: 600; color: #155724; }
.saf-remove-funds { font-size: 12px !important; padding: 5px 10px !important; }
.saf-apply-funds-form { display: flex; flex-direction: column; gap: 8px; }
.saf-input-group { display: flex; gap: 10px; align-items: center; }
.saf-input-group input[type="number"] { width: 120px; padding: 8px 12px; border: 1px solid #ddd; border-radius: 4px; }
.saf-apply-funds { white-space: nowrap; }
.saf-quick-actions { font-size: 13px; }
.saf-use-max { color: #0073aa; text-decoration: underline; cursor: pointer; background: none; border: none; padding: 0; }
.saf-use-max:hover { color: #005177; }
.saf-loading { opacity: 0.6; pointer-events: none; }
.saf-message { padding: 10px; margin-top: 10px; border-radius: 4px; }
.saf-message-success { background: #d4edda; color: #155724; }
.saf-message-error { background: #f8d7da; color: #721c24; }
.saf-gateway-balance { font-weight: 600; color: #155724; margin-top: 10px; }
@media (max-width: 768px) {
    .saf-input-group { flex-direction: column; align-items: stretch; }
    .saf-input-group input[type="number"] { width: 100%; }
    .saf-applied-funds { flex-direction: column; align-items: flex-start; }
}