.feedback-page{background:radial-gradient(ellipse at 0 0,#e0edff,transparent 65%),#f5f8fd;padding-bottom:75px}.feedback-layout{max-width:1120px;margin:auto;padding:48px 24px;display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:start}.feedback-back{display:inline-block;color:#0755e6;font-weight:700;font-size:14px;margin-bottom:26px}.feedback-intro h1{font-size:44px;line-height:1.22;letter-spacing:-1px;margin:0 0 22px}.feedback-intro h1 em{color:#0755e6;font-style:normal}.feedback-intro>p:not(.category-kicker){font-size:18px;line-height:1.8;color:#5b708c;max-width:390px}.feedback-intro>img{width:210px;height:170px;object-fit:cover;mix-blend-mode:multiply;border-radius:30px}.feedback-note{display:flex;gap:14px;align-items:start;margin:28px 0 10px}.feedback-note>span{font-size:26px;color:#d4a411}.feedback-note p{font-size:14px;line-height:1.7;color:#61758f;max-width:300px}.feedback-card{border:1px solid #dce6f3;border-radius:25px;padding:30px;background:white;box-shadow:0 18px 50px #15336108}.feedback-card h2{font-size:26px;margin:0 0 25px}.feedback-rating{border:0;padding:0;margin:0 0 23px}.feedback-rating legend{font-size:16px;font-weight:700;margin-bottom:10px}.feedback-rating small,.feedback-field small{font-size:12px;font-weight:500;color:#71839c}.feedback-rating>div{display:flex;gap:8px;justify-content:flex-end}[dir=ltr] .feedback-rating>div{justify-content:flex-start}.feedback-rating label{cursor:pointer;position:relative;width:49px;height:52px}.feedback-rating input{position:absolute;opacity:0}.feedback-rating label>span{display:grid;place-items:center;border:1px solid #dce6f3;border-radius:10px;font-size:26px;background:#f7faff;color:#9badc3;height:52px}.feedback-rating label>b{position:absolute;right:5px;bottom:2px;font:10px Arial;color:#607492}.feedback-rating input:checked+span{background:#fff7d7;border:2px solid #ecc331;color:#c39109}.feedback-rating input:focus-visible+span{outline:3px solid #0755e6;outline-offset:3px}.feedback-field{display:block;min-width:0;margin-bottom:18px}.feedback-field>span{display:block;font-size:15px;font-weight:700;margin-bottom:8px}.feedback-field textarea,.feedback-field input{width:100%;padding:12px 14px;font:500 15px/1.55 Tajawal,Arial,sans-serif;border:1px solid #cedded;border-radius:11px;resize:vertical;background:#fbfcfe;color:#102c50}.feedback-field textarea:focus,.feedback-field input:focus{outline:2px solid #0755e6;outline-offset:2px}.feedback-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.feedback-hint{font-size:13px;line-height:1.6;color:#61758f}.feedback-submit{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;border-radius:12px;background:#0755e6;color:white;min-height:51px;padding:13px 19px;font-weight:800;font-size:17px;cursor:pointer}.feedback-submit:disabled{opacity:.55;cursor:wait}.feedback-submit:focus-visible{outline:3px solid #cca407;outline-offset:3px}.feedback-status{padding:15px;border-radius:12px;line-height:1.65;font-size:15px;margin:17px 0 0;background:#eff8f2;color:#236743;border:1px solid #bdddc8}.feedback-status.error{background:#fff1f1;color:#992940;border-color:#eec6cd}.feedback-honey{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.feedback-invitation{max-width:1132px;margin:0 auto 70px;padding:32px 36px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#eff5ff;border:1px solid #d4e3fa;border-radius:23px}.feedback-invitation .eyebrow{font-size:13px;margin-bottom:10px}.feedback-invitation h2{font-size:29px;margin-bottom:12px}.feedback-invitation p:last-child{font-size:15px;color:#61758f;line-height:1.7;margin-bottom:0}.feedback-invitation .primary-btn{font-size:15px;flex:none}.owner-inbox-link{font-size:12px!important;opacity:.7}
.feedback-inbox{max-width:1000px;margin:auto;padding:35px 24px}.inbox-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.inbox-heading h1{font-size:33px;margin:0}.inbox-heading button{font:700 15px Tajawal,Arial,sans-serif;cursor:pointer}.inbox-item{border:1px solid #d8e4f3;border-radius:18px;padding:22px;margin:15px 0;background:white}.inbox-item header{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:15px}.inbox-item time{color:#6b7e98;font-size:12px;direction:ltr}.inbox-item h2{font-size:17px;margin:0}.inbox-item h3{font-size:13px;color:#0755e6;margin:16px 0 7px}.inbox-item p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.65;margin:0}.inbox-rating{color:#ae7900;font-weight:700}.inbox-empty{background:white;padding:40px 20px;border-radius:20px;text-align:center;color:#60758e}
@media(max-width:900px){.feedback-layout{gap:25px}.feedback-intro h1{font-size:36px}.feedback-invitation{margin-inline:24px}.feedback-invitation h2{font-size:24px}}
@media(max-width:700px){.feedback-layout{grid-template-columns:1fr;padding:25px 16px;gap:23px}.feedback-back{margin-bottom:17px}.feedback-intro h1{font-size:32px;line-height:1.2;margin-bottom:13px}.feedback-intro>p:not(.category-kicker){font-size:15px;margin-bottom:0;max-width:none}.feedback-note{margin-top:13px;margin-bottom:0}.feedback-note p{max-width:none;margin:0;font-size:12px}.feedback-note>span{font-size:20px}.feedback-intro>img{display:none}.feedback-card{padding:23px 18px;border-radius:20px}.feedback-card h2{font-size:24px}.feedback-fields{grid-template-columns:1fr;gap:0}.feedback-invitation{display:block;margin:0 16px 40px;padding:25px}.feedback-invitation .primary-btn{margin-top:23px;width:100%;padding-inline:15px;gap:10px}.feedback-inbox{padding:27px 16px}.inbox-heading h1{font-size:26px}.inbox-item{padding:17px}.inbox-item header{flex-wrap:wrap}}