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

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

#gkagazek .gk-ek{ padding:.8rem .9rem; margin-bottom:.7rem; }

#gkagazek .gk-top{
  display:flex; align-items:flex-start; justify-content:space-between;
  gap:.6rem; flex-wrap:wrap;
  margin-bottom:.7rem;
}
#gkagazek .gk-naam b{
  display:block; font-size:.92rem; font-weight:800; color:var(--txt);
  line-height:1.25;
}
#gkagazek .gk-naam small{
  display:block; font-size:.66rem; font-weight:600; color:var(--txt3);
}

/* तारीख़ का हाल — रंग के साथ शब्द भी, सिर्फ़ रंग पर भरोसा नहीं */
#gkagazek .gk-din{
  flex:none;
  font-size:.66rem; font-weight:800;
  padding:.2em .55em; border-radius:.35rem;
  background:var(--sunk, #F5F8FE); color:var(--txt3);
  white-space:nowrap;
}
#gkagazek .gk-din.ok { background:#E7F4EE; color:#0A6D4E; }
#gkagazek .gk-din.mid{ background:#FDEEE0; color:#8A4B00; }
#gkagazek .gk-din.na { background:#FDECEE; color:#9C2530; }

/* ── नक़ल न लगी हो — लगाने वाला बड़ा डिब्बा ───────────────── */
#gkagazek .gk-chadhao{
  width:100%;
  display:flex; flex-direction:column; align-items:center; gap:.15rem;
  padding:1.1rem .8rem;
  background:var(--bg2);
  border:1.5px dashed var(--border);
  border-radius:.8rem;
  color:var(--txt2);
  cursor:pointer;
}
#gkagazek .gk-chadhao:active{ transform:scale(.99); }
#gkagazek .gk-chadhao .ci{
  width:var(--ic-lg); height:var(--ic-lg); color:var(--p2);
}
#gkagazek .gk-chadhao b{ font-size:.85rem; font-weight:800; color:var(--txt); }
#gkagazek .gk-chadhao small{ font-size:.68rem; font-weight:600; color:var(--txt3); }

/* ── लगी हुई नक़ल ────────────────────────────────────────── */
#gkagazek .gk-img{
  display:block;
  border-radius:.7rem;
  overflow:hidden;
  border:1px solid var(--border);
  background:var(--bg2);
}
#gkagazek .gk-img img{
  display:block;
  width:100%; height:auto;
  /* ⚠️ काग़ज़ लंबा हो तो भी पूरा पन्ना न घेर ले — दबाकर बड़ा
     करके देखा जा सकता है। */
  max-height:16rem;
  object-fit:cover; object-position:top;
}

#gkagazek .gk-kaam{
  display:flex; gap:.5rem; flex-wrap:wrap;
  margin-top:.55rem;
}
#gkagazek .gk-kaam .lbtn{ flex:1; min-width:7rem; }
#gkagazek .lbtn.na{ color:var(--red); }

#gkagazek .gk-wait{
  display:block; padding:.9rem 0; text-align:center;
  font-size:.75rem; font-weight:700; color:var(--txt3);
}

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