:root{--navy:#061c43;--blue:#078bea;--sky:#dff4ff;--text:#35516c}.review-public{margin:0;background:linear-gradient(180deg,#f5fbff,#fff 42%);color:#12324f;font-family:Tajawal,sans-serif;min-height:100vh}.review-head{height:78px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #deebf5;background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}.review-head>a:first-child{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy)}.review-head img{width:54px;height:42px;object-fit:contain}.review-head span{display:grid}.review-head small{color:#71869b}.review-head>a:last-child{color:#0b70bf;font-weight:800;text-decoration:none}.review-shell{width:min(900px,calc(100% - 32px));margin:auto;padding:64px 0 88px}.review-hero{text-align:center;max-width:720px;margin:0 auto 28px}.review-hero>span{color:#078bea;font-weight:900;letter-spacing:1px;font-size:12px}.review-hero h1{font-size:clamp(34px,6vw,58px);line-height:1.08;margin:12px 0;color:var(--navy)}.review-hero p{color:#617a92;line-height:1.9;margin:0}.review-panel{background:#fff;border:1px solid #dce9f5;border-radius:28px;padding:clamp(20px,4vw,38px);box-shadow:0 24px 70px rgba(6,53,105,.09)}.verified-request{display:grid;gap:5px;padding:18px 20px;margin-bottom:28px;border-radius:18px;background:linear-gradient(135deg,#eefaff,#f9fdff);border:1px solid #d6eefb}.verified-request>span{justify-self:start;border-radius:999px;padding:6px 10px;background:#e2f7ed;color:#087a4f;font-size:12px;font-weight:900}.verified-request strong{font-size:20px;color:var(--navy)}.verified-request small{color:#6b8094}.star-field{border:0;padding:0;margin:0 0 24px}.star-field legend{font-weight:900;margin-bottom:12px}.star-input{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:6px}.star-input input{position:absolute;opacity:0}.star-input label{font-size:42px;line-height:1;cursor:pointer;color:#d9e0e7;transition:.18s}.star-input input:checked~label,.star-input label:hover,.star-input label:hover~label{color:#e7a500;transform:translateY(-1px)}.review-field{display:grid;gap:8px;margin-top:18px}.review-field>span{font-weight:900}.review-field input,.review-field textarea{width:100%;box-sizing:border-box;border:1px solid #d8e6f2;border-radius:15px;padding:14px 15px;font:inherit;outline:none;background:#fbfdff;color:#183b5d}.review-field input:focus,.review-field textarea:focus{border-color:#078bea;box-shadow:0 0 0 3px rgba(7,139,234,.09)}.review-field small{color:#74889b;line-height:1.6}.review-upload em{font-style:normal;font-size:11px;color:#76899a}.review-consent{display:flex;gap:10px;align-items:flex-start;margin:24px 0;color:#506b83;line-height:1.7}.review-consent input{margin-top:5px}.review-submit-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.review-submit-row #reviewSubmitNote{font-size:13px;color:#647b91}.review-submit-row #reviewSubmitNote.success{color:#087a4f;font-weight:800}.review-submit-row #reviewSubmitNote.error{color:#b72f3d;font-weight:800}.review-state{text-align:center}.review-state-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#fff1f1;color:#c23b4a;font-size:28px;font-weight:900;margin:0 auto}.review-state h2{margin:14px 0 8px}.review-state p{color:#687f95}.review-state .btn{margin-top:12px}@media(max-width:600px){.review-head{height:68px;padding:0 16px}.review-head img{width:46px}.review-head small{display:none}.review-shell{padding-top:36px}.review-panel{border-radius:22px}.star-input label{font-size:37px}.review-submit-row{display:grid}.review-submit-row .btn{width:100%}}

/* Phase 4.5.1.4.2 — inline verified rating journey inside the customer handover card. */
.customer-handover-card .inline-review-panel{margin-top:18px;box-shadow:none;border-color:#d5e9f7;background:linear-gradient(180deg,#fff,#fafdff)}
.inline-review-heading{margin-bottom:18px}.inline-review-heading>span{font-size:11px;font-weight:900;letter-spacing:.9px;color:#078bea}.inline-review-heading h3{margin:6px 0 5px;color:#061c43;font-size:24px}.inline-review-heading p{margin:0;color:#647d93;line-height:1.75}.inline-review-thanks,.inline-review-fallback,.rating-reveal-wait{display:flex;align-items:center;gap:12px;border:1px solid #d4ebdf;background:#f3fbf7;border-radius:18px;padding:16px 18px;margin-top:14px}.inline-review-thanks>i{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#dff5e9;color:#087a4f;font-style:normal;font-weight:900}.inline-review-thanks>div,.inline-review-fallback{display:grid;gap:3px}.inline-review-thanks span,.inline-review-fallback span{color:#60798f}.inline-review-fallback{align-items:start;background:#f6fbff;border-color:#d9ebf8}.inline-review-fallback .btn{margin-top:8px;justify-self:start}.rating-reveal-wait{border-color:#d9e9f6;background:#f7fbff;color:#48677f}.rating-reveal-wait>i{width:20px;height:20px;border:2px solid #b9d9ef;border-top-color:#078bea;border-radius:50%;animation:inlineReviewSpin .8s linear infinite}.inline-review-separate-link{display:inline-block;margin-top:14px;color:#0b70bf;font-weight:800;text-decoration:none}.completion-locked{margin-bottom:12px}@keyframes inlineReviewSpin{to{transform:rotate(360deg)}}
@media(max-width:600px){.customer-handover-card .inline-review-panel{padding:18px}.inline-review-heading h3{font-size:21px}.inline-review-fallback .btn{width:100%;text-align:center}}

/* Phase 4.5.1.4.3 — explicit rating choice + professional upload control. */
.review-upload input[type="file"]{padding:7px;background:#f8fbfe;color:#5f768b;cursor:pointer}
.review-upload input[type="file"]::file-selector-button{border:0;border-radius:11px;background:#eaf6ff;color:#086dbd;font:800 12px Tajawal,sans-serif;padding:10px 14px;margin-inline-end:10px;cursor:pointer;transition:.18s}
.review-upload input[type="file"]::file-selector-button:hover{background:#d8efff;color:#055b9e}
.star-field:has(input:invalid) legend::after{content:" · اختر تقييمك";color:#8b6a18;font-size:11px;font-weight:700}
