/**
 * tecsys_layout — ajustes globais da barra lateral.
 *
 * Sem variáveis CSS: o Elastic usa LESS compilado, `var(--x)` cai no fallback
 * e quebra o dark mode. Aqui só escondemos itens, então não há cor envolvida.
 */

/* "Apps" — injetado pelo xskin/xmultibox, não pelo menu.html do Elastic.
   Por isso é escondido por CSS e não por override de template. */
#taskmenu #button-apps,
#taskmenu .app-item,
#taskmenu .btn.btn-success {
    display: none !important;
}

/* "Sobre" */
#taskmenu a.about {
    display: none !important;
}

/* ---- Configurações: seções ocultas (pedido do Felipe, 2026-07-29) ----
 * OCULTAR, não desativar: os plugins seguem ativos e funcionando (o CardDAV é
 * o que traz os contatos; o managesieve é quem guarda as regras de filtro no
 * servidor). Só saem da lista para não oferecer ao usuário uma configuração
 * que ele não deve mexer.
 *
 * Consequência a saber: como é ocultação de UI, quem digitar a URL da seção
 * ainda chega nela. Para bloquear de verdade seria preciso desativar o plugin
 * — que é justamente o que NÃO queremos, porque quebraria os contatos.
 */
#settings-menu #settingstabpluginmanagesieve,   /* Filtros   */
#settings-menu #settingstabplugincarddav {      /* CardDAV   */
    display: none !important;
}

/* ---- Título do módulo junto da logo (pedido do Felipe, 2026-07-29) ----
 * O Elastic centraliza o título do cabeçalho com uma margem negativa enorme:
 *
 *     #layout-sidebar > .header .header-title {
 *         flex: 1; text-align: center; margin: 0 -20rem;
 *     }
 *
 * O efeito colateral é que a posição do texto MUDA com a largura da janela —
 * em tela larga ele cai perto da esquerda, em tela menor desloca para a direita.
 * Era isso que deixava "Grupos", "Calendários" e "Tarefas" desalinhados em
 * relação ao e-mail do usuário na tela do Mail.
 *
 * Alinhamos à esquerda e zeramos a margem: a posição passa a ser a mesma em
 * qualquer resolução, colada na logo.
 */
#layout-sidebar > .header > .header-title,
#layout-content > .header > .header-title,
#layout-list > .header > .header-title {
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Título com mais presença: ~20% maior e em negrito (pedido do Felipe).
 * `em` e não `px`: acompanha o tamanho de fonte que o usuário escolher nas
 * preferências do webmail (a skin tem 3 tamanhos), em vez de fixar um valor que
 * ficaria pequeno em "grande" e enorme em "pequeno". */
#layout-sidebar > .header > .header-title,
#layout-content > .header > .header-title,
#layout-list > .header > .header-title {
    font-size: 1.2em;
    font-weight: 600;
}

/* =========================================================================
 * IDENTIDADE VISUAL — Thunderbird (2026-07-30)
 *
 * As marcas e a fonte moram AQUI, no nosso plugin, e sobrepõem o skin
 * comercial de fora. Nenhum arquivo do `outlook_plus`/`xskin` é alterado:
 * numa atualização do fornecedor nada disto se perde, e reverter é remover
 * este bloco.
 * ========================================================================= */

/* ---- Fonte Red Hat, auto-hospedada -------------------------------------
 * Não usamos o CDN do Google Fonts: cada usuário do webmail passaria a fazer
 * requisição a um terceiro a cada carga, e o tema deixaria de funcionar sem
 * internet externa. Os woff2 são os oficiais da Red Hat (licença OFL).
 * `font-display: swap` evita texto invisível enquanto a fonte carrega.
 */
@font-face {
    font-family: 'Red Hat Text';
    src: url('../../assets/fonts/RedHatText-Regular.woff2') format('woff2');
    font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Red Hat Text';
    src: url('../../assets/fonts/RedHatText-Medium.woff2') format('woff2');
    font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Red Hat Text';
    src: url('../../assets/fonts/RedHatText-Bold.woff2') format('woff2');
    font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Red Hat Display';
    src: url('../../assets/fonts/RedHatDisplay-Regular.woff2') format('woff2');
    font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Red Hat Display';
    src: url('../../assets/fonts/RedHatDisplay-Medium.woff2') format('woff2');
    font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Red Hat Display';
    src: url('../../assets/fonts/RedHatDisplay-Bold.woff2') format('woff2');
    font-weight: 700; font-style: normal; font-display: swap;
}

