/* SAND BRONZE — MOBILE v2 — NÃO AFETA DESKTOP */

.mobile-header {
    display:none;background:white;padding:10px 16px;border-bottom:1px solid #F0E6D3;
    align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;
}
.mobile-header img{height:36px}
.hamburger{
    width:40px;height:40px;border:1px solid #E0E0E0;border-radius:8px;
    background:white;cursor:pointer;display:flex;align-items:center;
    justify-content:center;font-size:18px;color:#4A3B32;
}
.mobile-nav{
    display:none;position:fixed;top:0;left:0;width:280px;height:100%;
    background:white;z-index:9999;box-shadow:5px 0 20px rgba(0,0,0,.15);
    padding:20px;overflow-y:auto;
}
.mobile-nav.open{display:block}
.mobile-nav-overlay{
    display:none;position:fixed;top:0;left:0;width:100%;height:100%;
    background:rgba(0,0,0,.4);z-index:9998;
}
.mobile-nav-overlay.open{display:block}
.mobile-nav .mob-logo{text-align:center;margin-bottom:20px}
.mobile-nav .mob-logo img{height:60px}
.mobile-nav a{
    display:flex;align-items:center;gap:12px;padding:14px 16px;
    color:#4A3B32;text-decoration:none;font-size:15px;font-weight:500;
    border-radius:10px;margin-bottom:4px;
}
.mobile-nav a:hover,.mobile-nav a.mob-active{background:#F5EFE6;color:#C5A059}
.mobile-nav a i{width:20px;text-align:center;font-size:16px}
.mobile-nav .mob-close{
    position:absolute;top:12px;right:16px;background:none;border:none;
    font-size:22px;cursor:pointer;color:#aaa;
}
.mobile-nav .mob-divider{height:1px;background:#F0E6D3;margin:12px 0}

@media(max-width:768px){
    .sidebar{display:none!important}
    .mobile-header{display:flex!important}

    .main-content{margin-left:0!important;padding:10px!important}

    .topbar{padding:4px 0!important;margin-bottom:8px!important}
    .topbar h2{font-size:16px;margin:0}
    .user-info{display:none}
    .topbar-right{width:100%}

    .cards-container{
        grid-template-columns:1fr 1fr!important;
        gap:8px!important;margin-bottom:10px!important;
    }
    .card{padding:12px!important;flex-direction:column;gap:4px}
    .card-info h3{font-size:10px!important;line-height:1.2}
    .card-info p{font-size:17px!important}
    .card-icon{width:30px;height:30px;font-size:12px}

    /* TABELAS VIRAM CARDS */
    .section-box{padding:0!important;overflow:visible!important}
    .section-box h3{padding:10px 12px 6px;font-size:14px}

    .section-box table{display:block;width:100%}
    .section-box table thead{display:none!important}
    .section-box table tbody{display:block;width:100%}
    .section-box table tr{
        display:flex;flex-wrap:wrap;gap:4px 12px;
        padding:12px;border-bottom:1px solid #F0E6D3;
        align-items:center;
    }
    .section-box table tr:last-child{border-bottom:none}
    .section-box table td{
        display:inline;padding:0;border:none;
        font-size:13px;white-space:normal!important;
    }
    .section-box table td:first-child{
        width:100%;font-weight:600;font-size:14px;color:#4A3B32;
        margin-bottom:2px;
    }
    .section-box table td strong{font-size:14px}
    .section-box table td small{font-size:11px}

    .action-bar{flex-direction:column;gap:8px;margin-bottom:10px!important}
    .action-bar .search-box{width:100%}
    .action-bar .search-box input{width:100%;box-sizing:border-box}

    .btn-primary{
        padding:10px 16px!important;font-size:13px!important;
        width:100%;text-align:center;justify-content:center;box-sizing:border-box;
    }
    a.btn-primary{display:flex!important}

    .dashboard-sections{grid-template-columns:1fr!important;gap:10px!important}

    #notification-dropdown{width:90vw!important;right:-40px!important}

    .ficha-body{padding:0!important}
    .ficha-container{
        margin:0!important;padding:14px!important;border-radius:0!important;
        max-width:100%!important;box-shadow:none!important;border:none!important;
    }
    .ficha-header{padding:6px 0!important}
    .ficha-logo{height:45px!important}
    .ficha-actions{flex-direction:column;gap:8px}
    .ficha-actions a,.ficha-actions button{
        width:100%!important;text-align:center;justify-content:center;box-sizing:border-box;
    }

    .finance-profit-card{grid-column:span 2}
    .nav-mes{width:100%;justify-content:center}
    .nav-mes h3{font-size:14px}
    .pendente-card{flex-direction:column;gap:6px;align-items:flex-start!important}
    .btn-baixa{width:100%;text-align:center;justify-content:center}
    .alerta-pendente{flex-direction:column;gap:8px;text-align:center}

    .pacote-card{flex-direction:column;align-items:flex-start!important;gap:8px}
    .pacote-contagem{flex-direction:row;gap:6px;align-items:center}

    .qty-control{display:flex;gap:6px}
    .btn-qty{width:36px;height:36px}

    .chart-placeholder canvas{max-height:180px}
    .badge.type-internal,.badge.type-resale{font-size:9px;padding:2px 6px}
    .stock-low,.stock-ok{font-size:11px}

    /* Acoes inline nas linhas */
    .section-box table td:last-child{width:100%;margin-top:6px}
    .section-box table td a.btn-trash{display:inline-flex}
}

/* FIX: Remove espaço da sidebar no mobile */
@media(max-width:768px){
    body.dashboard-body .main-content{margin-left:0!important;padding:8px!important;width:100%!important;max-width:100vw!important}
    body.dashboard-body{overflow-x:hidden!important}
    .mobile-header{margin:0!important;width:100%!important}
    .card,.section-box,.action-bar,.toolbar,.banner-atrasados{margin-left:0!important;margin-right:0!important;width:100%!important;box-sizing:border-box!important}
    .cards-container{width:100%!important;box-sizing:border-box!important}
}