/* ============================================================
 * FFB Admin — CSS Consolidado
 * Gerado em: 2026-04-23 23:13:25
 * Consolidacao dos 13 arquivos (base + patches v2..v13) em um
 * unico stylesheet. Ordem de cascade mantida identica ao estado
 * validado. Backup dos originais em /root/css-patches-archive/.
 *
 * Secoes abaixo correspondem aos patches originais (em ordem):
 *  - [BASE]     Design system FFB (login + admin + responsivo)
 *  - [v2]       Overrides iniciais
 *  - [v3]       Menu superior legivel (texto navy)
 *  - [v4]       Modernizacao pills/botoes/cards/inputs
 *  - [v5]       Abas com presenca visual + icones
 *  - [v6]       Aba ativa bg azul solido + texto branco
 *  - [v7]       Logo sem fundo branco (mix-blend-mode)
 *  - [v8]       Activity log texto completo
 *  - [v9]       Dropdown panel layout
 *  - [v10]      Activity log chips truncados (sobrescreve v8)
 *  - [v11]      Container padding + overflow fix
 *  - [v12]      ContentContainer border-top
 *  - [v13]      Dropdown z-index + largura + quebra
 * ============================================================ */


/* ============================================================
 * SECAO: [BASE] Design system FFB
 * Origem: ffb-admin.css
 * ============================================================ */

/*
 * FFB Brasil Gestão de E-mail — Admin UI Modern Stylesheet
 * Adds a modern layer on top of legacy EmktFFB CSS without touching templates.
 * Loaded after stylesheet.css via Apache directive or auto-prepend.
 * Version: 1.0.0 - 2026-04-23
 */

/* ============================================================
   Design Tokens
   ============================================================ */
:root {
    --ffb-primary: #2351E5;
    --ffb-primary-dark: #1E46C2;
    --ffb-primary-soft: #EDF1FF;
    --ffb-navy: #060F2E;
    --ffb-accent: #00C4A1;
    --ffb-accent-dark: #00A286;

    --ffb-surface: #FFFFFF;
    --ffb-bg: #F6F7FB;
    --ffb-bg-muted: #EFF1F6;
    --ffb-border: #E5E7EB;
    --ffb-border-strong: #D1D5DB;

    --ffb-text: #1F2937;
    --ffb-text-muted: #6B7280;
    --ffb-text-subtle: #9CA3AF;
    --ffb-text-inverted: #FFFFFF;

    --ffb-danger: #EF4444;
    --ffb-warning: #F59E0B;
    --ffb-success: #10B981;
    --ffb-info: #3B82F6;

    --ffb-radius: 8px;
    --ffb-radius-lg: 12px;
    --ffb-shadow-sm: 0 1px 2px rgba(6, 15, 46, 0.05);
    --ffb-shadow: 0 4px 12px rgba(6, 15, 46, 0.08);
    --ffb-shadow-lg: 0 12px 32px rgba(35, 81, 229, 0.12);

    --ffb-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    --ffb-font-mono: ui-monospace, "SF Mono", "Consolas", "Monaco", monospace;

    --ffb-transition: all .15s ease;
}

/* ============================================================
   Base reset (aditivo, sem quebrar layout legado)
   ============================================================ */
html, body {
    background: var(--ffb-bg) !important;
    font-family: var(--ffb-font-sans) !important;
    color: var(--ffb-text) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body, td, th, div, span, p, a, label, input, select, textarea, button {
    font-family: var(--ffb-font-sans) !important;
}

a {
    color: var(--ffb-primary);
    text-decoration: none;
    transition: var(--ffb-transition);
}
a:hover { color: var(--ffb-primary-dark); text-decoration: underline; }

/* ============================================================
   Header / Top bar
   ============================================================ */
.Header {
    background: linear-gradient(135deg, var(--ffb-navy) 0%, #0E1B4A 100%) !important;
    background-image: none !important;
    padding: 12px 24px !important;
    box-shadow: var(--ffb-shadow);
    color: var(--ffb-text-inverted);
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 64px;
}
.Header_Top, .Header_Bottom { display: none !important; }
.Header .logo {
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
}
.Header .logo img,
#logo,
img#logo {
    max-height: 40px !important;
    max-width: 220px !important;
    width: auto !important;
    height: auto !important;
    background: #fff;
    padding: 6px 10px;
    border-radius: var(--ffb-radius);
    display: block;
}
.Header .textlinks {
    text-align: right !important;
    float: none !important;
    padding: 0 !important;
}
.Header .MenuText,
.Header .MenuText a {
    color: rgba(255,255,255,0.9) !important;
    font-size: 13px !important;
}
.Header .MenuText a { color: rgba(255,255,255,0.75) !important; }
.Header .MenuText a:hover { color: #fff !important; text-decoration: none; }
.loggedinas {
    color: rgba(255,255,255,0.7) !important;
    font-size: 12px !important;
    margin-top: 4px;
    display: block;
}
.emailcredits {
    background: rgba(255,255,255,0.1);
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11px;
    margin-left: 8px;
    display: inline-block;
    color: rgba(255,255,255,0.85) !important;
}

/* ============================================================
   Menu / Navigation
   ============================================================ */
.menuBar {
    background: var(--ffb-surface) !important;
    border-bottom: 1px solid var(--ffb-border) !important;
    box-shadow: var(--ffb-shadow-sm);
    padding: 0 24px !important;
}
.menuBar a {
    padding: 14px 16px !important;
    color: var(--ffb-text) !important;
    font-size: 13px !important;
    font-weight: 500;
    border-bottom: 2px solid transparent;
    transition: var(--ffb-transition);
    display: inline-block;
}
.menuBar a:hover,
.menuBar a.active,
.menuBar a.selected {
    color: var(--ffb-primary) !important;
    border-bottom-color: var(--ffb-primary) !important;
    background: transparent !important;
    text-decoration: none !important;
}

/* ============================================================
   Content container
   ============================================================ */
.ContentContainer {
    max-width: 1280px;
    margin: 24px auto !important;
    padding: 0 24px;
}
.BodyContainer {
    background: var(--ffb-surface) !important;
    border: 1px solid var(--ffb-border) !important;
    border-radius: var(--ffb-radius-lg) !important;
    padding: 24px !important;
    box-shadow: var(--ffb-shadow-sm);
}

/* ============================================================
   Headings
   ============================================================ */
.Heading1, h1.Heading1, .PageHeading, h1 {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: var(--ffb-navy) !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    letter-spacing: -0.01em;
    line-height: 1.3;
}
.Heading2, h2 {
    font-size: 17px !important;
    font-weight: 600 !important;
    color: var(--ffb-navy) !important;
    margin: 24px 0 12px 0 !important;
}
.SubHeading, h3 {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--ffb-text) !important;
}

/* ============================================================
   Buttons
   ============================================================ */
.FormButton,
input[type="submit"],
input[type="button"],
button,
.button {
    background: var(--ffb-primary) !important;
    color: var(--ffb-text-inverted) !important;
    border: 0 !important;
    padding: 9px 18px !important;
    border-radius: var(--ffb-radius) !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    cursor: pointer !important;
    transition: var(--ffb-transition);
    box-shadow: var(--ffb-shadow-sm);
    font-family: var(--ffb-font-sans) !important;
    line-height: 1.2;
}
.FormButton:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
.button:hover {
    background: var(--ffb-primary-dark) !important;
    box-shadow: var(--ffb-shadow);
    transform: translateY(-1px);
}
.FormButton:active,
input[type="submit"]:active,
input[type="button"]:active {
    transform: translateY(0);
}
/* Secondary / cancel buttons */
input[type="button"][value*="Cancel" i],
input[type="button"][value*="Cancelar" i],
.button-secondary {
    background: var(--ffb-bg-muted) !important;
    color: var(--ffb-text) !important;
    border: 1px solid var(--ffb-border-strong) !important;
}
input[type="button"][value*="Cancel" i]:hover,
input[type="button"][value*="Cancelar" i]:hover,
.button-secondary:hover {
    background: var(--ffb-border) !important;
}

/* ============================================================
   Inputs
   ============================================================ */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="date"],
