/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* ==========================================
   FOKUS GESTÃO
   LAYOUT PRINCIPAL
   ========================================== */

*[b-o544cfm4d7] {
    box-sizing: border-box;
}

html[b-o544cfm4d7],
body[b-o544cfm4d7] {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
}

.fokus-app[b-o544cfm4d7] {
    --azul: #0863ad;
    --azul-escuro: #064d87;
    --azul-claro: #eaf4fc;
    --amarelo: #ffc400;
    --amarelo-hover: #e7b000;
    --fundo: #f4f6f9;
    --borda: #dfe4ea;
    --texto: #252b31;
    --texto-suave: #68717b;
    width: 100%;
    min-height: 100vh;
    background: var(--fundo);
    color: var(--texto);
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}


/* ==========================================
   TOPO
   ========================================== */

.fokus-topbar[b-o544cfm4d7] {
    height: 58px;
    min-height: 58px;
    flex-shrink: 0;
    background: var(--azul);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 18px;
    color: white;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
    position: relative;
    z-index: 20;
}


.fokus-brand[b-o544cfm4d7] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}


.fokus-logo[b-o544cfm4d7] {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    border-radius: 7px;
    background: var(--amarelo);
    color: var(--azul-escuro);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 900;
}


.fokus-brand-text[b-o544cfm4d7] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}


    .fokus-brand-text strong[b-o544cfm4d7] {
        font-size: 16px;
        line-height: 18px;
        letter-spacing: 0.3px;
    }


    .fokus-brand-text span[b-o544cfm4d7] {
        margin-top: 1px;
        font-size: 10px;
        color: rgba(255, 255, 255, 0.8);
    }


/* ==========================================
   EMPRESA / USUÁRIO
   ========================================== */

.fokus-topbar-right[b-o544cfm4d7] {
    display: flex;
    align-items: center;
    gap: 8px;
}


.fokus-company[b-o544cfm4d7],
.fokus-user[b-o544cfm4d7] {
    padding: 7px 11px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.08);
    color: white;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}


/* ==========================================
   CORPO
   ========================================== */

.fokus-body[b-o544cfm4d7] {
    flex: 1;
    width: 100%;
    min-height: 0;
    min-width: 0;
    display: flex;
    overflow: hidden;
}


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

.fokus-sidebar[b-o544cfm4d7] {
    width: 220px;
    min-width: 220px;
    max-width: 220px;
    flex-shrink: 0;
    background: white;
    border-right: 1px solid var(--borda);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 8px;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.03);
}


.fokus-menu[b-o544cfm4d7] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 3px;
}


/* ==========================================
   INÍCIO E LINKS
   ========================================== */

.fokus-home[b-o544cfm4d7],
.menu-link[b-o544cfm4d7] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 9px 10px;
    border-radius: 6px;
    color: var(--texto);
    text-decoration: none;
    font-size: 13px;
    font-weight: 650;
    transition: 0.15s ease;
}


    .fokus-home:hover[b-o544cfm4d7],
    .menu-link:hover[b-o544cfm4d7] {
        background: var(--azul-claro);
        color: var(--azul);
    }


.fokus-home[b-o544cfm4d7] {
    background: var(--azul);
    color: white;
    margin-bottom: 4px;
}


    .fokus-home:hover[b-o544cfm4d7] {
        background: var(--azul-escuro);
        color: white;
    }


/* ==========================================
   GRUPOS
   ========================================== */

.menu-group[b-o544cfm4d7] {
    width: 100%;
}


.menu-group-button[b-o544cfm4d7] {
    width: 100%;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    padding: 9px 10px;
    border-radius: 6px;
    color: var(--texto);
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    text-align: left;
    transition: 0.15s ease;
}


    .menu-group-button:hover[b-o544cfm4d7] {
        background: var(--azul-claro);
        color: var(--azul);
    }


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

.submenu[b-o544cfm4d7] {
    margin: 1px 0 5px 14px;
    padding-left: 9px;
    border-left: 3px solid var(--amarelo);
    display: flex;
    flex-direction: column;
}


    .submenu a[b-o544cfm4d7] {
        padding: 7px 8px;
        border-radius: 5px;
        color: #555;
        text-decoration: none;
        font-size: 12px;
        transition: 0.15s ease;
    }


        .submenu a:hover[b-o544cfm4d7] {
            background: var(--azul-claro);
            color: var(--azul);
            padding-left: 11px;
        }


/* ==========================================
   CATÁLOGO
   ========================================== */

.catalogo-link[b-o544cfm4d7] {
    margin-top: 4px;
    border: 1px solid #ead078;
    background: #fff9df;
}


    .catalogo-link:hover[b-o544cfm4d7] {
        background: var(--amarelo);
        color: var(--azul-escuro);
    }


/* ==========================================
   CONTEÚDO CENTRAL
   ========================================== */

.fokus-content[b-o544cfm4d7] {
    flex: 1;
    width: 0;
    min-width: 0;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    background: var(--fundo);
}


.fokus-page-content[b-o544cfm4d7] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 20px;
    overflow-x: hidden;
}


    /* ==========================================
   PROTEÇÃO CONTRA CONTEÚDO LARGO
   ========================================== */

    .fokus-page-content > *[b-o544cfm4d7] {
        max-width: 100%;
    }


    .fokus-page-content table[b-o544cfm4d7] {
        max-width: 100%;
    }


    .fokus-page-content input[b-o544cfm4d7],
    .fokus-page-content select[b-o544cfm4d7],
    .fokus-page-content textarea[b-o544cfm4d7] {
        max-width: 100%;
    }


/* ==========================================
   RODAPÉ
   ========================================== */

.fokus-statusbar[b-o544cfm4d7] {
    height: 28px;
    min-height: 28px;
    flex-shrink: 0;
    background: var(--azul-escuro);
    color: white;
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 3px 12px;
    font-size: 10px;
    border-top: 3px solid var(--amarelo);
    overflow: hidden;
}


.status-dot[b-o544cfm4d7] {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--amarelo);
    margin-right: 5px;
}


/* ==========================================
   SCROLLBAR
   ========================================== */

.fokus-sidebar[b-o544cfm4d7]::-webkit-scrollbar,
.fokus-content[b-o544cfm4d7]::-webkit-scrollbar {
    width: 6px;
}


.fokus-sidebar[b-o544cfm4d7]::-webkit-scrollbar-track,
.fokus-content[b-o544cfm4d7]::-webkit-scrollbar-track {
    background: transparent;
}


.fokus-sidebar[b-o544cfm4d7]::-webkit-scrollbar-thumb,
.fokus-content[b-o544cfm4d7]::-webkit-scrollbar-thumb {
    background: #c4c9cf;
    border-radius: 10px;
}


/* ==========================================
   RESPONSIVO
   ========================================== */

@media (max-width: 1100px) {

    .fokus-sidebar[b-o544cfm4d7] {
        width: 200px;
        min-width: 200px;
        max-width: 200px;
    }

    .fokus-page-content[b-o544cfm4d7] {
        padding: 16px;
    }
}


