/* =========================================================
   RASTREACRE V6.1
   ETAPA 01 — NOVA BASE VISUAL + MAPA AO VIVO
   Complementa style.css V6.0 sem alterá-lo.
   ========================================================= */

:root{
    --map61-side:68px;
    --map61-top:64px;

    --map61-bg:#06151a;
    --map61-sidebar:#061d20;
    --map61-sidebar-dark:#041519;

    --map61-panel:rgba(5,23,28,.94);
    --map61-panel-strong:rgba(5,24,29,.98);

    --map61-line:rgba(128,198,174,.15);

    --map61-green:#22d98a;
    --map61-green-light:#48e398;

    --map61-text:#ecfff7;
    --map61-muted:#78988d;

    --map61-shadow:0 18px 50px rgba(0,0,0,.34);
}


/* =========================================================
   BASE
   ========================================================= */

html,
body.map61-body{
    width:100%;
    height:100%;
    margin:0;
    overflow:hidden;
}

body.map61-body{
    background:var(--map61-bg);
}

.map61-app{
    position:relative;
    width:100vw;
    height:100vh;
    padding-left:var(--map61-side);
    box-sizing:border-box;
}


/* =========================================================
   MENU LATERAL PRINCIPAL
   ========================================================= */

.map61-sidebar{
    position:fixed;
    z-index:1200;

    top:0;
    left:0;
    bottom:0;

    width:var(--map61-side);

    display:flex;
    flex-direction:column;

    overflow:hidden;

    background:
        linear-gradient(
            180deg,
            var(--map61-sidebar),
            var(--map61-sidebar-dark)
        );

    border-right:1px solid var(--map61-line);

    box-shadow:
        10px 0 35px rgba(0,0,0,.18);

    transition:
        width .20s ease;
}


.map61-sidebar.expanded{
    width:224px;
}


/* =========================================================
   LOGO
   ========================================================= */

.map61-logo{
    height:64px;
    flex:0 0 64px;

    display:flex;
    align-items:center;

    gap:11px;

    padding:0 13px;

    box-sizing:border-box;

    text-decoration:none;

    color:var(--map61-text);

    border-bottom:1px solid var(--map61-line);

    white-space:nowrap;
}


.map61-logo-mark{
    width:40px;
    height:40px;

    flex:0 0 40px;

    display:grid;
    place-items:center;

    border-radius:12px;

    background:
        linear-gradient(
            145deg,
            #07553f,
            #0a8059
        );

    color:#39efa0;

    font-size:18px;
    font-weight:900;

    box-shadow:
        0 0 24px rgba(22,200,117,.16);
}


.map61-logo-text{
    opacity:0;

    transform:translateX(-5px);

    transition:
        opacity .15s ease,
        transform .15s ease;
}


.map61-sidebar.expanded .map61-logo-text{
    opacity:1;
    transform:none;
}


.map61-logo-text b{
    display:block;

    font-size:17px;

    letter-spacing:.3px;
}


.map61-logo-text b span{
    color:#38e794;
}


.map61-logo-text small{
    display:block;

    margin-top:2px;

    color:#6fa294;

    font-size:7px;

    letter-spacing:1.5px;
}


/* =========================================================
   NAVEGAÇÃO LATERAL
   ========================================================= */

.map61-nav{
    min-height:0;

    padding:10px 8px;

    display:flex;
    flex-direction:column;

    gap:3px;

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

    scrollbar-width:thin;

    scrollbar-color:
        rgba(89,146,126,.30)
        transparent;
}


.map61-nav a{
    position:relative;

    height:43px;

    flex:0 0 43px;

    display:flex;
    align-items:center;

    gap:12px;

    padding:0 12px;

    border-radius:10px;

    color:#87a59b;

    text-decoration:none;

    white-space:nowrap;

    transition:
        color .16s ease,
        background .16s ease;
}


.map61-nav a:hover{
    color:#dff8ee;

    background:
        rgba(255,255,255,.035);
}


.map61-nav a.active{
    color:#4ce49b;

    background:
        linear-gradient(
            90deg,
            rgba(22,200,117,.15),
            rgba(22,200,117,.04)
        );

    box-shadow:
        inset 3px 0 0 #25d98a;
}


.map61-nav .material-symbols-rounded{
    width:21px;

    flex:0 0 21px;

    text-align:center;

    font-size:21px;
}


.map61-nav em{
    font-style:normal;

    font-size:11px;
    font-weight:700;

    opacity:0;

    transition:opacity .15s ease;
}


.map61-sidebar.expanded .map61-nav em{
    opacity:1;
}


/* =========================================================
   BOTÃO EXPANDIR MENU
   ========================================================= */

.map61-sidebar-toggle{
    height:40px;

    flex:0 0 40px;

    margin:auto 10px 12px;

    display:grid;
    place-items:center;

    border:1px solid var(--map61-line);

    border-radius:10px;

    background:
        rgba(255,255,255,.025);

    color:#8ba89e;

    cursor:pointer;

    transition:.16s ease;
}


.map61-sidebar-toggle:hover{
    color:#49e399;

    border-color:
        rgba(22,200,117,.28);

    background:
        rgba(22,200,117,.07);
}


/* =========================================================
   TOPO
   ========================================================= */

.map61-topbar{
    position:fixed;

    z-index:1100;

    top:0;
    left:var(--map61-side);
    right:0;

    height:var(--map61-top);

    box-sizing:border-box;

    display:grid;

    grid-template-columns:
        minmax(180px,1fr)
        minmax(280px,560px)
        minmax(220px,1fr);

    align-items:center;

    gap:18px;

    padding:0 18px;

    background:
        rgba(5,22,26,.96);

    border-bottom:
        1px solid var(--map61-line);

    backdrop-filter:
        blur(18px);

    box-shadow:
        0 8px 25px rgba(0,0,0,.17);
}


/* =========================================================
   TÍTULO / STATUS
   ========================================================= */

.map61-page-title{
    min-width:0;
}


.map61-page-title b{
    display:block;

    color:var(--map61-text);

    font-size:15px;
}


.map61-page-title span{
    display:block;

    margin-top:3px;

    color:#77988c;

    font-size:8px;
}


.map61-page-title strong{
    color:#dceee7;
}


/* =========================================================
   BUSCA DE ENDEREÇO
   ========================================================= */

.map61-address-search{
    height:40px;

    min-width:0;

    display:grid;

    grid-template-columns:
        34px
        minmax(0,1fr)
        40px;

    align-items:center;

    overflow:hidden;

    border:
        1px solid var(--map61-line);

    border-radius:11px;

    background:#0a2027;

    transition:
        border-color .17s ease,
        box-shadow .17s ease;
}


.map61-address-search:focus-within{
    border-color:
        rgba(22,200,117,.40);

    box-shadow:
        0 0 0 3px
        rgba(22,200,117,.06);
}


.map61-address-search > .material-symbols-rounded{
    justify-self:center;

    color:#648c7e;

    font-size:19px;
}


.map61-address-search input{
    width:100%;
    height:100%;

    min-width:0;

    border:0;
    outline:0;

    background:transparent;

    color:#eafaf4;

    font-size:11px;
}


.map61-address-search input::placeholder{
    color:#638078;
}


