/* === 04_171 Stripe Admin - Configuration Guidée === */
.sf-admin-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin:0 auto 1rem auto;box-shadow:0 2px 8px rgba(0,0,0,.05);max-width:1280px}
.sf-config-header{display:flex;justify-content:space-between;align-items:center;margin:0 auto 1rem auto;max-width:1100px}
.sf-config-header h2{margin:0}
.btn-help{background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:.5rem .9rem;cursor:pointer;font-size:.9rem}
.btn-help:hover{background:#2563eb}

/* Help Panel */
.help-panel{background:#f0f9ff;border:2px solid #3b82f6;border-radius:10px;padding:1.25rem;margin:0 auto 1.5rem auto;max-width:1100px;animation:slideDown .3s ease}
@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
.help-content h3{margin:0 0 1rem 0;color:#1e40af}
.help-steps{display:grid;gap:1rem}
.help-step{background:#fff;border-left:4px solid #3b82f6;padding:1rem;border-radius:6px}
.help-step strong{display:block;color:#1e40af;margin-bottom:.5rem;font-size:1.05rem}
.help-step p{margin:.3rem 0;line-height:1.5}
.help-step a{color:#3b82f6;text-decoration:underline}
.help-step code{background:#e0e7ff;padding:.2rem .4rem;border-radius:4px;font-family:monospace;font-size:.9rem}
.help-note{background:#fef3c7;border:2px solid #fbbf24;border-radius:8px;padding:1rem;margin-top:1rem}
.help-note strong{color:#92400e;display:block;margin-bottom:.5rem}

/* Form Fields */
.sf-admin-card h3{margin:1.5rem auto 1rem auto;font-size:1.2rem;color:#111;max-width:1100px}
.sf-admin-card .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:0 auto 1rem auto;max-width:1100px}
.field-group{display:flex;flex-direction:column}
.field-group label{display:flex;align-items:center;gap:.3rem;margin-bottom:.4rem;font-weight:600;font-size:.95rem}
.tooltip{cursor:help;font-size:1.1rem}
.tooltip:hover{opacity:.7}
.code-input{font-family:monospace;font-size:.9rem}
.sf-admin-card input,.sf-admin-card select{width:100%;padding:.5rem;border:1px solid #e5e7eb;border-radius:8px;transition:border .2s}
.sf-admin-card input:focus,.sf-admin-card select:focus{outline:none;border-color:#3b82f6}
.field-hint{font-size:.8rem;color:#6b7280;margin-top:.3rem;line-height:1.3}
.field-hint code{background:#f1f5f9;padding:.1rem .3rem;border-radius:3px;font-family:monospace}

/* Validation Messages */
.validation-msg{font-size:.85rem;margin-top:.3rem;font-weight:500}
.validation-msg.success{color:#10b981}
.validation-msg.error{color:#ef4444}

/* Commission Preview */
.fee-preview{background:#f8fafc;border:1px solid #e5e7eb;padding:.5rem;border-radius:6px;margin-top:.5rem;font-size:.9rem;color:#374151}
.commission-summary{background:#fef3c7;border:2px solid #fbbf24;padding:1rem;border-radius:8px;margin:1rem auto;max-width:1100px;text-align:center;font-size:1.05rem}
.commission-summary strong{color:#92400e}
.commission-summary span{color:#059669;font-weight:700}

/* Buttons */
.sf-admin-card .row{display:flex;gap:.5rem;margin:1rem auto;max-width:1100px}
.sf-admin-card .btn{background:#111;color:#fff;border:none;border-radius:8px;padding:.6rem 1.1rem;cursor:pointer;font-weight:500;transition:background .2s}
.sf-admin-card .btn:hover{background:#374151}
.sf-admin-card .btn-secondary{background:#e5e7eb;color:#111}
.sf-admin-card .btn-secondary:hover{background:#d1d5db}
.sf-admin-card hr{border:none;border-top:1px dashed #e5e7eb;margin:1.5rem 0}

/* Table */
.sf-table{overflow:auto;margin:1rem auto;max-width:1100px}
.sf-table table{width:100%;border-collapse:collapse}
.sf-table th,.sf-table td{border:1px solid #e5e7eb;padding:.6rem;text-align:left}
.sf-table th{background:#f8fafc;font-weight:600}
.muted{color:#6b7280}

/* Responsive */
@media (max-width:768px){
  .sf-config-header{flex-direction:column;gap:.5rem;align-items:flex-start}
  .sf-admin-card .grid{grid-template-columns:1fr}
}