@media (max-width: 850px) {

    .fokus-sidebar[b-o544cfm4d7] {
        width: 180px;
        min-width: 180px;
        max-width: 180px;
    }

    .fokus-company[b-o544cfm4d7] {
        display: none;
    }
}


@media (max-width: 700px) {

    .fokus-brand-text span[b-o544cfm4d7] {
        display: none;
    }

    .fokus-user[b-o544cfm4d7] {
        display: none;
    }

    .fokus-sidebar[b-o544cfm4d7] {
        width: 165px;
        min-width: 165px;
        max-width: 165px;
    }

    .fokus-page-content[b-o544cfm4d7] {
        padding: 12px;
    }

    .fokus-statusbar[b-o544cfm4d7] {
        justify-content: space-between;
    }

        .fokus-statusbar div:nth-child(2)[b-o544cfm4d7] {
            display: none;
        }
}
/* ==========================================
   PAINEL DE ERRO DO BLAZOR
   Fica oculto durante o funcionamento normal
   ========================================== */

#blazor-error-ui[b-o544cfm4d7] {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 9999;
    background: #fff3cd;
    color: #664d03;
    border-top: 3px solid #ffc400;
    padding: 10px 16px;
    font-size: 13px;
}

    #blazor-error-ui .reload[b-o544cfm4d7] {
        color: #0863ad;
        font-weight: 700;
        margin-left: 8px;
    }

    #blazor-error-ui .dismiss[b-o544cfm4d7] {
        position: absolute;
        right: 15px;
        cursor: pointer;
        font-weight: 700;
    }


/* ==========================================================
   FOKUS GESTÃO - MOBILE FINAL
   Mantém o desktop atual e entra somente até 768px.
   O menu mobile usa apenas HTML + CSS.
   ========================================================== */

.fokus-mobile-toggle[b-o544cfm4d7],
.fokus-mobile-menu-button[b-o544cfm4d7],
.fokus-mobile-backdrop[b-o544cfm4d7],
.fokus-sidebar-mobile-header[b-o544cfm4d7] {
    display: none;
}

