@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.lcdo7z9xd2.bundle.scp.css';

/* /Components/Layout/Header/AppTopBar.razor.rz.scp.css */
/* Top bar de 88px do guia (§6.2): superfície branca com borda inferior. No guia
   ela é uma faixa livre — o título vive no cabeçalho da página, e aqui sobra o
   espaço para ações contextuais. */

.lp-topbar[b-g01i4f5pc7] {
    display: flex;
    align-items: center;
    gap: var(--lp-space-3);
    height: var(--lp-topbar-height);
    padding: 0 var(--lp-space-6);
    background: var(--lp-surface);
    border-bottom: var(--lp-border-width) solid var(--lp-border);
    flex-shrink: 0;
}

.lp-topbar__actions[b-g01i4f5pc7] {
    display: flex;
    align-items: center;
    gap: var(--lp-space-3);
    margin-inline-start: auto;
}
/* /Components/Layout/Shell/LoginLayout.razor.rz.scp.css */
/* Layout de duas colunas do guia: formulário à esquerda, área de ilustração
   à direita (700px na prancha de 1440px). */

.login-shell[b-tpg24m4r0x] {
    display: grid;
    grid-template-columns: 1fr 700px;
    min-height: 100dvh;
    background: var(--lp-surface);
}

.login-shell__form[b-tpg24m4r0x] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--lp-space-8) var(--lp-space-6);
    min-width: 0;
}

.login-shell__content[b-tpg24m4r0x] {
    width: 100%;
    max-width: 420px;
}

/* O guia usa um placeholder de imagem (#D9D9D9) na prancha principal e, na
   variante do playground, elipses com gradiente da marca. Reproduzimos o
   gradiente — mantém a identidade sem depender de um asset. */
.login-shell__art[b-tpg24m4r0x] {
    position: relative;
    overflow: hidden;
    background: linear-gradient(150deg, var(--lp-brand-lighter) 0%, var(--lp-brand) 55%, var(--lp-brand-darker) 100%);
}

.login-shell__art[b-tpg24m4r0x]::before,
.login-shell__art[b-tpg24m4r0x]::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    background: var(--lp-white);
    opacity: 0.08;
}

.login-shell__art[b-tpg24m4r0x]::before {
    width: 520px;
    height: 520px;
    top: -120px;
    right: -160px;
    opacity: 0.10;
}

.login-shell__art[b-tpg24m4r0x]::after {
    width: 380px;
    height: 380px;
    bottom: -130px;
    left: -100px;
    opacity: 0.07;
}

/* Abaixo do breakpoint de desktop a ilustração sai e o formulário centraliza,
   que é o comportamento esperado nas faixas que o guia não desenha. */
@media (max-width: 1023px) {
    .login-shell[b-tpg24m4r0x] {
        grid-template-columns: 1fr;
    }

    .login-shell__art[b-tpg24m4r0x] {
        display: none;
    }
}
/* /Components/Layout/Shell/MainLayout.razor.rz.scp.css */
/* Shell do guia: sidebar de altura total + coluna de conteúdo com a top bar
   dentro. Breakpoints conforme §8 da referência. */

/* `auto` na primeira coluna: a largura vem da própria sidebar, que é o
   componente interativo e sabe se está colapsada. O MainLayout roda em render
   estático e não re-renderizaria para trocar uma classe aqui. */
.lp-shell[b-kjflk7z96o] {
    display: grid;
    grid-template-columns: auto 1fr;
    min-height: 100dvh;
    background: var(--lp-surface-sunken);
}

.lp-shell__main[b-kjflk7z96o] {
    display: flex;
    flex-direction: column;
    /* Sem isto, um DataGrid largo empurra o grid e come a sidebar. */
    min-width: 0;
}

.lp-shell__content[b-kjflk7z96o] {
    flex: 1;
    padding: var(--lp-space-6);
    overflow-x: auto;
}

/* Tablet: a sidebar entra colapsada por padrão. */
@media (max-width: 1023px) {
    .lp-shell[b-kjflk7z96o] {
        grid-template-columns: var(--lp-sidebar-width-collapsed) 1fr;
    }

    .lp-shell__content[b-kjflk7z96o] {
        padding: var(--lp-space-4);
    }
}

/* O guia não desenha mobile. Abaixo do breakpoint de tablet a sidebar sai do
   fluxo e sobrepõe o conteúdo quando expandida — só o estado colapsado fica
   fixo, para o botão de menu continuar alcançável. */
@media (max-width: 767px) {
    .lp-shell[b-kjflk7z96o],
    .lp-shell--collapsed[b-kjflk7z96o] {
        grid-template-columns: 1fr;
    }

    .lp-shell[b-kjflk7z96o]  .lp-sidebar {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
        width: var(--lp-sidebar-width-collapsed);
        box-shadow: var(--lp-shadow-floating);
    }

    .lp-shell__main[b-kjflk7z96o] {
        padding-inline-start: var(--lp-sidebar-width-collapsed);
    }
}
/* /Components/Layout/Shell/MinimalLayout.razor.rz.scp.css */
.minimal-layout[b-gbp41257iy] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--lp-space-6);
}

.minimal-card[b-gbp41257iy] {
    max-width: 480px;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: var(--lp-space-3);
}

.minimal-brand[b-gbp41257iy] {
    font-size: var(--lp-h5-size);
    font-weight: 600;
    opacity: 0.8;
}
/* /Components/Layout/Shell/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-itzqhwbw3l],
.components-reconnect-repeated-attempt-visible[b-itzqhwbw3l],
.components-reconnect-failed-visible[b-itzqhwbw3l],
.components-pause-visible[b-itzqhwbw3l],
.components-resume-failed-visible[b-itzqhwbw3l],
.components-rejoining-animation[b-itzqhwbw3l] {
    display: none;
}

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


#components-reconnect-modal[b-itzqhwbw3l] {
    background-color: var(--lp-surface);
    width: 20rem;
    margin: 20vh auto;
    padding: var(--lp-space-8);
    border: 0;
    border-radius: var(--lp-radius-surface);
    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-itzqhwbw3l 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-itzqhwbw3l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--lp-space-4);
}

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

#components-reconnect-modal button[b-itzqhwbw3l] {
    border: 0;
    background-color: var(--lp-brand);
    color: var(--lp-text-on-brand);
    padding: var(--lp-space-1) var(--lp-space-6);
    border-radius: var(--lp-radius-button);
}

    #components-reconnect-modal button:hover[b-itzqhwbw3l] {
        background-color: var(--lp-brand-lighter);
    }

    #components-reconnect-modal button:active[b-itzqhwbw3l] {
        background-color: var(--lp-brand-darker);
    }

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

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

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

@keyframes components-rejoining-animation-b-itzqhwbw3l {
    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/Sidebar/AppSidebar.razor.rz.scp.css */
/* Sidebar do guia (§6.1 da referência).

   Delimitação: o guia usa a faixa de marca no topo e o rodapé de logout embaixo,
   ambos em superfície mais escura que a navegação — é esse par que dá começo e
   fim visíveis à coluna.

   Os itens de navegação são componentes filhos (LeptonNavItem/Section/Group),
   então usam `::deep`: concentra o conjunto num arquivo e faz o estado
   colapsado funcionar por seletor descendente, em vez de repetir regras nos
   três componentes. */

.lp-sidebar[b-1i4pvr02ip] {
    display: flex;
    flex-direction: column;
    width: var(--lp-sidebar-width);
    height: 100dvh;
    position: sticky;
    top: 0;
    background: var(--lp-surface);
    border-right: var(--lp-border-width) solid var(--lp-border-subtle);
    border-end-end-radius: var(--lp-radius-sidebar);
    transition: width 0.15s ease;
}

/* ── Navegação ──────────────────────────────────────────────────────────── */

.lp-sidebar__nav[b-1i4pvr02ip] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: var(--lp-space-6);
    display: flex;
    flex-direction: column;
    gap: var(--lp-space-6);
    /* Barra fina: a padrão do Chrome come 16px do item e trunca o rótulo. */
    scrollbar-width: thin;
    scrollbar-color: var(--lp-gray-4) transparent;
}

/* Seção — overline do guia: Medium 10px maiúsculo */
.lp-sidebar[b-1i4pvr02ip]  .lp-nav-section__title {
    margin: 0 0 var(--lp-space-2) 0;
    padding: 0 var(--lp-space-3);
    font-size: var(--lp-overline-size);
    line-height: var(--lp-overline-lh);
    font-weight: var(--lp-weight-medium);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--lp-text-secondary);
}

