/* RASTREACRE MAPA CABECALHO PAINEL FINAL V6 */

/* Cancela o espaço vazio criado pelo ajuste anterior. */
body.map61-body #fleetPanel {
    padding-top: 0 !important;
}

/* Esconde apenas o texto e as abas do cabeçalho interno.
   O botão de recolher permanece no HTML e funcional. */
body.map61-body #fleetPanel
.fleet56-title.map61-fleet-title > div {
    display: none !important;
}

/* Cabeçalho reduzido: somente o botão à direita. */
body.map61-body #fleetPanel
.fleet56-title.map61-fleet-title {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-height: 42px !important;
    height: 42px !important;
    padding: 4px 12px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: 0 !important;
}

/* Preserva o botão original de recolher. */
body.map61-body #fleetPanel #fleetCollapse {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    inset: auto !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
}

/* A pesquisa começa imediatamente após a linha do botão. */
body.map61-body #fleetPanel > .fleet56-body {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* RASTREACRE REMOCAO DEFINITIVA FAIXA PSEUDOELEMENTO */

/* A faixa Veículos / Grupos / Alertas é criada por
   .map61-fleet-title::before em map-v62.css. */
body.map61-body #fleetPanel
.fleet56-title.map61-fleet-title::before,
body.map61-body #fleetPanel
.fleet56-title.map61-fleet-title::after {
    content: none !important;
    display: none !important;
}

/* Elimina o espaço reservado para a faixa antiga. */
body.map61-body #fleetPanel
.fleet56-title.map61-fleet-title {
    padding: 4px 12px !important;
    padding-top: 4px !important;
    min-height: 42px !important;
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    background: transparent !important;
    border: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* Mantém oculto o título antigo Minha frota. */
body.map61-body #fleetPanel
.fleet56-title.map61-fleet-title > div {
    display: none !important;
}

/* Mantém o botão de recolher à direita. */
body.map61-body #fleetPanel #fleetCollapse {
    display: inline-flex !important;
    position: relative !important;
    inset: auto !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
}

/* Remove o espaço adicional do ajuste anterior. */
body.map61-body #fleetPanel {
    padding-top: 0 !important;
}

body.map61-body #fleetPanel > .fleet56-body {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* RASTREACRE FERRAMENTAS COMPACTAS V6 */

/* Coluna de ferramentas do mapa */
body.map61-body .map61-tools {
    top: 10px !important;
    right: 12px !important;
    gap: 5px !important;
}

/* Botões menores, mantendo os eventos existentes */
body.map61-body .map61-tools .map56-tool {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 9px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 34px !important;
}

/* Ícones proporcionais aos novos botões */
body.map61-body .map61-tools .map56-tool
.material-symbols-rounded {
    font-size: 18px !important;
    line-height: 1 !important;
}

/* Mantém a coluna compacta em telas menores */
@media (max-width: 700px) {
    body.map61-body .map61-tools {
        top: 8px !important;
        right: 8px !important;
        gap: 4px !important;
    }

    body.map61-body .map61-tools .map56-tool {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        flex-basis: 32px !important;
    }
}


/* RASTREACRE KATE COMPACTA AO LADO DAS FERRAMENTAS */

/*
  Ferramentas: 34 px de largura, a 12 px da borda direita.
  Distância livre desejada: aproximadamente 2 cm = 76 px.
  K.A.T.E.: 34 px de largura.
  right = 12 + 34 + 76 = 122 px.
*/

body.map61-body #kateFab {
    position: fixed !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;

    left: auto !important;
    right: 122px !important;
    top: 135px !important;
    bottom: auto !important;

    margin: 0 !important;
    padding: 0 !important;
    z-index: 900 !important;
}

body.map61-body #kateFab img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
}

/* Em telas pequenas, preserva o afastamento da coluna. */
@media (max-width: 700px) {
    body.map61-body #kateFab {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;

        left: auto !important;
        right: 116px !important;
        top: 125px !important;
        bottom: auto !important;
    }
}


/* RASTREACRE KATE TAMANHO 80PX */

/* Mantém aproximadamente 76 px livres até a coluna
   de ferramentas, que começa a 12 px da borda direita. */
