/* /Layout/LoginLayout.razor.rz.scp.css */

.login-page[b-5hels97x72] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    box-sizing: border-box;
    background: radial-gradient( circle at 50% 0%, rgba(31, 61, 105, .55) 0%, rgba(31, 61, 105, 0) 45% ), linear-gradient( 145deg, #0c1522 0%, #080e17 50%, #050a11 100% );
}

    .login-page main[b-5hels97x72] {
        width: 100%;
        max-width: 410px;
        box-sizing: border-box;
        padding: 2.5rem 2.5rem 2rem;
        border: 1px solid rgba(255, 255, 255, .08);
        border-radius: 1.1rem;
        background: #fff;
        box-shadow: 0 24px 60px rgba(0, 0, 0, .38), 0 4px 16px rgba(0, 0, 0, .2);
    }

@media (max-width: 480px) {

    .login-page[b-5hels97x72] {
        padding: 1rem;
    }

        .login-page main[b-5hels97x72] {
            padding: 2rem 1.35rem 1.5rem;
            border-radius: .9rem;
        }
}
/* /Layout/MainLayout.razor.rz.scp.css */
/* ===========================================================================
   Layout do Admin — duas formas de navegação, um componente.

   A fronteira é 1024px, e não os 641px do template. A razão é medida: com a
   barra fixa de 250px, um tablet de 768px fica com 462px de conteúdo útil —
   menos do que um iPhone 15 Pro Max deitado. Abaixo de 1024 a navegação vira
   gaveta e a tela inteira volta a ser conteúdo.

   Acima de 1024 nada muda em relação ao que já existia: barra fixa, grudada,
   250px.
   =========================================================================== */



/* A marca aparece UMA vez, e qual das duas aparece depende da forma da
   navegação.

   No desktop quem a mostra é a barra lateral, que está sempre à vista — a
   deste topo fica escondida, senão as duas apareceriam lado a lado (foi o que
   aconteceu ao trocar o texto "VASIS" pela imagem: a regra que escondia a
   marca do topo citava a classe antiga, `.marca-topo`, e deixou de casar).

   Abaixo de 1024px a lateral vira gaveta e some da tela; aí é esta que entra,
   e é a única. */
.logo-main[b-euxj3qbvnr] {
    display: none;
    letter-spacing: .04em;
}

.logo-main img[b-euxj3qbvnr] {
    display: block;
    width: auto;
    max-width: 100px;
    max-height: 45px;
    object-fit: contain;
}

.page[b-euxj3qbvnr] {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: var(--fundo);
    min-height: 100vh;
}

main[b-euxj3qbvnr] {
    flex: 1;
    min-width: 0;
    background-color: var(--fundo);
}

.sidebar[b-euxj3qbvnr] {
    background-color: var(--superficie);
    border-right: 1px solid var(--borda);
}

.top-row[b-euxj3qbvnr] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .75rem;
    height: 3.5rem;
    background-color: var(--superficie);
    border-bottom: 1px solid var(--borda);
}

    .top-row[b-euxj3qbvnr]  a, .top-row[b-euxj3qbvnr]  .btn-link {
        white-space: nowrap;
        text-decoration: none;
    }

    .top-row[b-euxj3qbvnr]  a:hover, .top-row[b-euxj3qbvnr]  .btn-link:hover {
        text-decoration: underline;
    }

/* Identidade e saída, na ponta direita da topbar. */
.top-row .usuario[b-euxj3qbvnr] {
    max-width: 18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--texto-suave);
    font-size: .85rem;
}

.top-row .btn-link[b-euxj3qbvnr] {
    padding: 0;
    border: 0;
    background: none;
    color: var(--texto-suave);
    font-size: .85rem;
    font-weight: 500;
    cursor: pointer;
}

.top-row .btn-link:hover[b-euxj3qbvnr] { color: var(--texto); }

.content[b-euxj3qbvnr] { padding-top: 0 !important; }

/* ---------------------------------------------------------------------------
   Botão da gaveta — existe SÓ abaixo de 1024px, junto com a marca do topo.
   --------------------------------------------------------------------------- */

.menu-alternar[b-euxj3qbvnr] { display: none; }

/* ---------------------------------------------------------------------------
   Foco visível. Vale para os dois controles da navegação, e é o que sustenta
   "funciona sem mouse": sem anel, quem chega por Tab não sabe onde está.
   --------------------------------------------------------------------------- */

.menu-alternar:focus-visible[b-euxj3qbvnr],
.top-row .btn-link:focus-visible[b-euxj3qbvnr] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
    border-radius: var(--raio-pequeno);
}

