/*
 * DevPulse Ai Branding — Night View: estilo do botão de alternância claro/escuro.
 *
 * 100% theme-aware: consome var(--tblr-*) com fallback; NUNCA cor/fonte fixas.
 * O botão é um .nav-link nativo do Tabler (herda cor da navbar). Aqui só
 * acrescentamos afinação de espaçamento, hover sutil e foco acessível.
 */
.dpai-nightview-link {
    cursor: pointer;
    border-radius: var(--tblr-border-radius, .25rem);
    transition: background-color .15s ease-in-out, opacity .15s ease-in-out;
    white-space: nowrap;
    opacity: .92;
}

.dpai-nightview-link:hover {
    /* leve realce que segue o tema: clareia sobre navbar escura, escurece sobre clara */
    background-color: rgba(var(--tblr-body-color-rgb, 0, 0, 0), .10);
    opacity: 1;
}

.dpai-nightview-link:focus-visible {
    outline: 2px solid var(--tblr-primary);
    outline-offset: 1px;
    opacity: 1;
}

.dpai-nightview-link .ti {
    font-size: 1.15rem;
    line-height: 1;
}

/* ── Botão flutuante (tela de login / páginas anônimas, sem navbar) ────────── */
.dpai-nightview-floating {
    position: fixed;
    top: 1rem;
    inset-inline-end: 1rem; /* respeita RTL automaticamente */
    z-index: var(--glpi-zindex-dropdown, 1030);
}

.dpai-nightview-floating .dpai-nightview-link {
    background-color: var(--tblr-bg-surface, var(--tblr-body-bg));
    color: var(--tblr-body-color);
    border: var(--tblr-border-width, 1px) solid var(--tblr-border-color);
    box-shadow: var(--tblr-box-shadow-sm, 0 .125rem .25rem rgba(0, 0, 0, .075));
    padding: .4rem .7rem;
}

/* No flutuante o rótulo é sempre visível (vence o utilitário .d-none por especificidade). */
.dpai-nightview-floating .dpai-nightview-label {
    display: inline-block;
}