/* =====================================================================
   WHITELABEL - Caleiros Corp - CRM
   Arquivo CUSTOMIZADO. Sobrevive a composer update E a
   `bin/console mautic:assets:generate` (testado: assets:generate so
   regrava app.css/app.js, nao remove outros arquivos de media/css).

   Carregado por dois overrides de template:
     templates/bundles/MauticCoreBundle/Default/head.html.twig   (painel)
     templates/bundles/MauticUserBundle/Security/base.html.twig  (login)
   ===================================================================== */

/* ---------------------------------------------------------------------
   1. CORES DA MARCA  <<< AJUSTAR AQUI >>>
   Valores abaixo sao PROVISORIOS (neutros). Troque pelos hex oficiais
   da Caleiros Corp; e o unico ponto que precisa mudar.
   --------------------------------------------------------------------- */
:root {
    --cc-brand:        #1f3a5f;  /* TODO: cor primaria da marca  */
    --cc-brand-accent: #c9a227;  /* TODO: cor secundaria/destaque */
}

/* ---------------------------------------------------------------------
   2. LOGOTIPO TEXTUAL - topo do painel
   Substitui os SVG .mautic-logo-figure e .mautic-logo-text.
   O container .mautic-brand tem height:48px e overflow:hidden.
   --------------------------------------------------------------------- */
.mautic-brand .cc-logotype {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    height: 48px;
    line-height: 48px;
    white-space: nowrap;
    font-family: inherit;
}

.mautic-brand .cc-logotype-name {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -0.2px;
    /* segue o token de texto do tema ativo (claro/escuro/solarized) */
    color: var(--text-primary, #21252b);
}

.mautic-brand .cc-logotype-suffix {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--cc-brand-accent);
}

/* Se voce trocar o logotipo textual por imagem no navbar */
.mautic-brand .cc-logo-img {
    max-height: 34px;
    width: auto;
    margin-top: 7px;
}

/* ---------------------------------------------------------------------
   3. LOGOTIPO - tela de login (maior e centralizado)
   --------------------------------------------------------------------- */
.cc-logo-login {
    padding: 8px 0 4px;
}

.cc-logotype--login {
    height: auto;
    line-height: 1.1;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.cc-logotype--login .cc-logotype-name {
    font-size: 24px;
    color: var(--cc-brand);
}

.cc-logotype--login .cc-logotype-suffix {
    font-size: 12px;
    letter-spacing: 3px;
}

/* Se voce trocar o logotipo textual por imagem no login */
.cc-logo-img-login {
    max-width: 200px;
    max-height: 70px;
    width: auto;
    height: auto;
}

/* ---------------------------------------------------------------------
   4. COR PRIMARIA DA INTERFACE  (OPCIONAL - descomentar quando tiver
      os hex definitivos)

      O Mautic 5.2 deriva os tons interativos de uma escala --primary-XX
      definida por tema. Sobrescrever os tons abaixo muda botoes, links,
      foco e destaques do painel inteiro.

      ATENCAO: existem variantes por tema (:root[theme="light"], dark,
      solarized, freire). O bloco abaixo cobre o :root padrao; se voce
      usar outro tema, replique com o seletor correspondente.
   --------------------------------------------------------------------- */
/*
:root {
    --primary-50: #2c5282;
    --primary-60: var(--cc-brand);
    --primary-70: #16293f;
    --interactive: var(--cc-brand);
    --focus: var(--cc-brand);
}
*/