/* settings-theme.css — ธีมเขียวสว่างสำหรับหน้า ⚙️ ตั้งค่า (?tab=config: LINE OA · แอดมิน · Scorecard · ทั่วไป)
   ห้อง Ui design · ร่างให้ห้อง code (Cowork 1830 ข้อ 4) · ไม่แตะ markup/id/Alpine/API — ตัวแปรสีล้วน
   สาเหตุ: theme-light.css ประกาศตัวแปรสีเก่า (ink #1A1A1A, green #1D8A54, bg #FAFAF8 ฯลฯ) ที่ตัว `.lt` เอง
   แต่ crm-theme.css ทับเฉพาะ html.lc-green / .dark-ui / .lt .dark-ui → ส่วนที่เป็น <section class="lt"> เปล่าๆ (หน้าตั้งค่า) หลุดธีม
   ใช้: โหลดหลัง crm-theme.css · ถอย = ลบ <link> */
html.lc-green section.lt[x-show*="configTab"],
html.lc-green section.lt[x-show="activeTab==='config'"],
html.lc-green section.lt[x-show*="configTab"] .dark-ui,
html.lc-green section.lt[x-show="activeTab==='config'"] .dark-ui {
  /* พื้น/ผิว */
  --bg: #f5f6f4; --bg-subtle: #f4f8f5; --side: #fff; --side-hover: #eef4e9;
  --card: #fff; --card2: #f4f8f5; --card-2: #f4f8f5; --panel: #fff; --panel2: #f4f8f5;
  --t-surface: #fff; --t-surface-2: #f4f8f5; --chat: #f5f6f4;
  /* เส้น */
  --border: #e5eae6; --line: #e5eae6; --line-2: #d4e4dc; --t-line: #e5eae6;
  /* ตัวอักษร */
  --text: #18332f; --ink: #18332f; --fg: #18332f; --t-ink: #18332f;
  --ink-2: #4b5a52; --t-ink-2: #4b5a52; --muted: #75816f; --text-muted: #75816f; --mut: #75816f; --dim: #75816f;
  --ink-3: #75816f; --ink-3-s: #75816f; --ink-3-deco: #a3ad9d; --t-ink-3: #75816f;
  /* สีหลัก */
  --accent: #245749; --ac: #245749; --acc: #245749; --t-acc: #245749; --green: #245749; --green-dark: #1d4a3e;
  --green-light: #eef4e9; --accent-subtle: #eef4e9; --on-green: #fff; --navy: #18332f;
  /* สถานะ */
  --ok: #2f7a4f; --t-ok: #2f7a4f; --info: #2b6a8a; --t-info: #2b6a8a; --blue: #2b6a8a;
  --red: #b74c4c; --danger: #b74c4c; --bad: #b74c4c; --t-bad: #b74c4c; --red-ink: #8f3030; --red-btn: #b74c4c;
  --red-light: #f9eaea; --t-bad-soft: #f9eaea; --no: #b74c4c;
  --amber: #b97b2a; --orange: #b97b2a; --t-warn: #b97b2a; --amber-light: #fbf1e2; --gold: #b97b2a; --purple: #6b5a9a;
  /* ฟองแชท */
  --cust: #fff; --cust-bub: #fff; --adm-bub: #e6f1ea;
  /* ฟอนต์/มุม */
  --f-body: "Leelawadee UI", Tahoma, sans-serif; --f-head: "Leelawadee UI", Tahoma, sans-serif; --f-num: "Leelawadee UI", Tahoma, sans-serif;
  --radius: 10px; --r-s: 8px;
  --shadow: 0 1px 3px rgba(24, 51, 47, .08);
  /* ชุดเติม (Codex ① 3 ต.ค.: ตัวแปร -soft/-t/ขนาด ของ theme-light.css ที่ยังไม่ทับ 35 ตัว) — -soft = พื้นอ่อน · -t = ตัวอักษรบนพื้นอ่อน */
  --green-soft: #eef4e9; --green-t: #245749; --ok-soft: #eef4e9; --ok-t: #245749; --t-ok-soft: #eef4e9;
  --acc-soft: #eef4e9; --acc-t: #245749; --t-acc-soft: #eef4e9;
  --red-soft: #f9eaea; --red-t: #b74c4c; --red-line: #ecc9c9; --bad-soft: #f9eaea; --bad-t: #b74c4c;
  --orange-soft: #fbf1e2; --orange-t: #8a5a1c; --warn: #b97b2a; --warn-soft: #fbf1e2; --warn-t: #8a5a1c; --t-warn-soft: #fbf1e2; --yellow: #8a5a1c;
  --blue-soft: #e7f0f4; --blue-t: #2b6a8a; --info-soft: #e7f0f4; --info-t: #2b6a8a; --t-info-soft: #e7f0f4;
  --purple-soft: #efedf6; --purple-t: #6b5a9a; --grey-soft: #eef1ee;
  --tx: #18332f; --un: #75816f;
  --h-btn: 42px; --h-btn-main: 46px; --r-m: 10px; --r-l: 12px; --r-pill: 999px;
}

/* สวิตช์ Scorecard/ทั่วไป: พื้นปิด (#d3d9dd ตายตัวใน style.css) → เขียวอ่อนเทา · เปิดใช้ var(--green) เดิม = #245749 */
html.lc-green section.lt[x-show*="configTab"] .switch .slider,
html.lc-green section.lt[x-show*="activeTab===\'settings\'"] .switch .slider { background: #d4e4dc; }
html.lc-green section.lt[x-show*="configTab"] .switch input:checked + .slider { background: var(--green); }