/* Estilos específicos, com escopo por tela */
/* veiculo-km-gestao-analise0, veiculo-km-gestao-analise2, veiculo-km-gestao-analise1, veiculo-km-gestao-pesquisar */

:is(body[data-screen="veiculo-km-gestao-analise0"],body[data-screen="veiculo-km-gestao-analise2"],body[data-screen="veiculo-km-gestao-analise1"],body[data-screen="veiculo-km-gestao-pesquisar"]) td {
            text-align: center;
            font-size: large;
        }
:is(body[data-screen="veiculo-km-gestao-analise0"],body[data-screen="veiculo-km-gestao-analise2"],body[data-screen="veiculo-km-gestao-analise1"],body[data-screen="veiculo-km-gestao-pesquisar"]) td input {
            display: inline-block;
        }
:is(body[data-screen="veiculo-km-gestao-analise0"],body[data-screen="veiculo-km-gestao-analise2"],body[data-screen="veiculo-km-gestao-analise1"],body[data-screen="veiculo-km-gestao-pesquisar"]) td a {
            color: blue;
        }
:is(body[data-screen="veiculo-km-gestao-analise0"],body[data-screen="veiculo-km-gestao-analise2"],body[data-screen="veiculo-km-gestao-analise1"],body[data-screen="veiculo-km-gestao-pesquisar"]) td img {
            height: 300px;
            border: 0;
        }
:is(body[data-screen="veiculo-km-gestao-analise0"],body[data-screen="veiculo-km-gestao-analise2"],body[data-screen="veiculo-km-gestao-analise1"],body[data-screen="veiculo-km-gestao-pesquisar"]) b {
            font-size: large;
        }
    
/* veiculo-checklist-listar */

:is(body[data-screen="veiculo-checklist-listar"]) .veiculo-box {
            display: none;
            margin: 15px 0;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
        }
:is(body[data-screen="veiculo-checklist-listar"]) .veiculo-imagem-container {
            display: none;
        }
:is(body[data-screen="veiculo-checklist-listar"]) .veiculo-img {
            max-width: 100px;
            margin: 5px;
        }
    
/* relatorio-old-avaliacoes, relatorio-old-ouvidoria_externa */

:is(body[data-screen="relatorio-avaliacoes-index"],body[data-screen="relatorio-ouvidoria-externa-index"]) .graficoPizza1 {
      box-sizing: border-box;
    }
:is(body[data-screen="relatorio-avaliacoes-index"],body[data-screen="relatorio-ouvidoria-externa-index"]) .graficoPizza2 {
      height: 350px;
      width: auto;
      box-sizing: border-box;
    }
:is(body[data-screen="relatorio-avaliacoes-index"],body[data-screen="relatorio-ouvidoria-externa-index"]) .nps-verde {
      color: green;
    }
:is(body[data-screen="relatorio-avaliacoes-index"],body[data-screen="relatorio-ouvidoria-externa-index"]) .nps-azul {
      color: blue;
    }
:is(body[data-screen="relatorio-avaliacoes-index"],body[data-screen="relatorio-ouvidoria-externa-index"]) .nps-amarelo {
      color: rgb(248, 149, 0);
    }
:is(body[data-screen="relatorio-avaliacoes-index"],body[data-screen="relatorio-ouvidoria-externa-index"]) .nps-vermelho {
      color: red;
    }
  
/* relatorio-old-ouvidoria_interna */

:is(body[data-screen="relatorio-ouvidoria-interna-antiga-index"]) .graficoPizza1 {
            box-sizing: border-box;
        }
:is(body[data-screen="relatorio-ouvidoria-interna-antiga-index"]) .nps-verde {
            color: green;
        }
:is(body[data-screen="relatorio-ouvidoria-interna-antiga-index"]) .nps-azul {
            color: blue;
        }
:is(body[data-screen="relatorio-ouvidoria-interna-antiga-index"]) .nps-amarelo {
            color: rgb(248, 149, 0);
        }
:is(body[data-screen="relatorio-ouvidoria-interna-antiga-index"]) .nps-vermelho {
            color: red;
        }
    