body.map61-body #kateFab {
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;

    left: auto !important;
    right: 122px !important;
    top: 135px !important;
    bottom: auto !important;
}

body.map61-body #kateFab img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

@media (max-width: 700px) {
    body.map61-body #kateFab {
        width: 80px !important;
        height: 80px !important;
        min-width: 80px !important;
        min-height: 80px !important;

        left: auto !important;
        right: 116px !important;
        top: 125px !important;
        bottom: auto !important;
    }
}


/* RASTREACRE KATE APROXIMADA 1CM */

/* Aproxima a K.A.T.E. dos ícones laterais em 38 px. */
body.map61-body #kateFab {
    left: auto !important;
    right: 84px !important;
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
}

@media (max-width: 700px) {
    body.map61-body #kateFab {
        left: auto !important;
        right: 78px !important;
        width: 80px !important;
        height: 80px !important;
    }
}


/* RASTREACRE TEMA LISTAGEM VEICULOS V6 */

/* Painel e área de rolagem dos veículos */
html[data-rt-theme] body.map61-body #fleetPanel,
html[data-rt-theme] body.map61-body #fleetPanel
:is(
    .fleet56-body,
    .fleet56-list,
    .fleet56-vehicles,
    .fleet56-entities,
    .fleet56-scroll,
    .map61-fleet-list
) {
    background: var(--rt-card) !important;
    color: var(--rt-text) !important;
    border-color: var(--rt-line) !important;
}

/* Linhas dos veículos: acompanha o tema selecionado */
html[data-rt-theme] body.map61-body #fleetPanel
:is(
    .entity56,
    .entity61,
    .entity56-row,
    .entity61-row,
    .entity56-card,
    .entity61-card,
    .entity61-wrap
) {
    background: var(--rt-card) !important;
    color: var(--rt-text) !important;
    border-color: var(--rt-line) !important;
}

/* Veículo selecionado */
html[data-rt-theme] body.map61-body #fleetPanel
:is(.entity56, .entity61, .entity61-wrap).active {
    background: var(--rt-surface-2, var(--rt-card)) !important;
}

/* Placa, modelo e informações auxiliares */
html[data-rt-theme] body.map61-body #fleetPanel
:is(
    .entity56-name,
    .entity61-name,
    .entity56-plate,
    .entity61-plate
) {
    color: var(--rt-text) !important;
}

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

/* Não altera os indicadores de status, velocidade,
   filtros, pesquisa ou eventos dos veículos. */


/* RASTREACRE TEMA DETALHES VEICULO V6 */