textarea,
select,
.Field150, .Field250, .Field350 {
    background: #FFF !important;
    border: 1px solid var(--ffb-border-strong) !important;
    border-radius: var(--ffb-radius) !important;
    padding: 8px 12px !important;
    font-size: 13px !important;
    color: var(--ffb-text) !important;
    font-family: var(--ffb-font-sans) !important;
    transition: var(--ffb-transition);
    box-shadow: none !important;
    outline: none !important;
}
input:focus,
textarea:focus,
select:focus {
    border-color: var(--ffb-primary) !important;
    box-shadow: 0 0 0 3px rgba(35, 81, 229, 0.15) !important;
}
input[disabled],
select[disabled],
textarea[disabled] {
    background: var(--ffb-bg-muted) !important;
    color: var(--ffb-text-subtle) !important;
    cursor: not-allowed;
}
.Field150 { width: 180px; }
.Field250 { width: 260px; }
.Field350 { width: 360px; }

/* Checkboxes and radios */
input[type="checkbox"],
input[type="radio"] {
    width: 16px;
    height: 16px;
    accent-color: var(--ffb-primary);
    cursor: pointer;
    vertical-align: middle;
}

/* ============================================================
   Tables (EmktFFB usa tabelas para tudo — stats, listas, etc.)
   ============================================================ */
.DataTable,
.tableBorder,
table.Normal,
table.BasicTable {
    width: 100% !important;
    border-collapse: collapse !important;
    border: 1px solid var(--ffb-border) !important;
    border-radius: var(--ffb-radius) !important;
    overflow: hidden;
    background: var(--ffb-surface);
    margin: 12px 0;
}
.DataTable th,
.tableBorder th,
table.Normal th,
.HeadingRow td,
.GridHeader td {
    background: var(--ffb-bg-muted) !important;
    color: var(--ffb-text) !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 11px !important;
    letter-spacing: 0.04em;
    padding: 10px 12px !important;
    border-bottom: 1px solid var(--ffb-border) !important;
    text-align: left !important;
}
.DataTable td,
.tableBorder td,
table.Normal td,
.row0 td, .row1 td,
tr.Row td {
    padding: 10px 12px !important;
    border-bottom: 1px solid var(--ffb-bg-muted) !important;
    font-size: 13px !important;
    color: var(--ffb-text) !important;
    background: var(--ffb-surface) !important;
}
.DataTable tr:hover td,
.tableBorder tr:hover td,
tr.Row:hover td {
    background: var(--ffb-primary-soft) !important;
}
.DataTable tr:last-child td,
table.Normal tr:last-child td {
    border-bottom: 0 !important;
}
/* Zebra (if theme applies row0/row1) */
tr.row0 td { background: var(--ffb-surface) !important; }
tr.row1 td { background: #FAFBFD !important; }

/* ============================================================
   Messages / Alerts
   ============================================================ */
.Success, .success, .successMessage,
.Notice, .notice, .noticeMessage {
    background: #ECFDF5 !important;
    color: #065F46 !important;
    border-left: 4px solid var(--ffb-success) !important;
    padding: 12px 16px !important;
    border-radius: var(--ffb-radius);
    margin: 12px 0;
    font-size: 13px;
}
.Warning, .warning {
    background: #FFFBEB !important;
    color: #92400E !important;
    border-left: 4px solid var(--ffb-warning) !important;
    padding: 12px 16px !important;
    border-radius: var(--ffb-radius);
    margin: 12px 0;
    font-size: 13px;
}
.Error, .error, .errorMessage,
.TestModeEnabled {
    background: #FEF2F2 !important;
    color: #991B1B !important;
    border-left: 4px solid var(--ffb-danger) !important;
    padding: 12px 16px !important;
    border-radius: var(--ffb-radius);
    margin: 12px 0;
    font-size: 13px;
}
.Info, .info {
    background: #EFF6FF !important;
    color: #1E40AF !important;
    border-left: 4px solid var(--ffb-info) !important;
    padding: 12px 16px !important;
    border-radius: var(--ffb-radius);
    margin: 12px 0;
    font-size: 13px;
}

/* ============================================================
   Login screen (overrides anteriores de fix_logo_css.sh)
   ============================================================ */
body > div#box,
#box.loginBox {
    background: transparent !important;
    position: static !important;
    margin: 80px auto !important;
    padding: 0 !important;
    max-width: 440px !important;
    width: auto !important;
    top: auto !important;
    left: auto !important;
}
#box > table,
#box.loginBox > table {
    background: var(--ffb-surface) !important;
    border-radius: var(--ffb-radius-lg) !important;
    box-shadow: var(--ffb-shadow-lg) !important;
    padding: 32px 40px !important;
    border-collapse: separate !important;
    border-spacing: 0;
    margin: 0 auto !important;
    width: 100% !important;
}
#box > table > tbody > tr > td,
#box.loginBox td[style*="border"] {
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    width: auto !important;
}
#box .Heading1 {
    text-align: center !important;
    padding: 0 0 24px 0 !important;
    border-bottom: 1px solid var(--ffb-border);
    margin-bottom: 20px !important;
}
#box .Heading1 img {
    max-width: 200px !important;
    max-height: 60px !important;
    width: auto !important;
    height: auto !important;
    display: inline-block;
}
#box table table { width: 100% !important; }
#box table table td {
    padding: 6px 0 !important;
    border: 0 !important;
    vertical-align: middle;
}
#box .Field150 {
    width: 100% !important;
    box-sizing: border-box !important;
}
#box .FormButton {
    width: 100%;
    padding: 11px !important;
    font-size: 14px !important;
    margin-top: 8px;
}
#box .PageFooter {
    text-align: center !important;
    color: var(--ffb-text-subtle) !important;
    font-size: 11px !important;
    padding: 16px 0 0 0 !important;
    margin-top: 16px !important;
    border-top: 1px solid var(--ffb-border);
}

/* ============================================================
   Misc legacy UI cleanups
   ============================================================ */
.Gap { height: 8px !important; }
.PageFooter {
    color: var(--ffb-text-muted) !important;
    font-size: 12px !important;
    padding: 16px 0 !important;
}
hr {
    border: 0 !important;
    border-top: 1px solid var(--ffb-border) !important;
    margin: 16px 0 !important;
}
/* Hide EmktFFB trial/licensing banners if any */
#IEM_Header_TrialNotificationBar { display: none !important; }