@media (max-width: 768px) {

    html[b-o544cfm4d7],
    body[b-o544cfm4d7] {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .fokus-app[b-o544cfm4d7] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        height: 100dvh;
        min-height: 100dvh;
        overflow: hidden;
    }

    /* ---------- TOPO ---------- */

    .fokus-topbar[b-o544cfm4d7] {
        height: 62px;
        min-height: 62px;
        padding: 0 9px;
        gap: 8px;
        position: relative;
        z-index: 220;
    }

    .fokus-mobile-menu-button[b-o544cfm4d7] {
        width: 42px;
        height: 42px;
        min-width: 42px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 42px;
        border: 1px solid rgba(255, 255, 255, .30);
        border-radius: 9px;
        background: rgba(255, 255, 255, .10);
        color: #fff;
        cursor: pointer;
        user-select: none;
    }

    .fokus-mobile-menu-button svg[b-o544cfm4d7] {
        width: 24px;
        height: 24px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2.2;
        stroke-linecap: round;
    }

    .fokus-topbar-center[b-o544cfm4d7] {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
    }

    .fokus-topbar-center strong[b-o544cfm4d7] {
        display: block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 14px;
        line-height: 1.1;
    }

    .fokus-topbar-center span[b-o544cfm4d7] {
        display: none;
    }

    .fokus-topbar-right[b-o544cfm4d7] {
        flex: 0 0 auto;
        min-width: 0;
        gap: 5px;
    }

    .fokus-user[b-o544cfm4d7] {
        display: none;
    }

    .fokus-user-area[b-o544cfm4d7] {
        display: flex;
        align-items: center;
    }

    .notif-topbar[b-o544cfm4d7] {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }

    .fokus-logout[b-o544cfm4d7] {
        min-width: 50px;
        min-height: 40px;
        padding: 0 9px;
        font-size: 10px;
    }

    /* ---------- CORPO ---------- */

    .fokus-body[b-o544cfm4d7] {
        position: relative;
        display: block;
        width: 100%;
        min-width: 0;
        height: calc(100dvh - 62px);
        min-height: 0;
        overflow: hidden;
    }

    /* ---------- MENU LATERAL MOBILE ---------- */

    .fokus-sidebar[b-o544cfm4d7] {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 310;

        width: min(88vw, 330px);
        min-width: 0;
        max-width: 330px;
        height: 100dvh;

        margin: 0;
        padding: 0 10px 22px;

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

        background: #062f5b;
        border-right: 1px solid rgba(255,255,255,.12);
        box-shadow: 18px 0 45px rgba(0,0,0,.26);

        transform: translateX(-105%);
        transition: transform .22s ease;

        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }

    .fokus-mobile-toggle:checked ~ .fokus-body .fokus-sidebar[b-o544cfm4d7] {
        transform: translateX(0);
    }

    .fokus-mobile-backdrop[b-o544cfm4d7] {
        position: fixed;
        inset: 0;
        z-index: 300;
        width: 100%;
        height: 100%;
        background: rgba(2, 20, 40, .58);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        cursor: pointer;
        transition: opacity .20s ease, visibility .20s ease;
    }

    .fokus-mobile-toggle:checked ~ .fokus-body .fokus-mobile-backdrop[b-o544cfm4d7] {
        display: block;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .fokus-sidebar-mobile-header[b-o544cfm4d7] {
        position: sticky;
        top: 0;
        z-index: 5;
        min-height: 62px;
        margin: 0 -10px 10px;
        padding: 0 12px;

        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;

        background: #062f5b;
        border-bottom: 1px solid rgba(255,255,255,.12);
    }

    .fokus-sidebar-mobile-title[b-o544cfm4d7] {
        min-width: 0;
        display: flex;
        flex-direction: column;
    }

    .fokus-sidebar-mobile-title strong[b-o544cfm4d7] {
        color: #fff;
        font-size: 14px;
        line-height: 1.1;
        letter-spacing: .02em;
    }

    .fokus-sidebar-mobile-title span[b-o544cfm4d7] {
        margin-top: 3px;
        color: #b9cee2;
        font-size: 10px;
    }

    .fokus-mobile-menu-close[b-o544cfm4d7] {
        width: 40px;
        height: 40px;
        min-width: 40px;

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

        border: 1px solid rgba(255,255,255,.20);
        border-radius: 9px;
        background: rgba(255,255,255,.08);
        color: #fff;

        font-size: 18px;
        cursor: pointer;
        user-select: none;
    }

    .fokus-sidebar .fokus-menu[b-o544cfm4d7] {
        width: 100%;
        min-width: 0;
    }

    .fokus-sidebar .fokus-home[b-o544cfm4d7],
    .fokus-sidebar .menu-link[b-o544cfm4d7],
    .fokus-sidebar .menu-group-button[b-o544cfm4d7] {
        width: 100%;
        min-width: 0;
        min-height: 46px;
        padding: 11px 12px;

        color: #eef6ff;
        font-size: 13px;

        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }

    .fokus-sidebar .fokus-home[b-o544cfm4d7] {
        background: rgba(255,255,255,.08);
    }

    .fokus-sidebar .menu-group-button[b-o544cfm4d7] {
        background: transparent;
    }

    .fokus-sidebar .fokus-home:hover[b-o544cfm4d7],
    .fokus-sidebar .menu-link:hover[b-o544cfm4d7],
    .fokus-sidebar .menu-group-button:hover[b-o544cfm4d7],
    .fokus-sidebar .submenu a:hover[b-o544cfm4d7] {
        background: rgba(255,255,255,.10);
        color: #fff;
    }

    .fokus-sidebar .submenu[b-o544cfm4d7] {
        margin-left: 13px;
        padding-left: 10px;
    }

    .fokus-sidebar .submenu a[b-o544cfm4d7] {
        min-height: 42px;
        display: flex;
        align-items: center;
        padding: 9px 10px;
        color: #eef6ff;
        font-size: 12px;
    }

    .fokus-sidebar .catalogo-link[b-o544cfm4d7] {
        background: rgba(255,196,0,.10);
        border-color: rgba(255,196,0,.55);
        color: #ffd84d;
    }

    /* ---------- CONTEÚDO ---------- */

    .fokus-content[b-o544cfm4d7] {
        display: block;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        height: 100%;
        min-height: 0;
        overflow-y: auto;
        overflow-x: hidden;
        background: var(--fundo);

        -webkit-overflow-scrolling: touch;
    }

    .fokus-page-content[b-o544cfm4d7] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        padding: 10px;
        overflow-x: hidden;
    }

    .fokus-page-content > *[b-o544cfm4d7] {
        max-width: 100%;
        min-width: 0;
    }

    .fokus-page-content img[b-o544cfm4d7],
    .fokus-page-content video[b-o544cfm4d7],
    .fokus-page-content canvas[b-o544cfm4d7] {
        max-width: 100%;
        height: auto;
    }

    .fokus-page-content input[b-o544cfm4d7],
    .fokus-page-content select[b-o544cfm4d7],
    .fokus-page-content textarea[b-o544cfm4d7],
    .fokus-page-content button[b-o544cfm4d7] {
        max-width: 100%;
    }

    /* Se uma tabela for maior que a tela, ela rola só na horizontal. */
    .fokus-page-content .tabela-container[b-o544cfm4d7],
    .fokus-page-content .table-responsive[b-o544cfm4d7] {
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* Rodapé desktop não ocupa espaço no celular. */
    .fokus-statusbar[b-o544cfm4d7] {
        display: none;
    }

    .acesso-modulo-negado[b-o544cfm4d7] {
        width: calc(100% - 10px);
        margin: 22px auto;
        padding: 22px 15px;
    }

    .acesso-modulo-negado h1[b-o544cfm4d7] {
        font-size: 20px;
    }
}

@media (max-width: 420px) {

    .fokus-topbar[b-o544cfm4d7] {
        padding: 0 7px;
    }

    .fokus-topbar-center strong[b-o544cfm4d7] {
        font-size: 13px;
    }

    .fokus-sidebar[b-o544cfm4d7] {
        width: min(92vw, 320px);
    }

    .fokus-page-content[b-o544cfm4d7] {
        padding: 7px;
    }

    .fokus-logout[b-o544cfm4d7] {
        min-width: 46px;
        padding: 0 7px;
    }
}


/* ==========================================================
   MOBILE V2 - CORREÇÃO DE CONTEÚDO DESLOCADO / SAFARI iPHONE
   ========================================================== */

@media (max-width: 768px) {

    /*
       O corpo mobile vira uma "área de trabalho" fixa abaixo do cabeçalho.
       Assim o conteúdo não herda largura/posição da sidebar desktop.
    */
    .fokus-body[b-o544cfm4d7] {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: calc(100dvh - 62px) !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    .fokus-content[b-o544cfm4d7] {
        position: absolute !important;
        inset: 0 !important;

        display: block !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

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

        transform: none !important;
        left: 0 !important;
        right: 0 !important;

        -webkit-overflow-scrolling: touch;
    }

    .fokus-page-content[b-o544cfm4d7] {
        position: relative !important;

        display: block !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        min-height: 100% !important;

        margin: 0 !important;
        padding: 10px !important;

        transform: none !important;
        left: 0 !important;
        right: auto !important;

        overflow-x: hidden !important;
    }

    /*
       ::deep é necessário porque Entregas.razor é um componente filho
       e o MainLayout usa CSS isolado.
    */
    .fokus-page-content[b-o544cfm4d7]  .entregas-page {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 4px 0 28px !important;

        position: relative !important;
        left: 0 !important;
        right: auto !important;
        transform: none !important;
    }

    .fokus-page-content[b-o544cfm4d7]  .entregas-page .page-header {
        width: 100% !important;
        max-width: 100% !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        gap: 10px !important;
        margin: 0 0 12px !important;
    }

    .fokus-page-content[b-o544cfm4d7]  .entregas-page .page-header > * {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .fokus-page-content[b-o544cfm4d7]  .entregas-page .page-header h1 {
        font-size: clamp(28px, 9vw, 38px) !important;
        line-height: 1.05 !important;
    }

    .fokus-page-content[b-o544cfm4d7]  .entregas-page .page-header p {
        font-size: 13px !important;
        line-height: 1.35 !important;
    }

    /*
       Resumo: dois cartões por linha em celulares normais.
       Isso evita uma coluna muito comprida.
    */
    .fokus-page-content[b-o544cfm4d7]  .entregas-page .resumo-grid {
        width: 100% !important;
        max-width: 100% !important;

        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        gap: 9px !important;
        margin: 0 0 12px !important;
    }

    .fokus-page-content[b-o544cfm4d7]  .entregas-page .resumo-grid article {
        width: 100% !important;
        min-width: 0 !important;
        padding: 12px !important;
    }

    .fokus-page-content[b-o544cfm4d7]  .entregas-page .painel,
    .fokus-page-content[b-o544cfm4d7]  .entregas-page .entrega-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .fokus-page-content[b-o544cfm4d7]  .entregas-page .painel {
        padding: 13px !important;
        margin-bottom: 12px !important;
    }

    .fokus-page-content[b-o544cfm4d7]  .entregas-page .painel-titulo,
    .fokus-page-content[b-o544cfm4d7]  .entregas-page .entrega-topo,
    .fokus-page-content[b-o544cfm4d7]  .entregas-page .filtros-header {
        width: 100% !important;
        max-width: 100% !important;

        flex-direction: column !important;
        align-items: stretch !important;

        gap: 8px !important;
    }

    .fokus-page-content[b-o544cfm4d7]  .entregas-page .operacao-grid,
    .fokus-page-content[b-o544cfm4d7]  .entregas-page .filtros,
    .fokus-page-content[b-o544cfm4d7]  .entregas-page .equipe-grid,
    .fokus-page-content[b-o544cfm4d7]  .entregas-page .entrega-info,
    .fokus-page-content[b-o544cfm4d7]  .entregas-page .recebedor-grid,
    .fokus-page-content[b-o544cfm4d7]  .entregas-page .pagamento-grid,
    .fokus-page-content[b-o544cfm4d7]  .entregas-page .resumo-recebimento {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        grid-template-columns: 1fr !important;
    }

    .fokus-page-content[b-o544cfm4d7]  .entregas-page input,
    .fokus-page-content[b-o544cfm4d7]  .entregas-page select,
    .fokus-page-content[b-o544cfm4d7]  .entregas-page textarea,
    .fokus-page-content[b-o544cfm4d7]  .entregas-page button {
        max-width: 100% !important;
    }

    .fokus-page-content[b-o544cfm4d7]  .entregas-page .tabela-wrap,
    .fokus-page-content[b-o544cfm4d7]  .entregas-page .fokus-listagem-compacta {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 420px) {
    .fokus-page-content[b-o544cfm4d7] {
        padding: 8px !important;
    }

    .fokus-page-content[b-o544cfm4d7]  .entregas-page .resumo-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 7px !important;
    }

    .fokus-page-content[b-o544cfm4d7]  .entregas-page .resumo-grid article {
        padding: 10px !important;
    }

    .fokus-page-content[b-o544cfm4d7]  .entregas-page .resumo-grid span {
        font-size: 9px !important;
        line-height: 1.2 !important;
    }

    .fokus-page-content[b-o544cfm4d7]  .entregas-page .resumo-grid strong {
        font-size: 21px !important;
    }
}


/* ==========================================================
   FOKUS GESTÃO - ÍCONES SVG BRANCOS
   Arquivos em wwwroot/icons
   ========================================================== */

.fokus-menu-icon[b-o544cfm4d7],
.fokus-submenu-icon[b-o544cfm4d7],
.fokus-topbar-icon[b-o544cfm4d7],
.fokus-mobile-control-icon[b-o544cfm4d7],
.fokus-access-icon[b-o544cfm4d7],
.notif-bell-icon[b-o544cfm4d7] {
    display: inline-block;
    object-fit: contain;
    flex: 0 0 auto;
}

/* Ícones principais do menu: branco dentro de uma base azul.
   Assim continuam visíveis tanto no desktop claro quanto no mobile azul. */
.fokus-menu-icon[b-o544cfm4d7] {
    width: 27px;
    height: 27px;
    padding: 5px;
    border-radius: 7px;
    background: var(--azul);
}

.menu-group-label[b-o544cfm4d7] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 9px;
}

.menu-group-label > span[b-o544cfm4d7] {
    min-width: 0;
}

/* Ícones menores dos submenus. */
.fokus-submenu-icon[b-o544cfm4d7] {
    width: 22px;
    height: 22px;
    padding: 4px;
    border-radius: 6px;
    background: var(--azul);
}

.submenu a[b-o544cfm4d7] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.submenu a > span[b-o544cfm4d7] {
    min-width: 0;
}

/* Topbar já possui fundo azul: sem caixa adicional. */
.fokus-topbar-icon[b-o544cfm4d7] {
    width: 17px;
    height: 17px;
    padding: 0;
    background: transparent;
}

.fokus-user[b-o544cfm4d7] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    text-decoration: none;
}

.fokus-logout[b-o544cfm4d7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.notif-bell-icon[b-o544cfm4d7] {
    width: 21px;
    height: 21px;
    padding: 0;
}

/* Controles do menu mobile. */
.fokus-mobile-control-icon[b-o544cfm4d7] {
    width: 24px;
    height: 24px;
    padding: 0;
}

/* Cadeado da tela de acesso restrito. */
.fokus-access-icon[b-o544cfm4d7] {
    width: 34px;
    height: 34px;
    padding: 7px;
    border-radius: 10px;
    background: var(--azul);
}

/* Estado ativo/hover dos ícones. */
.fokus-home .fokus-menu-icon[b-o544cfm4d7],
.fokus-home:hover .fokus-menu-icon[b-o544cfm4d7] {
    background: rgba(255,255,255,.16);
}

.menu-link:hover .fokus-menu-icon[b-o544cfm4d7],
.menu-group-button:hover .fokus-menu-icon[b-o544cfm4d7],
.submenu a:hover .fokus-submenu-icon[b-o544cfm4d7] {
    background: var(--azul-escuro);
}

.catalogo-link .fokus-menu-icon[b-o544cfm4d7] {
    background: var(--azul-escuro);
}

/* Mobile: a sidebar já é azul, então os ícones ficam mais leves. */
@media (max-width: 768px) {
    .fokus-sidebar .fokus-menu-icon[b-o544cfm4d7],
    .fokus-sidebar .fokus-submenu-icon[b-o544cfm4d7] {
        background: rgba(255,255,255,.10);
        border: 1px solid rgba(255,255,255,.10);
    }

    .fokus-sidebar .fokus-home:hover .fokus-menu-icon[b-o544cfm4d7],
    .fokus-sidebar .menu-link:hover .fokus-menu-icon[b-o544cfm4d7],
    .fokus-sidebar .menu-group-button:hover .fokus-menu-icon[b-o544cfm4d7],
    .fokus-sidebar .submenu a:hover .fokus-submenu-icon[b-o544cfm4d7] {
        background: rgba(255,255,255,.18);
    }

    .menu-group-label[b-o544cfm4d7] {
        gap: 10px;
    }

    .fokus-menu-icon[b-o544cfm4d7] {
        width: 29px;
        height: 29px;
    }

    .fokus-submenu-icon[b-o544cfm4d7] {
        width: 24px;
        height: 24px;
    }
}

/* ==========================================================
   MOBILE 2026-10-06 - MENU LATERAL MAIS COMPACTO
   Mantém o desktop sem alterações.
   ========================================================== */
@media (max-width: 768px) {
    .fokus-sidebar[b-o544cfm4d7] {
        width: min(80vw, 300px) !important;
        max-width: 300px !important;
    }

    .fokus-sidebar-mobile-header[b-o544cfm4d7] {
        justify-content: flex-start !important;
        padding-left: 14px !important;
        padding-right: 10px !important;
    }

    .fokus-sidebar-mobile-title[b-o544cfm4d7] {
        flex: 0 1 auto !important;
    }

    .fokus-mobile-menu-close[b-o544cfm4d7] {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        margin-left: 16px !important;
        margin-right: 0 !important;
    }

    .fokus-sidebar .menu-group-button[b-o544cfm4d7] {
        justify-content: flex-start !important;
        gap: 10px !important;
    }

    .fokus-sidebar .menu-group-button .menu-group-label[b-o544cfm4d7] {
        flex: 0 1 auto !important;
        min-width: 0 !important;
    }

    .fokus-sidebar .menu-arrow[b-o544cfm4d7] {
        flex: 0 0 18px !important;
        width: 18px !important;
        margin-left: 6px !important;
        text-align: center !important;
    }

    .fokus-sidebar .fokus-home[b-o544cfm4d7],
    .fokus-sidebar .menu-link[b-o544cfm4d7],
    .fokus-sidebar .menu-group-button[b-o544cfm4d7] {
        padding-right: 9px !important;
    }
}

@media (max-width: 420px) {
    .fokus-sidebar[b-o544cfm4d7] {
        width: min(80vw, 295px) !important;
        max-width: 295px !important;
    }
}

/* ==========================================================
   MOBILE 2026-10-06 - TOPO FIXO + SEM AUTOZOOM NOS CAMPOS
   ========================================================== */
@media (max-width: 768px) {
    /*
       Mantém a barra azul do Fokus visível enquanto o conteúdo rola.
       Sticky evita sobrepor o conteúdo como aconteceria com position:fixed.
    */
    .fokus-topbar[b-o544cfm4d7] {
        position: sticky !important;
        position: -webkit-sticky !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 1000 !important;
        flex-shrink: 0 !important;
    }

    /*
       O Safari/iPhone costuma aplicar zoom automático quando um input,
       select ou textarea tem fonte menor que 16px.
       ::deep faz esta regra alcançar também os campos das páginas filhas.
    */
    .fokus-page-content[b-o544cfm4d7]  input,
    .fokus-page-content[b-o544cfm4d7]  select,
    .fokus-page-content[b-o544cfm4d7]  textarea {
        font-size: 16px !important;
        -webkit-text-size-adjust: 100%;
    }

    .fokus-page-content[b-o544cfm4d7]  input:focus,
    .fokus-page-content[b-o544cfm4d7]  select:focus,
    .fokus-page-content[b-o544cfm4d7]  textarea:focus {
        font-size: 16px !important;
    }
}


/* ==========================================================
   NOTIFICAÇÃO GLOBAL EM TEMPO REAL
   ========================================================== */
.fokus-notificacao-toast[b-o544cfm4d7] {
    position: fixed;
    top: 74px;
    right: 18px;
    z-index: 6000;
    width: min(390px, calc(100vw - 28px));
    display: grid;
    grid-template-columns: 1fr 38px;
    align-items: stretch;
    overflow: hidden;
    border: 1px solid #c8d9e8;
    border-left: 5px solid var(--amarelo);
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 18px 45px rgba(4, 34, 67, .22);
    animation: fokus-notificacao-entrar-b-o544cfm4d7 .18s ease-out;
}

.fokus-notificacao-toast-conteudo[b-o544cfm4d7] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 13px;
    border: 0;
    background: transparent;
    color: #29435d;
    text-align: left;
    cursor: pointer;
}

.fokus-notificacao-toast-conteudo strong[b-o544cfm4d7] {
    overflow: hidden;
    color: #17365d;
    font-size: 13px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fokus-notificacao-toast-conteudo > span:last-child[b-o544cfm4d7] {
    display: -webkit-box;
    overflow: hidden;
    color: #617487;
    font-size: 11px;
    line-height: 1.35;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.fokus-notificacao-toast-tipo[b-o544cfm4d7] {
    color: var(--azul);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .09em;
}

.fokus-notificacao-toast-fechar[b-o544cfm4d7] {
    width: 38px;
    border: 0;
    border-left: 1px solid #e5edf4;
    background: #f7fafc;
    color: #68798b;
    font-size: 20px;
    cursor: pointer;
}

.fokus-notificacao-toast-fechar:hover[b-o544cfm4d7] {
    background: #edf4fa;
    color: #17365d;
}

@keyframes fokus-notificacao-entrar-b-o544cfm4d7 {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 768px) {
    .fokus-notificacao-toast[b-o544cfm4d7] {
        top: 70px;
        left: 10px;
        right: 10px;
        width: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-ao0g7l6e84],
.components-reconnect-repeated-attempt-visible[b-ao0g7l6e84],
.components-reconnect-failed-visible[b-ao0g7l6e84],
.components-pause-visible[b-ao0g7l6e84],
.components-resume-failed-visible[b-ao0g7l6e84],
.components-rejoining-animation[b-ao0g7l6e84] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-ao0g7l6e84],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-ao0g7l6e84],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-ao0g7l6e84],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-ao0g7l6e84],
#components-reconnect-modal.components-reconnect-retrying[b-ao0g7l6e84],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-ao0g7l6e84],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-ao0g7l6e84],
#components-reconnect-modal.components-reconnect-failed[b-ao0g7l6e84],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-ao0g7l6e84] {
    display: block;
}


