/* Camada compartilhada, ativada apenas nas páginas em homologação. */
html:is(.piloto-visual-rastreadores,.visual-plataforma) {
    --ui-fundo: #f5f6f8;
    --ui-superficie: #ffffff;
    --ui-suave: #f1f3f6;
    --ui-hover: #f7f8fa;
    --ui-texto: #202733;
    --ui-secundario: #5f6b7a;
    --ui-borda: #e1e5eb;
    --ui-overlay: rgba(15, 23, 42, .38);
    --ui-atencao: #92400e;
    --ui-sucesso: #166534;
    --ui-erro: #b91c1c;
    --ui-legado: #1d4ed8;
    --ui-altura-topo: 88px;
    --proteja-bg: var(--ui-fundo);
    --proteja-bg-2: var(--ui-suave);
    --proteja-card: var(--ui-superficie);
    --proteja-texto: var(--ui-texto);
    --proteja-muted: var(--ui-secundario);
    --proteja-borda: var(--ui-borda);
}
html:is(.piloto-visual-rastreadores,.visual-plataforma)[data-tema="escuro"] {
    --ui-fundo: #101419;
    --ui-superficie: #191f27;
    --ui-suave: #222a35;
    --ui-hover: #252e3a;
    --ui-texto: #edf0f5;
    --ui-secundario: #a4afbf;
    --ui-borda: #323d4b;
    --ui-overlay: rgba(0, 0, 0, .62);
    --ui-atencao: #fde68a;
    --ui-sucesso: #86efac;
    --ui-erro: #fca5a5;
    --ui-legado: #93c5fd;
}
html:is(.piloto-visual-rastreadores,.visual-plataforma) body {
    background: var(--ui-fundo) !important;
    color: var(--ui-texto) !important;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    background-image: none !important;
}
html:is(.piloto-visual-rastreadores,.visual-plataforma) body :is(h1,h2,h3,h4,label) {
    color: var(--ui-texto) !important;
    font-family: inherit !important;
}
html:is(.piloto-visual-rastreadores,.visual-plataforma) .topo-padrao-plataforma {
    height: var(--ui-altura-topo) !important;
    background: var(--proteja-menu) !important;
    color: var(--proteja-menu-texto,#fff) !important;
    border-bottom: 1px solid color-mix(in srgb,var(--proteja-menu-texto,#fff) 16%,transparent) !important;
    box-shadow: none !important;
}
html:is(.piloto-visual-rastreadores,.visual-plataforma) .topo-conteudo-padrao {
    height: var(--ui-altura-topo) !important;
    min-height: var(--ui-altura-topo) !important;
    width: calc(100% - 40px) !important;
    gap: 12px !important;
    padding: 0 !important;
}
html:is(.piloto-visual-rastreadores,.visual-plataforma) .topo-identidade-padrao {gap: 20px;}
html:is(.piloto-visual-rastreadores,.visual-plataforma) .logo-padrao-plataforma {
    height: 70px !important;
    max-width: 260px !important;
    padding: 0;
    border-radius: 0 !important;
    background: transparent !important;
    box-sizing: border-box;
}
html:is(.piloto-visual-rastreadores,.visual-plataforma) .titulo-padrao-plataforma {
    position: static;
    margin-left: 4px;
}
html:is(.piloto-visual-rastreadores,.visual-plataforma) .titulo-padrao-plataforma h1 {
    font-size: 21px !important;
    font-weight: 650 !important;
    letter-spacing: -.04em !important;
    color: var(--proteja-menu-texto,#fff) !important;
}
html:is(.piloto-visual-rastreadores,.visual-plataforma) .barra-titulo-padrao {display: none;}
html:is(.piloto-visual-rastreadores,.visual-plataforma) :is(.btn-menu-padrao,.btn-voltar-padrao) {
    min-width: 0;
    min-height: 40px;
    padding: 9px 12px !important;
    border: 1px solid var(--ui-borda) !important;
    border-radius: 8px !important;
    background: var(--ui-superficie) !important;
    color: var(--ui-texto) !important;
    font-size: 12px !important;
    box-shadow: none !important;
}
html:is(.piloto-visual-rastreadores,.visual-plataforma) .topo-acoes-padrao {gap: 8px !important;}
html:is(.piloto-visual-rastreadores,.visual-plataforma) .btn-novo-rastreador {
    min-height: 40px;
    padding: 9px 14px !important;
    font-size: 12px !important;
}
html:is(.piloto-visual-rastreadores,.visual-plataforma) .menu-lateral-padrao {
    top: var(--ui-altura-topo);
    height: calc(100dvh - var(--ui-altura-topo));
    background: var(--ui-superficie) !important;
    color: var(--ui-texto) !important;
    border-right: 1px solid var(--ui-borda);
    box-shadow: none;
}
html:is(.piloto-visual-rastreadores,.visual-plataforma) .menu-overlay-padrao {
    inset: var(--ui-altura-topo) 0 0;
    background: var(--ui-overlay);
}
html:is(.piloto-visual-rastreadores,.visual-plataforma) .item-menu-padrao {
    color: var(--ui-secundario) !important;
    font-size: 13px;
}
html:is(.piloto-visual-rastreadores,.visual-plataforma) .item-menu-padrao.ativo {
    background: color-mix(in srgb,var(--proteja-azul-700) 13%,var(--ui-superficie)) !important;
    color: var(--ui-texto) !important;
    border-left: 3px solid var(--proteja-azul-700);
    box-shadow: 0 5px 18px color-mix(in srgb,var(--proteja-azul-700) 25%,transparent) !important;
    font-weight: 750;
}
html:is(.piloto-visual-rastreadores,.visual-plataforma) .item-menu-padrao:hover {
    background: var(--ui-hover) !important;
    color: var(--ui-texto) !important;
}
html:is(.piloto-visual-rastreadores,.visual-plataforma) :is(input,select,textarea) {
    color: var(--ui-texto) !important;
    background: var(--ui-superficie) !important;
    border-color: var(--ui-borda) !important;
    border-radius: 7px !important;
}
html:is(.piloto-visual-rastreadores,.visual-plataforma) input::placeholder {color: var(--ui-secundario);opacity: 1;}
html:is(.piloto-visual-rastreadores,.visual-plataforma) :is(input,select,textarea):focus {
    border-color: var(--proteja-azul-700) !important;
    box-shadow: none !important;
    outline: 2px solid var(--ui-secundario);outline-offset: 2px;
}
html:is(.piloto-visual-rastreadores,.visual-plataforma) .menu-administrativo-aplicativo :is(.menu-app-lista,.item-menu-padrao) {
    background: var(--ui-superficie) !important;
    border-color: var(--ui-borda) !important;
    color: var(--ui-texto) !important;
}
html:is(.piloto-visual-rastreadores,.visual-plataforma) .menu-administrativo-aplicativo .menu-app-grupo > h2 {
    color: var(--ui-secundario) !important;
}
html:is(.piloto-visual-rastreadores,.visual-plataforma) .menu-administrativo-aplicativo .menu-app-capa :is(h1,h2,p) {
    color: var(--proteja-menu-texto,#fff) !important;
}
html:is(.piloto-visual-rastreadores,.visual-plataforma).proteja-webview .menu-lateral-padrao.menu-administrativo-aplicativo {
    background: var(--ui-fundo) !important;color: var(--ui-texto) !important;
}
html:is(.piloto-visual-rastreadores,.visual-plataforma).proteja-webview .menu-administrativo-aplicativo :is(.menu-app-lista,.item-menu-padrao) {
    background: var(--ui-superficie) !important;color: var(--ui-texto) !important;border-color: var(--ui-borda) !important;
}
html:is(.piloto-visual-rastreadores,.visual-plataforma).proteja-webview .menu-administrativo-aplicativo .item-menu-padrao :is(strong,.menu-app-seta) {color: inherit !important;}
html:is(.piloto-visual-rastreadores,.visual-plataforma).proteja-webview .menu-administrativo-aplicativo .menu-app-grupo > h2 {color: var(--ui-secundario) !important;}
html:is(.piloto-visual-rastreadores,.visual-plataforma).proteja-webview .menu-administrativo-aplicativo .item-menu-padrao:is(.ativo,:hover) {
    background: var(--ui-suave) !important;color: var(--ui-texto) !important;
}
html:is(.piloto-visual-rastreadores,.visual-plataforma) :focus-visible {outline: 2px solid var(--proteja-azul-700);outline-offset: 3px;}
@media (max-width: 760px) {
    html:is(.piloto-visual-rastreadores,.visual-plataforma) {--ui-altura-topo: 116px;}
    html:is(.piloto-visual-rastreadores,.visual-plataforma) .topo-conteudo-padrao {
        width: calc(100% - 24px) !important;
        display: grid !important;
        grid-template-columns: minmax(0,1fr);
        grid-template-rows: 60px 40px;
        align-content: center;
        gap: 8px !important;
    }
    html:is(.piloto-visual-rastreadores,.visual-plataforma) .topo-identidade-padrao {
        display: flex !important;gap: 10px;grid-column: 1;grid-row: 1;width: 100%;
    }
    html:is(.piloto-visual-rastreadores,.visual-plataforma) .logo-padrao-plataforma {height: 56px !important;width: auto !important;max-width: min(39vw, 170px) !important;margin-left: 0;min-width: 0;}
    html:is(.piloto-visual-rastreadores,.visual-plataforma) .titulo-padrao-plataforma {
        display: flex;width: auto;min-height: 0;margin: 0 !important;padding: 0;
        background: transparent !important;border: 0;box-shadow: none;
    }
    html:is(.piloto-visual-rastreadores,.visual-plataforma) .titulo-padrao-plataforma h1 {font-size: clamp(15px,4.6vw,18px) !important;}
    html:is(.piloto-visual-rastreadores,.visual-plataforma) .btn-menu-padrao > span:last-child {display: none;}
    html:is(.piloto-visual-rastreadores,.visual-plataforma) .topo-padrao-plataforma .topo-acoes-padrao {
        grid-column: 1;grid-row: 2;width: 100%;margin-left: auto;
        flex-wrap: nowrap;justify-content: flex-end;
    }
    html:is(.piloto-visual-rastreadores,.visual-plataforma) .topo-acoes-padrao > :is(button,a) {width: auto !important;flex: 0 1 auto;}
    html:is(.piloto-visual-rastreadores,.visual-plataforma) .topo-acoes-padrao :is(.btn-voltar-padrao) {
        padding: 8px !important;font-size: 11px !important;
    }
    html:is(.piloto-visual-rastreadores,.visual-plataforma) .btn-voltar-padrao strong {font-size: inherit;}
    html:is(.piloto-visual-rastreadores,.visual-plataforma) .topo-acoes-padrao .btn-novo-rastreador:not(.is-hidden) {
        display: inline-flex !important;font-size: 11px !important;padding: 8px !important;
    }
}
@media (prefers-reduced-motion: reduce) {
    html:is(.piloto-visual-rastreadores,.visual-plataforma) *,html:is(.piloto-visual-rastreadores,.visual-plataforma) *::before {transition: none !important;}
}

html:is(.piloto-visual-rastreadores,.visual-plataforma) body::before,html:is(.piloto-visual-rastreadores,.visual-plataforma) body::after {background:none!important;box-shadow:none!important;}