/* ===========================================================================
   ATÉ 1023px — a navegação é uma gaveta
   =========================================================================== */

@media (max-width: 1023.98px) {

    .top-row[b-euxj3qbvnr] {
        justify-content: flex-start;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    /* Empurra identidade e "Sair" para a direita, deixando o botão e a marca
       à esquerda — a ordem que se lê num cabeçalho de aplicativo. */
    .top-row .usuario[b-euxj3qbvnr] { margin-left: auto; }

    /* Aqui a lateral é gaveta e está fora da tela: esta é a única marca. */
    .logo-main[b-euxj3qbvnr] { display: inline-block; }

    .menu-alternar[b-euxj3qbvnr] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: var(--toque-amplo);
        height: var(--toque-amplo);
        flex: 0 0 auto;
        padding: 0;
        border: 0;
        border-radius: var(--raio-pequeno);
        background: none;
        color: var(--texto);
        cursor: pointer;
    }

    .menu-alternar:hover[b-euxj3qbvnr] { background-color: var(--superficie-hover); }

    /* As três barras, desenhadas com uma caixa e dois pseudoelementos: sem
       imagem, sem fonte de ícone, e acompanha a cor do texto. */
    .menu-alternar-traco[b-euxj3qbvnr],
    .menu-alternar-traco[b-euxj3qbvnr]::before,
    .menu-alternar-traco[b-euxj3qbvnr]::after {
        display: block;
        width: 18px;
        height: 2px;
        border-radius: 2px;
        background-color: currentColor;
    }

    .menu-alternar-traco[b-euxj3qbvnr] {
        position: relative;
    }

    .menu-alternar-traco[b-euxj3qbvnr]::before,
    .menu-alternar-traco[b-euxj3qbvnr]::after {
        content: "";
        position: absolute;
        left: 0;
    }

    .menu-alternar-traco[b-euxj3qbvnr]::before { top: -6px; }
    .menu-alternar-traco[b-euxj3qbvnr]::after { top: 6px; }
        
    /* A gaveta. Fora da tela por padrão; entra deslizando pela esquerda.
       visibility: hidden é o que a tira do alcance do Tab enquanto fechada —
       translate sozinho a esconderia do olho, mas não do teclado.

       ATENÇÃO ao jeito como visibility é animada: com DELAY, nunca com
       duração. visibility é uma propriedade discreta — não existe meio-visível
       — e dar-lhe uma duração deixa o navegador num estado que ele não resolve
       quando o media query muda no meio do caminho. Foi assim que a gaveta
       travou em hidden e nem `visibility: visible !important` inline a trazia
       de volta.

       Com delay o efeito pretendido é o mesmo e o estado é sempre definido:
       ao FECHAR ela some depois que o slide termina (delay .22s), ao ABRIR
       aparece na hora (delay 0), para o slide de entrada ser visível. */
    .sidebar[b-euxj3qbvnr] {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 40;
        width: min(17rem, 82vw);
        height: 100dvh;
        overflow-y: auto;
        visibility: hidden;
        transform: translateX(-100%);
        transition: transform .22s ease, visibility 0s linear .22s;
        box-shadow: var(--sombra);
    }

    .sidebar.aberta[b-euxj3qbvnr] {
        visibility: visible;
        transform: translateX(0);
        transition: transform .22s ease, visibility 0s linear 0s;
    }

    .menu-cobertura[b-euxj3qbvnr] {
        position: fixed;
        inset: 0;
        z-index: 30;
        background-color: rgba(0, 0, 0, .55);
        opacity: 0;
        visibility: hidden;
        transition: opacity .22s ease, visibility 0s linear .22s;
        /* Impede que o gesto de rolar sobre a cobertura role a página de trás. */
        touch-action: none;
    }

    .menu-cobertura.visivel[b-euxj3qbvnr] {
        opacity: 1;
        visibility: visible;
        transition: opacity .22s ease, visibility 0s linear 0s;
    }
}

/* A trava de rolagem do fundo mora no vasis.css, e não aqui: o CSS isolado
   carimba o escopo do componente em TODO seletor, e `html:has(.sidebar.aberta)`
   viraria `html:has(.sidebar.aberta)[b-xxxxx]` — o <html> não tem o atributo de
   escopo, então a regra nunca casaria. Regra que fala do elemento raiz precisa
   viver numa folha global. */

/* ===========================================================================
   1024px OU MAIS — barra fixa, como sempre foi
   =========================================================================== */