/* Scrollbar polish (WebKit) */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--ffb-bg-muted); }
::-webkit-scrollbar-thumb {
    background: var(--ffb-border-strong);
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover { background: var(--ffb-text-subtle); }

/* ============================================================
   Tooltips / modals basics
   ============================================================ */
.toolTipBox, .infoBox {
    background: #FFF !important;
    border: 1px solid var(--ffb-border) !important;
    border-radius: var(--ffb-radius) !important;
    box-shadow: var(--ffb-shadow);
    padding: 10px 14px !important;
    font-size: 12px !important;
    color: var(--ffb-text-muted) !important;
}

/* ============================================================
   Responsive (básico — header e content viram coluna em mobile)
   ============================================================ */
@media (max-width: 900px) {
    .Header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .Header .textlinks { text-align: left !important; width: 100%; }
    .ContentContainer { padding: 0 12px; margin: 12px auto !important; }
    .BodyContainer { padding: 16px !important; }
    .menuBar { overflow-x: auto; white-space: nowrap; }
}


/* ============================================================
 * SECAO: [v2] Overrides iniciais
 * Origem: ffb-admin-patch-v2.css
 * ============================================================ */

/*
 * FFB-Admin Patch v2 — fixes after first production test
 * - Header top: textlinks and logged-in info visible
 * - #headerMenu (tabs with dropdowns): modern polish without breaking JS hover behavior
 * - Buttons: sensible sizing, no truncation of "Salvar & manter editando"
 * - Hover transitions without layout shift
 */

/* ============================================================
   Header (top strip with logo + user info) — safer rules
   ============================================================ */
.Header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap;
    padding: 10px 20px !important;
    min-height: 60px;
    gap: 16px;
}
.Header .logo {
    flex: 0 0 auto;
}
.Header .textlinks {
    flex: 1 1 auto;
    text-align: right !important;
    color: #fff !important;
    display: block !important;
    align-self: center;
}
.Header .MenuText {
    display: inline-block !important;
    color: #fff !important;
    font-size: 12px !important;
    line-height: 1.5;
    text-align: right !important;
}
.Header .MenuText,
.Header .MenuText * {
    color: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.Header .MenuText a {
    color: rgba(255,255,255,0.9) !important;
    padding: 0 6px;
    border-right: 1px solid rgba(255,255,255,0.2);
}
.Header .MenuText a:last-of-type {
    border-right: 0;
}
.Header .MenuText a:hover {
    color: #fff !important;
    text-decoration: underline !important;
}
.Header .loggedinas {
    display: block;
    color: rgba(255,255,255,0.75) !important;
    font-size: 11px !important;
    margin-top: 2px;
}
.Header .emailcredits {
    background: rgba(255,255,255,0.12);
    color: rgba(255,255,255,0.9) !important;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 10px;
    margin-left: 6px;
    display: inline-block;
    vertical-align: middle;
}

/* ============================================================
   #headerMenu — menu principal com dropdowns (as "tabs")
   ============================================================ */
.menuBar {
    background: #fff !important;
    border-bottom: 1px solid var(--ffb-border) !important;
    padding: 0 !important;
    overflow: visible !important;
}
#headerMenu {
    height: auto !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    max-width: 1280px;
    margin: 0 auto !important;
    padding: 0 16px !important;
}
#headerMenu ul {
    display: flex;
    flex-wrap: wrap;
}
#headerMenu > ul > li {
    float: none !important;
    display: flex;
    align-items: center;
    position: relative;
}
#headerMenu > ul > li > a,
#headerMenu > ul > li > span {
    display: flex !important;
    align-items: center;
    gap: 6px;
    padding: 14px 18px !important;
    color: var(--ffb-text) !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    border-bottom: 3px solid transparent !important;
    background: transparent !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    transition: color .12s ease, border-color .12s ease;
}
#headerMenu > ul > li:hover > a,
#headerMenu > ul > li.over > a,
#headerMenu > ul > li.dropselected > a,
#headerMenu > ul > li.selected > a {
    color: var(--ffb-primary) !important;
    border-bottom-color: var(--ffb-primary) !important;
    background: transparent !important;
}
/* Submenus */
#headerMenu ul ul {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    display: none;
    flex-direction: column;
    min-width: 220px;
    background: #fff !important;
    border: 1px solid var(--ffb-border) !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 32px rgba(6, 15, 46, 0.10) !important;
    padding: 6px !important;
    margin-top: 0 !important;
    z-index: 999 !important;
}
#headerMenu li:hover > ul,
#headerMenu li.over > ul {
    display: flex !important;
}
#headerMenu ul ul li {
    float: none !important;
    clear: both !important;
    display: block !important;
    width: 100%;
}
#headerMenu ul ul li a,
#headerMenu ul ul li span {
    display: block !important;
    padding: 8px 12px !important;
    color: var(--ffb-text) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    border-radius: 6px !important;
    background: transparent !important;
    border: 0 !important;
    background-image: none !important;
    text-decoration: none !important;
    transition: background .12s ease, color .12s ease;
}
#headerMenu ul ul li a:hover {
    background: var(--ffb-primary-soft) !important;
    color: var(--ffb-primary) !important;
}
#headerMenu ul ul li li a {
    padding-left: 22px !important;
}
/* Fix icons in menus: keep images but size them sane */
#headerMenu a img {
    width: 16px !important;
    height: 16px !important;
    max-width: 16px !important;
    object-fit: contain;
    vertical-align: middle;
    margin-right: 2px;
}

/* ============================================================
   Buttons: sensible sizes, NO truncation
   ============================================================ */
.FormButton,
input[type="submit"],
input[type="button"],
button,
.button {
    min-width: auto !important;
    max-width: none !important;
    width: auto !important;
    padding: 8px 18px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    white-space: nowrap;
    display: inline-block;
    overflow: visible !important;
    text-overflow: clip !important;
    height: auto !important;
}
/* Specific: Action buttons in page header — smaller, more compact */
.BodyContainer > form > table > tbody > tr > td input[type="submit"],
.BodyContainer input.FormButton {
    padding: 7px 14px !important;
    font-size: 13px !important;
}
/* Cancel/secondary (visual distinction) */
input[value*="Cancel" i],
input[value*="Cancelar" i] {
    background: #fff !important;
    color: var(--ffb-text) !important;
    border: 1px solid var(--ffb-border-strong) !important;
}
input[value*="Cancel" i]:hover,
input[value*="Cancelar" i]:hover {
    background: var(--ffb-bg-muted) !important;
    box-shadow: none !important;
    transform: none !important;
}

/* ============================================================
   Heading1 in page body — add left accent bar (visual polish)
   ============================================================ */
.BodyContainer > .Heading1,
.BodyContainer > h1.Heading1 {
    background: transparent !important;
    color: var(--ffb-navy) !important;
    padding: 0 !important;
    border-left: 0 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    margin: 0 0 8px 0 !important;
}
/* Remove any leftover <span> gray background on Heading1 */
.Heading1 span, .BodyContainer .Heading1 {
    background-color: transparent !important;
}

/* ============================================================
   Info/tip banner (amarelo "Reduza as chances..." no top da page)
   ============================================================ */
.Notice, .Tip, .InfoBanner,
.BodyContainer > div[style*="background"] {
    background: var(--ffb-primary-soft) !important;
    border-left: 4px solid var(--ffb-primary) !important;
    color: var(--ffb-text) !important;
    padding: 12px 16px !important;
    border-radius: var(--ffb-radius) !important;
    font-size: 13px !important;
    margin: 0 0 16px 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
}

/* ============================================================
   No layout shift on hover (prevent flicker)
   ============================================================ */
.menuBar a,
#headerMenu a,
#headerMenu > ul > li > a {
    will-change: color;
}
.FormButton:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover {
    transform: none !important;  /* desativa translateY da base — evita layout shift */
}

/* === STRONG override: .FormButton width fixa do EmktFFB === */
.FormButton,
.FormButton_wide,
input.FormButton,
input.FormButton_wide,
input[type="submit"].FormButton,
input[type="submit"].FormButton_wide,
input[type="button"].FormButton,
input[type="button"].FormButton_wide {
    width: auto !important;
    min-width: 90px !important;
    max-width: none !important;
    padding: 8px 18px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    height: auto !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    box-sizing: border-box !important;
    font-family: var(--ffb-font-sans) !important;
}
/* Exception: LoginForm button keeps full-width */
#box .FormButton,
.loginBox .FormButton {
    width: 100% !important;
}


/* ============================================================
 * SECAO: [v3] Menu superior legivel
 * Origem: ffb-admin-patch-v3.css
 * ============================================================ */

/* ============================================================
 * 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;
}


/* ============================================================
 * SECAO: [v4] Modernizacao pills/botoes/cards/inputs
 * Origem: ffb-admin-patch-v4.css
 * ============================================================ */

/* ============================================================
 * FFB Admin Patch v4 — modernizacao visual (pills, botoes, bordas)
 * 2026-04-23
 * Remove chrome legado EmktFFB 2009 (bordas cinza, gradientes,
 * imagens de tabs) e substitui por pill/chip moderno estilo Stripe/Linear.
 * ============================================================ */

/* ============================================================
 * 1. MENU SUPERIOR (Inicio | Modelos | Forms HTML | ...)
 *    Remove borda/caixa/bg legado dos PopDownMenu triggers
 * ============================================================ */

.Header .PopDownMenu,
.Header a.PopDownMenu,
.Header .MenuText .PopDownMenu,
.Header .MenuText a.PopDownMenu,
.Header .textlinks .PopDownMenu {
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 4px 10px !important;
    margin: 0 2px !important;
    border-radius: 6px !important;
    display: inline-block !important;
    line-height: 1.4 !important;
    min-width: 0 !important;
    width: auto !important;
    height: auto !important;
}

