/* ═══════════════════════════════════════════════════════════════════════════
 *  v389 · «ویرایش پروفایل» حرفه‌ای، هم‌زبان با صفحهٔ اول پروفایل — بی فاصلهٔ سفید بالا، بی کارت، پالت کرم/آبی
 *
 *  مشکل (بازخورد مالک): بالای صفحهٔ ویرایش ۱۱۲px سفید خالی بود. #s-edit بیرون از ظرف اسکرول برنامه است و آن ظرف
 *  (خالی وقتی ویرایش باز است) با pb-28 هنوز ۷rem جا می‌گیرد. ظاهر هم از v127 (163) مانده بود: کارت بنفش-صورتی گرد
 *  برای آواتار، کارت سفید با قاب برای فرم، برچسب‌های بنفش، فوکوس زرد، جنسیت و علاقه‌های نارنجی، دکمهٔ نارنجی، و
 *  «آخرین ذخیره» که چون .text-center است همان کارت بنفش را می‌گرفت.
 *  راه‌حل (فقط CSS؛ همان DOM index.html، 008/014 و کاور 254):
 *   ۰) #s-edit.on با margin-top منفی همان ۷rem، درست زیر نوار بالا.
 *   ۱) زمینهٔ کرم روشن؛ سربرگ سفید با خط موی پایین، دکمهٔ برگشت کرم.
 *   ۲) کاور لبه‌به‌لبه (بی گوشه و سایه) که پایینش در سفید محو می‌شود؛ «تغییر کاور» شیشه‌ای تیره؛ ردیف راهنما سفید.
 *   ۳) آواتار در نوار سفید وسط صفحه با حلقهٔ سفید و خط کرم ← آبی (مثل صفحهٔ اول)؛ دکمهٔ دوربین آبی.
 *   ۴) فرم: بخش سفید لبه‌به‌لبه؛ برچسب خاکستری، فیلد کرم‌سفید با خط موی کرم و فوکوس آبی؛ جنسیت و علاقه‌ها آبی کم‌رنگ.
 *   ۵) «ذخیرهٔ پروفایل» آبی (همان «ویرایش پروفایل»)؛ «آخرین ذخیره» متن ساده.
 *  اولویت: «html body #s-edit.ed127» از «#s-edit.ed127» (163) جلو می‌زند؛ !important فقط جایی که 163 یا کلاس‌های
 *  inline/tailwind داشتند. روانی: بی انیمیشن، بی :has، بی JS.
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ۰) بی فاصلهٔ سفید بالا (ظرف اسکرول خالی ۷rem = pb-28) */
html body #s-edit.ed127.on{ margin-top:-7rem }

/* ۱) صفحه و سربرگ */
html body #s-edit.ed127{ padding:0 0 12px; background:#FBFAF7 }
html body #s-edit.ed127 > .flex.items-center.gap-3:first-child{ margin:0; padding:10px 16px; background:rgba(255,255,255,.94); box-shadow:0 1px 0 rgba(31,41,55,.07) }
html body #s-edit.ed127 > .flex.items-center.gap-3:first-child button{ border-radius:12px; background:#FFF8EE !important; box-shadow:inset 0 0 0 1px #ECE6DA !important }
html body #s-edit.ed127 > .flex.items-center.gap-3:first-child button svg{ stroke:#1F2937 }
html body #s-edit.ed127 > .flex.items-center.gap-3:first-child h2{ font-size:17px; color:#1F2937 }

/* ۲) کاور لبه‌به‌لبه */
html body #s-edit.ed127 .ec234{ margin:0 }
html body #s-edit.ed127 .ec234-b{ height:160px; border-radius:0; box-shadow:none }
html body #s-edit.ed127 .ec234-s{ background:linear-gradient(180deg,rgba(17,24,39,.20) 0,rgba(17,24,39,0) 40%,rgba(255,255,255,0) 62%,rgba(255,255,255,.5) 86%,#FFFFFF 100%) }
html body #s-edit.ed127 .ec234-l{ background:rgba(17,24,39,.34); box-shadow:inset 0 0 0 1px rgba(255,255,255,.45), 0 6px 14px -6px rgba(17,24,39,.55) }
html body #s-edit.ed127 .ec234-r{ margin:0; padding:6px 16px 4px; background:#FFFFFF }
html body #s-edit.ed127 .ec234-r small{ color:#9CA3AF }