@media (min-width: 1024px) {

    .page[b-euxj3qbvnr] {
        flex-direction: row;
    }

    .sidebar[b-euxj3qbvnr] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-euxj3qbvnr] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-euxj3qbvnr]  a, .top-row[b-euxj3qbvnr]  .btn-link {
        margin-left: 1.5rem;
    }

    .top-row[b-euxj3qbvnr], article[b-euxj3qbvnr] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }

    /* A cobertura não existe no desktop: não há gaveta para cobrir nada. */
    .menu-cobertura[b-euxj3qbvnr] { display: none; }
}

/* Quem prefere menos movimento não vê a gaveta deslizar — ela simplesmente
   está lá. O estado continua o mesmo; só a transição sai. */
@media (prefers-reduced-motion: reduce) {
    .sidebar[b-euxj3qbvnr],
    .menu-cobertura[b-euxj3qbvnr] {
        transition: none;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
/* ===========================================================================
   Menu lateral — conteúdo. A FORMA (barra fixa ou gaveta) é do MainLayout.

   Os ícones mudaram nesta etapa. Cinco dos seis itens compartilhavam
   bi-list-nested: Empresas, Pessoas, Usuários, Perfis e Tenants tinham o mesmo
   desenho, e um ícone que não distingue nada não ajuda a encontrar — só ocupa
   espaço à esquerda de cada texto e ensina o olho a pulá-lo. Agora cada seção
   tem o seu, e todos usam currentColor para acompanhar o estado do item
   (normal, hover, ativo) em vez de ficarem brancos sobre o âmbar do ativo.
   =========================================================================== */


.logo-nav[b-1054z3675b] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.logo-nav img[b-1054z3675b] {
    display: block;
    width: auto;
    max-width: 100px;
    max-height: 45px;
    object-fit: contain;
}

.menu-topo[b-1054z3675b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    min-height: 3.5rem;
    padding: 0 .75rem 0 1rem;
    background-color: var(--superficie);
    border-bottom: 1px solid var(--borda);
}

.navbar-brand[b-1054z3675b] {
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: .04em;
    color: var(--texto);
    text-decoration: none;
}

.navbar-brand:hover[b-1054z3675b] { color: var(--accent); }

/* Botão de fechar: só existe na gaveta. O MainLayout o esconde no desktop. */
.menu-fechar[b-1054z3675b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--toque-amplo);
    height: var(--toque-amplo);
    flex: 0 0 auto;
    padding: 0;
    border: 0;
    border-radius: var(--raio-pequeno);
    background: none;
    color: var(--texto-suave);
    font-size: 1.6rem;
    line-height: 1;
    cursor: pointer;
}

.menu-fechar:hover[b-1054z3675b] {
    background-color: var(--superficie-hover);
    color: var(--texto);
}

.menu-fechar:focus-visible[b-1054z3675b] {
    outline: 2px solid var(--accent);
    outline-offset: -2px;
}

@media (min-width: 1024px) {
    .menu-fechar[b-1054z3675b] { display: none; }
}

/* ---------------------------------------------------------------------------
   Itens
   --------------------------------------------------------------------------- */

.nav-lista[b-1054z3675b] {
    display: flex;
    flex-direction: column;
    padding: .75rem 0;
}

.nav-item[b-1054z3675b] {
    font-size: 0.9rem;
    padding-bottom: 0.25rem;
}

.nav-item[b-1054z3675b]  .nav-link {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-height: var(--toque);
    height: 2.7rem;
    border-radius: var(--raio-pequeno);
    color: var(--texto-suave);
    font-size: .875rem;
    padding: 0.5rem;
}

.nav-item[b-1054z3675b]  a.active {
    background-color: var(--accent-suave);
    color: var(--accent);
}

.nav-item[b-1054z3675b]  .nav-link:hover {
    background-color: var(--superficie-hover);
    color: var(--texto);
}

.nav-item[b-1054z3675b]  .nav-link:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: -2px;
}

/* Na gaveta o dedo é quem aponta: item mais alto, dentro da escala de toque. */
@media (max-width: 1023.98px) {
    .nav-item[b-1054z3675b]  .nav-link {
        height: var(--toque-amplo);
    }
}

/* ---------------------------------------------------------------------------
   Ícones.

   Máscara em vez de background-image: assim o desenho assume currentColor e
   acompanha a cor do item. Com background-image o ícone ficaria branco fixo,
   inclusive sobre o âmbar do item ativo.
   --------------------------------------------------------------------------- */

