@charset "UTF-8";
/* ============================================================
   ARQUIVO GERADO PELO PLUGIN — NÃO EDITE À MÃO.
   Ele é reescrito toda vez que alguém salva em
   Configurar > Nova Cintra (visual).
   Para regras suas, use 99-personalizado.css (carrega depois)
   ou o campo "CSS adicional" da própria tela.
   ============================================================ */

/* fundo da tela de login */
body.welcome-anonymous,
.page-anonymous,
body.page-anonymous {
    background: url("/plugins/novacintra/pics/fundo-1786046065.jpg") center/cover fixed;
}

/* o cartão de login ganha profundidade sobre o fundo */
body.welcome-anonymous .card,
.page-anonymous .card {
    box-shadow: 0 10px 40px rgba(0, 0, 0, .45);
    border: 0;
}

/* bloco de login estreito (o inline do GLPI é 60rem) */
body.welcome-anonymous .container-tight,
.page-anonymous .container-tight {
    max-width: 30rem !important;
}

/* o formulário ocupa o cartão todo, e não 5 de 12 colunas */
.page-anonymous .card-body .col-md-5 {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

/* cartão translúcido (92%) — o fundo aparece por trás */
body.welcome-anonymous .card.main-content-card,
.page-anonymous .card.main-content-card {
    background-color: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(2px);
}

/* logo integrado ao cartão */
.page-anonymous .container-tight > .text-center:not(.text-muted) {
    background-color: rgba(255, 255, 255, 0.92);
    border-radius: 8px 8px 0 0;
    padding: 22px 0 6px;
    margin-bottom: 0 !important;
    backdrop-filter: blur(2px);
    box-shadow: 0 -6px 26px rgba(0, 0, 0, .28),
                -12px 0 26px rgba(0, 0, 0, .18),
                 12px 0 26px rgba(0, 0, 0, .18);
}

.page-anonymous .container-tight > .text-center:not(.text-muted) .glpi-logo {
    margin-bottom: 0 !important;
}

.page-anonymous .card.main-content-card {
    border-radius: 0 0 8px 8px;
    margin-top: 0;
}

/* bloco de login à esquerda */
@media (min-width: 768px) {
    body.welcome-anonymous .container-tight,
    .page-anonymous .container-tight {
        margin-left: 6vw;
        margin-right: auto;
    }
}

/* tamanho do logo na tela de entrada */
body.welcome-anonymous .glpi-logo,
.page-anonymous .glpi-logo,
body.welcome-anonymous .login-logo {
    transform: scale(1.25);
    transform-origin: center;
    margin-bottom: 12px;
}

/* logos próprios — trocamos as variáveis de origem do GLPI */
:root,
body {
    --glpi-logo-dark-login: url("/plugins/novacintra/pics/login-1786047336.png");
    --glpi-logo-light-login: url("/plugins/novacintra/pics/login-1786047336.png");
    --glpi-logo-light: url("/plugins/novacintra/pics/topo-1786042226.png");
    --glpi-logo-dark: url("/plugins/novacintra/pics/topo-1786042226.png");
    --glpi-logo-light-reduced: url("/plugins/novacintra/pics/mini-1786042240.png");
    --glpi-logo-dark-reduced: url("/plugins/novacintra/pics/mini-1786042240.png");
}

/* o logo do login é conteúdo substituído: sem isto ele estica */
.page-anonymous .glpi-logo {
    object-fit: contain;
}

/* o de dentro é fundo: encaixa sem cortar */
.page .glpi-logo {
    background-size: contain;
    background-position: center;
}

/* o GLPI não deixa trocar o texto do rodapé: apagamos o original
   com font-size:0 e escrevemos o nosso com ::after */
a.copyright {
    font-size: 0 !important;
    pointer-events: none;
    cursor: default;
    text-decoration: none !important;
}

a.copyright::after {
    content: "Departamento de Tecnologia · Grupo Nova Cintra";
    font-size: .8125rem;
    letter-spacing: .01em;
}

/* na tela de login o fundo é escuro: texto em branco */
body.welcome-anonymous a.copyright,
body.welcome-anonymous a.copyright::after {
    color: #ffffff !important;
}

/* ——— cores da marca (tiradas do logo) ——— */
:root {
    --tblr-primary-rgb: 0, 114, 188;
    --tblr-primary-fg: #ffffff;
    --tblr-link-color-rgb: 0, 114, 188;
    --glpi-mainmenu-bg: #00632b;
    --tblr-navbar-color: #00632b;
    --glpi-form-header-fg: #0072bc;
}

/* o menu recolhido e o ativo derivam do fundo por color-mix,
   então acompanham sozinhos */

/* sucesso / erro / aviso / informação nas cores do logo */
:root {
    --tblr-success: #00a650;
    --tblr-success-rgb: 0, 166, 80;
    --tblr-danger: #e3262a;
    --tblr-danger-rgb: 227, 38, 42;
    --tblr-warning: #f7931e;
    --tblr-warning-rgb: 247, 147, 30;
    --tblr-info: #00aeef;
    --tblr-info-rgb: 0, 174, 239;
}

/* faixa do 'Como podemos ajudá-lo?' (home do self-service) */
:root {
    --glpi-helpdesk-header: #00632b;
}

.helpdesk-home-container h1 {
    color: #ffffff;
}