:root{
    --mh-side-open:220px;
    --mh-side-mini:64px;
    --mh-navy:#082742;
    --mh-navy2:#092f4e;
    --mh-teal:#24b3aa;
    --mh-teal-hover:#1c958e;
    --mh-text:#ffffff;
    --mh-muted:#b5c9d9;
}

/* =========================================================
   OCULTA SIDEBARS ANTIGAS SOMENTE APÓS O NOVO SHELL CARREGAR
   ========================================================= */

body.mh-shell-ready nav.sidebar:not(.mh-sidebar),
body.mh-shell-ready aside.side,
body.mh-shell-ready .ff-sidebar{
    display:none !important;
}

/* =========================================================
   SIDEBAR NOVA
   ========================================================= */

.mh-sidebar{
    position:fixed;
    top:0;
    left:0;
    bottom:0;

    width:var(--mh-side-open);

    padding:12px 11px;

    background:
        linear-gradient(
            180deg,
            var(--mh-navy),
            var(--mh-navy2)
        );

    border-right:1px solid rgba(255,255,255,.08);

    overflow-y:auto;
    overflow-x:hidden;

    z-index:10000;

    transition:
        width .18s ease,
        transform .22s ease;
}

body.ff-side-mini .mh-sidebar{
    width:var(--mh-side-mini);
}

/* =========================================================
   CABEÇALHO DA SIDEBAR
   ========================================================= */

.mh-sidebar-head{
    display:flex;
    align-items:center;
    justify-content:flex-end;

    min-height:36px;
}

/* botão recolher / expandir */

.mh-side-toggle{
    width:36px;
    height:32px;

    border:1px solid rgba(255,255,255,.24);
    border-radius:7px;

    background:rgba(255,255,255,.06);
    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    cursor:pointer;
}

.mh-side-toggle:hover{
    background:rgba(255,255,255,.13);
}

/* ícone tipo painel lateral */

.mh-toggle-icon{
    width:21px;
    height:18px;
    position:relative;
}

.mh-toggle-panel{
    position:absolute;

    left:1px;
    top:2px;

    width:6px;
    height:14px;

    border:2px solid currentColor;
    border-radius:2px;
}

.mh-toggle-arrow{
    position:absolute;

    right:0;
    top:-4px;

    font-size:22px;
    line-height:22px;
}

/* =========================================================
   LOGO
   ========================================================= */

.mh-brand{
    height:78px;

    display:flex;
    justify-content:center;
    align-items:center;

    border-bottom:none;

    margin-bottom:10px;
}

.mh-logo-grande{
    max-width:164px;
    max-height:66px;

    object-fit:contain;
}

.mh-logo-pequeno{
    display:none;

    width:42px;
    height:42px;

    object-fit:contain;
}

body.ff-side-mini .mh-logo-grande{
    display:none;
}

body.ff-side-mini .mh-logo-pequeno{
    display:block;
}

/* =========================================================
   MENU
   ========================================================= */

.mh-nav{
    display:flex;
    flex-direction:column;
    gap:5px;
}

.mh-nav-item{
    min-height:42px;

    display:flex;
    align-items:center;

    gap:11px;

    padding:0 12px;

    color:#eaf3fa;

    text-decoration:none !important;

    border-radius:10px;

    font-family:"Segoe UI",Arial,sans-serif;

    font-size:13px;
    font-weight:600;

    white-space:nowrap;
    overflow:hidden;

    transition:.15s;
}

.mh-nav-item:hover{
    background:rgba(36,179,170,.16);
    color:#fff;
}

.mh-nav-item.active{
    background:
        linear-gradient(
            135deg,
            var(--mh-teal),
            #167f9f
        );

    box-shadow:0 7px 18px rgba(0,0,0,.15);

    color:#fff;
}

.mh-nav-icon{
    width:24px;
    min-width:24px;

    text-align:center;

    font-size:17px;
}

body.ff-side-mini .mh-nav-item{
    width:44px;
    height:44px;

    padding:0;

    margin:0 auto;

    justify-content:center;
}

body.ff-side-mini .mh-nav-text{
    display:none;
}

/* =========================================================
   CONTEÚDO PRINCIPAL
   ========================================================= */

body.mh-shell-ready main,
body.mh-shell-ready .main,
body.mh-shell-ready .main-content,
body.mh-shell-ready .content-wrapper,
body.mh-shell-ready main.col-md-10,
body.mh-shell-ready .shell > main{

    margin-left:var(--mh-side-open) !important;

    width:calc(100% - var(--mh-side-open)) !important;

    max-width:none !important;

    box-sizing:border-box !important;

    transition:
        margin-left .18s ease,
        width .18s ease !important;
}

body.mh-shell-ready.ff-side-mini main,
body.mh-shell-ready.ff-side-mini .main,
body.mh-shell-ready.ff-side-mini .main-content,
body.mh-shell-ready.ff-side-mini .content-wrapper,
body.mh-shell-ready.ff-side-mini main.col-md-10,
body.mh-shell-ready.ff-side-mini .shell > main{

    margin-left:var(--mh-side-mini) !important;

    width:calc(100% - var(--mh-side-mini)) !important;
}

/* =========================================================
   MODAIS LATERAIS
   ========================================================= */

body.mh-shell-ready .ff-modal-backdrop{
    left:var(--mh-side-open) !important;
}

body.mh-shell-ready.ff-side-mini .ff-modal-backdrop{
    left:var(--mh-side-mini) !important;
}

