/* /Components/Account/Pages/Login.razor.rz.scp.css */
.tela-login-wrapper[b-f4lvl79llt] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('images/fundo-login.jpg');
    background-size: cover;
    background-position: center;
    background-color: #f4f5f7;
    background-repeat: no-repeat;
    z-index: 9999; /* Garante que cubra tudo do layout pai */
}

.login-card[b-f4lvl79llt] {
    /* Fundo branco 95% opaco com efeito de desfoque estilo "vidro" */
    background-color: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    padding: 3rem 2.5rem;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-top: 5px solid #0a58ca; /* Detalhe azul no topo */
    width: 100%;
    max-width: 420px;
    display: flex;
    flex-direction: column;
}

/* Estilização da Logo Textual */
.login-logo[b-f4lvl79llt] {
    font-size: 2.2rem;
    font-weight: 800;
    color: #0a58ca;
    text-align: center;
    letter-spacing: -1.5px;
    margin-bottom: 0.2rem;
}

/* Subtítulo amigável */
.login-subtitle[b-f4lvl79llt] {
    text-align: center;
    color: #6C757D;
    font-size: 0.9rem;
    margin-bottom: 2rem;
}

/* Personalização do botão nativo do DevExpress */
[b-f4lvl79llt] .btn-login {
    background-color: #0a58ca !important;
    border-color: #0a58ca !important;
    font-weight: 600;
    font-size: 1rem;
    padding: 0.6rem;
    border-radius: 8px;
    transition: all 0.2s ease-in-out;
}

[b-f4lvl79llt] .btn-login:hover {
    background-color: #084298 !important;
    box-shadow: 0 6px 16px rgba(10, 88, 202, 0.25);
    transform: translateY(-2px); /* Efeito sutil de elevação ao passar o mouse */
}

/* Ajuste para o sumário de erros ficar mais integrado */
[b-f4lvl79llt] .validation-summary-errors {
    background-color: #FEF2F2;
    border-left: 3px solid #DC3545;
    padding: 10px;
    border-radius: 6px;
    font-size: 0.85rem;
}
/* /Components/ComponentesProntos/ChatMensagens.razor.rz.scp.css */


.chat-history-container[b-oqlmunbhph] {
    flex-grow: 1; /* Faz o container esticar e ocupar todo o espaço vazio disponível */
    overflow-y: auto;
    background-color: #e9e7e9;
    border: 1px solid #DDE2E5;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 10px;
}

.message-wrapper[b-oqlmunbhph] {
    display: flex;
    width: 100%;
}

/* Alinha minhas mensagens na direita */
.message-mine[b-oqlmunbhph] {
    justify-content: flex-end;
    margin-bottom: 5px;
}

/* Alinha mensagens dos outros na esquerda */
.message-theirs[b-oqlmunbhph] {
    justify-content: flex-start;
    margin-bottom: 5px;
}

.message-bubble[b-oqlmunbhph] {
    max-width: 55%; /* Impede que o balão ocupe a tela toda */
    padding: 10px 14px;
    border-radius: 12px;
    position: relative;
}

/* Estilo das mensagens RECEBIDAS (Esquerda) */
.message-theirs .message-bubble[b-oqlmunbhph] {
    background-color: #FFFFFF;
    border: 1px solid #E9ECEF;
    border-top-left-radius: 2px; /* Bico do balão apontando pra esquerda */
}

/* Estilo das mensagens ENVIADAS (Direita) */
.message-mine .message-bubble[b-oqlmunbhph] {
    background-color: #E7F1FF;
    border: 1px solid #CCE5FF;
    border-top-right-radius: 2px; /* Bico do balão apontando pra direita */
}

/* Informações de quem enviou e hora */
.message-info[b-oqlmunbhph] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
    margin-bottom: 6px;
    font-size: 0.75rem;
}

.message-sender[b-oqlmunbhph] {
    font-weight: 700;
    color: #495057;
}

.message-mine .message-sender[b-oqlmunbhph] {
    color: #084298; /* Destaca o nome 'Você' em azul */
}

.message-time[b-oqlmunbhph] {
    color: #6C757D;
    font-size: 0.70rem;
}

/* Corpo do texto (Garante que textos grandes não quebrem o balão) */
.message-content[b-oqlmunbhph] {
    font-size: 0.9rem;
    color: #212529;
    word-break: break-word;
}

.btn-reply-msg[b-oqlmunbhph] {
    text-decoration: none;
    opacity: 0.5;
    transition: opacity 0.2s;
}

.btn-reply-msg:hover[b-oqlmunbhph] {
    opacity: 1;
    color: #0d6efd !important;
}

/* O balão interno que mostra a mensagem original dentro da resposta */
.replied-message-box[b-oqlmunbhph] {
    border-radius: 4px;
    padding: 6px 10px;
    margin-bottom: 8px;
    cursor: default;
}

/* Cor: Respondendo ao destinatário (Azul) */
.replied-message-box-theirs[b-oqlmunbhph] {
    background-color: rgba(13, 110, 253, 0.05);
    border-left: 3px solid #0d6efd;
}

/* Cor: Respondendo a si mesmo (Preto/Cinza Claro) */
.replied-message-box-mine[b-oqlmunbhph] {
    background-color: rgba(33, 37, 41, 0.05);
    border-left: 3px solid #212529;
}

