@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-3a9eb6n3wr] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: #f5f6ff; /* fundo bem claro, puxando pro roxo/azul suave */
    font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

    .page h1[b-3a9eb6n3wr],
    .page h2[b-3a9eb6n3wr],
    .page h3[b-3a9eb6n3wr],
    .page .title[b-3a9eb6n3wr] {
        font-family: "Asap", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        font-weight: 700;
    }

/* main (conteúdo) */
main[b-3a9eb6n3wr] {
    flex: 1;
    margin-top: 4.5rem; /* espaço para o topo do NavMenu no mobile */
}

/* sidebar: container do NavMenu */
.sidebar[b-3a9eb6n3wr] {
    /* roxo/azul estilo Blazor, mas mais suave */
    background-image: linear-gradient(180deg, #4F46E5 0%, #4338CA 55%, #312E81 100%);
    color: #e5e7eb;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.45);
}

/* barra de topo (login, usuário, etc.) */
.top-row[b-3a9eb6n3wr] {
    background-color: #ffffff;
    border-bottom: 1px solid #e5e7eb;
    justify-content: flex-end;
    height: 4.5rem;
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 10;
    padding: 0 1.25rem;
}

.top-row-spacer[b-3a9eb6n3wr] {
    flex: 1;
}

/* texto "Olá, fulano" */
.user-greeting[b-3a9eb6n3wr] {
    margin-right: 1rem;
    font-size: 0.95rem;
    color: #111827;
}

.logout-form[b-3a9eb6n3wr] {
    margin: 0;
}

/* ── Topbar right cluster ── */
.topbar-right[b-3a9eb6n3wr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.topbar-logout-form[b-3a9eb6n3wr] {
    margin: 0;
}

.topbar-logout-btn[b-3a9eb6n3wr] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.2rem;
    color: #4F46E5;
    padding: 0.3rem 0.5rem;
    border-radius: 0.4rem;
    transition: background 0.15s;
}

.topbar-logout-btn:hover[b-3a9eb6n3wr] {
    background: #EEF2FF;
}

/* links/botões no topo */
.top-row[b-3a9eb6n3wr]  a,
.top-row[b-3a9eb6n3wr]  .btn-link {
    white-space: nowrap;
    margin-left: 0.8rem;
    text-decoration: none;
    color: #4F46E5;
    border-radius: 999px;
    border: 1px solid #4F46E5;
    padding: 0.3rem 0.9rem;
    font-size: 0.85rem;
}

    .top-row[b-3a9eb6n3wr]  a:hover,
    .top-row[b-3a9eb6n3wr]  .btn-link:hover {
        background-color: #4F46E5;
        color: #EEF2FF;
    }

/* área de conteúdo geral */
.content[b-3a9eb6n3wr] {
    padding: 1.25rem 1.5rem 2rem;
}

    /* IMPORTANTE: remover o espaço extra quando a página usa .container/.container-fluid */
    .content > .container[b-3a9eb6n3wr],
    .content > .container-fluid[b-3a9eb6n3wr] {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
    }

/* ============================
   MOBILE (<= 640px)
   ============================ */

@media (max-width: 640.98px) {
    .top-row[b-3a9eb6n3wr] {
        display: none; /* some a barra de topo no mobile */
    }

        .top-row[b-3a9eb6n3wr]  a,
        .top-row[b-3a9eb6n3wr]  .btn-link {
            margin-left: 0;
        }

    main[b-3a9eb6n3wr] {
        margin-top: 3.5rem; /* altura do topo do NavMenu */
    }
}

/* ============================
   DESKTOP (>= 641px)
   ============================ */

@media (min-width: 641px) {
    .page[b-3a9eb6n3wr] {
        flex-direction: row;
    }

    .sidebar[b-3a9eb6n3wr] {
        position: sticky;
        top: 0;
        width: 260px;
        height: 100vh;
        z-index: 0;
    }

    main[b-3a9eb6n3wr] {
        /* AQUI É A MUDANÇA: nada de margin-left, o flex já coloca ao lado da sidebar */
        margin: 0 !important;
        overflow-x: hidden;
    }

    .top-row[b-3a9eb6n3wr] {
        display: flex;
    }

        .top-row.auth[b-3a9eb6n3wr]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .content[b-3a9eb6n3wr] {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
}

/* ============================
   BLAZOR ERROR UI (padrão)
   ============================ */

#blazor-error-ui[b-3a9eb6n3wr] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-3a9eb6n3wr] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* CHECKBOX DO BURGER: FICA ESCONDIDO */

.nav-toggle-checkbox[b-aaxxel6rat] {
    display: none;
}
/* TOPO (faixa com logo) */

.top-row[b-aaxxel6rat] {
    height: 4.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #4F46E5;
    border-bottom: 1px solid #E5E7EB;
}

.navbar-brand[b-aaxxel6rat] {
    display: flex;
    align-items: center;
    width: 100%;
    text-decoration: none;
    padding: 0.2rem 0;
    overflow: hidden;
}

.navbar-logo[b-aaxxel6rat] {
    display: block;
    max-width: 100%;
    max-height: 100%;
    height: 48px;
    width: auto;
    object-fit: contain;
}
/* BOTÃO BURGER (label que clica no checkbox) */

.navbar-toggler[b-aaxxel6rat] {
    border: none;
    padding: 0.25rem 0.75rem;
    cursor: pointer;
    background: transparent;
    color: #E0E7FF;
}

    .navbar-toggler .navbar-toggler-icon[b-aaxxel6rat] {
        width: 1.5rem;
        height: 1.5rem;
        display: inline-block;
    }

/* ==================================== CONTAINER DO MENU ==================================== */

.nav-container[b-aaxxel6rat] {
    background-color: #4338CA;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 4.5rem);
    overflow: hidden;
}

/* seletor de unidade: altura fixa no topo */
.nav-unidade-selector[b-aaxxel6rat] {
    flex-shrink: 0;
}

.nav-scrollable[b-aaxxel6rat] {
    flex: 1;
    overflow-y: auto;
    min-height: 0; /* essencial: permite que flex + overflow funcionem */
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/* scrollbar fino e discreto, combinando com a cor da sidebar */
.nav-scrollable[b-aaxxel6rat]::-webkit-scrollbar {
    width: 4px;
}

.nav-scrollable[b-aaxxel6rat]::-webkit-scrollbar-track {
    background: transparent;
}

.nav-scrollable[b-aaxxel6rat]::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
}

.nav-scrollable[b-aaxxel6rat]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.35);
}

.oi[b-aaxxel6rat] {
    width: 1.25rem;
    font-size: 1.1rem;
    vertical-align: text-top;
}

.nav-item[b-aaxxel6rat] {
    font-size: 0.95rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-aaxxel6rat] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-aaxxel6rat] {
        padding-bottom: 1rem;
    }

    .nav-item[b-aaxxel6rat]  a {
        color: #E0E7FF;
        border-radius: 0.75rem;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        padding: 0 1rem;
        text-decoration: none;
        transition: background-color 0.15s ease, color 0.15s ease, transform 0.1s ease;
    }

        .nav-item[b-aaxxel6rat]  a span:first-child {
            margin-right: 0.75rem;
        }

        .nav-item[b-aaxxel6rat]  a:hover {
            color: #F9FAFB;
            background-color: rgba(255, 255, 255, 0.14);
            transform: translateX(2px);
        }

        .nav-item[b-aaxxel6rat]  a.active {
            color: #F9FAFB;
            background-color: rgba(255, 255, 255, 0.26);
            border-left: 3px solid #A5B4FC;
        }