.lp-sidebar[b-1i4pvr02ip]  .lp-nav-section__divider {
    margin: 0 var(--lp-space-2) var(--lp-space-2);
    border: 0;
    border-top: var(--lp-border-width) solid var(--lp-border-subtle);
}

.lp-sidebar[b-1i4pvr02ip]  .lp-nav-section__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--lp-space-2);
}

/* Item — 44px, raio 8, gap 12 (guia) */
.lp-sidebar[b-1i4pvr02ip]  .lp-nav-item,
.lp-sidebar[b-1i4pvr02ip]  .lp-nav-group__summary {
    display: flex;
    align-items: center;
    gap: var(--lp-space-3);
    height: var(--lp-nav-item-height);
    padding: 0 var(--lp-space-3);
    border-radius: var(--lp-radius-button);
    color: var(--lp-gray-2);
    font-size: var(--lp-body-sm-size);
    font-weight: var(--lp-weight-medium);
    line-height: 20px;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}

.lp-sidebar[b-1i4pvr02ip]  .lp-nav-item:hover,
.lp-sidebar[b-1i4pvr02ip]  .lp-nav-group__summary:hover {
    background: var(--lp-gray-5);
    color: var(--lp-text);
}

/* O NavLink do Blazor aplica `active` sozinho — é o gancho do estado ativo. */
.lp-sidebar[b-1i4pvr02ip]  .lp-nav-item.active {
    background: var(--lp-nav-active-bg);
    color: var(--lp-dark-1);
    font-weight: var(--lp-weight-semibold);
}

.lp-sidebar[b-1i4pvr02ip]  .lp-nav-item:focus-visible,
.lp-sidebar[b-1i4pvr02ip]  .lp-nav-group__summary:focus-visible {
    outline: var(--lp-focus-ring-width) solid var(--lp-focus-ring-color);
    outline-offset: -2px;
}

.lp-sidebar[b-1i4pvr02ip]  .lp-nav-item__icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
}

.lp-sidebar[b-1i4pvr02ip]  .lp-nav-item__label {
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Grupo (dropdown) */
.lp-sidebar[b-1i4pvr02ip]  .lp-nav-group {
    display: flex;
    flex-direction: column;
}

.lp-sidebar[b-1i4pvr02ip]  .lp-nav-group__summary {
    list-style: none;
}

.lp-sidebar[b-1i4pvr02ip]  .lp-nav-group__summary::-webkit-details-marker {
    display: none;
}

.lp-sidebar[b-1i4pvr02ip]  .lp-nav-group__chevron {
    margin-inline-start: auto;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid currentColor;
    transition: transform 0.15s ease;
}

.lp-sidebar[b-1i4pvr02ip]  .lp-nav-group[open] .lp-nav-group__chevron {
    transform: rotate(180deg);
}

/* Sub-itens: 32px com a guia vertical de 2px do guia */
.lp-sidebar[b-1i4pvr02ip]  .lp-nav-group__items {
    display: flex;
    flex-direction: column;
    gap: var(--lp-space-1);
    margin: var(--lp-space-1) 0 0 calc(var(--lp-space-3) + var(--lp-space-3));
    padding-inline-start: var(--lp-space-3);
    border-inline-start: 2px solid var(--lp-nav-guide);
}

.lp-sidebar[b-1i4pvr02ip]  .lp-nav-item--nested {
    height: var(--lp-nav-subitem-height);
    font-size: var(--lp-nav-subitem-size);
    line-height: var(--lp-space-4);
}

/* ── Estado colapsado (112px) ───────────────────────────────────────────── */

.lp-sidebar--collapsed[b-1i4pvr02ip] {
    width: var(--lp-sidebar-width-collapsed);
}

/* Os rótulos somem visualmente, mas continuam no DOM para leitores de tela;
   o atributo title cobre o uso com mouse. */
.lp-sidebar--collapsed[b-1i4pvr02ip]  .lp-nav-item__label,
.lp-sidebar--collapsed[b-1i4pvr02ip]  .lp-nav-group__chevron {
    display: none;
}

.lp-sidebar--collapsed .lp-sidebar__nav[b-1i4pvr02ip] {
    padding-inline: var(--lp-space-8);
}

.lp-sidebar--collapsed[b-1i4pvr02ip]  .lp-nav-item,
.lp-sidebar--collapsed[b-1i4pvr02ip]  .lp-nav-group__summary {
    justify-content: center;
    padding: 0;
}

/* Sem rótulo, a guia vertical e o recuo perdem sentido. */
.lp-sidebar--collapsed[b-1i4pvr02ip]  .lp-nav-group__items {
    margin-inline-start: 0;
    padding-inline-start: 0;
    border-inline-start: 0;
}

.lp-sidebar--collapsed[b-1i4pvr02ip]  .lp-nav-item--nested {
    height: var(--lp-nav-item-height);
    font-size: var(--lp-body-sm-size);
}

/* Marca e rodapé em 112px: sobram o mark, o avatar e o ícone de sair. */
.lp-sidebar--collapsed[b-1i4pvr02ip]  .lp-sidebar-brand {
    justify-content: center;
    padding-inline: 0;
}

.lp-sidebar--collapsed[b-1i4pvr02ip]  .lp-sidebar-brand__name,
.lp-sidebar--collapsed[b-1i4pvr02ip]  .lp-sidebar-footer__username,
.lp-sidebar--collapsed[b-1i4pvr02ip]  .lp-sidebar-footer__label {
    display: none;
}

.lp-sidebar--collapsed[b-1i4pvr02ip]  .lp-sidebar-footer {
    align-items: center;
    padding-inline: var(--lp-space-3);
}
/* /Components/Layout/Sidebar/AppSidebarBrand.razor.rz.scp.css */
/* Guia: faixa 256x88 em #FAFAFA com divisa #EAECF0; mark 42x42 em x=24;
   wordmark 16px/24 bold em x=78; botão de recolher 36x36, raio 8, na borda. */

.lp-sidebar-brand[b-7kttunrpm8] {
    position: relative;
    display: flex;
    align-items: center;
    height: var(--lp-topbar-height);
    padding: 0 var(--lp-space-6);
    background: var(--lp-surface-sunken);
    border-bottom: var(--lp-border-width) solid var(--lp-border-subtle);
    flex-shrink: 0;
}

.lp-sidebar-brand__link[b-7kttunrpm8] {
    display: flex;
    align-items: center;
    gap: var(--lp-space-3);
    min-width: 0;
    text-decoration: none;
}

.lp-sidebar-brand__mark[b-7kttunrpm8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    border-radius: 50%;
    background: linear-gradient(160deg, var(--lp-brand-lighter), var(--lp-brand));
    color: var(--lp-text-on-brand);
    font-size: var(--lp-h5-size);
    font-weight: var(--lp-weight-bold);
    line-height: 1;
    user-select: none;
}

.lp-sidebar-brand__name[b-7kttunrpm8] {
    font-size: var(--lp-body-size);
    line-height: var(--lp-body-lh);
    font-weight: var(--lp-weight-bold);
    color: var(--lp-brand);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Montado sobre a divisa da sidebar, como no guia — por isso a .lp-sidebar não
   pode recortar o overflow. */
.lp-sidebar-brand__toggle[b-7kttunrpm8] {
    position: absolute;
    right: -18px;
    bottom: -18px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: var(--lp-border-width) solid var(--lp-border);
    border-radius: var(--lp-radius-button);
    background: var(--lp-surface);
    color: var(--lp-text-secondary);
    cursor: pointer;
}

.lp-sidebar-brand__toggle:hover[b-7kttunrpm8] {
    border-color: var(--lp-brand);
    color: var(--lp-brand);
}

.lp-sidebar-brand__toggle:focus-visible[b-7kttunrpm8] {
    outline: var(--lp-focus-ring-width) solid var(--lp-focus-ring-color);
    outline-offset: 1px;
}
/* /Components/Layout/Sidebar/AppSidebarFooter.razor.rz.scp.css */
/* Rodapé do guia: superfície mais escura que a navegação, raio inferior
   acompanhando a sidebar e o logout em bloco destacado. A identidade do usuário
   vive aqui — no guia o topo é da marca. */

.lp-sidebar-footer[b-az1fblpag6] {
    display: flex;
    flex-direction: column;
    gap: var(--lp-space-3);
    padding: var(--lp-space-4);
    background: var(--lp-surface-sunken);
    border-top: var(--lp-border-width) solid var(--lp-border-subtle);
    border-end-start-radius: var(--lp-radius-sidebar);
    flex-shrink: 0;
}

.lp-sidebar-footer__user[b-az1fblpag6] {
    display: flex;
    align-items: center;
    gap: var(--lp-space-2);
    min-width: 0;
}

.lp-sidebar-footer__avatar[b-az1fblpag6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--lp-gray-4);
    color: var(--lp-text);
    font-size: var(--lp-body-sm-size);
    font-weight: var(--lp-weight-bold);
    line-height: 1;
    user-select: none;
}

.lp-sidebar-footer__username[b-az1fblpag6] {
    min-width: 0;
    font-size: var(--lp-body-sm-size);
    font-weight: var(--lp-weight-medium);
    color: var(--lp-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lp-sidebar-footer__form[b-az1fblpag6] {
    margin: 0;
}

.lp-sidebar-footer__button[b-az1fblpag6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--lp-space-2);
    width: 100%;
    height: var(--lp-control-height-sm);
    border: none;
    border-radius: var(--lp-radius-button);
    background: var(--lp-gray-5);
    color: var(--lp-text-secondary);
    font-family: var(--lp-font-family);
    font-size: var(--lp-body-sm-size);
    font-weight: var(--lp-weight-medium);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
}

.lp-sidebar-footer__button:hover[b-az1fblpag6] {
    background: var(--lp-gray-3);
    color: var(--lp-text);
}

.lp-sidebar-footer__button:focus-visible[b-az1fblpag6] {
    outline: var(--lp-focus-ring-width) solid var(--lp-focus-ring-color);
    outline-offset: 2px;
}
/* /Components/Pages/AdminContext/Companies/Companies.razor.rz.scp.css */
.companies-toolbar[b-p85cl979n3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--lp-space-4);
}
/* /Components/Pages/AdminContext/Companies/CompanyForm.razor.rz.scp.css */
.recipients-list[b-304g70iary] {
    display: flex;
    flex-direction: column;
    gap: var(--lp-space-2);
}

.recipient-row[b-304g70iary] {
    display: flex;
    gap: var(--lp-space-2);
    align-items: center;
}
/* /Components/Pages/AdminContext/ConfigurationTransfer/ConfigurationTransfer.razor.rz.scp.css */
.config-transfer-divider[b-fk6c4qfdiw] {
    margin: var(--lp-space-6) 0;
}

.config-transfer-section[b-fk6c4qfdiw] {
    margin-bottom: var(--lp-space-4);
}

.config-transfer-section p[b-fk6c4qfdiw] {
    color: var(--lp-text-secondary);
    margin-bottom: var(--lp-space-3);
}

/* A borda tracejada é do container do FluentInputFile; aqui só o alvo de
   clique, centralizado. */
.config-import-drop[b-fk6c4qfdiw] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--lp-space-2);
    padding: var(--lp-space-6);
    color: var(--lp-text-secondary);
    cursor: pointer;
}