/* A fonte do tema é escolhida pelo xskin através de uma classe no <html>
   (hoje `xfont-family-noto-sans`), e Red Hat não está entre as opções dele.
   Por isso o seletor abaixo qualifica por `html[class]`: precisa vencer a
   regra do skin em especificidade, sem recorrer a !important em tudo. */
html[class] body,
html[class] button,
html[class] input,
html[class] select,
html[class] textarea,
html[class] .popover {
    font-family: 'Red Hat Text', 'Noto Sans', Arial, sans-serif;
}

html[class] h1, html[class] h2, html[class] h3,
html[class] .header-title,
html[class] #layout-content > .header .header-title {
    font-family: 'Red Hat Display', 'Red Hat Text', Arial, sans-serif;
}

/* ⛔ O CORPO DA MENSAGEM NÃO ENTRA NISTO.
   Cada e-mail traz a própria formatação, e o usuário escolhe a fonte de
   composição nas preferências. Forçar a fonte do tema ali reescreveria a
   aparência de mensagem de terceiro. */
#messagecontframe,
#messagebody,
#composebody,
.messagebody,
.ui-dialog .messagebody {
    font-family: revert;
}

/* ---- Logo da tela de login ---------------------------------------------
 * O skin desenha o logo como background-image de um ::before (não é <img>),
 * então trocar a imagem é trocar a URL. As proporções batem: o slot é
 * 280x69 (4.06:1) e a arte nova é 1427x351 (4.065:1), sem distorção. */
body.xelastic.task-login div#layout-content.selected.no-navbar::before {
    background-image: url('../../assets/images/logo.png') !important;
}

/* ---- Tela de login: foto do dia ----------------------------------------
 * A imagem entra por JS (a URL leva a versão do dia). Aqui fica só o
 * enquadramento e a legibilidade. O azul do skin permanece como cor de fundo
 * atrás da foto: é o que aparece enquanto ela carrega e se ela faltar.
 */
body.xelastic.task-login.tecsys-bg-foto {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/* Véu escuro sobre a foto. Sem ele, uma foto clara (praia, neve) engole o
   card branco e o rodapé — e a foto muda todo dia, então não dá para contar
   com o contraste de nenhuma em particular. */
body.xelastic.task-login.tecsys-bg-foto::after {
    content: '';
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .28);
    pointer-events: none;
    z-index: 0;
}
body.xelastic.task-login.tecsys-bg-foto #layout-content,
body.xelastic.task-login.tecsys-bg-foto #layout-footer,
body.xelastic.task-login.tecsys-bg-foto .footer {
    position: relative;
    z-index: 1;
}

/* Card com leve sombra e desfoque atrás: destaca sobre foto de qualquer cor. */
body.xelastic.task-login.tecsys-bg-foto div#layout-content.selected.no-navbar {
    box-shadow: 0 10px 40px rgba(0, 0, 0, .35);
    backdrop-filter: saturate(115%);
}

/* ---- Rodapé do login ---------------------------------------------------- */

/* Sem foto do dia, o rodapé só teria a palavra "Thunderbird" — nada que
   informe. Fica escondido. */
body.task-login #login-footer.tecsys-sem-credito,
body.task-login #layout-footer.tecsys-sem-credito,
body.task-login .footer.tecsys-sem-credito {
    display: none !important;
}

/* Com foto, o rodapé passa a creditar o autor — que é a razão de ele existir. */
body.task-login #login-footer.tecsys-credito,
body.task-login #layout-footer.tecsys-credito,
body.task-login .footer.tecsys-credito {
    background: rgba(0, 0, 0, .45) !important;
    color: rgba(255, 255, 255, .92) !important;
    font-size: .78rem;
    line-height: 1.4;
    padding: .5rem 1rem;
    text-align: left;
    letter-spacing: .01em;
}

/* O rodapé do login nasce colado ao card. Com o crédito da foto ele passa a
   ser informação da TELA, não do formulário — então vai para a base da janela,
   como uma legenda de wallpaper. */
body.task-login #login-footer.tecsys-credito {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    z-index: 2;
}