/* ==================================== MOBILE: BURGER ABRE / FECHA COM CSS ==================================== */

@media (max-width: 640.98px) {
    .nav-container[b-aaxxel6rat] {
        display: none;
        height: auto;
    }

    #nav-toggle:checked ~ .nav-container[b-aaxxel6rat] {
        display: flex;
    }

    .nav-scrollable[b-aaxxel6rat] {
        max-height: 70vh;
    }
}

/* ==================================== DESKTOP: MENU SEMPRE VISÍVEL ==================================== */

@media (min-width: 641px) {
    .navbar-toggler[b-aaxxel6rat] {
        display: none;
    }

    .nav-container[b-aaxxel6rat] {
        display: flex;
    }
}

/* ── Unit selector ────────────────────────────────────────────── */
.nav-unidade-selector[b-aaxxel6rat] {
    padding: 0.6rem 1rem 0.4rem;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    margin-bottom: 0.25rem;
}

.nav-unidade-label[b-aaxxel6rat] {
    display: block;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: rgba(255,255,255,0.5);
    margin-bottom: 0.25rem;
}

.nav-unidade-select[b-aaxxel6rat] {
    width: 100%;
    background-color: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 0.5rem;
    color: #E0E7FF;
    font-size: 0.82rem;
    padding: 0.3rem 0.5rem;
    cursor: pointer;
}

.nav-unidade-select:focus[b-aaxxel6rat] {
    outline: none;
    border-color: #A5B4FC;
    background-color: rgba(255,255,255,0.18);
}

.nav-unidade-select option[b-aaxxel6rat] {
    background-color: #3730A3;
    color: #F9FAFB;
}

/* ── Admin group ──────────────────────────────────────────────── */
.nav-group-header[b-aaxxel6rat] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    color: #C7D2FE;
    font-size: 0.95rem;
    height: 3rem;
    cursor: pointer;
    border-radius: 0.75rem;
    margin: 0 0 0.25rem;
    padding: 0 1rem;
    transition: background-color 0.15s ease;
    user-select: none;
}

.nav-group-header:hover[b-aaxxel6rat] {
    background-color: rgba(255,255,255,0.1);
    color: #F9FAFB;
}

.nav-group-chevron[b-aaxxel6rat] {
    margin-left: auto;
    font-size: 0.7rem;
    transition: transform 0.2s ease;
    display: inline-block;
}

.nav-group-chevron.aberto[b-aaxxel6rat] {
    transform: rotate(90deg);
}

.nav-sub-item[b-aaxxel6rat] {
    padding-left: 1.5rem !important;
}

/* Sub-items: menores, mais discretos e com linha-guia */
.nav-sub-item[b-aaxxel6rat]  a {
    font-size: 0.83rem;
    height: 2.4rem;
    line-height: 2.4rem;
    color: rgba(199, 210, 254, 0.75);
    padding-left: 1.25rem;
    border-left: 2px solid rgba(165, 180, 252, 0.25);
    border-radius: 0 0.5rem 0.5rem 0;
}

.nav-sub-item[b-aaxxel6rat]  a:hover {
    color: #F9FAFB;
    border-left-color: #A5B4FC;
    background-color: rgba(255, 255, 255, 0.1);
    transform: translateX(2px);
}

.nav-sub-item[b-aaxxel6rat]  a.active {
    color: #F9FAFB;
    background-color: rgba(255, 255, 255, 0.2);
    border-left: 3px solid #A5B4FC;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-rp9g5dgxhf],
.components-reconnect-repeated-attempt-visible[b-rp9g5dgxhf],
.components-reconnect-failed-visible[b-rp9g5dgxhf],
.components-pause-visible[b-rp9g5dgxhf],
.components-resume-failed-visible[b-rp9g5dgxhf],
.components-rejoining-animation[b-rp9g5dgxhf] {
    display: none;
}

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


#components-reconnect-modal[b-rp9g5dgxhf] {
    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-rp9g5dgxhf 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-rp9g5dgxhf {
    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/Layout/TopBarAvatar.razor.rz.scp.css */
/* ── Avatar wrapper ── */
.topbar-avatar-wrapper[b-857p52klzp] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.topbar-avatar-btn[b-857p52klzp] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.2rem;
    border-radius: 999px;
    line-height: 1;
    transition: opacity 0.15s;
}

.topbar-avatar-btn:hover[b-857p52klzp] {
    opacity: 0.85;
}

.avatar-circle[b-857p52klzp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background-color: #9F1239;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    user-select: none;
}

/* ── Overlay ── */
.topbar-overlay[b-857p52klzp] {
    position: fixed;
    inset: 0;
    z-index: 100;
    background: transparent;
}

/* ── Dropdown ── */
.topbar-dropdown[b-857p52klzp] {
    position: absolute;
    top: calc(100% + 0.4rem);
    right: 0;
    z-index: 101;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 0.6rem;
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    overflow: hidden;
}

.topbar-dropdown-header[b-857p52klzp] {
    padding: 0.6rem 1rem;
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
    font-size: 0.85rem;
    color: #374151;
}

/* ── Avatar menu ── */
.avatar-dropdown[b-857p52klzp] {
    min-width: 260px;
    width: max-content;
    max-width: 340px;
}

.avatar-menu-list[b-857p52klzp] {
    list-style: none;
    padding: 0.3rem 0;
    margin: 0;
}

.avatar-menu-item[b-857p52klzp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.55rem 1rem;
    font-size: 0.85rem;
    color: #374151;
    text-decoration: none;
    background: none;
    border: none;
    cursor: pointer;
    transition: background 0.1s;
    text-align: left;
}

.avatar-menu-item:hover[b-857p52klzp] {
    background: #EEF2FF;
    color: #4F46E5;
}

.avatar-logout-form[b-857p52klzp] {
    margin: 0;
    width: 100%;
}

.avatar-logout-btn[b-857p52klzp] {
    width: 100%;
}
/* /Components/Layout/TopBarBell.razor.rz.scp.css */
/* ── Bell wrapper ── */
.topbar-bell-wrapper[b-shennmqb32] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.topbar-icon-btn[b-shennmqb32] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.25rem;
    padding: 0.3rem 0.5rem;
    border-radius: 0.4rem;
    color: #374151;
    transition: background 0.15s;
    position: relative;
}

.topbar-icon-btn:hover[b-shennmqb32] {
    background: #EEF2FF;
}

.bell-icon[b-shennmqb32] {
    display: inline-block;
}

.bell-badge[b-shennmqb32] {
    position: absolute;
    top: 0;
    right: 0;
    background: #dc2626;
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    border-radius: 999px;
    min-width: 1.1rem;
    height: 1.1rem;
    line-height: 1.1rem;
    text-align: center;
    padding: 0 0.25rem;
}

/* ── Overlay (closes dropdown on outside click) ── */
.topbar-overlay[b-shennmqb32] {
    position: fixed;
    inset: 0;
    z-index: 100;
    background: transparent;
}

/* ── Shared dropdown styles ── */
.topbar-dropdown[b-shennmqb32] {
    position: absolute;
    top: calc(100% + 0.4rem);
    right: 0;
    z-index: 101;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 0.6rem;
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    min-width: 260px;
    overflow: hidden;
}

.topbar-dropdown-header[b-shennmqb32] {
    padding: 0.6rem 1rem;
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
    font-size: 0.85rem;
    color: #374151;
}