/* =========================================================
   BOTÃO MOBILE
   ========================================================= */

.mh-mobile-menu-button{
    display:none;
}

.mh-mobile-overlay{
    display:none;
}

/* =========================================================
   CELULAR / TABLET
   SIDEBAR OFF-CANVAS
   ========================================================= */

@media(max-width:800px){

    /* conteúdo usa toda largura */

    body.mh-shell-ready main,
    body.mh-shell-ready .main,
    body.mh-shell-ready .main-content,
    body.mh-shell-ready .content-wrapper,
    body.mh-shell-ready main.col-md-10,
    body.mh-shell-ready .shell > main{

        margin-left:0 !important;

        width:100% !important;

        max-width:100% !important;
    }

    /* sidebar fora da tela quando fechada */

    .mh-sidebar{
        width:220px !important;

        transform:translateX(-100%);

        box-shadow:8px 0 30px rgba(0,0,0,.30);

        z-index:10002;
    }

    /* aberta */

    body.mh-mobile-menu-open .mh-sidebar{
        transform:translateX(0);
    }

    /* no celular não usa modo mini */

    body.ff-side-mini .mh-sidebar{
        width:220px !important;
    }

    /* logo sempre grande */

    .mh-logo-grande,
    body.ff-side-mini .mh-logo-grande{
        display:block !important;
    }

    .mh-logo-pequeno,
    body.ff-side-mini .mh-logo-pequeno{
        display:none !important;
    }

    /* textos sempre visíveis */

    .mh-nav-text,
    body.ff-side-mini .mh-nav-text{
        display:inline !important;
    }

    /* links completos */

    .mh-nav-item,
    body.ff-side-mini .mh-nav-item{

        width:100% !important;

        height:42px !important;

        padding:0 12px !important;

        margin:0 !important;

        justify-content:flex-start !important;
    }

    /* botão interno de recolher não é necessário no celular */

    .mh-side-toggle{
        display:none !important;
    }

    /* overlay escuro */

    .mh-mobile-overlay{
        display:none;

        position:fixed;

        inset:0;

        background:rgba(0,0,0,.48);

        z-index:10001;
    }

    body.mh-mobile-menu-open .mh-mobile-overlay{
        display:block;
    }

    /* botão fixo ☰ */

    .mh-mobile-menu-button{

        display:flex;

        position:fixed;

        left:10px;
        top:10px;

        width:42px;
        height:42px;

        align-items:center;
        justify-content:center;

        border:1px solid rgba(255,255,255,.20);

        border-radius:9px;

        background:#082742;

        color:#fff;

        font-size:22px;

        cursor:pointer;

        z-index:10003;

        box-shadow:
            0 4px 15px rgba(0,0,0,.22);
    }

    /* deixa espaço para o botão em páginas sem header */

    body.mh-shell-ready main,
    body.mh-shell-ready .main,
    body.mh-shell-ready .main-content,
    body.mh-shell-ready .content-wrapper{

        padding-top:max(58px,env(safe-area-inset-top)) !important;
    }

    /* modais usam tela toda */

    body.mh-shell-ready .ff-modal-backdrop,
    body.mh-shell-ready.ff-side-mini .ff-modal-backdrop{
        left:0 !important;
    }
}


/* =========================================================
   MÁXIMAHUB — RECUO GLOBAL SIDEBAR RECOLHIDA
   ========================================================= */

body.mh-shell-ready.ff-side-mini{
    padding-left:0 !important;
}

body.mh-shell-ready.ff-side-mini main,
body.mh-shell-ready.ff-side-mini .main,
body.mh-shell-ready.ff-side-mini .main-content,
body.mh-shell-ready.ff-side-mini .content-wrapper,
body.mh-shell-ready.ff-side-mini main.col-md-10,
body.mh-shell-ready.ff-side-mini .shell > main{
    margin-left:var(--mh-side-mini) !important;
    width:calc(100% - var(--mh-side-mini)) !important;
    max-width:none !important;
    box-sizing:border-box !important;
}

/* =========================================================
   MÁXIMAHUB — COR GLOBAL OFICIAL DE AÇÃO
   Turquesa
   ========================================================= */

:root{
    --mh-action: #18B8B2;
    --mh-action-hover: #129F9A;
    --mh-action-active: #0D8985;
    --mh-action-soft: #E9FAF9;
    --mh-action-border: #18B8B2;
}

/* BOTÕES PRINCIPAIS */
button.btn-primary,
.btn.btn-primary,
.mh-btn-primary,
button.primary,
button[type="submit"]{
    background:var(--mh-action) !important;
    border-color:var(--mh-action) !important;
    color:#fff !important;
}

/* HOVER */
button.btn-primary:hover:not(:disabled),
.btn.btn-primary:hover:not(:disabled),
.mh-btn-primary:hover:not(:disabled),
button.primary:hover:not(:disabled),
button[type="submit"]:hover:not(:disabled){
    background:var(--mh-action-hover) !important;
    border-color:var(--mh-action-hover) !important;
    color:#fff !important;
}

/* CLIQUE */
button.btn-primary:active:not(:disabled),
.btn.btn-primary:active:not(:disabled),
.mh-btn-primary:active:not(:disabled),
button.primary:active:not(:disabled),
button[type="submit"]:active:not(:disabled){
    background:var(--mh-action-active) !important;
    border-color:var(--mh-action-active) !important;
}

