/* หมวดหน้าร้าน (r-shop.js) — ฟอร์มแบบแอปเดิม (label ห่อช่อง) แต่งให้เป็นหน้าตา app2 */
.rs-form label { display:block; background:var(--card); border-radius:var(--r-inner); padding:10px var(--s4); margin-bottom:var(--s2); font-size:12px; color:var(--muted); }
.rs-form label input, .rs-form label select, .rs-form label textarea {
  display:block; width:100%; border:0; background:transparent; color:var(--ink); font:inherit; font-size:17px; outline:none; padding:2px 0; margin-top:2px; }
.rs-form label select { appearance:none; }
.rs-form .row2, .rs-form .row3 { display:grid; grid-template-columns:1fr 1fr; gap:var(--s2); }
.rs-form .row3 { grid-template-columns:repeat(3, minmax(0, 1fr)); }
.rs-form .row2 > label, .rs-form .row3 > label { min-width:0; }
.rs-form .inrow input { margin-top:0; }
.rs-form .inrow .btn.plain { padding:6px 8px; font-size:14px; }
.rs-form .at-sub-ui .row2 { margin:0; }
.rs-form .at-sub-ui label { background:var(--card-2, var(--bg)); margin-bottom:6px; }
.rs-form .at-subtype-wrap { background:var(--card); border-radius:var(--r-inner); padding:8px; margin-bottom:var(--s2); }
.rs-form .plug-lbl { display:block; font-size:12px; color:var(--muted); margin:4px 4px 6px; }
.rs-form .plug-row { display:flex; gap:6px; margin-bottom:6px; }
.rs-form .plug-row select { flex:1; min-width:0; background:var(--card-2, var(--bg)); color:var(--ink); border:0; border-radius:10px; padding:9px 10px; font:inherit; }
.rs-form .plug-del, .rs-form .at-plug-add { background:transparent; border:0; color:var(--tint); font:inherit; font-size:14px; padding:6px 8px; }
.rs-form .rs-quick { display:flex; flex-wrap:wrap; gap:4px; margin-top:6px; }
.rs-form .rs-quick .btn.plain { font-size:13px; padding:5px 10px; background:var(--card-2, var(--bg)); border-radius:var(--r-pill); }
.rs-form .rs-mode { display:flex; align-items:center; justify-content:space-between; gap:8px; background:var(--card); border-radius:var(--r-inner); padding:8px var(--s4); margin-bottom:var(--s2); font-size:13px; }
.rs-form.acc-mode .rs-mode { color:var(--tint); }
.rs-form .rs-mode .btn.plain { font-size:13px; padding:4px 0; white-space:nowrap; }
.rs-form .btn-imei-swap { font-size:13px; margin:-2px 0 8px; }
.rs-form .rs-aifill { margin-bottom:6px; }
.rs-form .imei-hint { color:var(--orange) !important; padding:0 var(--s1); }
.rs-form.acc-mode .fld-imei2, .rs-form.acc-mode .fld-warranty, .rs-form.film-mode .fld-warranty,
.rs-form.film-mode .at-cond-wrap, .rs-form.film-mode .at-color-wrap, .rs-form.film-mode .at-battery-wrap, .rs-form.film-mode .fld-imei2,
.rs-form.film-multi .fld-name, .rs-form.film-multi .fld-barcode { display:none !important; }
.rs-form.film-mode .row2, .rs-form.film-mode .row3 { grid-template-columns:1fr; }
/* ลิสต์สินค้า */
.rs-prow .val { display:flex; flex-direction:column; align-items:flex-end; gap:2px; }
.rs-prow .val .badge { margin-top:2px; }
.rs-prow .rs-code { font-family:ui-monospace, Menlo, monospace; font-size:12px; }
.rs-br { background:rgba(10,132,255,.16); color:var(--tint); }
.rs-fchips { flex-wrap:wrap; margin-top:-6px; }
.rs-fchips .c { font-size:14px; cursor:pointer; }
.rs-sugg { margin:-6px 0 12px; }
.rs-sugg .row { min-height:44px; padding:9px var(--s4); }
.rs-selbar { position:fixed; left:12px; right:12px; bottom:calc(92px + env(safe-area-inset-bottom)); z-index:40; display:flex; align-items:center; gap:8px; flex-wrap:wrap;
  background:var(--card); border-radius:16px; padding:10px 12px; box-shadow:0 8px 30px rgba(0,0,0,.35); font-size:14px; }