.map61-address-search button{
    width:40px;
    height:40px;

    border:0;

    border-left:
        1px solid var(--map61-line);

    background:transparent;

    color:#7ea398;

    cursor:pointer;

    transition:.15s ease;
}


.map61-address-search button:hover{
    color:#43e795;

    background:
        rgba(22,200,117,.07);
}


/* =========================================================
   USUÁRIO
   ========================================================= */

.map61-user{
    justify-self:end;

    min-width:0;
}


.map61-user .avatar{
    flex:0 0 auto;
}


.map61-user #logoutBtn{
    display:grid;
    place-items:center;

    width:35px;
    height:35px;

    border:1px solid transparent;

    border-radius:9px;

    background:transparent;

    color:#839f95;

    cursor:pointer;
}


.map61-user #logoutBtn:hover{
    color:#fff;

    border-color:var(--map61-line);

    background:
        rgba(255,255,255,.04);
}


/* =========================================================
   MAPA
   ========================================================= */

.map61-stage{
    position:absolute !important;

    top:var(--map61-top) !important;
    left:var(--map61-side) !important;
    right:0 !important;
    bottom:0 !important;

    overflow:hidden;
}


.map61-stage #map{
    position:absolute !important;

    inset:0;

    width:100%;
    height:100%;

    z-index:1;
}


/* =========================================================
   LISTA DA FROTA
   ========================================================= */

.map61-fleet{
    position:absolute !important;

    z-index:620 !important;

    top:14px !important;
    left:14px !important;

    width:350px !important;

    max-height:
        calc(100% - 28px) !important;

    overflow:hidden;

    border-radius:14px !important;

    background:
        rgba(5,23,28,.95) !important;

    border:
        1px solid var(--map61-line) !important;

    box-shadow:
        var(--map61-shadow) !important;

    backdrop-filter:
        blur(18px);
}


.map61-fleet.collapsed{
    width:54px !important;
    height:54px !important;
}


.map61-fleet-title{
    background:
        linear-gradient(
            180deg,
            rgba(8,34,36,.97),
            rgba(5,25,29,.95)
        );
}


/* =========================================================
   VEÍCULOS — LISTA RICA
   ========================================================= */

.entity61-wrap{
    position:relative;

    margin:4px 0;

    border-left:
        3px solid var(--entity-color);

    border-radius:11px;

    background:
        rgba(255,255,255,.018);

    transition:
        background .15s ease,
        box-shadow .15s ease;
}


.entity61-wrap:hover{
    background:
        rgba(255,255,255,.04);
}


.entity61-wrap.active{
    background:
        rgba(22,200,117,.045);

    box-shadow:
        inset 0 0 0 1px
        rgba(22,200,117,.17);
}


.entity61{
    margin:0 !important;

    padding:
        10px 34px 10px 8px !important;

    border-left:0 !important;

    background:
        transparent !important;
}


.entity61:hover,
.entity61.active{
    background:
        transparent !important;

    box-shadow:none !important;
}


.entity61-thumb{
    width:40px;
    height:40px;

    flex:0 0 40px;

    display:grid;
    place-items:center;

    border-radius:10px;

    color:
        var(--entity-color);

    background:
        color-mix(
            in srgb,
            var(--entity-color) 16%,
            transparent
        );

    border:
        1px solid
        color-mix(
            in srgb,
            var(--entity-color) 24%,
            transparent
        );
}


.entity61-thumb .material-symbols-rounded{
    font-size:22px;
}


.entity61-ignition{
    display:block;

    margin-top:3px;

    color:#9cb5ac;

    font-size:7px;
}


.entity61-badgeline{
    display:block;

    margin-top:5px;
}


/* =========================================================
   CHECK MONITORAMENTO MÚLTIPLO
   ========================================================= */

.entity61-check{
    position:absolute;

    right:5px;
    bottom:5px;

    width:29px;
    height:29px;

    display:grid;
    place-items:center;

    padding:0;

    border:0;

    border-radius:8px;

    background:transparent;

    color:#57786d;

    cursor:pointer;

    transition:.15s ease;
}


.entity61-check:hover{
    color:#b8d2c8;

    background:
        rgba(255,255,255,.035);
}


.entity61-check.active{
    color:#3fe495;

    background:
        rgba(22,200,117,.07);
}


.entity61-check .material-symbols-rounded{
    font-size:18px;
}


.map61-empty{
    padding:30px 12px;

    text-align:center;

    color:#78978c;

    font-size:10px;
}


/* =========================================================
   FERRAMENTAS DO MAPA — AGORA À DIREITA
   ========================================================= */

.map61-tools{
    position:absolute !important;

    z-index:630 !important;

    top:14px !important;

    left:auto !important;
    right:14px !important;

    display:flex;

    flex-direction:column;

    gap:6px;
}


.map61-tools .map56-tool{
    position:relative;

    width:42px;
    height:42px;

    flex:0 0 42px;
}


/* TOOLTIP */

.map61-tools .map56-tool::before{
    content:attr(data-tip);

    position:absolute;

    top:50%;
    right:50px;

    transform:
        translateY(-50%)
        translateX(5px);

    padding:6px 8px;

    border:
        1px solid var(--map61-line);

    border-radius:7px;

    background:
        rgba(5,23,28,.97);

    color:#d8ece4;

    font-size:8px;

    white-space:nowrap;

    opacity:0;

    pointer-events:none;

    box-shadow:
        0 8px 22px rgba(0,0,0,.25);

    transition:
        opacity .15s ease,
        transform .15s ease;
}


.map61-tools .map56-tool:hover::before{
    opacity:1;

    transform:
        translateY(-50%)
        translateX(0);
}


/* =========================================================
   MENU DE CAMADAS
   ========================================================= */

.map61-layer-menu{
    position:absolute !important;

    z-index:640 !important;

    top:14px !important;

    left:auto !important;
    right:64px !important;

    width:190px;
}


/* =========================================================
   PAINEL DO VEÍCULO
   ========================================================= */

.map61-detail{
    position:absolute !important;

    z-index:650 !important;

    top:14px !important;

    right:68px !important;

    width:
        min(
            360px,
            calc(100vw - 510px)
        ) !important;

    max-height:
        calc(100% - 28px) !important;

    border-radius:14px !important;

    background:
        rgba(5,23,28,.96) !important;

    border:
        1px solid var(--map61-line) !important;

    box-shadow:
        var(--map61-shadow) !important;

    backdrop-filter:
        blur(18px);
}


.map61-detail-head{
    padding:13px 14px;
}


/* =========================================================
   AÇÕES PRINCIPAIS
   ========================================================= */

.map61-quick-actions{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:6px;

    padding:
        10px 10px 0;
}


.map61-quick-actions button,
.map61-quick-actions a{
    min-width:0;

    min-height:55px;

    padding:8px 3px;

    display:flex;

    flex-direction:column;

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

    gap:4px;

    border:
        1px solid var(--map61-line);

    border-radius:10px;

    background:
        rgba(255,255,255,.025);

    color:#bcd2ca;

    text-decoration:none;

    cursor:pointer;

    font-size:7px;

    transition:.15s ease;
}


.map61-quick-actions button:hover,
.map61-quick-actions a:hover{
    color:#ecfff7;

    background:
        rgba(255,255,255,.05);

    transform:
        translateY(-1px);
}