.Header .PopDownMenu:hover,
.Header a.PopDownMenu:hover {
    background: rgba(35, 81, 229, 0.08) !important;
}

.Header .PopDownMenu table,
.Header .PopDownMenu td,
.Header .PopDownMenu tr,
.Header .PopDownMenu tbody {
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Esconde imagens de corners/middle/bg do menu legado no topo */
.Header .PopDownMenu img[src*='mnu_'],
.Header .PopDownMenu img[src*='menu_'],
.Header .PopDownMenu img[src*='tab_'],
.Header .PopDownMenu img[src*='tab-'],
.Header .PopDownMenu img[src*='corner'],
.Header .PopDownMenu img[src*='_left'],
.Header .PopDownMenu img[src*='_right'],
.Header .PopDownMenu img[src*='_middle'] {
    display: none !important;
}

/* Setinha down do dropdown — mantida (apenas arrow_down*) */
.Header .PopDownMenu img[src*='arrow_down'] {
    display: inline-block !important;
    vertical-align: middle !important;
    margin-left: 4px;
    width: 10px;
    height: 10px;
}

/* ============================================================
 * 2. BARRA DE ABAS PRINCIPAL (.menuBar)
 *    Lista de Contatos / Contatos / Minhas Campanhas / Enquetes ...
 *    Kill chrome EmktFFB, vira pills modernas
 * ============================================================ */

.menuBar {
    background: #ffffff !important;
    background-image: none !important;
    border: none !important;
    border-bottom: 1px solid #E5E7EB !important;
    padding: 10px 24px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03) !important;
}

.menuBar > div {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    flex-wrap: wrap !important;
}

/* Zerar TODAS as estruturas table das abas legadas */
.menuBar table,
.menuBar tbody,
.menuBar tr,
.menuBar td {
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    vertical-align: middle !important;
    height: auto !important;
    width: auto !important;
}

/* Esconde imagens de corner/tab 3-part legadas */
.menuBar img[src*='mnu_'],
.menuBar img[src*='menu_on_'],
.menuBar img[src*='menu_off_'],
.menuBar img[src*='tab-'],
.menuBar img[src*='tab_'],
.menuBar img[src*='_corner'],
.menuBar img[src*='_left.gif'],
.menuBar img[src*='_right.gif'],
.menuBar img[src*='_middle.gif'],
.menuBar img[src*='_middle.png'] {
    display: none !important;
}

/* Links e triggers de dropdown das abas — pill moderno */
.menuBar a,
.menuBar .PopDownMenu,
.menuBar a.PopDownMenu,
.menuBar td > a {
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 10px 16px !important;
    margin: 0 2px !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #374151 !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    min-height: 40px !important;
    transition: background 0.15s ease, color 0.15s ease !important;
}

.menuBar a:hover,
.menuBar .PopDownMenu:hover,
.menuBar td > a:hover {
    background: rgba(35, 81, 229, 0.08) !important;
    color: #2351E5 !important;
    text-decoration: none !important;
}

/* Aba ativa */
.menuBar a.active,
.menuBar a.selected,
.menuBar .dropselected,
.menuBar td.dropselected,
.menuBar td.dropselected > a,
.menuBar td.dropselected > .PopDownMenu,
.menuBar .dropselected .PopDownMenu {
    background: rgba(35, 81, 229, 0.10) !important;
    color: #2351E5 !important;
    font-weight: 600 !important;
}

/* Icones temáticos das abas (envelope, lista, grafico) — preservar */
.menuBar img:not([src*='arrow']):not([src*='mnu_']):not([src*='menu_']):not([src*='tab']):not([src*='corner']) {
    display: inline-block !important;
    vertical-align: middle !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    opacity: 0.85;
}

/* Setinha down das abas - discreta */
.menuBar img[src*='arrow_down'] {
    width: 10px !important;
    height: 10px !important;
    opacity: 0.5;
    margin-left: 4px !important;
}

/* ============================================================
 * 3. BOTOES "Gerenciar listas" / "Criar um e-mail"
 *    (caixa introdutoria do dashboard)
 * ============================================================ */

.introbox a,
.introbox .actionlink,
.BigIconLinks a,
.BigIconLinks td > a,
a.BigIconButton,
a.heading3,
a.Heading3 {
    background: #F9FAFB !important;
    background-image: none !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04) !important;
    padding: 16px 20px !important;
    color: #111827 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    transition: all 0.15s ease !important;
}

.introbox a:hover,
.BigIconLinks a:hover,
a.BigIconButton:hover {
    background: #F3F4F6 !important;
    border-color: #2351E5 !important;
    color: #2351E5 !important;
    box-shadow: 0 4px 8px rgba(35,81,229,0.10) !important;
    transform: translateY(-1px);
}

/* ============================================================
 * 4. BOTOES DE ACAO — Ver mais campanhas / Ver Todas as Listas
 *    (as "pills" amarelas/laranja com setinha)
 * ============================================================ */

a.bigactionbutton,
a.actionbutton,
a.ActionButton,
a.SmallActionButton,
a[class*='ctionButton'],
button.bigactionbutton,
button.actionbutton,
input.bigactionbutton,
input.actionbutton,
input.SubmitButton,
input.Button2 {
    background: #2351E5 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 9px 18px !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    box-shadow: 0 1px 2px rgba(35,81,229,0.20) !important;
    cursor: pointer !important;
    transition: background 0.15s ease, box-shadow 0.15s ease !important;
}

a.bigactionbutton:hover,
a.actionbutton:hover,
button.bigactionbutton:hover,
input.SubmitButton:hover,
input.Button2:hover {
    background: #1E45C2 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(35,81,229,0.30) !important;
}

/* Icone redondo laranja dentro do action button — branco */
a.bigactionbutton img,
a.actionbutton img {
    filter: brightness(0) invert(1) !important;
    width: 14px !important;
    height: 14px !important;
    opacity: 0.9;
}

/* Cancel/secondary button */
a.cancelbutton,
input.cancelbutton,
button.cancelbutton,
a[class*='CancelButton'] {
    background: #ffffff !important;
    background-image: none !important;
    color: #374151 !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 8px !important;
    padding: 9px 18px !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    box-shadow: none !important;
}

a.cancelbutton:hover,
input.cancelbutton:hover {
    background: #F9FAFB !important;
    color: #111827 !important;
    border-color: #9CA3AF !important;
}

/* ============================================================
 * 5. CAIXAS DE CONTEUDO — cards "Iniciando o uso", "Campanhas Editadas"...
 * ============================================================ */

.contentbox,
.introbox,
.GroupedBox,
.RoundBox,
div[id^='DashboardBox'],
.DashboardBox {
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
    padding: 20px !important;
    margin-bottom: 16px !important;
}

/* Titulo dentro dos cards */
.contentbox h1,
.contentbox h2,
.contentbox h3,
.introbox h1,
.introbox h2,
.DashboardBox h3 {
    color: #111827 !important;
    font-weight: 600 !important;
    margin-top: 0 !important;
}

/* ============================================================
 * 6. TABELAS DE LISTAS (linhas "Informativo Mazzolli XXX")
 * ============================================================ */

.DashboardBox table tr,
.contentbox table tr,
.GroupedBox table tr {
    background: transparent !important;
}

.DashboardBox table tr:hover,
.contentbox table tr:hover {
    background: #F9FAFB !important;
}

/* Tabs secundarias MOSTRAR: Todas/Agendada/Enviada/Arquivada */
.tabstrip a,
.tabstrip .tab,
.SubTabs a {
    padding: 6px 12px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    color: #6B7280 !important;
    font-weight: 500 !important;
    background: transparent !important;
    border: none !important;
}

.tabstrip a:hover {
    background: #F3F4F6 !important;
    color: #111827 !important;
}

.tabstrip a.active,
.tabstrip .tab.active,
.SubTabs a.active {
    background: #EFF6FF !important;
    color: #2351E5 !important;
}