/* Fundo principal e áreas internas do painel de detalhes. */
html[data-rt-theme] body.map61-body #detailPanel.map61-detail,
html[data-rt-theme] body.map61-body #detailPanel .map61-detail-head,
html[data-rt-theme] body.map61-body #detailPanel .detail56-body,
html[data-rt-theme] body.map61-body #detailPanel .detail56-section {
    background: var(--rt-card, #102019) !important;
    color: var(--rt-text, #edf5ef) !important;
    border-color: var(--rt-line, rgba(255,255,255,.12)) !important;
}

/* Placa, título, valores e identificação. */
html[data-rt-theme] body.map61-body #detailPanel
:is(
    .map61-detail-head h2,
    .telemetry56 article strong,
    .sensor56 b,
    .kv56 b
) {
    color: var(--rt-text, #edf5ef) !important;
}

/* Modelo do veículo, rótulos e textos auxiliares. */
html[data-rt-theme] body.map61-body #detailPanel
:is(
    .map61-detail-head p,
    .detail56-section h3,
    .telemetry56 article span,
    .sensor56 small,
    .kv56 span
) {
    color: var(--rt-muted, #9bb0a5) !important;
}

/* Cartões de telemetria e sensores. */
html[data-rt-theme] body.map61-body #detailPanel
:is(
    .telemetry56 article,
    .sensor56
) {
    background: var(
        --rt-surface-2,
        var(--rt-card, #102019)
    ) !important;
    border-color: var(
        --rt-line,
        rgba(255,255,255,.12)
    ) !important;
}

/* Linhas de identificação. */
html[data-rt-theme] body.map61-body #detailPanel .kv56 {
    border-color: var(--rt-line, rgba(255,255,255,.12)) !important;
}

/* Botão de fechar: somente contraste do ícone. */
html[data-rt-theme] body.map61-body #detailPanel .detail56-close {
    color: var(--rt-text, #edf5ef) !important;
}

/* Preserva as cores dos estados, dos indicadores e
   dos botões de comando do veículo. */


/* RASTREACRE TEMA FUNDO ACOES DETALHES V6 */

/* Fundo da região dos comandos do veículo.
   Não modifica os botões nem seus estados. */
html[data-rt-theme] body.map61-body
#detailPanel .detail56-actions {
    background: var(--rt-card, #102019) !important;
    border-color: var(--rt-line, rgba(255,255,255,.12)) !important;
}

/* Caso os comandos estejam dentro de um contêiner próprio
   da versão horizontal do painel. */
html[data-rt-theme] body.map61-body
#detailPanel .map61-detail-actions {
    background: var(--rt-card, #102019) !important;
    border-color: var(--rt-line, rgba(255,255,255,.12)) !important;
}


/* RASTREACRE FUNDO CORRETO COMMANDSECTION V6 */

/* Fundo da faixa que contém os quatro comandos. */
html[data-rt-theme] body.map61-body
#detailPanel #commandSection.map61-quick-actions {
    background: var(--rt-card, #102019) !important;
    background-color: var(--rt-card, #102019) !important;
    background-image: none !important;
    border-color: var(
        --rt-line,
        rgba(255,255,255,.12)
    ) !important;
}

/* Preserva os botões e suas cores originais. */


/* RASTREACRE COMANDOS ACIMA DOS SENSORES V6 */

/*
 * O painel horizontal possui:
 * - informações do veículo à esquerda;
 * - sensores / telemetria no centro;
 * - identificação à direita.
 *
 * Posiciona os comandos na parte superior da coluna central.
 * Não altera os quatro botões nem seus eventos.
 */

html[data-rt-theme] body.map61-body
#detailPanel.map61-detail {
    position: absolute !important;
}

/* Faixa de comandos restrita à região central do painel. */
html[data-rt-theme] body.map61-body
#detailPanel #commandSection.map61-quick-actions {
    position: absolute !important;

    /* A coluna central começa após a área da placa/modelo. */
    left: 32% !important;
    right: 17% !important;
    top: 8px !important;

    width: auto !important;
    height: 88px !important;

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

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

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

    background: transparent !important;
    border: 0 !important;
    z-index: 5 !important;
}

/* Mantém os quatro botões na mesma linha. */
html[data-rt-theme] body.map61-body
#detailPanel #commandSection > :is(button, a) {
    flex-shrink: 0 !important;
    margin: 0 !important;
}

/* Em telas estreitas, não força os comandos para fora do painel. */
@media (max-width: 900px) {
    html[data-rt-theme] body.map61-body
    #detailPanel #commandSection.map61-quick-actions {
        left: 32% !important;
        right: 4% !important;
        gap: 4px !important;
    }
}


/* RASTREACRE QUATRO COMANDOS LARGURA IGUAL V6 */

/* Altera somente a largura dos quatro botões.
   Preserva o posicionamento aprovado do conjunto. */
html[data-rt-theme] body.map61-body
#detailPanel #commandSection > #blockBtn,

html[data-rt-theme] body.map61-body
#detailPanel #commandSection > #unblockBtn,

html[data-rt-theme] body.map61-body
#detailPanel #commandSection > #anchorBtn,

html[data-rt-theme] body.map61-body
#detailPanel #commandSection > #alertsBtn {
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    flex: 0 0 76px !important;
    box-sizing: border-box !important;
}


/* RASTREACRE LAYOUT DETALHES IDENTIFICACAO PRIMEIRO V6 */

/*
   Layout visual:
   topo: placa/modelo | comandos compactos | X
   baixo: identificação | telemetria | sensores

   Os elementos continuam no HTML original.
*/

/* O painel é a referência para os elementos internos. */
html[data-rt-theme] body.map61-body
#detailPanel.map61-detail {
    position: absolute !important;
    box-sizing: border-box !important;
    min-height: 220px !important;
}