.map61-quick-actions .material-symbols-rounded{
    font-size:19px;
}


.map61-quick-actions .primary{
    color:#48e398;

    background:
        rgba(22,200,117,.08);

    border-color:
        rgba(22,200,117,.22);
}


.map61-quick-actions .danger{
    color:#ff9696;

    background:
        rgba(239,68,68,.06);

    border-color:
        rgba(239,68,68,.18);
}


.map61-command-message{
    min-height:14px;

    margin-bottom:5px;

    color:#8ba89e;

    font-size:8px;

    line-height:1.4;
}


/* =========================================================
   STATUS INFERIOR
   ========================================================= */

.map61-health{
    z-index:610 !important;

    left:
        calc(50% + 170px) !important;
}


/* =========================================================
   LEAFLET / GOOGLE
   ========================================================= */

.map61-stage .leaflet-control-container{
    position:relative;

    z-index:500;
}


.map61-stage .gm-style{
    font-family:
        Arial,
        Helvetica,
        sans-serif;
}


/* =========================================================
   KATE
   ========================================================= */

.map61-body .kate60-fab{
    z-index:1299;
}


.map61-body .kate60-panel{
    z-index:1300;
}


/* =========================================================
   RESPONSIVO — 1180
   ========================================================= */

@media(max-width:1180px){

    .map61-topbar{
        grid-template-columns:
            auto
            minmax(260px,1fr)
            auto;
    }

    .map61-page-title span{
        display:none;
    }

    .map61-user strong,
    .map61-user small{
        display:none;
    }

    .map61-detail{
        width:330px !important;
    }

}


/* =========================================================
   RESPONSIVO — TABLET
   ========================================================= */

@media(max-width:820px){

    :root{
        --map61-side:56px;
        --map61-top:56px;
    }


    .map61-sidebar{
        width:56px;
    }


    .map61-sidebar.expanded{
        width:210px;
    }


    .map61-logo{
        height:56px;

        flex-basis:56px;

        padding:0 8px;
    }


    .map61-logo-mark{
        width:39px;
        height:39px;

        flex-basis:39px;
    }


    .map61-topbar{
        left:56px;

        padding:0 8px;

        gap:8px;

        grid-template-columns:
            minmax(0,1fr)
            auto;
    }


    .map61-page-title{
        display:none;
    }


    .map61-stage{
        left:56px !important;
    }


    .map61-fleet{
        top:8px !important;
        left:8px !important;

        width:
            min(
                310px,
                calc(100vw - 82px)
            ) !important;

        max-height:58% !important;
    }


    .map61-tools{
        top:8px !important;
        right:8px !important;
    }


    .map61-layer-menu{
        top:8px !important;
        right:58px !important;
    }


    .map61-detail{
        top:auto !important;

        bottom:8px !important;
        left:8px !important;
        right:58px !important;

        width:auto !important;

        max-height:52% !important;
    }


    .map61-health{
        display:none !important;
    }

}


/* =========================================================
   RESPONSIVO — CELULAR
   ========================================================= */

@media(max-width:560px){

    .map61-user .avatar{
        display:none;
    }


    .map61-address-search input{
        font-size:9px;
    }


    .map61-address-search input::placeholder{
        font-size:9px;
    }


    .map61-quick-actions{
        grid-template-columns:
            repeat(4,minmax(52px,1fr));
    }


    .map61-quick-actions button,
    .map61-quick-actions a{
        min-height:51px;

        font-size:6px;
    }

}
/* =========================================================
   V6.1 - AGUARDANDO VÍNCULO / MIGRAÇÃO CRM
   ========================================================= */

.badge56.pending{
    color:#e8bd4a !important;
    background:rgba(213,167,45,.10) !important;
    border:1px solid rgba(213,167,45,.25) !important;
}

.entity61-wrap:has(.badge56.pending){
    border-left-color:#d5a72d !important;
}

.entity61-wrap:has(.badge56.pending) .entity61-thumb{
    color:#d5a72d !important;
    background:rgba(213,167,45,.09) !important;
    border-color:rgba(213,167,45,.20) !important;
}

/* =========================================================
   RASTREACRE MAPA AO VIVO — V6.2
   REFERÊNCIA VISUAL OFICIAL
   ========================================================= */

:root{
    --v62-green:#07863f;
    --v62-green-dark:#056a34;
    --v62-navy:#071d25;
    --v62-text:#10202d;
    --v62-muted:#637180;
    --v62-border:#d8e0e6;
    --v62-white:#ffffff;
}

/* ===== BASE ===== */

.map61-body{
    background:#eef2f3 !important;
    color:var(--v62-text) !important;
}

.map61-app{
    background:#eef2f3 !important;
}

/* =========================================================
   SIDEBAR ANTIGA -> BARRA SUPERIOR DE NAVEGAÇÃO
   ========================================================= */

.map61-sidebar{
    position:fixed !important;
    left:0 !important;
    top:0 !important;
    right:0 !important;

    width:100% !important;
    height:60px !important;

    background:var(--v62-navy) !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;

    display:flex !important;
    align-items:center !important;

    z-index:1200 !important;
    padding:0 18px !important;
}

/* LOGO */

.map61-logo{
    width:310px !important;
    min-width:310px !important;
    height:60px !important;

    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;

    gap:10px !important;
    padding:0 !important;

    border-bottom:0 !important;
}

.map61-logo-mark{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;

    border-radius:50% !important;

    background:#08a84f !important;
    color:#fff !important;

    display:grid !important;
    place-items:center !important;

    font-size:20px !important;
    font-weight:900 !important;
}

.map61-logo-text{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
}

.map61-logo-text b{
    font-size:24px !important;
    line-height:24px !important;
    color:#fff !important;
    letter-spacing:-.5px !important;
}

.map61-logo-text b span{
    color:#11b65b !important;
}

.map61-logo-text small{
    color:#fff !important;
    font-size:9px !important;
    letter-spacing:.5px !important;
}

/* NAVEGAÇÃO ANTIGA ESCONDIDA NO TOPO.
   O mapa continua acessível e depois criaremos
   atalhos horizontais iguais à referência. */

.map61-nav{
    display:none !important;
}

.map61-sidebar-toggle{
    position:static !important;
    width:38px !important;
    height:38px !important;

    order:-1 !important;

    margin-right:18px !important;
    border:0 !important;
    background:transparent !important;
    color:#fff !important;
}

/* =========================================================
   TOPBAR SECUNDÁRIA
   ========================================================= */

.map61-topbar{
    position:fixed !important;

    top:60px !important;
    left:0 !important;
    right:0 !important;

    height:64px !important;

    padding:0 22px 0 465px !important;

    background:transparent !important;
    border:0 !important;

    z-index:1050 !important;

    pointer-events:none;
}

.map61-page-title{
    display:none !important;
}

.map61-address-search{
    pointer-events:auto;

    width:520px !important;
    max-width:42vw !important;

    height:48px !important;

    margin:8px auto 0 !important;

    background:#fff !important;
    border:1px solid #d7dee4 !important;
    border-radius:10px !important;

    box-shadow:0 3px 12px rgba(0,0,0,.12) !important;

    color:#536270 !important;
}

