/* Sobrescreve a paleta padrão do Mobilekit para o azul da marca FJL.
   Depois que a direção visual for validada, o ideal é recompilar o Sass
   original do kit com essas cores nas variáveis, em vez de manter este
   arquivo de sobrescrita. Por enquanto isso evita mexer no style.css
   gerado pelo template, então dá para atualizar o kit sem perder a marca. */

:root {
    --bs-primary: #1f3f99;
    --bs-primary-rgb: 31, 63, 153;
}

.bg-primary {
    background-color: #1f3f99 !important;
}

.text-primary {
    color: #1f3f99 !important;
}

.btn-primary {
    background-color: #1f3f99 !important;
    border-color: #1f3f99 !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #17307a !important;
    border-color: #17307a !important;
}

.badge-primary,
.badge.badge-primary {
    background-color: #1f3f99 !important;
}

.icon-box.bg-primary {
    background-color: #1f3f99 !important;
}

.appBottomMenu .item.active ion-icon,
.appBottomMenu .item.active .col {
    color: #1f3f99 !important;
}

/* O kit usa um azul próprio (#1E74FD) com prioridade maior que .bg-primary nesses
   estados específicos do cabeçalho — sobrescrevendo aqui com a mesma especificidade. */
.appHeader:before {
    background: #1f3f99 !important;
}

.appHeader.scrolled.bg-primary.is-active {
    background: #1f3f99 !important;
}

.appHeader.scrolled.bg-primary .headerButton {
    color: #1f3f99 !important;
}

.profileBox,
.profileBox:before {
    background: #1f3f99 !important;
}

/* Nome da empresa muito longo não pode empurrar a caixa pra baixo/quebrar em
   várias linhas (deixava o "X" de fechar desalinhado) — trunca com reticências
   e mantém sempre uma linha só; o title="" no elemento mostra o nome completo. */
.profileBox .in {
    min-width: 0;
}

.profileBox-nome {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}

/* Correção do "flutuar" da barra inferior em telas com pouco conteúdo (Chat,
   Financeiro, Certificado, Avisos): o CSS do kit dá height:100% ao body, mas
   nunca define altura no html — sem isso, quando o conteúdo é mais curto que a
   tela, o html/body encolhem para o tamanho do conteúdo em vez de ocupar a tela
   inteira, e o iOS erra o cálculo de onde fica o fundo de verdade pra elementos
   fixos. Documentos nunca mostrava o bug porque a lista já é longa o bastante
   pra encher a tela sozinha. */
html {
    height: 100%;
    min-height: 100%;
}

body {
    min-height: 100%;
}

.timeline-item .timeline-icon.bg-primary {
    background-color: #1f3f99 !important;
}