body{background:#fff}
.loyalty-wrapper{max-width:1140px;margin:0 auto}
.loyalty-header{border-bottom:1px solid #e5e5e5;padding:12px 16px;position:relative}
.loyalty-header h2{font-size:16px;font-weight:600;color:#000;text-align:center;margin:0}
.scanmultipleitems .user-icon{border-radius:5px;background:#000;position:absolute;right:16px;top:50%;transform:translateY(-50%)}
.loyalty-content{padding:16px}
.loyalty-description{font-size:13px;color:#444}
.loyalty-inputs{display:flex;flex-direction:column;gap:16px;margin:24px 0}
.loyalty-row{display:flex;align-items:center;gap:8px;position:relative}
.loyalty-input{width:50vw;position:relative}
.loyalty-input input{width:100%;height:40px;padding:8px 12px;font-size:14px;font-weight:400;color:#000}
.loyalty-input input:disabled{opacity:1;color:#000;font-weight:400}
.loyalty-input input:not(.is-success):not(.is-error){border:1px solid #ced4da !important;background-image:none !important}
.loyalty-feedback{display:none;position:relative;left:0;top:100%;width:100%;margin-top:0;font-size:11px;line-height:14px;padding:0 8px;border-radius:0 0 4px 4px;box-sizing:border-box}
.btn-add{width:28px;height:28px;padding:0;border-radius:50%;font-size:20px;line-height:1;cursor:pointer}
.btnScan-multi-inputs{background:#ad0021;border-radius:35px;transform:scale(0.6)}
.loyalty-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px}
.btn-gray{background:#e0e0e0;border:0;font-size:12px;padding:8px 12px}
.loyalty-row.is-success .loyalty-input input{border:1px solid #2ecc71}
.loyalty-row.is-success .loyalty-feedback{display:block;text-align:center;background-color:rgba(46,204,113,0.20);color:#000}
.loyalty-row.is-error .loyalty-input input{border:1px solid #e74c3c}
.loyalty-row.is-error .loyalty-feedback{display:block;text-align:center;background-color:rgba(231,76,60,0.20);color:#000}