/* BOTÕES CONTORNADOS */
.btn-outline-primary,
.mh-btn-outline,
button.outline-primary{
    background:#fff !important;
    border-color:var(--mh-action-border) !important;
    color:var(--mh-action-active) !important;
}

.btn-outline-primary:hover:not(:disabled),
.mh-btn-outline:hover:not(:disabled),
button.outline-primary:hover:not(:disabled){
    background:var(--mh-action-soft) !important;
    border-color:var(--mh-action-hover) !important;
    color:var(--mh-action-active) !important;
}

/* FOCO */
button:focus-visible,
.btn:focus-visible{
    outline:2px solid rgba(24,184,178,.28) !important;
    outline-offset:2px;
}

/* DESABILITADOS CONTINUAM NEUTROS */
button:disabled,
.btn:disabled,
button.disabled,
.btn.disabled{
    background:#F2F4F6 !important;
    border-color:#D9DEE3 !important;
    color:#A6AFB8 !important;
    box-shadow:none !important;
    cursor:not-allowed !important;
}


/* =====================================================
   MÁXIMAHUB — GRUPO CONFIGURAÇÕES
   ===================================================== */

.mh-config-group{
    width:100%;
}

.mh-config-toggle{
    position:relative;
    width:100%;
    border:0;
    cursor:pointer;
}

.mh-config-arrow{
    margin-left:auto;
    font-size:14px;
    line-height:1;
    transition:transform .16s ease;
}

.mh-config-group.open .mh-config-arrow{
    transform:rotate(90deg);
}

.mh-config-submenu{
    display:none;
    padding:3px 0 4px 31px;
}

.mh-config-group.open .mh-config-submenu{
    display:block;
}

.mh-config-subitem{
    display:flex;
    align-items:center;

    min-height:30px;

    padding:6px 9px;
    margin:1px 0;

    border-radius:6px;

    color:#d5e0e8;
    text-decoration:none;

    font-size:11.5px;
    font-weight:550;
}

.mh-config-subitem:hover{
    background:rgba(255,255,255,.06);
    color:#fff;
}

.mh-config-subitem.active{
    background:#18B8B2;
    color:#fff;
    font-weight:700;
}

/* grupo aberto também recebe identidade visual */
.mh-config-toggle.active{
    background:#18B8B2 !important;
    color:#fff !important;
}


/* =========================================================
   MÁXIMAHUB — CONFIGURAÇÕES SIDEBAR
   Blindagem contra CSS das páginas
   ========================================================= */

#mhGlobalSidebar .mh-config-group{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
}

/* botão Configurações = exatamente igual aos links normais */
#mhGlobalSidebar .mh-config-toggle{
    box-sizing:border-box !important;

    width:100% !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;

    display:flex !important;
    align-items:center !important;

    gap:10px !important;

    margin:2px 0 !important;
    padding:0 12px !important;

    border:0 !important;
    border-radius:8px !important;

    background:transparent !important;
    color:#EAF0F5 !important;

    font-family:inherit !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:600 !important;

    text-align:left !important;

    box-shadow:none !important;
    outline:none !important;

    cursor:pointer !important;
}

/* impede qualquer CSS global de button */
#mhGlobalSidebar button.mh-config-toggle:hover{
    background:rgba(255,255,255,.07) !important;
    color:#ffffff !important;
    border:0 !important;
    box-shadow:none !important;
}

/* aberto/ativo */
#mhGlobalSidebar .mh-config-toggle.active{
    background:#18B8B2 !important;
    color:#ffffff !important;
}

/* ícone */
#mhGlobalSidebar .mh-config-toggle .mh-nav-icon{
    width:20px !important;
    min-width:20px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:inherit !important;
}

/* texto */
#mhGlobalSidebar .mh-config-toggle .mh-nav-text{
    flex:1 1 auto !important;

    display:block !important;

    color:inherit !important;

    opacity:1 !important;
    visibility:visible !important;

    white-space:nowrap !important;
}

/* seta */
#mhGlobalSidebar .mh-config-arrow{
    width:16px !important;
    min-width:16px !important;

    margin-left:auto !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:inherit !important;

    font-size:17px !important;
    font-weight:500 !important;

    transition:transform .16s ease !important;
}

#mhGlobalSidebar .mh-config-group.open .mh-config-arrow{
    transform:rotate(90deg) !important;
}


/* =========================================================
   SUBMENU
   ========================================================= */

#mhGlobalSidebar .mh-config-submenu{
    display:none !important;

    margin:1px 0 3px 0 !important;
    padding:2px 4px 3px 30px !important;

    background:transparent !important;
}

#mhGlobalSidebar .mh-config-group.open .mh-config-submenu{
    display:block !important;
}

#mhGlobalSidebar .mh-config-subitem{
    box-sizing:border-box !important;

    width:100% !important;
    min-height:31px !important;

    display:flex !important;
    align-items:center !important;

    margin:1px 0 !important;
    padding:6px 9px !important;

    border:0 !important;
    border-radius:6px !important;

    background:transparent !important;

    color:#C9D7E1 !important;
    text-decoration:none !important;

    font-size:11.5px !important;
    line-height:17px !important;
    font-weight:550 !important;

    box-shadow:none !important;
}

#mhGlobalSidebar .mh-config-subitem:hover{
    background:rgba(255,255,255,.07) !important;
    color:#ffffff !important;
}

