/* ============================================================
   Tema da documentação pública — Portal da Transparência (SESI/SENAI)
   Aplicado sobre o Swagger UI (BaseLayout). Cores em variáveis para
   ajuste fácil da identidade visual.
   ============================================================ */
:root {
    --tp-azul: #0B4DA2; /* azul institucional do cabeçalho */
    --tp-azul-escuro: #08387a;
    --tp-borda: #cfe0f7;
    --tp-fundo-painel: #f4f9ff;
}

/* O reset do Swagger UI é escopado em .swagger-ui, que não alcança o cabeçalho.
   sans-serif genérico de propósito: é o mesmo que .swagger-ui usa, então header
   e corpo da doc resolvem para a mesma fonte real. */
body {
    margin: 0;
    background: #fafafa;
    font-family: sans-serif;
}

/* ---------- Cabeçalho azul ---------- */
#transparencia-header {
    background: var(--tp-azul);
    color: #fff;
    padding: 14px 28px;
}

    #transparencia-header .th-marca {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    #transparencia-header .th-logos {
        display: flex;
        align-items: center;
        gap: 16px;
    }

        #transparencia-header .th-logos img {
            height: 15px;
            width: auto;
            display: block;
        }
    /* logos brancas sobre o azul */
    #transparencia-header .th-marca-textos {
        display: flex;
        flex-direction: column;
        line-height: 1.25;
    }

        #transparencia-header .th-marca-textos strong {
            font-size: 18px;
            font-weight: 700;
        }

        #transparencia-header .th-marca-textos span {
            font-size: 13px;
            opacity: .9;
            letter-spacing: .5px;
        }

/* ---------- Título do módulo ---------- */
#transparencia-titulo {
    max-width: 1460px;
    margin: 0 auto;
    padding: 24px 28px 4px;
}

    #transparencia-titulo .tt-linha {
        display: flex;
        align-items: baseline;
        gap: 14px;
        flex-wrap: wrap;
    }

    #transparencia-titulo h1 {
        margin: 0;
        font-size: 22px;
        color: var(--tp-azul-escuro);
    }

    #transparencia-titulo .tt-badge {
        font-size: 12px;
        color: #fff;
        background: var(--tp-azul);
        padding: 3px 10px;
        border-radius: 12px;
        white-space: nowrap;
    }

    #transparencia-titulo .tt-endpoint {
        display: inline-block;
        margin-top: 10px;
        font-size: 13px;
        color: #1f78d1;
        text-decoration: none;
    }

        #transparencia-titulo .tt-endpoint:hover {
            text-decoration: underline;
        }

    #transparencia-titulo .tt-orientacao {
        margin: 14px 0 0;
        max-width: 900px;
        color: #445;
        font-size: 14px;
    }

/* ---------- Remoções do Swagger UI padrão ---------- */
/* barra de exploração */
.swagger-ui .topbar {
    display: none;
}
/* bloco de info duplicado (título/versão/descrição) */
.swagger-ui .information-container {
    display: none;
}
/* listbox "Servers" + botão Authorize */
.swagger-ui .scheme-container {
    display: none;
}
/* seção Schemas/domínios */
.swagger-ui section.models {
    display: none;
}
/* botão "Try it out" (liga/desliga) — execução já vem habilitada */
.swagger-ui .try-out {
    display: none;
}

/* ---------- ListBox dos parâmetros (entidade / departamento / ano) ---------- */
/* background-color (longhand) e não background: o shorthand apagaria o
   background-image da seta que o próprio Swagger UI define — e como o
   appearance:none dele sobrevive, não sobraria nem a seta nativa. */
.swagger-ui select.tp-param-select {
    min-width: 220px;
    max-width: 100%;
    padding: 7px 34px 7px 10px; /* ≥34px à direita: a seta ocupa de right:10px a right:30px */
    font-size: 13px;
    font-weight: 400;
    border: 1px solid #9db7d8;
    border-radius: 4px;
    background-color: #fff;
    color: #3b4151;
    box-shadow: none;
}

    .swagger-ui select.tp-param-select:disabled {
        background-color: #f0f2f5;
        color: #8a96a3;
        cursor: not-allowed;
    }