/* แถบสถานะล็อกอิน มุมขวาบนของทุกหน้า (เฉพาะเว็บคู่มือสินค้า) */
#amrlogin{position:fixed;top:0;right:0;z-index:9000;
 font-family:"Sarabun","Noto Sans Thai",system-ui,sans-serif}
#amrlogin .bar{display:flex;align-items:center;gap:10px;background:#091770;color:#fff;
 padding:8px 14px;border-bottom-left-radius:10px;box-shadow:0 3px 14px rgba(0,0,0,.25)}
#amrlogin button{font:inherit;font-size:12.5px;font-weight:600;border:0;cursor:pointer;
 border-radius:6px;padding:6px 13px;line-height:1.4}
#amrlogin .in{background:linear-gradient(90deg,#286EFA,#1141D1);color:#fff}
#amrlogin .in:hover{filter:brightness(1.08)}
#amrlogin .out{background:transparent;color:#A8C4FB;border:1px solid #25357e;padding:5px 11px}
#amrlogin .out:hover{background:#0c1a5c}
#amrlogin .who{font-size:12px;color:#A8C4FB;display:flex;align-items:center;gap:6px}
#amrlogin .dot{width:7px;height:7px;border-radius:50%;background:#1141D1}
#amrlogin .panel{display:none;position:absolute;right:12px;top:50px;width:300px;background:#fff;
 border-radius:11px;padding:19px;box-shadow:0 16px 44px rgba(0,0,0,.3)}
#amrlogin .panel.on{display:block}
#amrlogin h3{margin:0 0 4px;font-size:14.5px;color:#091770;font-weight:700}
#amrlogin p.s{margin:0 0 14px;font-size:12px;color:#9FA1AE;line-height:1.6}
#amrlogin label{display:block;font-size:12px;font-weight:600;color:#091770;margin-bottom:5px}
#amrlogin input[type=text],#amrlogin input[type=password]{width:100%;padding:9px 11px;font:inherit;
 font-size:13.5px;border:1.5px solid #dbe4ec;border-radius:7px;margin-bottom:12px;
 box-sizing:border-box;background:#fbfdff}
#amrlogin input:focus{outline:0;border-color:#286EFA;box-shadow:0 0 0 3px rgba(83,156,209,.18)}
#amrlogin .rm{display:flex;align-items:center;gap:7px;font-size:12px;color:#4a5568;margin:-2px 0 13px}
#amrlogin .go{width:100%;padding:10px;background:linear-gradient(90deg,#286EFA,#1141D1);color:#fff}
#amrlogin .err{display:none;background:#fdecec;border-left:3px solid #d64545;color:#8a2020;
 padding:8px 11px;border-radius:6px;font-size:12px;margin-bottom:12px;line-height:1.5}
#amrlogin .err.on{display:block}
#amrlogin .f{margin:13px 0 0;padding-top:11px;border-top:1px solid #eef2f6;font-size:11.5px;
 color:#9FA1AE;text-align:center;line-height:1.6}
#amrlogin .f a{color:#286EFA;font-weight:600;text-decoration:none}
/* แถวของหัวข้อที่ต้องมีรหัส ในตารางหน้าสารบัญ */
tr.amr-locked{opacity:.5}
tr.amr-locked td:first-child::after{content:" 🔒";font-size:11px}
@media(max-width:900px){#amrlogin .who{display:none}}

:root{
  /* ความเข้มของลายน้ำ — ปรับ 2 ค่านี้ที่เดียวพอ
     บนจอ: จางพอไม่รบกวนการอ่าน แต่ยังติดไปกับภาพหน้าจอ
     ตอนพิมพ์/บันทึก PDF: เข้มกว่า เพราะเป็นไฟล์ที่มักถูกส่งต่อมากที่สุด
     🔴 อย่าลดจนมองไม่เห็นเลย ลายน้ำที่ไม่ติดไปกับภาพ = ไม่มีประโยชน์ */
  --wm-screen:.04;
  --wm-print:.16;
}

/* ── ลายน้ำในหน้าที่ต้องล็อกอิน ────────────────────────────────────────
   กันคัดลอกไม่ได้ แต่ถ้าภาพหน้าจอหรือ PDF หลุดออกไป จะรู้ว่ามาจากบัญชีไหน
   ⚠️ เป็นการ "ตามรอย" ไม่ใช่การ "ป้องกัน" — คนที่ตั้งใจลบก็ลบได้ */
/* 🔴 ต้องอยู่ "เหนือ" เนื้อหา ไม่ใช่ใต้
   ธีม rtd ใส่ background:#fcfcfc ทึบให้ .wy-nav-content-wrap
   ตอนแรกตั้ง z-index:1 ลายน้ำเลยถูกทับมิด มองไม่เห็นเลยสักตัว
   8000 = เหนือเนื้อหาและแถบข้าง (200) แต่ต่ำกว่าแถบล็อกอิน (9000)
   pointer-events:none ทำให้คลิก/เลือกข้อความทะลุผ่านได้ตามปกติ */
#amrwm{position:fixed;inset:0;z-index:8000;pointer-events:none;overflow:hidden;
 display:flex;flex-wrap:wrap;align-content:center;justify-content:center;
 transform:rotate(-24deg) scale(1.6);opacity:var(--wm-screen,.04);user-select:none}
#amrwm span{font:600 15px/2.6 "Sarabun",system-ui,sans-serif;color:#091770;
 white-space:nowrap;padding:0 26px}
@media (prefers-color-scheme:dark){#amrwm span{color:#cfe0ee}}
/* ตอนสั่งพิมพ์หรือบันทึกเป็น PDF ให้เห็นชัดขึ้น */
@media print{
  #amrlogin{display:none}
  #amrwm{opacity:var(--wm-print,.16);position:fixed}
  #amrwm span{font-size:17px}
}