.config-import-report[b-fk6c4qfdiw] {
    margin-top: var(--lp-space-4);
}

.config-import-warnings[b-fk6c4qfdiw] {
    margin-top: var(--lp-space-2);
    padding-left: var(--lp-space-5);
    color: var(--lp-text-secondary);
}
/* /Components/Pages/AdminContext/FunctionRules/FunctionRuleDetail.razor.rz.scp.css */
.function-rule-form[b-voqdmj3uov] {
    display: flex;
    flex-direction: column;
    gap: var(--lp-space-4);
    max-width: 720px;
}

.rule-section[b-voqdmj3uov] {
    display: flex;
    flex-direction: column;
    gap: var(--lp-space-3);
    padding-top: var(--lp-space-3);
    border-top: var(--lp-border-width) solid var(--lp-border-subtle);
}

.conditions-header[b-voqdmj3uov] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.user-checkboxes[b-voqdmj3uov] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--lp-space-2) var(--lp-space-6);
    max-height: 220px;
    overflow-y: auto;
}

.condition-row[b-voqdmj3uov] {
    display: flex;
    align-items: flex-end;
    gap: var(--lp-space-3);
    flex-wrap: wrap;
}

.condition-row .fluent-text-field[b-voqdmj3uov] {
    flex: 1 1 200px;
}
/* /Components/Pages/AdminContext/JiraInstances/JiraInstanceForm.razor.rz.scp.css */
/* /Components/Pages/AdminContext/Jobs/JobDetail.razor.rz.scp.css */
.job-detail-config[b-8hl3gjb9gp] {
    display: flex;
    flex-direction: column;
    gap: var(--lp-space-3);
    max-width: 480px;
    padding-top: var(--lp-space-4);
}

.job-detail-field[b-8hl3gjb9gp] {
    display: flex;
    flex-direction: column;
    gap: var(--lp-space-1);
}

.job-detail-label[b-8hl3gjb9gp] {
    font-weight: 600;
    font-size: var(--lp-body-sm-size);
    color: var(--lp-text-secondary);
}

.job-detail-actions[b-8hl3gjb9gp] {
    margin-top: var(--lp-space-2);
}

.job-detail-executions[b-8hl3gjb9gp] {
    padding-top: var(--lp-space-4);
}

.job-detail-filters[b-8hl3gjb9gp] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--lp-space-4);
    margin-bottom: var(--lp-space-4);
}

.job-detail-empty[b-8hl3gjb9gp] {
    color: var(--lp-text-secondary);
}
/* /Components/Pages/AdminContext/Jobs/JobExecutionDetailDialog.razor.rz.scp.css */
.execution-detail[b-0d9eaxodn7] {
    display: flex;
    flex-direction: column;
    gap: var(--lp-space-4);
}

.execution-detail-section[b-0d9eaxodn7] {
    display: flex;
    flex-direction: column;
    gap: var(--lp-space-1);
}

.execution-detail-label[b-0d9eaxodn7] {
    font-weight: 600;
    font-size: var(--lp-body-sm-size);
    color: var(--lp-text-secondary);
}

.execution-detail-error[b-0d9eaxodn7] {
    color: var(--lp-error-dark);
    margin: 0;
}

.execution-detail-pre[b-0d9eaxodn7] {
    background: var(--neutral-layer-2);
    border-radius: var(--lp-radius-control);
    padding: var(--lp-space-3);
    overflow-x: auto;
    max-height: 320px;
    font-size: var(--lp-body-sm-size);
    white-space: pre-wrap;
    word-break: break-word;
}
/* /Components/Pages/AdminContext/Jobs/JobForm.razor.rz.scp.css */
.job-sql[b-n4w0ejz93w] {
    width: 100%;
    font-family: monospace;
}

.job-hint[b-n4w0ejz93w] {
    display: block;
    margin-top: var(--lp-space-1);
    opacity: 0.6;
}
/* /Components/Pages/AdminContext/Users/UserDetail.razor.rz.scp.css */
.user-detail-form[b-u1any6qcls] {
    max-width: 480px;
    padding-top: var(--lp-space-4);
}

.user-detail-profiles[b-u1any6qcls] {
    padding-top: var(--lp-space-4);
}

.user-detail-profiles-toolbar[b-u1any6qcls] {
    margin-bottom: var(--lp-space-4);
}
/* /Components/Pages/AdminContext/Users/UserJiraInstanceProfileDialog.razor.rz.scp.css */
.profile-hint[b-bkkpc7vuh5] {
    font-size: var(--lp-body-sm-size);
    color: var(--lp-text-secondary);
}
/* /Components/Pages/Home/DashboardTokenRow.razor.rz.scp.css */
.dash-token[b-11mtbh97t7] {
    display: flex;
    align-items: center;
    gap: var(--lp-space-4);
    flex-wrap: wrap;
    padding: var(--lp-space-2) 0;
}

.dash-token-main[b-11mtbh97t7] {
    display: flex;
    flex-direction: column;
    flex: 1 1 160px;
    min-width: 0;
}

.dash-token-name[b-11mtbh97t7] {
    font-weight: 600;
}

.dash-token-meta[b-11mtbh97t7] {
    font-size: var(--lp-body-sm-size);
    opacity: 0.7;
}

.dash-token-expiry[b-11mtbh97t7] {
    font-size: var(--lp-body-sm-size);
    opacity: 0.85;
    min-width: 130px;
}
/* /Components/Pages/Home/DeveloperTokensCard.razor.rz.scp.css */
.dash-empty[b-i8t1tna602] {
    opacity: 0.65;
    font-style: italic;
    margin: var(--lp-space-1) 0;
}