/* A barra flutuante em cima do editor de texto */
.reply-preview-bar[b-oqlmunbhph] {
    background-color: #f8f9fa;
    border-radius: 6px 6px 0 0;
    padding: 8px 12px;
    margin-bottom: -1px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #DDE2E5;
    border-right: 1px solid #DDE2E5;
    z-index: 10;
}

/* Cor: Preview destinatário (Azul) */
.reply-preview-bar-theirs[b-oqlmunbhph] {
    border-left: 4px solid #0d6efd;
}

/* Cor: Preview de si mesmo (Preto) */
.reply-preview-bar-mine[b-oqlmunbhph] {
    border-left: 4px solid #212529;
}

.reply-preview-content[b-oqlmunbhph] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    margin-right: 15px;
    width: 100%;
}

/* Garante que imagens coladas no HtmlEditor não vazem do balão de chat */
[b-oqlmunbhph] .message-content img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin-top: 8px;
    border: 1px solid #DDE2E5;
}

/* Remove margem do último parágrafo gerado pelo editor HTML para não sobrar espaço morto em baixo */
[b-oqlmunbhph] .message-content p:last-child {
    margin-bottom: 0;
}


/*CHAT*/
/* 2. Controla o crescimento da caixa de texto interna (Onde você digita) */
[b-oqlmunbhph] .editor-chat-monitor [contenteditable="true"],
[b-oqlmunbhph] .editor-chat-monitor .ql-editor {
    min-height: 48px !important; /* Altura inicial (o suficiente para 1 linha com respiro) */
    max-height: 160px !important; /* Limite de crescimento (cerca de 5 a 6 linhas) */
    overflow-y: auto !important; /* Só exibe a barra de rolagem quando passar dos 160px */
}

/* Opcional: Esconde a barra de rolagem horizontal se o texto for muito longo sem espaços */
[b-oqlmunbhph] .editor-chat-monitor [contenteditable="true"] {
    overflow-x: hidden;
}

/* Remove a altura fixa do contêiner principal do componente */
[b-oqlmunbhph] .editor-descricao-dinamica {
    height: auto !important;
}

[b-oqlmunbhph] .btn-enviar-chat {
    height: 48px; /* Altura padrão para garantir que ele não fique "magrelo" ou gigante */
    font-weight: 600;
}

/* Controla a área interna onde o texto realmente fica renderizado */
[b-oqlmunbhph] .editor-descricao-dinamica [contenteditable="true"],
[b-oqlmunbhph] .editor-descricao-dinamica .ql-editor {
    min-height: 120px !important; /* Altura mínima (dá respiro se tiver pouco texto) */
    max-height: 60vh !important; /* Limite máximo antes de gerar barra de rolagem interna */
    height: auto !important;
    overflow-y: auto !important;
}

.highlight-msg .message-bubble[b-oqlmunbhph] {
    animation: pulse-highlight-b-oqlmunbhph 2s ease-out;
}

@media (max-width: 576px) {
    /* 5. Aumenta os balões de chat para aproveitarem bem a tela pequena */
    .message-bubble[b-oqlmunbhph] {
        max-width: 90%;
    }
}

@keyframes pulse-highlight-b-oqlmunbhph {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.7);
        background-color: #FFF3CD; /* Inicia com um fundo amarelo claro (destaque) */
    }

    30% {
        transform: scale(1.03);
        box-shadow: 0 0 15px 8px rgba(13, 110, 253, 0.3);
        background-color: #FFF3CD; /* Mantém o amarelo no momento de maior foco */
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(13, 110, 253, 0);
        /* Ao NÃO definir a cor aqui no 100%, o navegador cria a transição suave */
        /* devolvendo a caixa para a sua cor original branca ou azul */
    }
}
/* /Components/Layout/Drawer.razor.rz.scp.css */
.drawer-container[b-61skg5g0ev] {
    height: 100%;
}

.navigation-drawer-shading[b-61skg5g0ev] {
    height: 100%;
    position: absolute;
    transition: ease 300ms;
    transition-property: opacity, visibility;
    visibility: visible;
    width: 100%;
    z-index: 99;
    background-color: var(--dxds-color-surface-backdrop-default-rest);
}

.navigation-drawer.mobile.panel-closed .navigation-drawer-shading[b-61skg5g0ev] {
    opacity: 0;
    visibility: hidden;
}

[b-61skg5g0ev] .navigation-drawer > .dxbl-drawer-panel {
    display: flex;
}

[b-61skg5g0ev] .navigation-drawer.mobile > .dxbl-drawer-panel {
    display: none;
}

.navigation-drawer-shading[b-61skg5g0ev] {
    display: none;
}

[b-61skg5g0ev] .panel-open:not(.mobile) .nav-buttons-container .menu-button {
    display: none;
}