.map61-address-search input{
    color:#17232d !important;
}

.map61-address-search input::placeholder{
    color:#7c8994 !important;
}

.map61-user{
    pointer-events:auto;

    position:fixed !important;
    right:18px !important;
    top:7px !important;

    height:46px !important;

    color:#fff !important;
    background:transparent !important;
    border:0 !important;
}

/* =========================================================
   MAPA
   ========================================================= */

.map61-stage{
    position:fixed !important;

    left:0 !important;
    top:60px !important;
    right:0 !important;
    bottom:36px !important;

    width:auto !important;
    height:auto !important;

    margin:0 !important;
}

#map{
    position:absolute !important;
    inset:0 !important;

    width:100% !important;
    height:100% !important;
}

/* =========================================================
   FROTA — PAINEL CLARO DA REFERÊNCIA
   ========================================================= */

.map61-fleet{
    position:absolute !important;

    left:10px !important;
    top:18px !important;
    bottom:12px !important;

    width:435px !important;
    max-width:calc(100vw - 40px) !important;

    background:#fff !important;
    color:var(--v62-text) !important;

    border:1px solid rgba(10,35,45,.14) !important;
    border-radius:12px !important;

    box-shadow:0 5px 20px rgba(0,0,0,.18) !important;

    overflow:hidden !important;

    z-index:900 !important;
}

.map61-fleet-title{
    min-height:64px !important;

    padding:14px 16px !important;

    background:#fff !important;

    border-bottom:1px solid var(--v62-border) !important;
}

.map61-fleet-title strong{
    color:#10202d !important;
    font-size:17px !important;
}

.map61-fleet-title small{
    color:#6f7c87 !important;
}

.fleet56-collapse{
    color:#53616d !important;
}

/* BUSCA */

.fleet56-search{
    margin:12px 14px 10px !important;

    height:44px !important;

    background:#fff !important;
    border:1px solid #d5dde4 !important;
    border-radius:8px !important;

    color:#71808c !important;
}

.fleet56-search input{
    color:#182630 !important;
}

.fleet56-search input::placeholder{
    color:#778591 !important;
}

/* CONTADORES */

.fleet56-tabs{
    padding:0 14px 10px !important;
    gap:6px !important;
}

.fleet56-tabs button{
    min-height:50px !important;

    background:#f3f6f7 !important;
    color:#43515c !important;

    border:1px solid transparent !important;
    border-radius:8px !important;
}

.fleet56-tabs button.active{
    background:#07863f !important;
    color:#fff !important;
    border-color:#07863f !important;
}

.fleet56-tabs button b{
    font-size:16px !important;
}

/* FILTROS */

.fleet56-filterline{
    padding:0 14px 10px !important;
    gap:7px !important;
}

.fleet56-chip{
    color:#43515c !important;
    background:#f5f7f8 !important;
    border:1px solid #d8dfe4 !important;
}

.fleet56-chip.active{
    color:#fff !important;
    background:#07863f !important;
    border-color:#07863f !important;
}

/* LISTA */

.fleet56-list{
    padding:0 !important;
    background:#fff !important;
}

.entity61-wrap{
    margin:0 !important;

    min-height:80px !important;

    border:0 !important;
    border-left:4px solid transparent !important;
    border-bottom:1px solid #e1e6ea !important;
    border-radius:0 !important;

    background:#fff !important;
    color:#14232e !important;

    box-shadow:none !important;
}

.entity61-wrap:hover,
.entity61-wrap.selected{
    background:#f4faf6 !important;
}

.entity61-wrap.selected{
    border-left-color:#07863f !important;
}

.entity61-thumb{
    width:48px !important;
    height:48px !important;

    border-radius:9px !important;

    background:#eef2f3 !important;
    border:1px solid #dce3e7 !important;

    color:#263944 !important;
}

.entity61-main strong{
    color:#13232e !important;
    font-size:15px !important;
}

.entity61-main small,
.entity61-side small{
    color:#687681 !important;
}

.entity61-side b{
    color:#152631 !important;
}

/* AGUARDANDO VÍNCULO */

.entity61-wrap:has(.badge56.pending){
    border-left-color:#d5a72d !important;
}

.badge56.pending{
    color:#8b6800 !important;
    background:#fff6d9 !important;
    border-color:#e7cf76 !important;
}

/* =========================================================
   FERRAMENTAS À DIREITA
   ========================================================= */

.map61-tools{
    position:absolute !important;

    right:18px !important;
    top:20px !important;

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

    gap:8px !important;

    z-index:920 !important;
}

.map56-tool{
    width:52px !important;
    height:52px !important;

    border-radius:11px !important;

    background:#08222b !important;
    color:#fff !important;

    border:1px solid rgba(255,255,255,.16) !important;

    box-shadow:0 3px 12px rgba(0,0,0,.20) !important;
}

.map56-tool:hover,
.map56-tool.active{
    background:#07863f !important;
    color:#fff !important;
}

/* =========================================================
   DETALHE — CARD HORIZONTAL INFERIOR
   ========================================================= */

.map61-detail{
    position:absolute !important;

    left:465px !important;
    right:88px !important;

    top:auto !important;
    bottom:12px !important;

    width:auto !important;
    height:202px !important;
    max-height:202px !important;

    background:#fff !important;
    color:#12232e !important;

    border:1px solid rgba(10,35,45,.16) !important;
    border-radius:12px !important;

    box-shadow:0 6px 24px rgba(0,0,0,.20) !important;

    overflow:hidden !important;

    z-index:910 !important;

    display:grid !important;
    grid-template-columns:285px 1fr !important;
    grid-template-rows:auto 1fr !important;
}

.map61-detail.hidden{
    display:none !important;
}

/* CABEÇALHO */

.map61-detail-head{
    grid-column:1 !important;
    grid-row:1 !important;

    padding:16px 18px 8px !important;

    background:#fff !important;

    border:0 !important;
}

.detail56-statusline{
    margin-bottom:5px !important;
}

.map61-detail-head h2{
    color:#10212d !important;
    font-size:22px !important;
}

.map61-detail-head p{
    color:#667580 !important;
}

.detail56-close{
    position:absolute !important;
    right:12px !important;
    top:10px !important;

    color:#13232d !important;
}

/* COMANDOS */

.map61-quick-actions{
    position:absolute !important;

    right:52px !important;
    top:28px !important;

    width:380px !important;

    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    gap:8px !important;

    z-index:3 !important;
}

.map61-quick-actions button,
.map61-quick-actions a{
    min-height:72px !important;

    border-radius:8px !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;

    gap:4px !important;
}

.map61-quick-actions .danger{
    background:#e5282d !important;
    color:#fff !important;
}

.map61-quick-actions .primary{
    background:#07863f !important;
    color:#fff !important;
}

#anchorBtn{
    background:#0874dc !important;
    color:#fff !important;
}

/* CORPO HORIZONTAL */

.detail56-body{
    grid-column:1 / -1 !important;
    grid-row:2 !important;

    display:grid !important;
    grid-template-columns:285px 1fr 430px !important;

    gap:12px !important;

    padding:0 18px 12px !important;

    overflow:hidden !important;

    background:#fff !important;
}

.map61-command-message{
    display:none !important;
}