.dash-subhead[b-i8t1tna602] {
    margin: var(--lp-space-3) 0 var(--lp-space-1);
    font-size: var(--lp-body-sm-size);
}

.dash-subhead:first-of-type[b-i8t1tna602] {
    margin-top: var(--lp-space-1);
}

.dash-danger[b-i8t1tna602] {
    color: var(--lp-error-dark);
}

.dash-warning[b-i8t1tna602] {
    color: var(--lp-warning-dark);
}
/* /Components/Pages/Home/Home.razor.rz.scp.css */
.dashboard[b-99ixmb30fy] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--lp-space-6);
}

@media (max-width: 1023px) {
    .dashboard[b-99ixmb30fy] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Home/JobsOverviewCard.razor.rz.scp.css */
.dash-stats[b-m2c4pjd19a] {
    display: flex;
    gap: var(--lp-space-2);
}

.dash-chip[b-m2c4pjd19a] {
    font-size: var(--lp-body-sm-size);
    padding: var(--lp-space-1) var(--lp-space-2);
    border-radius: var(--lp-radius-pill);
    background: var(--lp-gray-5);
    white-space: nowrap;
}

.dash-chip-accent[b-m2c4pjd19a] {
    background: var(--lp-brand-subtle);
}

.dash-empty[b-m2c4pjd19a] {
    opacity: 0.65;
    font-style: italic;
    margin: var(--lp-space-1) 0;
}

.dash-jobs[b-m2c4pjd19a] {
    display: flex;
    flex-direction: column;
}

.dash-job[b-m2c4pjd19a] {
    display: flex;
    align-items: center;
    gap: var(--lp-space-4);
    flex-wrap: wrap;
    padding: var(--lp-space-2) 0;
    border-bottom: var(--lp-border-width) solid var(--lp-border-subtle);
}

.dash-job:last-child[b-m2c4pjd19a] {
    border-bottom: none;
}

.dash-job-main[b-m2c4pjd19a] {
    display: flex;
    flex-direction: column;
    flex: 1 1 180px;
    min-width: 0;
}

.dash-job-name[b-m2c4pjd19a] {
    font-weight: 600;
}

.dash-job-meta[b-m2c4pjd19a] {
    font-size: var(--lp-body-sm-size);
    opacity: 0.7;
}

.dash-job-badges[b-m2c4pjd19a] {
    display: flex;
    align-items: center;
    gap: var(--lp-space-1);
    flex-wrap: wrap;
}

.dash-job-times[b-m2c4pjd19a] {
    display: flex;
    flex-direction: column;
    font-size: var(--lp-body-sm-size);
    opacity: 0.8;
    min-width: 110px;
}
/* /Components/Pages/Home/RecentActivityCard.razor.rz.scp.css */
.dash-log-toolbar[b-66vsxok1vk] {
    display: flex;
    align-items: center;
    gap: var(--lp-space-3);
}

.dash-log-toolbar[b-66vsxok1vk]  .dash-log-filter {
    width: 210px;
}
/* /Components/Pages/Identity/Login/Login.razor.rz.scp.css */
/* Tela de login conforme o guia. Usa HTML puro (não componentes Fluent)
   porque a página roda em SSR estático — sem @rendermode — para que o
   HttpContext.SignInAsync funcione. */

.login[b-m0t76a8pf2] {
    display: flex;
    flex-direction: column;
    gap: var(--lp-space-8);
}

/* ── Cabeçalho ──────────────────────────────────────────────────────────── */

.login__header[b-m0t76a8pf2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* Marca circular do guia (100x100 com sombra suave) */
.login__mark[b-m0t76a8pf2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    margin-bottom: var(--lp-space-4);
    border-radius: 50%;
    background: linear-gradient(160deg, var(--lp-brand-lighter), var(--lp-brand));
    box-shadow: 0 0 4px rgb(0 0 0 / 12%);
    color: var(--lp-text-on-brand);
    font-size: var(--lp-h2-size);
    font-weight: var(--lp-weight-bold);
    line-height: 1;
    user-select: none;
}

.login__brand[b-m0t76a8pf2] {
    margin: 0;
    font-size: var(--lp-h3-size);
    line-height: var(--lp-h3-lh);
    font-weight: var(--lp-weight-bold);
    color: var(--lp-brand);
}

.login__subtitle[b-m0t76a8pf2] {
    margin: var(--lp-space-1) 0 0 0;
    font-size: var(--lp-body-size);
    line-height: var(--lp-body-lh);
    color: var(--lp-text-secondary);
}

/* ── Formulário ─────────────────────────────────────────────────────────── */

/* `::deep` é necessário aqui: o <form> vem do componente EditForm e o <input>
   do InputText, e elementos renderizados por componentes filhos não recebem o
   atributo de escopo do CSS isolado — sem `::deep` estas regras não casariam. */
.login[b-m0t76a8pf2]  .login__form {
    display: flex;
    flex-direction: column;
    gap: var(--lp-space-8);
}

.login__field[b-m0t76a8pf2] {
    display: flex;
    flex-direction: column;
    gap: var(--lp-space-2);
}

.login__label[b-m0t76a8pf2] {
    font-size: var(--lp-body-size);
    line-height: var(--lp-body-lh);
    font-weight: var(--lp-weight-bold);
    color: var(--lp-text);
}

.login[b-m0t76a8pf2]  .login__input {
    box-sizing: border-box;
    width: 100%;
    height: var(--lp-control-height);
    padding: 0 var(--lp-field-padding-x);
    border: var(--lp-border-width) solid var(--lp-border);
    border-radius: var(--lp-radius-control);
    background: var(--lp-surface);
    color: var(--lp-text);
    font-family: var(--lp-font-family);
    font-size: var(--lp-body-size);
}

.login[b-m0t76a8pf2]  .login__input::placeholder {
    color: var(--lp-text-placeholder);
}

.login[b-m0t76a8pf2]  .login__input:hover {
    border-color: var(--lp-gray-3);
}

.login[b-m0t76a8pf2]  .login__input:focus-visible {
    border-color: var(--lp-brand-lighter);
    outline: var(--lp-focus-ring-width) solid var(--lp-focus-ring-color);
    outline-offset: 1px;
}

.login[b-m0t76a8pf2]  .login__validation {
    font-size: var(--lp-body-sm-size);
    line-height: var(--lp-body-sm-lh);
    color: var(--lp-error);
}

/* ── Botão ──────────────────────────────────────────────────────────────── */

.login__button[b-m0t76a8pf2] {
    box-sizing: border-box;
    width: 100%;
    height: var(--lp-control-height-sm);
    border: none;
    border-radius: var(--lp-radius-button);
    background: var(--lp-brand);
    color: var(--lp-text-on-brand);
    font-family: var(--lp-font-family);
    font-size: var(--lp-body-size);
    font-weight: var(--lp-weight-semibold);
    letter-spacing: 0.5%;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.login__button:hover[b-m0t76a8pf2] {
    background: color-mix(in srgb, var(--lp-brand) 78%, var(--lp-brand-darker));
}

.login__button:active[b-m0t76a8pf2] {
    background: var(--lp-brand-darker);
    color: var(--lp-text-on-brand);
}

.login__button:focus-visible[b-m0t76a8pf2] {
    outline: var(--lp-focus-ring-width) solid var(--lp-focus-ring-color);
    outline-offset: 2px;
}
/* /Components/Pages/IntegrationContext/HoursReport/HoursReport.razor.rz.scp.css */
.color-field[b-xdsl8gfnag] {
    display: flex;
    align-items: center;
    gap: var(--lp-space-2);
}

.color-field input[type="color"][b-xdsl8gfnag] {
    width: 48px;
    height: 32px;
    border: none;
    background: none;
    cursor: pointer;
}

.color-hex[b-xdsl8gfnag] {
    font-family: monospace;
}
/* /Components/Pages/IntegrationContext/IssueCopy/IssueCopy.razor.rz.scp.css */
/* Formulário à esquerda e card explicativo à direita; empilha nos breakpoints do guia. */
.issue-copy[b-g1dwu1ik22] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
    gap: var(--lp-space-6);
    align-items: start;
}

@media (max-width: 1023px) {
    .issue-copy[b-g1dwu1ik22] {
        grid-template-columns: 1fr;
    }
}

.issue-copy__keys[b-g1dwu1ik22] {
    margin-bottom: var(--lp-space-4);
}

/* O campo é Compact para escapar do limite de 500px do guia; a textarea ocupa a coluna toda. */
.issue-copy__keys[b-g1dwu1ik22]  fluent-text-area {
    width: 100%;
}

.issue-copy__keys-preview[b-g1dwu1ik22] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--lp-space-2);
    margin-top: var(--lp-space-2);
}