@media (max-width: 768px) {
    [b-61skg5g0ev] .navigation-drawer > .dxbl-drawer-panel {
        display: none;
    }

    [b-61skg5g0ev] .navigation-drawer.mobile > .dxbl-drawer-panel {
        display: flex;
    }

    .navigation-drawer-shading[b-61skg5g0ev] {
        display: block;
    }

    [b-61skg5g0ev] .panel-open:not(.mobile) .nav-buttons-container .menu-button {
        display: flex;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Fundo global da aplicação vira azul */
.layout-global[b-cgrd3mrr9i] {
    height: 100vh;
    display: flex;
    flex-direction: column;
    background: linear-gradient(180deg, #0F6CBD 0%, #0a58ca 100%);
    overflow: hidden;
}

/* O Cabeçalho */
.top-header[b-cgrd3mrr9i] {
    height: 62px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 20px;
}

/* O corpo divide o menu e o cartão de conteúdo */
.body-wrapper[b-cgrd3mrr9i] {
    flex: 1;
    display: flex;
    overflow: hidden;
}

[b-cgrd3mrr9i] .btn-hamburguer {
    border-radius: 50% !important;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white !important; /* Mantém o ícone branco */
    transition: all 0.2s ease-in-out !important; /* Suaviza qualquer mudança de estado */
}

/* Efeito ao passar o mouse: Fundo circular translúcido */
[b-cgrd3mrr9i] .btn-hamburguer:hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
}

/* Efeito ao clicar: Fica um pouco menor (afunda) e um pouco mais claro */
[b-cgrd3mrr9i] .btn-hamburguer:active {
    background-color: rgba(255, 255, 255, 0.25) !important;
    transform: scale(0.85) !important;
}

[b-cgrd3mrr9i] .navigation-drawer {
    height: 100%;
}

/* Deixa o menu transparente para herdar o azul do fundo global */
[b-cgrd3mrr9i] .navigation-drawer > .dxbl-drawer-panel {
    background: transparent !important;
    border-right: none !important;
    box-shadow: none !important;
}

/* --- O EFEITO GMAIL --- */
/* Cria um cartão cinza/branco com canto arredondado que parece flutuar sobre o azul */
[b-cgrd3mrr9i] .main-content-card {
    background-color: #E9ECEF; /* Mesma cor base do seu sistema */
    height: 100%;
    width: 100%;
    border-top-left-radius: 20px; /* Arredondamento suave no canto esquerdo */
    overflow-y: hidden;
    overflow-x: hidden;
    box-shadow: -4px 4px 15px rgba(0, 0, 0, 0.15); /* Sombra interna para destacar */
}

/* --- ESTILOS DA FOTO DE PERFIL (Mantidos) --- */
.perfil-imagem-container[b-cgrd3mrr9i] {
    position: relative;
    width: 50px;
    height: 50px;
    cursor: pointer;
    display: block;
}

.foto-perfil[b-cgrd3mrr9i] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 2px solid #E9ECEF;
}

.fallback-iniciais[b-cgrd3mrr9i] {
    background-color: #0a58ca;
    color: white;
    font-size: 1.2rem;
    font-weight: bold;
}

.overlay-edicao[b-cgrd3mrr9i] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.perfil-imagem-container:hover .overlay-edicao[b-cgrd3mrr9i] {
    opacity: 1;
}

@media (max-width: 576px) {
    [b-cgrd3mrr9i] .main-content-card {
        border-top-left-radius: 0px; /* Remove o arredondamento no celular para usar a tela toda */
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
[b-aleehn6wt4] .menu {
    --dxbl-menu-item-padding-x: 0px !important;
    --dxbl-menu-item-padding-y: 0.4rem !important;
    background: transparent !important;
    /* CORES INATIVAS (Texto, Ícone e Setinha com 70% de opacidade) */
    --dxbl-menu-item-image-color: rgba(255, 255, 255, 0.7) !important;
    --dxbl-menu-item-dropdown-toggle-color: rgba(255, 255, 255, 0.7) !important;
    /* CORES AO PASSAR O MOUSE (Branco Sólido) */
    --dxbl-menu-item-hover-image-color: white !important;
}

[b-aleehn6wt4] .menu-encolhido,
[b-aleehn6wt4] .menu-encolhido .dxbl-menu-item {
    max-width: 60px !important;
}

[b-aleehn6wt4] .dxbl-menu-item {
    margin: 4px 0px 4px 1px !important;
}

[b-aleehn6wt4] .dxbl-menu-item > .dxbl-btn[aria-expanded="true"]{
    --dxbl-menu-item-image-color: white !important;
    --dxbl-menu-item-dropdown-toggle-color: white !important;
}

/* Garante transparência no botão interno e no item durante o clique e foco */
[b-aleehn6wt4] .dxbl-menu .dxbl-menu-item-list .dxbl-btn:focus{
    background: transparent !important;
}

/* Apenas quando o mouse passa por cima (hover) */
[b-aleehn6wt4] .dxbl-menu .dxbl-menu-item-list .dxbl-btn:hover {
    background-color: rgba(255, 255, 255, 0.0) !important;
    border-radius: 8px !important;
}

/* Textos Inativos */
[b-aleehn6wt4] .menu-item .dxbl-menu-item-text {
    color: rgba(255, 255, 255, 0.8) !important;
    font-weight: 400 !important;
}

/* O asterisco (*) força a regra em qualquer elemento filho do DevExpress */
[b-aleehn6wt4] .menu-item-active * {
    color: white !important;
    font-weight: bold !important;
}

[b-aleehn6wt4] .chat-list {
    padding: 0 0.5rem;
}

/* Alinhamento perfeito entre foto e texto */
[b-aleehn6wt4] .chat-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 6px 12px;
    border-radius: 8px; /* Formato levemente arredondado */
    text-decoration: none;
    color: rgba(255, 255, 255, 0.9);
    transition: background-color 0.2s;
}

/* Efeito vidro ao passar o mouse no contato */
[b-aleehn6wt4] .chat-item:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
}

/* Base dos Avatares */
[b-aleehn6wt4] .chat-avatar {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    color: white;
    flex-shrink: 0;
}

/* Avatar de Espaço: Quadrado arredondado transparente com fundo sutil */
[b-aleehn6wt4] .space-avatar {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 8px;
}

/* Texto truncado com "..." se o nome for muito grande */
[b-aleehn6wt4] .chat-name {
    font-size: 0.9rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 1. Remove o fundo nativo e a borda do cabeçalho do acordeão usando a classe real */
[b-aleehn6wt4] .accordion-transparente .dxbl-group > .dxbl-group-header {
    border: none !important;
}

/* 2. O SEU SELETOR: Pinta a setinha de expandir/recolher de branco */
[b-aleehn6wt4] .accordion-transparente .dxbl-group > .dxbl-group-header > .dxbl-btn.dxbl-group-expand-btn svg {
    fill: white !important;
}

/* 3. Efeito sutil ao passar o mouse no cabeçalho inteiro */
[b-aleehn6wt4] .accordion-transparente .dxbl-group > .dxbl-group-header:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Impede que a cor do texto e do ícone (da barra principal) fiquem cinzas quando aberto */
[b-aleehn6wt4] .dxbl-menu .dxbl-menu-item-list > .dxbl-menu-list-item > .dxbl-menu-item > .dxbl-btn {
    --dxbl-btn-active-bg: none;
}


/* /Components/Pages/Admin/CategoriasESubcategorias.razor.rz.scp.css */
.dashboard-container[b-n5h8ir5xqt] {
    padding: 15px 24px 24px 24px;
    background-color: #E9ECEF;
    min-height: 100vh;
}

.dashboard-header[b-n5h8ir5xqt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.tituloPagina[b-n5h8ir5xqt] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #212529;
}

.subtituloPagina[b-n5h8ir5xqt] {
    margin: 0;
    color: #6C757D;
}

.badge[b-n5h8ir5xqt] {
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    display: inline-block;
}

.grid-card[b-n5h8ir5xqt] {
    background-color: #FFFFFF;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid #DDE2E5;
}

[b-n5h8ir5xqt] .custom-grid {
    --dxbl-grid-border-color: #DDE2E5 !important;
    border-radius: 8px;
    overflow: hidden;
}

[b-n5h8ir5xqt] .btn-comando {
    background: transparent !important;
    border: none !important;
    padding: 2px;
    transition: all 0.2s ease-in-out;
    border-radius: 6px;
}

[b-n5h8ir5xqt] .btn-comando:hover {
    background-color: #F1F3F5 !important;
    transform: scale(1.05);
}

@media (max-width: 576px) {
    .dashboard-container[b-n5h8ir5xqt] {
        padding: 15px 10px;
    }

    .dashboard-header[b-n5h8ir5xqt] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
}
/* /Components/Pages/Admin/Clientes.razor.rz.scp.css */
/* 1. LAYOUT GERAL DA PÁGINA */
.dashboard-container[b-ns534knqa0] {
    padding: 15px 24px 24px 24px;
    background-color: #E9ECEF;
    min-height: 100vh;
}

.dashboard-header[b-ns534knqa0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.tituloPagina[b-ns534knqa0] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #212529;
}

.subtituloPagina[b-ns534knqa0] {
    margin: 0;
    color: #6C757D;
}

.badge[b-ns534knqa0] {
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    display: inline-block;
}

/* 2. ESTILIZAÇÃO DA GRID */
.grid-card[b-ns534knqa0] {
    background-color: #FFFFFF;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid #DDE2E5;
}

[b-ns534knqa0] .custom-grid {
    --dxbl-grid-border-color: #DDE2E5 !important;
    border-radius: 8px;
    overflow: hidden;
}

[b-ns534knqa0] .custom-grid .dxbl-grid-table td{
    border-left: none !important;
}

[b-ns534knqa0] .btn-comando {
    background: transparent !important;
    border: none !important;
    padding: 2px;
    transition: all 0.2s ease-in-out;
    border-radius: 6px;
}

[b-ns534knqa0] .btn-comando:hover {
    background-color: #F1F3F5 !important;
    transform: scale(1.05);
}

[b-ns534knqa0] .btn-editar:hover svg {
    fill: #0a58ca !important;
}

[b-ns534knqa0] .btn-excluir:hover svg {
    fill: #DC3545 !important;
}

[b-ns534knqa0] .btn-engrenagem:hover svg {
    fill: #212529 !important;
}

/* 5. RESPONSIVIDADE */
@media (max-width: 576px) {
    .dashboard-container[b-ns534knqa0] {
        padding: 15px 10px;
    }

    .dashboard-header[b-ns534knqa0] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
}
/* /Components/Pages/Admin/FilasAtendimento.razor.rz.scp.css */
.dashboard-container[b-fgubdzfezm] {
    padding: 15px 24px 24px 24px;
    background-color: #E9ECEF;
    min-height: 100vh;
}

.dashboard-header[b-fgubdzfezm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.tituloPagina[b-fgubdzfezm] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #212529;
}

.subtituloPagina[b-fgubdzfezm] {
    margin: 0;
    color: #6C757D;
}

.badge[b-fgubdzfezm] {
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    display: inline-block;
}

/* 2. ESTILIZAÇÃO DA GRID */
.grid-card[b-fgubdzfezm] {
    background-color: #FFFFFF;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid #DDE2E5;
}

[b-fgubdzfezm] .custom-grid {
    --dxbl-grid-border-color: #DDE2E5 !important;
    border-radius: 8px;
    overflow: hidden;
}

[b-fgubdzfezm] .custom-grid .dxbl-grid-table td {
    border-left: none !important;
}

[b-fgubdzfezm] .btn-comando {
    background: transparent !important;
    border: none !important;
    padding: 2px;
    transition: all 0.2s ease-in-out;
    border-radius: 6px;
}

[b-fgubdzfezm] .btn-comando:hover {
    background-color: #F1F3F5 !important;
    transform: scale(1.05);
}

[b-fgubdzfezm] .btn-editar:hover svg {
    fill: #0a58ca !important;
}

[b-fgubdzfezm] .btn-excluir:hover svg {
    fill: #DC3545 !important;
}

/* 5. RESPONSIVIDADE */
@media (max-width: 576px) {
    .dashboard-container[b-fgubdzfezm] {
        padding: 15px 10px;
    }

    .dashboard-header[b-fgubdzfezm] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
}
/* /Components/Pages/Admin/Prioridades.razor.rz.scp.css */
.dashboard-container[b-nphsf2m8tm] {
    padding: 15px 24px 24px 24px;
    background-color: #E9ECEF;
    min-height: 100vh;
}

.dashboard-header[b-nphsf2m8tm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.tituloPagina[b-nphsf2m8tm] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #212529;
}

.subtituloPagina[b-nphsf2m8tm] {
    margin: 0;
    color: #6C757D;
}

.badge[b-nphsf2m8tm] {
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    display: inline-block;
}

/* 2. ESTILIZAÇÃO DA GRID */
.grid-card[b-nphsf2m8tm] {
    background-color: #FFFFFF;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid #DDE2E5;
}

[b-nphsf2m8tm] .custom-grid {
    --dxbl-grid-border-color: #DDE2E5 !important;
    border-radius: 8px;
    overflow: hidden;
}

[b-nphsf2m8tm] .custom-grid .dxbl-grid-table td {
    border-left: none !important;
}

[b-nphsf2m8tm] .btn-comando {
    background: transparent !important;
    border: none !important;
    padding: 2px;
    transition: all 0.2s ease-in-out;
    border-radius: 6px;
}

[b-nphsf2m8tm] .btn-comando:hover {
    background-color: #F1F3F5 !important;
    transform: scale(1.05);
}

[b-nphsf2m8tm] .btn-editar:hover svg {
    fill: #0a58ca !important;
}

[b-nphsf2m8tm] .btn-excluir:hover svg {
    fill: #DC3545 !important;
}

/* 5. RESPONSIVIDADE */
@media (max-width: 576px) {
    .dashboard-container[b-nphsf2m8tm] {
        padding: 15px 10px;
    }

    .dashboard-header[b-nphsf2m8tm] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
}
/* /Components/Pages/Admin/TiposChamado.razor.rz.scp.css */
/* 1. LAYOUT GERAL DA PÁGINA */
.dashboard-container[b-jk2tzm7g5t] {
    padding: 15px 24px 24px 24px;
    background-color: #E9ECEF;
    min-height: 100vh;
}

.dashboard-header[b-jk2tzm7g5t] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.tituloPagina[b-jk2tzm7g5t] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #212529;
}

.subtituloPagina[b-jk2tzm7g5t] {
    margin: 0;
    color: #6C757D;
}

.badge[b-jk2tzm7g5t] {
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    display: inline-block;
}

/* 2. ESTILIZAÇÃO DA GRID */
.grid-card[b-jk2tzm7g5t] {
    background-color: #FFFFFF;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid #DDE2E5;
}

[b-jk2tzm7g5t] .custom-grid {
    --dxbl-grid-border-color: #DDE2E5 !important;
    border-radius: 8px;
    overflow: hidden;
}

    [b-jk2tzm7g5t] .custom-grid .dxbl-grid-table td {
        border-left: none !important;
    }

[b-jk2tzm7g5t] .btn-comando {
    background: transparent !important;
    border: none !important;
    padding: 2px;
    transition: all 0.2s ease-in-out;
    border-radius: 6px;
}

    [b-jk2tzm7g5t] .btn-comando:hover {
        background-color: #F1F3F5 !important;
        transform: scale(1.05);
    }

[b-jk2tzm7g5t] .btn-editar:hover svg {
    fill: #0a58ca !important;
}

/* 5. RESPONSIVIDADE */
@media (max-width: 576px) {
    .dashboard-container[b-jk2tzm7g5t] {
        padding: 15px 10px;
    }

    .dashboard-header[b-jk2tzm7g5t] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
}
/* /Components/Pages/Admin/Usuarios.razor.rz.scp.css */
/* 1. LAYOUT GERAL DA PÁGINA */
.dashboard-container[b-4t0u13fr8c] {
    padding: 15px 24px 24px 24px;
    background-color: #E9ECEF;
    min-height: 100vh;
}

.dashboard-header[b-4t0u13fr8c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.tituloPagina[b-4t0u13fr8c] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #212529;
}

.subtituloPagina[b-4t0u13fr8c] {
    margin: 0;
    color: #6C757D;
}

.badge[b-4t0u13fr8c] {
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    display: inline-block;
}

/* 2. ESTILIZAÇÃO DA GRID */
.grid-card[b-4t0u13fr8c] {
    background-color: #FFFFFF;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid #DDE2E5;
}

[b-4t0u13fr8c] .custom-grid {
    --dxbl-grid-border-color: #DDE2E5 !important;
    border-radius: 8px;
    overflow: hidden;
}

[b-4t0u13fr8c] .custom-grid .dxbl-grid-table td {
    border-left: none !important;
}

[b-4t0u13fr8c] .btn-comando {
    background: transparent !important;
    border: none !important;
    padding: 2px;
    transition: all 0.2s ease-in-out;
    border-radius: 6px;
}

[b-4t0u13fr8c] .btn-comando:hover {
    background-color: #F1F3F5 !important;
    transform: scale(1.05);
}

[b-4t0u13fr8c] .btn-editar:hover svg {
    fill: #0a58ca !important;
}

[b-4t0u13fr8c] .btn-excluir:hover svg {
    fill: #DC3545 !important;
}

[b-4t0u13fr8c] .btn-engrenagem:hover svg {
    fill: #212529 !important;
}

/* 5. RESPONSIVIDADE */
@media (max-width: 576px) {
    .dashboard-container[b-4t0u13fr8c] {
        padding: 15px 10px;
    }

    .dashboard-header[b-4t0u13fr8c] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
}
/* /Components/Pages/ChamadoDetalhes.razor.rz.scp.css */
.chat-wrapper[b-m8lzdj16ga] {
    /* 100vh é a altura total da tela. Subtraímos ~250px que é o espaço do cabeçalho, padding e abas */
    height: calc(100vh - 200px);
}

.dashboard-container[b-m8lzdj16ga] {
    padding: 10px 24px 24px 24px;
    background-color: #E9ECEF; 
    min-height: 100vh;
}

.dashboard-header[b-m8lzdj16ga] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 5px;
}