.telemetry56{
    grid-column:1 !important;

    display:grid !important;
    grid-template-columns:1fr 1fr !important;

    gap:6px !important;
}

.telemetry56 article{
    min-height:42px !important;

    background:#f6f8f9 !important;

    border:1px solid #e0e6ea !important;
    border-radius:7px !important;

    color:#53616c !important;
}

.telemetry56 article strong{
    color:#10212c !important;
}

/* SENSORES */

.detail56-section{
    border:0 !important;
    background:transparent !important;
    padding:0 !important;
}

.detail56-section h3{
    color:#6b7882 !important;
}

.sensor56-grid{
    grid-template-columns:repeat(4,1fr) !important;
    gap:6px !important;
}

.sensor56{
    min-height:58px !important;

    background:#f7f9fa !important;

    border:1px solid #e0e6ea !important;
    border-radius:7px !important;

    color:#07863f !important;
}

.sensor56 b{
    color:#172731 !important;
}

/* No card horizontal mostramos telemetria e identificação.
   Localização continua disponível pelos botões de rota. */

.detail56-body .detail56-section:nth-of-type(1){
    grid-column:2 !important;
}

.detail56-body .detail56-section:nth-of-type(2){
    grid-column:3 !important;
    padding-right:410px !important;
}

.detail56-body .detail56-section:nth-of-type(3){
    display:none !important;
}

.kv56{
    border-bottom:1px solid #edf0f2 !important;
}

.kv56 span{
    color:#74818b !important;
}

.kv56 b{
    color:#172731 !important;
}

/* =========================================================
   STATUS INFERIOR
   ========================================================= */

.map61-health{
    position:fixed !important;

    left:0 !important;
    right:0 !important;
    bottom:0 !important;

    height:36px !important;

    background:#fff !important;
    color:#52616c !important;

    border-top:1px solid #dce2e6 !important;

    border-radius:0 !important;

    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;

    padding:0 18px !important;

    z-index:1200 !important;
}

/* =========================================================
   KATE
   ========================================================= */

#kateFab{
    z-index:1300 !important;
    right:18px !important;
    bottom:48px !important;
}

/* =========================================================
   RESPONSIVO
   ========================================================= */

@media (max-width:1200px){

    .map61-fleet{
        width:360px !important;
    }

    .map61-detail{
        left:380px !important;
        right:80px !important;
    }

    .map61-address-search{
        width:420px !important;
    }

}


/* =========================================================
   V6.2.2 — CORREÇÃO DO CARD INFERIOR
   ========================================================= */

/* mais espaço útil para o mapa */
.map61-stage{
    top:60px !important;
    bottom:34px !important;
}

/* frota */
.map61-fleet{
    top:20px !important;
    bottom:14px !important;
    width:435px !important;
}

/* detalhe selecionado */
.map61-detail{
    left:455px !important;
    right:85px !important;
    bottom:14px !important;

    height:230px !important;
    max-height:230px !important;

    display:block !important;

    padding:0 !important;
}

/* cabeçalho do veículo */
.map61-detail-head{
    position:absolute !important;
    left:18px !important;
    top:14px !important;

    width:260px !important;
    height:74px !important;

    padding:0 !important;
}

.map61-detail-head h2{
    margin:5px 0 1px !important;
    font-size:22px !important;
    line-height:24px !important;
}

.map61-detail-head p{
    margin:0 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

.detail56-statusline{
    display:flex !important;
    gap:5px !important;
    white-space:nowrap !important;
}

/* fechar */
.detail56-close{
    position:absolute !important;
    right:10px !important;
    top:8px !important;
    z-index:10 !important;
}

/* comandos no canto direito */
.map61-quick-actions{
    position:absolute !important;

    top:38px !important;
    right:54px !important;

    width:360px !important;

    grid-template-columns:repeat(4,1fr) !important;
    gap:8px !important;
}

.map61-quick-actions button,
.map61-quick-actions a{
    min-width:0 !important;
    height:72px !important;
    min-height:72px !important;
}

/* corpo */
.detail56-body{
    position:absolute !important;

    left:18px !important;
    right:18px !important;
    top:96px !important;
    bottom:12px !important;

    display:grid !important;

    grid-template-columns:
        270px
        minmax(420px,1fr)
        300px !important;

    grid-template-rows:1fr !important;

    gap:14px !important;

    padding:0 !important;

    overflow:hidden !important;
}

/* velocidade / sinal / gps / conexão */
.telemetry56{
    grid-column:1 !important;
    grid-row:1 !important;

    display:grid !important;
    grid-template-columns:1fr 1fr !important;

    gap:6px !important;
}

.telemetry56 article{
    min-width:0 !important;
    min-height:50px !important;
}

/* sensores */
.detail56-body .detail56-section:nth-of-type(1){
    grid-column:2 !important;
    grid-row:1 !important;

    min-width:0 !important;
    overflow:hidden !important;
}

.sensor56-grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(70px,1fr)) !important;
    gap:6px !important;
}

.sensor56{
    min-width:0 !important;
    height:48px !important;
    min-height:48px !important;
    padding:4px !important;
}

.sensor56 b{
    display:block !important;
    max-width:100% !important;

    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

/* identificação */
.detail56-body .detail56-section:nth-of-type(2){
    grid-column:3 !important;
    grid-row:1 !important;

    padding:0 !important;
    min-width:0 !important;
    overflow:hidden !important;
}

.detail56-body .detail56-section:nth-of-type(2) h3{
    margin:0 0 4px !important;
}

.kv56{
    display:grid !important;
    grid-template-columns:76px minmax(0,1fr) !important;

    gap:8px !important;

    min-height:18px !important;
    padding:2px 0 !important;
}

.kv56 span{
    white-space:nowrap !important;
}

.kv56 b{
    display:block !important;

    min-width:0 !important;

    text-align:right !important;

    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;

    word-break:normal !important;
    overflow-wrap:normal !important;
}

/* localização continua escondida no card compacto */
.detail56-body .detail56-section:nth-of-type(3){
    display:none !important;
}

/* evita que qualquer regra antiga force texto vertical */
#dPlate,
#dVehicle,
#dImei,
#dSim,
#dStock,
#dTechnician{
    writing-mode:horizontal-tb !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
}

/* KATE acima do rodapé */
#kateFab{
    bottom:46px !important;
}


/* =========================================================
   V6.2.3 — TOPO E NAVEGAÇÃO DA REFERÊNCIA
   ========================================================= */

/* barra principal */
.map61-sidebar{
    height:62px !important;
    padding:0 20px !important;
}

/* menu hamburguer */
.map61-sidebar-toggle{
    order:-2 !important;
    width:42px !important;
    margin:0 18px 0 0 !important;
}

.map61-sidebar-toggle .material-symbols-rounded{
    font-size:28px !important;
}

/* identidade RASTREACRE */
.map61-logo{
    order:-1 !important;

    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;

    width:290px !important;
    min-width:290px !important;
}

.map61-logo-mark{
    display:grid !important;
    visibility:visible !important;
}

.map61-logo-text{
    display:flex !important;
    visibility:visible !important;
}

.map61-logo-text b{
    display:block !important;
}

/* usuário permanece na barra escura */
.map61-user{
    top:8px !important;
    right:22px !important;
}