/* somente a página filha atual fica marcada */
#mhGlobalSidebar .mh-config-subitem.active{
    background:rgba(24,184,178,.22) !important;
    color:#ffffff !important;

    border-left:2px solid #18B8B2 !important;

    font-weight:700 !important;
}


/* =========================================================
   MÁXIMAHUB — CONFIGURAÇÕES / ESTADO ATIVO FINAL
   ========================================================= */

/* fechado = igual aos demais itens */
#mhGlobalSidebar .mh-config-toggle{
    background:transparent !important;
    color:#D5E0E8 !important;
}

/* hover */
#mhGlobalSidebar .mh-config-toggle:hover{
    background:#1E405C !important;
    color:#fff !important;
}

/*
   Aberto por clique OU página pertencente
   ao grupo = mesma barra turquesa dos módulos
*/
#mhGlobalSidebar .mh-config-toggle.mh-parent-open,
#mhGlobalSidebar .mh-config-toggle.active{
    background:#18B8B2 !important;
    color:#ffffff !important;
}

/* submenu só aparece quando realmente aberto */
#mhGlobalSidebar .mh-config-submenu{
    display:none !important;
}

#mhGlobalSidebar .mh-config-group.open .mh-config-submenu{
    display:block !important;
}

/* filhos */
#mhGlobalSidebar .mh-config-subitem{
    background:transparent !important;
    color:#C9D7E1 !important;
}

/* página filha atual */
#mhGlobalSidebar .mh-config-subitem.active{
    background:rgba(24,184,178,.18) !important;
    color:#ffffff !important;
    border-left:2px solid #18B8B2 !important;
}

/* seta */
#mhGlobalSidebar .mh-config-group.open .mh-config-arrow{
    transform:rotate(90deg) !important;
}


/* =========================================================
   MÁXIMAHUB — ADMINISTRAÇÃO SUPERADMIN
   Menor, discreta e no fim da sidebar
   ========================================================= */

/*
   A sidebar trabalha em coluna para permitir
   empurrar Administração para o rodapé.
*/
#mhGlobalSidebar{
    display:flex !important;
    flex-direction:column !important;
}

/*
   Administração:
   item menor e mais discreto.
*/
#mhGlobalSidebar
a[href="/superadmin-clientes.html"]{
    order:900 !important;

    min-height:30px !important;
    height:30px !important;

    margin-top:auto !important;
    margin-bottom:8px !important;

    padding:0 10px !important;

    border-radius:6px !important;

    background:transparent !important;
    color:#9FB2C1 !important;

    font-size:10.5px !important;
    font-weight:550 !important;

    box-shadow:none !important;
}

/* ícone menor */
#mhGlobalSidebar
a[href="/superadmin-clientes.html"]
.mh-nav-icon{
    width:16px !important;
    min-width:16px !important;

    font-size:11px !important;

    opacity:.8 !important;
}

/* texto menor */
#mhGlobalSidebar
a[href="/superadmin-clientes.html"]
.mh-nav-text{
    font-size:10.5px !important;
    color:inherit !important;
}

/* hover discreto */
#mhGlobalSidebar
a[href="/superadmin-clientes.html"]:hover{
    background:rgba(255,255,255,.05) !important;
    color:#D6E1E8 !important;
}

/* ativo — ainda identificável, mas sem competir */
#mhGlobalSidebar
a[href="/superadmin-clientes.html"].active{
    background:rgba(24,184,178,.13) !important;
    color:#BDEDEA !important;

    border-left:2px solid #18B8B2 !important;
}

/*
   Configurações fica acima da Administração.
*/
#mhGlobalSidebar .mh-config-group{
    order:800 !important;
}

/*
   Espaço superior sutil antes da área administrativa.
*/
#mhGlobalSidebar
a[href="/superadmin-clientes.html"]::before{
    content:"";
    position:absolute;
}

/* Mobile não prende no rodapé */
@media(max-width:800px){

    #mhGlobalSidebar
    a[href="/superadmin-clientes.html"]{
        margin-top:8px !important;
    }
}


/* =========================================================
   FIX MOBILE FINAL — SIDEBAR / CONTEÚDO
   ========================================================= */
@media(max-width:800px){

    body.mh-shell-ready main,
    body.mh-shell-ready .main,
    body.mh-shell-ready .main-content,
    body.mh-shell-ready .content-wrapper,
    body.mh-shell-ready main.col-md-10,
    body.mh-shell-ready .shell > main,
    body.mh-shell-ready.ff-side-mini main,
    body.mh-shell-ready.ff-side-mini .main,
    body.mh-shell-ready.ff-side-mini .main-content,
    body.mh-shell-ready.ff-side-mini .content-wrapper,
    body.mh-shell-ready.ff-side-mini main.col-md-10,
    body.mh-shell-ready.ff-side-mini .shell > main{
        margin-left:0 !important;
        width:100% !important;
        max-width:100% !important;
    }

    body.mh-mobile-menu-open #mhGlobalSidebar{
        transform:translateX(0) !important;
        width:220px !important;
    }

    body:not(.mh-mobile-menu-open) #mhGlobalSidebar{
        transform:translateX(-100%) !important;
    }

    .mh-mobile-menu-button{
        display:flex !important;
        pointer-events:auto !important;
        touch-action:manipulation;
        z-index:10005 !important;
    }
}

/* MOBILE: usa somente o botão ☰ */
@media(max-width:800px){
    #mhSideToggle,
    #mhGlobalSidebar .mh-side-toggle{
        display:none !important;
        visibility:hidden !important;
        pointer-events:none !important;
    }

    .mh-mobile-menu-button{
        display:flex !important;
        visibility:visible !important;
        pointer-events:auto !important;
    }
}