/* relatorio-ouvidoria-interna */

:is(body[data-screen="relatorio-ouvidoria-interna-index"]) .abas-container {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin-bottom: 0;
        border-bottom: 2px solid #ccc;
        justify-content: center;
        
    }
:is(body[data-screen="relatorio-ouvidoria-interna-index"]) .aba-botao {
        padding: 10px 18px;
        cursor: pointer;
        background: #eee;
        border: 1px solid #ccc;
        border-bottom: none;
        border-radius: 6px 6px 0 0;
        font-weight: bold;
        color: #333;
        text-align: center;
    }
:is(body[data-screen="relatorio-ouvidoria-interna-index"]) .aba-botao.ativa {
        background: #2f5da8;
        color: #fff;
    }
:is(body[data-screen="relatorio-ouvidoria-interna-index"]) .aba-conteudo {
        display: none;
        border: 1px solid #ccc;
        border-top: none;
        padding: 15px;
        text-align: center;
        
    }
:is(body[data-screen="relatorio-ouvidoria-interna-index"]) .aba-conteudo.ativa {
        display: block;
    }
:is(body[data-screen="relatorio-ouvidoria-interna-index"]) .cards-resumo {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin: 12px 0;
        justify-content: center;
        
    }
:is(body[data-screen="relatorio-ouvidoria-interna-index"]) .card-resumo {
        flex: 1 1 150px;
        min-width: 140px;
        max-width: 220px;
        background: #f5f7fb;
        border: 1px solid #dde3ee;
        border-radius: 8px;
        padding: 10px 14px;
        text-align: center;
    }
:is(body[data-screen="relatorio-ouvidoria-interna-index"]) .card-resumo .valor {
        font-size: 24px;
        font-weight: bold;
        color: #2f5da8;
        display: block;
    }
:is(body[data-screen="relatorio-ouvidoria-interna-index"]) .card-resumo .rotulo {
        font-size: 12px;
        color: #555;
    }
:is(body[data-screen="relatorio-ouvidoria-interna-index"]) .graficos-container {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
        
        align-items: center;
    }
:is(body[data-screen="relatorio-ouvidoria-interna-index"]) .graficoPizza1, :is(body[data-screen="relatorio-ouvidoria-interna-index"]) .graficoPizza2, :is(body[data-screen="relatorio-ouvidoria-interna-index"]) .graficoBarra {
        flex: 1 1 380px;
        min-width: 300px;
        max-width: 560px;
        height: 320px;
        box-sizing: border-box;
        margin: 0 auto;
    }
:is(body[data-screen="relatorio-ouvidoria-interna-index"]) .hidden {
        display: none;
    }
:is(body[data-screen="relatorio-ouvidoria-interna-index"]) select.aplicado, :is(body[data-screen="relatorio-ouvidoria-interna-index"]) input.aplicado {
        background-color: blue;
        color: white;
    }
:is(body[data-screen="relatorio-ouvidoria-interna-index"]) .filtros-form {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 12px !important;
        width: 100% !important;
        margin: 15px auto !important;
        padding: 10px;
        background: #fafafa;
        border-radius: 8px;
    }
:is(body[data-screen="relatorio-ouvidoria-interna-index"]) .filtros-form>label {
        display: flex !important;
        align-items: center;
        gap: 6px;
        margin: 0;
    }
:is(body[data-screen="relatorio-ouvidoria-interna-index"]) .filtros-form>input[type="submit"] {
        margin: 0;
    }
:is(body[data-screen="relatorio-ouvidoria-interna-index"]) table.tabela-detalhe {
        width: 100%;
        border-collapse: collapse;
        font-size: 13px;
    }
:is(body[data-screen="relatorio-ouvidoria-interna-index"]) table.tabela-detalhe th, :is(body[data-screen="relatorio-ouvidoria-interna-index"]) table.tabela-detalhe td {
        border: 1px solid #ddd;
        padding: 5px 7px;
        text-align: center;
        
    }
:is(body[data-screen="relatorio-ouvidoria-interna-index"]) table.tabela-detalhe th {
        background: #2f5da8;
        color: #fff;
        position: sticky;
        top: 0;
    }