/* busca fica na faixa do mapa */
.map61-topbar{
    top:62px !important;
    height:70px !important;

    left:445px !important;
    right:70px !important;

    padding:0 !important;

    display:flex !important;
    justify-content:center !important;
    align-items:flex-start !important;
}

.map61-address-search{
    margin-top:10px !important;
    width:510px !important;
    height:46px !important;
}

/* atalhos principais */
.map62-primary-nav{
    position:fixed !important;

    top:76px !important;
    left:500px !important;
    right:115px !important;

    height:58px !important;

    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:12px !important;

    z-index:1060 !important;

    pointer-events:none;
}

/*
   Enquanto a busca ocupa o centro, os atalhos ficam abaixo dela.
*/
.map62-primary-nav{
    top:130px !important;
}

.map62-primary-nav a{
    pointer-events:auto;

    height:54px !important;
    min-width:160px !important;

    padding:0 24px !important;

    display:flex !important;
    justify-content:center !important;
    align-items:center !important;

    gap:10px !important;

    color:#10202d !important;
    background:#fff !important;

    border:1px solid #d7dfe4 !important;
    border-radius:10px !important;

    box-shadow:0 3px 12px rgba(0,0,0,.13) !important;

    text-decoration:none !important;
}

.map62-primary-nav a .material-symbols-rounded{
    font-size:25px !important;
}

.map62-primary-nav a b{
    font-size:15px !important;
    white-space:nowrap !important;
}

.map62-primary-nav a.active{
    color:#fff !important;
    background:#07863f !important;

    border:3px solid #fff !important;
    outline:2px solid #07863f !important;
}

/* mapa começa imediatamente abaixo da barra principal */
.map61-stage{
    top:62px !important;
}

/* frota da referência */
.map61-fleet{
    top:18px !important;
    width:435px !important;
}

/* cria visualmente as três abas principais da referência */
.map61-fleet-title{
    position:relative !important;
    padding-top:52px !important;
    min-height:96px !important;
}

.map61-fleet-title::before{
    content:"Veículos     Grupos     Alertas";

    position:absolute !important;
    left:14px !important;
    right:14px !important;
    top:12px !important;

    height:38px !important;

    display:flex !important;
    align-items:center !important;

    padding-left:24px !important;

    color:#fff !important;
    background:linear-gradient(
        to right,
        #07863f 0,
        #07863f 33%,
        #f1f3f5 33%,
        #f1f3f5 100%
    ) !important;

    border-radius:8px !important;

    font-size:14px !important;
    font-weight:700 !important;

    word-spacing:55px !important;
}

/* menos espaço visual no título antigo */
.map61-fleet-title > div > strong{
    display:none !important;
}

/* ferramentas alinhadas à referência */
.map61-tools{
    top:18px !important;
    right:18px !important;
}

/* detalhe inferior ligeiramente mais parecido */
.map61-detail{
    left:455px !important;
    right:88px !important;
    bottom:14px !important;

    border-radius:11px !important;
}

/* fundo do mapa permanece visível sob navegação */
.map62-primary-nav{
    background:transparent !important;
}


/* =========================================================
   V6.2.4 — TOPO FINAL
   Corrige logo + hamburger e preserva estrutura V6.2
   ========================================================= */

/* ===== BARRA ESCURA SUPERIOR ===== */

.map61-sidebar{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;

    width:100% !important;
    height:64px !important;
    min-height:64px !important;

    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;

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

    background:#102c2a !important;
    border:0 !important;
    border-radius:0 !important;

    z-index:5000 !important;
    overflow:visible !important;
}


/* sidebar expandida NÃO muda tamanho */

.map61-sidebar.expanded{
    width:100% !important;
}


/* ===== HAMBURGER ===== */

.map61-sidebar-toggle{
    position:relative !important;

    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;

    order:1 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:42px !important;
    height:42px !important;

    flex:0 0 42px !important;

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

    border:0 !important;
    border-radius:8px !important;

    background:transparent !important;
    color:#ffffff !important;

    transform:none !important;
}

.map61-sidebar-toggle:hover{
    background:rgba(255,255,255,.08) !important;
}

.map61-sidebar-toggle .material-symbols-rounded{
    font-size:27px !important;
    line-height:1 !important;
}


/* ===== LOGOTIPO ===== */

.map61-logo{
    position:relative !important;

    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;

    order:2 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;

    width:auto !important;
    min-width:0 !important;
    height:50px !important;

    margin:0 !important;
    padding:0 !important;

    visibility:visible !important;
    opacity:1 !important;

    text-decoration:none !important;

    transform:none !important;
}


/* símbolo R */

.map61-logo-mark{
    position:relative !important;

    display:grid !important;
    place-items:center !important;

    width:38px !important;
    height:38px !important;
    min-width:38px !important;

    margin:0 !important;

    border-radius:50% !important;

    background:#13a36f !important;
    color:#ffffff !important;

    font-size:22px !important;
    font-weight:900 !important;

    visibility:visible !important;
    opacity:1 !important;

    transform:none !important;
}


/* textos da marca */

.map61-logo-text{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-start !important;

    width:auto !important;

    visibility:visible !important;
    opacity:1 !important;

    line-height:1 !important;
}

.map61-logo-text b{
    display:block !important;

    color:#ffffff !important;

    font-size:18px !important;
    font-weight:800 !important;
    letter-spacing:.3px !important;

    white-space:nowrap !important;
}

.map61-logo-text b span{
    color:#25c785 !important;
}

.map61-logo-text small{
    display:block !important;

    margin-top:4px !important;

    color:#a9c7c0 !important;

    font-size:8px !important;
    font-weight:700 !important;
    letter-spacing:1.5px !important;

    white-space:nowrap !important;
}


/* ===== MENU LATERAL ANTIGO ===== */
/* continua no HTML por compatibilidade,
   mas não aparece no novo topo */

.map61-nav{
    display:none !important;
}


/* ===== SEGUNDA BARRA / BUSCA ===== */

.map61-topbar{
    position:fixed !important;

    top:64px !important;
    left:0 !important;
    right:0 !important;

    width:100% !important;
    height:58px !important;

    display:flex !important;
    align-items:center !important;

    padding:0 18px 0 455px !important;

    z-index:4100 !important;

    background:rgba(245,249,247,.96) !important;
    border-bottom:1px solid rgba(16,44,42,.10) !important;

    box-shadow:0 2px 8px rgba(15,42,40,.06) !important;
}


/* título antigo fica escondido;
   informações continuam disponíveis em outros pontos */

.map61-page-title{
    display:none !important;
}


/* busca central */

.map61-address-search{
    position:absolute !important;

    left:50% !important;
    top:9px !important;

    transform:translateX(-50%) !important;

    width:min(500px,38vw) !important;
    height:40px !important;

    margin:0 !important;
}


/* usuário à direita */

.map61-user{
    position:absolute !important;

    right:18px !important;
    top:8px !important;

    height:42px !important;

    margin:0 !important;
}


/* ===== NAVEGAÇÃO PRINCIPAL ===== */

.map62-primary-nav{
    top:132px !important;
    z-index:3900 !important;
}


/* ===== ÁREA DO MAPA ===== */

.map61-stage{
    top:122px !important;
}


