/* =====================================================
   KANBAN MOBILE LEGACY - SISGCOE
===================================================== */

/* =====================================================
KANBAN MOBILE ENTERPRISE - SPRINT 1.1
===================================================== */

.kanban-mobile-toolbar{
    display:flex;
    justify-content:center;
    margin:10px auto 14px;
}

#buscaKanban{
    width:100%;
    max-width:520px;
    height:42px;
    border-radius:999px;
    border:1px solid var(--border-soft, rgba(255,255,255,.12));
    background:var(--bg-surface, #111827);
    color:var(--text-main, #fff);
    padding:0 18px;
    font-size:.86rem;
    font-weight:700;
    outline:none;
}

#buscaKanban::placeholder{
    color:var(--text-muted, #94a3b8);
}

@media(max-width:768px){

    .topo-sistema{
        padding:10px 12px !important;
        min-height:58px !important;
        gap:8px !important;
    }

    .topo-sistema img{
        height:42px !important;
    }

    .titulo-sistema{
        font-size:20px !important;
        margin-bottom:2px !important;
    }

    .subtitulo-sistema{
        font-size:9px !important;
    }

    .linha-topo{
        width:70px !important;
        height:3px !important;
        margin-top:5px !important;
    }

    .barra-gestao{
        margin:10px 0 12px !important;
        gap:8px !important;
        flex-wrap:wrap;
    }

    .barra-gestao h2{
        font-size:18px !important;
        text-align:center;
        width:100%;
    }

    .kanban-mobile-toolbar{
        margin:8px 0 10px !important;
    }

    #buscaKanban{
        max-width:100%;
        height:40px;
        font-size:.8rem;
    }

    .filtros-operacionais{
        position:sticky;
        top:74px;
        z-index:50;

        display:flex !important;
        flex-wrap:nowrap !important;
        justify-content:flex-start !important;

        overflow-x:auto;
        overflow-y:hidden;

        gap:8px !important;
        margin:8px -16px 16px !important;
        padding:8px 16px 10px !important;

        background:var(--bg-page, #0f172a);
        scroll-snap-type:x proximity;
    }

    .filtros-operacionais::-webkit-scrollbar{
        display:none;
    }

    .filtro-btn{
        flex:0 0 auto;
        scroll-snap-align:start;

        padding:8px 13px !important;
        font-size:.72rem !important;
        white-space:nowrap;
    }

    .kanban{
        gap:16px !important;
    }

    .coluna{
        border-radius:16px !important;
        padding:10px !important;
    }

    .coluna h3{
        height:38px !important;
        min-height:38px !important;
        font-size:1rem !important;
        margin-bottom:10px !important;
    }

    .lista-cards{
        gap:12px !important;
    }

    .coluna > .card + .card{
        margin-top:12px !important;
    }

    .card{
        border-radius:14px !important;
        padding:10px 11px !important;
    }

    .titulo-os{
        font-size:.92rem !important;
    }

    .meta-superior{
        gap:5px !important;
        margin-bottom:7px !important;
    }

    .meta-local{
        font-size:.78rem !important;
    }

    .meta-tipo{
        font-size:.58rem !important;
        padding:3px 7px !important;
    }

    .descricao-os{
        font-size:.72rem !important;
        line-height:1.25 !important;
        margin-bottom:7px !important;
    }

    .meta-secundaria{
        font-size:.62rem !important;
        gap:2px !important;
        margin-bottom:8px !important;
    }

    .btn{
        height:30px !important;
        font-size:.62rem !important;
        border-radius:8px !important;
    }

    .botoes,
    .concluido .botoes{
        gap:6px !important;
        grid-template-columns:1fr 1fr !important;
    }

    .btn-mini-historico,
    .btn-ocultar-os{
        width:28px !important;
        height:28px !important;
    }
}



/* =====================================================
MODO COMPACTO MOBILE
===================================================== */

@media(max-width:768px){

    .meta-secundaria{

        display:none !important;
    }

    .card{
        padding-bottom:10px !important;
    }

    .descricao-os{
        margin-bottom:10px !important;
    }
}

.btn-detalhes-card{
    display:none !important;
}

@media(max-width:768px){

    .btn-detalhes-card{
        display:inline-flex !important;

        align-items:center;
        justify-content:center;

        width:100%;
        height:28px;

        margin:0 0 8px;

        border:none;
        border-radius:8px;

        background:#334155;
        color:#fff;

        font-size:.66rem;
        font-weight:900;

        cursor:pointer;
    }

    .card.mostrar-detalhes .meta-secundaria{
        display:flex !important;
    }
}