/* GOODLOAD — दुकान का सामान: photo, पूरा पन्ना, scan (26 सित. 2026)
   js/10-dukan.js · js/40-saman.js · js/39-scan.js                    */

/* ── दुकान के card पर असली photo ─────────────────────────── */
.dk-card{ cursor:pointer; }
.dk-card-ic img{ width:100%; height:100%; object-fit:cover; border-radius:.6rem; display:block; }
.dk-card-ic{ overflow:hidden; }
.dk-card .dk-brand{ font-size:.72rem; font-weight:700; color:var(--txt3); margin-bottom:-4px; }
.dk-card .dk-mrp{ font-size:.72rem; font-weight:600; color:var(--txt3); text-decoration:line-through; margin-left:4px; }

/* पढ़ने लायक़ अक्षर — पहले 9-10 नाप के थे (review, 26 सित.) */
.dk-p b{ font-size:.74rem; }
.dk-p small{ font-size:.68rem; }
.dk-card small{ font-size:.74rem; }

/* ── दुकान का ऊपरी हिस्सा ───────────────────────────────── */
.dk-sir{
  display:flex; gap:12px; align-items:center;
  background:#fff; border:1px solid var(--border); border-radius:1rem;
  padding:12px; box-shadow:var(--shadow-sm); margin-bottom:12px;
}
.dk-sir-foto{
  width:3.6rem; height:3.6rem; border-radius:.9rem; flex:none; overflow:hidden;
  display:grid; place-items:center; background:#EEF3FC; color:var(--p);
  font-size:1.4rem; font-weight:800;
}
.dk-sir-foto img{ width:100%; height:100%; object-fit:cover; display:block; }
.dk-sir-t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.dk-sir-t b{ font-size:1rem; font-weight:800; color:#0E1D33; }
.dk-sir-t span{ font-size:.78rem; font-weight:600; color:var(--txt2); line-height:1.35; }
.dk-sir-t .dk-samay{ color:#0E7A58; font-weight:700; }
.dk-sir-edit{ margin-bottom:12px; }
.dk-kaam{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:12px; }
.dk-kaam .btn{ margin:0; }

/* ── पूरा पन्ना ─────────────────────────────────────────── */
.se-fotos{
  display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:8px;
  -webkit-overflow-scrolling:touch; border-radius:1rem; margin-bottom:6px;
}
.se-fotos img, .se-khali{
  flex:none; width:100%; aspect-ratio:1; object-fit:contain; scroll-snap-align:center;
  background:#fff; border:1px solid var(--border); border-radius:1rem;
}
.se-khali{ display:grid; place-items:center; align-content:center; gap:6px; background:#EEF3FC; color:#8FA3C4; }
.se-khali .ci{ width:3rem; height:3rem; }
.se-khali small{ font-size:.8rem; font-weight:700; color:var(--txt3); }
.se-ginti{ text-align:center; font-size:.74rem; font-weight:700; color:var(--txt3); margin:0 0 10px; }
.se-mukhya{ padding:14px; display:flex; flex-direction:column; gap:6px; margin-top:8px; }
.se-mukhya h2{ margin:0; font-size:1.15rem; font-weight:800; color:#0E1D33; line-height:1.3; }
.se-brand{ font-size:.78rem; font-weight:700; color:var(--txt3); }
.se-daam{ display:flex; align-items:baseline; gap:6px; flex-wrap:wrap; }
.se-daam strong{ font-size:1.5rem; font-weight:800; color:var(--p); }
.se-daam span{ font-size:.82rem; font-weight:600; color:var(--txt2); }
.se-daam s{ font-size:.85rem; color:var(--txt3); }
.se-daam em{ font-style:normal; font-size:.78rem; font-weight:800; color:#0E7A58; background:#E7F4EE; padding:2px 8px; border-radius:99px; }
.se-chip{ display:flex; gap:6px; flex-wrap:wrap; }
.se-chip span{ font-size:.74rem; font-weight:700; color:var(--txt2); background:#EEF3FC; padding:3px 9px; border-radius:99px; }
.se-stock{ margin:2px 0 0; font-size:.85rem; font-weight:800; color:#0E7A58; }
.se-stock.khatam{ color:var(--red); }
.se-vivran{ padding:12px 14px; font-size:.88rem; line-height:1.55; color:var(--txt); }
.se-bar{ margin-top:12px; }
.se-hatao{ color:var(--red); border-color:#F3C4CA; }
.se-hatao.pakka{ background:var(--red); color:#fff; }

/* ── फ़ॉर्म ─────────────────────────────────────────────── */
.sf-foto .ts-jodo, .sf-foto .ts-ek{ width:calc((100% - 18px) / 3); height:auto; aspect-ratio:1; }
.sf-bar-row{ display:flex; gap:8px; align-items:stretch; }
.sf-bar-row input{ flex:1; min-width:0; margin:0; }
.sf-bar-row .btn{ margin:0; flex:none; width:auto; padding-inline:14px; }

/* ── scan का पर्दा ───────────────────────────────────────── */
.scan-parda{
  position:fixed; inset:0; z-index:120; background:#0B1526; color:#fff;
  display:flex; flex-direction:column; padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);
}
.scan-sir{ display:flex; align-items:center; gap:10px; padding:12px 14px; flex-direction:row-reverse; justify-content:flex-end; }
.scan-sir b{ font-size:1rem; font-weight:800; }
.scan-dikh{ position:relative; flex:1; min-height:0; overflow:hidden; background:#000; }
.scan-dikh[hidden]{ display:none; }
.scan-dikh video{ width:100%; height:100%; object-fit:cover; display:block; }
.scan-khidki{
  position:absolute; left:50%; top:50%; width:72%; max-width:320px; aspect-ratio:1.6;
  transform:translate(-50%,-50%); border:3px solid #FFA83D; border-radius:14px;
  box-shadow:0 0 0 999px rgba(0,0,0,.45);
}
.scan-baat{ margin:0; padding:12px 16px; font-size:.9rem; font-weight:600; line-height:1.45; text-align:center; }
.scan-haath{ display:flex; gap:8px; padding:0 16px 16px; }
.scan-haath input{ flex:1; min-width:0; margin:0; }
.scan-haath .btn{ margin:0; width:auto; }

/* कर्मचारी कुछ मिटा नहीं सकता (नियम भी यही कहते हैं) */
body[data-naukar] #se-hatao{ display:none; }

/* ── नए बिल में सामान जोड़ना (26 सित.) — js/42-billsaman.js ── */
.nb-sk-do{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:8px; }
.nb-sk-do .btn{ margin:0; width:100%; }
#nb-sk-nateeja{ margin-top:10px; }
.nb-sk-chitra{ width:2.6rem; height:2.6rem; flex:none; border-radius:.6rem; overflow:hidden; background:#EEF3FC; display:grid; place-items:center; color:#8FA3C4; }
.nb-sk-chitra img{ width:100%; height:100%; object-fit:cover; }
.nb-sk-chitra .ci{ width:1.3rem; height:1.3rem; }
.nb-sk-plus{ appearance:none; border:0; cursor:pointer; padding:0; width:2.4rem; height:2.4rem; flex:none; border-radius:50%; background:var(--p); color:#fff; display:grid; place-items:center; }
/* गिनती keyboard से लिखना (26 सित.) */
.nb-sk-gin, .sk-gin-inp{
  flex:none; width:3.6rem; margin:0; padding:6px 4px; text-align:center;
  font:inherit; font-size:1rem; font-weight:800; color:#0E1D33;
  border:1.5px solid var(--border); border-radius:.6rem; background:#fff;
}
.nb-sk-gin:focus, .sk-gin-inp:focus{ outline:none; border-color:var(--p); box-shadow:0 0 0 3px rgba(27,84,176,.18); }
.sk-gin-inp{ width:3.2rem; min-width:0; }
.nb-sk-plus .ci{ width:1.1rem; height:1.1rem; }
.nb-sk-ek em{ font-style:normal; font-size:.74rem; font-weight:800; flex:none; }

.sk-parda{ position:fixed; inset:0; z-index:110; background:rgba(10,20,40,.55); display:flex; align-items:flex-end; justify-content:center; }
.sk-sheet{
  width:100%; max-width:480px; max-height:88vh; display:flex; flex-direction:column; gap:8px;
  background:var(--bg, #EEF3FC); border-radius:18px 18px 0 0; padding:12px 14px calc(12px + env(safe-area-inset-bottom));
}
.sk-sir{ display:flex; align-items:center; justify-content:space-between; }
.sk-sir b{ font-size:1rem; font-weight:800; color:#0E1D33; }
.sk-sir .ib{ transform:rotate(-90deg); background:#fff; color:var(--p); border:1px solid var(--border); }
.sk-khoj{ flex:none; }
.sk-jaali{ flex:1; min-height:0; overflow-y:auto; display:grid; gap:8px; grid-template-columns:repeat(auto-fill, minmax(min(9rem, 42vw), 1fr)); align-content:start; }
.sk-card{ background:#fff; border:1px solid var(--border); border-radius:.9rem; padding:8px; display:flex; flex-direction:column; gap:4px; }
.sk-card.on{ border-color:var(--p); box-shadow:0 0 0 2px rgba(27,84,176,.25); }
.sk-chitra{ aspect-ratio:1.4; border-radius:.6rem; overflow:hidden; background:#EEF3FC; display:grid; place-items:center; color:#8FA3C4; }
.sk-chitra img{ width:100%; height:100%; object-fit:cover; }
.sk-chitra .ci{ width:1.8rem; height:1.8rem; }
.sk-card > b{ font-size:.84rem; font-weight:800; color:#0E1D33; line-height:1.3; }
.sk-card small{ font-size:.76rem; font-weight:700; color:var(--p); }
.sk-card em{ font-style:normal; font-size:.72rem; font-weight:800; }
.sk-gin{ display:flex; align-items:center; justify-content:space-between; gap:4px; margin-top:auto; }
.sk-b{ flex:none; appearance:none; font:inherit; cursor:pointer; width:2.3rem; height:2.3rem; border-radius:50%; border:1px solid var(--border); background:#fff; font-size:1.2rem; font-weight:800; color:var(--p); }
.sk-b:disabled{ opacity:.4; }
#sk-jodo{ margin:0; flex:none; }

/* photo कहाँ से — camera या gallery (27 सित.) · js/40-saman.js */
.sf-rasta{ gap:10px; }
.sf-rasta .btn{ margin:0; }
.sf-rasta-t{ font-size:1rem; font-weight:800; color:#0E1D33; text-align:center; padding:4px 0 2px; }
.sf-rasta-na{ appearance:none; font:inherit; cursor:pointer; background:none; border:0; padding:10px; font-size:.92rem; font-weight:700; color:var(--txt2); }

/* श्रेणी बदलना / हटाना (27 सित.) · js/10-dukan.js */
.dk-sh-kaam{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin:-6px 0 12px; font-size:.82rem; color:var(--txt2); }
.dk-sh-kaam b{ color:#0E1D33; }
.dk-sh-badlo{ appearance:none; font:inherit; cursor:pointer; flex:none; background:#fff; border:1px solid var(--border); border-radius:99px; padding:6px 12px; font-size:.8rem; font-weight:800; color:var(--p); }
.dk-shreni .dk-sh-hatao{ margin-top:8px; color:var(--red, #DC3545); border-color:#F3C4CA; }
.dk-shreni .dk-sh-hatao.pakka{ background:#FFF4F5; border-color:#DC3545; color:#B4233A; }
.dk-sh-note{ margin:6px 0 0; font-size:.76rem; font-weight:600; color:var(--txt3); text-align:center; }

/* श्रेणी की अपनी photo (27 सित.) · js/10-dukan.js */
.dk-em.dk-em-foto{ padding:0; overflow:hidden; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1px; color:var(--p); border-style:dashed; }
.dk-em.dk-em-foto.on{ border-style:solid; }
.dk-em-foto .ci{ width:1.15rem; height:1.15rem; }
.dk-em-foto small{ font-size:.55rem; font-weight:800; line-height:1; }
.dk-em-foto img{ width:100%; height:100%; object-fit:cover; display:block; }
.dk-p-ic.dk-p-foto{ overflow:hidden; padding:0; }
.dk-p-ic.dk-p-foto img{ width:100%; height:100%; object-fit:cover; display:block; }