.header-text[b-m8lzdj16ga]{
    margin-left: 30px;
}

.tituloPagina[b-m8lzdj16ga] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #212529;
}

.subtituloPagina[b-m8lzdj16ga] {
    margin: 0;
    color: #6C757D;
}

.grid-card[b-m8lzdj16ga] {
    background-color: #FFFFFF;
    border-radius: 12px;
    padding: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid #DDE2E5;
    max-height: 88vh;
    overflow-y: auto;
}

.validation-summary-box[b-m8lzdj16ga] {
    background-color: #FEF2F2;
    border-left: 4px solid #DC3545;
    border-radius: 6px;
    padding: 12px 16px;
    margin-top: 8px;
}

.validation-header[b-m8lzdj16ga] {
    color: #991B1B;
    font-size: 0.9rem;
    margin-bottom: 8px;
}

.validation-list[b-m8lzdj16ga] {
    margin: 0;
    padding-left: 24px;
    color: #B91C1C;
    font-size: 0.85rem;
}

.validation-list li[b-m8lzdj16ga] {
    margin-bottom: 4px;
}

.validation-list li:last-child[b-m8lzdj16ga] {
    margin-bottom: 0; /* Tira a margem do último item para não sobrar espaço */
}

[b-m8lzdj16ga] .btnIconPerson {
    cursor: auto !important;
}