/* ============================================================
 * 7. Diversos: inputs, selects com estilo modernizado leve
 * ============================================================ */

input[type='text'],
input[type='email'],
input[type='password'],
input[type='number'],
select,
textarea {
    border: 1px solid #D1D5DB !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    color: #111827 !important;
    background: #ffffff !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus,
select:focus,
textarea:focus {
    outline: none !important;
    border-color: #2351E5 !important;
    box-shadow: 0 0 0 3px rgba(35,81,229,0.12) !important;
}


/* ============================================================
 * SECAO: [v5] Abas com presenca visual + icones
 * Origem: ffb-admin-patch-v5.css
 * ============================================================ */

/* ============================================================
 * FFB Admin Patch v5 — abas com presenca visual + icones restaurados
 * 2026-04-23
 * Carregar DEPOIS de v4.
 *
 * Corrige v4:
 *  - Regras de hide eram amplas demais e esconderam icones tematicos
 *    das abas (envelope, lista, grafico). Aqui restauramos.
 *  - Abas ficaram texto puro no v4. Aqui damos presenca de botao
 *    (borda sutil + bg claro + hover azul + lift).
 * ============================================================ */

/* ---- 1. Restaura icones tematicos das abas ---- */
/* v4 escondia qualquer img[src*='tab_'] ou [src*='menu_'].
 * Esses nomes casam com icones reais (ex: menu_newsletters.gif).
 * Aqui FORCA display dos icones genuinos. */

.menuBar img {
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    opacity: 0.85 !important;
    margin: 0 4px 0 0 !important;
    vertical-align: middle !important;
    border: 0 !important;
}

/* Re-hide apenas o chrome 3-part de tab legado (backgrounds, nao icones):
 * EmktFFB usa mnu_on_left.gif / mnu_on_middle.gif / mnu_on_right.gif
 * e mnu_off_* / mnu_hover_*. Nomes sao especificos - match por sufixo. */
.menuBar img[src$='mnu_on_left.gif'],
.menuBar img[src$='mnu_on_middle.gif'],
.menuBar img[src$='mnu_on_right.gif'],
.menuBar img[src$='mnu_off_left.gif'],
.menuBar img[src$='mnu_off_middle.gif'],
.menuBar img[src$='mnu_off_right.gif'],
.menuBar img[src$='mnu_hover_left.gif'],
.menuBar img[src$='mnu_hover_middle.gif'],
.menuBar img[src$='mnu_hover_right.gif'],
.menuBar img[src$='tab_left.gif'],
.menuBar img[src$='tab_middle.gif'],
.menuBar img[src$='tab_right.gif'],
.menuBar img[src$='tab-left.gif'],
.menuBar img[src$='tab-middle.gif'],
.menuBar img[src$='tab-right.gif'] {
    display: none !important;
}

/* Setinha down do dropdown das abas — discreta mas visivel */
.menuBar img[src*='arrow_down'] {
    display: inline-block !important;
    width: 10px !important;
    height: 10px !important;
    opacity: 0.55 !important;
    margin-left: 6px !important;
    /* ja visivel pelo filter do v3, so garantindo tamanho */
}

/* ---- 2. Abas com presenca visual (botao pill com borda e bg) ---- */

.menuBar {
    padding: 14px 24px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #E5E7EB !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.03) !important;
}

.menuBar > div {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    max-width: 1400px;
    margin: 0 auto;
}

/* Cada aba = pill com borda sutil + bg claro + shadow minima.
 * Hover = bg azul-clarissimo + borda azul + eleva. */
.menuBar a,
.menuBar .PopDownMenu,
.menuBar a.PopDownMenu,
.menuBar td > a,
.menuBar > div > a {
    background: #F9FAFB !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 10px !important;
    padding: 10px 18px !important;
    margin: 0 !important;
    color: #374151 !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    min-height: 42px !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04) !important;
    transition: background 0.15s ease,
                border-color 0.15s ease,
                color 0.15s ease,
                box-shadow 0.15s ease,
                transform 0.15s ease !important;
    cursor: pointer !important;
}

.menuBar a:hover,
.menuBar .PopDownMenu:hover,
.menuBar td > a:hover {
    background: #EFF6FF !important;
    border-color: #93C5FD !important;
    color: #2351E5 !important;
    box-shadow: 0 2px 8px rgba(35, 81, 229, 0.12) !important;
    transform: translateY(-1px) !important;
    text-decoration: none !important;
}

/* Aba ativa / dropdown aberto — destaque azul FFB */
.menuBar a.active,
.menuBar a.selected,
.menuBar .dropselected,
.menuBar td.dropselected,
.menuBar td.dropselected > a,
.menuBar td.dropselected > .PopDownMenu,
.menuBar .dropselected .PopDownMenu {
    background: #EFF6FF !important;
    border-color: #2351E5 !important;
    color: #1e45c2 !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 8px rgba(35, 81, 229, 0.18) !important;
}

/* Icones tematicos dentro de pill ativa: tint azul */
.menuBar a.active img,
.menuBar .dropselected img {
    opacity: 1 !important;
}


/* ============================================================
 * SECAO: [v6] Aba ativa bg azul solido
 * Origem: ffb-admin-patch-v6.css
 * ============================================================ */

/* ============================================================
 * FFB Admin Patch v6 — aba ATIVA com contraste correto
 * 2026-04-23
 * Carregar DEPOIS de v5.
 *
 * Problema no v5: aba ativa com bg pale-blue (#EFF6FF) + texto
 * pale-blue e/ou descendentes com color=white do EmktFFB legado.
 * Resultado: texto quase invisivel.
 *
 * Fix v6: aba ativa com bg FFB-blue SOLIDO + texto branco (como
 * design original EmktFFB pretendia), mas com tipografia
 * e sombra modernas.
 * ============================================================ */

.menuBar a.active,
.menuBar a.selected,
.menuBar .dropselected,
.menuBar td.dropselected,
.menuBar td.dropselected > a,
.menuBar td.dropselected > .PopDownMenu,
.menuBar .dropselected .PopDownMenu,
.menuBar .dropselected a.PopDownMenu {
    background: #2351E5 !important;
    background-image: none !important;
    border: 1px solid #2351E5 !important;
    color: #FFFFFF !important;
    font-weight: 600 !important;
    box-shadow: 0 3px 10px rgba(35, 81, 229, 0.28) !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.08);
}

/* Forçar texto branco em TODOS descendentes da aba ativa
 * (cobre casos em que EmktFFB renderiza texto em span/td interno) */
.menuBar a.active,
.menuBar a.active *,
.menuBar a.selected,
.menuBar a.selected *,
.menuBar .dropselected,
.menuBar .dropselected span,
.menuBar .dropselected td,
.menuBar .dropselected a,
.menuBar .dropselected .PopDownMenu,
.menuBar .dropselected .PopDownMenu span,
.menuBar .dropselected .PopDownMenu td,
.menuBar td.dropselected,
.menuBar td.dropselected span,
.menuBar td.dropselected a,
.menuBar td.dropselected .PopDownMenu {
    color: #FFFFFF !important;
}

/* Icones dentro da aba ativa: inverter para branco (alta legibilidade) */
.menuBar a.active img:not([src*='arrow']),
.menuBar a.selected img:not([src*='arrow']),
.menuBar .dropselected img:not([src*='arrow']),
.menuBar td.dropselected img:not([src*='arrow']) {
    filter: brightness(0) invert(1) !important;
    opacity: 0.95 !important;
}

/* Setinha down na aba ativa tambem branca */
.menuBar a.active img[src*='arrow_down'],
.menuBar .dropselected img[src*='arrow_down'],
.menuBar td.dropselected img[src*='arrow_down'] {
    filter: brightness(0) invert(1) !important;
    opacity: 0.75 !important;
}

/* Hover na aba ativa: mantem azul, escurece um tom */
.menuBar a.active:hover,
.menuBar a.selected:hover,
.menuBar .dropselected:hover,
.menuBar td.dropselected:hover > a,
.menuBar td.dropselected > a:hover {
    background: #1E45C2 !important;
    border-color: #1E45C2 !important;
    color: #FFFFFF !important;
    transform: translateY(-1px) !important;
}


