/* RASTREACRE MAPA LAYOUT APROVADO V6
   Ajustes exclusivos do mapa.
   Não modifica o cabeçalho ou o menu global.
*/

/* Painel de veículos mais compacto */
body.map61-body #fleetPanel {
    width: 310px !important;
    max-width: calc(100vw - 24px) !important;
    box-sizing: border-box !important;
}

/* Retira somente as abas Grupos e Alertas.
   Mantém a aba Veículos e o botão de recolher. */
body.map61-body #fleetPanel
:is(button, [role="tab"]):is(
    [data-tab="groups"],
    [data-tab="grupos"],
    [data-tab="alerts"],
    [data-tab="alertas"]
) {
    display: none !important;
}

/* Listagem e cartões acompanham o tema da plataforma */
html[data-rt-theme] body.map61-body #fleetPanel {
    background: var(--rt-card, #102526) !important;
    color: var(--rt-text, #eaf3f2) !important;
    border-color: var(--rt-line, #284443) !important;
}

html[data-rt-theme] body.map61-body #fleetPanel
:is(
    .fleet56-body,
    .fleet56-list,
    .entity56-card,
    .entity61-card,
    .entity56-row,
    .entity61-row
) {
    background: var(--rt-card, #102526) !important;
    color: var(--rt-text, #eaf3f2) !important;
    border-color: var(--rt-line, #284443) !important;
}

html[data-rt-theme] body.map61-body #fleetPanel
:is(.entity56-name, .entity61-name) {
    color: var(--rt-text, #eaf3f2) !important;
}

html[data-rt-theme] body.map61-body #fleetPanel
:is(.entity56-meta, .entity61-meta) {
    color: var(--rt-muted, #a6bdbb) !important;
}

/* K.A.T.E.:
   deslocada para a esquerda, junto à borda direita do painel,
   na região inferior do mapa. */
body.map61-body #kateFab {
    position: fixed !important;
    left: 325px !important;
    right: auto !important;
    bottom: 44px !important;
    width: 110px !important;
    height: 110px !important;
    z-index: 900 !important;
}

/* Em telas pequenas, mantém a IA acessível sem sair da tela */
@media (max-width: 700px) {
    body.map61-body #fleetPanel {
        width: min(290px, calc(100vw - 24px)) !important;
    }

    body.map61-body #kateFab {
        left: auto !important;
        right: 88px !important;
        bottom: 42px !important;
        width: 76px !important;
        height: 76px !important;
    }
}