/* ============================================================
 * FFB Admin Patch v3 — fix menu superior invisivel (white-on-white)
 * 2026-04-23
 * Carregar DEPOIS de ffb-admin-patch-v2.css
 * ============================================================ */

/* ---- 1. Menu superior (Inicio | Modelos | Forms HTML | ...)  ---- */
/* Problema: v1 e v2 setam cor branca (rgba 255,255,255,0.75 / 0.9)
   mas o header FFB tem fundo CLARO -> texto invisivel.
   Fix: navy FFB para links + primary blue no hover. */

.Header .textlinks,
.Header .textlinks *,
.Header .MenuText,
.Header .MenuText * {
    color: #060F2E !important;        /* FFB navy */
    opacity: 1 !important;
    visibility: visible !important;
}

.Header .textlinks a,
.Header .textlinks a:link,
.Header .textlinks a:visited,
.Header .MenuText a,
.Header .MenuText a:link,
.Header .MenuText a:visited,
.Header a.MenuText,
.Header a.MenuText:link,
.Header a.MenuText:visited {
    color: #060F2E !important;        /* navy legivel no fundo claro */
    opacity: 1 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

.Header .textlinks a:hover,
.Header .textlinks a:focus,
.Header .MenuText a:hover,
.Header .MenuText a:focus,
.Header a.MenuText:hover,
.Header a.MenuText:focus {
    color: #2351E5 !important;        /* FFB primary blue */
    text-decoration: underline !important;
}

/* Separadores `|` entre links - cinza suave */
.Header .MenuText {
    color: #9CA3AF !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}

/* Setinhas drop-down (arrow_down_white.gif = branca -> invisivel).
   Inverte para preto e tingir navy. */
.Header .textlinks img,
.Header .MenuText img {
    filter: brightness(0) saturate(100%) invert(8%) sepia(45%)
            saturate(2500%) hue-rotate(222deg) brightness(90%) contrast(100%);
    vertical-align: middle;
    margin-left: 4px;
}

/* "Administrador | Hora do Sistema: ..." - texto secundario muted */
.Header .loggedinas,
.Header .loggedinas *,
.Header .emailcredits,
.Header .emailcredits * {
    color: #6B7280 !important;
    opacity: 1 !important;
    visibility: visible !important;
    font-size: 11px !important;
    font-weight: 400 !important;
}

/* ---- 2. Paineis dos drop-downs (submenu Gerenciar usuario, etc.) ---- */

.PopDownMenu,
.PopDownMenuContent,
.PopDownMenuPanel,
div[id^='popdownmenu'],
div[id*='PopDownMenu'],
.dropdown-tab-submenu,
.dropdown-content {
    background: #ffffff !important;
    color: #060F2E !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08),
                0 4px 10px rgba(0,0,0,0.05) !important;
    padding: 6px !important;
    min-width: 180px !important;
    z-index: 9999 !important;
}

.PopDownMenu a,
.PopDownMenuContent a,
.PopDownMenuPanel a,
div[id^='popdownmenu'] a,
div[id*='PopDownMenu'] a,
.dropdown-tab-submenu a,
.dropdown-content a {
    color: #060F2E !important;
    display: block !important;
    padding: 8px 14px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.PopDownMenu a:hover,
.PopDownMenuContent a:hover,
.PopDownMenuPanel a:hover,
div[id^='popdownmenu'] a:hover,
div[id*='PopDownMenu'] a:hover,
.dropdown-tab-submenu a:hover,
.dropdown-content a:hover {
    background: #F3F4F6 !important;
    color: #2351E5 !important;
}

/* ---- 3. Barra de abas (Lista de Contatos | Contatos | Minhas Campanhas ...) ---- */
/* Franco apontou desalinhamento entre aba ativa e inativa.
   Fix: alinhamento vertical uniforme e tamanho consistente. */

.menuBar,
.menuBar table,
.menuBar td {
    vertical-align: middle !important;
}

.menuBar a,
.menuBar .PopDownMenu {
    vertical-align: middle !important;
    display: inline-block !important;
}

/* Normaliza altura das celulas de aba (se existirem imagens de corners) */
.menuBar td[class*='tab'],
.menuBar td[class*='Tab'] {
    vertical-align: middle !important;
    line-height: 36px !important;
}

/* Indicador de aba ativa: faixa azul consistente embaixo */
.menuBar a.active,
.menuBar a.selected,
.menuBar .dropselected a,
.menuBar td.dropselected {
    position: relative;
}