/* --- UBUNGO WEB ATLAS: AGGRESSIVE PC VIEW ON MOBILE --- */

@media only screen and (max-width: 1024px) {
    /* 1. Background nyeusi ya Theater Mode */
    html {
        background: #000 !important;
        height: 100vh !important;
        overflow: hidden !important;
    }

    /* 2. Lazimisha Box la PC katikati ya simu */
    body {
        width: 1200px !important;
        height: 850px !important; /* Kimo cha PC */
        background: #fff !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        /* Tunapunguza box liwe ndogo ili lilingane na kioo cha simu */
        transform: translate(-50%, -50%) scale(0.32); 
        transform-origin: center center;
        overflow: auto !important; /* Inaruhusu kuscroll ndani ya box kama pamezidi */
        box-shadow: 0 0 100px rgba(255,255,255,0.3);
    }

    /* 3. DAWA YA RAMANI (Leaflet Fix) */
    #map, .leaflet-container {
        width: 1200px !important;
        height: 600px !important; /* Lazimisha kimo cha PC */
        max-width: none !important;
        max-height: none !important;
    }

    /* 4. DAWA YA GRAFU (Chart.js Fix) */
    canvas, .chart-container {
        width: 1100px !important; /* Punguza kidogo ili isiguse kingo */
        height: 400px !important;
        max-width: none !important;
    }

    /* 5. Vifunguo (Legend) vibaki saizi ya PC */
    .info.legend {
        font-size: 14px !important;
        min-width: 150px !important;
    }
}