/* ===== MOBILE ===== */

@media (max-width:900px){

    .map61-sidebar{
        padding:0 10px !important;
    }

    .map61-sidebar-toggle{
        margin-right:8px !important;
    }

    .map61-logo-text small{
        display:none !important;
    }

    .map61-topbar{
        padding:0 10px !important;
    }

    .map61-address-search{
        left:12px !important;
        transform:none !important;
        width:calc(100% - 150px) !important;
    }

    .map61-user span:not(.avatar){
        display:none !important;
    }

}


/* =========================================================
   V6.2.5 — CARD HORIZONTAL DO VEÍCULO
   Apenas apresentação. Nenhuma alteração de lógica.
   ========================================================= */

/* painel geral */
.map61-detail{
    position:fixed !important;

    left:438px !important;
    right:66px !important;
    bottom:38px !important;

    width:auto !important;
    height:230px !important;
    max-height:230px !important;

    padding:0 !important;

    background:#fff !important;
    border:1px solid rgba(15,42,40,.12) !important;
    border-radius:16px !important;

    box-shadow:
        0 10px 35px rgba(13,37,35,.18) !important;

    overflow:hidden !important;

    z-index:3500 !important;
}


/* =========================================================
   CABEÇALHO DO VEÍCULO
   ========================================================= */

.map61-detail .map56-detail-head{
    position:absolute !important;

    top:0 !important;
    left:0 !important;

    width:270px !important;
    height:94px !important;

    padding:17px 18px !important;

    border:0 !important;
    background:#fff !important;

    z-index:3 !important;
}

.map61-detail .map56-detail-head h2,
.map61-detail .map56-detail-head strong{
    margin:4px 0 0 !important;

    font-size:22px !important;
    line-height:1.05 !important;

    color:#102c2a !important;
}

.map61-detail .map56-detail-head small{
    font-size:11px !important;
    color:#738681 !important;
}


/* botão fechar */

.map61-detail .map56-detail-close,
.map61-detail #closeDetail{
    position:absolute !important;

    top:16px !important;
    right:14px !important;

    width:32px !important;
    height:32px !important;

    z-index:10 !important;
}


/* =========================================================
   CORPO
   ========================================================= */

.map61-detail .map56-detail-body{
    position:absolute !important;

    top:0 !important;
    left:270px !important;
    right:390px !important;
    bottom:0 !important;

    display:grid !important;

    grid-template-columns:
        minmax(190px, .75fr)
        minmax(440px, 2fr) !important;

    gap:14px !important;

    padding:58px 16px 14px 10px !important;

    overflow:hidden !important;
}


/* =========================================================
   TELEMETRIA PRINCIPAL
   ========================================================= */

.map61-detail .map61-telemetry{
    display:grid !important;

    grid-template-columns:1fr 1fr !important;
    grid-template-rows:1fr 1fr !important;

    gap:7px !important;

    min-width:0 !important;
}

.map61-detail .map61-telemetry > *{
    min-width:0 !important;

    padding:10px 12px !important;

    background:#f6f9f8 !important;
    border:1px solid #e1e9e6 !important;
    border-radius:8px !important;
}


/* =========================================================
   SENSORES
   ========================================================= */

.map61-detail .map61-sensors{
    display:grid !important;

    grid-template-columns:
        repeat(4,minmax(82px,1fr)) !important;

    grid-template-rows:
        repeat(2,1fr) !important;

    gap:7px !important;

    min-width:0 !important;
}

.map61-detail .map61-sensors > *{
    min-width:0 !important;

    padding:7px 6px !important;

    background:#f7faf9 !important;
    border:1px solid #e1e9e6 !important;
    border-radius:8px !important;

    text-align:center !important;
}


/* =========================================================
   COMANDOS — BLOCO DIREITO
   ========================================================= */

.map61-detail #commandSection{
    position:absolute !important;

    top:0 !important;
    right:0 !important;

    width:390px !important;
    height:104px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:9px !important;

    padding:18px 14px 10px !important;

    background:#fff !important;

    border-left:1px solid #edf1ef !important;

    z-index:4 !important;
}

.map61-detail #commandSection.hidden{
    display:none !important;
}

.map61-detail #commandSection button{
    width:76px !important;
    height:70px !important;

    flex:0 0 76px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    gap:5px !important;

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

    border-radius:9px !important;
}

.map61-detail #commandSection button
.material-symbols-rounded{
    font-size:20px !important;
}


/* =========================================================
   IDENTIFICAÇÃO — ABAIXO DOS COMANDOS
   ========================================================= */

.map61-detail .map61-identification{
    position:absolute !important;

    top:104px !important;
    right:0 !important;
    bottom:0 !important;

    width:390px !important;

    display:grid !important;

    grid-template-columns:
        1fr 1fr !important;

    align-content:start !important;

    gap:0 12px !important;

    padding:8px 16px 10px !important;

    background:#fbfcfc !important;

    border-left:1px solid #edf1ef !important;
    border-top:1px solid #edf1ef !important;

    overflow:hidden !important;
}

.map61-detail .map61-identification > *{
    min-width:0 !important;
}


/* =========================================================
   LOCALIZAÇÃO / INFORMAÇÕES SECUNDÁRIAS
   ========================================================= */

.map61-detail .map61-location{
    display:none !important;
}


/* =========================================================
   MENSAGEM DE COMANDO
   ========================================================= */

.map61-detail #commandMessage{
    position:absolute !important;

    left:18px !important;
    bottom:8px !important;

    width:235px !important;

    margin:0 !important;

    z-index:5 !important;
}


/* =========================================================
   PAINEL DA FROTA
   ========================================================= */

.map61-fleet{
    width:425px !important;
}

.map61-fleet .entity61{
    min-height:76px !important;
}

.map61-fleet .entity56-name{
    font-size:12px !important;
    font-weight:800 !important;
}

.map61-fleet .entity56-meta{
    font-size:9px !important;
}


/* =========================================================
   RESPONSIVO
   ========================================================= */

@media (max-width:1250px){

    .map61-detail{
        left:410px !important;
        right:60px !important;
    }

    .map61-detail .map56-detail-body{
        right:330px !important;
    }

    .map61-detail #commandSection,
    .map61-detail .map61-identification{
        width:330px !important;
    }

}


/* =========================================================
   V6.2.6 — ACABAMENTO DO CARD HORIZONTAL
   ========================================================= */

.map61-detail{
    left:410px !important;
    right:62px !important;
    bottom:48px !important;

    height:250px !important;
    max-height:250px !important;

    border-radius:14px !important;
}


/* ===== COLUNA ESQUERDA: VEÍCULO ===== */

.map61-detail .map56-detail-head{
    width:255px !important;
    height:100% !important;

    padding:20px 18px !important;

    border-right:1px solid #edf1ef !important;
}

.map61-detail .map56-detail-head h2,
.map61-detail .map56-detail-head strong{
    font-size:24px !important;
}


/* fechar fica no canto da coluna esquerda */

.map61-detail #closeDetail{
    top:18px !important;
    right:14px !important;
}


/* ===== CENTRO: TELEMETRIA ===== */