/* Cabeçalho do veículo: placa e modelo à esquerda. */
html[data-rt-theme] body.map61-body
#detailPanel .detail56-head.map61-detail-head {
    position: absolute !important;
    top: 8px !important;
    left: 14px !important;
    right: auto !important;
    bottom: auto !important;
    width: 30% !important;
    height: 82px !important;
    min-height: 0 !important;
    padding: 5px 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
    z-index: 3 !important;
}

/* X fixo no canto superior direito do painel. */
html[data-rt-theme] body.map61-body
#detailPanel #closeDetail.detail56-close {
    position: fixed !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    transform: none !important;
}

/* O posicionamento do X usa o próprio painel como referência. */
html[data-rt-theme] body.map61-body
#detailPanel .detail56-head.map61-detail-head {
    display: block !important;
}

html[data-rt-theme] body.map61-body
#detailPanel #closeDetail.detail56-close {
    position: absolute !important;
    top: 0 !important;
    left: calc(100vw - 190px) !important;
    width: 30px !important;
    height: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 20 !important;
}

/* Quatro comandos acima das informações, com menor espaço. */
html[data-rt-theme] body.map61-body
#detailPanel #commandSection.map61-quick-actions {
    position: absolute !important;
    top: 7px !important;
    left: 34% !important;
    right: 45px !important;
    bottom: auto !important;
    width: auto !important;
    height: 78px !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    transform: none !important;
    border: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
    z-index: 4 !important;
}

/* Os quatro comandos permanecem com largura igual. */
html[data-rt-theme] body.map61-body
#detailPanel #commandSection > :is(
    #blockBtn, #unblockBtn, #anchorBtn, #alertsBtn
) {
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    flex: 0 0 72px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* Área de informações: ocupa a largura abaixo do cabeçalho. */
html[data-rt-theme] body.map61-body
#detailPanel .detail56-body {
    position: absolute !important;
    top: 91px !important;
    left: 14px !important;
    right: 14px !important;
    bottom: 8px !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns:
        minmax(150px, 22%)
        minmax(190px, 25%)
        minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    column-gap: 12px !important;
    align-items: start !important;
    overflow: auto !important;
    box-sizing: border-box !important;
}

/* Identificação: primeira coluna, à esquerda. */
html[data-rt-theme] body.map61-body
#detailPanel .detail56-body > .detail56-section:nth-of-type(2) {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Telemetria: segunda coluna. */
html[data-rt-theme] body.map61-body
#detailPanel .detail56-body > .telemetry56 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
}

/* Sensores: terceira coluna, depois da telemetria. */
html[data-rt-theme] body.map61-body
#detailPanel .detail56-body > .detail56-section:nth-of-type(1) {
    grid-column: 3 !important;
    grid-row: 1 !important;
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

html[data-rt-theme] body.map61-body
#detailPanel .sensor56-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
}

/* Localização permanece disponível após as informações. */
html[data-rt-theme] body.map61-body
#detailPanel .detail56-body > .detail56-section:nth-of-type(3) {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    margin: 12px 0 0 !important;
}

/* Mensagens dos comandos continuam visíveis. */
html[data-rt-theme] body.map61-body
#detailPanel #commandMessage {
    grid-column: 1 / -1 !important;
    position: relative !important;
    inset: auto !important;
    width: auto !important;
}

/* Em telas menores, mantém a ordem sem sobreposição. */
@media (max-width: 1050px) {
    html[data-rt-theme] body.map61-body
    #detailPanel .detail56-body {
        grid-template-columns:
            minmax(130px, 24%)
            minmax(150px, 26%)
            minmax(0, 1fr) !important;
        column-gap: 7px !important;
    }

    html[data-rt-theme] body.map61-body
    #detailPanel .sensor56-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html[data-rt-theme] body.map61-body
    #detailPanel #commandSection > :is(
        #blockBtn, #unblockBtn, #anchorBtn, #alertsBtn
    ) {
        width: 62px !important;
        min-width: 62px !important;
        max-width: 62px !important;
        flex-basis: 62px !important;
    }
}


