.paiement-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.paiement-loading{text-align:center;color:#666;padding:40px}.paiement-error{color:#c00;background-color:#fee;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px;display:flex}.paiement-retry-btn{color:#fff;cursor:pointer;background:#c00;border:none;border-radius:4px;padding:4px 12px}.paiement-retry-btn:hover{background:#a00}.paiement-methods{margin-bottom:24px}.paiement-methods-title{color:#333;margin-bottom:16px;font-size:18px;font-weight:600}.paiement-methods-list{margin-bottom:16px}.paiement-method-item{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:12px;padding:12px;transition:all .2s}.paiement-method-item.selected{background-color:#f0fff4;border-color:#2ecc71}.paiement-method-header{align-items:center;gap:12px;display:flex}.paiement-method-radio{cursor:pointer;width:20px;height:20px}.paiement-method-info{flex:1;align-items:center;gap:12px;display:flex}.paiement-method-icon{font-size:24px}.paiement-method-details{flex-direction:column;display:flex}.paiement-method-name{color:#333;font-weight:600}.paiement-method-number{color:#666;font-family:monospace;font-size:14px}.paiement-method-status{border-radius:12px;padding:4px 8px;font-size:12px;font-weight:500}.paiement-method-status.bg-green-100{color:#2e7d32;background-color:#e6f7e6}.paiement-method-status.bg-yellow-100{color:#b26a00;background-color:#fff9c4}.paiement-method-status.bg-red-100{color:#c62828;background-color:#ffe6e6}.paiement-method-status.bg-blue-100{color:#1565c0;background-color:#e3f2fd}.paiement-method-actions{border-top:1px solid #e0e0e0;gap:8px;margin-top:12px;padding-top:12px;display:flex}.paiement-action-btn{cursor:pointer;border:none;border-radius:4px;padding:6px 12px;font-size:13px;transition:background .2s}.paiement-action-btn.set-default{color:#fff;background-color:#2196f3}.paiement-action-btn.set-default:hover{background-color:#1976d2}.paiement-action-btn.delete{color:#fff;background-color:#f44336}.paiement-action-btn.delete:hover{background-color:#d32f2f}.paiement-add-method-btn{color:#2ecc71;cursor:pointer;background:0 0;border:2px dashed #2ecc71;border-radius:8px;width:100%;padding:12px;font-weight:600;transition:all .2s}.paiement-add-method-btn:hover{color:#fff;background:#2ecc71}.paiement-add-method-form{background:#f9f9f9;border-radius:8px;margin-top:20px;padding:20px}.paiement-add-method-form h4{color:#333;margin-bottom:16px}.paiement-method-type-selector{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin-bottom:20px;display:grid}.type-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:10px;font-size:14px;transition:all .2s}.type-btn.active{color:#fff;background:#2ecc71;border-color:#2ecc71}.type-btn:hover:not(.active){background:#f0f0f0}.paiement-form-group{margin-bottom:16px}.paiement-form-group label{color:#555;margin-bottom:6px;font-weight:500;display:block}.paiement-form-group.checkbox label{cursor:pointer;align-items:center;gap:8px;font-weight:400;display:flex}.paiement-form-group.checkbox input{width:auto}.paiement-form-control{border:1px solid #ddd;border-radius:6px;width:100%;padding:10px;font-size:14px;transition:border-color .2s}.paiement-form-control:focus{border-color:#2ecc71;outline:none}.paiement-form-help{color:#888;margin-top:-8px;margin-bottom:16px;font-size:12px;font-style:italic}.paiement-card-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.paiement-card-brand{color:#666;background:#f5f5f5;border-radius:12px;padding:2px 8px;font-size:.8rem}.paiement-card-details{color:#666;justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.paiement-card-expiration{background:#f0f0f0;border-radius:12px;padding:2px 8px}.paiement-existing-card.selected .paiement-card-brand{color:#1976d2;background:#e3f2fd}.paiement-existing-card.selected .paiement-card-expiration{color:#2e7d32;background:#e8f5e8}.paiement-reference-large{letter-spacing:2px;text-align:center;background:#f8f9fa;border:1px dashed #ccc;border-radius:8px;margin:8px 0;padding:12px;font-size:1.5rem;font-weight:700}.paiement-step-link{color:#0070f3;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:20px;padding:8px 16px;font-size:.9rem;text-decoration:none;transition:all .2s}.paiement-step-link:hover{background:#e3f2fd;border-color:#0070f3}.paiement-details{border-top:1px solid #e0e0e0;margin-top:24px;padding-top:24px}.paiement-details-title{color:#333;margin-bottom:16px;font-size:16px;font-weight:600}.paiement-info{background:#f5f5f5;border-radius:6px;justify-content:space-between;margin-bottom:16px;padding:12px;display:flex}.paiement-info-label{color:#666}.paiement-info-value{color:#2ecc71;font-size:18px;font-weight:700}.paiement-conditions{margin:16px 0}.paiement-checkbox{cursor:pointer;color:#555;align-items:flex-start;gap:10px;font-size:14px;display:flex}.paiement-checkbox input{width:18px;height:18px;margin-top:3px}.paiement-checkbox-text{flex:1}.paiement-note{color:#856404;background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;margin-top:12px;padding:12px;font-size:14px}.paiement-warning{color:#c62828;background:#fee;border-left:4px solid #f44336;border-radius:4px;margin:16px 0;padding:12px;font-size:14px}.paiement-card-form{margin-top:16px}.paiement-form-text{color:#888;margin-top:4px;font-size:12px;font-style:italic;display:block}.paiement-cesu-form,.paiement-ecesu-form{margin-top:16px}.paiement-steps{flex-direction:column;gap:16px;margin-bottom:16px;display:flex}.paiement-step{align-items:flex-start;gap:12px;display:flex}.paiement-step-number{color:#fff;background:#2ecc71;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex}.paiement-step-content{flex:1}.paiement-step-content strong{color:#333;margin-bottom:4px;display:block}.paiement-step-links{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.paiement-step-link{color:#333;background:#f0f0f0;border-radius:4px;padding:6px 12px;font-size:13px;text-decoration:none;transition:background .2s;display:inline-block}.paiement-step-link:hover{background:#e0e0e0}.paiement-highlight{color:#2ecc71;font-weight:600}.paiement-code-box{color:#fff;background:#333;border-radius:6px;margin:8px 0;padding:8px 16px;font-family:monospace;font-size:16px;display:inline-block}.paiement-reference-box{color:#333;background:#f0f0f0;border:1px dashed #999;border-radius:4px;margin:8px 0;padding:8px 12px;font-family:monospace;font-size:14px}.paiement-info-note{color:#1565c0;background:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px;margin:16px 0;padding:12px;font-size:14px}.paiement-margin-top{margin-top:8px}.paiement-virement-form{margin-top:16px}.paiement-rib{background:#f8f9fa;border-radius:8px;margin:16px 0;padding:16px}.paiement-rib h5{color:#333;margin-bottom:12px;font-size:15px}.paiement-rib-item{border-bottom:1px solid #eee;justify-content:space-between;padding:8px 0;display:flex}.paiement-rib-item:last-child{border-bottom:none}.paiement-rib-item span{color:#666}.paiement-rib-item strong{color:#333;font-family:monospace}.paiement-method-btn--disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.paiement-method-btn--disabled:hover{background:#f5f5f5;border-color:#ddd}.paiement-subtitle{color:#555;margin:16px 0 8px;font-size:14px;font-weight:600}.paiement-existing-methods-inline{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:16px}.paiement-reference{background:#f5f5f5;border-radius:4px;padding:4px 8px;font-family:monospace;font-size:14px}.paiement-btn-add{color:#2ecc71;cursor:pointer;background:0 0;border:1px dashed #2ecc71;border-radius:6px;width:100%;margin-top:16px;padding:10px;font-size:14px;font-weight:500;transition:all .2s}.paiement-btn-add:hover{color:#fff;background:#2ecc71}.paiement-cesu-label{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.paiement-cesu-name{color:#333;min-width:120px;font-weight:600}.paiement-cesu-reference{color:#666;flex:1;font-size:14px}.paiement-cesu-amount{color:#2ecc71;text-align:right;min-width:80px;font-weight:600}.paiement-method-tooltip-wrapper{width:100%;display:inline-block;position:relative}.paiement-tooltip{visibility:hidden;color:#fff;text-align:center;white-space:nowrap;z-index:1000;background-color:#333;border-radius:4px;margin-bottom:5px;padding:5px 10px;font-size:12px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.paiement-method-tooltip-wrapper:hover .paiement-tooltip{visibility:visible}.paiement-method-tooltip-wrapper .paiement-tooltip:after{content:"";border:5px solid transparent;border-top-color:#333;margin-left:-5px;position:absolute;top:100%;left:50%}.paiement-existing-card.selected,.paiement-existing-cesu.selected{background-color:#f0fff4;border-color:#2ecc71}.paiement-cesu-total{background:#f8f9fa;border-radius:6px;margin-top:16px;padding:12px}.paiement-cesu-total-line{justify-content:space-between;padding:4px 0;display:flex}.paiement-cesu-insufficient{color:#c00;text-align:center;background:#fee;border-radius:4px;margin-top:8px;padding:8px;font-size:14px}.paiement-cesu-sufficient{color:#2e7d32;text-align:center;background:#e6f7e6;border-radius:4px;margin-top:8px;padding:8px;font-size:14px}.paiement-ready-message{color:#2e7d32;text-align:center;background:#e6f7e6;border-radius:6px;margin-top:20px;padding:12px;font-weight:500}.paiement-btn-cancel,.paiement-btn-save{cursor:pointer;border:none;border-radius:6px;flex:1;padding:10px;font-size:14px;font-weight:500;transition:all .2s}.paiement-btn-cancel{color:#666;background:#f5f5f5}.paiement-btn-cancel:hover:not(:disabled){background:#e0e0e0}.paiement-btn-save{color:#fff;background:#2ecc71}.paiement-btn-save:hover:not(:disabled){background:#27ae60}.paiement-btn-save:disabled,.paiement-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.paiement-new-card-form,.paiement-new-cesu-form{background:#f9f9f9;border-radius:8px;margin-top:16px;padding:16px}.paiement-form-actions{gap:12px;margin-top:20px;display:flex}.paiement-actions{border-top:1px solid #e0e0e0;gap:16px;margin-top:24px;padding-top:24px;display:flex}.paiement-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:14px;font-size:16px;font-weight:600;transition:all .2s}.paiement-btn.cancel{color:#666;background:#f5f5f5}.paiement-btn.cancel:hover:not(:disabled){background:#e0e0e0}.paiement-btn.submit{color:#fff;background:#2ecc71}.paiement-btn.submit:hover:not(:disabled){background:#27ae60}.paiement-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.paiement-section{padding:16px}.paiement-method-header{flex-wrap:wrap}.paiement-method-status{margin-left:32px}.paiement-method-type-selector{grid-template-columns:1fr 1fr}.paiement-actions{flex-direction:column}.paiement-btn{width:100%}.paiement-step{flex-direction:column}.paiement-step-number{margin-bottom:8px}.paiement-rib-item{flex-direction:column;gap:4px}}