.rs-selbar span { flex:1; font-weight:600; }
.rs-selbar .btn { padding:8px 12px; font-size:14px; }
/* แผ่นรายละเอียด */
.rs-dtags { line-height:1.6; }
.rs-catdot { display:inline-block; width:10px; height:10px; border-radius:50%; margin-right:4px; }
.rs-thumbs { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:var(--s3); }
.rs-th { position:relative; width:84px; height:84px; border-radius:12px; overflow:hidden; background:var(--card); }
.rs-th img { width:100%; height:100%; object-fit:cover; cursor:zoom-in; }
.rs-th button { position:absolute; top:4px; right:4px; width:24px; height:24px; border-radius:50%; border:0; background:rgba(0,0,0,.6); color:#fff; display:grid; place-items:center; font-size:12px; }
.rs-lb { overflow:auto; max-height:78vh; border-radius:12px; background:#000; }
.rs-lb img { display:block; width:100%; transition:width .15s; cursor:zoom-in; }
.rs-lb img.zoom { width:250%; cursor:zoom-out; }
.rs-pre { white-space:pre-wrap; font-size:13px; line-height:1.6; background:var(--card); border-radius:12px; padding:14px; max-height:58vh; overflow:auto; font-variant-numeric:tabular-nums; margin:0 0 12px; }
.rs-warn { color:var(--orange); }
.rs-ok { color:var(--green); }
.rs-cat .btn.plain { padding:2px 6px; font-size:13px; }
.rs-red { color:var(--red) !important; }
.rs-link { word-break:break-all; font-size:13px; }
/* สรุปสต๊อก */
.rs-fbrand { display:flex; align-items:center; gap:8px; margin-top:10px; padding:6px 4px 4px; border-top:1px solid var(--line); font-size:13.5px; font-weight:700; }
.rs-film { align-items:flex-start; }
.rs-subh { display:flex; gap:8px; cursor:pointer; }
/* ขายแล้ว */
.rs-bill { margin-bottom:10px; }
/* แผ่น "ขายแล้ว" 14 วันมี ~1 หมื่นกล่อง: บิลนอกจอไม่คำนวณเลย์เอาต์ (เปิดแผ่นเลย์เอาต์ 1.1 วิ → เฉพาะที่เห็น) */
[data-soldlog] .list { content-visibility:auto; contain-intrinsic-size:auto 180px; }
.rs-bhead .name { font-size:14px; }
.rs-sline .name { font-size:15px; font-weight:500; }
.rs-acts { display:flex; flex-wrap:wrap; gap:2px 10px; margin-top:4px; }
.rs-acts .btn.plain, .rs-bfoot .btn.plain { padding:3px 0; font-size:13px; }
.rs-bfoot { gap:14px; flex-wrap:wrap; min-height:40px; }
.rs-void .name { text-decoration:line-through; color:var(--muted); }
.rs-mini { flex-wrap:wrap; row-gap:10px; }
.rs-mini > div { flex:1 1 30%; }
.rs-month .bar-track { height:6px; }
/* ลิสต์สินค้า: แถวนอกจอไม่คำนวณเลย์เอาต์/วาด ตอนพิมพ์ค้น (วาดใหม่ทุกตัวอักษร) */
#prod-body .list > .row { content-visibility:auto; contain-intrinsic-size:auto 97px; }