/* ============================================================
 * SECAO: [v7] Logo sem fundo branco
 * Origem: ffb-admin-patch-v7.css
 * ============================================================ */

/* ============================================================
 * FFB Admin Patch v7 — logo sem fundo branco (transparente)
 * 2026-04-23
 * Carregar DEPOIS de v6.
 *
 * Problema: logo FFB no cabeçalho aparece dentro de um cartão
 * branco com borda/shadow arredondado, em cima do fundo
 * cinza-claro do header — destoa visualmente.
 *
 * Fix: remover bg/borda/shadow do container e garantir que
 * a imagem use o PNG transparente.
 * ============================================================ */

.Header .logo,
.Header div.logo,
.Header > .logo,
.Header .Header_Top + .logo {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 20px 0 0 !important;
}

.Header .logo a,
.Header .logo a:link,
.Header .logo a:visited {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    display: inline-block !important;
}

.Header .logo img,
.Header #logo,
.Header img#logo {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    max-height: 60px !important;
    width: auto !important;
    height: auto !important;
    /* Caso a imagem servida seja JPG com fundo branco, usa mix-blend-mode
     * pra "queimar" o branco contra o fundo claro do header.
     * mix-blend-mode:multiply faz branco sumir em fundos claros. */
    mix-blend-mode: multiply;
}


/* ============================================================
 * SECAO: [v8] Activity log texto completo
 * Origem: ffb-admin-patch-v8.css
 * ============================================================ */

/* ============================================================
 * FFB Admin Patch v8 — corrige "Atividade recente" cortada
 * 2026-04-23
 * Override do useractivitylog.css (max-width 115px + overflow hidden)
 * + JS inline no template que forca width 120px em nao-Firefox.
 * Solucao: wrap em multiplas linhas + texto completo visivel.
 * ============================================================ */

div#userActivityLogList_Container {
    padding: 12px 20px !important;
    margin-bottom: 20px !important;
    background: #F9FAFB !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03) !important;
    overflow: visible !important;
}

div#userActivityLogList {
    border-bottom: none !important;
    overflow: visible !important;
    white-space: normal !important;
    padding-bottom: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 4px !important;
}

div#userActivityLogList span.userActivityLogLabel {
    padding: 0 12px 0 0 !important;
    float: none !important;
    font-weight: 600 !important;
    color: #374151 !important;
    font-size: 13px !important;
    white-space: nowrap !important;
}

div#userActivityLogList span.userActivityLogItem {
    border-left: 1px solid #D1D5DB !important;
    padding: 4px 10px !important;
    margin: 2px !important;
    max-width: none !important;
    width: auto !important;
    overflow: visible !important;
    white-space: normal !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
}

div#userActivityLogList span.userActivityLogFirstItem {
    border-left: 0 !important;
}

div#userActivityLogList span.userActivityLogItem a {
    text-decoration: none !important;
    color: #2351E5 !important;
    font-size: 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    transition: background 0.15s;
}

div#userActivityLogList span.userActivityLogItem a:hover {
    background: #EFF6FF !important;
    text-decoration: none !important;
}

div#userActivityLogList span.userActivityLogItem a img {
    border: 0 !important;
    vertical-align: middle !important;
    padding: 0 !important;
    margin: 0 4px 0 0 !important;
    width: 14px !important;
    height: 14px !important;
    flex-shrink: 0 !important;
    opacity: 0.85;
}


/* ============================================================
 * SECAO: [v9] Dropdown panel layout
 * Origem: ffb-admin-patch-v9.css
 * ============================================================ */

/* ============================================================
 * FFB Admin Patch v9 — dropdown panel das abas (DropDownMenu)
 * 2026-04-23
 *
 * Bug: ao expandir "Minhas Campanhas" o painel com itens
 * (Exibir / Criar / Enviar / Gerenciador / Exibir envios)
 * sobrepoe descricoes e fica sujo.
 *
 * HTML real: <div class="DropDownMenu DropShadow"><ul><li><a>Titulo</a><br/>Descricao</li></ul></div>
 *
 * Fix: layout bem estruturado, paddings generosos, separador
 * sutil entre itens, descricao em cinza.
 * ============================================================ */

/* Painel do dropdown das abas principais */
div.DropDownMenu,
div.DropDownMenu.DropShadow,
.menuBar div.DropDownMenu {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 28px rgba(0,0,0,0.10), 0 4px 10px rgba(0,0,0,0.06) !important;
    padding: 8px !important;
    min-width: 280px !important;
    max-width: 420px !important;
    width: auto !important;
    z-index: 99999 !important;
    margin-top: 4px !important;
    overflow: hidden !important;
}

/* Lista do dropdown */
div.DropDownMenu ul,
.menuBar div.DropDownMenu ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* Item individual (li) - NADA de altura fixa, bg, border */
div.DropDownMenu ul li,
.menuBar div.DropDownMenu ul li {
    list-style: none !important;
    margin: 2px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    display: block !important;
}

/* Link + descricao juntos - padding generoso, hover suave */
div.DropDownMenu ul li a,
.menuBar div.DropDownMenu ul li a {
    display: block !important;
    padding: 10px 14px !important;
    margin: 0 !important;
    color: #111827 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    border-radius: 6px !important;
    background: transparent !important;
    border: none !important;
    white-space: normal !important;
    overflow: visible !important;
    transition: background 0.12s, color 0.12s !important;
}

div.DropDownMenu ul li a:hover,
.menuBar div.DropDownMenu ul li a:hover {
    background: #F3F4F6 !important;
    color: #2351E5 !important;
    text-decoration: none !important;
}

/* A descricao (o texto apos o <br/>) — forcar cinza e peso normal via sibling pattern.
 * EmktFFB usa <a>Titulo</a><br/>Descricao, entao a descricao e text node apos <br>.
 * Aplicamos estilo no texto livre do <li>: */
div.DropDownMenu ul li,
.menuBar div.DropDownMenu ul li {
    color: #6B7280 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    padding: 0 14px 10px 14px !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

/* Reset do padding do li para nao afetar o <a> que ja tem seu proprio */
div.DropDownMenu ul > li {
    padding: 4px 0 !important;
}
div.DropDownMenu ul > li > a {
    padding: 8px 14px 2px 14px !important;
    margin-bottom: 0 !important;
}
/* Texto da descricao (text node direto no li, apos <br>) */
div.DropDownMenu ul > li {
    padding: 6px 14px 10px 14px !important;
    border-bottom: 1px solid #F3F4F6 !important;
}
div.DropDownMenu ul > li:last-child {
    border-bottom: none !important;
}
div.DropDownMenu ul > li > a {
    padding: 0 0 4px 0 !important;
    font-size: 13px !important;
    color: #111827 !important;
    font-weight: 600 !important;
}
div.DropDownMenu ul > li > a:hover {
    background: transparent !important;
    color: #2351E5 !important;
}

/* Hover no LI inteiro — efeito de card destacado */
div.DropDownMenu ul > li:hover {
    background: #F9FAFB !important;
    border-radius: 6px !important;
}
div.DropDownMenu ul > li:hover > a {
    color: #2351E5 !important;
}

/* Separadores <hr /> dentro do menu */
div.DropDownMenu hr,
.menuBar div.DropDownMenu hr {
    border: none !important;
    border-top: 1px solid #E5E7EB !important;
    margin: 6px 0 !important;
    height: 0 !important;
}


/* ============================================================
 * SECAO: [v10] Activity log chips truncados
 * Origem: ffb-admin-patch-v10.css
 * ============================================================ */

/* ============================================================
 * FFB Admin Patch v10 — Atividade recente com chips truncados
 * 2026-04-23
 *
 * v8 removeu truncagem e textos como
 * "Informativo Mazzolli 962 - Simples Nacional – Prazos..."
 * ficam enormes, quebrando layout.
 *
 * Solucao:
 *  - Chip com max-width fixo (220px)
 *  - text-overflow: ellipsis (mostra "...")
 *  - title="" original ja existe no template -> hover mostra completo
 * ============================================================ */

div#userActivityLogList_Container {
    padding: 10px 20px !important;
    margin-bottom: 20px !important;
    background: #F9FAFB !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03) !important;
    overflow: hidden !important;
}