/* =====================================================
   MÁXIMAHUB — POSIÇÃO GLOBAL DA ÁREA DE ALERTAS
   ===================================================== */

#mhPedidosAlertasTopo,
#mhExpedicaoAlertasTopo,
#mhSeparacaoAlertasTopo,
#mhNotasAlertasTopo,
#mhAlertasGlobais,
.mh-cfg-alertas,
.mh-rf-alertas,
.mh-rfd-alertas{
    position:sticky !important;
    top:0 !important;
    z-index:200 !important;

    width:100% !important;
    min-height:44px !important;

    margin-top:0 !important;
    margin-bottom:6px !important;
    padding-top:0 !important;

    background:#fff !important;
    box-sizing:border-box !important;
}

/* =====================================================
   MÁXIMAHUB — ALERTA GLOBAL TRAVADO NO TOPO
   ===================================================== */

body.mh-shell-ready main,
body.mh-shell-ready .main,
body.mh-shell-ready .main-content,
body.mh-shell-ready .content-wrapper{
    overflow:visible !important;
}

#mhPedidosAlertasTopo,
#mhExpedicaoAlertasTopo,
#mhSeparacaoAlertasTopo,
#mhNotasAlertasTopo,
#mhAlertasGlobais,
.mh-cfg-alertas,
.mh-rf-alertas,
.mh-rfd-alertas{
    position:sticky !important;
    top:0 !important;
    z-index:5000 !important;
    margin-top:0 !important;
}

/* ALERTA GLOBAL — FUNDO OPACO */
#mhPedidosAlertasTopo,
#mhExpedicaoAlertasTopo,
#mhSeparacaoAlertasTopo,
#mhNotasAlertasTopo,
#mhAlertasGlobais,
.mh-cfg-alertas,
.mh-rf-alertas,
.mh-rfd-alertas{
    background:#f7f9fb !important;
    isolation:isolate !important;
}

#mhExpedicaoAlertasTopo .mh-alerta-box{
    background:#f8fbfd !important;
}

/* =====================================================
   MÁXIMAHUB — BARRA SUPERIOR GLOBAL FIXA
   ===================================================== */

#mhGlobalTopbar{
    position:fixed !important;
    top:0 !important;
    left:var(--mh-side-open) !important;
    right:0 !important;
    height:44px !important;
    z-index:9000 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    padding:0 14px !important;
    box-sizing:border-box !important;

    background:#fff !important;
    border-bottom:1px solid #e4e9ed !important;
}

body.ff-side-mini #mhGlobalTopbar{
    left:var(--mh-side-mini) !important;
}

#mhGlobalTopbar .mh-global-alerta{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    color:#8a9aa7 !important;
    font-size:11px !important;
    font-weight:600 !important;
}

#mhGlobalTopbar .mh-global-alerta-icone{
    width:22px !important;
    height:22px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
    background:#edf4f8 !important;
    color:#738796 !important;
    font-weight:800 !important;
}

body.mh-shell-ready main,
body.mh-shell-ready .main,
body.mh-shell-ready .main-content,
body.mh-shell-ready .content-wrapper{
    padding-top:58px !important;
}

@media(max-width:800px){
    #mhGlobalTopbar{
        left:0 !important;
    }
}

/* =====================================================
   MÁXIMAHUB — ESCONDE ALERTAS ANTIGOS DAS PÁGINAS
   A barra oficial agora é #mhGlobalTopbar
   ===================================================== */
body.mh-shell-ready #mhPedidosAlertasTopo,
body.mh-shell-ready #mhExpedicaoAlertasTopo,
body.mh-shell-ready #mhSeparacaoAlertasTopo,
body.mh-shell-ready #mhNotasAlertasTopo,
body.mh-shell-ready #mhAlertasGlobais,
body.mh-shell-ready .mh-cfg-alertas,
body.mh-shell-ready .mh-rf-alertas,
body.mh-shell-ready .mh-rfd-alertas{
    display:none !important;
}

/* MÁXIMAHUB — RESERVA ESPAÇO ABAIXO DA TOPBAR GLOBAL */
body.mh-shell-ready main,
body.mh-shell-ready .main,
body.mh-shell-ready .main-content,
body.mh-shell-ready .content-wrapper{
    margin-top:44px !important;
}

/* Aviso antigo da tela Empresas */
body.mh-shell-ready #mhEmpresasAvisoTopo{
    display:none !important;
}

/* =====================================================
   DASHBOARD — estruturas antigas substituídas pela topbar global
   ===================================================== */
body.mh-shell-ready .app > .topbar{
    display:none !important;
}

body.mh-shell-ready #mhGlobalAlert{
    display:none !important;
}


/* =====================================================
   AVISOS GLOBAIS DO SUPERADMIN 777
   ===================================================== */

#mhGlobalTopbar .mh-global-alerta.info{
    color:#1d63a8 !important;
}

#mhGlobalTopbar .mh-global-alerta.info .mh-global-alerta-icone{
    background:#e8f3ff !important;
    color:#1d63a8 !important;
}

#mhGlobalTopbar .mh-global-alerta.atencao{
    color:#8a5a00 !important;
}

#mhGlobalTopbar .mh-global-alerta.atencao .mh-global-alerta-icone{
    background:#fff4dc !important;
    color:#8a5a00 !important;
}

