/* nm-bridge.css — สะพาน token: หน้าเดิมที่ใช้ --nm-* (ฟอร์มยื่น apply.html · ต่อไปพอร์ทัล) ได้สีและฟอนต์ชุด D2 โดยไม่แก้ component
   0.6.0 D2 งาน 2 · spec docs/superpowers/specs/2026-10-20-apply-form-d2-design.md
   ต้องโหลดหลัง niems.css (ฟอนต์ + --ui-*) และหลัง <style> token เดิมของหน้า · ไม่ใส่ class ui ที่ body
   ค่าสีเขียนเป็น hex ตรงๆ (คู่กับ --ui-* ใน niems.css) เพื่อให้ check_ui_kit.sh ตรวจคอนทราสต์ได้ · ห้าม :is/:where/:has/nesting (Safari/iOS 11) */
:root{
  --nm-navy-900:#18215F;--nm-navy-800:#212C78;--nm-navy-700:#2A3890;--nm-navy-600:#34449E;--nm-navy-500:#4A5BC0;--nm-navy-100:#EEF3FF;--nm-navy-50:#F6F8FF;
  --nm-gold-700:#7A5200;--nm-gold-600:#C9C43A;--nm-gold-500:#E6E146;--nm-gold-300:#D9D36A;--nm-gold-100:#FAF8D2;--nm-gold-50:#FDFCEB;
  --nm-red-700:#B42318;--nm-red-600:#D1342A;--nm-red-100:#FDE8E7;
  --nm-teal-700:#1C5F8F;--nm-teal-600:#2D8FCE;--nm-teal-100:#E3F0FA;
  --nm-ink-900:#192645;--nm-ink-800:#2A3550;--nm-ink-700:#4B5568;--nm-ink-600:#596478;--nm-ink-500:#9AA3B2;--nm-ink-400:#C3CAD5;
  --nm-ink-300:#DCE1E8;--nm-ink-200:#E9EDF2;--nm-ink-100:#F3F5F8;--nm-ink-50:#FAFBF8;
  --nm-success-700:#1E7A46;--nm-success-600:#2E9A5C;--nm-success-100:#E5F4EA;
  --nm-warn-700:#8A5A00;--nm-warn-600:#B7791F;--nm-warn-500:#D9A13A;--nm-warn-300:#F0C987;--nm-warn-100:#FDF3D7;
  --nm-danger-700:#B42318;--nm-danger-600:#D92D20;--nm-danger-100:#FDE8E7;
  --nm-info-700:#1C5F8F;--nm-info-600:#2D8FCE;--nm-info-100:#E3F0FA;
  --nm-font-sans:"Noto Sans Thai",system-ui,-apple-system,"Segoe UI",sans-serif;
  --nm-radius-sm:8px;--nm-radius-md:12px;--nm-radius-lg:16px;
  --nm-shadow-xs:0 1px 2px rgba(25,38,69,.05);--nm-shadow-sm:0 1px 3px rgba(25,38,69,.07);
  --nm-shadow-md:0 6px 16px rgba(25,38,69,.08);--nm-shadow-lg:0 16px 36px rgba(25,38,69,.12);
  --nm-focus:0 0 0 3px rgba(45,143,206,.45);
  --nm-page-bg:#FAFBF8;
}
html:not([data-theme="dark"]),html:not([data-theme="dark"]) body{background:#FAFBF8}
.nm-btn{min-height:44px;border-radius:999px;padding:11px 22px}
.nm-btn:focus-visible{outline:3px solid #2D8FCE;outline-offset:3px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #2D8FCE;outline-offset:1px}

/* หัวฟอร์ม apply.html (.nm-apply-head) — ชื่อแบบฟอร์มแสดงทุกขนาดจอ · ปุ่มเริ่มร่างใหม่/ออก ลงบรรทัดใหม่บนจอแคบ */
.nm-apply-head .ui-wrap{flex-wrap:wrap;padding:8px 0}
@media (min-width:769px){.nm-apply-head .ui-wrap{padding-right:48px}}   /* ที่ของปุ่มสลับธีม (fixed มุมขวาบน · จอ ≤768 ย้ายไปล่าง) */
.nm-apply-head .ui-brand small{display:block;color:#2A3890;font-size:.8rem;font-weight:600}
.nm-apply-head .nm-btn{min-height:40px;padding:8px 14px;font-size:.9rem}
@media (max-width:560px){.nm-apply-head{position:static}.nm-apply-head .ui-wrap>div{width:100%;justify-content:flex-end}}   /* จอแคบหัวสองบรรทัด — ไม่ตรึงไว้ ; ปุ่มธีมอยู่ล่างขวา */