:is(body[data-screen="relatorio-ouvidoria-interna-index"]) .tabela-scroll {
        max-height: 500px;
        overflow: auto;
        margin-top: 10px;
    }

/* relatorio-checklist-ek */

:is(body[data-screen="relatorio-checklist-ek-index"]) .graficoPizza2 {
      height: 350px;
      width: auto;
      box-sizing: border-box;
    }
  
/* administracao-contato */

:is(body[data-screen="administracao-contato-index"]) a {
            color: blue;
        }
    
/* Utilitários reutilizados nas telas e nos relatórios */
.email-alert {background-color: #ffe6e6;}
.email-heading {background-color: #f2f2f2;}
.email-table {border-collapse: collapse; width: 100%;}
.text-danger {color:var(--danger) !important}
.no-margin {margin:0;}
.text-accent {color:var(--accent-text) !important}
.text-strong {font-weight:700}
.unavailable-content {max-width:480px;padding:32px}
.unavailable-page {margin:0;background:#0c1424;color:#dbe6f7;font:16px system-ui;display:grid;place-items:center;min-height:100vh}
.text-success {color:var(--success) !important}
.w-33 {width:33%}
.w-50 {width:50%}
.w-5 {width:5%}
.w-30 {width:30%}
.w-3 {width:3%}
.signature-border {border:1px solid var(--line);border-radius:12px;background:#fff}
.text-center {text-align: center;}
.w-20 {width:20%}
.check-na {background:var(--accent-soft) !important;color:var(--ink)}
.check-damage {background:var(--danger-bg) !important;color:var(--ink)}
.check-ok {background:var(--success-bg) !important;color:var(--ink)}
.w-40 {width:40%}
.tracker-error {background:var(--danger-bg);color:var(--danger);padding:18px;margin-bottom:16px;border-left:4px solid var(--danger);border-radius:12px}
.map-frame {border:0; border-radius: 8px;}
.tracker-link {display:inline-flex;text-decoration:none;color:var(--accent-text);padding:8px 12px;border-radius:8px;background:var(--accent-soft)}
.text-warning {color:var(--warning) !important}
.text-spacer {color:transparent !important}
.text-left {text-align: left;}
.inline-form {display:inline;}
.cursor-pointer {cursor:pointer;}
.file-remove-action {color: red; background: none; border: none; cursor: pointer;}
.space-bottom-small {margin-bottom: 5px;}
.text-small {font-size:12px}
.file-row {margin-top: 6px; display: flex; align-items: center; gap: 10px;}
.fill-container {width: 100%; height: 100%;}
.report-chart-full {width: 100%; height: 500px;}
.report-chart-wide {width:min(100%,800px);height:500px;margin:auto}
.w-25 {width:25%}
.report-chart-medium {height:350px;width:650px;max-width:100%}
.text-right {text-align:right}
.report-modal-close {position:absolute; top:10px; right:15px; cursor:pointer; font-size:24px;}
.report-modal-content {background:var(--surface);color:var(--texto1);padding:32px;border:1px solid var(--line);border-radius:16px;position:relative;max-width:90%;max-height:90%;overflow:auto}
.report-modal {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.8); z-index:9999; justify-content:center; align-items:center;}
.report-chart-responsive {height: 400px; width: 100%; max-width: 800px; margin: auto;}
.w-10 {width:10%}
.file-grid {display:flex;justify-content:center;flex-wrap:wrap;}
.text-default {color:var(--ink) !important}
.w-8 {width:8%}
.text-large {font-size:large;}
.ui-initial-hidden {display:none;}
.contact-avatar {width:100px;height:100px;border-radius:50%;margin-right:10px;}
.attachment-file {padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:var(--texto1)}
.attachment-image {max-width:120px;max-height:120px;border-radius:8px;}
.attachment-list {margin-top:8px;display:flex;flex-wrap:wrap;gap:6px;}
.icon-button {width: 45px;height: 45px;background: none;border: none;cursor: pointer;}
.text-muted {color:var(--muted) !important}
.bg-default {background:var(--surface) !important;color:var(--texto1)}
.bg-success {background:var(--success-bg) !important;color:var(--texto1)}
.bg-warning {background:var(--warning-bg) !important;color:var(--texto1)}
.bg-danger {background:var(--danger-bg) !important;color:var(--texto1)}
.email-indent {margin-left:20px}

/* Relatórios: superfícies, filtros, indicadores e gráficos com a mesma linguagem. */
body[data-screen^="relatorio-"] .abas-container { border: 0; gap: 8px; justify-content: flex-start; padding: 8px; background: var(--surface); border-radius: 12px; margin-bottom: 22px; }
body[data-screen^="relatorio-"] .aba-botao { border: 0; border-radius: 8px; padding: 11px 16px; background: transparent; color: var(--muted); font-size: 12px; }
body[data-screen^="relatorio-"] .aba-botao.ativa { background: var(--accent-soft); color: var(--accent-text); }
body[data-screen^="relatorio-"] .aba-conteudo { padding: 24px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
body[data-screen^="relatorio-"] .cards-resumo { justify-content: flex-start; gap: 14px; margin: 12px 0 26px; }
body[data-screen^="relatorio-"] .card-resumo { flex: 1 1 150px; max-width: none; min-width: 140px; padding: 22px 18px; border-radius: 12px; border-color: var(--line); background: var(--surface-soft); text-align: left; }
body[data-screen^="relatorio-"] .card-resumo .valor { color: var(--accent-text); font-size: 30px; line-height: 1.2; margin-bottom: 8px; }
body[data-screen^="relatorio-"] .card-resumo .rotulo { color: var(--muted); font-size: 12px; }
body[data-screen^="relatorio-"] .graficos-container { align-items: stretch; gap: 22px; }
body[data-screen^="relatorio-"] :is(.graficoPizza1, .graficoPizza2, .graficoBarra) { background: var(--surface); min-width: 0; max-width: 100%; border-radius: 12px; padding: 12px; }
body[data-screen^="relatorio-"] .filtros-form { background: var(--surface-soft); padding: 16px; border: 1px solid var(--line); border-radius: 12px; justify-content: flex-start !important; }
body[data-screen^="relatorio-"] .filtros-form > label { flex-wrap: wrap; font-size: 12px; color: var(--muted); }
body[data-screen^="relatorio-"] table.tabela-detalhe th { background: var(--surface-raised); color: var(--muted); padding: 12px; }
body[data-screen^="relatorio-"] table.tabela-detalhe td { border-color: var(--line); padding: 10px 12px; }
body[data-screen^="relatorio-"] .nps-verde { color: var(--success); }
body[data-screen^="relatorio-"] .nps-azul { color: var(--accent-text); }
body[data-screen^="relatorio-"] .nps-amarelo { color: var(--warning); }
body[data-screen^="relatorio-"] .nps-vermelho { color: var(--danger); }
body[data-screen^="veiculo-km-gestao-"] td { font-size: 13px; }
body[data-screen^="veiculo-km-gestao-"] td b { font-size: 13px; }
body[data-screen^="veiculo-km-gestao-"] td a { color: var(--accent-text); }
body[data-screen^="veiculo-km-gestao-"] td img:not(.botao-nav):not(.modern-icon-image) { height: auto; max-height: 300px; max-width: 100%; border-radius: 12px; }
body[data-screen="administracao-contato-index"] a { color: var(--accent-text); }
body[data-screen="veiculo-checklist-listar"] .veiculo-box { padding: 22px; border-color: var(--line); background: var(--surface); border-radius: 14px; }
body[data-screen="veiculo-checklist-listar"] .veiculo-img { max-width: 160px; max-height: 160px; border-radius: 10px; }
@media (max-width: 768px) {
  body[data-screen^="relatorio-"] .aba-conteudo { padding: 16px; }
  body[data-screen^="relatorio-"] .aba-botao { flex: 1 1 auto; }
  body[data-screen^="relatorio-"] .card-resumo { flex-basis: 120px; min-width: 100px; padding: 16px; }
  body[data-screen^="relatorio-"] .graficos-container > div { flex-basis: 100%; width: 100%; }
}