.topbar-dropdown-footer[b-shennmqb32] {
    padding: 0.5rem 1rem;
    border-top: 1px solid #e5e7eb;
    background: #f9fafb;
    text-align: center;
}

.topbar-dropdown-footer a[b-shennmqb32] {
    font-size: 0.82rem;
    color: #4F46E5;
    text-decoration: none;
}

.topbar-dropdown-footer a:hover[b-shennmqb32] {
    text-decoration: underline;
}

.topbar-dropdown-empty[b-shennmqb32] {
    padding: 0.8rem 1rem;
    font-size: 0.85rem;
    color: #6b7280;
    text-align: center;
}

/* ── Bell list ── */
.bell-list[b-shennmqb32] {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 280px;
    overflow-y: auto;
}

.bell-item[b-shennmqb32] {
    display: flex;
    flex-direction: column;
    padding: 0.6rem 1rem;
    cursor: pointer;
    border-bottom: 1px solid #f3f4f6;
    transition: background 0.1s;
}

.bell-item:last-child[b-shennmqb32] {
    border-bottom: none;
}

.bell-item:hover[b-shennmqb32] {
    background: #EEF2FF;
}

.bell-item-titulo[b-shennmqb32] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #111827;
}

.bell-item-data[b-shennmqb32] {
    font-size: 0.75rem;
    color: #6b7280;
    margin-top: 0.15rem;
}
/* /Components/Pages/Cupons/CuponsPorCpf.razor.rz.scp.css */
/* Container principal da tela */
.promo-page[b-0wm1y5r4w5] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: bottom;
    padding: 1.5rem;
}

/* Cartão principal */
.promo-card[b-0wm1y5r4w5] {
    max-width: 960px; /* antes 760px */
    width: 100%;
    background: #ffffff;
    border-radius: 18px;
    padding: 1.75rem 2rem 2rem 2rem;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
}

/* Cabeçalho da promoção */
.promo-header[b-0wm1y5r4w5] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 1.25rem;
}

/* Logo */
.promo-logo-img[b-0wm1y5r4w5] {
    max-width: 220px;
    height: auto;
    display: block;
}

/* Bloco de título */
.promo-title-block[b-0wm1y5r4w5] {
    flex: 1;
}

.promo-badge[b-0wm1y5r4w5] {
    display: inline-block;
    padding: 0.2rem 0.6rem;
    background-color: #E30613; /* vermelho Leleka */
    color: #ffffff;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.promo-title[b-0wm1y5r4w5] {
    margin: 0.4rem 0 0.2rem 0;
    font-size: 1.6rem;
    font-weight: 800;
    color: #E30613;
}

.promo-subtitle[b-0wm1y5r4w5] {
    margin: 0;
    font-size: 0.9rem;
    color: #444;
}

/* Diretrizes / texto do sorteio */
.promo-diretrizes[b-0wm1y5r4w5] {
    margin-top: 0.5rem;
    padding: 0.75rem 1rem;
    border-radius: 10px;
    background-color: #fff7cc;
    border-left: 4px solid #E30613;
    font-size: 0.9rem;
    color: #333;
}

/* Formulário */
.promo-form[b-0wm1y5r4w5] {
    margin-top: 1rem;
}

/* Linha CPF + botão lado a lado */
.promo-form-row[b-0wm1y5r4w5] {
    display: flex;
    gap: 1rem;
    align-items: flex-end;
    flex-wrap: nowrap;
}

.promo-input-group[b-0wm1y5r4w5] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

/* Wrapper do botão na mesma linha */
.promo-actions-inline[b-0wm1y5r4w5] {
    display: flex;
    align-items: flex-end;
    flex-shrink: 0;
}

/* Botão estilizado */
.promo-btn[b-0wm1y5r4w5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1.9rem;
    border-radius: 999px;
    border: none;
    background-color: #E30613; /* vermelho Leleka */
    color: #FFE600; /* amarelo Leleka */
    font-weight: 700;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    cursor: pointer;
    transition: background-color 0.15s ease, transform 0.1s ease, box-shadow 0.15s ease;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.18);
    white-space: nowrap;
}

    .promo-btn:hover[b-0wm1y5r4w5],
    .promo-btn:focus[b-0wm1y5r4w5] {
        background-color: #b30410;
        color: #FFE600;
        transform: translateY(-1px);
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.24);
        outline: none;
    }

    .promo-btn:disabled[b-0wm1y5r4w5] {
        opacity: 0.7;
        cursor: default;
        transform: none;
        box-shadow: none;
    }

/* Resultados / mensagens */
.promo-result[b-0wm1y5r4w5] {
    margin-top: 0.75rem;
}

.promo-result-card[b-0wm1y5r4w5] {
    border-radius: 12px;
    padding: 0.9rem 1rem;
    font-size: 0.95rem;
}

.promo-result-success[b-0wm1y5r4w5] {
    background-color: #e9f8ec;
    border-left: 4px solid #32a852;
    color: #215733;
}

.promo-result-info[b-0wm1y5r4w5] {
    background-color: #f3f4f6;
    border-left: 4px solid #9ca3af;
    color: #374151;
}

/* Rodapé */
.promo-footer[b-0wm1y5r4w5] {
    margin-top: 0.75rem;
    text-align: left;
    font-size: 0.8rem;
}

/* Responsivo */
@media (max-width: 640px) {
    .promo-card[b-0wm1y5r4w5] {
        padding: 1.25rem 1.25rem 1.5rem 1.25rem;
    }

    .promo-header[b-0wm1y5r4w5] {
        flex-direction: column;
        align-items: flex-start;
    }

    .promo-form-row[b-0wm1y5r4w5] {
        flex-direction: column;
        align-items: stretch;
    }

    .promo-actions-inline[b-0wm1y5r4w5] {
        justify-content: flex-start;
    }

    .promo-logo-img[b-0wm1y5r4w5] {
        max-width: 180px;
    }
}
/* /Components/Pages/Estoque/Recebimentos/Create.razor.rz.scp.css */
.recebimento-xml-input[b-na2rjq1g3d] {
    min-height: calc(1.5em + 0.75rem + 2px);
}

@media (max-width: 767.98px) {
    .recebimento-xml-input[b-na2rjq1g3d] {
        width: 100%;
    }
}
/* /Components/Pages/Estoque/Recebimentos/Edit.razor.rz.scp.css */
.recebimento-xml-input[b-y1gkqaqtic] {
    min-height: calc(1.5em + 0.75rem + 2px);
}

@media (max-width: 767.98px) {
    .recebimento-xml-input[b-y1gkqaqtic] {
        width: 100%;
    }
}
/* /Components/Pages/Estoque/RelatorioMovimentacao.razor.rz.scp.css */
.report-card[b-y67obygkt7] {
    border: 1px solid #dce3eb;
}

.report-header[b-y67obygkt7] {
    background: #f8fbff;
}

.linha-alerta-venda td[b-y67obygkt7] {
    background-color: #f8d7da !important;
    color: #842029;
}

