/* ============================================================================
   nhf/pagebet-depth.css — หน้าแทงหวย (pagebet ทุกแบบ + popup ใส่ราคา/ส่งโพย/พิมพ์โพย/เลขชุด/swal2)
   คำสั่งเจ้าของ 2026-09-29: "หน้าแทงหวย mobile ห่วยแตก เอาให้เหมือนเดิม 100% แค่ทำให้ดูมีมิติ"
   → หน้านี้ไม่โหลด theme-override.css/red.css (useLegacyHead.ts isBetPage) — DOM + CSS เดิมทั้งหน้า ; ไฟล์นี้เพิ่ม **เงา/ไล่เฉด** เท่านั้น
   กฎเหล็ก: ห้ามแตะ ขนาด · ระยะ · สี · ฟอนต์ · radius · display/position — ใช้แค่ box-shadow, background-image (ไล่เฉดโปร่ง), transition
   (background-image ซ้อนบน background-color เดิม ไม่เปลี่ยนสีฐาน ; ใส่เฉพาะปุ่มทึบ ไม่ใส่ปุ่ม outline)
   ============================================================================ */

/* ---- กล่อง/แผง: ยกจากพื้น ---- */
.lotto-title,
.bgwhitealpha,
#section-content .card,
.box__play,
.setting__number,
.recomnum,
.number-sets {
  box-shadow: 0 2px 8px rgba(0, 0, 0, .10), 0 1px 2px rgba(0, 0, 0, .06);
}

/* topbar / แถบล่างคงที่ */
.topnavbar, .navbar.fixed-top { box-shadow: 0 2px 10px rgba(0, 0, 0, .18); }
.fixbot { box-shadow: 0 -6px 18px rgba(0, 0, 0, .18); }

/* ---- ปุ่มเลือกโหมด/ประเภทแทง (.row-btn-tanghuay .btn-tanghuay, .btn-panghuay) ---- */
.row-btn-tanghuay .btn,
.btn-tanghuay,
.btn-panghuay,
.btn-move a,
span.btn-move {
  box-shadow: 0 2px 4px rgba(0, 0, 0, .16), 0 1px 1px rgba(0, 0, 0, .08);
  transition: box-shadow .12s ease, transform .12s ease;
}
/* ปุ่มทึบ: ไล่เฉดบางบน→ล่าง (โปร่ง) ให้นูน — ไม่ใส่ปุ่ม outline/ขาว */
.row-btn-tanghuay .btn:not([class*="btn-outline"]):not(.btn-light):not(.btn-white),
.btn-tanghuay:not([class*="btn-outline"]),
.btn-panghuay:not([class*="btn-outline"]),
.txt-num.active,
label.panghuay_number.active,
.btn-group-toggle > label.btn.active,
.fixbot .btn:not([class*="btn-outline"]),
.pagemodal .head,
.modal-header.bg-danger, .modal-header.bg-primary, .modal-header.bg-dark {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, .14) 0%, rgba(255, 255, 255, 0) 45%, rgba(0, 0, 0, .10) 100%);
}
/* ปุ่มที่ถูกเลือก (JS ใส่ .active): กดจม */
.row-btn-tanghuay .btn.active,
.btn-tanghuay.active,
.btn-panghuay.active {
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, .28), 0 1px 2px rgba(0, 0, 0, .08);
}
.row-btn-tanghuay .btn:active,
.btn-tanghuay:active,
.btn-panghuay:active { transform: translateY(1px); }

/* ---- แผงเลข (label.panghuay_number) + แท็บ 000–900 (.txt-num) ---- */
label.panghuay_number,
.btn-group-toggle > label.btn,
.txt-num {
  box-shadow: 0 1px 3px rgba(0, 0, 0, .14);
  transition: box-shadow .12s ease;
}
label.panghuay_number.active,
.btn-group-toggle > label.btn.active,
.txt-num.active {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .32);
}

/* ---- ปุ่มตัวเลือกเพิ่มเติม / ปุ่มทั่วไปในเนื้อหา (ทึบ) ---- */
#section-content .btn-primary, #section-content .btn-danger, #section-content .btn-success,
#section-content .btn-secondary, #section-content .btn-info, #section-content .btn-warning, #section-content .btn-dark,
#section-content .badge {
  box-shadow: 0 1px 3px rgba(0, 0, 0, .14);
}

