/* =====================================================================
   theme-lh.css — ธีมใหม่ตาม Brand CI "LH หลอมทอง" (เบอร์กันดี #6d0c13 + ทอง #ffde59 + ครีม)
   ส่วนที่ 1: หน้าเข้าสู่ระบบ — ใช้กับทุกสาขา
   ส่วนที่ 2: ภายในโปรแกรม — ใช้เฉพาะเมื่อ <body class="theme-lh"> (ตอนนี้เปิดเฉพาะสาขาดอนเมือง ดู applyLhTheme() ใน app.js)
   ถ้าจะยกเลิก: ลบ <link> ของไฟล์นี้ใน index.html ได้เลย หรือคืนไฟล์จาก _backup-before-lh-theme-20261102
   ===================================================================== */

/* ---------------- ส่วนที่ 1: หน้าเข้าสู่ระบบ (ทุกสาขา) ---------------- */
.login-screen{
  flex-direction:column;gap:22px;padding:40px 16px;
  font-family:'Noto Sans Thai','Leelawadee UI',Tahoma,sans-serif;
  background:
    linear-gradient(120deg,rgba(40,6,10,.88),rgba(74,10,16,.72) 55%,rgba(40,6,10,.9)),
    url('/img/lh-bg-redwave.jpg') center/cover no-repeat,
    #3a0a10;
}
.login-screen .login-box{
  width:100%;max-width:1040px;padding:0;text-align:left;
  display:flex;flex-wrap:wrap;overflow:hidden;
  background:#fffdf8;border-radius:24px;border:1px solid rgba(255,222,89,.35);
  box-shadow:0 30px 80px rgba(20,2,5,.45);
}
.login-side{
  flex:1 1 400px;min-width:0;padding:40px 40px 0;display:flex;flex-direction:column;gap:16px;
  background:linear-gradient(180deg,rgba(251,246,238,.55),rgba(246,236,220,.92)),url('/img/lh-bg-cream-mtn.jpg') center bottom/cover no-repeat,#f6ecdc;
}
.login-brand{display:flex;align-items:center;gap:14px;}
.login-screen .login-logo{width:64px;height:64px;margin:0;border-radius:16px;object-fit:cover;filter:none;box-shadow:0 0 0 2px #ffde59,0 6px 16px rgba(109,12,19,.25);}
.login-brand-en{font-family:'Bodoni Moda',Georgia,serif;font-size:21px;font-weight:700;letter-spacing:2px;color:#6d0c13;}
.login-brand-th{font-size:13px;color:#6b5650;}
.login-screen .login-side h1{margin:14px 0 0;font-family:'Noto Serif Thai',serif;font-size:31px;line-height:1.35;color:#6d0c13;letter-spacing:0;}
.login-lead{margin:0;font-size:15px;color:#5e4842;line-height:1.7;max-width:340px;}
.login-chips{display:flex;flex-wrap:wrap;gap:8px;}
.login-chips span{font-size:12px;padding:3px 12px;border-radius:999px;border:1px solid;}
.login-chips .c-gold{background:#fff6dc;color:#7a5a12;border-color:#f1d98f;}
.login-chips .c-silver{background:#f1f2f4;color:#4f5862;border-color:#d8dce0;}
.login-chips .c-plat{background:#eef1f5;color:#45566a;border-color:#d3dbe4;}
.login-chips .c-pall{background:#eef3ef;color:#46604d;border-color:#d2dfd5;}
.login-chips .c-rhod{background:#f2eff7;color:#5a4a78;border-color:#ddd5ea;}
.login-art{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;min-height:240px;}
.login-art .la-dragon{width:220px;height:auto;display:block;filter:drop-shadow(0 10px 14px rgba(109,12,19,.18));animation:login-float 5s ease-in-out infinite;}
.login-art .la-bars{width:145px;height:auto;display:block;margin-bottom:22px;filter:drop-shadow(0 8px 10px rgba(122,90,18,.25));}
.login-form-side{flex:1 1 420px;min-width:0;padding:48px 48px 40px;display:flex;flex-direction:column;}
.login-eyebrow{font-size:13px;font-weight:600;letter-spacing:1px;color:#a0781c;}
.login-hello{margin:4px 0 0;font-family:'Noto Serif Thai',serif;font-size:26px;color:#2b1a1a;}
.login-rule{height:1px;margin:18px 0 4px;background:linear-gradient(90deg,#e8c56a,rgba(232,197,106,0));}
.login-screen .login-box form{margin-top:4px;gap:6px;}
.login-screen .login-box label{font-size:14px;color:#4a3530;margin-top:12px;}
.login-screen .login-box select,
.login-screen .login-box input{height:50px;padding:0 14px;border:1px solid #e3d6c3;border-radius:12px;background:#fbf6ee;color:#2b1a1a;font-family:inherit;}
.login-screen .login-box select:focus,
.login-screen .login-box input:focus{border-color:#6d0c13;box-shadow:0 0 0 4px rgba(109,12,19,.12);background:#fff;}
.login-screen .login-box button{
  margin-top:18px;height:54px;border:0;border-radius:12px;background:#6d0c13;color:#fff6d6;
  font-family:inherit;font-size:17px;font-weight:700;letter-spacing:.5px;
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.2),0 8px 18px rgba(109,12,19,.28);
}
.login-screen .login-box button:hover{background:#4f0b12;box-shadow:inset 0 -2px 0 rgba(0,0,0,.2),0 10px 22px rgba(109,12,19,.35);}
.login-help{margin:auto 0 0;padding-top:18px;font-size:12px;color:#8a746c;text-align:center;}
.login-foot{margin:0;font-size:12px;color:rgba(255,236,200,.7);letter-spacing:1px;text-align:center;}
@media (max-width:860px){
  .login-side{padding:28px 24px 0;}
  .login-art{min-height:0;}
  .login-art .la-dragon{width:140px;}
  .login-art .la-bars{width:100px;margin-bottom:12px;}
  .login-form-side{padding:28px 24px 28px;}
  .login-screen .login-side h1{font-size:25px;}
}

/* ---------------- ส่วนที่ 2: ภายในโปรแกรม (เฉพาะ body.theme-lh) ---------------- */
body.theme-lh{
  --bg:#f7f1e7; --panel:#fffdf8; --border:#eadfcf; --text:#2b1a1a; --muted:#6b5650;
  --primary:var(--lh-main); --primary-dark:var(--lh-deep);
  --radius:14px; --shadow:0 1px 2px rgba(79,11,18,.05);
  --lh-gold:#ffde59; --lh-amber:#ffbc58; --lh-cream:#fbf6ee;
  /* สีหลักของสาขา — ดอนเมือง = แดงเบอร์กันดี (ค่าเริ่มต้น), ดวงแก้วเปลี่ยนค่าเหล่านี้ใน body.theme-lh.lh-brass ท้ายไฟล์ */
  --lh-main:#6d0c13; --lh-deep:#4f0b12; --lh-pill:#fbf3e3; --lh-on-main:#fff6d6;
  --lh-ring:rgba(109,12,19,.12); --lh-shadow:rgba(109,12,19,.22);
  --lh-side-text:#fff6e3; --lh-nav-text:#f3dfd9; --lh-side-muted:#d9b9b1; --lh-side-accent:#ffd56b; --lh-side-line:rgba(255,222,89,.16);
  --lh-soft-bg:#fbf0ef; --lh-soft-border:#e6bdb8;
  font-family:'Noto Sans Thai','Leelawadee UI',Tahoma,sans-serif;
  background:var(--bg);
}
body.theme-lh h2, body.theme-lh h3{font-family:'Noto Serif Thai','Noto Sans Thai',serif;}

/* ---- เมนูด้านข้าง ---- */
body.theme-lh .sidebar{width:236px;background:var(--lh-deep) !important;}
body.theme-lh .brand{border-bottom:1px solid var(--lh-side-line);padding:20px 16px;}
body.theme-lh .brand-logo{width:46px;height:46px;border-radius:12px;object-fit:cover;box-shadow:0 0 0 1.5px #e8c56a;}
body.theme-lh .brand-title{color:var(--lh-side-text);}
body.theme-lh .brand-sub{color:var(--lh-side-muted);}
body.theme-lh .brand .btn-link{color:var(--lh-side-accent);}
body.theme-lh .nav-group-head{color:var(--lh-side-text);font-size:15px;}
body.theme-lh .nav-group-admin .nav-group-head{color:var(--lh-side-accent);}
body.theme-lh .nav-item{color:var(--lh-nav-text) !important;border-left:0;border-radius:10px;}
body.theme-lh .nav-item:hover{background:rgba(255,255,255,.07);color:#fff !important;transform:none;}
body.theme-lh .nav-item.active{background:var(--lh-pill);color:var(--lh-main) !important;box-shadow:none;font-weight:700;}
body.theme-lh .sidebar-footer{
  border-top:1px solid var(--lh-side-line);padding:12px 16px 14px 92px;min-height:92px;
  background:url('/img/lh-dragon-rest.webp') 6px bottom/80px auto no-repeat;
}
body.theme-lh .user-info{color:var(--lh-side-text);}
body.theme-lh .sidebar-footer .btn-link{color:var(--lh-side-muted);}
body.theme-lh .mobile-topbar{background:var(--lh-deep);}

/* ---- หัวหน้า (page header) ---- */
body.theme-lh .main-content{padding:24px 30px;}
body.theme-lh .main-content > .page-header{
  min-height:96px;padding:22px 200px 22px 26px;margin-bottom:18px;border-radius:18px;
  border:1px solid #eadfcf;box-shadow:none;
  background:linear-gradient(90deg,#fffdf8 45%,rgba(255,253,248,.35)),url('/img/lh-bg-cream-wave.jpg') right center/cover no-repeat,#fffdf8;
}
body.theme-lh .main-content > .page-header h2{color:var(--lh-main);font-size:26px;}
body.theme-lh .main-content > .page-header .hq-print-btn{background:var(--lh-main);color:var(--lh-on-main);border-color:var(--lh-main);margin-right:0;}
/* หัวหน้าย่อยภายในการ์ด */
body.theme-lh .panel .page-header{background:#fbf1dc;border:1px solid #f0e0bd;box-shadow:none;border-radius:12px;}
body.theme-lh .panel .page-header h2, body.theme-lh .panel .page-header h3{color:var(--lh-main);}

/* สีหัวหน้าแต่ละหน้า (ไม่ซ้ำกัน) */
body.theme-lh[data-page="daily-summary"] .main-content > .page-header,
body.theme-lh[data-page="monthly-summary"] .main-content > .page-header,
body.theme-lh[data-page="transfer-summary"] .main-content > .page-header{
  background:linear-gradient(100deg,#f3e2b9,#f8eed6 60%,#fbf5e6);border-color:#ead7a9;
}
body.theme-lh[data-page="daily-summary"] .main-content > .page-header h2,
body.theme-lh[data-page="monthly-summary"] .main-content > .page-header h2,
body.theme-lh[data-page="transfer-summary"] .main-content > .page-header h2{color:#5a3d0e;}
body.theme-lh[data-page="refining"] .main-content > .page-header,
body.theme-lh[data-page="refining-multi"] .main-content > .page-header{
  background:linear-gradient(90deg,#2e1b19 40%,rgba(46,27,25,.55) 70%,rgba(46,27,25,.2)),url('/img/lh-bg-pour.jpg') right center/cover no-repeat,#2e1b19;
  border-color:#2e1b19;
}
body.theme-lh[data-page="refining"] .main-content > .page-header h2,
body.theme-lh[data-page="refining-multi"] .main-content > .page-header h2{color:#fff3e0;}
body.theme-lh[data-page="refining"], body.theme-lh[data-page="refining-multi"]{--bg:#f3eee9;}

/* ---- มาสคอตประจำหน้า (มุมขวาบน) ---- */
body.theme-lh .pm{filter:drop-shadow(0 8px 12px rgba(79,11,18,.2));}
body.theme-lh .pm-right-1{right:96px;top:12px;width:104px;}
body.theme-lh .pm-right-2{right:18px;top:40px;width:78px;}
@media (max-width:1300px){
  body.theme-lh .pm-right-1{right:74px;top:10px;width:84px;}
  body.theme-lh .pm-right-2{right:10px;top:34px;width:64px;}
}

/* ---- การ์ด / ช่องกรอก / ปุ่ม / ตาราง ---- */
body.theme-lh .panel{border-radius:16px;}
body.theme-lh .panel.metal-panel{border-top:3px solid var(--accent);background:#fffdf8;}
body.theme-lh .metal-theme-band{
  background:color-mix(in srgb,var(--accent) 16%,#fffdf8);color:#2b1a1a;
  border-bottom:1px solid color-mix(in srgb,var(--accent) 30%,#fffdf8);border-radius:16px 16px 0 0;
}
body.theme-lh .metal-theme-band .metal-swatch{background:var(--accent) !important;opacity:1;}
body.theme-lh .auto-info-strip{background:#fbf6ee;border-color:#eadfcf;border-radius:12px;}
body.theme-lh .form-row input, body.theme-lh .form-row select, body.theme-lh .form-row textarea{border-color:#e3d6c3;background:#fffdf8;}
body.theme-lh .form-row input:focus, body.theme-lh .form-row select:focus, body.theme-lh .form-row textarea:focus{outline:none;border-color:var(--lh-main);box-shadow:0 0 0 3px var(--lh-ring);}
body.theme-lh button, body.theme-lh .btn{border-radius:10px;border-color:#e3d6c3;font-family:inherit;}
body.theme-lh button.primary{background:var(--lh-main);border-color:var(--lh-main);color:var(--lh-on-main);}
body.theme-lh button.primary:hover{background:var(--lh-deep);}
body.theme-lh th{background:#fbf4e4;color:#7a6146;}
body.theme-lh td, body.theme-lh th{border-bottom-color:#efe3cc;}
body.theme-lh .summary-card{border-color:#eadfcf;border-left-color:var(--lh-main);border-radius:14px;background:#fffdf8;}
body.theme-lh .customer-photo-box{border:1.5px dashed #dcc9ad;background:#fbf6ee;border-radius:12px;}
body.theme-lh .queue-chip{background:#fbf1dc;border-color:#f0e0bd;}
body.theme-lh .queue-chip:hover{background:#f5e4bf;}

/* ---- ปุ่มเลือกชนิดโลหะ: พื้นครีม + จุดสีโลหะ, ตัวที่เลือก = เบอร์กันดี ---- */
body.theme-lh .tag.metal-tab{
  background:#fffdf8 !important;color:#3e4650;border:1px solid #e3d6c3;opacity:1 !important;outline:none !important;
  padding:8px 18px;font-size:15px;
}
body.theme-lh .tag.metal-tab::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--mc);flex-shrink:0;}
body.theme-lh .tag.metal-tab .color-dot{display:none;}
body.theme-lh .tag.metal-tab.is-active{background:var(--lh-main) !important;color:var(--lh-on-main);border-color:var(--lh-main);box-shadow:0 6px 14px var(--lh-shadow);}
body.theme-lh .tag.metal-tab.is-active::before{box-shadow:0 0 0 2px var(--lh-on-main);}

/* ---- v2 (2 พ.ย. 2569): ให้ใกล้ภาพนำเสนอมากขึ้น ---- */
/* เนื้อหาเต็มความกว้างจอ ไม่เหลือช่องว่างด้านขวา */
body.theme-lh .main-content{max-width:none;}
/* ย้ายมาสคอตจากมุมจอเข้ามาอยู่ในแถบหัวหน้า */
body.theme-lh .page-mascot-layer{display:none;}
body.theme-lh .main-content > .page-header{position:relative;min-height:118px;}
body.theme-lh .main-content > .page-header::after{
  content:"";position:absolute;right:28px;bottom:0;width:150px;height:132px;pointer-events:none;
  background:url('/img/lh-dragon-welcome.webp') center bottom/contain no-repeat;
  filter:drop-shadow(0 8px 12px rgba(79,11,18,.18));
}
body.theme-lh[data-page="transactions"] .main-content > .page-header::after{background-image:url('/img/lh-dragon-wave.webp');}
body.theme-lh[data-page="bars"] .main-content > .page-header::after,
body.theme-lh[data-page="safe"] .main-content > .page-header::after,
body.theme-lh[data-page="cash-inout"] .main-content > .page-header::after{background-image:url('/img/lh-dragon-ingot.webp');}
body.theme-lh[data-page="brass"] .main-content > .page-header::after,
body.theme-lh[data-page="firing-fee"] .main-content > .page-header::after{background-image:url('/img/lh-dragon-play.webp');}
body.theme-lh[data-page="tickets"] .main-content > .page-header::after,
body.theme-lh[data-page="daily-summary"] .main-content > .page-header::after,
body.theme-lh[data-page="monthly-summary"] .main-content > .page-header::after,
body.theme-lh[data-page="transfer-summary"] .main-content > .page-header::after{background-image:url('/img/lh-dragon-inspect.webp');}
body.theme-lh[data-page="refining"] .main-content > .page-header::after,
body.theme-lh[data-page="refining-multi"] .main-content > .page-header::after{background-image:url('/img/lh-dragon-run.webp');}
body.theme-lh[data-page="revenue"] .main-content > .page-header::after,
body.theme-lh[data-page="invoices"] .main-content > .page-header::after,
body.theme-lh[data-page="wht"] .main-content > .page-header::after{background-image:url('/img/lh-dragon-thanks.webp');}
body.theme-lh[data-page="loyalty-summary"] .main-content > .page-header::after,
body.theme-lh[data-page="referral"] .main-content > .page-header::after{background-image:url('/img/lh-dragon-happy.webp');}
@media (max-width:860px){
  body.theme-lh .main-content > .page-header{padding-right:110px;min-height:96px;}
  body.theme-lh .main-content > .page-header::after{right:10px;width:96px;height:96px;}
}
/* ปุ่ม "ดูบัตรคิว" จากม่วงเข้มเป็นม่วงอ่อน ไม่ให้สีจัดเกิน */
body.theme-lh button.queue-view-btn{background:#f4eefa;color:#5a3d7a;border:1px solid #d9c6e6;box-shadow:none;}
body.theme-lh button.queue-view-btn:hover{background:#ebe1f6;}

/* ---- v3 (2 พ.ย. 2569): ไอคอนเส้นแทนอีโมจิ + กรอบเข้มและหนาขึ้น + ตัวอักษรใหญ่ขึ้น ---- */
/* ไอคอน (สร้างโดย js/lh-icons.js) — ซ่อนไว้นอกธีม, ในธีมซ่อนอีโมจิแล้วแสดงไอคอนแทน */
.lh-ico{display:none;}
body.theme-lh .lh-emo{display:none;}
body.theme-lh .lh-ico{
  display:inline-block;width:1.1em;height:1.1em;vertical-align:-0.18em;margin-right:.4em;flex-shrink:0;
  fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;
}

/* กรอบ: เข้มขึ้นและหนาขึ้นเล็กน้อย */
body.theme-lh{--border:#cdb38c;}
body.theme-lh .panel{border:1.5px solid #cdb38c;}
body.theme-lh .panel.metal-panel{border-top-width:4px;}
body.theme-lh .main-content > .page-header{border:1.5px solid #cdb38c;}
body.theme-lh .panel .page-header{border:1.5px solid #dcbf86;}
body.theme-lh .auto-info-strip{border:1.5px solid #d6be97;}
body.theme-lh .metal-theme-band{border-bottom-width:1.5px;}
body.theme-lh .form-row input, body.theme-lh .form-row select, body.theme-lh .form-row textarea,
body.theme-lh #tx-main-panel .form-row input, body.theme-lh #tx-main-panel .form-row select, body.theme-lh #tx-main-panel .form-row textarea,
body.theme-lh #tk-main-panel .form-row input, body.theme-lh #tk-main-panel .form-row select, body.theme-lh #tk-main-panel .form-row textarea{
  border:1.5px solid #c9ad84;
}
body.theme-lh button, body.theme-lh .btn{border-width:1.5px;}
body.theme-lh button:not(.primary):not(.danger):not(.success):not(.accent):not(.queue-view-btn):not(.mc-pending-btn), body.theme-lh .btn{border-color:#cdb38c;}
body.theme-lh button.primary{border-color:var(--lh-main);}
body.theme-lh button.danger{border-color:#e0a9a3;}
body.theme-lh button.success{border-color:#9fd6b5;}
body.theme-lh .tag.metal-tab{border:1.5px solid #cdb38c;}
body.theme-lh .summary-card{border:1.5px solid #cdb38c;border-left:5px solid var(--lh-main);}
body.theme-lh .customer-photo-box{border:2px dashed #c9ad84;}
body.theme-lh .queue-chip{border:1.5px solid #dcbf86;}
body.theme-lh button.queue-view-btn{border:1.5px solid #b9a0cf;}
body.theme-lh th{border-bottom:1.5px solid #d6be97;}
body.theme-lh td{border-bottom:1px solid #e4d3b6;}
body.theme-lh .modal-box{border:1.5px solid #cdb38c;}

/* ตัวอักษร: ใหญ่ขึ้นเล็กน้อย */
body.theme-lh{font-size:15.5px;}
body.theme-lh .nav-group-head{font-size:16.5px;}
body.theme-lh .nav-item, body.theme-lh .nav-group .nav-item{font-size:15px;}
body.theme-lh .brand-title{font-size:16px;}
body.theme-lh .brand-sub, body.theme-lh .sidebar-footer{font-size:13px;}
body.theme-lh .main-content > .page-header h2{font-size:28px;}
body.theme-lh .panel .page-header h3, body.theme-lh .panel h3{font-size:19px;}
body.theme-lh .form-row label{font-size:13.5px;}
body.theme-lh #tx-main-panel .form-row label, body.theme-lh #tk-main-panel .form-row label{font-size:15px;}
body.theme-lh .form-row input, body.theme-lh .form-row select, body.theme-lh .form-row textarea{font-size:15.5px;}
body.theme-lh button, body.theme-lh .btn{font-size:14.5px;}
body.theme-lh th{font-size:13.5px;}
body.theme-lh td{font-size:14.5px;}
body.theme-lh .small{font-size:13px;}
body.theme-lh .metal-theme-band{font-size:16px;}
body.theme-lh .tag.metal-tab{font-size:15.5px;}
body.theme-lh .toast{font-size:14px;}
body.theme-lh .nav-group-head{justify-content:flex-start;}
body.theme-lh .nav-group-head .nav-caret{margin-left:auto;}

/* ---- v4 (2 พ.ย. 2569): ปรับตามภาพของสาขาดอนเมือง ---- */
/* จัดสมดุล: จำกัดความกว้างเนื้อหาไม่ให้ยืดเต็มจอกว้าง แล้ววางไว้กึ่งกลาง (ช่องกรอก/การ์ดไม่ยาวลายตา) */
body.theme-lh .main-content > *{max-width:1320px;margin-left:auto;margin-right:auto;}
body.theme-lh .main-content > .page-header{margin-bottom:18px;}

/* ปุ่มเลือกชนิดโลหะ: ใหญ่ขึ้นแบบพอดี */
body.theme-lh .tag.metal-tab{padding:10px 22px;font-size:17px;gap:9px;}
body.theme-lh .tag.metal-tab::before{width:12px;height:12px;}
body.theme-lh #metal-tabs, body.theme-lh #bars-metal-tabs, body.theme-lh #tk-metal-tabs{gap:10px;}

/* ช่อง "คิวที่ (ถ้ามี)": สั้นลง */
body.theme-lh .form-row:has(#tx-queue-no), body.theme-lh .form-row:has(#bars-queue-no), body.theme-lh .form-row:has(#tk-queue){max-width:none;}
body.theme-lh #tx-queue-no, body.theme-lh #bars-queue-no, body.theme-lh #tk-queue{flex:0 0 170px !important;width:170px;min-width:0;}

/* ช่อง "ค้นหาด้วย (ชื่อ / เบอร์โทร / เลขบัตร)": ซ่อน (เฉพาะธีมดอนเมือง — สาขาอื่นยังใช้ได้ตามเดิม) */
body.theme-lh .form-row:has(> .cust-search-input){display:none;}

/* กล่อง "เติมเงินสด / เบ็ดเตล็ดระหว่างวัน": จากเขียวเป็นแดงอ่อน (โหมดจ่ายออกเป็นทรายอ่อน เพื่อยังแยกออกได้) */
body.theme-lh .cash-entry-form.cash-in{background:var(--lh-soft-bg);border-color:var(--lh-soft-border);}
body.theme-lh .cash-entry-form.cash-out{background:#fbf5ea;border-color:#e2c99a;}
body.theme-lh #tx-queue-no, body.theme-lh #bars-queue-no, body.theme-lh #tk-queue{flex:0 0 200px !important;width:200px;text-overflow:ellipsis;}
body.theme-lh #tx-queue-no::placeholder, body.theme-lh #bars-queue-no::placeholder, body.theme-lh #tk-queue::placeholder{font-size:14.5px;font-weight:400;}

/* หน้าทองแท่ง/เงินแท่ง: ช่องกรอกขนาดเดียวกับหน้าโลหะมีค่าทั่วไป */
body.theme-lh #bars-main-panel .form-row label{font-size:15px;}
body.theme-lh #bars-main-panel .form-row input, body.theme-lh #bars-main-panel .form-row select, body.theme-lh #bars-main-panel .form-row textarea{
  padding:10px 14px;font-size:21px;font-weight:600;border-radius:10px;border:1.5px solid #c9ad84;
}
body.theme-lh #bars-main-panel .form-row input:focus, body.theme-lh #bars-main-panel .form-row select:focus{outline:none;border-color:var(--lh-main);box-shadow:0 0 0 3px var(--lh-ring);}
body.theme-lh #bars-main-panel .auto-info-strip b{font-size:17px;}
body.theme-lh #bars-main-panel button[type="submit"]{font-size:16px;padding:12px 22px;}
body.theme-lh #bars-queue-no{font-size:21px !important;}
body.theme-lh .main-content button{white-space:nowrap;}

/* ---- v5 (2 พ.ย. 2569): สีหลักประจำสาขา ---- */
/* ปุ่ม รับเงินเข้า / จ่ายเงินออก: คงสีเขียว/แดงเดิม (ไม่ปรับในธีม) */

/* สาขาดวงแก้ว = สีทองเหลือง (body.theme-lh.lh-brass) */
body.theme-lh.lh-brass{
  --lh-main:#8a6420; --lh-deep:#4a3610; --lh-pill:#fbf3da; --lh-on-main:#fffaeb;
  --lh-ring:rgba(138,100,32,.16); --lh-shadow:rgba(138,100,32,.25);
  --lh-side-text:#fff8e6; --lh-nav-text:#efe3c6; --lh-side-muted:#d8c69c; --lh-side-accent:#ffd970; --lh-side-line:rgba(255,217,112,.22);
  --lh-soft-bg:#fbf5e3; --lh-soft-border:#e3cf9a;
  --bg:#f7f3e8;
}
body.theme-lh.lh-brass .main-content > .page-header{
  background:linear-gradient(90deg,#fffcf3 45%,rgba(255,252,243,.35)),url('/img/lh-bg-cream-mtn.jpg') right center/cover no-repeat,#fffcf3;
}
body.theme-lh.lh-brass .main-content > .page-header h2{color:#6b4c12;}
body.theme-lh.lh-brass .panel .page-header h2, body.theme-lh.lh-brass .panel .page-header h3{color:#6b4c12;}
body.theme-lh.lh-brass .cash-entry-form.cash-out{background:#f7f2ef;border-color:#d9c6bd;}
body.theme-lh #cash-count-save{background:var(--lh-main);border-color:var(--lh-main);color:var(--lh-on-main);}

/* ---- v6 (2 พ.ย. 2569): แถบเมนูไล่สีประจำสาขา + ลวดลายโปร่งใสในที่ว่าง ---- */
/* ดอนเมือง: แดงเบอร์กันดีไล่ไปเกือบดำ + เส้นทองบางๆ แนวทแยง */
body.theme-lh:not(.lh-brass) .sidebar{
  background:url('/img/lh-pattern-line.svg') 0 0/160px auto,
             linear-gradient(160deg,#7d0f18 0%,#640b12 35%,#3a060b 75%,#1c0306 100%) !important;
}
body.theme-lh:not(.lh-brass) .mobile-topbar{background:linear-gradient(90deg,#7d0f18,#3a060b);}
/* ลายคลื่นเกล็ดปลา (เซกาอิฮะ) สีทองจางๆ บนพื้นหลัง — เห็นเฉพาะช่องว่างรอบการ์ด */
body.theme-lh{background:url('/img/lh-pattern-wave.svg') 0 0/56px auto,var(--bg);}
/* ดวงแก้ว (ยังไม่เปิดใช้ — ดู LH_THEME_BRANCHES ใน app.js): เหลืองทองไล่สี + ตัวอักษรน้ำตาลเข้ม */
body.theme-lh.lh-brass{
  --lh-side-text:#3f2c08; --lh-nav-text:#4f3a10; --lh-side-muted:#6e5418; --lh-side-accent:#7a2e0e; --lh-side-line:rgba(63,44,8,.18);
  --lh-pill:#fffaeb;
}
body.theme-lh.lh-brass .sidebar{
  background:repeating-linear-gradient(135deg,rgba(255,255,255,.16) 0 1px,transparent 1px 72px),
             linear-gradient(160deg,#ffe27a 0%,#ffd45c 35%,#f6bd4f 75%,#e9a93f 100%) !important;
}
body.theme-lh.lh-brass .nav-item.active{background:#fffaeb;color:#6b4c12 !important;box-shadow:0 2px 8px rgba(120,80,10,.18);}
body.theme-lh.lh-brass .nav-item:hover{background:rgba(255,255,255,.35);color:#3f2c08 !important;}
body.theme-lh.lh-brass .brand-logo{box-shadow:0 0 0 1.5px #8a6420;}
body.theme-lh.lh-brass .sidebar-footer .btn-link{color:#6e5418;}
body.theme-lh.lh-brass .mobile-topbar{background:linear-gradient(90deg,#ffe27a,#e9a93f);color:#3f2c08;}
body.theme-lh.lh-brass .mobile-nav-toggle{color:#3f2c08;border-color:rgba(63,44,8,.35);}
body.theme-lh.lh-brass .conn-status{color:#9a4b00;} body.theme-lh.lh-brass .conn-status.online{color:#1f6b3a;}

/* ---- v7 (2 พ.ย. 2569): แถบชื่อสาขาใช้สีประจำสาขา (ไล่สีเหมือนแถบเมนู) + ซ่อนกล่องว่าง ---- */
body.theme-lh .branch-banner{
  background:url('/img/lh-pattern-line.svg') 0 0/160px auto,linear-gradient(120deg,#7d0f18 0%,#640b12 40%,#3a060b 100%) !important;
  color:#fff6e3;border-radius:14px;box-shadow:none;
}
body.theme-lh.lh-brass .branch-banner{
  background:repeating-linear-gradient(135deg,rgba(255,255,255,.16) 0 1px,transparent 1px 72px),linear-gradient(120deg,#ffe27a 0%,#ffd45c 40%,#e9a93f 100%) !important;
  color:#3f2c08;
}
/* กล่องว่างใต้ช่องเลือกวันที่ (ใช้แสดงแจ้งเตือนย้อนหลังเฉพาะตอนมีข้อมูล) — ซ่อนเมื่อว่าง */
body.theme-lh #ds-backdate-panel:empty{display:none;}

/* ---- v8 (2 พ.ย. 2569): หน้าค่ายิงเปอร์เซ็นต์แบบใหม่ (js/pages/firing-fee.js → renderFiringFeePageLh) ---- */
.ff-lh{display:flex;flex-direction:column;gap:18px;}
.ff-lh .panel{margin-bottom:0;}
.ff-lh-top{display:flex;flex-wrap:wrap;gap:18px;align-items:stretch;}
.ff-lh-card{border-radius:18px !important;padding:22px 24px !important;}
.ff-lh-entry{flex:1.35 1 480px;min-width:0;display:flex;flex-direction:column;gap:18px;}
.ff-lh-today{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:12px;}
.ff-lh h3{margin:0;font-size:21px;color:var(--lh-main);}
.ff-lh-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;}
.ff-lh-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.ff-lh-pill{font-size:13.5px;padding:5px 12px;border-radius:999px;background:#fbf1dc;border:1.5px solid #dcbf86;color:#5e4842;display:inline-flex;align-items:center;gap:4px;}
.ff-lh-pill a{color:var(--lh-main);font-weight:600;}
.ff-lh-pill input[type=date]{height:30px;padding:0 6px;border-radius:8px;border:1px solid #c9ad84;font-family:inherit;margin-left:6px;}
.ff-lh-block{display:flex;flex-direction:column;gap:10px;}
.ff-lh-lbl{font-size:15px;font-weight:700;color:#4a3530;}
.ff-lh-qtyrow{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.ff-lh-stepper{display:flex;align-items:center;border:1.5px solid #c9ad84;border-radius:16px;overflow:hidden;background:#fff;}
body.theme-lh .ff-lh-stepper button{width:64px;height:64px;border:0;border-radius:0;background:#fbf1dc;color:var(--lh-main);font-size:30px;font-weight:700;padding:0;}
body.theme-lh .ff-lh-stepper button:hover{background:#f5e4bf;}
body.theme-lh .ff-lh-stepper input{width:86px;height:64px;border:0 !important;text-align:center;font-size:32px;font-weight:700;background:#fff;-moz-appearance:textfield;padding:0;box-shadow:none !important;}
.ff-lh-stepper input::-webkit-outer-spin-button,.ff-lh-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.ff-lh-quick{display:flex;gap:8px;}
body.theme-lh .ff-lh-quick button{min-width:52px;height:52px;border-radius:12px;font-size:18px;font-weight:700;background:#fffdf8;color:#4a3530;border:1.5px solid #cdb38c;padding:0;}
body.theme-lh .ff-lh-quick button.active{background:var(--lh-main);color:var(--lh-on-main);border-color:var(--lh-main);}
.ff-lh-pay{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
body.theme-lh .ff-lh-pay button{height:64px;border-radius:14px;font-size:19px;font-weight:700;background:#fffdf8;color:#4a3530;border:1.5px solid #cdb38c;}
body.theme-lh .ff-lh-pay button.cash.active{background:#1f8a4c;border-color:#1f8a4c;color:#fff;}
body.theme-lh .ff-lh-pay button.transfer.active{background:#3e6e8e;border-color:#3e6e8e;color:#fff;}
.ff-lh-total{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:14px 18px;border-radius:14px;background:#fbf1dc;border:1.5px solid #dcbf86;}
.ff-lh-total > div:first-child{display:flex;flex-direction:column;gap:3px;font-size:14px;color:#6b5650;}
.ff-lh-total a{font-size:13px;color:var(--lh-main);}
.ff-lh-total #ff-lh-rate-box{display:flex;align-items:center;gap:6px;}
.ff-lh-total #ff-lh-rate-box.hidden{display:none;}
.ff-lh-total #ff-rate{width:90px;height:38px;border-radius:9px;border:1.5px solid #c9ad84;padding:0 10px;font-family:inherit;font-size:16px;}
.ff-lh-sum{text-align:right;}
.ff-lh-sum span{font-size:13px;color:#6b5650;display:block;}
.ff-lh-sum b{font-size:34px;color:var(--lh-main);line-height:1.1;}
body.theme-lh .ff-lh-save{height:60px;border-radius:14px;font-size:19px;font-weight:700;width:100%;box-shadow:0 8px 18px var(--lh-shadow);}
.ff-lh-note{font-size:12.5px;color:#8a746c;text-align:center;margin-top:-10px;}
.ff-lh-big b{font-size:40px;line-height:1.15;}
.ff-lh-big span{font-size:18px;font-weight:600;}
.ff-lh-sub{font-size:14px;color:#6b5650;margin-top:-8px;}
.ff-lh-bar{display:flex;height:12px;border-radius:999px;overflow:hidden;background:#efe3cc;}
.ff-lh-bar > div:first-child{background:#1f8a4c;} .ff-lh-bar > div:last-child{background:#3e6e8e;}
.ff-lh-split{display:flex;justify-content:space-between;gap:8px;font-size:14px;flex-wrap:wrap;}
.ff-lh-cash{color:#1f8a4c;} .ff-lh-trf{color:#3e6e8e;} .ff-lh-main{color:var(--lh-main);}
.ff-lh-sep{height:1px;background:#e4d3b6;margin:4px 0;}
.ff-lh-recent{display:flex;flex-direction:column;gap:8px;}
.ff-lh-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#fbf6ee;border:1px solid #e4d3b6;font-size:14px;}
.ff-lh-tag{font-size:12px;padding:2px 9px;border-radius:999px;}
.ff-lh-tag.cash{background:#e3f3ec;color:#155c45;} .ff-lh-tag.trf{background:#e5eef5;color:#2c5470;}
.ff-lh-tabs{display:flex;border:1.5px solid #cdb38c;border-radius:12px;overflow:hidden;flex-wrap:wrap;}
body.theme-lh .ff-lh-tabs button{height:42px;padding:0 16px;border:0;border-radius:0;font-size:14.5px;font-weight:600;background:#fffdf8;color:#4a3530;}
body.theme-lh .ff-lh-tabs button.active{background:var(--lh-main);color:var(--lh-on-main);}
.ff-lh-custom{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0 4px;}
.ff-lh-custom.hidden{display:none;}
.ff-lh-summary{display:flex;gap:22px;flex-wrap:wrap;padding:12px 16px;border-radius:12px;background:#fbf6ee;border:1px solid #e4d3b6;font-size:15px;margin:10px 0 12px;}
#ff-range-label{margin-top:10px;}

/* ---- v9 (2 พ.ย. 2569): หน้าโลหะมีค่าทั่วไป แบบกระชับ — กรอกครบแล้วกด "บันทึกรายการ" ได้ในจอเดียว ไม่ต้องเลื่อน ---- */
body.theme-lh[data-page="transactions"] .main-content{padding-top:14px;padding-bottom:14px;}
body.theme-lh[data-page="transactions"] .main-content > .page-header{min-height:62px;padding:10px 130px 10px 22px;margin-bottom:12px;}
body.theme-lh[data-page="transactions"] .main-content > .page-header h2{font-size:23px;}
body.theme-lh[data-page="transactions"] .main-content > .page-header::after{height:74px;width:90px;right:22px;}
/* แถบ "กำลังบันทึกรายการ" + ป้าย "เลือกชนิดโลหะ" ซ่อน (ปุ่มโลหะที่เลือกเป็นสีเข้มบอกอยู่แล้ว) */
body.theme-lh[data-page="transactions"] #metal-theme-band,
body.theme-lh[data-page="transactions"] #tx-main-panel > .form-row{display:none;}
body.theme-lh[data-page="transactions"] #tx-main-panel{padding:14px 18px 16px;position:relative;}
body.theme-lh[data-page="transactions"] #metal-tabs{margin-bottom:10px !important;}
/* กล่องสาขา/เวลา ย้ายไปอยู่แถวเดียวกับปุ่มโลหะ (ขวามือ) */
body.theme-lh[data-page="transactions"] #tx-form > .auto-info-strip{position:absolute;top:12px;right:18px;margin:0;padding:5px 14px;gap:20px;}
body.theme-lh[data-page="transactions"] #tx-form > .auto-info-strip b{font-size:15.5px !important;}
/* หัวข้อมูลลูกค้า */
body.theme-lh[data-page="transactions"] #tx-form > .page-header{padding:7px 14px;margin-bottom:8px !important;}
body.theme-lh[data-page="transactions"] #tx-form > .page-header h3{font-size:17.5px;}
body.theme-lh[data-page="transactions"] #tx-form > .page-header button{padding:6px 12px;font-size:14px;}
/* คิว: ป้ายอยู่ซ้ายช่อง บรรทัดเดียว */
body.theme-lh[data-page="transactions"] .form-row:has(#tx-queue-no){flex-direction:row;align-items:center;gap:10px;margin-bottom:8px !important;}
body.theme-lh[data-page="transactions"] .form-row:has(#tx-queue-no) > label{white-space:nowrap;}
/* ช่องกรอก: เตี้ยลงเล็กน้อย ตัวเลขยังใหญ่อ่านง่าย */
body.theme-lh[data-page="transactions"] #tx-main-panel .form-row{margin-bottom:7px;gap:3px;}
body.theme-lh[data-page="transactions"] #tx-main-panel .form-row label{font-size:14px;}
body.theme-lh[data-page="transactions"] #tx-main-panel .form-row input,
body.theme-lh[data-page="transactions"] #tx-main-panel .form-row select{padding:6px 12px;font-size:18px;}
body.theme-lh[data-page="transactions"] #tx-main-panel .form-row button{padding:6px 12px;}
body.theme-lh[data-page="transactions"] #customer-photo-box{width:82px;height:102px;}
/* ข้อมูลลูกค้า 4 ช่องในแถวเดียว: เลขบัตร | ชื่อ | เบอร์โทร | ที่อยู่ */
body.theme-lh[data-page="transactions"] #customer-photo-box + div{display:grid;grid-template-columns:1fr 1.1fr 1fr 1.6fr;column-gap:14px;align-items:start;}
body.theme-lh[data-page="transactions"] #customer-photo-box + div > .grid-3{display:contents;}
body.theme-lh[data-page="transactions"] #tx-loyalty-badge{grid-column:1/-1;}
body.theme-lh[data-page="transactions"] #tx-form hr{margin:8px 0 10px !important;}
/* การ์ดคำนวณ + ปุ่มบันทึก */
body.theme-lh[data-page="transactions"] #calc-preview{margin-bottom:8px;gap:10px;}
body.theme-lh[data-page="transactions"] #calc-preview .summary-card{padding:7px 14px;}
body.theme-lh[data-page="transactions"] #calc-preview .summary-card .value{font-size:21px;margin-top:0;}
body.theme-lh[data-page="transactions"] #tx-submit-btn{padding:11px 30px !important;}
body.theme-lh[data-page="transactions"] #tx-submit-btn ~ button, body.theme-lh[data-page="transactions"] #tx-submit-btn{margin-top:-6px;}
/* จอแคบ: กลับเป็นแบบเรียงลงมาเหมือนเดิม */
@media (max-width:1250px){
  body.theme-lh[data-page="transactions"] #tx-form > .auto-info-strip{position:static;margin-bottom:10px;}
  body.theme-lh[data-page="transactions"] #customer-photo-box + div{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:860px){
  body.theme-lh[data-page="transactions"] #customer-photo-box + div{display:block;}
  body.theme-lh[data-page="transactions"] #customer-photo-box + div > .grid-3{display:grid;}
}
body.theme-lh[data-page="transactions"] #metal-tabs{margin-bottom:14px !important;}
body.theme-lh[data-page="transactions"] #tx-form > .auto-info-strip{top:10px;padding:3px 14px;}
body.theme-lh[data-page="transactions"] #tx-form > .auto-info-strip .small{font-size:12px;}
@media (max-width:1250px){ body.theme-lh[data-page="transactions"] #tx-form > .auto-info-strip{padding:5px 14px;} }

/* ---- v10 (2 พ.ย. 2569): หน้าบันทึกรายการ — ขนาด/ตัวอักษรใหญ่ขึ้น + พื้นกล่องเปลี่ยนเป็นสีอ่อนตามโลหะที่เลือก (ทุกสาขาที่เปิดธีม) ---- */
/* พื้นสีอ่อนตามโลหะ (--accent ถูกตั้งเป็นสีโลหะโดย applyMetalTheme ทุกครั้งที่กดเลือกโลหะ) */
body.theme-lh .panel.metal-panel{background:color-mix(in srgb,var(--accent) 9%,#fffdf8);transition:background .25s ease;}
body.theme-lh .metal-panel .auto-info-strip{background:color-mix(in srgb,var(--accent) 5%,#ffffff);border-color:color-mix(in srgb,var(--accent) 35%,#e0d2b8);}
body.theme-lh .metal-panel .page-header{background:color-mix(in srgb,var(--accent) 17%,#ffffff) !important;border-color:color-mix(in srgb,var(--accent) 40%,#e0d2b8) !important;transition:background .25s ease;}
body.theme-lh .metal-panel .form-row input, body.theme-lh .metal-panel .form-row select{background:#ffffff;}
body.theme-lh .metal-panel #calc-preview .summary-card{background:#ffffff;}
body.theme-lh .metal-panel .customer-photo-box{background:#ffffff;}

/* หน้าโลหะมีค่าทั่วไป: ใหญ่ขึ้น (ยังกดบันทึกได้ในจอเดียวที่ 1920×1080) */
body.theme-lh[data-page="transactions"] .main-content > .page-header h2{font-size:25px;}
body.theme-lh[data-page="transactions"] .tag.metal-tab{padding:11px 24px;font-size:18px;}
body.theme-lh[data-page="transactions"] #tx-form > .auto-info-strip b{font-size:17px !important;}
body.theme-lh[data-page="transactions"] #tx-form > .page-header h3{font-size:19.5px;}
body.theme-lh[data-page="transactions"] #tx-form > .page-header button{padding:8px 14px;font-size:15px;}
body.theme-lh[data-page="transactions"] #tx-main-panel .form-row{margin-bottom:9px;gap:4px;}
body.theme-lh[data-page="transactions"] #tx-main-panel .form-row label{font-size:15.5px;}
body.theme-lh[data-page="transactions"] #tx-main-panel .form-row input,
body.theme-lh[data-page="transactions"] #tx-main-panel .form-row select{padding:9px 14px;font-size:21px;}
body.theme-lh[data-page="transactions"] #tx-main-panel .form-row button{padding:9px 14px;font-size:15px;}
body.theme-lh[data-page="transactions"] #customer-photo-box{width:92px;height:114px;}
body.theme-lh[data-page="transactions"] #calc-preview .summary-card{padding:9px 16px;}
body.theme-lh[data-page="transactions"] #calc-preview .summary-card .label{font-size:14px;}
body.theme-lh[data-page="transactions"] #calc-preview .summary-card .value{font-size:25px;}
body.theme-lh[data-page="transactions"] #tx-submit-btn{padding:13px 36px !important;font-size:18px !important;}
body.theme-lh[data-page="transactions"] #btn-reset{padding:13px 22px;font-size:16px;}
body.theme-lh[data-page="transactions"] #customer-photo-box + div{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.6fr);}
body.theme-lh[data-page="transactions"] #customer-photo-box + div input{width:100%;min-width:0;box-sizing:border-box;}
body.theme-lh[data-page="transactions"] #tx-main-panel .tag.metal-tab{padding:11px 24px;font-size:18px;}
@media (max-width:1250px){ body.theme-lh[data-page="transactions"] #customer-photo-box + div{grid-template-columns:repeat(2,minmax(0,1fr));} }

/* ---- v11: กรอบช่องกรอก/ปุ่ม ใหญ่ขึ้นอีก (หน้าโลหะมีค่าทั่วไป) ---- */
body.theme-lh[data-page="transactions"] #tx-main-panel .form-row{margin-bottom:11px;gap:5px;}
body.theme-lh[data-page="transactions"] #tx-main-panel .form-row input,
body.theme-lh[data-page="transactions"] #tx-main-panel .form-row select{padding:12px 16px;font-size:22px;border-width:2px;border-radius:12px;}
body.theme-lh[data-page="transactions"] #tx-main-panel .form-row button{padding:12px 16px;font-size:15.5px;border-radius:12px;}
body.theme-lh[data-page="transactions"] #tx-main-panel .tag.metal-tab{padding:13px 26px;font-size:19px;border-width:2px;}
body.theme-lh[data-page="transactions"] #tx-form > .page-header{padding:10px 16px;}
body.theme-lh[data-page="transactions"] #tx-form > .page-header button{padding:10px 16px;}
body.theme-lh[data-page="transactions"] #customer-photo-box{width:100px;height:124px;}
body.theme-lh[data-page="transactions"] #calc-preview .summary-card{padding:12px 18px;border-width:2px;border-left-width:6px;}
body.theme-lh[data-page="transactions"] #calc-preview .summary-card .value{font-size:27px;}
body.theme-lh[data-page="transactions"] #tx-submit-btn{padding:16px 40px !important;font-size:19px !important;}
body.theme-lh[data-page="transactions"] #btn-reset{padding:16px 24px;font-size:16.5px;}
body.theme-lh[data-page="transactions"] #tx-form > .auto-info-strip{top:14px;}

/* ---- v12: มาสคอตตัวใหญ่ ลอยเกินกรอบหัวหน้า (เอฟเฟกต์ 3D) ---- */
body.theme-lh .main-content{padding-top:44px;}
body.theme-lh .main-content > .page-header{padding-right:220px;}
body.theme-lh .main-content > .page-header::after{
  height:168px;width:178px;right:22px;bottom:-16px;z-index:3;
  filter:drop-shadow(0 16px 18px rgba(60,10,14,.30)) drop-shadow(0 3px 4px rgba(0,0,0,.18));
}
/* หน้าโลหะมีค่าทั่วไป (แบบกระชับ): ใหญ่ขึ้นแต่ยังให้ปุ่มบันทึกอยู่ในจอเดียว */
body.theme-lh[data-page="transactions"] .main-content{padding-top:40px;}
body.theme-lh[data-page="transactions"] .main-content > .page-header{min-height:80px;padding:12px 190px 12px 24px;}
body.theme-lh[data-page="transactions"] .main-content > .page-header h2{font-size:27px;}
body.theme-lh[data-page="transactions"] .main-content > .page-header::after{height:136px;width:150px;right:24px;bottom:-12px;}
@media (max-width:860px){
  body.theme-lh .main-content{padding-top:30px;}
  body.theme-lh .main-content > .page-header{padding-right:120px;}
  body.theme-lh .main-content > .page-header::after{height:120px;width:120px;right:8px;bottom:-10px;}
}

/* ---- v13: ปุ่มเลือกโลหะ เล็กลง + ทรงหัวมน (แคปซูล) ทุกหน้า ---- */
body.theme-lh .tag.metal-tab,
body.theme-lh #tx-main-panel .tag.metal-tab,
body.theme-lh[data-page="transactions"] #tx-main-panel .tag.metal-tab{padding:8px 20px;font-size:16.5px;border-radius:999px;border-width:1.5px;}

/* ---- v14: ช่องที่อยู่กลับไปบรรทัดที่สอง (เต็มความกว้าง) — บีบระยะส่วนอื่นเล็กน้อยให้ปุ่มบันทึกยังอยู่ในจอเดียว ---- */
body.theme-lh[data-page="transactions"] #customer-photo-box + div{display:block;}
body.theme-lh[data-page="transactions"] #customer-photo-box + div > .grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:14px;}
body.theme-lh[data-page="transactions"] #customer-photo-box + div > .grid-3 .form-row{margin-bottom:4px;}
body.theme-lh[data-page="transactions"] #f-no-phone{margin:0;}
body.theme-lh[data-page="transactions"] #customer-photo-box + div > .form-row{margin-bottom:6px;}
body.theme-lh[data-page="transactions"] #customer-photo-box + div > .form-row{flex-direction:row;align-items:center;gap:12px;}
body.theme-lh[data-page="transactions"] #customer-photo-box + div > .form-row > label{white-space:nowrap;}
body.theme-lh[data-page="transactions"] #customer-photo-box + div > .form-row > input{flex:1;min-width:0;}
body.theme-lh[data-page="transactions"] .main-content{padding-top:34px;}
body.theme-lh[data-page="transactions"] .main-content > .page-header{min-height:70px;margin-bottom:10px;}
body.theme-lh[data-page="transactions"] #tx-form hr{margin:4px 0 8px !important;}
@media (max-width:1250px){ body.theme-lh[data-page="transactions"] #customer-photo-box + div > .grid-3{grid-template-columns:repeat(2,minmax(0,1fr));} }

/* ---- v15: หน้าโลหะมีค่าทั่วไป / ทองแท่ง — แบ่ง 3 กรอบแยก มีเลขลำดับ (js/lh-layout.js) ---- */
body.theme-lh .panel.lh-sectioned{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;
  display:flex;flex-direction:column;gap:14px;}
body.theme-lh .lh-sectioned > form{display:flex;flex-direction:column;gap:14px;}
body.theme-lh .lh-sectioned .metal-theme-band{display:none !important;}
body.theme-lh .lh-sectioned > .form-row{display:none;}
body.theme-lh .lh-sec{background:color-mix(in srgb,var(--accent) 9%,#fffdf8);border:1.5px solid color-mix(in srgb,var(--accent) 45%,#cdb38c);
  border-radius:16px;padding:12px 18px 14px;transition:background .25s ease;}
body.theme-lh .lh-sec-head{display:flex;align-items:center;gap:10px;font-family:'Noto Serif Thai','Noto Sans Thai',serif;font-size:18.5px;font-weight:700;color:var(--lh-main);margin-bottom:8px;}
body.theme-lh .lh-num{flex:none;width:30px;height:30px;border-radius:50%;background:var(--lh-main);color:var(--lh-on-main);
  display:inline-flex;align-items:center;justify-content:center;font-family:'Noto Sans Thai',sans-serif;font-size:16px;font-weight:700;
  box-shadow:0 2px 6px var(--lh-shadow);}
/* กรอบ 1: หัวข้ออยู่แถวเดียวกับปุ่มโลหะ */
body.theme-lh .lh-sec-1{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:10px 18px;}
body.theme-lh .lh-sec-1 .lh-sec-head{margin:0;}
body.theme-lh .lh-sec-1 .form-inline{margin:0 !important;}
body.theme-lh .lh-sec-1 > p{flex-basis:100%;margin:0;}
/* กรอบ 2: แถบหัว "ข้อมูลลูกค้า" เดิมกลายเป็นหัวข้อกรอบ */
body.theme-lh .lh-sec-2 > .page-header{background:transparent !important;border:0 !important;padding:0 !important;margin:0 0 8px !important;}
body.theme-lh .lh-sec-2 > .page-header h3 .lh-sec-head{margin:0;}
/* กล่องสาขา/วันเวลาในแถบหัวหน้า */
body.theme-lh .main-content > .page-header .lh-head-strip{margin:0 0 0 auto !important;position:static !important;padding:5px 16px !important;gap:22px;
  background:rgba(255,255,255,.85);border:1.5px solid #dcbf86;border-radius:12px;}
body.theme-lh .main-content > .page-header .lh-head-strip b{font-size:16px !important;}
body.theme-lh .main-content > .page-header .lh-head-strip .small{font-size:12px;}
body.theme-lh .main-content > .page-header:has(.lh-head-strip){padding-right:190px;}
body.theme-lh[data-page="transactions"] .main-content > .page-header{margin-bottom:14px;}
body.theme-lh[data-page="bars"] .main-content > .page-header{margin-bottom:14px;}
/* ระยะให้กระชับพอดีจอเดียว */
body.theme-lh .lh-sec-2 #customer-photo-box + div > .form-row,
body.theme-lh .lh-sec-2 .form-row{margin-bottom:5px;}
body.theme-lh .lh-sec-3 #calc-preview{margin-bottom:6px;}
body.theme-lh .lh-sec-3 > div:last-child{margin-top:8px !important;}
body.theme-lh .lh-sec-3 #tx-submit-btn, body.theme-lh .lh-sec-3 #btn-reset{margin-top:0;}
/* หน้าทองแท่ง: ขนาดช่องเท่าหน้าโลหะทั่วไป + ที่อยู่บรรทัดเดียว */
body.theme-lh[data-page="bars"] #b-customer-photo-box + div > .form-row{flex-direction:row;align-items:center;gap:12px;}
body.theme-lh[data-page="bars"] #b-customer-photo-box + div > .form-row > input{flex:1;min-width:0;}
body.theme-lh[data-page="bars"] .form-row:has(#bars-queue-no){flex-direction:row;align-items:center;gap:10px;max-width:none;}
body.theme-lh[data-page="bars"] .form-row:has(#bars-queue-no) > label{white-space:nowrap;}
body.theme-lh[data-page="bars"] #bars-main-panel .form-row input{padding:11px 16px;font-size:22px;border-width:2px;border-radius:12px;}
body.theme-lh[data-page="bars"] #bars-main-panel button[type="submit"]{padding:16px 40px;font-size:19px;}
body.theme-lh[data-page="bars"] #b-reset{padding:16px 24px;font-size:16.5px;}
@media (max-width:1250px){ body.theme-lh .main-content > .page-header:has(.lh-head-strip){flex-wrap:wrap;} }
/* v15b: บีบระยะให้ปุ่มบันทึกอยู่ในจอเดียว */
body.theme-lh .panel.lh-sectioned, body.theme-lh .lh-sectioned > form{gap:12px;}
body.theme-lh[data-page="transactions"] .main-content > .page-header,
body.theme-lh[data-page="bars"] .main-content > .page-header{min-height:60px;padding-top:8px;padding-bottom:8px;margin-bottom:12px;}
body.theme-lh .lh-sec{padding:10px 18px 12px;}
body.theme-lh .lh-sec-1{padding:7px 18px;}
body.theme-lh .lh-sec-head{margin-bottom:5px;}
body.theme-lh[data-page="transactions"] #tx-main-panel .form-row input,
body.theme-lh[data-page="transactions"] #tx-main-panel .form-row select{padding:10px 16px;}
body.theme-lh[data-page="transactions"] #customer-photo-box{height:110px;}
body.theme-lh[data-page="transactions"] #calc-preview .summary-card{padding:8px 18px;}
body.theme-lh[data-page="transactions"] #calc-preview .summary-card .value{font-size:25px;}
body.theme-lh .lh-sec-2 .form-row:has(#tx-queue-no), body.theme-lh .lh-sec-2 .form-row:has(#bars-queue-no){margin-bottom:6px !important;}
body.theme-lh[data-page="transactions"] #tx-submit-btn, body.theme-lh[data-page="transactions"] #btn-reset{padding-top:13px !important;padding-bottom:13px !important;}
body.theme-lh .lh-num{display:none;} /* v16: ไม่แสดงเลขลำดับ */

/* ---- v17: พื้นหลัง/ลวดลายประจำสาขา ---- */
/* ดอนเมือง: พื้นแดงอ่อน + ลายคลื่นเส้นแดงจาง */
body.theme-lh:not(.lh-brass){--bg:#f3dcd7;background:url('/img/lh-pattern-wave-red.svg') 0 0/56px auto,#f3dcd7;}
body.theme-lh:not(.lh-brass) .main-content > .page-header{
  background:linear-gradient(90deg,#fdf6f4 45%,rgba(253,246,244,.35)),url('/img/lh-bg-cream-wave.jpg') right center/cover no-repeat,#fdf6f4;border-color:#e2bdb6;}
/* ดวงแก้ว: ลายเหรียญจีน + ตาข่ายเส้นทแยง */
body.theme-lh.lh-brass{background:url('/img/lh-pattern-coin.svg') 0 0/80px auto,var(--bg);}

/* ---- v18: ตารางรายการล่าสุด — ซ่อนคอลัมน์สาขา (คอลัมน์ที่ 5) + เส้นแบ่งคอลัมน์แนวตั้ง ---- */
body.theme-lh #tx-table th:nth-child(5), body.theme-lh #tx-table td:nth-child(5),
body.theme-lh #bars-table th:nth-child(5), body.theme-lh #bars-table td:nth-child(5){display:none;}
body.theme-lh #tx-table th, body.theme-lh #tx-table td,
body.theme-lh #bars-table th, body.theme-lh #bars-table td{border-right:1px solid #e2cfae;}
body.theme-lh #tx-table th:last-child, body.theme-lh #tx-table td:last-child,
body.theme-lh #bars-table th:last-child, body.theme-lh #bars-table td:last-child{border-right:0;white-space:nowrap;}
body.theme-lh #tx-table, body.theme-lh #bars-table{border:1px solid #e2cfae;border-radius:10px;}
body.theme-lh #tx-table th, body.theme-lh #tx-table td{padding:9px 8px;}
body.theme-lh #tx-table td:nth-child(13){white-space:normal;min-width:140px;}
body.theme-lh #tx-table td:last-child .small-btn{padding:5px 9px;font-size:13.5px;margin:1px 0;}
body.theme-lh #tx-table td.tx-amount-cell{font-size:18px;}
/* v18b: ไม่ใช้เส้นแบ่งแนวตั้ง (คงไว้แค่ซ่อนคอลัมน์สาขา) */
body.theme-lh #tx-table th, body.theme-lh #tx-table td,
body.theme-lh #bars-table th, body.theme-lh #bars-table td{border-right:0;}
body.theme-lh #tx-table, body.theme-lh #bars-table{border:0;}