.map61-detail .map56-detail-body{
    left:255px !important;
    right:370px !important;

    grid-template-columns:
        245px
        minmax(420px,1fr) !important;

    gap:12px !important;

    padding:66px 14px 14px 14px !important;
}


/* título sensores */

.map61-detail .map56-detail-body::before{
    content:"SENSORES / TELEMETRIA";

    position:absolute !important;

    top:27px !important;
    left:274px !important;

    font-size:10px !important;
    font-weight:800 !important;
    letter-spacing:.7px !important;

    color:#687c77 !important;
}


/* cartões principais */

.map61-detail .map61-telemetry{
    gap:8px !important;
}

.map61-detail .map61-telemetry > *{
    padding:11px !important;
}


/* sensores */

.map61-detail .map61-sensors{
    grid-template-columns:repeat(4,minmax(90px,1fr)) !important;
    gap:8px !important;
}

.map61-detail .map61-sensors > *{
    padding:8px 6px !important;
}


/* ===== DIREITA ===== */

.map61-detail #commandSection{
    width:370px !important;
    height:108px !important;

    gap:8px !important;

    padding:18px 12px !important;
}

.map61-detail #commandSection button{
    width:78px !important;
    height:72px !important;

    flex:0 0 78px !important;

    border-radius:9px !important;
}


/* identificação abaixo dos comandos */

.map61-detail .map61-identification{
    top:108px !important;

    width:370px !important;

    padding:10px 14px 12px !important;

    grid-template-columns:1fr !important;

    overflow:auto !important;
}


/* evita informação esmagada */

.map61-detail .map61-identification > *{
    width:100% !important;
    min-height:20px !important;
}


/* ===== RODAPÉ NÃO SOBREPOR CARD ===== */

.map61-health{
    z-index:3400 !important;
}


/* ===== KATE ===== */

.kate56-fab,
.map61-kate{
    z-index:3600 !important;
}


/* telas menores */

@media (max-width:1400px){

    .map61-detail{
        left:405px !important;
        right:58px !important;
    }

    .map61-detail .map56-detail-body{
        right:330px !important;
        grid-template-columns:210px minmax(360px,1fr) !important;
    }

    .map61-detail #commandSection,
    .map61-detail .map61-identification{
        width:330px !important;
    }

    .map61-detail #commandSection button{
        width:68px !important;
        flex-basis:68px !important;
    }
}


/* =========================================================
   V6.2.7 — COMPACTAÇÃO FINAL DO CARD
   ========================================================= */

.map61-detail{
    height:220px !important;
    max-height:220px !important;

    left:410px !important;
    right:72px !important;
    bottom:46px !important;
}


/* ===== VEÍCULO ===== */

.map61-detail .map56-detail-head{
    width:250px !important;
    padding:17px 18px !important;
}

.map61-detail .map56-detail-head h2,
.map61-detail .map56-detail-head strong{
    font-size:23px !important;
}


/* ===== CENTRO ===== */

.map61-detail .map56-detail-body{
    left:250px !important;
    right:390px !important;

    grid-template-columns:
        255px
        minmax(430px,1fr) !important;

    padding:
        58px
        14px
        12px
        14px !important;

    gap:12px !important;
}


/* título sensores */

.map61-detail .map56-detail-body::before{
    top:20px !important;
    left:278px !important;
}


/* telemetria */

.map61-detail .map61-telemetry{
    gap:6px !important;
}

.map61-detail .map61-telemetry > *{
    padding:8px 10px !important;
}


/* sensores */

.map61-detail .map61-sensors{
    gap:6px !important;
}

.map61-detail .map61-sensors > *{
    padding:6px 5px !important;
}


/* ===== COMANDOS ===== */

.map61-detail #commandSection{
    width:390px !important;
    height:100px !important;

    padding:14px 12px !important;
    gap:8px !important;
}

.map61-detail #commandSection button{
    width:76px !important;
    height:70px !important;
    flex-basis:76px !important;
}


/* Alertas precisa continuar legível */

.map61-detail #alertsBtn{
    opacity:1 !important;
}


/* ===== IDENTIFICAÇÃO ===== */

.map61-detail .map61-identification{
    top:100px !important;

    width:390px !important;

    padding:7px 14px 8px !important;

    font-size:10px !important;
}

.map61-detail .map61-identification > *{
    min-height:18px !important;
}


/* ===== KATE NÃO COBRE O CARD ===== */

.kate56-fab,
.map61-kate{
    right:12px !important;
    bottom:10px !important;
}


/* ===== TELAS MENORES ===== */

@media (max-width:1400px){

    .map61-detail{
        right:64px !important;
    }

    .map61-detail .map56-detail-body{
        right:340px !important;
        grid-template-columns:
            220px
            minmax(360px,1fr) !important;
    }

    .map61-detail #commandSection,
    .map61-detail .map61-identification{
        width:340px !important;
    }
}


/* =========================================================
   V6.2.7 — COMPACTAÇÃO FINAL DO CARD
   ========================================================= */

.map61-detail{
    height:220px !important;
    max-height:220px !important;

    left:410px !important;
    right:72px !important;
    bottom:46px !important;
}


/* ===== VEÍCULO ===== */

.map61-detail .map56-detail-head{
    width:250px !important;
    padding:17px 18px !important;
}

.map61-detail .map56-detail-head h2,
.map61-detail .map56-detail-head strong{
    font-size:23px !important;
}


/* ===== CENTRO ===== */

.map61-detail .map56-detail-body{
    left:250px !important;
    right:390px !important;

    grid-template-columns:
        255px
        minmax(430px,1fr) !important;

    padding:
        58px
        14px
        12px
        14px !important;

    gap:12px !important;
}


/* título sensores */

.map61-detail .map56-detail-body::before{
    top:20px !important;
    left:278px !important;
}


/* telemetria */

.map61-detail .map61-telemetry{
    gap:6px !important;
}

.map61-detail .map61-telemetry > *{
    padding:8px 10px !important;
}


/* sensores */

.map61-detail .map61-sensors{
    gap:6px !important;
}

.map61-detail .map61-sensors > *{
    padding:6px 5px !important;
}


/* ===== COMANDOS ===== */

.map61-detail #commandSection{
    width:390px !important;
    height:100px !important;

    padding:14px 12px !important;
    gap:8px !important;
}

.map61-detail #commandSection button{
    width:76px !important;
    height:70px !important;
    flex-basis:76px !important;
}


/* Alertas precisa continuar legível */

.map61-detail #alertsBtn{
    opacity:1 !important;
}


/* ===== IDENTIFICAÇÃO ===== */

.map61-detail .map61-identification{
    top:100px !important;

    width:390px !important;

    padding:7px 14px 8px !important;

    font-size:10px !important;
}

.map61-detail .map61-identification > *{
    min-height:18px !important;
}


/* ===== KATE NÃO COBRE O CARD ===== */

.kate56-fab,
.map61-kate{
    right:12px !important;
    bottom:10px !important;
}


/* ===== TELAS MENORES ===== */

@media (max-width:1400px){

    .map61-detail{
        right:64px !important;
    }

    .map61-detail .map56-detail-body{
        right:340px !important;
        grid-template-columns:
            220px
            minmax(360px,1fr) !important;
    }

    .map61-detail #commandSection,
    .map61-detail .map61-identification{
        width:340px !important;
    }
}