/* RASTREACRE DETALHES COMPACTOS SEM ROLAGEM V6 */

/* Mantém a organização aprovada e libera a altura
   necessária para mostrar as duas linhas de cartões. */
html[data-rt-theme] body.map61-body
#detailPanel.map61-detail {
    min-height: 238px !important;
}

/* Remove somente a barra de rolagem interna das informações. */
html[data-rt-theme] body.map61-body
#detailPanel .detail56-body {
    top: 84px !important;
    bottom: 5px !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    align-items: start !important;
}

/* Telemetria: cartões mais baixos, preservando os valores. */
html[data-rt-theme] body.map61-body
#detailPanel .telemetry56 {
    gap: 5px !important;
}

html[data-rt-theme] body.map61-body
#detailPanel .telemetry56 article {
    min-height: 48px !important;
    height: 48px !important;
    padding: 6px 8px !important;
    box-sizing: border-box !important;
}

/* Sensores: duas linhas compactas, sem cortar ícones e textos. */
html[data-rt-theme] body.map61-body
#detailPanel .sensor56-grid {
    gap: 5px !important;
}

html[data-rt-theme] body.map61-body
#detailPanel .sensor56 {
    min-height: 48px !important;
    height: 48px !important;
    padding: 3px 4px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1px !important;
}

html[data-rt-theme] body.map61-body
#detailPanel .sensor56 > .material-symbols-rounded {
    font-size: 16px !important;
    line-height: 17px !important;
}

html[data-rt-theme] body.map61-body
#detailPanel .sensor56 > b {
    line-height: 13px !important;
}

html[data-rt-theme] body.map61-body
#detailPanel .sensor56 > small {
    line-height: 11px !important;
}

/* Títulos mais próximos dos cartões. */
html[data-rt-theme] body.map61-body
#detailPanel .detail56-section > h3 {
    margin: 0 0 4px !important;
    line-height: 14px !important;
}


/* RASTREACRE PESQUISA ENDERECO VISIVEL V7 - INICIO */

/*
 * A pesquisa já existe dentro de #mapStage.
 * Ela estava em x=12 e ficava atrás do #fleetPanel.
 * Mantemos sua estrutura e apenas corrigimos posição e camada.
 */

body.map61-body #mapStage > .map61-address-search {
    position: absolute !important;
    top: 16px !important;

    /*
     * Centraliza a pesquisa no espaço disponível à direita
     * do painel da frota.
     */
    left: calc(
        var(--rt-map-fleet-width, 300px)
        + (100% - var(--rt-map-fleet-width, 300px)) / 2
    ) !important;

    right: auto !important;
    transform: translateX(-50%) !important;

    z-index: 1200 !important;
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* Mantém o campo e o botão acessíveis. */
body.map61-body #mapStage > .map61-address-search input,
body.map61-body #mapStage > .map61-address-search button {
    pointer-events: auto !important;
}

/* RASTREACRE PESQUISA ENDERECO VISIVEL V7 - FIM */


/* RASTREACRE: MAPA SEM FAIXA INFERIOR */
#mapStage.map61-stage {
    bottom: 0px !important;
    height: auto !important;
}

#mapStage.map61-stage #map {
    inset: 0px !important;
    height: 100% !important;
}

/* RASTREACRE: X DO VEICULO — POSICAO FINAL VALIDADA */
#detailPanel.map61-detail {
    position: absolute !important;
}

html[data-rt-theme] body.map61-body
#detailPanel #closeDetail.detail56-close {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    left: auto !important;
    bottom: auto !important;
    inset: auto 8px auto auto !important;
    transform: none !important;

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

    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 7px !important;

    background: #10251b !important;
    color: #ffeb00 !important;
    font: bold 29px Arial, sans-serif !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 2147483647 !important;
    cursor: pointer !important;
}

html[data-rt-theme] body.map61-body
#detailPanel #closeDetail.detail56-close .material-symbols-rounded {
    display: none !important;
}

html[data-rt-theme] body.map61-body
#detailPanel #closeDetail.detail56-close::after {
    content: "×";
    color: #ffeb00 !important;
    font: bold 29px Arial, sans-serif !important;
    line-height: 1 !important;
}