@media print {
    .report-card[b-y67obygkt7] {
        border: none;
    }

    .table[b-y67obygkt7] {
        font-size: 12px;
    }

    .linha-alerta-venda td[b-y67obygkt7] {
        background-color: #f8d7da !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}
/* /Components/Pages/Financeiro/Fechamento de caixa/Fechamentodecaixa.razor.rz.scp.css */
/* ── Card headers com gradiente ─────────────────────────────── */
.card-header[b-3ilxnsvngt] {
    background: linear-gradient(90deg, #4F46E5 0%, #4338CA 100%);
    color: #F9FAFB;
    font-weight: 700;
}

.card-header .btn[b-3ilxnsvngt] {
    border-color: rgba(249, 250, 251, 0.65);
    color: #F9FAFB;
}

.card-header .btn:hover[b-3ilxnsvngt] {
    background-color: rgba(249, 250, 251, 0.14);
    color: #FFFFFF;
}

/* ── Input de valor recebido (coluna financeiro) ────────────── */
.fc-input-valor[b-3ilxnsvngt] {
    max-width: 120px;
    min-width: 90px;
}

/* ── Colunas das tabelas de lançamentos/devoluções ──────────── */
.fc-col-conta[b-3ilxnsvngt]   { width: 22%; }
.fc-col-desc[b-3ilxnsvngt]    { width: 38%; }
.fc-col-valor[b-3ilxnsvngt]   { width: 16%; }
.fc-col-action[b-3ilxnsvngt]  { width: 8%;  }

/* ── Mobile: card por forma de pagamento ───────────────────── */
@media (max-width: 767.98px) {
    .fechamento-mobile-card[b-3ilxnsvngt] {
        border-color: #e9ecef;
        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.04);
    }
}

/* ── Print ──────────────────────────────────────────────────── */
@media print {
    body *[b-3ilxnsvngt] {
        visibility: hidden;
    }

    .fechamento-print-template[b-3ilxnsvngt],
    .fechamento-print-template *[b-3ilxnsvngt] {
        visibility: visible;
    }

    .fechamento-print-template[b-3ilxnsvngt] {
        display: block !important;
        position: absolute;
        inset: 0 auto auto 0;
        width: 100%;
        padding: 0.5rem;
        color: #212529;
        background: #fff;
    }

    .fechamento-print-table[b-3ilxnsvngt] {
        width: 100%;
    }

    .no-print[b-3ilxnsvngt] {
        display: none !important;
    }

    .print-only[b-3ilxnsvngt] {
        display: block !important;
    }

    .card[b-3ilxnsvngt] {
        border: 1px solid #dee2e6 !important;
        box-shadow: none !important;
    }

    .card-header[b-3ilxnsvngt] {
        background: #f8f9fa !important;
        print-color-adjust: exact;
    }
}
/* /Components/Pages/Gerencial/DashboardCeo.razor.rz.scp.css */
.gd-page[b-1h1emw0hzj] {
    padding: 1.25rem 1.5rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background: #f4f6fb;
    min-height: 100vh;
}

.gd-header[b-1h1emw0hzj],
.gd-card[b-1h1emw0hzj] {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .07);
    padding: 1rem 1.25rem;
}

.gd-header[b-1h1emw0hzj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
}

.gd-title[b-1h1emw0hzj] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #2d3557;
    margin: 0;
}

.gd-subtitle[b-1h1emw0hzj] {
    font-size: .8rem;
    color: #6b7280;
    margin: 0;
}

.gd-btn-back[b-1h1emw0hzj] {
    align-self: flex-start;
}

.gd-btn-refresh[b-1h1emw0hzj] {
    background: #4c3fa0;
    color: #fff;
    border: none;
    font-size: .82rem;
    padding: .35rem .9rem;
    border-radius: 6px;
}

.gd-btn-refresh:hover[b-1h1emw0hzj] { background: #3a2e80; color: #fff; }
.gd-btn-refresh:disabled[b-1h1emw0hzj] { opacity: .6; }

.gd-section-title[b-1h1emw0hzj] {
    font-size: .95rem;
    font-weight: 700;
    color: #374151;
    margin: .2rem 0;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.gd-metric-card[b-1h1emw0hzj],
.gd-ranking-card[b-1h1emw0hzj] {
    border: 0;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .07);
}

.gd-metric-card .card-body small[b-1h1emw0hzj],
.gd-ranking-card .card-body small[b-1h1emw0hzj] {
    font-size: .75rem;
}

.gd-related-card[b-1h1emw0hzj] {
    border-color: #e5e7eb !important;
    background: #fbfcff;
}

.gd-details summary[b-1h1emw0hzj] {
    font-size: .82rem;
    font-weight: 700;
    color: #4b5563;
    cursor: pointer;
}

.curva-a-card:last-child[b-1h1emw0hzj] {
    margin-bottom: 0 !important;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.dashboard-page[b-dxw5vma1p9] {
    font-size: .95rem;
    color: #1f2937;
    background: #f8fafc;
    border: 1px solid #dbe4f0;
    border-radius: 16px;
    padding: 1.5rem;
}

.dashboard-header[b-dxw5vma1p9] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1rem;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
}

.subtitle[b-dxw5vma1p9] {
    color: #475569;
    margin: 0;
    font-size: 1.08rem;
}

.toolbar-actions[b-dxw5vma1p9] {
    display: flex;
    align-items: end;
    gap: .75rem;
}

.unit-filter[b-dxw5vma1p9] {
    min-width: 250px;
}

.unit-filter label[b-dxw5vma1p9] {
    display: block;
    margin-bottom: .35rem;
    color: #334155;
}

.btn-refresh[b-dxw5vma1p9] {
    min-width: 130px;
    font-weight: 600;
}

.cards-grid[b-dxw5vma1p9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.dash-card[b-dxw5vma1p9] {
    font-size: .95rem;
    background: #ffffff;
    border: 1px solid #dbe4f0;
    border-radius: 14px;
    padding: 1rem;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .06);
}

.metric-card[b-dxw5vma1p9] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: .65rem;
}

.metric-card-title[b-dxw5vma1p9] {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    color: #0f172a;
}

.speedometer-wrap[b-dxw5vma1p9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .35rem;
}

.speedometer[b-dxw5vma1p9] {
    width: 100%;
    max-width: 210px;
    overflow: visible;
}

.gauge-track[b-dxw5vma1p9] {
    fill: none;
    stroke: #dbe4f0;
    stroke-width: 10;
    stroke-linecap: round;
}