#components-reconnect-modal[b-ao0g7l6e84] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-ao0g7l6e84 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-ao0g7l6e84 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-ao0g7l6e84 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-ao0g7l6e84]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-ao0g7l6e84 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-ao0g7l6e84 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-ao0g7l6e84 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-ao0g7l6e84 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-ao0g7l6e84] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-ao0g7l6e84] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-ao0g7l6e84] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-ao0g7l6e84] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-ao0g7l6e84] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-ao0g7l6e84] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-ao0g7l6e84] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-ao0g7l6e84 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-ao0g7l6e84] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-ao0g7l6e84 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/DashboardRelatorio.razor.rz.scp.css */
.dash-page[b-qd9kmaw880] { width:100%; min-width:0; padding-bottom:16px; font-family:"Bahnschrift","Segoe UI Variable","Segoe UI",Arial,sans-serif; }
    .dash-header[b-qd9kmaw880] { min-height:98px; display:grid; grid-template-columns:minmax(255px,.82fr) minmax(420px,1.45fr) 126px; gap:9px; margin-bottom:9px; }
    .dash-title[b-qd9kmaw880],.dash-slogan[b-qd9kmaw880],.dash-header-actions>*[b-qd9kmaw880] { border-radius:7px; }
    .dash-title[b-qd9kmaw880] { display:flex; flex-direction:column; justify-content:center; min-width:0; border:1px solid #d8e2ec; padding:13px 15px; background:#fff; box-shadow:0 3px 10px rgba(6,42,79,.035); }
    .eyebrow[b-qd9kmaw880] { display:block; color:#61758a; font-size:7.5px; font-weight:900; letter-spacing:.10em; }
    .dash-title h1[b-qd9kmaw880] { margin:3px 0 2px; color:#082e58; font-size:27px; line-height:1; font-weight:900; letter-spacing:-.015em; }
    .dash-title p[b-qd9kmaw880] { margin:3px 0 0; color:#768696; font-size:9px; font-weight:650; }
    .dash-slogan[b-qd9kmaw880] { position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,1fr) 76px; align-items:center; border:1px solid #0b477f; padding:13px 16px; background:linear-gradient(105deg,#042a52 0%,#07569f 66%,#073d72 100%); color:#fff; box-shadow:0 5px 16px rgba(5,52,99,.12); }
    .dash-slogan[b-qd9kmaw880]::before { content:""; position:absolute; right:38px; top:-60px; width:135px; height:210px; border-left:20px solid rgba(255,202,22,.12); border-right:20px solid rgba(255,202,22,.08); transform:rotate(22deg); }
    .dash-slogan-copy[b-qd9kmaw880] { position:relative; z-index:1; min-width:0; }
    .dash-slogan-copy span[b-qd9kmaw880] { display:block; color:#b6cee3; font-size:7.5px; font-weight:800; letter-spacing:.11em; }
    .dash-slogan-copy strong[b-qd9kmaw880] { display:block; max-width:520px; margin-top:5px; color:#fff; font-size:clamp(16px,1.4vw,21px); line-height:1.04; font-weight:900; letter-spacing:.01em; }
    .dash-slogan-copy strong[b-qd9kmaw880]::after { content:""; display:block; width:78px; height:4px; margin-top:8px; background:#ffca16; }
    .dash-slogan-mark[b-qd9kmaw880] { position:relative; z-index:1; width:64px; height:64px; display:grid; place-items:center; align-content:center; justify-self:end; border:1px solid rgba(255,255,255,.16); border-radius:7px; background:rgba(3,30,59,.30); }
    .dash-slogan-mark b[b-qd9kmaw880] { color:#ffca16; font-size:29px; line-height:.9; font-weight:900; }
    .dash-slogan-mark small[b-qd9kmaw880] { margin-top:4px; color:#fff; font-size:6px; font-weight:900; letter-spacing:.14em; }
    .dash-header-actions[b-qd9kmaw880] { display:grid; grid-template-rows:1fr 1fr; gap:7px; }
    .btn-primary[b-qd9kmaw880],.btn-secondary[b-qd9kmaw880] { min-width:0; display:flex; align-items:center; justify-content:center; gap:6px; border-radius:6px; padding:0 10px; font:inherit; font-size:8.5px; font-weight:900; text-decoration:none; cursor:pointer; }
    .btn-primary[b-qd9kmaw880] { border:1px solid #0759a7; background:#0759a7; color:#fff; }
    .btn-secondary[b-qd9kmaw880] { border:1px solid #ced9e4; background:#fff; color:#35516d; }
    .metricas[b-qd9kmaw880] { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:7px; margin-bottom:8px; }
    .metrica[b-qd9kmaw880] { min-width:0; min-height:96px; overflow:hidden; border:1px solid #d9e3ed; border-top:3px solid #8195a9; border-radius:7px; padding:10px 11px 9px; background:#fff; box-shadow:0 3px 9px rgba(6,42,79,.03); }
    .metrica.azul[b-qd9kmaw880] { border-top-color:#0d69bd; } .metrica.verde[b-qd9kmaw880] { border-top-color:#25995a; } .metrica.laranja[b-qd9kmaw880] { border-top-color:#dda416; } .metrica.vermelho[b-qd9kmaw880] { border-top-color:#ce4242; }
    .metrica-topo[b-qd9kmaw880] { display:flex; align-items:center; justify-content:space-between; gap:8px; }
    .metrica-topo span[b-qd9kmaw880] { min-width:0; overflow:hidden; color:#667a8e; font-size:7.5px; font-weight:900; letter-spacing:.04em; text-overflow:ellipsis; white-space:nowrap; }
    .metrica-topo b[b-qd9kmaw880] { width:24px; height:24px; display:grid; place-items:center; flex:0 0 auto; border:1px solid #dbe5ee; border-radius:5px; background:#f3f7fa; color:#52718d; font-size:8px; font-weight:900; }
    .metrica.azul .metrica-topo b[b-qd9kmaw880] { border-color:#c4dcf0; background:#edf6fd; color:#0b65b5; } .metrica.verde .metrica-topo b[b-qd9kmaw880] { border-color:#c8e5d2; background:#eff9f2; color:#27814d; } .metrica.laranja .metrica-topo b[b-qd9kmaw880] { border-color:#ead9a9; background:#fff8e7; color:#9a7416; } .metrica.vermelho .metrica-topo b[b-qd9kmaw880] { border-color:#edcccc; background:#fff3f3; color:#ae3c3c; }
    .metrica>strong[b-qd9kmaw880] { display:block; margin:9px 0 3px; overflow:hidden; color:#082e58; font-size:clamp(15px,1.2vw,19px); line-height:1; font-weight:900; letter-spacing:-.02em; text-overflow:ellipsis; white-space:nowrap; }
    .metrica>small[b-qd9kmaw880] { display:block; overflow:hidden; color:#8895a3; font-size:7.5px; font-weight:650; text-overflow:ellipsis; white-space:nowrap; }
    .faixa-operacao[b-qd9kmaw880] { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:7px; margin-bottom:8px; }
    .operacao-card[b-qd9kmaw880] { min-width:0; min-height:66px; display:grid; grid-template-columns:38px minmax(0,1fr); align-items:center; gap:8px; border:1px solid #d9e3ed; border-radius:7px; padding:8px 9px; background:#fff; color:inherit; text-decoration:none; transition:.12s ease; }
    .operacao-card:hover[b-qd9kmaw880] { transform:translateY(-1px); border-color:#98b8d2; box-shadow:0 5px 12px rgba(7,72,132,.07); }
    .op-sigla[b-qd9kmaw880] { width:38px; height:38px; display:grid; place-items:center; border-radius:5px; background:#082f59; color:#ffca16; font-size:8px; font-weight:900; letter-spacing:.04em; }
    .operacao-card div[b-qd9kmaw880] { min-width:0; }
    .operacao-card small[b-qd9kmaw880],.operacao-card strong[b-qd9kmaw880],.operacao-card div span[b-qd9kmaw880] { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .operacao-card small[b-qd9kmaw880] { color:#6d7f91; font-size:7px; font-weight:900; letter-spacing:.04em; }
    .operacao-card strong[b-qd9kmaw880] { margin-top:2px; color:#0a365f; font-size:15px; line-height:1; font-weight:900; }
    .operacao-card strong.ok[b-qd9kmaw880] { color:#21864e; font-size:11px; } .operacao-card strong.neutro[b-qd9kmaw880] { color:#7d8791; font-size:11px; }
    .operacao-card div span[b-qd9kmaw880] { margin-top:3px; color:#8a97a4; font-size:7.5px; font-weight:650; }
    .atalhos-panel[b-qd9kmaw880],.panel[b-qd9kmaw880] { border:1px solid #d9e3ed; border-radius:7px; background:#fff; box-shadow:0 3px 10px rgba(6,42,79,.035); }
    .atalhos-panel[b-qd9kmaw880] { padding:10px; margin-bottom:8px; }
    .section-title[b-qd9kmaw880] { min-height:34px; display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-bottom:8px; border-bottom:1px solid #e4ebf1; padding-bottom:7px; }
    .section-title h2[b-qd9kmaw880] { margin:2px 0 0; color:#082e58; font-size:13px; line-height:1.05; font-weight:900; }
    .section-title>small[b-qd9kmaw880] { align-self:center; color:#8a98a6; font-size:7.5px; font-weight:650; }
    .section-title>a[b-qd9kmaw880] { min-height:25px; display:inline-flex; align-items:center; justify-content:center; border:1px solid #d4e0ea; border-radius:5px; background:#f8fafc; color:#0759a7; padding:0 8px; font-size:7px; font-weight:900; text-decoration:none; }
    .atalhos-grid[b-qd9kmaw880] { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:6px; }
    .acao[b-qd9kmaw880] { min-width:0; min-height:49px; display:grid; grid-template-columns:37px minmax(0,1fr); align-items:center; gap:7px; border:1px solid #dce5ed; border-radius:5px; background:#f9fbfd; color:#324b63; padding:6px 7px; text-decoration:none; }
    .acao>span[b-qd9kmaw880] { height:29px; display:grid; place-items:center; border-radius:4px; background:#e9f2f9; color:#0a5ea9; font-size:7px; font-weight:900; }
    .acao>strong[b-qd9kmaw880] { min-width:0; overflow:hidden; color:#294760; font-size:8px; font-weight:900; text-overflow:ellipsis; white-space:nowrap; }
    .acao.destaque-verde[b-qd9kmaw880] { border-color:#abd5bd; background:#f1faf4; } .acao.destaque-verde>span[b-qd9kmaw880] { background:#dff2e6; color:#247746; }
    .acao.destaque-amarelo[b-qd9kmaw880] { border-color:#e6d18e; background:#fff9e9; } .acao.destaque-amarelo>span[b-qd9kmaw880] { background:#fff0b8; color:#815f08; }
    .dashboard-grid[b-qd9kmaw880] { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(310px,.72fr); gap:8px; align-items:start; }
    .panel[b-qd9kmaw880] { min-width:0; padding:10px; } .pedidos-panel[b-qd9kmaw880] { grid-row:span 2; }
    .table-wrap[b-qd9kmaw880] { width:100%; overflow-x:auto; }
    table[b-qd9kmaw880] { width:100%; border-collapse:collapse; font-size:8.5px; }
    th[b-qd9kmaw880] { padding:7px 8px; border-bottom:1px solid #d8e2eb; background:#f3f6f9; color:#566d82; font-size:7px; font-weight:900; letter-spacing:.035em; text-align:left; white-space:nowrap; }
    td[b-qd9kmaw880] { padding:8px; border-bottom:1px solid #e9eef3; color:#2d455d; vertical-align:middle; }
    tbody tr:hover[b-qd9kmaw880] { background:#f9fbfd; }
    .pedido-numero[b-qd9kmaw880] { color:#0a5ca7; font-size:8.5px; font-weight:900; }
    .comprador[b-qd9kmaw880] { display:block; max-width:240px; overflow:hidden; font-weight:750; text-overflow:ellipsis; white-space:nowrap; }
    .direita[b-qd9kmaw880] { text-align:right!important; } .valor-tabela[b-qd9kmaw880] { color:#173b5e; font-weight:900; white-space:nowrap; }
    .status[b-qd9kmaw880] { min-height:21px; display:inline-flex; align-items:center; border:1px solid #bfd8ee; border-radius:4px; background:#eaf4fd; color:#165f9d; padding:0 6px; font-size:6.8px; font-weight:900; white-space:nowrap; }
    .financeiro-total[b-qd9kmaw880] { margin-bottom:9px; border:1px solid #cdddeb; border-radius:6px; padding:9px 10px; background:linear-gradient(100deg,#f5faff,#eef6fc); }
    .financeiro-total span[b-qd9kmaw880],.financeiro-total strong[b-qd9kmaw880] { display:block; } .financeiro-total span[b-qd9kmaw880] { color:#667b90; font-size:7px; font-weight:900; letter-spacing:.05em; } .financeiro-total strong[b-qd9kmaw880] { margin-top:3px; color:#0759a7; font-size:18px; font-weight:900; }
    .financeiro-barras[b-qd9kmaw880] { display:grid; gap:9px; }
    .financeiro-item>div:first-child[b-qd9kmaw880] { display:flex; justify-content:space-between; gap:8px; margin-bottom:4px; }
    .financeiro-item span[b-qd9kmaw880] { color:#6d7e8f; font-size:7.5px; font-weight:800; } .financeiro-item strong[b-qd9kmaw880] { color:#29445e; font-size:8px; font-weight:900; }
    .barra[b-qd9kmaw880] { height:7px; overflow:hidden; border-radius:2px; background:#edf1f5; } .barra i[b-qd9kmaw880] { display:block; height:100%; min-width:2px; background:#0d69bd; }
    .financeiro-item.lucro .barra i[b-qd9kmaw880] { background:#2b9b5a; } .financeiro-item.receber .barra i[b-qd9kmaw880] { background:#daa218; } .financeiro-item.pagar .barra i[b-qd9kmaw880] { background:#cf4444; }
    .financeiro-rodape[b-qd9kmaw880] { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-top:11px; border-top:1px solid #e4ebf1; padding-top:8px; }
    .financeiro-rodape div[b-qd9kmaw880] { border:1px solid #e2e9ef; border-radius:5px; padding:7px; background:#fafcfd; }
    .financeiro-rodape span[b-qd9kmaw880],.financeiro-rodape strong[b-qd9kmaw880] { display:block; } .financeiro-rodape span[b-qd9kmaw880] { color:#798897; font-size:6.8px; font-weight:800; } .financeiro-rodape strong[b-qd9kmaw880] { margin-top:2px; color:#23415f; font-size:8px; font-weight:900; }
    .contador-alertas[b-qd9kmaw880] { min-width:23px; height:23px; display:grid; place-items:center; border-radius:4px; background:#fff2c8; color:#80600a; font-size:8px; font-weight:900; }
    .alertas-list[b-qd9kmaw880] { display:grid; gap:5px; max-height:275px; overflow-y:auto; padding-right:2px; }
    .alerta-item[b-qd9kmaw880] { min-width:0; display:grid; grid-template-columns:30px minmax(0,1fr); align-items:center; gap:8px; border:1px solid #e0e7ed; border-left:4px solid #7f96aa; border-radius:5px; background:#fbfcfd; color:inherit; padding:7px; text-decoration:none; }
    .alerta-item>span[b-qd9kmaw880] { width:30px; height:30px; display:grid; place-items:center; border-radius:4px; background:#edf2f6; font-size:13px; }
    .alerta-item strong[b-qd9kmaw880],.alerta-item small[b-qd9kmaw880] { display:block; } .alerta-item strong[b-qd9kmaw880] { color:#26455f; font-size:8px; font-weight:900; } .alerta-item small[b-qd9kmaw880] { margin-top:2px; color:#7c8a98; font-size:7px; line-height:1.3; }
    .alerta-item.atencao[b-qd9kmaw880] { border-left-color:#d7a017; } .alerta-item.critico[b-qd9kmaw880] { border-left-color:#ca3f3f; } .alerta-item.info[b-qd9kmaw880] { border-left-color:#0d69bd; }
    .ok-box[b-qd9kmaw880] { min-height:72px; display:flex; align-items:center; gap:9px; border:1px solid #cfe5d6; border-radius:6px; background:#f2faf4; padding:10px; }
    .ok-box>span[b-qd9kmaw880] { width:30px; height:30px; display:grid; place-items:center; border-radius:5px; background:#dcefe2; color:#247947; font-weight:900; }
    .ok-box strong[b-qd9kmaw880],.ok-box small[b-qd9kmaw880] { display:block; } .ok-box strong[b-qd9kmaw880] { color:#2b6240; font-size:8px; font-weight:900; } .ok-box small[b-qd9kmaw880] { margin-top:2px; color:#718879; font-size:7px; }
    .estrutura-grid[b-qd9kmaw880] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
    .estrutura-grid a[b-qd9kmaw880] { min-width:0; border:1px solid #e0e7ed; border-radius:5px; background:#fafcfd; padding:8px; color:inherit; text-align:center; text-decoration:none; }
    .estrutura-grid span[b-qd9kmaw880],.estrutura-grid strong[b-qd9kmaw880],.estrutura-grid small[b-qd9kmaw880] { display:block; }
    .estrutura-grid span[b-qd9kmaw880] { color:#6f8192; font-size:6.8px; font-weight:900; letter-spacing:.035em; } .estrutura-grid strong[b-qd9kmaw880] { margin:5px 0 2px; color:#082f59; font-size:18px; font-weight:900; } .estrutura-grid small[b-qd9kmaw880] { color:#919da8; font-size:6.8px; }
    .ultima-atualizacao[b-qd9kmaw880] { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:8px; border-top:1px solid #e4eaf0; padding-top:8px; }
    .ultima-atualizacao span[b-qd9kmaw880] { color:#7b8997; font-size:6.8px; font-weight:900; } .ultima-atualizacao strong[b-qd9kmaw880] { color:#32506d; font-size:7.5px; font-weight:900; white-space:nowrap; }
    .loading[b-qd9kmaw880],.vazio[b-qd9kmaw880] { border:1px solid #dce5ed; border-radius:7px; background:#fff; color:#748596; padding:28px; text-align:center; font-size:9px; }
    .spinner[b-qd9kmaw880] { width:22px; height:22px; margin:0 auto 8px; border:3px solid #dce6ef; border-top-color:#0d69bd; border-radius:50%; animation:spin-b-qd9kmaw880 .8s linear infinite; }
    .alert.erro[b-qd9kmaw880] { margin-bottom:8px; border:1px solid #e8b3b3; border-radius:6px; background:#fff3f3; color:#993636; padding:8px 10px; font-size:8px; font-weight:800; }
    @keyframes spin-b-qd9kmaw880 { to { transform:rotate(360deg); } }

    @media (max-width:1380px) {
        .metricas[b-qd9kmaw880],.faixa-operacao[b-qd9kmaw880] { grid-template-columns:repeat(3,minmax(0,1fr)); }
        .atalhos-grid[b-qd9kmaw880] { grid-template-columns:repeat(4,minmax(0,1fr)); }
    }

    @media (max-width:1120px) {
        .dash-header[b-qd9kmaw880] { grid-template-columns:minmax(250px,.8fr) minmax(360px,1.2fr); }
        .dash-header-actions[b-qd9kmaw880] { grid-column:1/-1; grid-template-columns:1fr 1fr; grid-template-rows:40px; }
        .dashboard-grid[b-qd9kmaw880] { grid-template-columns:1fr; }
        .pedidos-panel[b-qd9kmaw880] { grid-row:auto; }
    }

    @media (max-width:760px) {
        .dash-header[b-qd9kmaw880] { grid-template-columns:1fr; }
        .dash-slogan[b-qd9kmaw880] { grid-template-columns:1fr; }
        .dash-slogan-mark[b-qd9kmaw880] { display:none; }
        .metricas[b-qd9kmaw880],.faixa-operacao[b-qd9kmaw880],.atalhos-grid[b-qd9kmaw880] { grid-template-columns:repeat(2,minmax(0,1fr)); }
    }

    @media (max-width:520px) {
        .metricas[b-qd9kmaw880],.faixa-operacao[b-qd9kmaw880],.atalhos-grid[b-qd9kmaw880],.estrutura-grid[b-qd9kmaw880],.financeiro-rodape[b-qd9kmaw880] { grid-template-columns:1fr; }
        .dash-header-actions[b-qd9kmaw880] { grid-template-columns:1fr; grid-template-rows:38px 38px; }
        .section-title[b-qd9kmaw880] { align-items:stretch; flex-direction:column; }
    }


    /* =========================================================
       DASHBOARD - ÍCONES SVG BRANCOS FOKUS
       ========================================================= */

    .btn-icon[b-qd9kmaw880],
    .metrica-icon[b-qd9kmaw880],
    .op-icon[b-qd9kmaw880],
    .acao-icon[b-qd9kmaw880],
    .alerta-icon[b-qd9kmaw880],
    .estrutura-icon[b-qd9kmaw880],
    .ok-icon[b-qd9kmaw880] {
        display:block;
        object-fit:contain;
        flex:0 0 auto;
    }

    .btn-icon[b-qd9kmaw880] {
        width:15px;
        height:15px;
    }

    .btn-secondary .btn-icon[b-qd9kmaw880] {
        width:14px;
        height:14px;
        padding:3px;
        border-radius:4px;
        background:#0759a7;
    }

    .btn-primary .btn-icon[b-qd9kmaw880] {
        width:15px;
        height:15px;
    }

    .metrica-topo b[b-qd9kmaw880] {
        padding:4px !important;
        border-color:#0b5fa9 !important;
        background:#0b5fa9 !important;
    }

    .metrica-topo .metrica-icon[b-qd9kmaw880] {
        width:16px;
        height:16px;
    }

    .op-icon[b-qd9kmaw880] {
        width:38px;
        height:38px;
        padding:9px;
        border-radius:6px;
        background:#082f59;
    }

    .acao-icon-wrap[b-qd9kmaw880] {
        width:37px;
        height:34px !important;
        display:grid !important;
        place-items:center !important;
        border-radius:6px !important;
        background:#0a5ea9 !important;
    }

    .acao-icon[b-qd9kmaw880] {
        width:19px;
        height:19px;
    }

    .acao.destaque-verde .acao-icon-wrap[b-qd9kmaw880] {
        background:#247746 !important;
    }

    .acao.destaque-amarelo .acao-icon-wrap[b-qd9kmaw880] {
        background:#9a7416 !important;
    }

    .alerta-icon-wrap[b-qd9kmaw880] {
        width:30px !important;
        height:30px !important;
        display:grid !important;
        place-items:center !important;
        padding:6px;
        border-radius:5px !important;
        background:#0b5fa9 !important;
    }

    .alerta-item.atencao .alerta-icon-wrap[b-qd9kmaw880] {
        background:#b98508 !important;
    }

    .alerta-item.critico .alerta-icon-wrap[b-qd9kmaw880] {
        background:#b93838 !important;
    }

    .alerta-item.info .alerta-icon-wrap[b-qd9kmaw880] {
        background:#0d69bd !important;
    }

    .alerta-icon[b-qd9kmaw880] {
        width:18px;
        height:18px;
    }

    .ok-box > span[b-qd9kmaw880] {
        padding:6px;
        background:#247947 !important;
    }

    .ok-icon[b-qd9kmaw880] {
        width:18px;
        height:18px;
    }

    .estrutura-grid a[b-qd9kmaw880] {
        display:flex;
        flex-direction:column;
        align-items:center;
    }

    .estrutura-icon[b-qd9kmaw880] {
        width:28px;
        height:28px;
        margin-bottom:6px;
        padding:6px;
        border-radius:7px;
        background:#082f59;
    }

    @media (max-width:760px) {
        .op-icon[b-qd9kmaw880] {
            width:40px;
            height:40px;
        }

        .acao-icon-wrap[b-qd9kmaw880] {
            width:40px;
            height:36px !important;
        }
    }