/* SmartTeam — โทนสีและตัวแปรธีมของทั้งระบบ
   ย้ายออกมาจาก index.html / payroll / invoice / PND ที่เคยก๊อปวางไว้ไฟล์ละชุด (ตรงกันทุกไบต์)
   แก้ที่นี่ที่เดียว ทุกหน้าเปลี่ยนตาม · หน้าใหม่ลิงก์ไฟล์นี้แล้วได้ธีมเดียวกันทันที
   โหมดมืดมาเองตามเครื่อง เว้นแต่ตั้ง data-theme · ชุดสีเลือกด้วย data-skin */

:root[data-theme="dark"]{color-scheme:dark}

:root{
  --paper:#E9EDF0; --surface:#FFFFFF; --surface-2:#F5F8F9; --surface-3:#EDF2F4;
  --ink:#131F27; --ink-2:#4C5D69; --ink-3:#7C8D99;
  --rule:#CFD8DE; --rule-soft:#E2E9ED;
  --accent:#0D5A60; --accent-ink:#0D5A60; --accent-soft:#D7E9E8; --on-accent:#FFFFFF;
  --ok:#2A6A4D; --ok-soft:#DBEBE1;
  --warn:#8A5700; --warn-soft:#F6E6C9;
  --crit:#9B2A2A; --crit-soft:#F5DAD8;
  --field:#FFFDF4; --field-rule:#D9CFA8;
  --shadow:0 1px 2px rgba(19,31,39,.06),0 10px 30px -20px rgba(19,31,39,.4);
  /* รอบ 22: ทุกหน้าใช้ฟอนต์เดียว (IBM Plex Sans Thai · แบบไม่มีหัว) — หัวข้อ ตัวเลข รหัส ใช้ตัวเดียวกัน ตัวเลขเป็นความกว้างเท่ากัน */
  --display:'IBM Plex Sans Thai','Segoe UI','Noto Sans Thai',sans-serif;
  --body:'IBM Plex Sans Thai','Segoe UI','Noto Sans Thai',sans-serif;
  --mono:'IBM Plex Sans Thai','Segoe UI','Noto Sans Thai',sans-serif;
}

@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --paper:#0C1319; --surface:#141D24; --surface-2:#1A242C; --surface-3:#1F2A33;
  --ink:#E2E9EE; --ink-2:#9AABB6; --ink-3:#6C7F8C;
  --rule:#28353E; --rule-soft:#1F2A33;
  --accent:#4FBFBC; --accent-ink:#7BD4D0; --accent-soft:#123338; --on-accent:#0C1319;
  --ok:#65B98C; --ok-soft:#152E20;
  --warn:#D79E4A; --warn-soft:#32270F;
  --crit:#E37F76; --crit-soft:#361F1D;
  --field:#1B2530; --field-rule:#3A4550;
  --shadow:0 1px 2px rgba(0,0,0,.5),0 12px 32px -22px rgba(0,0,0,.9);
}}

:root[data-theme="dark"]{
  --paper:#0C1319; --surface:#141D24; --surface-2:#1A242C; --surface-3:#1F2A33;
  --ink:#E2E9EE; --ink-2:#9AABB6; --ink-3:#6C7F8C;
  --rule:#28353E; --rule-soft:#1F2A33;
  --accent:#4FBFBC; --accent-ink:#7BD4D0; --accent-soft:#123338; --on-accent:#0C1319;
  --ok:#65B98C; --ok-soft:#152E20;
  --warn:#D79E4A; --warn-soft:#32270F;
  --crit:#E37F76; --crit-soft:#361F1D;
  --field:#1B2530; --field-rule:#3A4550;
  --shadow:0 1px 2px rgba(0,0,0,.5),0 12px 32px -22px rgba(0,0,0,.9);
}

:root[data-skin="slate"]{
  --paper:#EAECEF; --surface:#FFFFFF; --surface-2:#F4F6F8; --surface-3:#EBEFF3;
  --ink:#1A2129; --ink-2:#54606C; --ink-3:#828E9A; --rule:#D3D8DE; --rule-soft:#E4E8EC;
  --accent:#2F4858; --accent-ink:#2F4858; --accent-soft:#DDE5EA; --on-accent:#fff;
  --field:#FBFBFC; --field-rule:#C8CFD6;
}

:root[data-skin="paper"]{
  --paper:#EFE9DD; --surface:#FBF7EF; --surface-2:#F4EFE4; --surface-3:#EDE6D8;
  --ink:#2A2419; --ink-2:#5E5646; --ink-3:#8B8271; --rule:#DCD3C0; --rule-soft:#E7E0D1;
  --accent:#7A4A21; --accent-ink:#7A4A21; --accent-soft:#EBDCC8; --on-accent:#FBF7EF;
  --field:#FFFDF6; --field-rule:#D6C9A9;
}

:root[data-skin="indigo"]{
  --paper:#E9EAF2; --surface:#FFFFFF; --surface-2:#F4F5FA; --surface-3:#ECEEF6;
  --ink:#161A2E; --ink-2:#4F5673; --ink-3:#828AA5; --rule:#D2D5E3; --rule-soft:#E3E5EF;
  --accent:#2E3A7D; --accent-ink:#2E3A7D; --accent-soft:#DEE2F4; --on-accent:#fff;
  --field:#FCFCFF; --field-rule:#C7CBE0;
}

:root[data-skin="night"]{
  --paper:#0B0F14; --surface:#131A22; --surface-2:#1A222B; --surface-3:#202A34;
  --ink:#E6EDF3; --ink-2:#9BA9B7; --ink-3:#6D7C8B; --rule:#25313C; --rule-soft:#1D2731;
  --accent:#5DC1B9; --accent-ink:#82D6CF; --accent-soft:#11333A; --on-accent:#0B0F14;
  --ok:#63BE93; --ok-soft:#132D20; --warn:#D9A254; --warn-soft:#332711;
  --crit:#E58077; --crit-soft:#37201E;
  --field:#18212B; --field-rule:#38444F;
  --shadow:0 1px 2px rgba(0,0,0,.5),0 12px 32px -22px rgba(0,0,0,.9);
}

:root[data-skin="slate"]:not([data-theme="light"]),
  :root[data-skin="paper"]:not([data-theme="light"]),
  :root[data-skin="indigo"]:not([data-theme="light"]){
    --paper:#0E161D; --surface:#161F28; --surface-2:#1A242C; --surface-3:#1F2A33;
    --ink:#E3EAEF; --ink-2:#9BACB8; --ink-3:#6E828F; --rule:#28353E; --rule-soft:#212D37;
    --accent:#7FA6C8; --accent-ink:#9DC0DC; --accent-soft:#17293A; --on-accent:#0E161D;
    --field:#1B2530; --field-rule:#3A4550;
  }

/* รอบ 22: ตัวเลขในตาราง/สรุปยอดเรียงหลักตรงกันแม้ใช้ฟอนต์เดียว */
td.num,th.num,.num,.n,td.n{font-variant-numeric:tabular-nums}
/* ช่องกรอก/ปุ่ม/ตัวเลือก เบราว์เซอร์ไม่สืบฟอนต์ให้เอง — บังคับใช้ฟอนต์เดียวกับหน้า */
body{font-family:var(--body)}
button,input,select,textarea,optgroup{font-family:inherit}