div#userActivityLogList {
    border-bottom: none !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    padding-bottom: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 4px !important;
}

div#userActivityLogList span.userActivityLogLabel {
    padding: 0 12px 0 0 !important;
    float: none !important;
    font-weight: 600 !important;
    color: #374151 !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* Chip individual — max-width + ellipsis */
div#userActivityLogList span.userActivityLogItem {
    border-left: 1px solid #D1D5DB !important;
    padding: 4px 10px !important;
    margin: 2px !important;
    max-width: 220px !important;
    min-width: 0 !important;
    width: auto !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-shrink: 1 !important;
}

div#userActivityLogList span.userActivityLogFirstItem {
    border-left: 0 !important;
}

/* Link dentro do chip — trunca texto com reticencias */
div#userActivityLogList span.userActivityLogItem a {
    text-decoration: none !important;
    color: #2351E5 !important;
    font-size: 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    transition: background 0.15s !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

div#userActivityLogList span.userActivityLogItem a:hover {
    background: #EFF6FF !important;
    text-decoration: none !important;
    color: #1e45c2 !important;
}

/* Icone antes do texto — nao encolhe */
div#userActivityLogList span.userActivityLogItem a img {
    border: 0 !important;
    vertical-align: middle !important;
    padding: 0 !important;
    margin: 0 4px 0 0 !important;
    width: 14px !important;
    height: 14px !important;
    flex-shrink: 0 !important;
    opacity: 0.85;
}

/* Dica de tooltip mais legivel (browsers renderizam title automaticamente) */


/* ============================================================
 * SECAO: [v11] Container padding + overflow fix
 * Origem: ffb-admin-patch-v11.css
 * ============================================================ */

/* ============================================================
 * FFB Admin Patch v11 — borda superior do card "Inicio" cortada
 * 2026-04-23
 * O container externo tem borda nas laterais/base mas a superior
 * estava sendo cortada por overflow do filho (activity log).
 * ============================================================ */

/* Containers principais da pagina - overflow visivel e sem margin top negativo */
.BodyContainer,
.ContentContainer,
.contentbox,
.introbox,
.GroupedBox,
.DashboardBox,
div[id^='DashboardBox'],
div[id$='_Container'] {
    overflow: visible !important;
    margin-top: 0 !important;
}

/* Garante que borda superior do card principal apareca */
.contentbox,
.introbox,
.GroupedBox,
.DashboardBox,
div[id^='DashboardBox'] {
    padding-top: 24px !important;
    border-top: 1px solid #E5E7EB !important;
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
    position: relative;
    z-index: 1;
}

/* userActivityLog nao deve ter margem que "suba" por cima da borda do pai */
div#userActivityLogList_Container {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    position: relative;
    z-index: 2;
}

/* Espaço de "respiro" entre menuBar e o primeiro card */
.menuBar {
    margin-bottom: 28px !important;
}

/* Dupla proteção: se houver BodyContainer envolvendo tudo, garante padding */
.BodyContainer {
    padding-top: 16px !important;
}


/* ============================================================
 * SECAO: [v12] ContentContainer border-top
 * Origem: ffb-admin-patch-v12.css
 * ============================================================ */

/* ============================================================
 * FFB Admin Patch v12 — borda superior do ContentContainer
 * 2026-04-23
 *
 * stylesheet.css:1010 tinha border-top:none no .ContentContainer
 * (heranca do design antigo EmktFFB que emendava o card com
 * uma header ja removida). Restaura borda superior uniforme.
 * ============================================================ */

.ContentContainer {
    border: 1px solid #E5E7EB !important;
    border-top: 1px solid #E5E7EB !important;
    border-radius: 12px !important;
    background-color: #ffffff !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
    padding: 24px !important;
    min-height: auto !important;
    max-width: 1280px !important;
    margin: 0 auto 24px auto !important;
}

/* BodyContainer: invisible wrapper - nao deve ter borda competindo */
.BodyContainer {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Previne IE/Outlook fallback de mostrar borda dupla */
.ContentContainer > .BodyContainer {
    margin: 0 !important;
}


/* ============================================================
 * SECAO: [v13] Dropdown z-index + largura + quebra
 * Origem: ffb-admin-patch-v13.css
 * ============================================================ */

/* ============================================================
 * FFB Admin Patch v13 — dropdown do menu abrindo por baixo
 * 2026-04-23
 *
 * Causa: v11 definiu `position:relative; z-index:1` em
 * .contentbox/.DashboardBox/div[id^='DashboardBox']. Isso cria
 * stacking contexts que engolem o submenu hover do headerMenu.
 *
 * Fix:
 *  - menuBar acima de tudo (z-index:1000) e com position:relative
 *    para que os filhos possam receber z-index.
 *  - Submenu (#headerMenu .dropdown ul) com z-index:1001.
 *  - Tabs (li.dropdown) com position:relative para serem a origem
 *    do stacking do proprio submenu.
 * ============================================================ */

.menuBar {
    position: relative !important;
    z-index: 1000 !important;
}

#headerMenu {
    position: relative !important;
    z-index: 1000 !important;
}

#headerMenu ul {
    position: relative !important;
}

#headerMenu li.dropdown {
    position: relative !important;
    z-index: 1000 !important;
}

/* Submenu que aparece no hover — sobe acima de cards/cartoes */
#headerMenu li.dropdown ul,
#headerMenu li.dropdown:hover ul {
    position: absolute !important;
    z-index: 1001 !important;
}

/* Containers de dashboard nao podem competir no eixo Z com o menu */
.contentbox,
.introbox,
.GroupedBox,
.DashboardBox,
div[id^='DashboardBox'],
div#userActivityLogList_Container,
.ContentContainer,
.BodyContainer {
    z-index: 0 !important;
}

/* ============================================================
 * Submenu dropdown — largura fixa + quebra de texto
 * Estrutura: <li><a><strong>titulo</strong><span>descricao</span></a></li>
 * O <span> da descricao estava estourando ("Enviar uma campanha
 * de e-mail para uma lista de contatos." ultrapassa 380px).
 * ============================================================ */

#headerMenu li.dropdown ul {
    width: 380px !important;
    min-width: 380px !important;
    max-width: 380px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    padding: 8px 0 !important;
}

#headerMenu li.dropdown ul li {
    width: 100% !important;
    box-sizing: border-box !important;
    white-space: normal !important;
}

#headerMenu li.dropdown ul li a {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    padding: 10px 18px 10px 44px !important;
    background-position: 14px center !important;
    background-repeat: no-repeat !important;
    line-height: 1.45 !important;
}

#headerMenu li.dropdown ul li a strong {
    display: block !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    margin-bottom: 2px !important;
}

#headerMenu li.dropdown ul li a span {
    display: block !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    font-size: 12px !important;
    color: #6B7280 !important;
    line-height: 1.4 !important;
}


/* ============================================================
 * SECAO: [v14] Top menu (textlinks/DropDownMenu) z-index
 * Adicionada: 2026-04-23 23h
 * Problema: v13 elevou .menuBar (tabs do meio) para z-index:1000
 * MAS o top menu (div.Header com .textlinks/.DropDownMenu) tinha
 * a mesma prioridade. Como .menuBar vem depois no DOM, passou
 * por cima do submenu top (Gerenciar Usuario, Criar Grupos, etc).
 * Fix: top menu com z-index:1500, seus submenus com 1600.
 * ============================================================ */

.Header {
    position: relative !important;
    z-index: 1500 !important;
}

.Header .textlinks,
.Header .MenuText {
    position: relative !important;
    z-index: 1500 !important;
}

.PopDownMenuContainer {
    z-index: 1600 !important;
}

.DropDownMenu,
.DropDownMenu.DropShadow {
    z-index: 1600 !important;
}