.gauge-progress[b-dxw5vma1p9] {
    fill: none;
    stroke: url(#gaugeGradient);
    stroke: #34d399;
    stroke-width: 10;
    stroke-linecap: round;
}

.gauge-reference[b-dxw5vma1p9] {
    stroke: #f59e0b;
    stroke-width: 2;
    stroke-linecap: round;
}

.gauge-needle[b-dxw5vma1p9] {
    stroke: #334155;
    stroke-width: 2.5;
    stroke-linecap: round;
}

.gauge-center[b-dxw5vma1p9] {
    fill: #334155;
}

.gauge-value[b-dxw5vma1p9] {
    fill: #0f172a;
    font-size: 12px;
    font-weight: 700;
    text-anchor: middle;
}

.metric[b-dxw5vma1p9] {
    font-size: 1.75rem;
    font-weight: 700;
    margin: .4rem 0;
    color: #0f172a;
}

.meter-legend[b-dxw5vma1p9] {
    width: 100%;
    max-width: 210px;
    display: flex;
    justify-content: space-between;
    font-size: .78rem;
    color: #475569;
}

.meter-legend-single[b-dxw5vma1p9] {
    justify-content: center;
}

.loading-box[b-dxw5vma1p9] {
    padding: 1rem;
    border-radius: 10px;
    background: #eef2f7;
    color: #334155;
}

.fidelity-card[b-dxw5vma1p9] {
    margin-top: .75rem;
    overflow-x: auto;
}

.sat-lines[b-dxw5vma1p9] {
    display: grid;
    gap: .7rem;
}

.sat-lines span[b-dxw5vma1p9] {
    display: block;
    font-size: .82rem;
    color: #64748b;
}

.fidelity-table[b-dxw5vma1p9] {
    margin-bottom: 0;
    --bs-table-bg: #ffffff;
    --bs-table-color: #1f2937;
    --bs-table-border-color: #dbe4f0;
    --bs-table-striped-bg: #f8fafc;
    --bs-table-striped-color: #1f2937;
}

.abc-wrapper[b-dxw5vma1p9] {
    margin-top: 1rem;
}

.abc-grid[b-dxw5vma1p9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.abc-column[b-dxw5vma1p9] {
    background: #f8fafc;
    border: 1px solid #dbe4f0;
    border-radius: 10px;
    padding: .65rem;
}

.abc-column h3[b-dxw5vma1p9] {
    margin: 0 0 .5rem;
    font-size: .95rem;
    color: #0f172a;
}

.ranking-curva-list[b-dxw5vma1p9] {
    display: grid;
    gap: .85rem;
}

.ranking-curva-item[b-dxw5vma1p9] {
    background: #ffffff;
    border: 1px solid #dbe4f0;
    border-radius: 10px;
    padding: .75rem;
}

.ranking-curva-main[b-dxw5vma1p9] {
    font-weight: 700;
    color: #0f172a;
    white-space: normal;
    overflow-wrap: anywhere;
}

.ranking-curva-info[b-dxw5vma1p9] {
    margin-top: .2rem;
    font-size: .8rem;
    color: #475569;
    white-space: normal;
    overflow-wrap: anywhere;
}

.ranking-curva-related-list[b-dxw5vma1p9] {
    margin: .55rem 0 0;
    padding-left: 1.2rem;
    border-top: 1px solid #eef2f7;
    padding-top: .55rem;
}

.ranking-curva-related-list li + li[b-dxw5vma1p9] {
    margin-top: .35rem;
    padding-top: .35rem;
    border-top: 1px solid #f1f5f9;
}

.ranking-curva-related[b-dxw5vma1p9] {
    font-weight: 600;
    color: #1e293b;
    white-space: normal;
    overflow-wrap: anywhere;
}

@media (max-width: 1100px) {
    .abc-grid[b-dxw5vma1p9] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .dashboard-page[b-dxw5vma1p9] {
        padding: 1rem;
    }

    .toolbar-actions[b-dxw5vma1p9] {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
    }

    .unit-filter[b-dxw5vma1p9] {
        min-width: 100%;
    }

    .btn-refresh[b-dxw5vma1p9] {
        width: 100%;
        min-width: 0;
    }

    .abc-column[b-dxw5vma1p9] {
        overflow-x: auto;
    }
}
/* /Components/Pages/PedidosPages/Index.Razor.rz.scp.css */
/* Página de pedidos ocupa bem o espaço vertical */
.pedidos-page[b-47d4hgk0ce] {
    min-height: calc(100vh - 80px); /* ajuste se seu layout tiver outro header */
}

/* Wrapper do grid: scroll horizontal e vertical se precisar */
.pedidos-grid-wrapper[b-47d4hgk0ce] {
    width: 100%;
    max-height: calc(100vh - 220px); /* altura máxima p/ não estourar a tela */
    overflow-x: auto;
    overflow-y: auto;
}

.pedidos-grid-wrapper thead th[b-47d4hgk0ce] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #fff;
}

.status-filtro-scroll[b-47d4hgk0ce] {
    max-height: 190px;
    overflow-y: auto;
}

.status-dropdown[b-47d4hgk0ce] {
    position: relative;
}

.status-dropdown-summary[b-47d4hgk0ce] {
    list-style: none;
}

.status-dropdown-summary[b-47d4hgk0ce]::-webkit-details-marker {
    display: none;
}

.status-dropdown-menu[b-47d4hgk0ce] {
    position: absolute;
    width: 100%;
    z-index: 1000;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    margin-top: 0.25rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.status-badge[b-47d4hgk0ce] {
    background: #f1f3f5;
    color: #212529;
    font-weight: 500;
}

.pedidos-loading-overlay[b-47d4hgk0ce] {
    position: fixed;
    inset: 0;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(1px);
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.pedidos-loading-card[b-47d4hgk0ce] {
    background: #fff;
    border-radius: 0.5rem;
    border: 1px solid #e9ecef;
    padding: 1rem 1.25rem;
    text-align: center;
    min-width: 240px;
}

@media (max-width: 768px) {
    .pedidos-page[b-47d4hgk0ce] {
        min-height: auto;
    }

    .pedidos-grid-wrapper[b-47d4hgk0ce] {
        max-height: none;
    }

    .pedidos-grid-wrapper table[b-47d4hgk0ce] {
        font-size: 0.875rem;
    }

    .pedidos-grid-wrapper th[b-47d4hgk0ce],
    .pedidos-grid-wrapper td[b-47d4hgk0ce] {
        white-space: nowrap;
        padding: 0.45rem 0.5rem;
    }

    .pedidos-grid-wrapper .btn-group[b-47d4hgk0ce] {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        min-width: 96px;
    }

    .pedidos-grid-wrapper .btn-group > .btn[b-47d4hgk0ce] {
        width: 100%;
    }
}
/* /Components/Pages/Vendas/Cashbacks.razor.rz.scp.css */
/* Cashbacks Gerados — scoped styles */

.vcb-page[b-tw1hwdrjim] {
    padding: 1.25rem 1.5rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    background: #f4f6fb;
    min-height: 100vh;
}

.vcb-header[b-tw1hwdrjim] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    background: #fff;
    border-radius: 10px;
    padding: 1rem 1.25rem;
    box-shadow: 0 1px 4px rgba(0,0,0,.07);
}

.vcb-title[b-tw1hwdrjim] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #2d3557;
    margin: 0;
}

.vcb-subtitle[b-tw1hwdrjim] {
    font-size: .8rem;
    color: #6b7280;
    margin: 0;
}

.vcb-toolbar[b-tw1hwdrjim] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    align-items: flex-end;
}

.vcb-filter-group[b-tw1hwdrjim] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.vcb-filter-group label[b-tw1hwdrjim] {
    font-size: .72rem;
    color: #6b7280;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.vcb-filter-check[b-tw1hwdrjim] {
    justify-content: flex-end;
    padding-bottom: .15rem;
}

.vcb-card[b-tw1hwdrjim] {
    background: #fff;
    border-radius: 10px;
    padding: 1rem 1.25rem;
    box-shadow: 0 1px 4px rgba(0,0,0,.07);
}

.vcb-filters .vcb-filter-row[b-tw1hwdrjim] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: flex-end;
}

.vcb-filters .vcb-filter-group[b-tw1hwdrjim] {
    min-width: 180px;
}

.vcb-resumo[b-tw1hwdrjim] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
    font-size: .85rem;
    color: #374151;
    padding: .5rem .75rem;
    background: #f0f4ff;
    border-radius: 8px;
}

.vcb-resumo-sep[b-tw1hwdrjim] {
    color: #d1d5db;
}

.vcb-table th[b-tw1hwdrjim] {
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #6b7280;
    border-bottom: 2px solid #e5e7eb;
    white-space: nowrap;
}

.vcb-table td[b-tw1hwdrjim] {
    font-size: .85rem;
    vertical-align: middle;
}

.vcb-col-data[b-tw1hwdrjim] {
    white-space: nowrap;
    color: #6b7280;
    font-size: .8rem;
}

