/* SANYUANPUPAI — (เดิมเป็นธีมดำของหน้าเครื่องมือ)
   ตอนนี้ทั้งเว็บใช้ "ธีมขาว" อย่างเดียว — ไฟล์นี้แปลงคอมโพเนนต์ที่เคยออกแบบมาเพื่อพื้นดำ
   ให้อ่านชัดและสวยบนพื้นขาว (โหลดหลัง styles.css บนหน้าเครื่องมือ)
   *ไม่มีการ override palette เป็นสีดำอีกต่อไป* จึงได้พื้นขาวจาก styles.css */

/* ---- พื้นผิวกล่องที่เคยเป็น "ขาวโปร่งบนพื้นดำ" → พื้นครีมอ่อนบนพื้นขาว ---- */
.le-box, .tier, .feature-card, .mtx .m-item,
.chi-result, .chi-rec, .sk-box, .ls-box, .res-box {
  background: var(--paper) !important;
  border-color: var(--line) !important;
}
.tier.feat {
  background: linear-gradient(180deg, var(--red-tint), #fff) !important;
  border-color: rgba(192,160,98,.5) !important;
}

/* ---- อินพุต/ปุ่มเลือก ที่เคยพื้นขาวโปร่ง → พื้นขาวทึบ ขอบชัด ---- */
.le-input select, .le-input input, .lesex,
.nm-input, .nc-input, select, input[type="text"], input[type="date"], input[type="time"] {
  background: #fff !important;
}
.lesex { color: var(--ink-soft) !important; border-color: var(--line) !important; }
.lesex.sel { background: var(--red) !important; color: #fff !important; border-color: var(--red) !important; }

/* ---- กล่อง upsell — พื้นอ่อน ตัวอักษรเข้ม ---- */
.upsell {
  background: linear-gradient(180deg, #fff, var(--red-tint)) !important;
  border-color: rgba(184,18,26,.28) !important;
  color: var(--ink-soft) !important;
}
.upsell h2, .upsell h3, .upsell h4, .upsell .u-title { color: var(--red) !important; }
.upsell p, .upsell li { color: var(--ink-soft) !important; }

/* ---- pills อ่านชัดบนพื้นขาว ---- */
.pillz span { color: var(--ink-soft); }
.pillz .good { background: rgba(46,156,107,.12) !important; color: #1f7a4d !important; }
.pillz .warn { background: var(--red-tint) !important; color: var(--red) !important; }
.nc-pill.good { background: rgba(46,156,107,.12) !important; color: #1f7a4d !important; border-color: rgba(46,156,107,.3) !important; }
.nc-pill.weak { background: var(--red-tint) !important; color: var(--red) !important; border-color: rgba(184,18,26,.25) !important; }
.nc-pill.neutral { color: var(--ink-soft) !important; }

/* ---- แถบศักยภาพ (fit-row) บนพื้นขาว ---- */
.fit-row .f-track { background: var(--line) !important; }
.fit-row .f-fill { background: linear-gradient(90deg, var(--gold), var(--red)) !important; }

/* ---- life-energy: กล่อง UNLOCK / emblem / chips ให้อ่านชัดบนพื้นขาว ---- */
.le-card h3 { color: var(--ink) !important; }
.le-card .eyebrow { color: var(--gold-deep) !important; }
.le-emblem { background: radial-gradient(circle at 35% 30%, var(--red-bright), var(--red-deep)) !important; color: #fff !important; }
.le-chips span { background: rgba(192,160,98,.18) !important; color: var(--ink) !important; font-weight: 600; }
#le-year-name { color: var(--red) !important; }
.le-box.elem h4, .le-box.job h4, .le-box.good h4, .le-box.warn h4 { color: var(--ink) !important; }

/* ---- ดาวว่าง (empty stars) ที่เคยจาง rgba(255,255,255) → เทาอ่อนบนพื้นขาว ---- */
.stars .empty, .star-empty { color: var(--line) !important; }