/* ۳) آواتار در نوار سفید (جای کارت بنفش) */
html body #s-edit.ed127 > .text-center:not(p){ margin:0 !important; padding:10px 16px 18px; border-radius:0; background:#FFFFFF; box-shadow:0 1px 0 rgba(31,41,55,.07) }
html body #s-edit.ed127 > .text-center .plan-hero{ padding:3px; background:linear-gradient(140deg,#EBD9B4 0%,#9CC0FF 46%,#3D7BF5 100%); box-shadow:0 12px 24px -12px rgba(31,41,55,.5) }
html body #s-edit.ed127 > .text-center .plan-hero > img, html body #s-edit.ed127 > .text-center .plan-hero > div{ border:3px solid #fff; box-sizing:border-box }
html body #s-edit.ed127 > .text-center button{ background:linear-gradient(135deg,#4A86FA,#2F63D8) !important; box-shadow:0 0 0 3px #fff, 0 6px 14px -6px rgba(47,99,216,.9) !important }
html body #s-edit.ed127 > .text-center p{ color:#9CA3AF !important; font-weight:700 }

/* ۴) فرم: بخش سفید لبه‌به‌لبه */
html body #s-edit.ed127 .space-y-3{ margin:8px 0 0; padding:16px; border:0; border-radius:0; background:#FFFFFF; box-shadow:0 1px 0 rgba(31,41,55,.07), 0 -1px 0 rgba(31,41,55,.05) }
html body #s-edit.ed127 .space-y-3 label{ color:#6B7280 !important; font-size:12px !important; font-weight:800 }
html body #s-edit.ed127 .space-y-3 input, html body #s-edit.ed127 .space-y-3 textarea, html body #s-edit.ed127 #edRegion54{
  color:#1F2937; background:#FBFAF7 !important; border:1px solid #ECE6DA !important; border-radius:14px !important }
html body #s-edit.ed127 .space-y-3 input:focus, html body #s-edit.ed127 .space-y-3 textarea:focus{
  background:#FFFFFF !important; border-color:#3D7BF5 !important; box-shadow:0 0 0 4px rgba(61,123,245,.15) !important }
/* جنسیت: خاموش کرم با خط موی، روشن (008 ← .gold) آبی */
html body #s-edit.ed127 #edG1, html body #s-edit.ed127 #edG2{ border-radius:14px !important; border:1px solid #ECE6DA; color:#6B7280; background:#FBFAF7 }
html body #s-edit.ed127 #edG1.gold, html body #s-edit.ed127 #edG2.gold{ color:#fff; border-color:transparent; background:linear-gradient(135deg,#4A86FA,#2F63D8) !important;
  box-shadow:0 8px 16px -10px rgba(47,99,216,.9) }
/* علاقه‌ها: خاموش سفید با خط موی، روشن (.chip-active) آبی کم‌رنگ */
html body #s-edit.ed127 #edTags > span{ border:1px solid #ECE6DA !important; color:#6B7280; background:#FFFFFF }
html body #s-edit.ed127 #edTags > span.chip-active{ color:#2F63D8; border-color:#BCD0F7 !important; background:#EAF2FF }

/* ۵) ذخیره و آخرین ذخیره */
html body #s-edit.ed127 #edSave{ margin:16px 16px 0 !important; width:calc(100% - 32px); color:#fff; background:linear-gradient(135deg,#4A86FA 0%,#2F63D8 50%,#2A57C6 100%) !important;
  box-shadow:0 14px 26px -12px rgba(47,99,216,.85) !important }
html body #s-edit.ed127 > p.text-center{ margin:8px 16px 0 !important; padding:0; border-radius:0; background:none; box-shadow:none; color:#9CA3AF }
html body #s-edit.ed127 > p.text-center .txt-gold{ color:#2F63D8; -webkit-text-fill-color:currentColor; background:none }