@media (max-width: 576px) {
    /* 1. Reduz o respiro lateral para ganhar espaço na tela */
    .dashboard-container[b-m8lzdj16ga] {
        padding: 10px;
    }

    /* 2. Empilha o botão Voltar e os Títulos */
    .dashboard-header[b-m8lzdj16ga] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        margin-bottom: 12px;
    }

    /* 3. Remove a margem lateral do título (que afastava do botão voltar) */
    .header-text[b-m8lzdj16ga] {
        margin-left: 0;
    }

    /* 4. Diminui um pouco o título para não quebrar em 3 linhas */
    .tituloPagina[b-m8lzdj16ga] {
        font-size: 1.25rem;
    }

    /* 6. Ajusta a altura da janela de chat (o cabeçalho ficou mais alto ao empilhar) */
    .chat-wrapper[b-m8lzdj16ga] {
        height: calc(100vh - 240px);
    }

    .grid-card[b-m8lzdj16ga] {
        max-height: none;
        overflow-y: visible;
    }
}


/* /Components/Pages/Chamados.razor.rz.scp.css */
.dashboard-container[b-pki7q3px6d] {
    padding: 15px 24px 24px 24px;
    background-color: #E9ECEF; 
    min-height: 100vh;
}

.dashboard-header[b-pki7q3px6d]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:24px;
}