#mhGlobalTopbar .mh-global-alerta.erro{
    color:#b4233c !important;
}

#mhGlobalTopbar .mh-global-alerta.erro .mh-global-alerta-icone{
    background:#ffe8eb !important;
    color:#b4233c !important;
}

#mhGlobalTopbar .mh-global-alerta.manutencao{
    color:#6840b8 !important;
}

#mhGlobalTopbar .mh-global-alerta.manutencao .mh-global-alerta-icone{
    background:#f0eaff !important;
    color:#6840b8 !important;
}


/* =========================================================
   MÁXIMAHUB - AVISO GLOBAL 777 - VISUAL REFINADO
   ========================================================= */

#mhGlobalTopbar #mhGlobalAviso777{
    display:flex!important;
    align-items:center!important;
    gap:11px!important;

    min-height:42px!important;
    padding:8px 16px!important;

    border-radius:10px!important;
    border:1px solid #dbe4ee!important;

    background:#ffffff!important;
    box-shadow:0 2px 8px rgba(15,23,42,.06)!important;

    font-size:13px!important;
    line-height:1.35!important;
}

#mhGlobalTopbar #mhGlobalAviso777 .mh-global-alerta-icone{
    flex:0 0 26px!important;
    width:26px!important;
    height:26px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    border-radius:50%!important;

    font-size:14px!important;
    font-weight:800!important;
}

#mhGlobalTopbar #mhGlobalAvisoTexto{
    display:block!important;
    flex:1!important;

    padding:2px 0!important;

    font-size:13px!important;
    font-weight:500!important;
    line-height:1.45!important;

    letter-spacing:.01em!important;
}

/* INFO */
#mhGlobalTopbar #mhGlobalAviso777.info{
    background:#f5f9ff!important;
    border-color:#cfe0f8!important;
}

/* ATENÇÃO */
#mhGlobalTopbar #mhGlobalAviso777.atencao{
    background:#fffaf0!important;
    border-color:#f2d89a!important;
}

/* ERRO */
#mhGlobalTopbar #mhGlobalAviso777.erro{
    background:#fff6f6!important;
    border-color:#f1c7c7!important;
}

/* MANUTENÇÃO */
#mhGlobalTopbar #mhGlobalAviso777.manutencao{
    background:#f5f7ff!important;
    border-color:#cdd7f6!important;
}


/* MÁXIMAHUB - ORDEM FINAL DO RODAPÉ DA SIDEBAR */

/* Administração inicia o bloco inferior */
#mhGlobalSidebar a[href="/superadmin-clientes.html"]{
    order:800 !important;
    margin-top:auto !important;
    margin-bottom:0 !important;
}

/* Central de Avisos = penúltimo item */
#mhGlobalSidebar a[href="/admin-avisos.html"]{
    order:900 !important;
}

/* Configurações = último item */
#mhGlobalSidebar .mh-config-group{
    order:1000 !important;
}



/* =========================================================
   MÁXIMAHUB - MENU ARRASTÁVEL SUPERADMIN
   ========================================================= */

#mhGlobalSidebar .mh-nav.mh-superadmin-sortable
> .mh-sortable-item{
    order:0 !important;
}

#mhGlobalSidebar .mh-nav.mh-superadmin-sortable
> a[href="/superadmin-clientes.html"]{
    order:0 !important;
    margin-top:0 !important;
}

#mhGlobalSidebar .mh-nav.mh-superadmin-sortable
> a[href="/admin-avisos.html"]{
    order:0 !important;
}

#mhGlobalSidebar .mh-nav.mh-superadmin-sortable
> .mh-config-group{
    order:0 !important;
}

#mhGlobalSidebar .mh-nav.mh-superadmin-sortable
> .mh-sortable-item{
    cursor:grab !important;
}

#mhGlobalSidebar .mh-nav.mh-superadmin-sortable
> .mh-sortable-item:active{
    cursor:grabbing !important;
}

#mhGlobalSidebar .mh-nav.mh-superadmin-sortable
> .mh-dragging{
    opacity:.45 !important;
}


/* MH-SHELL-PREMIUM-20260927 START */

:root{
    --mh-premium-1:#051826;
    --mh-premium-2:#08263d;
    --mh-premium-3:#0b3656;
    --mh-premium-line:rgba(93,208,255,.16);
    --mh-premium-cyan:#2ed8ff;
    --mh-premium-cyan-2:#79ecff;
    --mh-premium-text:#dbf4ff;
    --mh-premium-muted:#91b8cb;
}

#mhGlobalSidebar,
.mh-sidebar{
    background:
        radial-gradient(circle at 18% 0%, rgba(46,216,255,.14), transparent 28%),
        linear-gradient(180deg, #051826 0%, #08263d 48%, #071e31 100%) !important;
    border-right:1px solid var(--mh-premium-line) !important;
    box-shadow:
        inset -1px 0 0 rgba(255,255,255,.03),
        18px 0 34px rgba(2,10,18,.18) !important;
}

#mhGlobalSidebar::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:118px;
    pointer-events:none;
    background:
        linear-gradient(180deg, rgba(255,255,255,.03), transparent 78%);
}

#mhGlobalSidebar .mh-brand{
    position:relative;
    margin:0 14px 14px !important;
    padding:0 0 18px !important;
    border-bottom:1px solid var(--mh-premium-line) !important;
}

#mhGlobalSidebar .mh-nav{
    padding:0 10px 10px !important;
}

