/* পার্ট ৮ — মোবাইলে ফর্ম ও টেবিল ব্যবহার সহজ করা (সব প্যানেলে) */

/* iPhone-এ ১৬px-এর ছোট লেখায় ঘর চাপলে পেজ জুম হয়ে যায় — তা বন্ধ */
@media (max-width: 640px) {
    input:not([type=checkbox]):not([type=radio]):not([type=range]), select, textarea { font-size: 16px !important; }
    /* আঙুলে চাপার মতো মাপ (কমপক্ষে ৪৪px) */
    main button, main .btn, main input[type=submit], main select, main input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]) { min-height: 44px; }
    main input[type=checkbox], main input[type=radio] { width: 1.25rem; height: 1.25rem; }
}

/* চওড়া টেবিল — পাশে স্ক্রল, পেজ ভাঙে না */
.table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; }
.table-scroll > table { min-width: 100%; }

/* কীবোর্ডে চলার সময় কোথায় আছেন স্পষ্ট দেখায় */
:where(a, button, input, select, textarea, summary):focus-visible { outline: 3px solid #10b981; outline-offset: 2px; border-radius: .5rem; }

/* জমা হচ্ছে — বোতাম ঝাপসা */
button[disabled], input[type=submit][disabled] { opacity: .6; cursor: progress; }

/* লম্বা শব্দ/লিংক কার্ডের বাইরে যায় না */
main { overflow-wrap: anywhere; }