.issue-copy__keys-count[b-g1dwu1ik22] {
    font-size: var(--lp-body-sm-size);
    line-height: var(--lp-body-sm-lh);
    color: var(--lp-helper-text);
}

.issue-copy__keys-count--error[b-g1dwu1ik22] {
    color: var(--lp-error);
}

.issue-copy__steps[b-g1dwu1ik22] {
    display: grid;
    gap: var(--lp-space-3);
    margin: 0;
    padding-inline-start: var(--lp-space-5);
    font-size: var(--lp-body-size);
    line-height: var(--lp-body-lh);
    color: var(--lp-text);
}

.issue-copy__results[b-g1dwu1ik22] {
    margin-top: var(--lp-space-6);
}
/* /Components/Pages/IntegrationContext/Logs/Logs.razor.rz.scp.css */
/* ── Barra de filtros ─────────────────────────────────────────────────────── */

.log-toolbar[b-9r486gcc55] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--lp-space-4);
    margin-bottom: var(--lp-space-4);
}

/* auto-fit reflui sozinho: 4 colunas em tela larga, 2 em média, 1 no estreito —
   sem media query e sem largura fixa por campo. */
.log-toolbar__filters[b-9r486gcc55] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--lp-space-4);
    flex: 1 1 560px;
    min-width: 0;
}

/* Os campos têm rótulo acima; a altura fixa alinha as ações com a base deles. */
.log-toolbar__actions[b-9r486gcc55] {
    display: flex;
    align-items: center;
    gap: var(--lp-space-4);
    flex-shrink: 0;
    height: var(--lp-control-height);
}

.log-update-time[b-9r486gcc55] {
    font-size: var(--lp-body-sm-size);
    color: var(--lp-text-secondary);
    white-space: nowrap;
}

/* ── Filtro por propriedades ──────────────────────────────────────────────── */

.log-prop-filter[b-9r486gcc55] {
    display: flex;
    align-items: center;
    gap: var(--lp-space-2);
    flex-wrap: wrap;
    margin-bottom: var(--lp-space-3);
}

.log-prop-chip[b-9r486gcc55] {
    display: inline-flex;
    align-items: center;
    gap: var(--lp-space-1);
    padding: var(--lp-space-1) var(--lp-space-3);
    border-radius: var(--lp-radius-pill);
    background: var(--lp-gray-5);
    font-size: var(--lp-body-sm-size);
}

.log-prop-chip-remove[b-9r486gcc55] {
    border: none;
    background: transparent;
    color: var(--lp-text-secondary);
    font: inherit;
    font-size: var(--lp-body-sm-size);
    cursor: pointer;
    padding: 0;
}

.log-prop-chip-remove:hover[b-9r486gcc55] {
    color: var(--lp-error-dark);
}

.log-prop-connector[b-9r486gcc55] {
    font-size: var(--lp-body-sm-size);
    font-weight: var(--lp-weight-semibold);
    color: var(--lp-text-secondary);
}

.log-prop-clear[b-9r486gcc55] {
    border: none;
    background: transparent;
    color: var(--lp-brand);
    font: inherit;
    font-size: var(--lp-body-sm-size);
    cursor: pointer;
    padding: 0;
}

.log-filter-error[b-9r486gcc55] {
    margin-bottom: var(--lp-space-3);
    font-size: var(--lp-body-sm-size);
    color: var(--lp-error-dark);
}

/* ── Console ──────────────────────────────────────────────────────────────── */

.log-container[b-9r486gcc55] {
    background: var(--lp-console-bg);
    color: var(--lp-console-text);
    border: var(--lp-border-width) solid var(--lp-border);
    border-radius: var(--lp-radius-control);
    padding: var(--lp-space-3);
    height: 70vh;
    overflow-y: auto;
}
/* /Components/Pages/IntegrationContext/SprintSync/SprintSync.razor.rz.scp.css */
.replication-toolbar[b-ss06ubgp5j] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--lp-space-4);
    margin-bottom: var(--lp-space-2);
}

.replication-toolbar h2[b-ss06ubgp5j] {
    margin: 0;
}

.replication-actions[b-ss06ubgp5j] {
    display: flex;
    align-items: flex-end;
    gap: var(--lp-space-4);
}
/* /Components/Pages/IntegrationContext/WorklogSync/WorklogSync.razor.rz.scp.css */
.worklog-results[b-l4c1l0hsv9] {
    margin-top: var(--lp-space-6);
}

.worklog-toolbar[b-l4c1l0hsv9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--lp-space-3);
    gap: var(--lp-space-4);
}

.worklog-action-header[b-l4c1l0hsv9] {
    display: inline-flex;
    align-items: center;
    gap: var(--lp-space-1);
    cursor: help;
}


/* Coluna de seleção colada na coluna Issue: sem padding lateral e sem gap. */
[b-l4c1l0hsv9] [col-index="1"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    justify-content: flex-start;
}
[b-l4c1l0hsv9] th[col-index="1"] {
    min-width: 0 !important;
}

.worklog-actions[b-l4c1l0hsv9] {
    display: flex;
    align-items: center;
    gap: var(--lp-space-4);
}
/* /Components/Pages/IntegrationContext/WorklogSync/WorklogSyncActionCell.razor.rz.scp.css */
.worklog-action-cell[b-2iz6nh0v6h] {
    display: inline-flex;
    align-items: center;
    gap: var(--lp-space-1);
}

/* O ⚠ de issue interna ausente: fundo suave em vez de texto amarelo, que não
   atinge contraste mínimo sobre branco. */
.worklog-missing-issue[b-2iz6nh0v6h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: var(--lp-radius-control);
    background: var(--lp-warning-bg);
    color: var(--lp-warning-on);
    cursor: help;
}
/* /Components/Pages/IntegrationContext/WorklogSync/WorklogSyncConfirmationDialog.razor.rz.scp.css */
.sync-summary[b-j40api0uy3] {
    padding-left: var(--lp-space-5);
    margin: 0 0 var(--lp-space-4);
}

.sync-summary li[b-j40api0uy3] {
    margin-bottom: var(--lp-space-1);
    line-height: 1.4;
}

.sync-why[b-j40api0uy3] {
    border: var(--lp-border-width) solid var(--lp-border);
    border-radius: var(--lp-radius-surface);
    padding: var(--lp-space-3) var(--lp-space-4);
    background: var(--neutral-layer-2);
    margin-bottom: var(--lp-space-4);
}

.sync-why h3[b-j40api0uy3] {
    margin: 0 0 var(--lp-space-2);
    font-size: var(--lp-body-size);
}

.sync-why p[b-j40api0uy3] {
    margin: 0 0 var(--lp-space-2);
    line-height: 1.4;
}

.sync-why ul[b-j40api0uy3] {
    padding-left: var(--lp-space-5);
    margin: 0 0 var(--lp-space-2);
}

.sync-why li[b-j40api0uy3] {
    margin-bottom: var(--lp-space-1);
    line-height: 1.4;
}

/* O amarelo do guia não atinge contraste como texto: o alerta usa o fundo
   suave com texto escuro, igual ao chip de aviso. */
.sync-alert[b-j40api0uy3] {
    padding: var(--lp-space-3) var(--lp-space-4);
    border-radius: var(--lp-radius-control);
    background: var(--lp-warning-bg);
    color: var(--lp-warning-on);
    font-weight: var(--lp-weight-semibold);
    margin-bottom: var(--lp-space-4);
}

.sync-note[b-j40api0uy3] {
    color: var(--lp-text-secondary);
    font-size: var(--lp-body-sm-size);
    margin-bottom: var(--lp-space-4);
}
/* /Components/Pages/MagicLink/MagicLinkPage.razor.rz.scp.css */
.magic-link-card[b-x2wuedw0wb] {
    background: var(--lp-surface);
    border: var(--lp-border-width) solid var(--lp-border);
    border-radius: var(--lp-radius-surface);
    padding: var(--lp-space-8);
    max-width: 480px;
    width: 100%;
}

.magic-link-card h2[b-x2wuedw0wb] {
    margin-top: 0;
    margin-bottom: var(--lp-space-4);
}

