/*
 * DIDATA_BUILD: PAINEL_CONTADOR_CSS_V1_20260903
 * Estilo do painel do contador externo. Deliberadamente pequeno: a tela usa o
 * mesmo bootstrap.min.css / app.min.css / style.css do ERP e o padrao de
 * listagem vem de didata-listagem.css. Aqui fica so o que nao existe no ERP -
 * a barra propria (o contador nao carrega inc/header.php) e a tela de login.
 *
 * Cores da marca, sem inventar paleta nova:
 *   azul escuro do sistema  #2a3042
 *   verde agua              #1bbfb3
 */

.ctd-topbar {
    background: #2a3042;
    color: #fff;
    padding: 14px 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
}

.ctd-topbar-titulo {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
}

.ctd-topbar-usuario {
    font-size: 13px;
    color: rgba(255, 255, 255, .75);
}

/* Botao proprio em vez de .btn-outline-light: o app.min.css do tema redefine a
   cor do texto dessa classe e o "Sair" saia escuro sobre o azul escuro -
   contorno visivel, texto invisivel. Aqui a cor e explicita e nao depende de
   quem carregou depois. */
.ctd-btn-sair,
.ctd-btn-sair:visited {
    display: inline-block;
    padding: 4px 14px;
    font-size: 13px;
    line-height: 1.6;
    color: #fff;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, .45);
    border-radius: 4px;
    text-decoration: none;
    transition: background-color .15s ease, border-color .15s ease;
}

.ctd-btn-sair:hover,
.ctd-btn-sair:focus {
    color: #2a3042;
    background-color: #fff;
    border-color: #fff;
}

/* Sem a sidebar do ERP, o conteudo nao pode herdar a margem esquerda do tema. */
.ctd-main {
    margin-left: 0;
    padding-top: 10px;
}

.ctd-main .page-content {
    padding: 20px 12px 60px;
}

/* ------------------------------------------------------------------ login -- */

.ctd-body-login {
    background: #2a3042;
    min-height: 100vh;
    margin: 0;
}

.ctd-login-wrap {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.ctd-login-card {
    width: 100%;
    max-width: 400px;
}

.ctd-login-marca {
    text-align: center;
    margin-bottom: 20px;
}

/* A logo do sistema e branca com fundo transparente: sobre fundo claro ela
   some. Por isso a marca fica AQUI, sobre o azul, e nunca dentro do card. */
.ctd-login-sub {
    display: block;
    margin-top: 8px;
    color: rgba(255, 255, 255, .75);
    font-size: 13px;
}

.ctd-login-body {
    background: #fff;
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .18);
}

.ctd-login-nota {
    margin: 18px 0 0;
    font-size: 12px;
    color: #74788d;
    line-height: 1.5;
}

/* ------------------------------------------------------------------ grade -- */

#datatableNew tbody tr td {
    vertical-align: middle;
}

.ctd-btn-pacote {
    white-space: nowrap;
}

/* ==========================================================================
   DIDATA_DROPDOWN_TABELA_20260903 — cópia local da regra que está em
   assets/css/style.css.
   --------------------------------------------------------------------------
   Não é duplicação por descuido: `style.css` é carregado SEM cache-busting em
   todas as telas (`<link href="assets/css/style.css">`, sem `?v=`), então o
   navegador continua servindo a versão antiga por horas ou dias depois do
   upload. Este arquivo é carregado com `?v=filemtime`, e vem depois do
   style.css — no painel do contador a correção passa a valer na hora.

   Se um dia o style.css ganhar cache-busting, este bloco pode sair.
   ========================================================================== */

.table-responsive:has(.dropdown-menu.show) {
    overflow: visible;
}

.card:has(.table-responsive .dropdown-menu.show) {
    overflow: visible;
}

/* ==========================================================================
   DIDATA_CHIPS_ESPACO_20260903
   A linha de chips ("Filtros selecionados") ficava colada nos cards de resumo.
   O markup e o mesmo do protocolos.php, entao a colagem existe igual nas telas
   do ERP - aqui a correcao fica ESCOPADA as telas do contador, porque
   assets/css/didata-listagem.css serve 30 telas e mudar espacamento la mexe no
   layout de todas elas sem ninguem ter pedido.

   O :has() garante que o espaco so aparece quando ha chip. Sem ele, sobraria um
   buraco entre a busca e os cards quando nao ha filtro nenhum aplicado.
   ========================================================================== */

#tags:has(.filter-tag) {
    margin-bottom: 14px;
}

/* ==========================================================================
   DIDATA_DROPDOWN_POPPER_20260904
   O bootstrap.min.css do projeto tem `.dropdown-menu.show{top:100%!important}`
   e uma animacao (DropDownSlide) que sobrescrevem o posicionamento do Popper.
   Com strategy 'fixed' (contador-painel.js), 100% passa a ser 100% da JANELA:
   o menu abria abaixo da tela e o clique "nao acontecia". Aqui o menu
   posicionado pelo Popper volta a obedecer o inline (top:0 + transform).
   ========================================================================== */
#datatableNew .dropdown-menu.show[data-popper-placement^="bottom"] {
    top: 0 !important; /* para cima o Popper usa `bottom`, e o bootstrap ja tem top:auto!important */
}
#datatableNew .dropdown-menu.show[data-popper-placement] {
    animation: none !important;
    -webkit-animation: none !important;
}