/* ---- แถบด้านซ้าย (ดึงโพย/ใส่ราคา/รายการแทง) ---- */
.triggerPoy, .triggerPrice, .show-lists { box-shadow: 0 2px 4px rgba(0, 0, 0, .18); }

/* ---- ช่องกรอก ---- */
#section-content .form-control,
.pagemodal .form-control { box-shadow: inset 0 1px 2px rgba(0, 0, 0, .08); }
#section-content .form-control:focus,
.pagemodal .form-control:focus { box-shadow: inset 0 1px 2px rgba(0, 0, 0, .08), 0 0 0 .2rem rgba(0, 123, 255, .25); }

/* ---- popup: ใส่ราคา / ส่งโพย / พิมพ์โพย (.pagemodal) + modal Bootstrap + swal2 ---- */
.pagemodal { box-shadow: 0 16px 40px rgba(0, 0, 0, .35), 0 2px 8px rgba(0, 0, 0, .15); }
.pagemodal .head { box-shadow: 0 2px 6px rgba(0, 0, 0, .18); position: relative; z-index: 1; }
.pagemodal .fixbot { box-shadow: 0 -6px 18px rgba(0, 0, 0, .22); }
.pagemodal table.table thead th { box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .08); }
.modal-content { box-shadow: 0 16px 40px rgba(0, 0, 0, .35); }
.swal2-popup { box-shadow: 0 16px 40px rgba(0, 0, 0, .35) !important; }
.swal2-popup .swal2-confirm, .swal2-popup .swal2-cancel { box-shadow: 0 2px 4px rgba(0, 0, 0, .16) !important; }
#toast-container > div { box-shadow: 0 6px 20px rgba(0, 0, 0, .28) !important; }

/* ---- รายการโพยด้านซ้าย/ล่าง (#poy รายการที่เลือก) ---- */
#poy .table, #poy .list-group-item, .show-lists .list-group-item { box-shadow: 0 1px 2px rgba(0, 0, 0, .06); }

/* ---------- R43 device fingerprint (docs/front/AF/09 §9-10): ประกาศถึง "ผู้สมัคร" บนหน้าแรกหลังสมัคร/เข้าระบบ (components/layout/AfNotice.vue — ลูกแรกของ #section-content ทุกหน้าสมาชิก)
   โทน wait/bad/good ; ปุ่มปิด → device-fp.js ตั้ง [hidden] + จำ key ใน localStorage ; ไม่มี popup ; มือถือก่อน (ตัวอักษร ≥ 13.5 px, ปุ่มปิด 32 px) ---------- */
.nhf-notice { display: flex; gap: 10px; align-items: flex-start; margin: 12px 12px 4px; padding: 12px 14px; border-radius: 12px; border: 1px solid rgba(96, 165, 250, .3); background: rgba(96, 165, 250, .12); color: #1e3a8a; font-size: 13.5px; line-height: 1.45; }
.nhf-notice--wait { background: rgba(251, 191, 36, .14); color: #7c4a03; border-color: rgba(251, 191, 36, .35); }
.nhf-notice--bad { background: rgba(248, 113, 113, .14); color: #7f1d1d; border-color: rgba(248, 113, 113, .35); }
.nhf-notice--good { background: rgba(52, 211, 153, .14); color: #064e3b; border-color: rgba(52, 211, 153, .35); }
.nhf-notice > i { margin-top: 3px; font-size: 16px; flex: none; }
.nhf-notice__body { flex: 1; min-width: 0; display: grid; gap: 3px; }
.nhf-notice__title { font-size: 14px; line-height: 1.35; }
.nhf-notice__text { margin: 0; }
.nhf-notice__help { opacity: .85; font-size: 12.5px; }
.nhf-notice__close { flex: none; width: 32px; height: 32px; margin: -6px -8px -6px 0; border: 0; border-radius: 50%; background: transparent; color: inherit; font-size: 22px; line-height: 1; cursor: pointer; }
.nhf-notice__close:hover, .nhf-notice__close:focus-visible { background: rgba(0, 0, 0, .08); outline: none; }
.nhf-notice[hidden] { display: none; }
@media (min-width: 1200px) { .nhf-notice { max-width: 1116px; margin-left: auto; margin-right: auto; } } /* ต่อท้าย topbar ใน #content → กว้างเท่า .container */