/* CHETAK final mobile compatibility layer */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:auto!important}
img,video,canvas,svg{max-width:100%;height:auto}
input,select,button,textarea{max-width:100%;font-size:16px}
.table-wrap,.table-responsive,.report-table-wrap,.results-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
table{max-width:none}
@media(max-width:900px){
 body{padding:10px!important}
 .wrap,.container,.report-container,.dashboard-container,.main-container{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
 .head,.header,.report-header,.topbar{gap:10px!important}
 .stats{grid-template-columns:repeat(4,minmax(145px,1fr))!important;overflow-x:auto;padding-bottom:6px}
 .menu{grid-template-columns:repeat(3,minmax(230px,1fr))!important;overflow-x:auto;padding-bottom:8px}
 .card{min-width:230px}
 .digit-grid,.number-grid,.bet-grid{min-width:720px}
 .form-grid,.filter-form,.draw-meta-grid{min-width:720px}
 .table-wrap table,.table-responsive table{min-width:900px!important}
}
@media(max-width:600px){
 body{padding:6px!important}
 h1{font-size:22px!important}
 h2{font-size:18px!important}
 .head,.header,.report-header{padding:12px!important}
 .stats{grid-template-columns:repeat(4,150px)!important}
 .menu{grid-template-columns:repeat(3,230px)!important}
 .stat{padding:12px!important}
 .stat strong{font-size:19px!important}
 .card{min-height:120px!important;padding:12px!important;font-size:17px!important}
 .desktop-scroll-shell{overflow-x:auto;-webkit-overflow-scrolling:touch}
}


/* =========================================================
   MOBILE INPUT FOCUS ZOOM
   Android/mobile par input ya select tap karne par box halka
   bada hoga, taaki User ID aur bet quantity clearly dikhe.
========================================================= */
@media (max-width: 900px) {
    input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
    select,
    textarea {
        position: relative;
        transition:
            transform .16s ease,
            box-shadow .16s ease,
            border-color .16s ease;
        transform-origin: center center;
    }

    input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]):focus,
    select:focus,
    textarea:focus {
        z-index: 9999 !important;
        transform: scale(1.12);
        border-color: #efbd61 !important;
        box-shadow:
            0 0 0 3px rgba(239, 189, 97, .28),
            0 8px 22px rgba(0, 0, 0, .38) !important;
    }

    /* Bet table ke chhote quantity boxes ko thoda aur clear zoom */
    .purchase-input:focus,
    .bet-input:focus {
        transform: scale(1.18);
    }

    td:focus-within,
    .form-group:focus-within,
    .filter-group:focus-within {
        position: relative;
        z-index: 9998;
    }
}