/* Payment Settings — templates/members/settings/payments.html.twig */

.ps-master-row {
    display: flex; align-items: flex-start; justify-content: space-between; gap: 15px;
    padding: 20px 22px; border: 1px solid #E3E8F0; border-radius: 14px; background: #fff;
}
.ps-master-icon {
    width: 44px; height: 44px; border-radius: 12px; background: #E4F6EC; color: #1FA463;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.ps-master-title { font-size: 15.5px; font-weight: 800; color: #1C2540; }
.ps-master-desc { font-size: 13px; color: #6B7690; margin-top: 3px; line-height: 1.55; max-width: 440px; }

.ps-section-eyebrow {
    font-size: 13px; font-weight: 800; letter-spacing: 0.04em; color: #7A869E; margin-bottom: 11px;
    text-transform: uppercase;
}

.ps-method-row {
    display: flex; align-items: center; gap: 14px; padding: 16px 18px;
    border: 1px solid #E6EBF3; border-radius: 12px; background: #fff;
}
.ps-method-row.ps-method-disabled { border-color: #EEF1F6; background: #FAFBFD; }
.ps-method-icon {
    width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center;
    justify-content: center; flex-shrink: 0;
}
.ps-method-title { font-size: 14.5px; font-weight: 700; color: #1C2540; }
.ps-method-desc { font-size: 12.5px; color: #8892A8; margin-top: 2px; }

.ps-fee-options { display: flex; gap: 12px; flex-wrap: wrap; }
.ps-fee-card {
    flex: 1; min-width: 220px; padding: 14px 16px; border: 1.5px solid #E6EBF3; background: #fff;
    border-radius: 11px; cursor: pointer;
}
.ps-fee-card.active { border-color: #3B6EF6; background: #F5F8FF; }
.ps-fee-card-title { font-size: 14px; font-weight: 700; color: #1C2540; }
.ps-fee-card-desc { font-size: 12.5px; color: #8892A8; margin-top: 3px; line-height: 1.5; }

.ps-instructions-hint { font-size: 12.5px; color: #8892A8; margin-bottom: 11px; line-height: 1.5; }
.ps-footer {
    display: flex; align-items: center; justify-content: flex-end; gap: 10px;
    border-top: 1px solid #EEF1F6; padding-top: 18px;
}

.ps-hidden { display: none !important; }