.ocs-wrap{max-width:920px;margin:30px auto;font-family:Tahoma,Arial,sans-serif;color:#45545a}.ocs-form{background:#fff;border:1px solid #e1e8e9;box-shadow:0 8px 28px #19434a22;overflow:hidden}.ocs-header{text-align:center;padding:25px 22px 18px;background:#f7fcfc;border-top:11px solid #bfdcde}.ocs-header h2{font-size:21px;margin:0 0 9px;color:#496f78}.ocs-header p{font-size:13px;margin:0;color:#758487}.ocs-banner{background:#42798b;color:#fff;font-size:14px;padding:11px 28px}.ocs-body{padding:26px 38px 30px}.ocs-dynamic-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px 36px}.ocs-field{min-width:0}.ocs-label{display:block;font-size:13px;line-height:1.9;margin-bottom:8px}.ocs-label b{color:#e64c4c}.ocs-field input[type=text],.ocs-field input[type=email],.ocs-field textarea,.ocs-field select{box-sizing:border-box;width:100%;border:1px solid #d8e0e1;border-radius:2px;padding:10px;background:#fff;font:13px Tahoma;color:#405155}.ocs-field textarea{resize:vertical}.ocs-type-textarea,.ocs-type-voice{grid-column:1/-1}.ocs-stars,.ocs-emojis{direction:ltr;display:flex;justify-content:flex-end;gap:4px}.ocs-stars input,.ocs-emojis input{position:absolute;opacity:0}.ocs-stars label,.ocs-emojis label{cursor:pointer}.ocs-stars span{font-size:29px;color:#d7dfe0}.ocs-stars input:checked+span,.ocs-stars label:has(input:checked)~label span{color:#f4bb15}.ocs-stars:hover span{color:#f4bb15}.ocs-stars label:hover~label span{color:#d7dfe0}.ocs-emojis{gap:10px}.ocs-emojis span{font-size:27px;filter:grayscale(1);opacity:.45;transition:.15s}.ocs-emojis input:checked+span,.ocs-emojis label:hover span{filter:none;opacity:1;transform:scale(1.13)}.ocs-slider{display:flex;direction:rtl;align-items:center;gap:9px;color:#77878b;font-size:11px}.ocs-slider input{accent-color:#12a5d5;flex:1}.ocs-slider output{border-radius:50%;background:#12a5d5;color:#fff;width:21px;height:21px;line-height:21px;text-align:center}.ocs-choice{display:inline-flex;align-items:center;gap:5px;margin:4px 0 4px 17px;font-size:13px;cursor:pointer}.ocs-choice input{accent-color:#159ec7}.ocs-voice{border:1px dashed #b9d0d4;background:#f8fcfc;padding:14px 16px;border-radius:3px}.ocs-voice-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.ocs-record{border:0;border-radius:3px;background:#e95b5b;color:#fff;font:12px Tahoma;padding:8px 13px;cursor:pointer}.ocs-record.recording{background:#a83c3c}.ocs-record-status{font-size:11px;color:#718185}.ocs-audio-preview{width:100%;margin-top:12px;height:32px}.ocs-status{text-align:center;color:#c44b4b;font-size:13px;min-height:18px;margin-top:19px}.ocs-status.ok{color:#23825c}.ocs-submit{display:block;background:#477d8d;border:0;border-radius:3px;color:#fff;padding:10px 27px;margin:10px auto 0;cursor:pointer;font:14px Tahoma}.ocs-submit:disabled{opacity:.65}@media(max-width:620px){.ocs-wrap{margin:16px 10px}.ocs-body{padding:20px}.ocs-dynamic-fields{grid-template-columns:1fr;gap:19px}.ocs-type-textarea,.ocs-type-voice{grid-column:auto}.ocs-banner{padding:11px 18px;font-size:12px}.ocs-header h2{font-size:18px}}
/* هماهنگ با هویت بصری سایت */
.ocs-wrap,.ocs-wrap input,.ocs-wrap textarea,.ocs-wrap select,.ocs-wrap button{font-family:Ravi,ravi,Tahoma,Arial,sans-serif}.ocs-header{border-top-color:#b5051b;background:#fff8f8}.ocs-header h2{color:#b5051b}.ocs-banner,.ocs-submit{background:#b5051b}.ocs-submit:hover{background:#8f0415}.ocs-slider input{accent-color:#b5051b}.ocs-slider output{background:#b5051b}.ocs-choice input{accent-color:#b5051b}.ocs-field input:focus,.ocs-field textarea:focus,.ocs-field select:focus{outline:0;border-color:#b5051b;box-shadow:0 0 0 2px #b5051b18}.ocs-record{background:#b5051b}.ocs-record.recording{background:#7c0312}
/* نسخه 2.2: عرض فراگیر و کنترل‌های بهبود یافته */
.ocs-wrap{width:96%;max-width:none}
.ocs-stars{direction:rtl;justify-content:flex-start}
.ocs-stars span{transition:transform .14s ease,color .14s ease}
.ocs-stars span.is-on{color:#f4bb15!important;transform:scale(1.07)}
/* قانون‌های قدیمی hover/checked را خنثی می‌کنیم تا کلیک و هاور دقیقاً یک مسیر داشته باشند */
.ocs-stars input:checked+span,.ocs-stars label:has(input:checked)~label span,.ocs-stars:hover span,.ocs-stars label:hover~label span{color:#d7dfe0}
.ocs-stars input:checked+span.is-on,.ocs-stars label:has(input:checked)~label span.is-on,.ocs-stars:hover span.is-on,.ocs-stars label:hover~label span.is-on{color:#f4bb15!important}
.ocs-submit{min-width:145px;border-radius:9px;padding:12px 28px;font-weight:700;box-shadow:0 7px 16px #b5051b35;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.ocs-submit:hover{transform:translateY(-2px);box-shadow:0 10px 21px #b5051b45}
.ocs-submit:active{transform:translateY(0);box-shadow:none}
.ocs-record{border-radius:7px;padding:9px 15px;box-shadow:0 3px 8px #b5051b25;transition:.18s}
.ocs-record:hover{filter:brightness(.93);transform:translateY(-1px)}
/* اصلاح قطعی تعامل ستاره‌ها و ظاهر کنترل‌ها */
.ocs-form{border-radius:18px}
.ocs-stars{direction:rtl!important;display:flex!important;flex-direction:row!important;justify-content:flex-start!important;gap:7px}
.ocs-stars label{display:inline-flex!important;align-items:center;justify-content:center;cursor:pointer!important;padding:3px;position:relative}
.ocs-stars label span{color:#d7dfe0!important;pointer-events:none}
.ocs-stars label span.is-on{color:#f4bb15!important}
.ocs-stars:hover span.is-on{color:#f4bb15!important}
.ocs-record{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:132px;background:linear-gradient(135deg,#8d0315,#c80925);border:1px solid #d52c43;border-radius:10px;padding:11px 17px;color:#fff;font-size:13px;font-weight:700;box-shadow:0 6px 15px rgba(181,5,27,.23)}
.ocs-record:before{content:'🎙';font-size:15px}.ocs-record.recording{background:linear-gradient(135deg,#6f0211,#970319);border-color:#b5051b;animation:ocsPulse 1.2s infinite}.ocs-submit{background:linear-gradient(135deg,#920319,#c80724);border:1px solid #d72d43;letter-spacing:0;min-width:175px;border-radius:11px;padding:13px 30px;font-size:15px}.ocs-submit:before{content:'✓';display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:7px;border-radius:50%;background:#ffffff2e;font-size:12px}.ocs-submit:hover{background:linear-gradient(135deg,#7c0214,#ad061e)}@keyframes ocsPulse{50%{box-shadow:0 0 0 7px rgba(181,5,27,.13)}}
/* اصلاح نهایی ستاره‌ها: مستقل از جاوااسکریپت */
.ocs-header{border-top:0!important;border-radius:17px 17px 0 0}
.ocs-banner{background:#f4f6f7!important;color:#59636e!important;border-top:1px solid #e8ecef;border-bottom:1px solid #e8ecef}
.ocs-stars{direction:rtl!important;flex-direction:row!important;justify-content:flex-start!important;unicode-bidi:isolate}
.ocs-stars label{z-index:1}
.ocs-stars label span{color:#d7dfe0!important;transform:none!important}
/* در ساختار راست‌به‌چپ، ستاره‌ی انتخاب‌شده و ستاره‌های قبل از آن روشن می‌شوند */
.ocs-stars label:hover span,.ocs-stars label:has(~ label:hover) span{color:#f6bd16!important;transform:scale(1.09)!important}
.ocs-stars label:has(input:checked) span,.ocs-stars label:has(~ label input:checked) span{color:#f6bd16!important}
.ocs-stars:hover label:has(input:checked) span,.ocs-stars:hover label:has(~ label input:checked) span{color:#d7dfe0!important}
.ocs-stars:hover label:hover span,.ocs-stars:hover label:has(~ label:hover) span{color:#f6bd16!important}
/* دکمه‌های ساده، یکدست و قابل‌لمس */
.ocs-record,.ocs-submit{font-family:Ravi,ravi,Tahoma,Arial,sans-serif!important;line-height:1!important;text-decoration:none!important;box-sizing:border-box!important;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important}
.ocs-record{min-width:148px!important;height:44px!important;padding:0 17px!important;border-radius:12px!important;background:#fff!important;color:#9d1023!important;border:1px solid #e5b8bf!important;box-shadow:0 2px 7px rgba(43,27,29,.08)!important;font-size:13px!important;font-weight:600!important}
.ocs-record:before{content:'🎙'!important;margin-left:6px!important}.ocs-record:hover{background:#fff6f7!important;border-color:#b5051b!important;color:#b5051b!important;transform:translateY(-1px)!important}.ocs-record.recording{background:#b5051b!important;color:#fff!important;border-color:#b5051b!important;animation:ocsPulse 1.2s infinite}
.ocs-submit{min-width:172px!important;height:46px!important;padding:0 22px!important;border-radius:12px!important;background:#b5051b!important;color:#fff!important;border:1px solid #b5051b!important;box-shadow:0 4px 10px rgba(181,5,27,.19)!important;font-size:14px!important;font-weight:700!important}.ocs-submit:before{content:'✓'!important;margin-left:7px!important}.ocs-submit:hover{background:#900416!important;border-color:#900416!important;transform:translateY(-1px)!important;box-shadow:0 7px 15px rgba(181,5,27,.25)!important}.ocs-submit:active{transform:translateY(0)!important;box-shadow:none!important}
/* رنگ‌بندی نهایی سربرگ فرم */
.ocs-header{background:#fff!important}
.ocs-banner{background:#b5051b!important;color:#fff!important;border-top:0!important;border-bottom:0!important}
/* پلیر ساده و اختصاصی ویس */
.ocs-audio-preview{display:none!important}.ocs-audio-actions{direction:ltr;display:flex;justify-content:flex-start;align-items:center;gap:9px;margin-top:14px}.ocs-audio-actions[hidden]{display:none!important}.ocs-audio-actions button{height:38px;border-radius:10px;padding:0 15px;font-family:Ravi,ravi,Tahoma,Arial,sans-serif!important;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s ease}.ocs-play-audio{background:#eef7f1;color:#197044;border:1px solid #b9dec7}.ocs-play-audio:hover,.ocs-play-audio.playing{background:#238653;color:#fff;border-color:#238653;box-shadow:0 4px 10px #23865326}.ocs-stop-audio{background:#f8f9fa;color:#505b66;border:1px solid #d8dde2}.ocs-stop-audio:hover{background:#e9edf0;border-color:#c4cbd2;color:#27313b}.ocs-play-audio span,.ocs-stop-audio span{margin-right:5px}
/* کنترل‌های کامل صدای کاربر */
.ocs-audio-actions{margin-top:16px!important}.ocs-rerecord-audio{height:38px;border-radius:10px;padding:0 14px;font-family:Ravi,ravi,Tahoma,Arial,sans-serif!important;font-size:13px;font-weight:600;color:#9d1023;background:#fff;border:1px dashed #d99aa4;cursor:pointer}.ocs-rerecord-audio:hover{background:#fff5f6;border-style:solid;border-color:#b5051b}.ocs-rerecord-audio span{margin-right:5px}.ocs-submit{display:block!important;width:230px!important;min-width:230px!important;margin:24px auto 0!important}
/* پیام موفقیت و بازگشت خودکار */
.ocs-success-modal{position:fixed;z-index:99999;inset:0;background:rgba(25,30,35,.45);display:flex;align-items:center;justify-content:center;padding:20px}.ocs-success-modal[hidden]{display:none!important}.ocs-success-box{width:min(390px,100%);background:#fff;border-radius:18px;padding:31px 28px;text-align:center;box-shadow:0 18px 50px #11182745;font-family:Ravi,ravi,Tahoma,Arial,sans-serif}.ocs-success-icon{width:52px;height:52px;border-radius:50%;margin:0 auto 12px;background:#e9f7ef;color:#168044;font:bold 30px/52px Arial}.ocs-success-box h3{margin:0 0 10px;color:#24313a;font-size:20px}.ocs-success-box p{margin:0;color:#6b7580;font-size:13px;line-height:2}.ocs-redirect-note{display:block;color:#9aa2aa;font-size:11px;margin:14px 0}.ocs-go-home{height:39px;padding:0 18px;border:0;border-radius:9px;background:#b5051b;color:#fff;font:13px Ravi,ravi,Tahoma;cursor:pointer}.ocs-go-home:hover{background:#900416}
/* کنترل‌های ویس همیشه دیده می‌شوند؛ پیش از ضبط فقط غیرفعال‌اند. */
.ocs-audio-actions{display:flex!important;min-height:38px}.ocs-audio-actions button:disabled{opacity:.42!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.ocs-audio-actions.is-ready button:disabled{opacity:1!important}
/* بهبود لمس در موبایل و placeholder موبایل */
.ocs-stars label{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent}.ocs-stars label span{pointer-events:none}.ocs-field input[name=phone]::placeholder,.ocs-field input[type=tel]::placeholder{color:#9aa3aa!important;opacity:1!important}.ocs-audio-actions{flex-wrap:wrap}@media(max-width:620px){.ocs-audio-actions{gap:7px;margin-top:12px!important}.ocs-audio-actions button{height:40px!important;padding:0 11px!important;font-size:12px!important}.ocs-voice-controls{align-items:flex-start}.ocs-record{min-width:140px!important}.ocs-success-box{padding:27px 20px}.ocs-submit{width:min(230px,100%)!important;min-width:0!important}}
/* ستاره‌ها فقط پس از انتخاب رنگ می‌گیرند؛ hover هیچ تغییری ندارد. */
.ocs-stars label span,.ocs-stars:hover label span,.ocs-stars label:hover span,.ocs-stars label:has(~ label:hover) span{color:#d7dfe0!important;transform:none!important}
.ocs-stars label:has(input:checked) span,.ocs-stars label:has(~ label input:checked) span,.ocs-stars:hover label:has(input:checked) span,.ocs-stars:hover label:has(~ label input:checked) span,.ocs-stars label span.is-on{color:#f6bd16!important;transform:none!important}
.ocs-success-modal{z-index:2147483647!important}
/* دکمه برجسته‌تر برای پاپ‌آپ موفقیت */
.ocs-go-home{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-width:205px;height:45px!important;padding:0 20px!important;border:1px solid #a60419!important;border-radius:12px!important;background:linear-gradient(135deg,#980319,#c90826)!important;color:#fff!important;font:700 13px Ravi,ravi,Tahoma,Arial,sans-serif!important;box-shadow:0 6px 14px rgba(181,5,27,.24)!important;transition:all .18s ease!important}.ocs-go-home:before{content:'⌂';font:18px/1 Arial}.ocs-go-home:hover{background:linear-gradient(135deg,#7f0214,#af051f)!important;transform:translateY(-1px);box-shadow:0 9px 18px rgba(181,5,27,.3)!important}.ocs-go-home:active{transform:translateY(0);box-shadow:none!important}