.vcb-col-cupom[b-tw1hwdrjim] {
    font-family: monospace;
    color: #6b7280;
    font-size: .8rem;
}

.vcb-valor[b-tw1hwdrjim] {
    font-variant-numeric: tabular-nums;
}

.vcb-badge-ident[b-tw1hwdrjim] {
    color: #22c55e;
    margin-right: .35rem;
    font-size: .6rem;
}

.vcb-badge-cons[b-tw1hwdrjim] {
    color: #d1d5db;
    margin-right: .35rem;
    font-size: .6rem;
}

.vcb-loading[b-tw1hwdrjim] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 1.5rem;
    color: #6b7280;
    font-size: .9rem;
}

.vcb-paginacao[b-tw1hwdrjim] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    padding-top: .75rem;
    border-top: 1px solid #f3f4f6;
    flex-wrap: wrap;
    gap: .5rem;
}
/* /Components/Pages/Vendas/Dashboard.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   Dashboard de Vendas & Cashback — scoped styles
   ═══════════════════════════════════════════════════════════════ */

/* ── Layout geral ─────────────────────────────────────────────── */
.vd-page[b-5nxslro7jp] {
    padding: 1.25rem 1.5rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    background: #f4f6fb;
    min-height: 100vh;
}

/* ── Cabeçalho ────────────────────────────────────────────────── */
.vd-header[b-5nxslro7jp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    background: #fff;
    border-radius: 10px;
    padding: 1rem 1.25rem;
    box-shadow: 0 1px 4px rgba(0,0,0,.07);
}

.vd-title[b-5nxslro7jp] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #2d3557;
    margin: 0;
}

.vd-subtitle[b-5nxslro7jp] {
    font-size: .8rem;
    color: #6b7280;
    margin: 0;
}

/* ── Toolbar ──────────────────────────────────────────────────── */
.vd-toolbar[b-5nxslro7jp] {
    display: flex;
    align-items: flex-end;
    gap: .65rem;
    flex-wrap: wrap;
}

.vd-filter-group[b-5nxslro7jp] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.vd-filter-group label[b-5nxslro7jp] {
    font-size: .72rem;
    color: #6b7280;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.vd-btn-refresh[b-5nxslro7jp] {
    align-self: flex-end;
    background: #4c3fa0;
    color: #fff;
    border: none;
    font-size: .82rem;
    padding: .35rem .9rem;
    border-radius: 6px;
}
.vd-btn-refresh:hover[b-5nxslro7jp] { background: #3a2e80; color: #fff; }
.vd-btn-refresh:disabled[b-5nxslro7jp] { opacity: .6; }

/* ── Loading ──────────────────────────────────────────────────── */
.vd-loading[b-5nxslro7jp] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 2rem;
    color: #6b7280;
    font-size: .9rem;
}

/* ── Card base ────────────────────────────────────────────────── */
.vd-card[b-5nxslro7jp] {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(0,0,0,.07);
    padding: 1.1rem 1.25rem;
}

/* ── Grade de KPIs ────────────────────────────────────────────── */
.vd-kpi-grid[b-5nxslro7jp] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

@media (max-width: 1200px) {
    .vd-kpi-grid[b-5nxslro7jp] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
    .vd-kpi-grid[b-5nxslro7jp] { grid-template-columns: 1fr; }
}

/* ── KPI card ─────────────────────────────────────────────────── */
.vd-kpi[b-5nxslro7jp] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    padding: 1rem 1.1rem;
}

.vd-kpi-header[b-5nxslro7jp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vd-kpi-label[b-5nxslro7jp] {
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #6b7280;
    letter-spacing: .04em;
}

.vd-kpi-icon[b-5nxslro7jp] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 700;
}