#mhGlobalSidebar .mh-nav-item,
#mhGlobalSidebar .mh-config-subitem{
    position:relative;
    display:flex;
    align-items:center;
    gap:12px;
    min-height:46px;
    margin:4px 0 !important;
    padding:0 14px !important;
    border-radius:14px !important;
    color:var(--mh-premium-text) !important;
    border:1px solid transparent !important;
    transition:
        transform .18s ease,
        background .18s ease,
        border-color .18s ease,
        box-shadow .18s ease !important;
}

#mhGlobalSidebar .mh-nav-item:hover,
#mhGlobalSidebar .mh-config-subitem:hover{
    transform:translateX(3px);
    background:rgba(255,255,255,.05) !important;
    border-color:rgba(93,208,255,.14) !important;
}

#mhGlobalSidebar .mh-nav-item.active,
#mhGlobalSidebar .mh-nav-item.mh-parent-open,
#mhGlobalSidebar .mh-config-group.open > .mh-nav-item,
#mhGlobalSidebar .mh-config-subitem.active{
    background:
        linear-gradient(90deg, rgba(46,216,255,.18), rgba(23,110,177,.16)) !important;
    border-color:rgba(93,208,255,.30) !important;
    box-shadow:
        0 10px 22px rgba(0,0,0,.16),
        inset 0 1px 0 rgba(255,255,255,.05) !important;
}

#mhGlobalSidebar .mh-nav-item.active::before,
#mhGlobalSidebar .mh-nav-item.mh-parent-open::before,
#mhGlobalSidebar .mh-config-group.open > .mh-nav-item::before{
    content:"";
    position:absolute;
    left:8px;
    top:50%;
    transform:translateY(-50%);
    width:4px;
    height:24px;
    border-radius:999px;
    background:linear-gradient(180deg, var(--mh-premium-cyan), var(--mh-premium-cyan-2));
    box-shadow:0 0 12px rgba(46,216,255,.35);
}

#mhGlobalSidebar .mh-nav-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border-radius:11px;
    background:rgba(255,255,255,.05);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    color:#fff !important;
    flex:0 0 34px;
}

#mhGlobalSidebar .mh-nav-text{
    color:var(--mh-premium-text) !important;
    font-weight:700 !important;
    letter-spacing:.1px;
}

#mhGlobalSidebar .mh-config-arrow{
    margin-left:auto;
    color:#9edfff !important;
    opacity:.92;
}

#mhGlobalSidebar .mh-config-submenu{
    margin:4px 0 8px 12px !important;
    padding:6px 0 6px 12px !important;
    border-left:1px dashed rgba(93,208,255,.16) !important;
}

#mhGlobalSidebar .mh-config-subitem{
    min-height:40px !important;
    font-size:13px !important;
    color:#bfe8f9 !important;
    background:rgba(255,255,255,.02);
}

#mhGlobalSidebar .mh-side-toggle{
    background:rgba(255,255,255,.05) !important;
    border:1px solid rgba(93,208,255,.18) !important;
    border-radius:12px !important;
    box-shadow:none !important;
}

#mhGlobalSidebar .mh-side-toggle:hover{
    background:rgba(255,255,255,.09) !important;
}

#mhGlobalSidebar .mh-logo-grande,
#mhGlobalSidebar .mh-logo-pequeno{
    filter:drop-shadow(0 8px 16px rgba(0,0,0,.22));
}

/* MH-SHELL-PREMIUM-20260927 END */


/* MH-SIDEBAR-V5 START */

#mhGlobalSidebar,
.mh-sidebar{
    background:
        radial-gradient(circle at 25% 0%,rgba(34,207,255,.15),transparent 27%),
        linear-gradient(180deg,#052b49 0%,#031d33 52%,#021426 100%) !important;

    border-right:1px solid rgba(73,204,255,.17) !important;

    box-shadow:
        14px 0 32px rgba(2,18,32,.16) !important;
}

#mhGlobalSidebar .mh-nav-item{
    min-height:44px !important;
    margin:4px 9px !important;
    padding:0 12px !important;

    border-radius:13px !important;

    color:#dceef8 !important;
}

#mhGlobalSidebar .mh-nav-item:hover{
    background:rgba(255,255,255,.05) !important;
}

#mhGlobalSidebar .mh-nav-item.active,
#mhGlobalSidebar .mh-nav-item.mh-parent-open,
#mhGlobalSidebar .mh-config-group.open > .mh-nav-item{
    background:
        linear-gradient(
            90deg,
            rgba(32,207,255,.19),
            rgba(21,111,184,.15)
        ) !important;

    border:1px solid rgba(62,210,255,.33) !important;

    box-shadow:
        inset 3px 0 0 #31dcff,
        0 8px 18px rgba(0,0,0,.12) !important;
}

#mhGlobalSidebar .mh-nav-icon{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;

    border-radius:10px !important;

    background:rgba(255,255,255,.05) !important;
}

#mhGlobalSidebar .mh-nav-text{
    color:#e4f4fb !important;
    font-weight:700 !important;
}

#mhGlobalSidebar .mh-config-submenu{
    margin-left:22px !important;
    padding-left:9px !important;

    border-left:1px solid rgba(64,205,255,.15) !important;
}

/* MH-SIDEBAR-V5 END */