.tituloPagina[b-pki7q3px6d] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #212529;
}

.subtituloPagina[b-pki7q3px6d] {
    margin:0;
    color:#6C757D;
}

.skeleton-box[b-pki7q3px6d] {
    display: inline-block;
    height: 1.2rem;
    width: 100%;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: skeleton-loading-b-pki7q3px6d 1.5s infinite linear;
    border-radius: 4px;
}

@keyframes skeleton-loading-b-pki7q3px6d {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

.kpi-wrapper[b-pki7q3px6d]{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
    gap:20px;
    margin-bottom: 25px;

}

.kpi-card[b-pki7q3px6d] {
    background-color: #FFFFFF;
    border-radius: 12px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid #DDE2E5;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.kpi-wrapper .kpi-card[b-pki7q3px6d] {
    opacity: 0;
    transform: translateY(15px);
    animation: fade-in-up-b-pki7q3px6d 0.4s ease forwards;
}

.kpi-wrapper .kpi-card:nth-child(1)[b-pki7q3px6d] { animation-delay: 0.1s; }

.kpi-wrapper .kpi-card:nth-child(2)[b-pki7q3px6d] { animation-delay: 0.2s; }

.kpi-wrapper .kpi-card:nth-child(3)[b-pki7q3px6d] { animation-delay: 0.3s; }

.kpi-wrapper .kpi-card:nth-child(4)[b-pki7q3px6d] { animation-delay: 0.4s; }

.kpi-wrapper .kpi-card:nth-child(5)[b-pki7q3px6d] { animation-delay: 0.5s; }

@keyframes fade-in-up-b-pki7q3px6d {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.kpi-card:hover[b-pki7q3px6d] {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.kpi-icon-container[b-pki7q3px6d] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.kpi-data[b-pki7q3px6d] {
    display: flex;
    flex-direction: column;
}

.kpi-title[b-pki7q3px6d] {
    color: #6C757D;
    font-size: 0.85rem;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:0.5px;
}

.kpi-value[b-pki7q3px6d]{
    color: #212529;
    font-size:1.8rem;
    font-weight:700;
    line-height: 1.2;
}

.grid-card[b-pki7q3px6d] {
    background-color: #FFFFFF;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid #DDE2E5; /* Mesma borda para manter a consistência */
}

.grid-header h4[b-pki7q3px6d] {
    font-weight: 600;
    color: #212529;
}

.status-badge[b-pki7q3px6d] {
    padding:6px 12px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight:600;
    display:inline-block;
}

.badge-pendente[b-pki7q3px6d] {
    background-color: #FFF3CD;
    color: #856404;
}

.badge-andamento[b-pki7q3px6d] {
    background-color: #CCE5FF;
    color: #004085;
}

.badge-concluida[b-pki7q3px6d] {
    background-color: #D4EDDA;
    color: #155724;
}

.badge-default[b-pki7q3px6d] {
    background-color: #E2E3E5;
    color: #383D41;
}

.priority-dot[b-pki7q3px6d] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
}

.priority-badge[b-pki7q3px6d] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 3px 10px;
    border-radius: 4px; /* Cantos retangulares: quebra o visual oval da pílula de Status */
    background-color: #FFFFFF;
    border: 1px solid #DDE2E5;
    border-left-width: 4px;
    border-left-style: solid;
    font-size: 0.8rem;
    font-weight: 600;
    color: #212529;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    white-space: nowrap;
}

/* Ponto interno que reforça a cor viva */
.priority-bullet[b-pki7q3px6d] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

.bg-primary-light[b-pki7q3px6d] {
    background-color: #E7F1FF;
}

.bg-warning-light[b-pki7q3px6d] {
    background-color: #FFF3CD;
}

.bg-success-light[b-pki7q3px6d] {
    background-color: #D1E7DD;
}

/*    ESTILO DA CAIXA DE ERROS DO FORMULÁRIO */

.validation-summary-box[b-pki7q3px6d] {
    background-color: #FEF2F2; 
    border-left: 4px solid #DC3545; 
    border-radius: 6px; 
    padding: 12px 16px;
    margin-top: 8px;
}

.validation-header[b-pki7q3px6d] {
    color: #991B1B; 
    font-size: 0.9rem;
    margin-bottom: 8px;
}

.validation-list[b-pki7q3px6d] {
    margin: 0;
    padding-left: 24px;
    color: #B91C1C;
    font-size: 0.85rem;
}

.validation-list li[b-pki7q3px6d] {
    margin-bottom: 4px;
}

.validation-list li:last-child[b-pki7q3px6d] {
    margin-bottom: 0; /* Tira a margem do último item para não sobrar espaço */
}

/* Estilo do Botão Verde "Add Ticket" */
[b-pki7q3px6d] .btn-add-chamado {
    font-weight: 600;
    padding: 7px 15px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(36, 180, 126, 0.2); /* Sombra verde suave no fundo */
    transition: all 0.2s ease-in-out;
}

/* Efeito ao passar o mouse por cima (Hover) */
[b-pki7q3px6d] .btn-add-chamado:hover {
    transform: translateY(-1px); /* Sutil elevação */
    box-shadow: 0 6px 16px rgba(36, 180, 126, 0.3);
}

/* Efeito ao clicar */
[b-pki7q3px6d] .btn-add-ticket:active {
    transform: translateY(1px);
}

[b-pki7q3px6d] .custom-grid {
    --dxbl-grid-border-color: #DDE2E5 !important;
    --dxbl-grid-header-bg: #F8F9FA !important;
    border-radius: 8px;
    overflow: hidden;
}

/* O que faz aparecer as linhas da grid */
[b-pki7q3px6d] .custom-grid .dxbl-grid-table td,
[b-pki7q3px6d] .custom-grid .dxbl-grid-table th {
    border-bottom: 1px solid #DDE2E5 !important;
    border-right: none !important; 
    border-left: none !important;
}

[b-pki7q3px6d] .cb-cliente-filtro {
    width: 250px;
    background-color: white;
}

[b-pki7q3px6d] .linha-nova td {
    animation: flash-row-b-pki7q3px6d 2.5s ease-out;
}

@keyframes flash-row-b-pki7q3px6d {
    0% {
        background-color: #D1E7DD;
    }
    /* Começa Verde Suave (Sucesso) */
    20% {
        background-color: #D1E7DD;
    }
    /* Mantém a cor por um instante */
    100% {
        background-color: transparent;
    }
    /* Desvanece até o branco normal */
}

@media (max-width: 576px) {
    .dashboard-container[b-pki7q3px6d] {
        /* Reduz o respiro lateral de 24px para 10px no celular */
        padding: 15px 10px 15px 10px;
    }

    .cb-cliente-filtro[b-pki7q3px6d] {
        /* Permite que o combo-box de clientes encolha em celulares em vez de fixar em 250px */
        width: 100%;
        max-width: 250px;
    }

    .dashboard-header[b-pki7q3px6d] {
        /* Empilha os filtros e botões sobre o título em telas pequenas */
        flex-direction: column;
        align-items: stretch; /* Estica os botões para largura total */
        gap: 16px;
        margin-bottom: 16px;
    }

        .dashboard-header .d-flex[b-pki7q3px6d] {
            /* Faz o agrupamento dos botões esticar e flexionar os itens para baixo */
            flex-direction: column;
            width: 100%;
        }

    /* 1. Reduz o espaçamento interno (padding) dos cartões brancos */
    .grid-card[b-pki7q3px6d], .kpi-card[b-pki7q3px6d] {
        padding: 12px 10px;
    }

    /* 2. Diminui um pouco o título principal da página */
    .tituloPagina[b-pki7q3px6d] {
        font-size: 1.25rem;
    }

    /* 3. Reduz o tamanho da caixa de ícones nas KPIs */
    .kpi-icon-container[b-pki7q3px6d] {
        width: 35px;
        height: 35px;
    }

    [b-pki7q3px6d] .btn-add-chamado {
        /* O botão de adicionar fica na largura da tela, chamando para a ação */
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/ConversaDetalhes.razor.rz.scp.css */
/* Container que preenche o espaço descontando o header do MainLayout (~60px) */
.conversa-page-container[b-ahgzlu0yxq] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 40px);
    background-color: #E9ECEF; /* Fundo levemente cinza do sistema */
}

/* --- CABEÇALHO --- */
.conversa-header[b-ahgzlu0yxq] {
    display: flex;
    align-items: center;
    padding: 0px 24px;
    background-color: #E9ECEF;
    height: 64px;
    border-bottom:1px solid #DDE2E5;
    z-index: 10;
}

[b-ahgzlu0yxq] .btn-voltar {
    margin-right: 16px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.avatar-box[b-ahgzlu0yxq] {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 500;
    object-fit: cover;
    margin-right: 16px;
}

.space-avatar[b-ahgzlu0yxq] {
    border-radius: 8px;
    background-color: #e2e8f0;
    color: #475569;
}

.conversa-info[b-ahgzlu0yxq] {
    display: flex;
    flex-direction: column;
}

.conversa-nome[b-ahgzlu0yxq] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 700;
    color: #212529;
}

.conversa-status[b-ahgzlu0yxq] {
    font-size: 0.85rem;
    color: #6C757D;
}


.conversa-body[b-ahgzlu0yxq] {
    flex-grow: 1;
    padding: 15px 24px;
    overflow: hidden; /* Fundamental para o Flexbox não estourar a tela */
    min-height: 0; /* Obriga a rolagem a acontecer dentro do ChatMensagens */
}

[b-ahgzlu0yxq] .dxbl-list-box-render-container > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table, .dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table[b-ahgzlu0yxq] {
    border: none !important;
}

[b-ahgzlu0yxq] .drawer-detalhes > .dxbl-drawer-panel {
    border-left: 1px solid #DDE2E5 !important;
    box-shadow: -4px 0 15px rgba(0, 0, 0, 0.03);
}

/* Ajustes para telas de Celular */
@media (max-width: 576px) {
    .conversa-page-container[b-ahgzlu0yxq] {
        height: calc(100vh - 120px); /* Desconta o botão hamburguer no celular */
    }

    .conversa-header[b-ahgzlu0yxq], .conversa-body[b-ahgzlu0yxq] {
        padding: 12px 16px;
    }
}
/* /Components/Pages/Conversas.razor.rz.scp.css */
.conversas-container[b-5qdz4bjzl3] {
    background-color: #E9ECEF;
    min-height: 100vh;
    padding: 15px 24px 24px 24px;
}

[b-5qdz4bjzl3] .avatar-box {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 500;
    object-fit: cover;
}

[b-5qdz4bjzl3] .space-avatar {
    border-radius: 8px;
    background-color: #e2e8f0; /* Cinza claro elegante */
    color: #475569; /* Cinza escuro para contraste */
}

[b-5qdz4bjzl3] .chat-row {
    cursor: pointer;
}



/* /Components/Pages/EmpresaEdicao.razor.rz.scp.css */
.dashboard-container[b-dx9b11h6ep] {
    padding: 15px 24px 24px 24px;
    background-color: #E9ECEF;
    min-height: 100vh;
}

.dashboard-header[b-dx9b11h6ep] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.tituloPagina[b-dx9b11h6ep] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #212529;
}

.subtituloPagina[b-dx9b11h6ep] {
    margin: 0;
    color: #6C757D;
}

.grid-card[b-dx9b11h6ep] {
    background-color: #FFFFFF;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid #DDE2E5;
}

/* Moldura para o logotipo */
.logo-preview-container[b-dx9b11h6ep] {
    width: 270px;
    height: 110px;
    background-color: #F8F9FA;
    border: 2px dashed #CED4DA;
    border-radius: 8px;
    overflow: hidden;
    transition: border-color 0.2s;
}

.logo-preview-container:hover[b-dx9b11h6ep] {
    border-color: #0D6EFD;
}

@media (max-width: 768px) {
    .dashboard-container[b-dx9b11h6ep] {
        padding: 15px 10px;
    }
}