/* SALEVO X - MOBILE FIX SEPARAT */
@media (max-width:768px){

    html, body{
        width:100% !important;
        max-width:100% !important;
        overflow-x:hidden !important;
    }

    .layout{
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
    }

    /* CAUZA SPATIULUI GOL: sidebar-ul era in flow */
    .layout > aside{
        display:none !important;
        width:0 !important;
        height:0 !important;
        min-width:0 !important;
        min-height:0 !important;
        margin:0 !important;
        padding:0 !important;
    }

    .layout > main{
        display:block !important;
        position:relative !important;
        top:auto !important;
        left:auto !important;
        right:auto !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        margin:0 !important;
        padding:12px !important;

        transform:none !important;
        box-sizing:border-box !important;
    }

    .sx-dashboard-v2{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:0 !important;
    }

    .sx-hero{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        height:auto !important;
        min-height:0 !important;

        padding:18px 12px !important;
        margin:0 !important;

        display:flex !important;
        flex-direction:column !important;

        overflow:visible !important;
    }

    .sx-hero-copy{
        position:relative !important;
        width:100% !important;
        max-width:100% !important;
        margin:0 !important;
        transform:none !important;
    }

    /* Ceasul nu mai sta peste titlu */
    .sx-top-clock{
        position:relative !important;
        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;

        width:100% !important;
        max-width:100% !important;

        margin:14px 0 !important;
        transform:none !important;
        z-index:1 !important;
    }
}

/* =========================================================
   SALEVO X - DASHBOARD MOBILE CONTENT FINAL
   ========================================================= */
@media (max-width:768px){

    /* TOT dashboardul ramane in viewport */
    .sx-dashboard-v2,
    .sx-dashboard-v2 section,
    .sx-dashboard-v2 article{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        box-sizing:border-box !important;
    }

    /* Cele 2 panouri mari: Statistici apeluri + Status clienti */
    .sx-two-column,
    .sx-middle-grid,
    .sx-dashboard-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:12px !important;
        width:100% !important;
        min-width:0 !important;
    }

    .sx-panel,
    .sx-status-panel{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    /* STATUS CLIENTI - graficul sa nu mai fie taiat */
    .sx-status-panel{
        display:block !important;
        padding:14px !important;
    }

    .sx-status-panel canvas,
    .sx-status-panel svg{
        display:block !important;
        position:relative !important;
        left:auto !important;
        right:auto !important;
        margin:16px auto !important;
        max-width:230px !important;
        width:230px !important;
        height:auto !important;
    }

    .sx-status-panel > div{
        max-width:100% !important;
        min-width:0 !important;
    }

    /* Cardurile mici */
    .sx-mini-cards,
    .sx-middle-stats{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:10px !important;
        width:100% !important;
    }

    .sx-mini-card{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        box-sizing:border-box !important;
    }

    /* TOP AGENTI - nu mai comprimam coloanele */
    .sx-ranking,
    .sx-ranking-list,
    .sx-top-agents{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        -webkit-overflow-scrolling:touch !important;
    }

    .sx-ranking-row{
        min-width:620px !important;
        width:620px !important;
        box-sizing:border-box !important;
    }

    .sx-rank-agent{
        min-width:180px !important;
    }

    .sx-rank-agent strong,
    .sx-rank-agent small{
        white-space:nowrap !important;
    }

    .sx-rank-stat{
        min-width:70px !important;
        white-space:nowrap !important;
    }

    /* ULTIMELE COMENZI - scroll pe orizontala */
    .sx-orders-panel{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        overflow:hidden !important;
    }

    .sx-orders-panel .sx-table-wrap{
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        -webkit-overflow-scrolling:touch !important;
    }

    .sx-orders-panel table{
        width:max-content !important;
        min-width:850px !important;
        table-layout:auto !important;
    }

    .sx-orders-panel th,
    .sx-orders-panel td{
        white-space:nowrap !important;
        word-break:normal !important;
        overflow-wrap:normal !important;
        padding:10px 12px !important;
    }

    /* PERFORMANCE AGENTI */
    .sx-performance{
        width:100% !important;
        max-width:100% !important;
        overflow:hidden !important;
    }

    .sx-performance .sx-table-wrap{
        width:100% !important;
        overflow-x:auto !important;
        -webkit-overflow-scrolling:touch !important;
    }

    .sx-performance table{
        min-width:1050px !important;
        width:max-content !important;
    }

    .sx-performance th,
    .sx-performance td{
        white-space:nowrap !important;
    }

    /* monitorizare agenti */
    .sx-agent-grid,
    .sx-monitor-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:10px !important;
        width:100% !important;
    }

    .sx-agent-card{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
    }
}