.magic-link-card p[b-x2wuedw0wb] {
    margin-bottom: var(--lp-space-6);
    color: var(--lp-text);
}

.magic-link-expiry[b-x2wuedw0wb] {
    display: flex;
    align-items: center;
    gap: var(--lp-space-2);
    margin-bottom: var(--lp-space-6);
    color: var(--lp-text-secondary);
    font-size: var(--lp-body-sm-size);
}
/* /Components/Shared/AtlassianTokenHelpDialog.razor.rz.scp.css */
.token-help-steps[b-x3soqmpqtz] {
    padding-left: var(--lp-space-5);
    margin: 0 0 var(--lp-space-4);
}

.token-help-steps li[b-x3soqmpqtz] {
    margin-bottom: var(--lp-space-2);
    line-height: 1.4;
}

.token-help-note[b-x3soqmpqtz] {
    color: var(--lp-text-secondary);
    font-size: var(--lp-body-sm-size);
    margin-bottom: var(--lp-space-4);
}

.token-help-illustration[b-x3soqmpqtz] {
    border: var(--lp-border-width) solid var(--lp-border);
    border-radius: var(--lp-radius-surface);
    padding: var(--lp-space-4);
    background: var(--neutral-layer-2);
    max-width: 360px;
}

.thi-title[b-x3soqmpqtz] {
    font-weight: 600;
    margin-bottom: var(--lp-space-3);
}

.thi-field[b-x3soqmpqtz] {
    margin-bottom: var(--lp-space-3);
}

.thi-label[b-x3soqmpqtz] {
    display: block;
    font-size: var(--lp-body-sm-size);
    color: var(--lp-text-secondary);
    margin-bottom: var(--lp-space-1);
}

.thi-input[b-x3soqmpqtz] {
    border: var(--lp-border-width) solid var(--lp-border);
    border-radius: var(--lp-radius-control);
    padding: var(--lp-space-2) var(--lp-space-2);
    background: var(--lp-surface);
}

.thi-actions[b-x3soqmpqtz] {
    margin-top: var(--lp-space-2);
}

.thi-btn[b-x3soqmpqtz] {
    display: inline-block;
    background: var(--lp-brand);
    color: var(--lp-text-on-brand);
    border-radius: var(--lp-radius-control);
    padding: var(--lp-space-2) var(--lp-space-4);
    font-size: var(--lp-body-sm-size);
}
/* /Components/Shared/CronScheduleBuilder.razor.rz.scp.css */
.cron-builder[b-4wfwh1b2x2] {
    display: flex;
    flex-direction: column;
    gap: var(--lp-space-4);
}

.cron-time[b-4wfwh1b2x2] {
    display: flex;
    gap: var(--lp-space-3);
}

.cron-time[b-4wfwh1b2x2]  .cron-time-part {
    width: 120px;
}

.cron-preview[b-4wfwh1b2x2] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--lp-space-2);
    padding: var(--lp-space-4);
    background: var(--lp-gray-5);
    border-radius: var(--lp-radius-control);
    text-align: start;
}

.cron-preview-desc[b-4wfwh1b2x2] {
    font-weight: var(--lp-weight-semibold);
    font-size: var(--lp-body-size);
    line-height: var(--lp-body-lh);
}

.cron-preview-expr[b-4wfwh1b2x2] {
    padding: var(--lp-space-1) var(--lp-space-3);
    background: var(--lp-surface);
    border: var(--lp-border-width) solid var(--lp-border-subtle);
    border-radius: var(--lp-radius-control);
    font-family: monospace;
    font-size: var(--lp-body-sm-size);
}
/* /Components/Shared/Errors/AppErrorBoundary.razor.rz.scp.css */
.app-error-boundary[b-of6ks7wqk2] {
    display: flex;
    align-items: flex-start;
    gap: var(--lp-space-4);
    padding: var(--lp-space-5) var(--lp-space-6);
    border-radius: var(--control-corner-radius);
    border: var(--lp-border-width) solid color-mix(in srgb, var(--lp-error) 40%, transparent);
    background-color: color-mix(in srgb, var(--lp-error) 8%, var(--lp-surface));
    margin: var(--lp-space-4) 0;
    max-width: 640px;
}

.app-error-boundary-body[b-of6ks7wqk2] {
    display: flex;
    flex-direction: column;
    gap: var(--lp-space-2);
    flex: 1;
}

.app-error-boundary-title[b-of6ks7wqk2] {
    font-weight: 600;
    font-size: var(--type-ramp-plus-1-font-size);
    color: var(--lp-error-dark);
    line-height: 1.2;
}

.app-error-boundary-message[b-of6ks7wqk2] {
    color: var(--lp-text);
    font-size: var(--type-ramp-base-font-size);
    line-height: 1.5;
}

.app-error-boundary-actions[b-of6ks7wqk2] {
    display: flex;
    gap: var(--lp-space-2);
    margin-top: var(--lp-space-2);
    flex-wrap: wrap;
}
/* /Components/Shared/Forms/LeptonField.razor.rz.scp.css */
/* Layout de campo do guia: rótulo 8px acima do controle, texto de apoio 4px
   abaixo. Ver docs/tasks/10-redesign-lepton-guide/00-referencia-design-system.md §3 */

/* O guia desenha campos de 500px. Sem o limite, um formulário de coluna única
   esticaria os campos pela largura toda da tela. */
.lp-field[b-n5u5d0aa50] {
    display: flex;
    flex-direction: column;
    gap: var(--lp-space-2);
    margin-bottom: var(--lp-space-4);
    max-width: 500px;
}

.lp-field__label[b-n5u5d0aa50] {
    font-size: var(--lp-body-size);
    line-height: var(--lp-body-lh);
    font-weight: var(--lp-weight-bold);
    color: var(--lp-text);
}

.lp-field__required[b-n5u5d0aa50] {
    margin-inline-start: var(--lp-space-1);
    color: var(--lp-error);
}

.lp-field__control[b-n5u5d0aa50] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.lp-field__helper[b-n5u5d0aa50],
.lp-field__validation[b-n5u5d0aa50] {
    font-size: var(--lp-body-sm-size);
    line-height: var(--lp-body-sm-lh);
    letter-spacing: 0.5px;
}

/* O gap do container já dá 8px; o guia pede 4px entre controle e apoio. */
.lp-field__helper[b-n5u5d0aa50],
.lp-field[b-n5u5d0aa50]  .lp-field__validation {
    margin-top: calc(var(--lp-space-1) - var(--lp-space-2));
}

.lp-field__helper[b-n5u5d0aa50] {
    color: var(--lp-helper-text);
}

.lp-field[b-n5u5d0aa50]  .lp-field__validation {
    color: var(--lp-error);
    font-size: var(--lp-body-sm-size);
    line-height: var(--lp-body-sm-lh);
}

/* Variante em linha: usada por checkbox e switch, em que o guia põe o controle
   antes do rótulo. */
.lp-field--inline[b-n5u5d0aa50] {
    flex-direction: row;
    align-items: center;
    gap: var(--lp-space-2);
}

.lp-field--inline .lp-field__label[b-n5u5d0aa50] {
    order: 2;
    font-weight: var(--lp-weight-regular);
}

.lp-field--inline .lp-field__control[b-n5u5d0aa50] {
    order: 1;
}

/* Variante compacta: campo dentro de barra de ferramentas, onde a margem
   inferior e o limite de 500px do formulário atrapalham o alinhamento. */
.lp-field--compact[b-n5u5d0aa50] {
    margin-bottom: 0;
    max-width: none;
}
/* /Components/Shared/Forms/LeptonFormActions.razor.rz.scp.css */
.lp-form-actions[b-71dr9czzmp] {
    display: flex;
    align-items: center;
    gap: var(--lp-space-3);
    margin-top: var(--lp-space-6);
}

.lp-form-actions--end[b-71dr9czzmp] {
    justify-content: flex-end;
}
/* /Components/Shared/Forms/LeptonFormRow.razor.rz.scp.css */
/* Campos lado a lado, colapsando nos breakpoints do guia (§8 da referência). */

.lp-form-row[b-tpbopnyx8f] {
    display: grid;
    grid-template-columns: repeat(var(--lp-form-row-columns, 2), minmax(0, 1fr));
    gap: var(--lp-space-0) var(--lp-grid-gutter);
    align-items: start;
}

@media (max-width: 1023px) {
    .lp-form-row[b-tpbopnyx8f] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: var(--lp-grid-gutter-tablet);
    }
}

