/* ১. মেইন কন্টেইনার এবং গ্রিড সেটিংস */
  #grid-page-unit {
    width: 210mm;
    height: 297mm; 
    background: #ffffff !important;
    margin: 0 auto;
    padding: 5px; 
    box-shadow: 0 0 30px rgba(0,0,0,0.3);
    position: relative;
    box-sizing: border-box;
    overflow: hidden; 
    display: block;
    clear: both;
  }

  /* ছবির বর্ডার এবং ডিজাইন */
  .grid-photo-item {
    background: #f8fafc;
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    position: relative;
    align-self: flex-start !important; /* স্ট্যাম্প ছবির ফ্লেক্স স্ট্রেচিং বাগ-ফিক্স */
  }
  .grid-photo-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* কাউন্টার বক্স */
  .counter-box { 
    display: flex; 
    align-items: center; 
    background: #fff; 
    border: 1.5px solid #cbd5e1; 
    border-radius: 8px; 
    overflow: hidden; 
  }
  .counter-box button { 
    padding: 8px 12px; 
    background: #f1f5f9; 
    border: none; 
    cursor: pointer; 
    font-weight: 900; 
    font-size: 16px;
    transition: 0.2s;
    color: #4f46e5;
  }
  .counter-box button:hover { background: #4f46e5; color: #fff; }
  .counter-box input { 
    width: 35px; 
    text-align: center; 
    border: none; 
    font-weight: 800; 
    font-size: 14.5px;
    background: transparent; 
    outline: none; 
  }

  /* প্রিন্টিং ইন্সট্রাকশন বক্স */
  .print-instruction-box {
    margin-top: 25px;
    padding: 15px 20px;
    background: #f0f9ff;
    border: 1px dashed #3b82f6;
    border-radius: 12px;
    text-align: left;
    color: #1e40af;
    line-height: 1.6;
  }
  .print-instruction-box strong {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    color: #1d4ed8;
  }
  .print-instruction-box ul { margin: 0; padding-left: 20px; }
  .print-instruction-box li { font-size: 13px; margin-bottom: 5px; font-weight: 500; }

  /* ১০টি রো এর জন্য স্ক্রোল কন্টেইনার সেটিংস (NEW UPDATE) */
  #psInputContainer {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 380px; /* ডেক্সটপে পারফেক্ট স্ক্রোল হাইট */
    overflow-y: auto;
    padding-right: 5px;
    margin-bottom: 15px;
    scrollbar-width: thin;
    scrollbar-color: #6366f1 #f1f5f9;
  }
  /* ওয়েবকিট ব্রাউজার স্ক্রোলবার */
  #psInputContainer::-webkit-scrollbar {
    width: 5px;
  }
  #psInputContainer::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 10px;
  }
  #psInputContainer::-webkit-scrollbar-thumb {
    background: #6366f1;
    border-radius: 10px;
  }

  /* --- প্রফেশনাল মোবাইল ফ্রেন্ডলি সিএসএস (১০০% পারফেক্ট ভিউ) --- */
  @media (max-width: 850px) {
    #grid-scroll-wrapper { 
        width: 100%;
        height: auto; 
        min-height: 450px;
        max-height: 550px; 
        overflow: hidden;
        background: #1e293b; 
        padding: 15px 0;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        position: relative;
    }

    /* পেজ স্কেলিং লজিক */
    #grid-page-unit { 
        width: 210mm !important; 
        position: relative;
        transform: scale(0.42); 
        transform-origin: top center;
        margin: 0 auto;
        margin-bottom: -165mm; 
        box-shadow: 0 10px 50px rgba(0,0,0,0.6);
        z-index: 1;
    }

    .sheet-pro-toolbar {
        padding: 10px;
        gap: 8px;
        border-radius: 0;
    }
    .toolbar-row {
        gap: 5px !important;
        justify-content: space-around;
    }

    .toolbar-row select, 
    .toolbar-row button, 
    .counter-box {
        font-size: 11px !important;
        padding: 7px 5px !important;
        height: 35px !important;
    }
    .counter-box input {
        width: 25px !important;
        font-size: 12px !important;
    }

    .actions {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px;
        margin-top: 15px;
        padding: 0 10px;
    }
    .actions button {
        width: 100%;
        padding: 14px !important;
        font-size: 15px !important;
        border-radius: 12px !important;
    }

    .print-instruction-box { 
        padding: 12px; 
        margin: 20px 10px; 
        border-radius: 12px;
        font-size: 11px;
    }
    #psInputContainer {
        max-height: 340px; /* মোবাইলে স্ক্রোল সাইজ কিছুটা ছোট হবে */
    }
  }

  @media (max-width: 390px) {
    #grid-page-unit { 
        transform: scale(0.36); 
        margin-bottom: -180mm;
    }
  }

  /* --- প্রিন্ট সেটিংস (A4 ফিজিক্যাল সাইজ নিশ্চিত করবে) --- */
  @media print {
    * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }
    body { margin: 0; padding: 0; background: #fff; }
    
    #grid-page-unit { 
        transform: none !important; 
        width: 210mm !important;
        height: 297mm !important;
        box-shadow: none !important; 
        margin: 0 !important; 
        padding: 5px !important; 
        display: block !important;
    }
    .grid-photo-item { border: 1px solid #000000 !important; }
    .print-instruction-box, .sheet-pro-toolbar, .actions, .close-crop-modal { display: none !important; }
  }