/* Override overflow:hidden do dropdown parent quando tem submenu cascading */
div.DropDownMenu:has(li.has-children) {
  overflow: visible !important;
}
/* Fallback pra browsers sem :has — sempre visible em qualquer dropdown que possa conter has-children */
div.DropDownMenu { overflow: visible !important; }

/* Item parent (clicável) */
div.DropDownMenu ul li.has-children { position: relative !important; }
div.DropDownMenu ul li.has-children > a.has-children-toggle {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  cursor: pointer !important;
}
div.DropDownMenu ul li.has-children > a.has-children-toggle .submenu-arrow {
  font-size: 11px !important;
  opacity: 0.55 !important;
  margin-left: 10px !important;
  transition: transform 0.18s, opacity 0.18s !important;
  display: inline-block !important;
}
div.DropDownMenu ul li.has-children.open > a.has-children-toggle .submenu-arrow {
  transform: rotate(90deg) !important;
  opacity: 1 !important;
}
div.DropDownMenu ul li.has-children.open > a.has-children-toggle {
  background: #f3f4f6 !important;
  color: #2351E5 !important;
}

/* Submenu lateral - HIDDEN por padrão, position absolute */
div.DropDownMenu ul li.has-children > ul.submenu-nested {
  display: none !important;
  position: absolute !important;
  top: -8px !important;
  left: calc(100% + 4px) !important;
  min-width: 240px !important;
  max-width: 320px !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.18) !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  padding: 8px !important;
  margin: 0 !important;
  list-style: none !important;
  z-index: 999999 !important;
}

/* Mostra submenu APENAS quando .open */
div.DropDownMenu ul li.has-children.open > ul.submenu-nested {
  display: block !important;
}

/* Items dentro do submenu lateral */
div.DropDownMenu ul li.has-children > ul.submenu-nested > li {
  display: block !important;
  margin: 2px 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
}
div.DropDownMenu ul li.has-children > ul.submenu-nested > li > a {
  display: block !important;
  padding: 9px 14px !important;
  color: #1f2937 !important;
  text-decoration: none !important;
  font-size: 13px !important;
  border-radius: 6px !important;
  background: transparent !important;
  transition: all 0.12s !important;
}
div.DropDownMenu ul li.has-children > ul.submenu-nested > li > a:hover {
  background: #f3f4f6 !important;
  color: #2351E5 !important;
}
div.DropDownMenu ul li.has-children > ul.submenu-nested > li > hr {
  border: none !important;
  border-top: 1px solid #f3f4f6 !important;
  margin: 4px 0 !important;
}

/* MKG_NESTED_SUBMENU_FIX_v3 — submenus aninhados click-based, isolados de DropDownMenu */

/* O parent dropdown precisa permitir overflow visible pra mostrar cascading */
.menuBar div.DropDownMenu,
div.DropDownMenu {
  overflow: visible !important;
}

/* Item com submenu - position relative pra ancorar o filho absolute */
li.has-children {
  position: relative !important;
}

/* Toggle (link clicável que abre submenu) */
li.has-children > a.has-children-toggle {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  cursor: pointer !important;
}
li.has-children > a.has-children-toggle .submenu-arrow {
  font-size: 11px !important;
  opacity: 0.55 !important;
  margin-left: 10px !important;
  transition: transform 0.18s, opacity 0.18s !important;
  display: inline-block !important;
}
li.has-children.open > a.has-children-toggle .submenu-arrow {
  transform: rotate(90deg) !important;
  opacity: 1 !important;
}
li.has-children.open > a.has-children-toggle {
  background: #f3f4f6 !important;
  color: #2351E5 !important;
}

/* SUBMENU LATERAL - hidden por padrão, MUITA especificidade pra ganhar do framework */
ul.submenu-nested,
.menuBar ul.submenu-nested,
div.DropDownMenu ul li.has-children ul.submenu-nested,
.menuBar div.DropDownMenu ul li.has-children ul.submenu-nested {
  display: none !important;
  position: absolute !important;
  top: -8px !important;
  left: calc(100% + 6px) !important;
  min-width: 240px !important;
  max-width: 320px !important;
  width: auto !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.18) !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  padding: 8px !important;
  margin: 0 !important;
  list-style: none !important;
  z-index: 999999 !important;
}

/* Mostra APENAS quando o pai .has-children tem .open */
li.has-children.open > ul.submenu-nested,
div.DropDownMenu ul li.has-children.open > ul.submenu-nested,
.menuBar div.DropDownMenu ul li.has-children.open > ul.submenu-nested {
  display: block !important;
}

/* Items dentro do submenu lateral */
ul.submenu-nested > li {
  display: block !important;
  margin: 2px 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
  border: none !important;
  position: static !important;
}
ul.submenu-nested > li > a {
  display: block !important;
  padding: 9px 14px !important;
  color: #1f2937 !important;
  text-decoration: none !important;
  font-size: 13px !important;
  border-radius: 6px !important;
  background: transparent !important;
  transition: all 0.12s !important;
}
ul.submenu-nested > li > a:hover {
  background: #f3f4f6 !important;
  color: #2351E5 !important;
}
ul.submenu-nested > li > hr {
  border: none !important;
  border-top: 1px solid #f3f4f6 !important;
  margin: 4px 0 !important;
}

/* MKG_DROPDOWN_AUTOWIDTH_v1 — dropdowns ajustam largura ao conteúdo */
div.DropDownMenu,
.menuBar div.DropDownMenu {
  min-width: 0 !important;
  max-width: none !important;
  width: max-content !important;
}
/* Items: padding adequado, sem forçar largura mínima */
div.DropDownMenu ul li a,
.menuBar div.DropDownMenu ul li a {
  white-space: nowrap !important;
  min-width: auto !important;
}
/* Submenu lateral: também auto-fit */
ul.submenu-nested,
.menuBar ul.submenu-nested {
  min-width: 0 !important;
  max-width: none !important;
  width: max-content !important;
}
ul.submenu-nested > li > a {
  white-space: nowrap !important;
}

/* MKG_SUBMENU_FLIP_v1 — flip submenu pra esquerda quando estoura viewport */
li.has-children.flip-left > ul.submenu-nested,
div.DropDownMenu ul li.has-children.flip-left > ul.submenu-nested,
.menuBar div.DropDownMenu ul li.has-children.flip-left > ul.submenu-nested {
  left: auto !important;
  right: calc(100% + 6px) !important;
  margin-left: 0 !important;
}

/* MKG_CENTER_TOP_MENU_v2 — centraliza menu superior preservando layout inline */
.textlinks {
  text-align: center !important;
  float: none !important;
}
.textlinks > .MenuText {
  display: inline-block !important;
  text-align: center !important;
  margin: 0 auto !important;
  float: none !important;
}
.textlinks .loggedinas {
  display: block !important;
  text-align: center !important;
  margin-top: 8px !important;
  font-size: 12px !important;
  color: #6b7280 !important;
}
.textlinks .emailcredits {
  display: inline-block !important;
}


/* MKG_MENUBAR_BLEND_v1 */
/* menuBar legado (vazio na home FFB) — pinta no mesmo tom da pagina pra dar espacamento
   sem destoar visualmente. Mantem altura/padding original pra preservar o gap. */
.menuBar {
    background: var(--ffb-bg) !important;
    border: 0 !important;
    box-shadow: none !important;
}


/* MKG_BODYCONTAINER_FULL_WIDTH_v1 */
/* stylesheet.css:1018 (legacy Interspire) tem .BodyContainer { width: 97%; }.
   Isso deixa 3% de gap branco no lado direito do ContentContainer.
   Override pra 100% pra eliminar a borda esquisita. */
.ContentContainer > .BodyContainer { width: 100% !important; }


/* MKG_TOPMENU_SIZE_v1 */
/* Aumenta fonte do menu superior (Inicio|Ajustes|CRM|...) e linha 'conectado como' */
.Header .MenuText, .Header .MenuText a { font-size: 14px !important; }
.Header .loggedinas { font-size: 13px !important; }
.Header .MenuText a { padding: 0 9px !important; }