@media (max-width: 767px) {
    .lp-form-row[b-tpbopnyx8f] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/LogEntryList.razor.rz.scp.css */
.log-list[b-5zbphm7kab] {
    display: flex;
    flex-direction: column;
    font-family: monospace;
    font-size: var(--lp-body-sm-size);
}

.log-line[b-5zbphm7kab] {
    display: flex;
    gap: var(--lp-space-2);
    align-items: baseline;
    padding: 1px 0;
    color: inherit;
}

.log-line.log-expandable[b-5zbphm7kab] {
    cursor: pointer;
}

.log-line.log-expandable:hover[b-5zbphm7kab] {
    background: var(--lp-console-hover);
}

.log-caret[b-5zbphm7kab] {
    flex-shrink: 0;
    width: 1ch;
    opacity: 0.6;
}

.log-ts[b-5zbphm7kab] {
    flex-shrink: 0;
    opacity: 0.6;
    white-space: nowrap;
}

.log-lvl[b-5zbphm7kab] {
    flex-shrink: 0;
    width: 3ch;
    font-weight: 600;
}

.log-msg[b-5zbphm7kab] {
    flex: 1;
    white-space: pre-wrap;
    word-break: break-word;
}

/* Tons `-dark` das semânticas: os tons `base` do guia são cor de FUNDO e não
   atingem contraste mínimo como texto sobre superfície clara.
   O warning é o caso sem saída pela paleta (mesmo #DDB100 dá ~2.4:1 como
   texto), então recebe fundo em vez de cor de texto. */
.log-line.log-warning[b-5zbphm7kab] {
    color: var(--lp-text);
    background: var(--lp-warning-bg);
}

.log-line.log-error[b-5zbphm7kab] {
    color: var(--lp-error-dark);
}

.log-line.log-fatal[b-5zbphm7kab] {
    color: var(--lp-error-dark);
    background: var(--lp-error-bg);
    font-weight: bold;
}

.log-line.log-debug[b-5zbphm7kab] {
    color: var(--lp-gray-1);
}

.log-line.log-verbose[b-5zbphm7kab] {
    color: var(--lp-gray-1);
    opacity: 0.8;
}

.log-detail-label[b-5zbphm7kab] {
    margin: var(--lp-space-1) 0 2px var(--lp-space-4);
    font-size: var(--lp-body-sm-size);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    opacity: 0.5;
}

.log-exception[b-5zbphm7kab] {
    margin: 2px 0 6px var(--lp-space-4);
    padding: 6px var(--lp-space-2);
    white-space: pre-wrap;
    word-break: break-word;
    color: var(--lp-error-dark);
    background: var(--lp-error-bg);
    border-left: 2px solid var(--lp-error);
    border-radius: 2px;
    font-family: monospace;
    font-size: var(--lp-body-sm-size);
}

.log-properties[b-5zbphm7kab] {
    margin: 0 0 6px var(--lp-space-4);
    padding: 6px var(--lp-space-2);
    white-space: pre-wrap;
    word-break: break-word;
    color: var(--lp-info-dark);
    background: var(--lp-info-bg);
    border-left: 2px solid var(--lp-info);
    border-radius: 2px;
    font-family: monospace;
    font-size: var(--lp-body-sm-size);
}

.log-empty[b-5zbphm7kab] {
    opacity: 0.6;
    font-style: italic;
}
/* /Components/Shared/LogPropertyFilterBuilder.razor.rz.scp.css */
.prop-filter[b-72qpji7r21] {
    display: flex;
    flex-direction: column;
    gap: var(--lp-space-3);
}

.prop-filter-hint[b-72qpji7r21] {
    font-size: var(--lp-body-sm-size);
    color: var(--lp-text-secondary);
}

.prop-filter-conditions[b-72qpji7r21] {
    display: flex;
    flex-direction: column;
    gap: var(--lp-space-1);
}

.prop-filter-condition[b-72qpji7r21] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--lp-space-2);
    padding: var(--lp-space-1) var(--lp-space-2);
    border: var(--lp-border-width) solid var(--lp-border);
    border-radius: var(--lp-radius-control);
    font-size: var(--lp-body-sm-size);
}

.prop-filter-condition-text[b-72qpji7r21] {
    overflow-wrap: anywhere;
}

.prop-filter-condition-remove[b-72qpji7r21] {
    border: none;
    background: transparent;
    color: var(--lp-text-secondary);
    font: inherit;
    cursor: pointer;
    padding: 0 var(--lp-space-1);
}

.prop-filter-condition-remove:hover[b-72qpji7r21] {
    color: var(--lp-error-dark);
}

.prop-filter-draft[b-72qpji7r21] {
    display: flex;
    flex-direction: column;
    gap: var(--lp-space-2);
    padding: var(--lp-space-3);
    border: var(--lp-border-width) dashed var(--lp-border);
    border-radius: var(--lp-radius-control);
}

.prop-filter-draft-title[b-72qpji7r21] {
    font-size: var(--lp-body-sm-size);
    font-weight: 600;
}

.prop-filter-chips[b-72qpji7r21],
.prop-filter-examples[b-72qpji7r21] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--lp-space-2);
}

.prop-filter-chip[b-72qpji7r21] {
    display: inline-flex;
    align-items: center;
    gap: var(--lp-space-2);
    max-width: 100%;
    padding: var(--lp-space-1) var(--lp-space-2);
    border: var(--lp-border-width) solid var(--lp-border);
    border-radius: var(--lp-radius-pill);
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: var(--lp-body-sm-size);
    cursor: pointer;
}

.prop-filter-chip:hover[b-72qpji7r21] {
    background: var(--lp-gray-5);
}

.prop-filter-chip-value[b-72qpji7r21] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 22ch;
}

.prop-filter-chip-count[b-72qpji7r21] {
    color: var(--lp-text-secondary);
    font-variant-numeric: tabular-nums;
}

.prop-filter-example[b-72qpji7r21] {
    display: flex;
    flex-direction: column;
    gap: var(--lp-space-1);
    align-items: flex-start;
    padding: var(--lp-space-2) var(--lp-space-2);
    border: var(--lp-border-width) solid var(--lp-border);
    border-radius: var(--lp-radius-control);
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.prop-filter-example:hover[b-72qpji7r21] {
    background: var(--lp-gray-5);
}

.prop-filter-example code[b-72qpji7r21] {
    font-size: var(--lp-body-sm-size);
    word-break: break-all;
}

.prop-filter-example span[b-72qpji7r21] {
    font-size: var(--lp-body-sm-size);
    color: var(--lp-text-secondary);
}

.prop-filter-syntax-grid[b-72qpji7r21] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--lp-space-1) var(--lp-space-3);
    font-size: var(--lp-body-sm-size);
    align-items: baseline;
}

.prop-filter-syntax-grid span[b-72qpji7r21] {
    color: var(--lp-text-secondary);
}

.prop-filter-error[b-72qpji7r21] {
    font-size: var(--lp-body-sm-size);
    color: var(--lp-error-dark);
}

.prop-filter-preview[b-72qpji7r21] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--lp-space-3);
    flex-wrap: wrap;
    padding-top: var(--lp-space-2);
    border-top: var(--lp-border-width) solid var(--lp-border-subtle);
}

.prop-filter-preview-desc[b-72qpji7r21] {
    font-size: var(--lp-body-sm-size);
}

.prop-filter-test[b-72qpji7r21] {
    font-size: var(--lp-body-sm-size);
    color: var(--lp-text-secondary);
}
/* /Components/Shared/Notifications/NotificationDisplay.razor.rz.scp.css */
.notification-list[b-n63fvj9p2a] {
    display: flex;
    flex-direction: column;
    gap: var(--lp-space-3);
    margin-bottom: var(--lp-space-2);
    margin-top: var(--lp-space-2);
}

.notification-item[b-n63fvj9p2a] {
    display: flex;
    align-items: center;
    gap: var(--lp-space-3);
    padding: var(--lp-space-3) var(--lp-space-4);
    border-radius: var(--lp-radius-control);
    border-left: 4px solid color-mix(in srgb, currentColor 55%, transparent);
    color: var(--lp-white);
    box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
}

.notification-icon[b-n63fvj9p2a] {
    flex: 0 0 auto;
}

.notification-message[b-n63fvj9p2a] {
    flex: 1 1 auto;
    line-height: 1.4;
    word-break: break-word;
}

.notification-link[b-n63fvj9p2a] {
    flex: 0 0 auto;
    color: currentColor;
    font-weight: 600;
    text-decoration: underline;
    white-space: nowrap;
}

