.smartqr-wrapper{max-width:680px;margin:24px auto;font-family:Inter,Arial,Helvetica,sans-serif;padding:12px;color:#f3f4f6}
.form-card{border-radius:16px;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.form-card-dark{background:linear-gradient(180deg,#16232f 0%, #0f1c29 100%)}
.form-row{margin-bottom:14px}
.form-row label{display:block;font-weight:700;margin-bottom:8px;color:#e8edf5}
.req{color:#ff6b6b;font-weight:900}
.form-row input[type="text"], .form-row input[type="email"], .form-row input[type="tel"], .form-row select, .form-row textarea{
  width:100%;padding:12px 14px;border-radius:12px;border:1px solid #36475d;background:#1f2b3a;color:#f3f4f6;box-sizing:border-box;
}
.form-row input::placeholder, .form-row textarea::placeholder{color:#a9b6c6}
.form-row textarea{min-height:120px;resize:vertical}
.field-error{display:none;font-size:13px;color:#ff6b6b;margin-top:6px}
/* Stars */
.stars{display:flex;gap:10px;justify-content:center;margin-top:6px}
.star{background:transparent;border:none;cursor:pointer;padding:6px;line-height:0;border-radius:8px;color:#a3afbf;outline:none}
.star:focus{outline:none;box-shadow:none}
.star:hover{background:transparent}
.star-svg{width:36px;height:36px;display:block}
.star .star-svg path{stroke:currentColor;fill:none}
.star.hovered .star-svg path,.star.selected .star-svg path{fill:#D4A24A;stroke:#D4A24A}
.char-count{font-size:12px;color:#a9b6c6;text-align:right;margin-top:6px}
.consent-row .consent{font-size:14px;color:#dbe6f3}
.smartqr-submit{width:100%;padding:14px;border-radius:12px;border:none;background:linear-gradient(90deg,#D4A24A,#1F2C44);color:#fff;font-weight:800;letter-spacing:.3px;cursor:pointer}
.smartqr-submit.disabled{opacity:.5;cursor:not-allowed}
.smartqr-submit.loading{opacity:.8}
.after-result{margin-top:14px;text-align:center}
.sr-success{display:flex;flex-direction:column;align-items:center;gap:10px}
.sr-check{width:66px;height:66px;border-radius:50%;background:#e6f9ef;color:#1a7a3a;display:flex;align-items:center;justify-content:center;font-size:38px;box-shadow:0 6px 18px rgba(26,122,58,.12)}
.sr-message{font-weight:700;color:#e8edf5}
.sr-final.positive{background:#12331d;color:#a2f5c5;border:1px solid #2d7a4b;padding:14px;border-radius:10px}
.sr-final.negative{background:#311a1a;color:#ffbcbc;border:1px solid #7a2d2d;padding:14px;border-radius:10px}
.sr-error{color:#ff6b6b}


/* placeholder option styling */
.smartqr-form select#sr_source{padding:12px 16px;height:48px;line-height:24px}
.smartqr-form .req{color:#ff6b6b;margin-left:4px}
/* remove blue focus on star click */
.smartqr-form .star:focus{outline:none;box-shadow:none}
.smartqr-form .star:focus-visible{outline:none;box-shadow:none}
.smartqr-form .star{-webkit-tap-highlight-color: transparent;}
/* error state */
.smartqr-form .has-error input,
.smartqr-form .has-error select,
.smartqr-form input.has-error,
.smartqr-form select.has-error{border-color:#ff6b6b}

.req-note{font-size:12px;color:#a9b6c6;margin-top:6px}


/* Kill native button focus/blue background on stars */
.smartqr-form .star{background:transparent;border:0;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none}
.smartqr-form .star:focus{background:transparent !important;outline:none !important;box-shadow:none !important}
.smartqr-form .star:focus-visible{background:transparent !important;outline:none !important;box-shadow:none !important}
.smartqr-form .star::-moz-focus-inner{border:0}
.smartqr-form .star{-webkit-tap-highlight-color: transparent;}