.role-preview-control{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0}.role-preview-control label{display:flex;align-items:center;gap:8px;font-weight:650;font-size:.85rem}.role-preview-control select{min-height:40px;border:1px solid #aebcd0;border-radius:6px;padding:6px;background:#fff;color:#03256a;font:inherit}.role-preview-control button,.role-preview-banner button{border:1px solid #03256a;background:#03256a;color:white;border-radius:6px;padding:9px 12px;min-height:40px;font:inherit;cursor:pointer}
.role-preview-banner{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:12px 18px;background:#e8f0ff;color:#03256a;border-bottom:2px solid #03256a}.role-preview-banner span{font-size:.9rem}.role-preview-banner form{margin:0}
.checkout-payment-preview{padding:20px;border:1px solid #d6dfec;border-radius:12px;background:#fff;margin:20px 0}.checkout-payment-preview h3{margin:0 0 8px;color:#03256a}.checkout-payment-preview p{font-size:.88rem;line-height:1.5}.checkout-payment-buttons{display:grid;gap:12px;margin:16px 0}.checkout-payment-buttons button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border:0;border-radius:5px;background:#ffc439;color:#003087;font:600 1.1rem system-ui;opacity:1;cursor:not-allowed}.checkout-payment-buttons .payment-card{background:#2c2e2f;color:white}.checkout-payment-buttons img{width:100px;height:auto;max-height:30px;object-fit:contain}.checkout-payment-buttons svg{width:26px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}.checkout-payment-preview .preview-state{display:inline-block;background:#e8effb;border-radius:4px;padding:3px 7px;color:#03256a;font-size:.8rem;font-weight:700}
@media(max-width:600px){.role-preview-banner{justify-content:flex-start}.role-preview-control{width:100%}.role-preview-control label{flex:1}.role-preview-control select{flex:1;max-width:180px}.checkout-payment-preview{padding:16px}}