.notification-link:focus-visible[b-n63fvj9p2a] {
    outline: var(--lp-focus-ring-width) solid color-mix(in srgb, currentColor 80%, transparent);
    outline-offset: 2px;
}

.notification-close[b-n63fvj9p2a] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--lp-space-1);
    border: none;
    background: transparent;
    color: inherit;
    cursor: pointer;
    border-radius: var(--lp-radius-control);
    opacity: 0.85;
    transition: opacity 0.15s ease, background 0.15s ease;
}

.notification-close:hover[b-n63fvj9p2a] {
    opacity: 1;
    background: color-mix(in srgb, currentColor 20%, transparent);
}

.notification-close:focus-visible[b-n63fvj9p2a] {
    outline: var(--lp-focus-ring-width) solid color-mix(in srgb, currentColor 80%, transparent);
    outline-offset: 1px;
}

.notification-error[b-n63fvj9p2a] {
    background: var(--lp-error);
}

/* Texto escuro: branco sobre o amarelo do guia (#F0CE45) dá ~1.8:1 de
   contraste. A borda e os focos herdam currentColor por isso. */
.notification-warning[b-n63fvj9p2a] {
    background: var(--lp-warning);
    color: var(--lp-warning-on);
}

.notification-success[b-n63fvj9p2a] {
    background: var(--lp-success);
}

.notification-info[b-n63fvj9p2a] {
    background: var(--lp-info);
}
/* /Components/Shared/Ui/LeptonCard.razor.rz.scp.css */
/* Superfície canônica do guia (§7 da referência): raio 8px, fundo branco,
   borda #CED4DA, cabeçalho de 80px com divisor mais claro. */

.lp-card[b-seau3l24fi] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: var(--lp-surface);
    border: var(--lp-border-width) solid var(--lp-border);
    border-radius: var(--lp-radius-surface);
    overflow: hidden;
}

.lp-card--wide[b-seau3l24fi] {
    grid-column: 1 / -1;
}

.lp-card__header[b-seau3l24fi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--lp-space-4);
    min-height: var(--lp-card-header-height);
    padding: var(--lp-space-4) var(--lp-space-6);
    border-bottom: var(--lp-border-width) solid var(--lp-border);
}

.lp-card__heading[b-seau3l24fi] {
    display: flex;
    align-items: center;
    gap: var(--lp-space-3);
    min-width: 0;
}

/* O guia usa Roboto Medium 28px no título do card de listagem (não o Heading 4
   em negrito). */
.lp-card__title[b-seau3l24fi] {
    margin: 0;
    font-size: var(--lp-h3-size);
    line-height: 1.2;
    font-weight: var(--lp-weight-medium);
    color: var(--lp-dark-1);
}

/* O guia usa #D3D3D3 no subtítulo, que dá ~1.5:1 sobre branco. Como aqui ele
   costuma carregar informação, usamos o cinza de texto secundário. */
.lp-card__subtitle[b-seau3l24fi] {
    margin: 0;
    font-size: var(--lp-body-size);
    line-height: var(--lp-body-lh);
    color: var(--lp-text-secondary);
}

.lp-card__actions[b-seau3l24fi] {
    display: flex;
    align-items: center;
    gap: var(--lp-space-2);
    flex-shrink: 0;
}

.lp-card__body[b-seau3l24fi] {
    padding: var(--lp-space-6);
    min-width: 0;
}

/* A variante de listagem cola a tabela nas bordas do card: a grade tem
   espaçamento próprio e as bordas do card fecham as laterais das linhas.
   A regra vive aqui, e não no LeptonTableCard, porque `.lp-card__body` é deste
   componente — de lá o `::deep` não teria ancestral com escopo para ancorar. */
.lp-card.lp-table-card .lp-card__body[b-seau3l24fi] {
    padding: 0;
}
/* /Components/Shared/Ui/LeptonLink.razor.rz.scp.css */
.lp-link[b-wumrxluu15] {
    display: inline-flex;
    align-items: center;
    gap: var(--lp-space-1);
    font-size: var(--lp-body-sm-size);
    line-height: var(--lp-body-sm-lh);
    font-weight: var(--lp-weight-medium);
    color: var(--lp-brand);
    text-decoration: none;
    border-radius: var(--lp-radius-control);
    white-space: nowrap;
}

.lp-link:hover[b-wumrxluu15] {
    color: var(--lp-brand-darker);
    text-decoration: underline;
}

.lp-link:focus-visible[b-wumrxluu15] {
    outline: var(--lp-focus-ring-width) solid var(--lp-focus-ring-color);
    outline-offset: 2px;
}

/* O ícone vem do FluentIcon, que renderiza o <svg> — daqui só ::deep alcança. */
.lp-link[b-wumrxluu15]  .lp-link__icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

/* Variante de ação: em cabeçalho de card e barra de ferramentas o link convive
   com controles de 40–48px, e como texto solto fica desequilibrado. */
.lp-link--action[b-wumrxluu15] {
    height: var(--lp-control-height-sm);
    padding: 0 var(--lp-space-3);
    border: var(--lp-border-width) solid transparent;
}

.lp-link--action:hover[b-wumrxluu15] {
    background: var(--lp-brand-subtle);
    text-decoration: none;
}
/* /Components/Shared/Ui/LeptonPageHeader.razor.rz.scp.css */
.lp-page-header[b-f7ovmjee31] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--lp-space-4);
    margin-bottom: var(--lp-space-6);
}

.lp-page-header__heading[b-f7ovmjee31] {
    min-width: 0;
}

/* Heading 3 do guia */
.lp-page-header__title[b-f7ovmjee31] {
    margin: 0;
    font-size: var(--lp-h3-size);
    line-height: var(--lp-h3-lh);
    font-weight: var(--lp-weight-bold);
    color: var(--lp-text);
}

.lp-page-header__description[b-f7ovmjee31] {
    margin: var(--lp-space-1) 0 0 0;
    font-size: var(--lp-body-size);
    line-height: var(--lp-body-lh);
    color: var(--lp-text-secondary);
}

.lp-page-header__actions[b-f7ovmjee31] {
    display: flex;
    align-items: center;
    gap: var(--lp-space-2);
    flex-shrink: 0;
}

@media (max-width: 767px) {
    .lp-page-header[b-f7ovmjee31] {
        flex-direction: column;
    }
}
/* /Components/Shared/Ui/LeptonStatusChip.razor.rz.scp.css */
.lp-status[b-wgug6u9gic] {
    display: inline-flex;
    align-items: center;
    gap: var(--lp-space-2);
    height: 24px;
    padding: 0 var(--lp-space-2);
    border-radius: var(--lp-radius-badge);
    font-size: var(--lp-body-sm-size);
    font-weight: var(--lp-weight-medium);
    white-space: nowrap;
}

.lp-status__dot[b-wgug6u9gic] {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    border-radius: 50%;
    background: currentColor;
}

/* Ativo: chip suave na cor de marca, como no guia. */
.lp-status--active[b-wgug6u9gic] {
    background: var(--lp-brand-subtle);
    color: var(--lp-brand-darker);
}

/* Inativo: sem preenchimento, só a bolinha escura. */
.lp-status--inactive[b-wgug6u9gic] {
    background: transparent;
    color: var(--lp-text-secondary);
}

.lp-status--success[b-wgug6u9gic] {
    background: var(--lp-success-bg);
    color: var(--lp-success-dark);
}

/* O fundo quase branco do --lp-warning-bg somado ao texto escuro fazia o chip
   de aviso parecer neutro — "Pendente" era indistinguível de "sem status".
   O amarelo claro do guia mantém o sinal e dá ~9:1 com texto escuro. */
.lp-status--warning[b-wgug6u9gic] {
    background: var(--lp-warning-light);
    color: var(--lp-warning-on);
}

.lp-status--error[b-wgug6u9gic] {
    background: var(--lp-error-bg);
    color: var(--lp-error-dark);
}

.lp-status--neutral[b-wgug6u9gic] {
    background: var(--lp-gray-5);
    color: var(--lp-text-secondary);
}
/* /Components/Shared/Ui/LeptonTableCard.razor.rz.scp.css */
.lp-table-card__state[b-wspmbf20uc] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--lp-space-12) var(--lp-space-6);
}

.lp-table-card__state--empty[b-wspmbf20uc] {
    color: var(--lp-text-secondary);
    font-size: var(--lp-body-size);
}