/* MH FIX MENU RECOLHIDO */
body.ff-side-mini #mhGlobalSidebar .mh-nav-text,
body.ff-side-mini #mhGlobalSidebar .mh-config-arrow,
body.ff-side-mini #mhGlobalSidebar .mh-config-submenu,
body.ff-side-mini #mhGlobalSidebar .mh-config-subitem{
    display:none !important;
}

body.ff-side-mini #mhGlobalSidebar{
    overflow:hidden !important;
}

/* MH MINI - CENTRALIZAÇÃO FINAL */
#mhGlobalSidebar,
#mhGlobalSidebar *{
    box-sizing:border-box;
}

body.ff-side-mini #mhGlobalSidebar{
    width:var(--mh-side-mini) !important;
    padding-left:6px !important;
    padding-right:6px !important;
}

body.ff-side-mini #mhGlobalSidebar .mh-nav{
    width:100% !important;
}

body.ff-side-mini #mhGlobalSidebar .mh-nav-item,
body.ff-side-mini #mhGlobalSidebar .mh-config-group > a{
    width:44px !important;
    min-width:44px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    justify-content:center !important;
}

body.ff-side-mini #mhGlobalSidebar .mh-nav-icon{
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Dashboard: recolher/abrir sem repintura pesada */
body.mh-shell-ready .main,
body.mh-shell-ready main,
body.mh-shell-ready .app{
    transition:none !important;
}

/* MH SIDEBAR - RECOLHER MAIS RÁPIDO */
#mhGlobalSidebar,
#mhGlobalSidebar .mh-sidebar,
#mhGlobalSidebar .mh-nav-item,
#mhGlobalSidebar .mh-nav-text,
#mhGlobalSidebar .mh-logo-grande,
#mhGlobalSidebar .mh-logo-pequeno{
    transition-duration:.06s !important;
}

body.mh-shell-ready main,
body.mh-shell-ready .main,
body.mh-shell-ready .main-content,
body.mh-shell-ready .content-wrapper{
    transition-duration:.06s !important;
}

/* MH - REMOVE LINHA ABAIXO DO LOGO */
#mhGlobalSidebar .mh-sidebar-head,
#mhGlobalSidebar .mh-sidebar-brand{
    border-bottom:none !important;
    box-shadow:none !important;
}

#mhGlobalSidebar .mh-sidebar-head::before,
#mhGlobalSidebar .mh-sidebar-head::after,
#mhGlobalSidebar .mh-sidebar-brand::before,
#mhGlobalSidebar .mh-sidebar-brand::after{
    display:none !important;
    content:none !important;
}

/* REMOVE DEFINITIVAMENTE LINHA ABAIXO DO LOGO */
#mhGlobalSidebar .mh-brand{
    border-bottom:none !important;
    box-shadow:none !important;
}

/* MH — APROXIMAR BOTÕES DA BORDA ESQUERDA */
#mhGlobalSidebar{
    padding-left:4px !important;
}

#mhGlobalSidebar .mh-nav{
    padding-left:0 !important;
}

#mhGlobalSidebar .mh-nav-item{
    margin-left:0 !important;
    padding-left:6px !important;
}


/* MH_ANALYTICS_FOOTER_ALIGN_V1 */
#mhGlobalSidebar #mhAnalyticsFooterLinkV4{
    width:100%;
    box-sizing:border-box;
    padding:0!important;
    margin-top:12px!important;
    flex-shrink:0;
}

#mhGlobalSidebar #mhAnalyticsFooterLinkV4 > a{
    display:flex!important;
    align-items:center!important;
    width:auto!important;
    min-height:44px!important;
    margin:4px 9px!important;
    padding:0 12px!important;
    gap:10px!important;
    box-sizing:border-box;
}

#mhGlobalSidebar #mhAnalyticsFooterLinkV4 .mh-nav-icon{
    flex-shrink:0;
}

#mhGlobalSidebar #mhAnalyticsFooterLinkV4 .mh-nav-text{
    white-space:nowrap;
}
/* MH_ANALYTICS_FOOTER_ALIGN_V1_END */

/* MH_DASHBOARD_FONTE_PADRAO_V1 */
#mhGlobalSidebar #mhAnalyticsFooterLinkV5{
    font-family:inherit!important;
    font-size:inherit!important;
    font-weight:inherit!important;
    line-height:normal!important;
}

#mhGlobalSidebar #mhAnalyticsFooterLinkV5 .mh-nav-text{
    font-family:inherit!important;
    font-size:inherit!important;
    font-weight:inherit!important;
    line-height:inherit!important;
    letter-spacing:normal!important;
}

#mhGlobalSidebar #mhAnalyticsFooterLinkV5 .mh-nav-icon{
    font-size:inherit!important;
}
/* MH_DASHBOARD_FONTE_PADRAO_V1_END */

/* MH_DASHBOARD_FONTE_IGUAL_V2 */
#mhGlobalSidebar #mhAnalyticsFooterLinkV5,
#mhGlobalSidebar #mhAnalyticsFooterLinkV5 .mh-nav-text {
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
}

#mhGlobalSidebar #mhAnalyticsFooterLinkV5 {
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
}
/* MH_DASHBOARD_FONTE_IGUAL_V2_END */

/* MH_DASHBOARD_FONTE_PROPORCIONAL_V3 */
#mhGlobalSidebar #mhAnalyticsFooterLinkV5 {
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}

#mhGlobalSidebar #mhAnalyticsFooterLinkV5 .mh-nav-text {
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
}
/* MH_DASHBOARD_FONTE_PROPORCIONAL_V3_END */