/* GOODLOAD — एक साथ कई सामान का रूप
   ═══════════════════════════════════════════════════════════════
   सिर्फ़ `#samanbulk` पर्दे के अंदर। हटा दीजिए तो बाक़ी app वैसी
   की वैसी चलेगी।

   ⚠️ कहीं pixel में चौड़ाई नहीं — सब rem, %, flex और grid में।
   ═══════════════════════════════════════════════════════════════ */

#samanbulk .bk-step{
  font-size:.78rem; font-weight:800; color:var(--p2);
  margin:0 0 .3rem;
}
#samanbulk .bk-card{ padding:.9rem 1rem; margin-bottom:.8rem; }
#samanbulk .bk-card p{
  margin:0 0 .7rem;
  font-size:.75rem; font-weight:600; color:var(--txt2); line-height:1.6;
}

/* नमूने का ढाँचा — बग़ल में खिसकता है, पन्ना नहीं */
#samanbulk .bk-namoona-box{
  background:var(--bg2);
  border:1px solid var(--border);
  border-radius:.6rem;
  padding:.6rem .7rem;
  margin-top:.7rem;
  font-family:ui-monospace,Consolas,monospace;
  font-size:.66rem; line-height:1.9; color:var(--txt2);
  white-space:pre;
  overflow-x:auto;
}

#samanbulk .bk-file-naam{
  display:block; margin-top:.6rem;
  font-size:.75rem; font-weight:800; color:var(--green);
  overflow-wrap:anywhere;
}

/* ── तीन गिनतियाँ ─────────────────────────────────────────── */
#samanbulk .bk-ginti{
  display:grid; grid-template-columns:repeat(3,1fr); gap:.5rem;
  margin-bottom:.8rem;
}
#samanbulk .bk-ginti > div{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:.7rem;
  padding:.6rem .3rem;
  text-align:center; min-width:0;
}
#samanbulk .bk-ginti b{
  display:block; font-size:1.3rem; font-weight:800; line-height:1.15;
  color:var(--txt2); font-variant-numeric:tabular-nums;
}
#samanbulk .bk-ginti b.ok{ color:var(--green); }
#samanbulk .bk-ginti b.mid{ color:var(--acc); }
#samanbulk .bk-ginti b.na{ color:var(--red); }
#samanbulk .bk-ginti span{
  display:block; margin-top:.1rem;
  font-size:.63rem; font-weight:700; color:var(--txt3);
}

/* ── जाँच वाली सूची ───────────────────────────────────────── */
#samanbulk .bk-list{
  max-height:22rem;
  overflow-y:auto;
  border:1px solid var(--border);
  border-radius:.7rem;
  background:var(--card);
  margin-bottom:.8rem;
}
#samanbulk .bk-row{
  display:flex; align-items:flex-start; gap:.55rem;
  padding:.55rem .7rem;
  border-bottom:1px solid var(--bg);
}
#samanbulk .bk-row:last-child{ border-bottom:none; }
#samanbulk .bk-row.galat{ background:#FEF6F7; }

#samanbulk .bk-tag{
  flex:none;
  font-size:.58rem; font-weight:800;
  padding:.15em .45em; border-radius:.3rem;
  white-space:nowrap; margin-top:.15rem;
}
#samanbulk .bk-tag.naya{    background:#E7F4EE; color:#0A6D4E; }
#samanbulk .bk-tag.badlega{ background:#FDEEE0; color:#8A4B00; }
#samanbulk .bk-tag.galat{   background:#FDECEE; color:#9C2530; }

#samanbulk .bk-txt{ flex:1; min-width:0; }
#samanbulk .bk-txt b{
  display:block; font-size:.8rem; font-weight:700; color:var(--txt);
  overflow-wrap:anywhere;
}
#samanbulk .bk-txt i{ color:var(--txt3); font-style:italic; font-weight:600; }
#samanbulk .bk-txt small{
  display:block; margin-top:.1rem;
  font-size:.66rem; font-weight:600; color:var(--txt3);
  line-height:1.5; overflow-wrap:anywhere;
}

#samanbulk .bk-sach{
  margin:.8rem 0 0;
  font-size:.66rem; font-weight:600; color:var(--txt3);
  line-height:1.65; text-align:center;
}

/* file वाला असली input छिपा है — बटन उसे दबाता है */
#samanbulk .bk-file-asli{
  position:absolute; width:1px; height:1px;
  opacity:0; overflow:hidden;
}