.bi[b-1054z3675b] {
    display: inline-block;
    width: 1.05rem;
    height: 1.05rem;
    flex: 0 0 auto;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.bi-inicio[b-1054z3675b] {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

/* Prédio — a empresa. */
.bi-empresas[b-1054z3675b] {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v12a.5.5 0 0 1-.5.5H9v-2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5V15H4.5a.5.5 0 0 1-.5-.5v-12Zm2 1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5H6Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5H9ZM6 7a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1A.5.5 0 0 0 7 7H6Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1A.5.5 0 0 0 10 7H9Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v12a.5.5 0 0 1-.5.5H9v-2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5V15H4.5a.5.5 0 0 1-.5-.5v-12Zm2 1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5H6Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5H9ZM6 7a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1A.5.5 0 0 0 7 7H6Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1A.5.5 0 0 0 10 7H9Z'/%3E%3C/svg%3E");
}

/* Duas pessoas — o cadastro é de gente, física ou jurídica. */
.bi-pessoas[b-1054z3675b] {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7Zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3Cpath d='M5.216 14A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216ZM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7Zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3Cpath d='M5.216 14A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216ZM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z'/%3E%3C/svg%3E");
}

/* Pessoa com crachá — quem entra no sistema. */
.bi-usuarios[b-1054z3675b] {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

/* Escudo — perfil é conjunto de permissão, o que se pode ou não fazer. */
.bi-perfis[b-1054z3675b] {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0c-.69 0-1.843.265-2.928.56-1.11.3-2.229.655-2.887.87a1.54 1.54 0 0 0-1.044 1.262c-.596 4.477.787 7.795 2.465 9.99a11.777 11.777 0 0 0 2.517 2.453c.386.273.744.482 1.048.625.28.132.581.24.829.24s.548-.108.829-.24a7.159 7.159 0 0 0 1.048-.625 11.775 11.775 0 0 0 2.517-2.453c1.678-2.195 3.061-5.513 2.465-9.99a1.541 1.541 0 0 0-1.044-1.263 62.467 62.467 0 0 0-2.887-.87C9.843.266 8.69 0 8 0zm2.146 5.146a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 7.793l2.646-2.647z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0c-.69 0-1.843.265-2.928.56-1.11.3-2.229.655-2.887.87a1.54 1.54 0 0 0-1.044 1.262c-.596 4.477.787 7.795 2.465 9.99a11.777 11.777 0 0 0 2.517 2.453c.386.273.744.482 1.048.625.28.132.581.24.829.24s.548-.108.829-.24a7.159 7.159 0 0 0 1.048-.625 11.775 11.775 0 0 0 2.517-2.453c1.678-2.195 3.061-5.513 2.465-9.99a1.541 1.541 0 0 0-1.044-1.263 62.467 62.467 0 0 0-2.887-.87C9.843.266 8.69 0 8 0zm2.146 5.146a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 7.793l2.646-2.647z'/%3E%3C/svg%3E");
}

/* Hierarquia — o tenant e o que pende dele. */
.bi-tenants[b-1054z3675b] {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 3.5A1.5 1.5 0 0 1 7.5 2h1A1.5 1.5 0 0 1 10 3.5v1A1.5 1.5 0 0 1 8.5 6v1H11a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0v-1A.5.5 0 0 1 5 7h2.5V6A1.5 1.5 0 0 1 6 4.5v-1ZM8.5 5a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1ZM3 11.5A1.5 1.5 0 0 1 4.5 10h1A1.5 1.5 0 0 1 7 11.5v1A1.5 1.5 0 0 1 5.5 14h-1A1.5 1.5 0 0 1 3 12.5v-1Zm2.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5ZM9 11.5a1.5 1.5 0 0 1 1.5-1.5h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1A1.5 1.5 0 0 1 9 12.5v-1Zm2.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 3.5A1.5 1.5 0 0 1 7.5 2h1A1.5 1.5 0 0 1 10 3.5v1A1.5 1.5 0 0 1 8.5 6v1H11a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0v-1A.5.5 0 0 1 5 7h2.5V6A1.5 1.5 0 0 1 6 4.5v-1ZM8.5 5a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1ZM3 11.5A1.5 1.5 0 0 1 4.5 10h1A1.5 1.5 0 0 1 7 11.5v1A1.5 1.5 0 0 1 5.5 14h-1A1.5 1.5 0 0 1 3 12.5v-1Zm2.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5ZM9 11.5a1.5 1.5 0 0 1 1.5-1.5h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1A1.5 1.5 0 0 1 9 12.5v-1Zm2.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5Z'/%3E%3C/svg%3E");
}

@media (min-width: 1024px) {
    /* Deixa a lateral rolar quando o menu for mais alto que a janela. */
    .nav-scrollable[b-1054z3675b] {
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}