.vd-icon-cyan[b-5nxslro7jp]   { background: rgba(6,182,212,.12); color: #06b6d4; }
.vd-icon-purple[b-5nxslro7jp] { background: rgba(168,85,247,.12); color: #a855f7; }
.vd-icon-green[b-5nxslro7jp]  { background: rgba(34,197,94,.12); color: #22c55e; }
.vd-icon-orange[b-5nxslro7jp] { background: rgba(245,158,11,.12); color: #f59e0b; }
.vd-icon-indigo[b-5nxslro7jp] { background: rgba(99,102,241,.12); color: #6366f1; }
.vd-icon-pink[b-5nxslro7jp]   { background: rgba(244,114,182,.12); color: #f472b6; }

.vd-kpi-value[b-5nxslro7jp] {
    font-size: 1.4rem;
    font-weight: 800;
    color: #1e2640;
    line-height: 1.1;
}

.vd-kpi-value--big[b-5nxslro7jp] {
    font-size: 1.7rem;
}

.vd-kpi-sub[b-5nxslro7jp] {
    font-size: .75rem;
    color: #9ca3af;
}

.vd-kpi-badge[b-5nxslro7jp] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: .72rem;
    font-weight: 700;
    width: fit-content;
    margin-top: 2px;
}

.vd-badge-purple[b-5nxslro7jp] { background: rgba(168,85,247,.12); color: #7c3aed; }
.vd-badge-green[b-5nxslro7jp]  { background: rgba(34,197,94,.12);  color: #16a34a; }
.vd-badge-orange[b-5nxslro7jp] { background: rgba(245,158,11,.12); color: #d97706; }
.vd-badge-cyan[b-5nxslro7jp]   { background: rgba(6,182,212,.12);  color: #0891b2; }

/* ── Seção de gráfico ─────────────────────────────────────────── */
.vd-chart-section[b-5nxslro7jp] {
    padding: 1.1rem 1.25rem 1.25rem;
}

.vd-chart-header[b-5nxslro7jp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .75rem;
    flex-wrap: wrap;
    gap: .5rem;
}

.vd-chart-title[b-5nxslro7jp] {
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #374151;
    letter-spacing: .04em;
    margin: 0;
    display: flex;
    align-items: center;
    gap: .4rem;
}

.vd-icon-sm[b-5nxslro7jp] {
    color: #6366f1;
    font-size: .9rem;
}

/* ── Controles de gráfico (agrupamento + tipo) ────────────────── */
.vd-chart-controls[b-5nxslro7jp] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    align-items: center;
}

/* ── Toggle dia/mês ───────────────────────────────────────────── */
.vd-toggle[b-5nxslro7jp] {
    display: flex;
    background: #f3f4f6;
    border-radius: 8px;
    padding: 2px;
    gap: 2px;
}

.vd-toggle button[b-5nxslro7jp] {
    background: transparent;
    border: none;
    padding: 4px 14px;
    border-radius: 6px;
    font-size: .78rem;
    font-weight: 600;
    color: #6b7280;
    cursor: pointer;
    transition: all .15s;
}

.vd-toggle button.active[b-5nxslro7jp] {
    background: #4c3fa0;
    color: #fff;
    box-shadow: 0 1px 3px rgba(76,63,160,.3);
}

/* ── Canvas / wraps ───────────────────────────────────────────── */
.vd-chart-wrap[b-5nxslro7jp] {
    position: relative;
    height: 280px;
}

.vd-donut-wrap[b-5nxslro7jp] {
    position: relative;
    height: 240px;
    margin-top: .75rem;
}

.vd-bar-wrap[b-5nxslro7jp] {
    position: relative;
    height: 340px;
    margin-top: .5rem;
}

/* ── Dois colunas ─────────────────────────────────────────────── */
.vd-two-cols[b-5nxslro7jp] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1rem;
    min-width: 0;
}

.vd-two-cols > *[b-5nxslro7jp] { min-width: 0; }

@media (max-width: 900px) {
    .vd-two-cols[b-5nxslro7jp] { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
    .vd-page[b-5nxslro7jp] { padding: .75rem .5rem 1.5rem; }
    .vd-card[b-5nxslro7jp] { padding: .85rem .85rem; }
    .vd-chart-wrap[b-5nxslro7jp] { height: 220px; }
    .vd-bar-wrap[b-5nxslro7jp] { height: 220px; }
    .vd-chart-header[b-5nxslro7jp] { flex-direction: column; align-items: flex-start; }
    .vd-chart-controls[b-5nxslro7jp] { flex-wrap: wrap; }
}

/* ── Heatmap ──────────────────────────────────────────────────── */
.vd-heatmap-wrap[b-5nxslro7jp] {
    overflow-x: auto;
    margin-top: .75rem;
}

.vd-heatmap[b-5nxslro7jp] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 520px;
}

.vd-hm-row[b-5nxslro7jp] {
    display: flex;
    align-items: center;
    gap: 3px;
}

.vd-hm-label[b-5nxslro7jp] {
    width: 68px;
    font-size: .72rem;
    font-weight: 600;
    color: #374151;
    text-align: right;
    padding-right: 6px;
    flex-shrink: 0;
}

.vd-hm-cell[b-5nxslro7jp] {
    flex: 1;
    height: 28px;
    border-radius: 4px;
    background: #f3f4f6;
    transition: opacity .1s;
    min-width: 36px;
    cursor: default;
}

.vd-hm-cell:hover[b-5nxslro7jp] {
    outline: 1px solid #6366f1;
}

.vd-hm-header .vd-hm-cell[b-5nxslro7jp] {
    background: transparent;
    height: auto;
    font-size: .65rem;
    font-weight: 600;
    color: #6b7280;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vd-hm-th[b-5nxslro7jp] {
    writing-mode: horizontal-tb;
    font-size: .62rem;
}

/* ── Comparativo identificado vs consumidor ───────────────────── */
.vd-comparativo-grid[b-5nxslro7jp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-top: .75rem;
}

@media (max-width: 600px) {
    .vd-comparativo-grid[b-5nxslro7jp] { grid-template-columns: 1fr; }
}

.vd-comp-card[b-5nxslro7jp] {
    border-radius: 8px;
    padding: 1rem 1.1rem;
}

.vd-comp-ident[b-5nxslro7jp] { background: rgba(99,102,241,.07); border-left: 3px solid #6366f1; }
.vd-comp-cons[b-5nxslro7jp]  { background: rgba(245,158,11,.07); border-left: 3px solid #f59e0b; }

.vd-comp-label[b-5nxslro7jp] {
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #6b7280;
    letter-spacing: .04em;
    margin-bottom: .3rem;
}

.vd-comp-val[b-5nxslro7jp] {
    font-size: 1.35rem;
    font-weight: 800;
    color: #1e2640;
}

.vd-comp-sub[b-5nxslro7jp] {
    font-size: .75rem;
    color: #9ca3af;
    margin-top: .2rem;
}
/* /Components/Pages/Vendas/NummusImportacao.razor.rz.scp.css */
.nim-page[b-zi8gso3s7q] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 1.5rem;
}

.nim-header[b-zi8gso3s7q] {
    margin-bottom: 1.5rem;
}

.nim-title[b-zi8gso3s7q] {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
}

.nim-subtitle[b-zi8gso3s7q] {
    color: #6c757d;
    font-size: 0.95rem;
    margin: 0;
}

.nim-card[b-zi8gso3s7q] {
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1.25rem;
}

.nim-section-title[b-zi8gso3s7q] {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #343a40;
}

/* Upload area */
.nim-upload-area[b-zi8gso3s7q] {
    position: relative;
    border: 2px dashed #ced4da;
    border-radius: 8px;
    padding: 3rem 2rem;
    text-align: center;
    transition: border-color 0.2s, background 0.2s;
    cursor: pointer;
}

.nim-upload-area:hover[b-zi8gso3s7q],
.nim-upload-drag[b-zi8gso3s7q] {
    border-color: #0d6efd;
    background: #f0f5ff;
}

.nim-upload-icon[b-zi8gso3s7q] {
    font-size: 2.5rem;
    color: #adb5bd;
    display: block;
    margin-bottom: 0.75rem;
}

.nim-upload-text[b-zi8gso3s7q] {
    color: #6c757d;
    margin-bottom: 0;
}

.nim-upload-input[b-zi8gso3s7q] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

/* KPI row */
.nim-kpi-row[b-zi8gso3s7q] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.nim-kpi[b-zi8gso3s7q] {
    flex: 1 1 140px;
    background: #f8f9fa;
    border-radius: 6px;
    padding: 0.75rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.nim-kpi-value[b-zi8gso3s7q] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #212529;
}

.nim-kpi-label[b-zi8gso3s7q] {
    font-size: 0.75rem;
    color: #6c757d;
}

.nim-kpi-green .nim-kpi-value[b-zi8gso3s7q] { color: #198754; }
.nim-kpi-orange .nim-kpi-value[b-zi8gso3s7q] { color: #fd7e14; }
.nim-kpi-blue .nim-kpi-value[b-zi8gso3s7q] { color: #0d6efd; }
.nim-kpi-red .nim-kpi-value[b-zi8gso3s7q] { color: #dc3545; }

.nim-info-row[b-zi8gso3s7q] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.nim-info-item[b-zi8gso3s7q] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.9rem;
    color: #495057;
}

/* Table */
.nim-table-wrapper[b-zi8gso3s7q] {
    overflow-x: auto;
    max-height: 400px;
    overflow-y: auto;
}

.nim-table[b-zi8gso3s7q] {
    font-size: 0.85rem;
}

.nim-table th[b-zi8gso3s7q] {
    position: sticky;
    top: 0;
    background: #f8f9fa;
    z-index: 1;
}

/* Script area */
.nim-script-area[b-zi8gso3s7q] {
    width: 100%;
    height: 320px;
    font-family: 'Courier New', Courier, monospace;
    font-size: 0.78rem;
    background: #1e1e1e;
    color: #d4d4d4;
    border: none;
    border-radius: 6px;
    padding: 1rem;
    resize: vertical;
}

/* Summary */
.nim-summary[b-zi8gso3s7q] {
    background: #f8fffe;
    border-color: #0dcaf0;
}
/* /Components/Pages/Vendas/Performance.razor.rz.scp.css */
/* Performance de Clientes — scoped styles */

.pf-page[b-ms351fmwzq] {
    padding: 1.25rem 1.5rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    background: #f4f6fb;
    min-height: 100vh;
}

.pf-header[b-ms351fmwzq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    background: #fff;
    border-radius: 10px;
    padding: 1rem 1.25rem;
    box-shadow: 0 1px 4px rgba(0,0,0,.07);
}

.pf-title[b-ms351fmwzq]   { font-size: 1.15rem; font-weight: 700; color: #2d3557; margin: 0; }
.pf-subtitle[b-ms351fmwzq] { font-size: .8rem; color: #6b7280; margin: 0; }

.pf-toolbar[b-ms351fmwzq] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    align-items: flex-end;
}

.pf-filter-group[b-ms351fmwzq] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.pf-filter-group label[b-ms351fmwzq] {
    font-size: .72rem;
    color: #6b7280;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.pf-input-dias[b-ms351fmwzq] { width: 90px; }

/* ── KPI Cards ────────────────────────────────────────────────────────── */
.pf-kpi-grid[b-ms351fmwzq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.pf-card[b-ms351fmwzq] {
    background: #fff;
    border-radius: 10px;
    padding: 1rem 1.25rem;
    box-shadow: 0 1px 4px rgba(0,0,0,.07);
}

.pf-kpi-header[b-ms351fmwzq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .4rem;
}

.pf-kpi-label[b-ms351fmwzq] {
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #6b7280;
}

.pf-kpi-icon[b-ms351fmwzq] { font-size: 1.1rem; }
.pf-icon-green[b-ms351fmwzq]  { color: #22c55e; }
.pf-icon-purple[b-ms351fmwzq] { color: #a855f7; }
.pf-icon-cyan[b-ms351fmwzq]   { color: #06b6d4; }
.pf-icon-orange[b-ms351fmwzq] { color: #f59e0b; }

.pf-kpi-value[b-ms351fmwzq] {
    font-size: 1.65rem;
    font-weight: 800;
    color: #111827;
    line-height: 1.2;
}

.pf-kpi-sub[b-ms351fmwzq] {
    font-size: .75rem;
    color: #9ca3af;
    margin-top: .2rem;
}

/* ── Charts ───────────────────────────────────────────────────────────── */
.pf-chart-section[b-ms351fmwzq] { }

.pf-chart-header[b-ms351fmwzq] {
    margin-bottom: .75rem;
}

.pf-chart-title[b-ms351fmwzq] {
    font-size: .9rem;
    font-weight: 700;
    color: #2d3557;
    margin: 0;
}

.pf-chart-sub[b-ms351fmwzq] {
    font-size: .75rem;
    color: #9ca3af;
}

.pf-chart-wrap[b-ms351fmwzq]    { height: 280px; position: relative; }
.pf-chart-wrap-sm[b-ms351fmwzq] { height: 200px; position: relative; }

.pf-charts-row[b-ms351fmwzq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

@media (max-width: 768px) {
    .pf-charts-row[b-ms351fmwzq] { grid-template-columns: 1fr; }
}

/* ── Pódio ────────────────────────────────────────────────────────────── */
.pf-podio[b-ms351fmwzq] {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 1.5rem;
    padding: 1.5rem 1rem 0;
}

.pf-podio-item[b-ms351fmwzq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .3rem;
}

.pf-podio-coroa[b-ms351fmwzq] { font-size: 1.4rem; }

.pf-podio-avatar[b-ms351fmwzq] {
    width: 56px; height: 56px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: .9rem; color: #fff;
}

.pf-av-gold[b-ms351fmwzq]   { background: linear-gradient(135deg, #f59e0b, #d97706); }
.pf-av-silver[b-ms351fmwzq] { background: linear-gradient(135deg, #94a3b8, #64748b); }
.pf-av-bronze[b-ms351fmwzq] { background: linear-gradient(135deg, #b45309, #92400e); }

.pf-podio-nome[b-ms351fmwzq] {
    font-size: .78rem;
    font-weight: 700;
    color: #374151;
    text-align: center;
    max-width: 90px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pf-podio-compras[b-ms351fmwzq] {
    font-size: .7rem;
    color: #9ca3af;
}

.pf-podio-base[b-ms351fmwzq] {
    width: 72px;
    border-radius: 6px 6px 0 0;
    display: flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: .75rem; color: #fff;
    padding: .5rem;
}

.pf-podio-base-1[b-ms351fmwzq] { background: #f59e0b; height: 60px; }
.pf-podio-base-2[b-ms351fmwzq] { background: #94a3b8; height: 44px; }
.pf-podio-base-3[b-ms351fmwzq] { background: #b45309; height: 32px; }

/* ── Tabela top clientes ──────────────────────────────────────────────── */
.pf-table th[b-ms351fmwzq] {
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #6b7280;
    border-bottom: 2px solid #e5e7eb;
}

.pf-table td[b-ms351fmwzq] { font-size: .85rem; vertical-align: middle; }

.pf-col-pos[b-ms351fmwzq] { color: #9ca3af; width: 36px; }

.pf-mini-avatar[b-ms351fmwzq] {
    display: inline-flex;
    width: 26px; height: 26px;
    border-radius: 50%;
    background: #6366f1;
    color: #fff;
    font-size: .65rem;
    font-weight: 700;
    align-items: center;
    justify-content: center;
    margin-right: .4rem;
    vertical-align: middle;
}

.pf-loading[b-ms351fmwzq] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 2rem;
    color: #6b7280;
}
/* /Components/Pages/Vendas/Resgates.razor.rz.scp.css */
/* Resgates Utilizados — scoped styles */

.rsg-page[b-l08gdojnft] {
    padding: 1.25rem 1.5rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    background: #f4f6fb;
    min-height: 100vh;
}

.rsg-header[b-l08gdojnft] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    background: #fff;
    border-radius: 10px;
    padding: 1rem 1.25rem;
    box-shadow: 0 1px 4px rgba(0,0,0,.07);
}

.rsg-title[b-l08gdojnft]   { font-size: 1.15rem; font-weight: 700; color: #2d3557; margin: 0; }
.rsg-subtitle[b-l08gdojnft] { font-size: .8rem; color: #6b7280; margin: 0; }

.rsg-toolbar[b-l08gdojnft] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    align-items: flex-end;
}

.rsg-filter-group[b-l08gdojnft] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.rsg-filter-group label[b-l08gdojnft] {
    font-size: .72rem;
    color: #6b7280;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.rsg-card[b-l08gdojnft] {
    background: #fff;
    border-radius: 10px;
    padding: 1rem 1.25rem;
    box-shadow: 0 1px 4px rgba(0,0,0,.07);
}

.rsg-filters .rsg-filter-row[b-l08gdojnft] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: flex-end;
}

.rsg-filters .rsg-filter-group[b-l08gdojnft] { min-width: 180px; }

.rsg-resumo[b-l08gdojnft] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
    font-size: .85rem;
    color: #374151;
    padding: .5rem .75rem;
    background: #f5f0ff;
    border-radius: 8px;
}

.rsg-resumo-sep[b-l08gdojnft] { color: #d1d5db; }

.text-purple[b-l08gdojnft] { color: #a855f7; }

.rsg-table th[b-l08gdojnft] {
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #6b7280;
    border-bottom: 2px solid #e5e7eb;
    white-space: nowrap;
}

.rsg-table td[b-l08gdojnft] { font-size: .85rem; vertical-align: middle; }

.rsg-col-data[b-l08gdojnft]  { white-space: nowrap; color: #6b7280; font-size: .8rem; }
.rsg-col-cupom[b-l08gdojnft] { font-family: monospace; color: #6b7280; font-size: .8rem; }
.rsg-valor[b-l08gdojnft]     { font-variant-numeric: tabular-nums; }

.rsg-badge-ident[b-l08gdojnft] { color: #a855f7; margin-right: .35rem; font-size: .6rem; }
.rsg-badge-cons[b-l08gdojnft]  { color: #d1d5db; margin-right: .35rem; font-size: .6rem; }

.rsg-loading[b-l08gdojnft] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 1.5rem;
    color: #6b7280;
    font-size: .9rem;
}

.rsg-paginacao[b-l08gdojnft] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    padding-top: .75rem;
    border-top: 1px solid #f3f4f6;
    flex-wrap: wrap;
    gap: .5rem;
}