/* Payment Details - Key-value pair system (similar to custom fields) */

/* Payment Details Container */
.payment-details-container {
    margin-bottom: var(--space-2);
}

/* Payment Detail Row - Uses custom-field-row styling from utilities.css */
.payment-detail-row {
    /* Inherits from .custom-field-row */
}

.payment-detail-key {
    /* Inherits from .custom-field-key */
}

.payment-detail-value {
    /* Inherits from .custom-field-value */
}

/* Payment Instructions Textarea */
#paymentInstructions {
    width: 100%;
    margin-top: var(--space-2);
    padding: var(--space-2);
    font-size: var(--input-font-size);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--bg);
    color: var(--text);
    resize: none; /* Disable resize handle */
    min-height: 48px;
    line-height: 1.4;
}

#paymentInstructions:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 2px var(--primary-subtle);
}

#paymentInstructions::placeholder {
    color: var(--text-light);
}