/* mail-33: vale nos dois temas (Grafite e Clássico). O "Sobre" mostra nome, versão e licença do
   software de baixo: o botão sai (e o plugin redireciona _action=about). */
#taskmenu a.about { display: none !important; }

/* seletor de tema (Preferências › Interface): miniaturas iguais nos dois temas */
.skinselection .skinthumbnail { border-radius: 8px; border: 1px solid rgba(128, 128, 128, .35); }

/* mail-39: selos SPF/DKIM/DMARC da leitura (selos.js), cores do tema claro; o Grafite troca o texto */
.kv-auths { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.kv-auth {
    --kv-auth: #64748b;
    --kv-auth-text: #475569;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 20px;
    padding: 0 8px 0 6px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    color: var(--kv-auth-text);
    background: color-mix(in srgb, var(--kv-auth) 14%, transparent);
    border: 1px solid color-mix(in srgb, var(--kv-auth) 32%, transparent);
    cursor: help;
    white-space: nowrap;
}
.kv-auth:focus-visible { outline: 2px solid var(--kv-auth); outline-offset: 1px; }
.kv-auth svg { flex: none; }
.kv-auth-ok { --kv-auth: #16a34a; --kv-auth-text: #15803d; }
.kv-auth-alerta { --kv-auth: #ca8a04; --kv-auth-text: #a16207; }
.kv-auth-falha { --kv-auth: #dc2626; --kv-auth-text: #b91c1c; }

/* tela de entrada: "Powered by KevaPanel" embaixo do "Entrar" (logo claro no fundo claro, escuro no escuro) */
#login-footer .kv-powered {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: inherit;
    font-size: 12px;
    text-decoration: none;
    opacity: .8;
}
#login-footer .kv-powered:hover { opacity: 1; }
#login-footer .kv-powered-logo { height: 14px; width: auto; }
.kv-powered-escuro, html.dark-mode .kv-powered-claro { display: none; }
html.dark-mode .kv-powered-escuro { display: inline; }

/* "Voltar" da mensagem em página própria (Grafite e Clara): só na tela larga; na estreita o Elastic
   mostra o botão de voltar dele */
@media screen and (max-width: 1200px) {
    #toolbar-menu .kv-voltar-li { display: none !important; }
}
#toolbar-menu a.kv-voltar:before { content: "\f053"; }