@import '_content/BigSoluSuite.UI/BigSoluSuite.UI.bundle.scp.css';

/* /Layout/AppHeader/AppHeader.razor.rz.scp.css */
/* Cabeçalho do shell da Suite. As medidas moram aqui, e não em classe utilitária de valor entre
   colchetes, porque classe assim escrita fora do projeto principal sai do build sem CSS.

   O defeito que isto corrige: a 390 px o botão de conversas e o contador ficavam por cima do nome
   "Big Solu". Os botões do canto não encolhem e o lado da marca encolhia sem limite; o logo
   transbordava por baixo dos botões em vez de ceder espaço. */

/* Nada encosta no vizinho: entre a marca e os botões sempre sobra este vão, mesmo quando o
   espaço acaba. */
.app-header[b-rn4qfk72dh] {
    column-gap: 12px;
}

/* Os botões são o que a pessoa toca; quem cede espaço é a marca. */
.app-header-actions[b-rn4qfk72dh] {
    flex-shrink: 0;
}

.app-header-logo[b-rn4qfk72dh] {
    display: flex;
    flex-shrink: 0;
}

/* Abaixo do sm o nome não cabe ao lado de chat, sino, marcação, ajuda e avatar: a marca fica só
   com o ícone, que continua dizendo "Big Solu" a leitores de tela pelo texto alternativo. Os
   botões chegam um pouco mais perto entre si para o pior caso — WhatsApp (48 px) e marcação
   ligados a 360 px — ainda deixar a margem inteira. */
@media (max-width: 639.98px) {
    .app-header-logo[b-rn4qfk72dh]  h1 {
        display: none;
    }

    .app-header-actions[b-rn4qfk72dh] {
        gap: 6px;
    }
}
/* /Layout/MainLayout/MainLayout.razor.rz.scp.css */
/* A área de conteúdo ocupa o espaço que sobra ao lado do menu. As regras .page, .sidebar e .top-row do modelo
   padrão do Blazor saíram em 25/09/2026 (THM-03): nenhum elemento do layout as usava, e as cores fixas
   delas (degradê roxo, cinza claro) nunca apareciam na tela. */
main[b-gv2tnv4jgw] {
    flex: 1;
}
/* /Layout/NavigationGroupSection/NavigationGroupSection.razor.rz.scp.css */
/*
 * Grupo do menu V2 (FND-03/US01, critério 36), conforme o protótipo aprovado em 17/09/2026:
 * ícone num quadrado tingido, nome em tamanho normal, seta e itens presos ao grupo por um fio.
 */
.nav-tree[b-bwuoghgq4s] {
    margin-top: 4px;
}

.nav-head[b-bwuoghgq4s] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 44px;
    margin: 0;
    padding: 0 8px 0 6px;
    border: 0;
    border-radius: 10px;
    color: var(--color-ink-strong);
    background-color: transparent;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.3;
    text-align: left;
    transition: background-color 150ms ease;
}

button.nav-head:hover[b-bwuoghgq4s] {
    background-color: color-mix(in srgb, var(--color-line) 45%, transparent);
}

.nav-head:focus-visible[b-bwuoghgq4s],
.nav-rail-button:focus-visible[b-bwuoghgq4s] {
    outline: 2px solid var(--color-accent);
    outline-offset: 1px;
}

.nav-head--static[b-bwuoghgq4s] {
    cursor: default;
}

.nav-head-icon[b-bwuoghgq4s] {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    color: var(--color-nav-accent-soft);
    background-color: color-mix(in srgb, var(--color-nav-accent) 16%, transparent);
    font-size: 13px;
}

.nav-head-name[b-bwuoghgq4s] {
    flex: 1 1 auto;
    min-width: 0;
}

.nav-head-here[b-bwuoghgq4s] {
    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    border-radius: 9999px;
    background-color: var(--color-nav-accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-nav-accent) 22%, transparent);
}

/* Seta desenhada por borda: para a direita fechado, para baixo aberto. */
.nav-head-chevron[b-bwuoghgq4s] {
    flex: 0 0 auto;
    width: 6px;
    height: 6px;
    margin-right: 4px;
    border-right: 1.5px solid var(--color-nav-muted);
    border-bottom: 1.5px solid var(--color-nav-muted);
    transform: rotate(-45deg);
    transition: transform 200ms ease;
}

.nav-tree.is-open .nav-head .nav-head-chevron[b-bwuoghgq4s] {
    transform: translateY(-2px) rotate(45deg);
}

/* O fio do grupo recua o suficiente para dizer que o item é de dentro dele, sem comer a largura
   do nome (pedido do dono em 17/09/2026). */
.nav-branch[b-bwuoghgq4s] {
    margin: 2px 0 8px 16px;
    padding-left: 6px;
    border-left: 1px solid color-mix(in srgb, var(--color-ink-subtle) 50%, transparent);
}

/* Favoritos: a estrela no lugar do ícone do grupo. */
.nav-tree--favorites .nav-head-icon[b-bwuoghgq4s] {
    color: var(--color-warning-ink);
    background-color: color-mix(in srgb, var(--color-warning-ink) 14%, transparent);
}

/* "Reordenar" é um modo do grupo Favoritos, e o cabeçalho é onde ele liga e desliga (critério 42).
   Discreto fora do modo, aceso dentro dele. */
.nav-head-row[b-bwuoghgq4s] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.nav-head-row .nav-head[b-bwuoghgq4s] {
    flex: 1 1 auto;
    min-width: 0;
}

.nav-head-action[b-bwuoghgq4s] {
    flex: 0 0 auto;
    margin-right: 2px;
    padding: 4px 8px;
    border: 0;
    border-radius: 8px;
    color: var(--color-ink-muted);
    background-color: color-mix(in srgb, var(--color-line) 35%, transparent);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
}

.nav-head-action:hover[b-bwuoghgq4s] {
    color: var(--color-ink-strong);
    background-color: color-mix(in srgb, var(--color-line) 65%, transparent);
}

.nav-head-action:focus-visible[b-bwuoghgq4s] {
    outline: 2px solid var(--color-accent);
    outline-offset: 1px;
}

.nav-head-action.is-on[b-bwuoghgq4s] {
    color: var(--color-page);
    background-color: var(--color-warning-ink);
}

.nav-tree--mobile .nav-head-action[b-bwuoghgq4s] {
    min-height: 32px;
    padding: 6px 12px;
    font-size: 12px;
}

/* Celular: alvos maiores, no mesmo desenho. */
.nav-tree--mobile .nav-head[b-bwuoghgq4s] {
    min-height: 52px;
    font-size: 15px;
}

.nav-tree--mobile .nav-head-icon[b-bwuoghgq4s] {
    width: 32px;
    height: 32px;
    font-size: 15px;
}

.nav-tree--mobile .nav-branch[b-bwuoghgq4s] {
    margin-left: 21px;
}

/* Menu recolhido: só o ícone do grupo; o da página atual fica aceso (critério 40). */
.nav-rail-button[b-bwuoghgq4s] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 44px;
    padding: 0;
    border: 0;
    border-radius: 10px;
    background-color: transparent;
}

.nav-rail-button:hover[b-bwuoghgq4s],
.nav-rail-group.is-panel .nav-rail-button[b-bwuoghgq4s] {
    background-color: color-mix(in srgb, var(--color-line) 55%, transparent);
}

.nav-rail-button .nav-head-icon[b-bwuoghgq4s] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
}

.nav-rail-group.is-current .nav-head-icon[b-bwuoghgq4s] {
    color: var(--color-ink);
    background-color: var(--color-nav-active);
}

.nav-rail-group.is-panel .nav-head-icon[b-bwuoghgq4s] {
    box-shadow: 0 0 0 2px var(--color-nav-accent);
}

/* Painel flutuante ao lado do ícone, sem expandir o menu. */
.nav-rail-panel[b-bwuoghgq4s] {
    position: fixed;
    z-index: 60;
    width: 244px;
    max-height: calc(100vh - 24px);
    overflow-y: auto;
    padding: 8px;
    border: 1px solid color-mix(in srgb, var(--color-line) 80%, transparent);
    border-radius: 12px;
    background-color: var(--color-nav-panel);
    box-shadow: 0 24px 48px -12px color-mix(in srgb, var(--color-page-deep) 70%, transparent);
}

.nav-rail-panel-title[b-bwuoghgq4s] {
    margin: 4px 10px 6px;
    color: var(--color-nav-ink);
    font-size: 12px;
    font-weight: 700;
}

@media (prefers-reduced-motion: reduce) {
    .nav-head[b-bwuoghgq4s],
    .nav-head-chevron[b-bwuoghgq4s] {
        transition: none;
    }
}
/* /Layout/NavigationItemLink/NavigationItemLink.razor.rz.scp.css */
/* Linha do menu com a estrela de favorito (FND-03/US01, critério 37). */
.nav-row[b-picfjzxgt4] {
    display: flex;
    align-items: center;
    gap: 0;
}

/* No computador o espaço da barra é curto e o nome do destino vem primeiro: a linha cede um pouco
   do respiro lateral para o nome caber numa linha só, ao lado da estrela. No toque o alvo continua
   folgado. */
.nav-row:not(.nav-row--touch):not(.nav-row--icon)[b-picfjzxgt4]  a {
    padding-left: 10px;
    padding-right: 8px;
    gap: 10px;
}

.nav-row[b-picfjzxgt4]  a {
    flex: 1 1 auto;
    min-width: 0;
}

/* Nome longo quebra linha em vez de ser cortado: o destino precisa ser lido inteiro. */
.nav-row[b-picfjzxgt4]  a > span:not(.sr-only) {
    min-width: 0;
    overflow-wrap: anywhere;
}

/* A estrela guarda o lugar dela desde sempre, mesmo escondida: aparecendo só no mouse, ela
   estreitava o nome do destino na hora do hover e o texto quebrava linha embaixo do ponteiro
   (apontado pelo dono em 17/09/2026). Agora o que muda é só a visibilidade. */
.nav-star[b-picfjzxgt4] {
    display: grid;
    visibility: hidden;
    flex: 0 0 auto;
    place-items: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    color: var(--color-nav-muted);
    background-color: transparent;
    font-size: 13px;
    transition: color 120ms ease, background-color 120ms ease;
}

/* No computador a estrela aparece ao passar o mouse ou ao chegar pelo teclado, fica à vista quando
   marcada e enquanto o servidor não responde. */
.nav-row:hover .nav-star[b-picfjzxgt4],
.nav-row:focus-within .nav-star[b-picfjzxgt4],
.nav-star.is-on[b-picfjzxgt4],
.nav-star.is-saving[b-picfjzxgt4] {
    visibility: visible;
}

.nav-star:hover:not(:disabled)[b-picfjzxgt4] {
    color: var(--color-ink);
    background-color: color-mix(in srgb, var(--color-line) 55%, transparent);
}

.nav-star:focus-visible[b-picfjzxgt4] {
    outline: 2px solid var(--color-accent);
    outline-offset: 1px;
}

.nav-star.is-on[b-picfjzxgt4] {
    color: var(--color-warning-ink);
}

/* Guardando: o giro substitui a estrela e o botão não aceita clique. */
.nav-star.is-saving[b-picfjzxgt4] {
    color: var(--color-accent-ink-soft);
    cursor: progress;
}

.nav-star:disabled[b-picfjzxgt4] {
    cursor: progress;
}

/* Em Favoritos todas estão marcadas: no computador a estrela só aparece no mouse, para tirar. O
   `:not(.is-saving)` é o que deixa o giro à vista sem o mouse — ele é a resposta do clique, e sem
   ele a linha ficaria sem sinal nenhum enquanto o servidor não responde. */
.nav-row--favorites:not(.nav-row--touch):not(:hover):not(:focus-within) .nav-star.is-on:not(.is-saving)[b-picfjzxgt4] {
    visibility: hidden;
}

/* As setas do modo de reordenar ocupam o lugar da estrela, lado a lado (critério 42). Elas ficam
   sempre à vista — o modo inteiro é sobre mexer nelas — e a que não tem para onde ir guarda o
   lugar dela, para as linhas continuarem alinhadas. */
.nav-move[b-picfjzxgt4] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
}

.nav-move-button[b-picfjzxgt4] {
    visibility: visible;
    color: var(--color-ink-soft);
}

/* A seta sem para onde ir some, mas guarda o lugar. O seletor tem de ser mais forte que as regras
   de toque, que mandam toda estrela aparecer — senão, no celular, ela reapareceria. */
.nav-move .nav-star.is-blocked[b-picfjzxgt4] {
    visibility: hidden;
}

/* Celular e tablet não têm mouse: a estrela fica sempre à vista, discreta. */
.nav-row--touch .nav-star[b-picfjzxgt4] {
    visibility: visible;
    width: 44px;
    height: 44px;
    color: var(--color-ink-muted);
    font-size: 15px;
}

.nav-row--touch .nav-star.is-on[b-picfjzxgt4] {
    color: var(--color-warning-ink);
}

@media (hover: none) {
    /* Mesma especificidade da regra que esconde em Favoritos, e depois dela: no tablet vence. */
    .nav-row .nav-star[b-picfjzxgt4],
    .nav-row--favorites:not(.nav-row--touch):not(:hover):not(:focus-within) .nav-star.is-on:not(.is-saving)[b-picfjzxgt4] {
        visibility: visible;
        width: 44px;
        height: 44px;
    }
}

/* No toque o alvo das setas é o mesmo da estrela. */
.nav-row--touch .nav-move-button[b-picfjzxgt4] {
    width: 44px;
    height: 44px;
    font-size: 15px;
}

@media (prefers-reduced-motion: reduce) {
    .nav-star[b-picfjzxgt4] {
        transition: none;
    }
}

/* O número ao lado do destino (OPS-04/US03: pedidos esperando resposta). Âmbar como no protótipo, com margem para não
   encostar no nome; recolhido, vira um ponto no canto do ícone. */
.nav-badge[b-picfjzxgt4] {
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    min-width: 22px;
    height: 22px;
    margin-left: auto;
    padding: 0 6px;
    border-radius: 999px;
    background: var(--color-warning-ink);
    color: var(--color-surface);
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
}

.nav-badge--dot[b-picfjzxgt4] {
    min-width: 8px;
    width: 8px;
    height: 8px;
    padding: 0;
    margin-left: -6px;
    align-self: flex-start;
}
/* /Layout/NavigationMenuItems/NavigationMenuItems.razor.rz.scp.css */
.menu-skeleton-home[b-m1cmbvzr5m] {
    position: relative;
    overflow: hidden;
    background-color: color-mix(in srgb, var(--color-surface) 90%, transparent);
    background-image: linear-gradient(
        110deg,
        color-mix(in srgb, var(--color-surface) 92%, transparent) 0%,
        color-mix(in srgb, var(--color-line) 96%, transparent) 28%,
        color-mix(in srgb, var(--color-sky) 14%, transparent) 48%,
        color-mix(in srgb, var(--color-line-strong) 96%, transparent) 62%,
        color-mix(in srgb, var(--color-surface) 92%, transparent) 100%
    );
    background-size: 220% 100%;
    animation: menu-skeleton-surface-b-m1cmbvzr5m 2s ease-in-out infinite;
}

.menu-skeleton-card[b-m1cmbvzr5m] {
    position: relative;
    overflow: hidden;
    background-color: color-mix(in srgb, var(--color-surface) 55%, transparent);
    background-image: linear-gradient(
        110deg,
        color-mix(in srgb, var(--color-surface) 70%, transparent) 0%,
        color-mix(in srgb, var(--color-line) 78%, transparent) 30%,
        color-mix(in srgb, var(--color-indigo) 18%, transparent) 48%,
        color-mix(in srgb, var(--color-success) 10%, transparent) 62%,
        color-mix(in srgb, var(--color-surface) 70%, transparent) 100%
    );
    background-size: 220% 100%;
    animation: menu-skeleton-surface-b-m1cmbvzr5m 1.9s ease-in-out infinite;
}

.menu-skeleton-block[b-m1cmbvzr5m],
.menu-skeleton-line[b-m1cmbvzr5m],
.menu-skeleton-label[b-m1cmbvzr5m] {
    position: relative;
    z-index: 1;
    background: color-mix(in srgb, var(--color-ink-muted) 58%, transparent);
}

.menu-skeleton-line-soft[b-m1cmbvzr5m] {
    background: color-mix(in srgb, var(--color-ink-subtle) 62%, transparent);
}

.menu-skeleton-label[b-m1cmbvzr5m] {
    background: color-mix(in srgb, var(--color-ink-subtle) 72%, transparent);
}

.menu-skeleton-divider[b-m1cmbvzr5m] {
    background: color-mix(in srgb, var(--color-line-strong) 50%, transparent);
}

@keyframes menu-skeleton-shimmer-b-m1cmbvzr5m {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

@keyframes menu-skeleton-surface-b-m1cmbvzr5m {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

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

/*
 * Menu recolhido do menu V2 (FND-03/US01, critério 40): favoritos no alto, separados por um fio,
 * depois os itens sem grupo e, abaixo de outro fio, os ícones dos grupos.
 */
.nav-rail[b-m1cmbvzr5m] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.nav-rail-favorites[b-m1cmbvzr5m] {
    margin-bottom: 4px;
    padding-bottom: 8px;
    border-bottom: 1px solid color-mix(in srgb, var(--color-line-strong) 45%, transparent);
}

.nav-rail-groups[b-m1cmbvzr5m] {
    margin-top: 4px;
    padding-top: 8px;
    border-top: 1px solid color-mix(in srgb, var(--color-line-strong) 45%, transparent);
}

/* Faixa transparente que fecha o painel ao clicar fora; começa na borda do trilho. */
.nav-rail-backdrop[b-m1cmbvzr5m] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 50;
}
/* /Layout/NavigationTrail/NavigationTrail.razor.rz.scp.css */
/* Caminho da tela no cabeçalho. As medidas moram aqui, e não em classe utilitária de valor
   entre colchetes, porque classe assim escrita fora do projeto principal sai do build sem CSS. */

.trail[b-3w6mk82405] {
    display: none;
    align-items: center;
    gap: 8px;
    min-width: 0;
    /* Espaço livre entre a marca e os botões do canto. Fora do editor o centro do cabeçalho está
       vazio, e um teto curto encurtava o caminho inteiro sem necessidade — a 1024 sobrava meia
       tela e o nome da tela atual saía com reticências. */
    max-width: 56vw;
    overflow: hidden;
    margin-top: 4px;
    margin-left: 16px;
    padding-left: 16px;
    border-left: 1px solid color-mix(in srgb, var(--color-line) 50%, transparent);
}

/* O caminho aparece quando há espaço para ele: no celular e no tablet o cabeçalho já disputa
   lugar com o menu, o sino, a ajuda e o avatar. */
@media (min-width: 1024px) {
    .trail[b-3w6mk82405] {
        display: flex;
    }
}

/* No editor o centro do cabeçalho leva o endereço do site e a direita leva as ações; o caminho
   só entra quando a largura garante a margem entre eles. */
.trail.trail-editor[b-3w6mk82405] {
    display: none;
    max-width: 22vw;
}

@media (min-width: 1280px) {
    .trail.trail-editor[b-3w6mk82405] {
        display: flex;
    }
}

.trail-step[b-3w6mk82405] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--color-ink-muted);
    /* Faltando espaço, quem encurta é o nome do grupo: ele diz de onde a tela é, e é a parte que
       a pessoa menos precisa ler inteira. */
    flex: 0 4 auto;
}

/* A Home é curta e é o atalho de volta: encurtá-la para "HO…" não economiza espaço e estraga o
   único degrau que a pessoa clica. */
.trail-step:first-child[b-3w6mk82405] {
    flex-shrink: 0;
}

.trail-link[b-3w6mk82405] {
    text-decoration: none;
    transition: color 0.15s ease;
}

.trail-link:hover[b-3w6mk82405] {
    color: var(--color-ink);
}

.trail-link:focus-visible[b-3w6mk82405] {
    outline: 2px solid color-mix(in srgb, var(--color-accent) 60%, transparent);
    outline-offset: 3px;
    border-radius: 3px;
    color: var(--color-ink);
}

.trail-current[b-3w6mk82405] {
    color: var(--color-ink-soft);
    font-weight: 600;
    flex-shrink: 1;
}

.trail-separator[b-3w6mk82405] {
    flex: 0 0 auto;
    font-size: 7px;
    color: var(--color-ink-muted);
}
/* /Layout/NavMenu/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-73vm1c39m2] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-73vm1c39m2] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-73vm1c39m2] {
    font-size: 1.1rem;
}

.bi[b-73vm1c39m2] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-73vm1c39m2] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' 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");
}

.bi-plus-square-fill-nav-menu[b-73vm1c39m2] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-73vm1c39m2] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-73vm1c39m2] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

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

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

    .nav-item[b-73vm1c39m2]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-73vm1c39m2]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-73vm1c39m2]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

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

    .collapse[b-73vm1c39m2] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-73vm1c39m2] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Layout/SidebarFooter/SidebarFooter.razor.rz.scp.css */
.SidebarFooter[b-imrwyn7loj] {
    flex-shrink: 0;
    padding: 0.625rem 0.75rem 0.75rem 1rem;
    border-top: 1px solid color-mix(in srgb, var(--color-line) 40%, transparent);
}

.sidebar-footer--collapsed[b-imrwyn7loj] {
    padding: 0.625rem 0.5rem;
}

.sidebar-footer-row[b-imrwyn7loj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.sidebar-footer--collapsed .sidebar-footer-row[b-imrwyn7loj] {
    justify-content: center;
}

.sidebar-footer-title[b-imrwyn7loj] {
    margin: 0;
    color: var(--color-ink-muted);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.sidebar-footer-links[b-imrwyn7loj] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-top: 0.25rem;
}

/* Discreto de propósito: está sempre à mão, mas não disputa atenção com o menu. */
.sidebar-collapse-toggle[b-imrwyn7loj] {
    display: inline-flex;
    width: 1.75rem;
    height: 1.75rem;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 0.375rem;
    background-color: transparent;
    color: var(--color-ink-muted);
    font-size: 11px;
    transition: color 150ms ease, background-color 150ms ease;
}

.sidebar-collapse-toggle:hover[b-imrwyn7loj] {
    color: var(--color-ink-strong);
    background-color: color-mix(in srgb, var(--color-line) 50%, transparent);
}

.sidebar-collapse-toggle:focus-visible[b-imrwyn7loj] {
    outline: 2px solid var(--color-accent);
    outline-offset: 2px;
}

.sidebar-footer--collapsed .sidebar-collapse-toggle[b-imrwyn7loj] {
    width: 2.25rem;
    height: 2.25rem;
    font-size: 12px;
}

@media (prefers-reduced-motion: reduce) {
    .sidebar-collapse-toggle[b-imrwyn7loj] {
        transition: none;
    }
}
/* /Pages/AccessAdministration/AccessAdministrationBoard/AccessAdministrationBoard.razor.rz.scp.css */
/* "Acessos da empresa" (protótipo funcional da FND-03, telas 18 a 34). */

/* Sem caixa própria: as ações continuam itens diretos da linha de ações do cabeçalho. */
.access-header-actions[b-7xqsiixy86] {
    display: contents;
}

.access-header-actions[b-7xqsiixy86]  button {
    height: 2.75rem;
    padding: 0 1.25rem;
    border-radius: 0.75rem;
    white-space: nowrap;
}

.access-team-data[b-7xqsiixy86] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    height: 2.75rem;
    padding: 0 1.25rem;
    border: 1px solid rgba(71, 85, 105, 0.85);
    border-radius: 0.75rem;
    background: rgba(15, 23, 42, 0.72);
    color: #f8fafc;
    font-size: 0.875rem;
    font-weight: 700;
    white-space: nowrap;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

.access-team-data:hover[b-7xqsiixy86] {
    border-color: rgba(148, 163, 184, 0.9);
    background: rgba(30, 41, 59, 0.9);
}

.access-team-data:focus-visible[b-7xqsiixy86] {
    outline: 2px solid #60a5fa;
    outline-offset: 2px;
}

.access-toolbar[b-7xqsiixy86] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(12rem, 16rem);
    gap: 0.75rem;
    align-items: end;
}

.access-list[b-7xqsiixy86] {
    display: grid;
    gap: 0.9rem;
}

.access-list-more[b-7xqsiixy86] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.access-list-more p[b-7xqsiixy86] {
    margin: 0;
    color: #94a3b8;
    font-size: 0.875rem;
}

.access-list-more[b-7xqsiixy86]  button {
    height: 2.75rem;
    border-radius: 0.75rem;
}

/* Celular: ações empilhadas, a principal em cima e o "Como funciona" por último (protótipo). */
@media (max-width: 767.98px) {
    .access-board[b-7xqsiixy86]  [data-testid="section-header-actions"] {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .access-header-actions[b-7xqsiixy86]  button,
    .access-team-data[b-7xqsiixy86] {
        width: 100%;
    }

    .access-board[b-7xqsiixy86]  [data-testid="contextual-help-link"] {
        align-self: flex-start;
    }

    .access-toolbar[b-7xqsiixy86] {
        grid-template-columns: minmax(0, 1fr);
    }

    .access-list-more[b-7xqsiixy86]  button {
        width: 100%;
    }
}
/* /Pages/AccessAdministration/AccessPersonDrawer/AccessPersonDrawer.razor.rz.scp.css */
/* Gaveta "Ver acesso" (protótipo funcional da FND-03). */
.access-drawer-head[b-bv6c4neisx] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.9rem;
}

.access-drawer-avatar[b-bv6c4neisx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 9999px;
    background: #1e2a44;
    color: #60a5fa;
    font-size: 1.05rem;
    font-weight: 800;
}

.access-drawer-title[b-bv6c4neisx] {
    min-width: 0;
}

.access-drawer-title h2[b-bv6c4neisx] {
    margin: 0;
    color: #f8fafc;
    font-size: 1.2rem;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.access-drawer-title p[b-bv6c4neisx] {
    margin: 0.2rem 0 0;
    color: #cbd5e1;
    font-size: 0.875rem;
    overflow-wrap: anywhere;
}

.access-drawer-head[b-bv6c4neisx]  .access-drawer-back {
    width: 3.5rem;
    height: 3rem;
    padding: 0;
    border-radius: 0.875rem;
    border-color: #3b5b8f;
}

.access-drawer-state[b-bv6c4neisx] {
    margin-top: 1rem;
}

.access-drawer-facts[b-bv6c4neisx] {
    display: grid;
    gap: 1rem;
    margin: 0;
}

.access-drawer-facts dt[b-bv6c4neisx] {
    color: #94a3b8;
    font-size: 0.75rem;
    font-weight: 700;
}

.access-drawer-facts dd[b-bv6c4neisx] {
    margin: 0.2rem 0 0;
    color: #f1f5f9;
    font-size: 0.9rem;
    font-weight: 500;
}

/* A frase que explica a situação não encosta no fato de cima (UI_STANDARDS: margem entre objetos). */
.access-drawer-note[b-bv6c4neisx] {
    margin: 1.4rem 0 0;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(51, 65, 85, 0.7);
    border-radius: 0.9rem;
    background: rgba(15, 23, 42, 0.5);
    color: #cbd5e1;
    font-size: 0.85rem;
    line-height: 1.5;
}

.access-drawer-sessions-title[b-bv6c4neisx] {
    margin: 1.4rem 0 0.7rem;
    color: #f8fafc;
    font-size: 0.875rem;
    font-weight: 800;
}

.access-drawer-sessions[b-bv6c4neisx] {
    display: grid;
    gap: 0.75rem;
}

.access-drawer-session[b-bv6c4neisx] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.85rem;
    padding: 0.9rem 1rem;
    border-radius: 0.875rem;
    background: #151f33;
}

.access-drawer-session-icon[b-bv6c4neisx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.75rem;
    background: #1e3a66;
    color: #dbeafe;
}

.access-drawer-session strong[b-bv6c4neisx] {
    display: block;
    color: #f8fafc;
    font-size: 0.875rem;
    font-weight: 800;
}

.access-drawer-session small[b-bv6c4neisx] {
    display: block;
    margin-top: 0.2rem;
    color: #94a3b8;
    font-size: 0.78rem;
}

.access-drawer-sessions-empty[b-bv6c4neisx],
.access-drawer-sessions-summary[b-bv6c4neisx] {
    margin: 0;
    color: #cbd5e1;
    font-size: 0.95rem;
}

.access-drawer-sessions-summary[b-bv6c4neisx] {
    display: none;
}

/* Sem caixa própria: os botões continuam filhos diretos da coluna do rodapé da gaveta. */
.access-drawer-actions[b-bv6c4neisx] {
    display: contents;
}

.access-drawer-actions[b-bv6c4neisx]  .access-drawer-help {
    min-height: 2.75rem;
    border: 1px solid rgba(71, 85, 105, 0.85);
    border-radius: 0.75rem;
    background: rgba(15, 23, 42, 0.72);
    color: #f8fafc;
}

@media (max-width: 639.98px) {
    .access-drawer-sessions[b-bv6c4neisx] {
        display: none;
    }

    .access-drawer-sessions-summary[b-bv6c4neisx] {
        display: block;
    }
}
/* /Pages/AccessAdministration/AccessPersonRow/AccessPersonRow.razor.rz.scp.css */
/* Linha da lista de acessos: cartão com pessoa, situação e ações (protótipo funcional da FND-03). */
.access-person[b-kvhtb98ujd] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.75rem 1rem;
    padding: 1rem 1.25rem;
    border: 1px solid rgba(51, 65, 85, 0.7);
    border-radius: 1rem;
    background: rgba(15, 23, 42, 0.55);
}

.access-person-avatar[b-kvhtb98ujd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 9999px;
    background: #1e2a44;
    color: #60a5fa;
    font-size: 0.95rem;
    font-weight: 800;
}

.access-person-copy[b-kvhtb98ujd] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.access-person-copy strong[b-kvhtb98ujd] {
    color: #f8fafc;
    font-size: 0.95rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.access-person-copy small[b-kvhtb98ujd] {
    color: #94a3b8;
    font-size: 0.8125rem;
    line-height: 1.35;
}

.access-person-actions[b-kvhtb98ujd] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
}

.access-person-actions[b-kvhtb98ujd]  button {
    height: 2.75rem;
    min-width: 11rem;
    padding: 0 1.25rem;
    border-radius: 0.75rem;
    white-space: nowrap;
}

/* Tablet: pessoa e situação em cima, ações de largura cheia embaixo. */
@media (max-width: 1023.98px) {
    .access-person[b-kvhtb98ujd] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .access-person-actions[b-kvhtb98ujd] {
        grid-column: 2 / -1;
        justify-content: stretch;
    }

    .access-person-actions[b-kvhtb98ujd]  button {
        flex: 1 1 10rem;
    }
}

/* Celular: cartão empilhado, selo abaixo do nome e ações ocupando a largura. */
@media (max-width: 767.98px) {
    .access-person[b-kvhtb98ujd] {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: start;
    }

    .access-person-state[b-kvhtb98ujd] {
        grid-column: 2;
    }

    .access-person-actions[b-kvhtb98ujd] {
        grid-column: 1 / -1;
        flex-direction: column;
    }

    .access-person-actions[b-kvhtb98ujd]  button {
        width: 100%;
        flex: none;
    }
}
/* /Pages/AccessAdministration/AccessStateBadge/AccessStateBadge.razor.rz.scp.css */
/* Selo de largura uniforme: a coluna de situações fica alinhada, como no protótipo. */
.access-state[b-mr3ncaaqfo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-width: 7.75rem;
    padding: 0.35rem 0.85rem;
    border-radius: 9999px;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

.access-state-dot[b-mr3ncaaqfo] {
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 9999px;
    background: currentColor;
    flex-shrink: 0;
}

.access-state--success[b-mr3ncaaqfo] { background: rgba(16, 185, 129, 0.16); color: #34d399; }
.access-state--info[b-mr3ncaaqfo] { background: rgba(59, 130, 246, 0.2); color: #60a5fa; }
.access-state--warning[b-mr3ncaaqfo] { background: rgba(245, 158, 11, 0.18); color: #fbbf24; }
.access-state--danger[b-mr3ncaaqfo] { background: rgba(244, 63, 94, 0.16); color: #fb7185; }
.access-state--neutral[b-mr3ncaaqfo] { background: #0b1120; color: #e2e8f0; }
.access-state--neutral .access-state-dot[b-mr3ncaaqfo] { background: #e2e8f0; }
/* /Pages/AccessHistory/AccessHistoryTimeline/AccessHistoryTimeline.razor.rz.scp.css */
/* "Histórico do acesso" (protótipo funcional da FND-03, tela 34). */
.access-history-list[b-edc9x2b81d] {
    display: grid;
    gap: 0.9rem;
}

.access-history-entry[b-edc9x2b81d] {
    padding: 1.1rem 1.4rem;
    border: 1px solid rgba(51, 65, 85, 0.7);
    border-radius: 1rem;
    background: rgba(15, 23, 42, 0.55);
}

.access-history-when[b-edc9x2b81d] {
    margin: 0;
    color: #60a5fa;
    font-size: 0.8125rem;
    font-weight: 800;
}

.access-history-entry h3[b-edc9x2b81d] {
    margin: 0.35rem 0 0;
    color: #f8fafc;
    font-size: 1.05rem;
    font-weight: 800;
}

.access-history-detail[b-edc9x2b81d] {
    margin: 0.6rem 0 0;
    color: #cbd5e1;
    font-size: 0.9rem;
    line-height: 1.5;
}

.access-history-more[b-edc9x2b81d] {
    display: flex;
    justify-content: center;
}

[b-edc9x2b81d] .access-history-back,
.access-history-more[b-edc9x2b81d]  button {
    height: 2.75rem;
    padding: 0 1.25rem;
    border-radius: 0.75rem;
}
/* /Pages/Agenda/AgendaCalendar/AgendaCalendar.razor.rz.scp.css */
/* Os filtros da grade: dois campos e o botão numa linha a partir de 768 px. */

.agenda-filters[b-nzbtuagqig] {
    display: grid;
    gap: 1rem;
    align-items: end;
}

@media (min-width: 768px) {
    .agenda-filters[b-nzbtuagqig] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    }
}
/* /Pages/ClientPortal/Shared/SupportEvaluationInvite/SupportEvaluationInvite.razor.rz.scp.css */
/* O convite para avaliar, no mesmo tom escuro do painel da conversa da Minha Área. */
.sei[b-7fh47kjqfs] {
    display: grid;
    gap: 10px;
    margin: 16px;
    padding: 16px;
    border: 1px solid rgba(16, 185, 129, 0.25);
    border-radius: 18px;
    background: rgba(2, 6, 23, 0.45);
    color: #e2e8f0;
}

.sei p[b-7fh47kjqfs] {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
}

.sei-closed[b-7fh47kjqfs] {
    font-weight: 700;
    color: #f8fafc;
}

.sei-stars[b-7fh47kjqfs] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    border: 0;
}

.sei-stars legend[b-7fh47kjqfs] {
    width: 100%;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #cbd5e1;
}

.sei-star[b-7fh47kjqfs] {
    width: 44px;
    height: 44px;
    border: 1px solid #334155;
    border-radius: 12px;
    background: #0f172a;
    color: #f8fafc;
    font-weight: 800;
    cursor: pointer;
}

.sei-star.on[b-7fh47kjqfs] {
    border-color: #10b981;
    background: #059669;
}

.sei-field[b-7fh47kjqfs] {
    display: grid;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #cbd5e1;
}

.sei-field textarea[b-7fh47kjqfs] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #334155;
    border-radius: 12px;
    background: #0f172a;
    color: #f8fafc;
    font: inherit;
    font-weight: 400;
    resize: vertical;
}

.sei .sei-purpose[b-7fh47kjqfs] {
    font-size: 12px;
    color: #94a3b8;
}

.sei-actions[b-7fh47kjqfs] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.sei-button[b-7fh47kjqfs] {
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid #334155;
    border-radius: 12px;
    background: transparent;
    color: #e2e8f0;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
}

.sei-button.primary[b-7fh47kjqfs] {
    border-color: #059669;
    background: #059669;
    color: #ffffff;
}

.sei-button:disabled[b-7fh47kjqfs],
.sei-star:disabled[b-7fh47kjqfs] {
    opacity: 0.5;
    cursor: default;
}
/* /Pages/ConversationInbox/ConversationComposer/ConversationComposer.razor.rz.scp.css */
.cv-composer[b-9jvcj4lb4j] {
    display: grid;
    gap: 8px;
    padding: 10px 16px 12px;
    border-top: 1px solid var(--cv-line);
    background: var(--cv-panel);
}

.cv-composer-modes[b-9jvcj4lb4j] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.cv-composer-modes button[b-9jvcj4lb4j] {
    min-height: 32px;
    padding: 4px 12px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--cv-muted);
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.cv-composer-modes button.active[b-9jvcj4lb4j] {
    background: var(--cv-primary-soft);
    color: var(--cv-text);
}

.cv-composer.note .cv-composer-modes button.active[b-9jvcj4lb4j] {
    background: rgba(251, 191, 36, 0.25);
}

.cv-composer-row[b-9jvcj4lb4j] {
    display: flex;
    gap: 10px;
    align-items: flex-end;
}

.cv-composer-box[b-9jvcj4lb4j] {
    flex: 1;
    min-width: 0;
    display: grid;
    gap: 4px;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-radius: 22px;
    background: var(--cv-panel-soft);
}

.cv-composer.note .cv-composer-box[b-9jvcj4lb4j] {
    border-color: rgba(251, 191, 36, 0.6);
    background: var(--cv-warning-soft);
}

.cv-composer-box textarea[b-9jvcj4lb4j] {
    width: 100%;
    min-height: 40px;
    max-height: 140px;
    resize: none;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--cv-text);
    font-size: 14px;
    line-height: 1.45;
}

.cv-composer-box textarea[b-9jvcj4lb4j]::placeholder {
    color: var(--cv-muted);
}

.cv-composer-box small[b-9jvcj4lb4j] {
    color: var(--cv-success);
    font-size: 11px;
}

.cv-composer.note .cv-composer-box small[b-9jvcj4lb4j] {
    color: var(--cv-warning);
}

.cv-send[b-9jvcj4lb4j] {
    width: 46px;
    height: 46px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: var(--cv-primary);
    color: #ffffff;
    font-size: 17px;
}

.cv-send:disabled[b-9jvcj4lb4j] {
    opacity: 0.5;
}

.cv-sr[b-9jvcj4lb4j] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

@media (max-width: 1023px) {
    .cv-composer[b-9jvcj4lb4j] {
        padding-inline: 10px;
    }
}
/* /Pages/ConversationInbox/ConversationDetailsPane/ConversationDetailsPane.razor.rz.scp.css */
.cv-pane-details[b-5wwel58ps9] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
    min-height: 0;
    padding: 12px 16px 18px;
    border-left: 1px solid var(--cv-line);
    background: var(--cv-panel);
    overflow-y: auto;
}

.cv-details-head[b-5wwel58ps9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 44px;
}

.cv-details-head h2[b-5wwel58ps9] {
    margin: 0;
    color: var(--cv-text);
    font-size: 17px;
    font-weight: 800;
}

.cv-details[b-5wwel58ps9] {
    display: grid;
    gap: 14px;
    margin: 0;
}

.cv-details dt[b-5wwel58ps9] {
    color: var(--cv-muted);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.cv-details dd[b-5wwel58ps9] {
    margin: 4px 0 0;
    color: var(--cv-text);
    font-size: 13px;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

@media (max-width: 1023px) {
    .cv-pane-details[b-5wwel58ps9] {
        border-left: 0;
    }
}
/* /Pages/ConversationInbox/ConversationGovernancePage/ConversationGovernancePage.razor.rz.scp.css */
.gv-bars[b-oo28fhss84] {
    display: flex;
    gap: 10px;
    align-items: flex-end;
    height: 170px;
    padding: 12px 4px 26px;
}

.gv-bar-cell[b-oo28fhss84] {
    position: relative;
    flex: 1;
    min-width: 12px;
    height: 100%;
    display: flex;
    align-items: flex-end;
}

.gv-bar[b-oo28fhss84] {
    width: 100%;
    min-height: 4px;
    border-radius: 8px 8px 4px 4px;
    background: #2563eb;
}

.gv-bar.late[b-oo28fhss84] {
    background: #fbbf24;
}

.gv-bar-cell b[b-oo28fhss84] {
    position: absolute;
    top: -2px;
    left: 0;
    right: 0;
    color: #f8fafc;
    font-size: 11px;
    text-align: center;
}

.gv-bar-cell small[b-oo28fhss84] {
    position: absolute;
    bottom: -22px;
    left: 50%;
    transform: translateX(-50%);
    color: #94a3b8;
    font-size: 10px;
    white-space: nowrap;
}

.gv-skeleton[b-oo28fhss84] {
    height: 104px;
    background: rgba(30, 41, 59, 0.7);
}

.ma-basis select[b-oo28fhss84] {
    min-height: 40px;
    padding: 6px 10px;
    border: 1px solid rgba(100, 116, 139, 0.5);
    border-radius: 10px;
    background: #1e293b;
    color: #f8fafc;
    font-size: 14px;
}

.ma-sr[b-oo28fhss84] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

@media (max-width: 767px) {
    .gv-bars[b-oo28fhss84] {
        gap: 4px;
    }

    .gv-bar-cell b[b-oo28fhss84] {
        display: none;
    }
}
/* /Pages/ConversationInbox/ConversationHistoryPage/ConversationHistoryPage.razor.rz.scp.css */
.cv-history[b-krcl17u733] {
    max-width: 960px;
    margin-inline: auto;
}

.cv-history-back[b-krcl17u733] {
    min-height: 44px;
    display: inline-flex;
    gap: 8px;
    align-items: center;
    padding: 8px 16px;
    border: 1px solid rgba(100, 116, 139, 0.5);
    border-radius: 12px;
    background: rgba(15, 23, 42, 0.4);
    color: #e2e8f0;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.cv-history-card[b-krcl17u733] {
    display: grid;
    gap: 14px;
    padding: 20px;
    border: 1px solid rgba(100, 116, 139, 0.35);
    border-radius: 16px;
    background: #0f172a;
}

.cv-history-card h2[b-krcl17u733] {
    margin: 0;
    color: #cbd5e1;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.cv-history-skeleton[b-krcl17u733] {
    height: 56px;
    border-radius: 12px;
    background: rgba(30, 41, 59, 0.7);
}

.cv-history-state[b-krcl17u733] {
    justify-items: center;
    color: #94a3b8;
    text-align: center;
}

.cv-history-state strong[b-krcl17u733] {
    color: #f8fafc;
}

.cv-history-state p[b-krcl17u733],
.cv-history-empty[b-krcl17u733] {
    margin: 0;
    color: #94a3b8;
    font-size: 14px;
}

.cv-timeline[b-krcl17u733] {
    display: grid;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cv-timeline-row[b-krcl17u733] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 10px 0;
    border-bottom: 1px solid rgba(134, 150, 160, 0.12);
}

.cv-timeline-row div[b-krcl17u733] {
    min-width: 0;
    flex: 1;
}

.cv-timeline-row strong[b-krcl17u733] {
    display: block;
    color: #f8fafc;
    font-size: 14px;
}

.cv-timeline-row small[b-krcl17u733] {
    display: block;
    margin-top: 2px;
    color: #94a3b8;
    font-size: 13px;
    line-height: 1.45;
}

.cv-timeline-row time[b-krcl17u733] {
    flex: 0 0 auto;
    color: #94a3b8;
    font-size: 12px;
    white-space: nowrap;
}

.cv-timeline-mark[b-krcl17u733] {
    width: 26px;
    height: 26px;
    flex: 0 0 auto;
    display: inline-grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(74, 222, 128, 0.14);
    color: #4ade80;
    font-size: 12px;
}

.cv-history-note[b-krcl17u733] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 14px 16px;
    border: 1px solid rgba(56, 189, 248, 0.35);
    border-radius: 14px;
    background: rgba(56, 189, 248, 0.08);
    color: #cbd5e1;
}

.cv-history-note p[b-krcl17u733] {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
}
/* /Pages/ConversationInbox/ConversationListPane/ConversationListPane.razor.rz.scp.css */
.cv-pane-list[b-ttl3yqlw1d] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--cv-line);
    background: var(--cv-bg);
}

.cv-list-head[b-ttl3yqlw1d] {
    min-height: 64px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px 10px 18px;
    border-bottom: 1px solid var(--cv-line);
    background: var(--cv-panel);
}

.cv-list-title[b-ttl3yqlw1d] {
    min-width: 0;
}

.cv-list-title h1[b-ttl3yqlw1d] {
    margin: 0;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.2;
}

.cv-list-title small[b-ttl3yqlw1d] {
    display: block;
    margin-top: 3px;
    color: var(--cv-muted);
    font-size: 12px;
}

.cv-head-icons[b-ttl3yqlw1d] {
    display: flex;
    gap: 6px;
    align-items: center;
    margin-left: auto;
}

.cv-live[b-ttl3yqlw1d] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    padding: 8px 18px;
    border-bottom: 1px solid var(--cv-line);
    font-size: 12px;
}

.cv-live small[b-ttl3yqlw1d] {
    color: var(--cv-muted);
}

.cv-live.live[b-ttl3yqlw1d] {
    color: var(--cv-success);
}

.cv-live.reconnecting[b-ttl3yqlw1d] {
    color: var(--cv-warning);
}

.cv-live.stale[b-ttl3yqlw1d] {
    color: var(--cv-danger);
}

.cv-link[b-ttl3yqlw1d] {
    padding: 4px 6px;
    border: 0;
    background: transparent;
    color: #93c5fd;
    font-size: 12px;
    font-weight: 700;
    text-decoration: underline;
    white-space: nowrap;
}

.cv-search-area[b-ttl3yqlw1d] {
    display: grid;
    gap: 10px;
    padding: 10px 12px 12px;
    border-bottom: 1px solid var(--cv-line);
}

.cv-search[b-ttl3yqlw1d] {
    height: 44px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0 14px;
    border-radius: 999px;
    background: var(--cv-panel-soft);
    color: var(--cv-muted);
}

.cv-search input[b-ttl3yqlw1d] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--cv-text);
    font-size: 14px;
}

.cv-search input[b-ttl3yqlw1d]::placeholder {
    color: var(--cv-muted);
}

.cv-chips[b-ttl3yqlw1d] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.cv-chip[b-ttl3yqlw1d] {
    min-height: 34px;
    padding: 6px 12px;
    border: 1px solid var(--cv-line);
    border-radius: 999px;
    background: transparent;
    color: var(--cv-muted);
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

.cv-chip.on[b-ttl3yqlw1d] {
    border-color: rgba(74, 222, 128, 0.45);
    background: var(--cv-success-soft);
    color: var(--cv-text);
}

.cv-filter-panel[b-ttl3yqlw1d] {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid var(--cv-line);
    border-radius: 12px;
    background: var(--cv-panel);
}

.cv-filter-panel label[b-ttl3yqlw1d] {
    display: grid;
    gap: 4px;
    margin: 0;
    color: var(--cv-muted);
    font-size: 12px;
    font-weight: 700;
}

.cv-filter-panel select[b-ttl3yqlw1d] {
    min-height: 40px;
    padding: 6px 10px;
    border: 1px solid var(--cv-line);
    border-radius: 10px;
    background: var(--cv-panel-soft);
    color: var(--cv-text);
    font-size: 14px;
}

.cv-filter-panel .cv-check[b-ttl3yqlw1d] {
    display: flex;
    gap: 8px;
    align-items: center;
    min-height: 40px;
    color: var(--cv-text);
    font-size: 14px;
}

.cv-rows[b-ttl3yqlw1d] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.cv-row[b-ttl3yqlw1d] {
    width: 100%;
    display: flex;
    gap: 13px;
    align-items: center;
    padding: 12px 14px;
    border: 0;
    border-bottom: 1px solid var(--cv-line-soft);
    background: transparent;
    color: inherit;
    text-align: left;
}

.cv-row:hover[b-ttl3yqlw1d],
.cv-row.selected[b-ttl3yqlw1d] {
    background: var(--cv-panel-soft);
}

.cv-row.selected[b-ttl3yqlw1d] {
    box-shadow: inset 3px 0 0 var(--cv-primary);
}

.cv-avatar[b-ttl3yqlw1d] {
    width: 48px;
    height: 48px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #2563eb, #0891b2);
    color: #eff6ff;
    font-size: 13px;
    font-weight: 900;
}

.cv-row-copy[b-ttl3yqlw1d] {
    min-width: 0;
    flex: 1;
    display: block;
}

.cv-row-head[b-ttl3yqlw1d] {
    display: flex;
    gap: 12px;
    align-items: baseline;
    justify-content: space-between;
}

.cv-row-head strong[b-ttl3yqlw1d] {
    min-width: 0;
    overflow: hidden;
    font-size: 15px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cv-row-preview[b-ttl3yqlw1d] {
    display: block;
    margin-top: 3px;
    overflow: hidden;
    color: var(--cv-muted);
    font-size: 14px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cv-row.unread .cv-row-preview[b-ttl3yqlw1d] {
    color: var(--cv-text);
}

/* Com o tipo do pedido do suporte (COM-05) os selos não cabem numa linha: descem, sem cortar. */
.cv-row-tags[b-ttl3yqlw1d] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    margin-top: 6px;
}

/* O canal e quem responde descem inteiros para a linha de baixo, em vez de virarem uma letra. */
.cv-row-tags small[b-ttl3yqlw1d] {
    flex: 1 1 120px;
    min-width: 0;
    overflow: hidden;
    color: var(--cv-muted);
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cv-unread[b-ttl3yqlw1d] {
    min-width: 20px;
    height: 20px;
    display: inline-grid;
    place-items: center;
    margin-left: auto;
    padding: 0 6px;
    border-radius: 999px;
    background: var(--cv-success);
    color: var(--cv-bg);
    font-size: 11px;
    font-weight: 800;
}

.cv-wait[b-ttl3yqlw1d] {
    flex: 0 0 auto;
    color: var(--cv-muted);
    font-size: 12px;
    white-space: nowrap;
}

.cv-wait.warning[b-ttl3yqlw1d] {
    color: var(--cv-warning);
    font-weight: 700;
}

.cv-wait.danger[b-ttl3yqlw1d] {
    color: var(--cv-danger);
    font-weight: 700;
}

.cv-loading[b-ttl3yqlw1d] {
    display: grid;
    gap: 10px;
    padding: 14px;
}

.cv-skeleton[b-ttl3yqlw1d] {
    height: 64px;
    border-radius: 12px;
    background: linear-gradient(90deg, rgba(30, 41, 59, 0.6), rgba(51, 65, 85, 0.6), rgba(30, 41, 59, 0.6));
    animation: cv-pulse-b-ttl3yqlw1d 1.4s ease-in-out infinite;
}

@keyframes cv-pulse-b-ttl3yqlw1d {
    50% {
        opacity: 0.55;
    }
}

.cv-list-state[b-ttl3yqlw1d] {
    display: grid;
    justify-items: center;
    gap: 8px;
    padding: 32px 20px;
    color: var(--cv-muted);
    text-align: center;
}

.cv-list-state > i[b-ttl3yqlw1d] {
    font-size: 30px;
}

.cv-list-state strong[b-ttl3yqlw1d] {
    color: var(--cv-text);
}

.cv-list-state p[b-ttl3yqlw1d] {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
}

.cv-pane-foot[b-ttl3yqlw1d] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    border-top: 1px solid var(--cv-line);
    color: var(--cv-muted);
    font-size: 12px;
}

.cv-bulk[b-ttl3yqlw1d] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

@media (max-width: 1023px) {
    .cv-pane-list[b-ttl3yqlw1d] {
        border-right: 0;
    }

    .cv-list-head[b-ttl3yqlw1d] {
        padding-inline: 12px 8px;
    }
}
/* /Pages/ConversationInbox/ConversationTargetsPage/ConversationTargetsPage.razor.rz.scp.css */
.gt-columns[b-45h88qudwd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.gt-field[b-45h88qudwd] {
    display: grid;
    gap: 6px;
    margin: 0;
}

.gt-field > span[b-45h88qudwd] {
    color: #cbd5e1;
    font-size: 13px;
    font-weight: 700;
}

.gt-field > strong[b-45h88qudwd] {
    color: #f8fafc;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
}

.gt-field small[b-45h88qudwd] {
    color: #94a3b8;
    font-size: 12px;
    line-height: 1.4;
}

.gt-field select[b-45h88qudwd],
.gt-field input[b-45h88qudwd] {
    min-height: 44px;
    padding: 8px 12px;
    border: 1px solid rgba(100, 116, 139, 0.5);
    border-radius: 12px;
    background: #1e293b;
    color: #f8fafc;
    font-size: 14px;
}

@media (max-width: 1023px) {
    .gt-columns[b-45h88qudwd] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Pages/ConversationInbox/ConversationThreadPane/ConversationThreadPane.razor.rz.scp.css */
.cv-pane-thread[b-xuadj79dfn] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.cv-chat-head[b-xuadj79dfn] {
    min-height: 64px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px 10px 18px;
    border-bottom: 1px solid var(--cv-line);
    background: var(--cv-panel);
}

/* Voltar só existe quando a lista não está ao lado. Seletor mais forte que o ícone comum da página. */
.cv-pane-thread .cv-chat-head .cv-back[b-xuadj79dfn] {
    display: none;
}

.cv-avatar[b-xuadj79dfn] {
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #2563eb, #0891b2);
    color: #eff6ff;
    font-size: 13px;
    font-weight: 900;
}

.cv-chat-person[b-xuadj79dfn] {
    min-width: 0;
    flex: 1;
}

.cv-chat-person h2[b-xuadj79dfn] {
    margin: 0;
    overflow: hidden;
    font-size: 16px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cv-chat-person small[b-xuadj79dfn] {
    display: block;
    margin-top: 3px;
    overflow: hidden;
    color: var(--cv-muted);
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cv-head-icons[b-xuadj79dfn] {
    display: flex;
    gap: 6px;
    align-items: center;
}

.cv-messages[b-xuadj79dfn] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow-y: auto;
    padding: 20px clamp(14px, 5%, 72px);
}

.cv-day[b-xuadj79dfn] {
    display: flex;
    justify-content: center;
    margin: 4px 0 8px;
}

.cv-day span[b-xuadj79dfn] {
    padding: 5px 12px;
    border-radius: 8px;
    background: var(--cv-panel);
    color: var(--cv-soft);
    font-size: 12px;
    font-weight: 700;
}

.cv-link[b-xuadj79dfn] {
    min-height: 36px;
    padding: 6px 12px;
    border: 1px solid var(--cv-line);
    border-radius: 999px;
    background: var(--cv-panel);
    color: #93c5fd;
    font-size: 12px;
    font-weight: 700;
}

.cv-message[b-xuadj79dfn] {
    display: flex;
}

.cv-message.in[b-xuadj79dfn] {
    justify-content: flex-start;
}

.cv-message.out[b-xuadj79dfn] {
    justify-content: flex-end;
}

.cv-message.wide[b-xuadj79dfn] {
    justify-content: center;
}

.cv-bubble[b-xuadj79dfn] {
    max-width: min(680px, 70%);
    padding: 6px 10px 5px;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
}

.cv-message.wide .cv-bubble[b-xuadj79dfn] {
    max-width: min(720px, 84%);
}

.cv-bubble p[b-xuadj79dfn] {
    margin: 2px 0 0;
    font-size: 14px;
    line-height: 1.45;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.cv-author[b-xuadj79dfn] {
    display: block;
    color: var(--cv-muted);
    font-size: 11px;
    font-weight: 800;
}

.cv-stamp[b-xuadj79dfn] {
    display: block;
    margin-top: 3px;
    color: var(--cv-muted);
    font-size: 11px;
    text-align: right;
}

.cv-bubble.customer[b-xuadj79dfn] {
    border-top-left-radius: 2px;
    background: var(--cv-panel-soft);
}

.cv-bubble.person[b-xuadj79dfn] {
    border-top-right-radius: 2px;
    background: var(--cv-primary);
}

.cv-bubble.person .cv-author[b-xuadj79dfn],
.cv-bubble.person .cv-stamp[b-xuadj79dfn] {
    color: #dbeafe;
}

.cv-bubble.ai[b-xuadj79dfn] {
    border: 1px solid rgba(56, 189, 248, 0.45);
    border-top-right-radius: 2px;
    background: var(--cv-info-soft);
}

.cv-bubble.ai .cv-author[b-xuadj79dfn] {
    color: var(--cv-info);
}

.cv-bubble.system[b-xuadj79dfn] {
    background: var(--cv-panel);
    text-align: center;
}

.cv-bubble.system .cv-stamp[b-xuadj79dfn] {
    text-align: center;
}

.cv-bubble.note[b-xuadj79dfn] {
    border: 1px solid rgba(251, 191, 36, 0.6);
    background: var(--cv-warning-soft);
}

.cv-bubble.note .cv-author[b-xuadj79dfn] {
    color: var(--cv-warning);
}

.cv-bubble.removed[b-xuadj79dfn],
.cv-bubble.unknown[b-xuadj79dfn] {
    border: 1px dashed var(--cv-line);
    background: transparent;
    color: var(--cv-muted);
}

.cv-take[b-xuadj79dfn] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    padding: 12px 18px;
    border-top: 1px solid var(--cv-line);
    background: var(--cv-panel);
    color: var(--cv-soft);
}

.cv-take p[b-xuadj79dfn] {
    flex: 1;
    min-width: 200px;
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
}

.cv-pane-placeholder[b-xuadj79dfn] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 28px;
    color: var(--cv-muted);
    text-align: center;
}

.cv-pane-placeholder h2[b-xuadj79dfn] {
    margin: 0;
    color: var(--cv-text);
    font-size: 18px;
    font-weight: 800;
}

.cv-pane-placeholder p[b-xuadj79dfn] {
    max-width: 380px;
    margin: 0;
    font-size: 14px;
}

.cv-empty-icon[b-xuadj79dfn] {
    width: 64px;
    height: 64px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--cv-panel);
    font-size: 26px;
}

/* As ações da conversa numa faixa logo abaixo do cabeçalho (protótipo aprovado): no celular, só o ícone. */
.cv-chat-bar[b-xuadj79dfn] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 18px;
    border-bottom: 1px solid var(--cv-line);
}

.cv-bar-button[b-xuadj79dfn] {
    min-height: 40px;
    display: inline-flex;
    gap: 8px;
    align-items: center;
    padding: 6px 14px;
    border: 1px solid var(--cv-line);
    border-radius: 10px;
    background: transparent;
    color: var(--cv-soft);
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

.cv-bar-button:hover[b-xuadj79dfn] {
    background: var(--cv-primary-soft);
    color: var(--cv-text);
}

.cv-chat-banner[b-xuadj79dfn] {
    padding: 12px 18px 0;
}

.cv-alert[b-xuadj79dfn] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    padding: 12px 14px;
    border: 1px solid rgba(56, 189, 248, 0.35);
    border-radius: 12px;
    background: var(--cv-info-soft);
    color: var(--cv-soft);
}

.cv-alert.warning[b-xuadj79dfn] {
    border-color: rgba(251, 191, 36, 0.45);
    background: var(--cv-warning-soft);
    color: #fde68a;
}

.cv-alert p[b-xuadj79dfn] {
    flex: 1;
    min-width: 200px;
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
}

@media (max-width: 1023px) {
    .cv-pane-thread .cv-chat-head .cv-back[b-xuadj79dfn] {
        display: inline-grid;
    }

    .cv-chat-head[b-xuadj79dfn] {
        padding-inline: 6px 6px;
        gap: 6px;
    }

    .cv-head-badge[b-xuadj79dfn] {
        display: none;
    }

    .cv-messages[b-xuadj79dfn] {
        padding: 14px 10px;
    }

    .cv-bubble[b-xuadj79dfn] {
        max-width: 86%;
    }

    .cv-take[b-xuadj79dfn] {
        padding-inline: 12px;
    }

    .cv-chat-bar[b-xuadj79dfn] {
        padding-inline: 10px;
    }

    .cv-bar-button[b-xuadj79dfn] {
        width: 44px;
        padding: 0;
        justify-content: center;
    }

    .cv-bar-button span[b-xuadj79dfn] {
        display: none;
    }
}

/* A fonte da resposta do atendente virtual na base de respostas (COM-05): nome e data, como o cliente viu. */
.cv-source[b-xuadj79dfn] {
    display: block;
    margin-top: 6px;
    color: #94a3b8;
    font-size: 11px;
    font-weight: 600;
}
/* /Pages/ConversationInbox/ConversationWorkspace/ConversationWorkspace.razor.rz.scp.css */
/* O espaço da caixa de conversas em tela cheia (COM-06): usado pela caixa da equipe e pela leitura da operação.
   As cores ficam como variáveis aqui e os painéis (componentes filhos) herdam. */
.cv-inbox[b-wh85a3x6ox] {
    --cv-bg: #0b1120;
    --cv-panel: #0f172a;
    --cv-panel-soft: #1e293b;
    --cv-chat: #08111f;
    --cv-line: rgba(100, 116, 139, 0.3);
    --cv-line-soft: rgba(134, 150, 160, 0.12);
    --cv-muted: #94a3b8;
    --cv-soft: #cbd5e1;
    --cv-text: #f8fafc;
    --cv-primary: #2563eb;
    --cv-primary-soft: rgba(37, 99, 235, 0.16);
    --cv-info: #38bdf8;
    --cv-info-soft: rgba(56, 189, 248, 0.12);
    --cv-success: #4ade80;
    --cv-success-soft: rgba(74, 222, 128, 0.14);
    --cv-warning: #fbbf24;
    --cv-warning-soft: rgba(251, 191, 36, 0.14);
    --cv-danger: #f87171;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--cv-bg);
    color: var(--cv-text);
}

.cv-workspace[b-wh85a3x6ox] {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: 390px minmax(0, 1fr);
    overflow: hidden;
    background-color: var(--cv-chat);
    background-image: radial-gradient(circle at 20% 20%, rgba(148, 163, 184, 0.09) 0 1px, transparent 1px), radial-gradient(circle at 70% 30%, rgba(37, 99, 235, 0.08) 0 1px, transparent 1px);
    background-size: 38px 38px, 54px 54px;
}

.cv-workspace.focus-details[b-wh85a3x6ox] {
    grid-template-columns: 390px minmax(0, 1fr) 320px;
}

.cv-pane-placeholder[b-wh85a3x6ox] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 28px;
    color: var(--cv-muted);
    text-align: center;
}

.cv-pane-placeholder h2[b-wh85a3x6ox] {
    margin: 0;
    color: var(--cv-text);
    font-size: 18px;
    font-weight: 800;
}

.cv-pane-placeholder p[b-wh85a3x6ox] {
    max-width: 380px;
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
}

.cv-empty-icon[b-wh85a3x6ox] {
    width: 64px;
    height: 64px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--cv-panel);
    color: var(--cv-muted);
    font-size: 26px;
}

/* Controles comuns aos painéis (lista, conversa e detalhes): um lugar só, alcançando os componentes filhos. */

.cv-inbox[b-wh85a3x6ox]  .cv-icon {
    width: 44px;
    height: 44px;
    flex: 0 0 auto;
    display: inline-grid;
    place-items: center;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--cv-soft);
    font-size: 17px;
}

.cv-inbox[b-wh85a3x6ox]  .cv-icon:hover,
.cv-inbox[b-wh85a3x6ox]  .cv-icon.on {
    background: var(--cv-primary-soft);
    color: var(--cv-text);
}

.cv-inbox[b-wh85a3x6ox]  .cv-badge {
    flex: 0 0 auto;
    padding: 2px 8px;
    border: 1px solid var(--cv-line);
    border-radius: 999px;
    color: var(--cv-soft);
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.cv-inbox[b-wh85a3x6ox]  .cv-badge.warning {
    border-color: rgba(251, 191, 36, 0.45);
    background: var(--cv-warning-soft);
    color: var(--cv-warning);
}

.cv-inbox[b-wh85a3x6ox]  .cv-badge.info {
    border-color: rgba(56, 189, 248, 0.45);
    background: var(--cv-info-soft);
    color: var(--cv-info);
}

/* Pedido do suporte com prioridade alta ou urgente (COM-05/US02). */
.cv-inbox[b-wh85a3x6ox]  .cv-badge.danger {
    border-color: rgba(248, 113, 113, 0.45);
    background: rgba(248, 113, 113, 0.12);
    color: #fca5a5;
}

.cv-inbox[b-wh85a3x6ox]  .cv-badge.success {
    border-color: rgba(74, 222, 128, 0.45);
    background: var(--cv-success-soft);
    color: var(--cv-success);
}

.cv-inbox[b-wh85a3x6ox]  .cv-button {
    min-height: 40px;
    display: inline-flex;
    gap: 8px;
    align-items: center;
    padding: 8px 14px;
    border: 1px solid var(--cv-line);
    border-radius: 10px;
    background: var(--cv-panel-soft);
    color: var(--cv-text);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.cv-inbox[b-wh85a3x6ox]  .cv-button.primary {
    border-color: var(--cv-primary);
    background: var(--cv-primary);
    color: #ffffff;
}

.cv-inbox[b-wh85a3x6ox]  .cv-button:disabled {
    opacity: 0.6;
}

/* Tablet: lista e conversa dividem a tela; com os detalhes abertos, eles tomam o lugar da lista. */
@media (max-width: 1279px) {
    .cv-workspace[b-wh85a3x6ox] {
        grid-template-columns: 320px minmax(0, 1fr);
    }

    .cv-workspace.focus-details[b-wh85a3x6ox] {
        grid-template-columns: minmax(0, 1fr) 300px;
    }

    .cv-workspace.focus-details[b-wh85a3x6ox]  .cv-pane-list {
        display: none;
    }
}

/* Celular e tablet em pé: uma tela por vez, como o WhatsApp — a lista, a conversa ou os detalhes. */
@media (max-width: 1023px) {
    .cv-workspace[b-wh85a3x6ox],
    .cv-workspace.focus-details[b-wh85a3x6ox] {
        grid-template-columns: minmax(0, 1fr);
    }

    .cv-workspace.focus-list .cv-pane-placeholder[b-wh85a3x6ox],
    .cv-workspace.focus-thread[b-wh85a3x6ox]  .cv-pane-list,
    .cv-workspace.focus-details[b-wh85a3x6ox]  .cv-pane-thread {
        display: none;
    }
}
/* /Pages/ConversationInbox/MasterConversationReadingPage/MasterConversationReadingPage.razor.rz.scp.css */
.mr-state[b-a08tce1uli] {
    max-width: 560px;
    margin: 64px auto;
    display: grid;
    gap: 14px;
    padding: 24px;
    border: 1px solid rgba(251, 191, 36, 0.45);
    border-radius: 16px;
    background: #0f172a;
    color: #e2e8f0;
    text-align: center;
}

.mr-state h1[b-a08tce1uli] {
    margin: 0;
    color: #f8fafc;
    font-size: 20px;
    font-weight: 800;
}

.mr-state p[b-a08tce1uli] {
    margin: 0;
    color: #94a3b8;
    font-size: 14px;
    line-height: 1.5;
}

.mr-state .cv-button[b-a08tce1uli] {
    min-height: 44px;
    display: inline-flex;
    justify-self: center;
    align-items: center;
    padding: 8px 16px;
    border: 1px solid rgba(100, 116, 139, 0.5);
    border-radius: 12px;
    color: #e2e8f0;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}
/* /Pages/ConversationInbox/MasterConversationsPage/MasterConversationsPage.razor.rz.scp.css */
.mc-page[b-zjwe18hkf8] {
    max-width: 960px;
    margin: 0 auto;
    display: grid;
    gap: 20px;
    color: #e2e8f0;
}

.mc-strip[b-zjwe18hkf8] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 14px 16px;
    border: 1px solid rgba(251, 191, 36, 0.45);
    border-radius: 14px;
    background: rgba(251, 191, 36, 0.08);
    color: #fde68a;
    font-size: 13px;
    line-height: 1.5;
}

.mc-card[b-zjwe18hkf8] {
    display: grid;
    gap: 14px;
    padding: 20px;
    border: 1px solid rgba(100, 116, 139, 0.35);
    border-radius: 16px;
    background: #0f172a;
}

.mc-card h2[b-zjwe18hkf8] {
    margin: 0;
    color: #f8fafc;
    font-size: 16px;
    font-weight: 800;
}

.mc-field[b-zjwe18hkf8] {
    display: grid;
    gap: 6px;
    margin: 0;
    color: #cbd5e1;
    font-size: 13px;
    font-weight: 700;
}

.mc-field input[b-zjwe18hkf8],
.mc-field textarea[b-zjwe18hkf8] {
    min-height: 44px;
    padding: 10px 14px;
    border: 1px solid rgba(100, 116, 139, 0.5);
    border-radius: 12px;
    background: #1e293b;
    color: #f8fafc;
    font-size: 14px;
    font-weight: 400;
}

.mc-option[b-zjwe18hkf8] {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 12px 14px;
    border: 1px solid rgba(100, 116, 139, 0.35);
    border-radius: 12px;
    cursor: pointer;
}

.mc-option.on[b-zjwe18hkf8] {
    border-color: #2563eb;
    background: rgba(37, 99, 235, 0.12);
}

.mc-option strong[b-zjwe18hkf8],
.mc-row strong[b-zjwe18hkf8] {
    display: block;
    color: #f8fafc;
    font-size: 14px;
}

.mc-option small[b-zjwe18hkf8],
.mc-row small[b-zjwe18hkf8] {
    display: block;
    color: #94a3b8;
    font-size: 12px;
}

.mc-row[b-zjwe18hkf8] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    padding: 12px 14px;
    border: 1px solid rgba(100, 116, 139, 0.25);
    border-radius: 12px;
}

.mc-row div[b-zjwe18hkf8] {
    min-width: 0;
    /* No celular o texto fica com a largura toda e o botão desce, em vez de espremer o texto numa coluna. */
    flex: 1 1 200px;
}

.mc-button[b-zjwe18hkf8] {
    min-height: 44px;
    display: inline-flex;
    gap: 8px;
    align-items: center;
    padding: 8px 16px;
    border: 1px solid rgba(100, 116, 139, 0.5);
    border-radius: 12px;
    background: transparent;
    color: #e2e8f0;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.mc-button.primary[b-zjwe18hkf8] {
    border-color: #2563eb;
    background: #2563eb;
    color: #ffffff;
}

.mc-button:disabled[b-zjwe18hkf8] {
    opacity: 0.55;
}

.mc-badge[b-zjwe18hkf8] {
    padding: 2px 10px;
    border: 1px solid rgba(100, 116, 139, 0.4);
    border-radius: 999px;
    color: #cbd5e1;
    font-size: 11px;
    font-weight: 700;
}

.mc-empty[b-zjwe18hkf8],
.mc-problem[b-zjwe18hkf8] {
    margin: 0;
    color: #94a3b8;
    font-size: 14px;
}

.mc-problem[b-zjwe18hkf8] {
    color: #fde68a;
}
/* /Pages/CustomerSupport/SupportAnswerDetailPage/SupportAnswerDetailPage.razor.rz.scp.css */
/* O texto da resposta como o atendente virtual lê: quebras de linha preservadas, com respiro. */
.sup-answer-text[b-708sulfgpe] {
    margin: 0;
    padding: 14px 16px;
    border: 1px solid rgba(100, 116, 139, 0.35);
    border-radius: 14px;
    background: rgba(2, 6, 23, 0.4);
    color: #e2e8f0;
    font-size: 14px;
    line-height: 1.6;
    white-space: pre-line;
}
/* /Pages/CustomerSupport/SupportAnswerDiff/SupportAnswerDiff.razor.rz.scp.css */
.sup-diff[b-znw60qx040] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.sup-diff-side[b-znw60qx040] {
    padding: 14px 16px;
    border: 1px solid rgba(100, 116, 139, 0.4);
    border-radius: 14px;
    background: #0f172a;
}

.sup-diff-side.after[b-znw60qx040] {
    border-color: rgba(56, 189, 248, 0.55);
    background: rgba(56, 189, 248, 0.08);
}

.sup-diff-side span[b-znw60qx040] {
    display: block;
    margin-bottom: 6px;
    color: #94a3b8;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.sup-diff-side p[b-znw60qx040] {
    margin: 0;
    color: #e2e8f0;
    font-size: 14px;
    line-height: 1.6;
    white-space: pre-line;
}

@media (max-width: 767px) {
    .sup-diff[b-znw60qx040] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Pages/CustomerSupport/SupportAnswerEditorPage/SupportAnswerEditorPage.razor.rz.scp.css */
/* Escrever uma resposta (protótipo aprovado: answer-new): o texto ocupa mais espaço e a conferência fica ao lado; no
   celular e no tablet, uma embaixo da outra. */
.sup-editor[b-onhu7tdpj6] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

@media (max-width: 1023px) {
    .sup-editor[b-onhu7tdpj6] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Pages/CustomerSupport/SupportAnswersPage/SupportAnswersPage.razor.rz.scp.css */
/* A linha da base (protótipo aprovado: answerRow): ícone, título, assunto, metadados e o estado, inteira clicável. */
.sup-answer-row[b-xt3jdlh9m6] {
    color: inherit;
    text-decoration: none;
}

.sup-answer-row:hover[b-xt3jdlh9m6] {
    border-color: rgba(37, 99, 235, 0.7);
}

.sup-answer-row:focus-visible[b-xt3jdlh9m6] {
    outline: 2px solid #60a5fa;
    outline-offset: 2px;
}

.sup-answer-icon[b-xt3jdlh9m6] {
    width: 36px;
    height: 36px;
    display: grid;
    flex: 0 0 36px;
    place-items: center;
    border-radius: 10px;
    background: rgba(56, 189, 248, 0.12);
    color: #7dd3fc;
}

.sup-answer-meta[b-xt3jdlh9m6] {
    font-size: 11px;
}
/* /Pages/CustomerSupport/SupportAnswerTrialPage/SupportAnswerTrialPage.razor.rz.scp.css */
/* O teste como uma conversa: a pergunta à esquerda, a resposta do atendente virtual à direita, com a fonte embaixo. */
.sup-trial[b-6j0wg24o6f] {
    display: grid;
    gap: 10px;
}

.sup-trial-message[b-6j0wg24o6f] {
    max-width: 85%;
    padding: 10px 14px;
    border: 1px solid rgba(100, 116, 139, 0.4);
    border-radius: 14px;
    background: #1e293b;
}

.sup-trial-message.agent[b-6j0wg24o6f] {
    justify-self: end;
    border-color: rgba(56, 189, 248, 0.5);
    background: rgba(56, 189, 248, 0.08);
}

.sup-trial-author[b-6j0wg24o6f] {
    color: #94a3b8;
    font-size: 11px;
    font-weight: 700;
}

.sup-trial-message p[b-6j0wg24o6f] {
    margin: 4px 0 0;
    color: #f8fafc;
    font-size: 14px;
    line-height: 1.5;
}

.sup-trial-source[b-6j0wg24o6f] {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    margin-top: 8px;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.12);
    color: #cbd5e1;
    font-size: 11px;
    font-weight: 700;
}

.sup-trial-source.none[b-6j0wg24o6f] {
    background: rgba(251, 191, 36, 0.12);
    color: #fbbf24;
}
/* /Pages/CustomerSupport/SupportIncidentPage/SupportIncidentPage.razor.rz.scp.css */
/* A resposta que virou incidente, citada como mensagem do atendente virtual. */
.si-response[b-6opgv75zbs] {
    display: grid;
    gap: 4px;
    margin: 0 0 14px;
    padding: 12px 14px;
    border-left: 3px solid #f87171;
    border-radius: 12px;
    background: rgba(127, 29, 29, 0.2);
    color: #fee2e2;
}

.si-response small[b-6opgv75zbs] {
    color: #fca5a5;
    font-size: 11px;
    font-weight: 700;
}

.si-response p[b-6opgv75zbs] {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
}
/* /Pages/CustomerSupport/SupportQualityPage/SupportQualityPage.razor.rz.scp.css */
/* A qualidade usa a moldura e os estilos da área de gestão (ManagementArea); nada próprio além do respiro dos filtros. */
.ma-chips[b-hxbip81jiu] {
    margin-bottom: 4px;
}
/* /Pages/CustomerSupport/SupportReviewPage/SupportReviewPage.razor.rz.scp.css */
/* A conversa e os critérios lado a lado no computador; um embaixo do outro até 1024 (o menu lateral aperta). */
.sr-two[b-lwv1khh9ng] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: start;
}

@media (max-width: 1023px) {
    .sr-two[b-lwv1khh9ng] {
        grid-template-columns: 1fr;
    }
}

.sr-thread[b-lwv1khh9ng] {
    display: grid;
    gap: 10px;
    margin: 0 0 14px;
    padding: 0;
    list-style: none;
}

.sr-message[b-lwv1khh9ng] {
    display: grid;
    gap: 4px;
    max-width: 92%;
    padding: 10px 12px;
    border: 1px solid rgba(100, 116, 139, 0.3);
    border-radius: 14px;
    background: rgba(15, 23, 42, 0.6);
    color: #e2e8f0;
    overflow-wrap: anywhere;
}

.sr-message.agent[b-lwv1khh9ng] {
    border-color: rgba(59, 130, 246, 0.35);
    background: rgba(30, 58, 138, 0.25);
}

.sr-message.customer[b-lwv1khh9ng] {
    justify-self: end;
}

.sr-message p[b-lwv1khh9ng] {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
}

.sr-author[b-lwv1khh9ng] {
    color: #94a3b8;
    font-size: 11px;
    font-weight: 700;
}

.sr-source[b-lwv1khh9ng] {
    color: #93c5fd;
    font-size: 11px;
    font-weight: 600;
}

.sr-criteria[b-lwv1khh9ng] {
    display: grid;
    gap: 12px;
    margin-bottom: 12px;
}

.sr-check[b-lwv1khh9ng] {
    display: flex;
    gap: 8px;
    align-items: center;
    margin: 4px 0 12px;
    color: #e2e8f0;
    font-size: 14px;
    font-weight: 600;
}
/* /Pages/CustomerSupport/SupportRoutingPage/SupportRoutingPage.razor.rz.scp.css */
/* O tratamento de antes, embaixo da escolha: leitura de apoio, sem peso de rótulo. */
.sup-routing-before[b-fk7ya2z8cm] {
    color: #94a3b8;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.45;
}
/* /Pages/Editor/Editor.razor.rz.scp.css */
.editor-small-screen-message[b-8qtdyff3ej] {
    display: none;
}

.editor-large-screen-only[b-8qtdyff3ej] {
    display: contents;
}

.editor-preview-lock[b-8qtdyff3ej] {
    display: contents;
}

@media (max-width: 1199.98px) {
    .editor-large-screen-only[b-8qtdyff3ej] {
        display: none;
    }

    .editor-small-screen-message[b-8qtdyff3ej] {
        display: flex;
        min-height: 100vh;
        width: 100%;
        align-items: center;
        justify-content: center;
        padding: 1.5rem;
        background:
            radial-gradient(circle at top left, rgba(59, 130, 246, 0.18), transparent 32rem),
            linear-gradient(135deg, #0b1120 0%, #111827 52%, #0f172a 100%);
        color: #f8fafc;
    }

    .editor-small-screen-card[b-8qtdyff3ej] {
        width: min(100%, 32rem);
        border: 1px solid rgba(59, 130, 246, 0.22);
        border-radius: 0.5rem;
        padding: 2rem;
        background: rgba(15, 23, 42, 0.78);
        box-shadow: 0 1.5rem 5rem rgba(2, 6, 23, 0.42);
        text-align: left;
        backdrop-filter: blur(18px);
    }

    .editor-small-screen-icon[b-8qtdyff3ej] {
        display: inline-flex;
        width: 3.25rem;
        height: 3.25rem;
        align-items: center;
        justify-content: center;
        border-radius: 0.5rem;
        margin-bottom: 1.25rem;
        background: rgba(59, 130, 246, 0.16);
        color: #60a5fa;
        font-size: 1.35rem;
    }

    .editor-small-screen-eyebrow[b-8qtdyff3ej] {
        margin: 0 0 0.45rem;
        color: #93c5fd;
        font-size: 0.72rem;
        font-weight: 900;
        letter-spacing: 0.12em;
        text-transform: uppercase;
    }

    .editor-small-screen-card h1[b-8qtdyff3ej] {
        margin: 0;
        color: #ffffff;
        font-size: 1.65rem;
        font-weight: 900;
        line-height: 1.15;
    }

    .editor-small-screen-card p:not(.editor-small-screen-eyebrow)[b-8qtdyff3ej] {
        margin: 1rem 0 0;
        color: #cbd5e1;
        font-size: 0.98rem;
        line-height: 1.65;
    }

    /* O endereço em si, para a pessoa reconhecer o site antes de tocar no botão. */
    .editor-small-screen-address[b-8qtdyff3ej] {
        margin: 1.25rem 0 0;
        color: #cbd5e1;
        font-size: 0.92rem;
        line-height: 1.6;
    }

    .editor-small-screen-address strong[b-8qtdyff3ej] {
        color: #ffffff;
        font-weight: 800;
        overflow-wrap: anywhere;
    }

    .editor-small-screen-action[b-8qtdyff3ej] {
        display: inline-flex;
        width: 100%;
        min-height: 44px;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        margin-top: 1.5rem;
        border: 1px solid rgba(96, 165, 250, 0.35);
        border-radius: 0.5rem;
        padding: 0.85rem 1rem;
        background: rgba(37, 99, 235, 0.18);
        color: #dbeafe;
        font-size: 0.86rem;
        font-weight: 800;
        text-decoration: none;
        transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
    }

    /* Empilhados, os dois botões continuam separados: nada encosta no vizinho. */
    .editor-small-screen-action + .editor-small-screen-action[b-8qtdyff3ej] {
        margin-top: 0.75rem;
    }

    .editor-small-screen-action:hover[b-8qtdyff3ej],
    .editor-small-screen-action:focus-visible[b-8qtdyff3ej] {
        border-color: rgba(147, 197, 253, 0.72);
        background: rgba(37, 99, 235, 0.3);
        color: #ffffff;
    }

    /* Ver o site é a ação principal de quem chegou aqui pelo celular; voltar para a suíte fica
       como saída discreta. O azul é a cor de ação do produto (UI_STANDARDS, item 10). */
    .editor-small-screen-action--primary[b-8qtdyff3ej] {
        border-color: rgba(37, 99, 235, 0.9);
        background: #2563eb;
        color: #ffffff;
    }

    .editor-small-screen-action--primary:hover[b-8qtdyff3ej],
    .editor-small-screen-action--primary:focus-visible[b-8qtdyff3ej] {
        border-color: rgba(147, 197, 253, 0.9);
        background: #1d4ed8;
        color: #ffffff;
    }
}
/* /Pages/EngagementPreferences/EngagementPreferences.razor.rz.scp.css */
/* Preferências de comunicação (FND-06/US02, critério 29). */

.preference-grid[b-jzwjocxk5x] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.preference-card[b-jzwjocxk5x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.125rem;
    border-radius: 0.875rem;
    border: 1px solid rgb(51 65 85 / 0.6);
    background: rgb(15 23 42 / 0.5);
}

.preference-copy strong[b-jzwjocxk5x] {
    display: block;
    color: rgb(241 245 249);
    font-size: 0.9375rem;
}

.preference-copy p[b-jzwjocxk5x] {
    margin: 0.25rem 0 0;
    font-size: 0.8125rem;
    color: rgb(148 163 184);
}

.preference-locked[b-jzwjocxk5x] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    min-height: 44px;
    padding: 0 0.875rem;
    border-radius: 999px;
    background: rgb(30 41 59 / 0.9);
    color: rgb(148 163 184);
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}

.preference-actions[b-jzwjocxk5x] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
}

/* O cartão vira bloco até 1024px, e não até 640.

   Mesma conta das outras telas da varredura: o que sobra depois dos 288px do menu, e não a
   largura da tela. Em 768px restam ≈400px de conteúdo, e o cartão de "Avisos de segurança" —
   o único cuja ação é o selo "Sempre ativo", que não quebra (regra `bs-suite-chrome` em
   `BigSoluSuite.UI/Styles/app.css`) — deixava o texto com 145px, mais estreito do que os 350px
   que o mesmo cartão tem num celular de 390. É o caso mais brando do lote e cai pelo mesmo
   motivo: o tablet não pode ser pior do que o celular. */
@media (max-width: 1024px) {
    .preference-card[b-jzwjocxk5x] {
        flex-direction: column;
        align-items: flex-start;
    }

    .preference-actions[b-jzwjocxk5x] {
        justify-content: stretch;
    }
}
/* /Pages/Gallery/GalleryAsset.razor.rz.scp.css */
/* Medidas da ficha da imagem (WEB-02/US02).

   Valor entre colchetes escrito em worktree não ganha regra no app.css gerado: a ficha abriria sem a
   grade de duas colunas, com a imagem sem teto de altura e com o campo de descrição raso. Por isso as
   três medidas moram aqui. */
.gallery-asset-grid[b-2gr6papz12] {
    display: grid;
    gap: 1.5rem;
}

@media (min-width: 1024px) {
    .gallery-asset-grid[b-2gr6papz12] {
        grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    }
}

.gallery-asset-image[b-2gr6papz12] {
    max-height: 60vh;
}

.gallery-asset-notes[b-2gr6papz12] {
    min-height: 96px;
}
/* /Pages/Home/Home.razor.rz.scp.css */
/* O respiro entre os blocos da Home.

   O accordeon separa os filhos do corpo por 0,5rem, que é a distância certa entre duas linhas de
   uma lista. Entre os blocos grandes da Home — o próximo passo e o hub — essa distância cola dois
   assuntos diferentes, e a tela vira parede. Aqui eles ganham o respiro de seção de página. */
.HomeBlock[b-oikfhbov5y] {
    margin-bottom: 2.5rem;
}
/* /Pages/InstagramMarketing/InstagramPostEditorPage/InstagramPostEditorPage.razor.rz.scp.css */
/* Altura máxima da prévia ampliada da arte (MKT-01/US02).

   Medida no CSS isolado em vez de classe de valor entre colchetes: em worktree o Tailwind não gera a
   regra, e a prévia abriria sem teto de altura — a imagem empurraria o diálogo para fora da tela. */
.instagram-art-preview[b-g4wyyxh050] {
    max-height: 70vh;
}
/* /Pages/InstagramMarketing/InstagramPostReviewPage/InstagramPostReviewPage.razor.rz.scp.css */
/* Altura máxima da prévia ampliada da arte (MKT-01/US02).

   Medida no CSS isolado em vez de classe de valor entre colchetes: em worktree o Tailwind não gera a
   regra, e a prévia abriria sem teto de altura — a imagem empurraria o diálogo para fora da tela. */
.instagram-art-preview[b-ygpl4lx6vf] {
    max-height: 70vh;
}

/* A legenda gerada é longa. Sem teto de altura, ela empurra as ações para fora da tela; com rolagem própria,
   quem revisa lê o texto inteiro sem perder de vista os botões de decidir. */
.instagram-review-caption[b-ygpl4lx6vf] {
    max-height: 18rem;
    overflow-y: auto;
}

/* A arte em coluna própria e os fatos ao lado. A medida mora aqui porque classe de valor entre colchetes
   escrita em worktree não ganha regra no app.css gerado — e sem regra a grade some, a arte ocupa a tela
   inteira e a decisão fica abaixo da dobra. */
.instagram-review-grid[b-ygpl4lx6vf] {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 1024px) {
    .instagram-review-grid[b-ygpl4lx6vf] {
        grid-template-columns: minmax(0, 22rem) minmax(0, 1fr);
        align-items: start;
    }
}
/* /Pages/LinkPageEditor/LinkPageDockNav/LinkPageDockNav.razor.rz.scp.css */
.lp-dock-nav[b-cx728oclqn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
}

.lp-dock-nav__row[b-cx728oclqn] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
}

.lp-dock-nav__pill[b-cx728oclqn] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 44px;
    padding: 0 1.1rem;
    border-radius: 999px;
    border: 1px solid rgba(71, 85, 105, 0.7);
    background: rgba(15, 23, 42, 0.6);
    color: #e2e8f0;
    font-size: 0.9rem;
    font-weight: 700;
    white-space: nowrap;
}

.lp-dock-nav__pill:hover[b-cx728oclqn] { border-color: rgba(96, 165, 250, 0.6); }
.lp-dock-nav__pill:focus-visible[b-cx728oclqn] { outline: 2px solid #60a5fa; outline-offset: 2px; }

.lp-dock-nav__pill.is-current[b-cx728oclqn] {
    background: #2563eb;
    border-color: #2563eb;
    color: #fff;
}
/* /Pages/LinkPageEditor/LinkPageDraftPreview/LinkPageDraftPreview.razor.rz.scp.css */
.lp-draft-preview[b-jodzacy4tz] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border: 1px solid rgba(51, 65, 85, 0.7);
    background: rgba(15, 23, 42, 0.45);
    border-radius: 1.75rem;
    padding: 1.25rem;
}

.lp-draft-preview__bar[b-jodzacy4tz] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.55rem 0.9rem;
    border-radius: 999px;
    background: rgba(2, 6, 23, 0.6);
    color: #cbd5e1;
    font-size: 0.8rem;
    overflow-wrap: anywhere;
}

.lp-draft-preview__frame[b-jodzacy4tz] {
    width: 100%;
    max-width: 24rem;
    height: 34rem;
    margin: 0 auto;
    display: block;
    border: 8px solid #0b1120;
    border-radius: 2rem;
    background: #fff;
}

.lp-draft-preview__loading[b-jodzacy4tz] { min-height: 12rem; display: grid; place-items: center; color: #93c5fd; font-size: 0.9rem; }
.lp-draft-preview__caption[b-jodzacy4tz] { text-align: center; font-size: 0.8rem; color: #94a3b8; }
.lp-draft-preview__retry[b-jodzacy4tz] { display: flex; justify-content: flex-end; }
.lp-draft-preview__retry[b-jodzacy4tz]  button { min-height: 44px; white-space: nowrap; }

.lp-draft-preview__notes h3[b-jodzacy4tz] {
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #e2e8f0;
    margin-bottom: 0.5rem;
}

.lp-draft-preview__notes ul[b-jodzacy4tz] { list-style: disc; padding-left: 1.25rem; display: flex; flex-direction: column; gap: 0.35rem; color: #cbd5e1; font-size: 0.85rem; }
/* /Pages/LinkPageEditor/LinkPageEditor.razor.rz.scp.css */
/* O editor da Página de Links (WEB-06/US02, onda 8). O arranjo celular + painel é do LinkPageEditorWorkspace. */
.lp-editor[b-sr9d7ajqxd] {
    max-width: 72rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.lp-editor[b-sr9d7ajqxd]  [data-testid="section-header-eyebrow"] { letter-spacing: 0.16em; }

.lp-editor[b-sr9d7ajqxd]  [data-testid="section-header-actions"] button { min-height: 44px; white-space: nowrap; }
/* /Pages/LinkPageEditor/LinkPageEditorSkeleton/LinkPageEditorSkeleton.razor.rz.scp.css */
.lp-skel-root[b-fx52ejjd3d] {
    display: flex;
    flex-direction: column;
    padding-bottom: 24px;
    pointer-events: none;
}

/* Topbar */
.lp-skel-topbar[b-fx52ejjd3d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    background: rgba(15, 23, 42, 0.92);
    border-bottom: 1px solid rgba(100, 116, 139, 0.2);
}

.lp-skel-topbar-actions[b-fx52ejjd3d] {
    display: flex;
    gap: 6px;
}

/* Área do canvas */
.lp-skel-canvas[b-fx52ejjd3d] {
    flex: 1;
    display: flex;
    justify-content: center;
    padding: 24px 16px 8px;
}

/* Bloco base com shimmer (mesmo padrão do SitePreview) */
.lp-skel[b-fx52ejjd3d] {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    background: rgba(100, 116, 139, 0.18);
}

.lp-skel[b-fx52ejjd3d]::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background: linear-gradient(
        110deg,
        transparent 0%,
        rgba(148, 163, 184, 0.12) 30%,
        rgba(6, 182, 212, 0.14) 50%,
        rgba(148, 163, 184, 0.12) 70%,
        transparent 100%);
    animation: lp-skel-shimmer-b-fx52ejjd3d 1.6s ease-in-out infinite;
}

@keyframes lp-skel-shimmer-b-fx52ejjd3d {
    100% { transform: translateX(100%); }
}

@media (prefers-reduced-motion: reduce) {
    .lp-skel[b-fx52ejjd3d]::after { animation: none; }
}

.lp-skel--title[b-fx52ejjd3d] {
    width: 120px;
    height: 14px;
    border-radius: 999px;
}

.lp-skel--btn[b-fx52ejjd3d] {
    width: 84px;
    height: 32px;
    border-radius: 10px;
}

/* Telefone — espelha .lp-canvas-phone */
.lp-skel-phone[b-fx52ejjd3d] {
    width: 340px;
    max-width: 100%;
    background: rgba(15, 23, 42, 0.55);
    border-radius: 44px;
    box-shadow:
        0 0 0 10px #0f172a,
        0 0 0 11px rgba(255, 255, 255, 0.07),
        0 32px 80px rgba(0, 0, 0, 0.65),
        0 8px 24px rgba(0, 0, 0, 0.4);
    padding: 48px 24px 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.lp-skel--avatar[b-fx52ejjd3d] {
    width: 88px;
    height: 88px;
    border-radius: 50%;
}

.lp-skel--name[b-fx52ejjd3d] {
    width: 160px;
    height: 18px;
    border-radius: 999px;
    margin-top: 6px;
}

.lp-skel--bio[b-fx52ejjd3d] {
    width: 220px;
    height: 12px;
    border-radius: 999px;
}

.lp-skel-links[b-fx52ejjd3d] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 18px;
}

.lp-skel--link[b-fx52ejjd3d] {
    width: 100%;
    height: 52px;
    border-radius: 14px;
}
/* /Pages/LinkPageEditor/LinkPageEditorWorkspace/LinkPageEditorWorkspace.razor.rz.scp.css */
.lp-workspace[b-u3qpfh1n78] {
    display: grid;
    gap: 1.5rem;
    align-items: start;
}

@media (min-width: 1024px) {
    .lp-workspace[b-u3qpfh1n78] { grid-template-columns: minmax(20rem, 26rem) 1fr; }
}

.lp-workspace__phone[b-u3qpfh1n78] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    min-width: 0;
}

.lp-workspace__panel[b-u3qpfh1n78] { min-width: 0; display: flex; flex-direction: column; gap: 1rem; }
/* /Pages/LinkPageEditor/LinkPageIdentityEditor/LinkPageIdentityEditor.razor.rz.scp.css */
.lp-identity[b-jgj7pb0wnn] { display: flex; flex-direction: column; gap: 1rem; }

.lp-identity__card[b-jgj7pb0wnn] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    border: 1px solid rgba(51, 65, 85, 0.7);
    background: rgba(15, 23, 42, 0.45);
    border-radius: 1.75rem;
    padding: 1.25rem;
}

.lp-identity__card h3[b-jgj7pb0wnn] {
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #e2e8f0;
}

.lp-identity__field[b-jgj7pb0wnn] { display: flex; flex-direction: column; gap: 0.4rem; }
.lp-identity__field span[b-jgj7pb0wnn] { font-size: 0.8rem; font-weight: 700; color: #e2e8f0; }
.lp-identity__field small[b-jgj7pb0wnn] { font-size: 0.72rem; color: #94a3b8; align-self: flex-end; }

.lp-identity__field input[b-jgj7pb0wnn],
.lp-identity__field textarea[b-jgj7pb0wnn] {
    min-height: 44px;
    padding: 0.6rem 0.9rem;
    border-radius: 0.8rem;
    border: 1px solid rgba(71, 85, 105, 0.9);
    background: rgba(2, 6, 23, 0.5);
    color: #fff;
    font-size: 1rem;
    resize: vertical;
}

.lp-identity__field input:focus-visible[b-jgj7pb0wnn],
.lp-identity__field textarea:focus-visible[b-jgj7pb0wnn] { outline: 2px solid #60a5fa; outline-offset: 1px; }

/* /Pages/LinkPageEditor/LinkPageLinkEditPanel/LinkPageLinkEditPanel.razor.rz.scp.css */
.lp-link-edit[b-k8gcizh23y] { display: flex; flex-direction: column; gap: 1rem; }

.lp-link-edit__card[b-k8gcizh23y] {
    border: 1px solid rgba(51, 65, 85, 0.7);
    background: rgba(15, 23, 42, 0.45);
    border-radius: 1.75rem;
    padding: 1.25rem;
}

.lp-link-edit__card h3[b-k8gcizh23y] {
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #e2e8f0;
    margin-bottom: 0.9rem;
    overflow-wrap: anywhere;
}

.lp-link-edit__fields[b-k8gcizh23y] { display: grid; gap: 1rem; }

@media (min-width: 640px) {
    .lp-link-edit__fields[b-k8gcizh23y] { grid-template-columns: 1fr 1fr; }
}

.lp-link-edit__field[b-k8gcizh23y] { display: flex; flex-direction: column; gap: 0.4rem; min-width: 0; }
.lp-link-edit__field span[b-k8gcizh23y] { font-size: 0.8rem; font-weight: 700; color: #e2e8f0; }

.lp-link-edit__field input[b-k8gcizh23y] {
    min-height: 44px;
    padding: 0 0.9rem;
    border-radius: 0.8rem;
    border: 1px solid rgba(71, 85, 105, 0.9);
    background: rgba(2, 6, 23, 0.5);
    color: #fff;
    font-size: 1rem;
}

.lp-link-edit__field input:focus-visible[b-k8gcizh23y] { outline: 2px solid #60a5fa; outline-offset: 1px; }
.lp-link-edit__field small[b-k8gcizh23y] { font-size: 0.72rem; color: #93c5fd; overflow-wrap: anywhere; }
.lp-link-edit__field small.is-danger[b-k8gcizh23y] { color: #fca5a5; }

.lp-link-edit__actions[b-k8gcizh23y] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 0.6rem; }
.lp-link-edit__actions[b-k8gcizh23y]  button { min-height: 44px; white-space: nowrap; }
/* /Pages/LinkPageEditor/LinkPageLinksPanel/LinkPageLinksPanel.razor.rz.scp.css */
.lp-links-panel[b-xymb95f7gb] { display: flex; flex-direction: column; gap: 1rem; }

.lp-links-card[b-xymb95f7gb] {
    border: 1px solid rgba(51, 65, 85, 0.7);
    background: rgba(15, 23, 42, 0.45);
    border-radius: 1.75rem;
    padding: 1.25rem;
}

.lp-links-card__header[b-xymb95f7gb] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.5rem;
    margin-bottom: 0.9rem;
}

.lp-links-card__header h3[b-xymb95f7gb] {
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #e2e8f0;
}

.lp-links-card__header span[b-xymb95f7gb] { font-size: 0.75rem; color: #93c5fd; }

.lp-links-card__list[b-xymb95f7gb] { display: flex; flex-direction: column; gap: 0.6rem; }

.lp-links-card__empty[b-xymb95f7gb] { display: flex; flex-direction: column; align-items: flex-start; gap: 0.75rem; color: #cbd5e1; font-size: 0.9rem; }

.lp-links-card__add[b-xymb95f7gb] {
    display: inline-flex; align-items: center; gap: 0.5rem; min-height: 44px; padding: 0 1rem;
    border-radius: 0.9rem; background: #2563eb; color: #fff; font-weight: 700; white-space: nowrap;
}

.lp-link-row[b-xymb95f7gb] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid rgba(51, 65, 85, 0.8);
    border-radius: 1.1rem;
    background: rgba(2, 6, 23, 0.35);
}

.lp-link-row.is-off[b-xymb95f7gb] { opacity: 0.72; border-style: dashed; }
.lp-link-row.has-problem[b-xymb95f7gb] { border-color: rgba(248, 113, 113, 0.6); }

.lp-link-row__number[b-xymb95f7gb] {
    width: 1.9rem; height: 1.9rem; flex-shrink: 0; border-radius: 999px; display: grid; place-items: center;
    background: rgba(51, 65, 85, 0.6); color: #e2e8f0; font-size: 0.75rem; font-weight: 800;
}

.lp-link-row__icon[b-xymb95f7gb] { width: 1.1rem; text-align: center; color: #e2e8f0; flex-shrink: 0; }

.lp-link-row__text[b-xymb95f7gb] { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.lp-link-row__text strong[b-xymb95f7gb] { color: #fff; font-size: 0.9rem; }
.lp-link-row__text span[b-xymb95f7gb] { color: #94a3b8; font-size: 0.75rem; }
.lp-link-row__text .lp-link-row__problem[b-xymb95f7gb] { color: #fca5a5; margin-top: 0.2rem; }

.lp-link-row__order[b-xymb95f7gb] { display: inline-flex; gap: 0.35rem; flex-shrink: 0; }

.lp-link-row__order button[b-xymb95f7gb],
.lp-link-row__edit[b-xymb95f7gb] {
    min-height: 36px; border: 1px solid rgba(71, 85, 105, 0.8); border-radius: 0.7rem; color: #e2e8f0; background: transparent;
}

.lp-link-row__order button[b-xymb95f7gb] { width: 36px; }
.lp-link-row__order button:disabled[b-xymb95f7gb] { opacity: 0.35; }
.lp-link-row__edit[b-xymb95f7gb] { min-height: 44px; padding: 0 0.9rem; font-weight: 700; white-space: nowrap; }

.lp-link-row button:focus-visible[b-xymb95f7gb],
.lp-links-card__add:focus-visible[b-xymb95f7gb] { outline: 2px solid #60a5fa; outline-offset: 2px; }

@media (max-width: 639px) {
    .lp-link-row[b-xymb95f7gb] { flex-wrap: wrap; }
    .lp-link-row__text[b-xymb95f7gb] { flex-basis: calc(100% - 4rem); }
}
/* /Pages/LinkPageEditor/LinkPageLinkWizard/LinkPageLinkWizard.razor.rz.scp.css */
.lp-wizard[b-jw51z5isgs] { display: flex; flex-direction: column; gap: 1rem; }

.lp-wizard legend[b-jw51z5isgs] {
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #cbd5e1;
    margin-bottom: 0.75rem;
}

.lp-wizard__choices[b-jw51z5isgs] { display: grid; gap: 0.6rem; }

@media (min-width: 640px) {
    .lp-wizard__choices[b-jw51z5isgs] { grid-template-columns: 1fr 1fr; }
}

.lp-wizard__choice[b-jw51z5isgs],
.lp-wizard__icon[b-jw51z5isgs] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 56px;
    padding: 0.75rem 0.9rem;
    border-radius: 1rem;
    border: 1px solid rgba(71, 85, 105, 0.8);
    background: rgba(2, 6, 23, 0.35);
    color: #e2e8f0;
    cursor: pointer;
}

.lp-wizard__choice.is-selected[b-jw51z5isgs],
.lp-wizard__icon.is-selected[b-jw51z5isgs] { border-color: #3b82f6; background: rgba(37, 99, 235, 0.15); }

.lp-wizard__choice:focus-within[b-jw51z5isgs],
.lp-wizard__icon:focus-within[b-jw51z5isgs] { outline: 2px solid #60a5fa; outline-offset: 2px; }

.lp-wizard__choice input[b-jw51z5isgs],
.lp-wizard__icon input[b-jw51z5isgs] { position: absolute; opacity: 0; width: 1px; height: 1px; }

.lp-wizard__choice > i[b-jw51z5isgs] { width: 1.25rem; text-align: center; font-size: 1.05rem; }
.lp-wizard__choice > span[b-jw51z5isgs] { display: flex; flex-direction: column; min-width: 0; }
.lp-wizard__choice strong[b-jw51z5isgs] { font-size: 0.9rem; color: #fff; }
.lp-wizard__choice > span > span[b-jw51z5isgs] { font-size: 0.75rem; color: #94a3b8; }

.lp-wizard__fields[b-jw51z5isgs] { display: grid; gap: 1rem; }
.lp-wizard__field[b-jw51z5isgs] { display: flex; flex-direction: column; gap: 0.4rem; }
.lp-wizard__field span[b-jw51z5isgs] { font-size: 0.8rem; font-weight: 700; color: #e2e8f0; }

.lp-wizard__field input[b-jw51z5isgs] {
    min-height: 44px;
    padding: 0 0.9rem;
    border-radius: 0.8rem;
    border: 1px solid rgba(71, 85, 105, 0.9);
    background: rgba(2, 6, 23, 0.5);
    color: #fff;
    font-size: 1rem;
}

.lp-wizard__field input:focus-visible[b-jw51z5isgs] { outline: 2px solid #60a5fa; outline-offset: 1px; }
.lp-wizard__field input[readonly][b-jw51z5isgs] { opacity: 0.8; }

.lp-wizard__icons[b-jw51z5isgs] { display: grid; grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr)); gap: 0.5rem; }
.lp-wizard__icon[b-jw51z5isgs] { flex-direction: column; justify-content: center; gap: 0.35rem; text-align: center; font-size: 0.72rem; }
.lp-wizard__icon > i[b-jw51z5isgs] { font-size: 1.15rem; }
.lp-wizard__icon-none[b-jw51z5isgs] { font-size: 0.95rem; font-weight: 800; }

.lp-wizard__actions[b-jw51z5isgs] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 0.6rem; width: 100%; }
.lp-wizard__actions[b-jw51z5isgs]  button { min-height: 44px; white-space: nowrap; }
/* /Pages/LinkPageEditor/LinkPageMediaPicker/LinkPageMediaPicker.razor.rz.scp.css */
.lp-photo-slot[b-vi450ojonz] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    border: 1px solid rgba(51, 65, 85, 0.7);
    background: rgba(15, 23, 42, 0.45);
    border-radius: 1.75rem;
    padding: 1.25rem;
}

.lp-photo-slot img[b-vi450ojonz],
.lp-photo-slot__empty[b-vi450ojonz] {
    width: 5rem;
    height: 5rem;
    flex-shrink: 0;
    border-radius: 999px;
    object-fit: cover;
}

.lp-photo-slot img.lp-photo-slot__logo[b-vi450ojonz] { object-fit: contain; background: #fff; padding: 0.4rem; }

.lp-photo-slot__empty[b-vi450ojonz] {
    display: grid;
    place-items: center;
    background: rgba(51, 65, 85, 0.6);
    color: #e2e8f0;
    font-size: 1.4rem;
    font-weight: 800;
}

.lp-photo-slot__body[b-vi450ojonz] { display: flex; flex-direction: column; gap: 0.5rem; min-width: 0; }

.lp-photo-slot__body h3[b-vi450ojonz] {
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #e2e8f0;
}

.lp-photo-slot__body p[b-vi450ojonz] { font-size: 0.85rem; color: #cbd5e1; }
.lp-photo-slot__badges[b-vi450ojonz] { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.lp-photo-slot__actions[b-vi450ojonz] { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.25rem; }
.lp-photo-slot__actions[b-vi450ojonz]  button { min-height: 44px; white-space: nowrap; }

@media (max-width: 479px) {
    .lp-photo-slot[b-vi450ojonz] { flex-direction: column; }
}
/* /Pages/LinkPageEditor/LinkPagePreview/LinkPagePreview.razor.rz.scp.css */
/* O celular da Página de Links: as variáveis --bsl-* chegam pelo style e são as mesmas da página publicada. */
.lp-phone[b-d662420a2a] { display: flex; justify-content: center; width: 100%; }

.lp-phone__screen[b-d662420a2a] {
    position: relative;
    width: 320px;
    max-width: 100%;
    min-height: 568px;
    border-radius: 38px;
    background: var(--bsl-bg, #ffffff);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45), inset 0 0 0 10px #0b1120;
    overflow: hidden;
    padding: 10px;
}

.lp-phone__notch[b-d662420a2a] {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 96px;
    height: 22px;
    border-radius: 0 0 14px 14px;
    background: #0b1120;
}

.lp-phone__content[b-d662420a2a] {
    min-height: 100%;
    padding: 44px 16px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: var(--bsl-bg, #ffffff);
    color: var(--bsl-text, #0f172a);
    font-family: var(--bsl-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
}

.lp-phone__photo[b-d662420a2a],
.lp-phone__initials[b-d662420a2a] {
    width: 76px;
    height: 76px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 10px;
}

.lp-phone__photo--logo[b-d662420a2a] { object-fit: contain; background: var(--bsl-surface, #fff); padding: 8px; }

.lp-phone__initials[b-d662420a2a] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bsl-primary, #0f172a);
    color: var(--bsl-button-fg, #fff);
    font-size: 1.6rem;
    font-weight: 800;
}

.lp-phone__name[b-d662420a2a] { font-size: 1.2rem; font-weight: 700; margin: 0 0 4px; color: var(--bsl-text, #0f172a); line-height: 1.2; overflow-wrap: anywhere; }
.lp-phone__bio[b-d662420a2a] { color: var(--bsl-secondary, #64748b); margin: 0 0 18px; font-size: 0.85rem; line-height: 1.45; overflow-wrap: anywhere; }

.lp-phone__links[b-d662420a2a] { width: 100%; display: flex; flex-direction: column; gap: 9px; }

.lp-phone__link[b-d662420a2a] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 44px;
    padding: 10px 14px;
    border: none;
    border-radius: 12px;
    background: var(--bsl-primary, #0f172a);
    color: var(--bsl-button-fg, #fff);
    font-size: 0.88rem;
    font-weight: 700;
    font-family: inherit;
    overflow-wrap: anywhere;
}

button.lp-phone__link[b-d662420a2a] { cursor: pointer; }
button.lp-phone__link:focus-visible[b-d662420a2a],
.lp-phone__add:focus-visible[b-d662420a2a],
.lp-phone__ad-head button:focus-visible[b-d662420a2a] { outline: 2px solid #60a5fa; outline-offset: 2px; }

.lp-phone__link.is-off[b-d662420a2a] { opacity: 0.4; }

.lp-phone__add[b-d662420a2a] {
    min-height: 44px;
    border-radius: 12px;
    border: 1px dashed #818cf8;
    background: rgba(99, 102, 241, 0.06);
    color: #4338ca;
    font-weight: 700;
    font-size: 0.88rem;
    font-family: inherit;
}

.lp-phone__empty[b-d662420a2a] {
    padding: 16px;
    border: 1px dashed var(--bsl-border, #e2e8f0);
    border-radius: 12px;
    color: var(--bsl-secondary, #64748b);
    font-size: 0.8rem;
}

.lp-phone__ad[b-d662420a2a] {
    width: 100%;
    margin-top: 16px;
    padding: 12px 14px;
    border: 1px solid var(--bsl-border, #e2e8f0);
    border-radius: 12px;
    background: var(--bsl-surface, #fff);
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.lp-phone__ad-head[b-d662420a2a] { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.lp-phone__ad-head span[b-d662420a2a] { font-size: 0.62rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: var(--bsl-secondary, #64748b); }

.lp-phone__ad-head button[b-d662420a2a] {
    min-height: 36px;
    padding: 0 12px;
    border-radius: 10px;
    border: 1px solid #fca5a5;
    background: #fff;
    color: #dc2626;
    font-size: 0.75rem;
    font-weight: 700;
}

.lp-phone__ad strong[b-d662420a2a] { font-size: 1rem; color: var(--bsl-text, #0f172a); }
.lp-phone__ad strong span[b-d662420a2a] { color: #06b6d4; }
.lp-phone__ad p[b-d662420a2a] { margin: 0; font-size: 0.75rem; color: var(--bsl-secondary, #64748b); }

.lp-phone__footer[b-d662420a2a] {
    margin: 12px 0 0;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--bsl-secondary, #64748b);
    opacity: 0.7;
}
/* /Pages/LinkPageEditor/LinkPageSaveConflict/LinkPageSaveConflict.razor.rz.scp.css */
.lp-conflict[b-tm2izbt2dw] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border: 1px solid rgba(251, 191, 36, 0.45);
    background: rgba(15, 23, 42, 0.55);
    border-radius: 1.75rem;
    padding: 1.25rem;
}

.lp-conflict h3[b-tm2izbt2dw] { font-size: 1.05rem; font-weight: 800; color: #fff; }
.lp-conflict header p[b-tm2izbt2dw] { font-size: 0.85rem; color: #cbd5e1; margin-top: 0.25rem; }

.lp-conflict__table[b-tm2izbt2dw] { display: flex; flex-direction: column; border: 1px solid rgba(51, 65, 85, 0.8); border-radius: 1rem; overflow: hidden; }

.lp-conflict__row[b-tm2izbt2dw] {
    display: grid;
    grid-template-columns: minmax(6rem, 0.8fr) 1fr 1fr;
    gap: 0.75rem;
    padding: 0.7rem 0.9rem;
    font-size: 0.85rem;
    color: #e2e8f0;
    border-top: 1px solid rgba(51, 65, 85, 0.6);
    overflow-wrap: anywhere;
}

.lp-conflict__row--head[b-tm2izbt2dw] { border-top: none; font-size: 0.7rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: #94a3b8; }
.lp-conflict__row.is-same[b-tm2izbt2dw] { color: #94a3b8; }
.lp-conflict__row [role="rowheader"][b-tm2izbt2dw] { font-weight: 700; }

.lp-conflict__actions[b-tm2izbt2dw] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 0.6rem; }
.lp-conflict__actions[b-tm2izbt2dw]  button { min-height: 44px; white-space: nowrap; }
/* /Pages/LinkPageEditor/LinkPageSaveStatus/LinkPageSaveStatus.razor.rz.scp.css */
.lp-save-status[b-wgrioudqes] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.55rem 1rem;
    border-radius: 999px;
    border: 1px solid transparent;
    max-width: 100%;
}

.lp-save-status__icon[b-wgrioudqes] { font-size: 0.8rem; flex-shrink: 0; }

.lp-save-status__text[b-wgrioudqes] {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
    min-width: 0;
}

.lp-save-status__text strong[b-wgrioudqes] { font-size: 0.8rem; font-weight: 700; }
.lp-save-status__text span[b-wgrioudqes] { font-size: 0.7rem; opacity: 0.85; }

.lp-save-status__retry[b-wgrioudqes] {
    flex-shrink: 0;
    white-space: nowrap;
    margin-left: 0.25rem;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    background: rgba(248, 113, 113, 0.18);
    border: 1px solid rgba(248, 113, 113, 0.45);
    color: #fecaca;
}

.lp-save-status--success[b-wgrioudqes] { background: rgba(16, 185, 129, 0.1); border-color: rgba(52, 211, 153, 0.4); color: #6ee7b7; }
.lp-save-status--success .lp-save-status__text span[b-wgrioudqes] { color: #d1fae5; }
.lp-save-status--info[b-wgrioudqes] { background: rgba(59, 130, 246, 0.1); border-color: rgba(96, 165, 250, 0.4); color: #93c5fd; }
.lp-save-status--warning[b-wgrioudqes] { background: rgba(245, 158, 11, 0.1); border-color: rgba(251, 191, 36, 0.4); color: #fcd34d; }
.lp-save-status--danger[b-wgrioudqes] { background: rgba(239, 68, 68, 0.1); border-color: rgba(248, 113, 113, 0.45); color: #fca5a5; }
/* /Pages/LinkPageEditor/LinkPageTextStyleEditor/LinkPageTextStyleEditor.razor.rz.scp.css */
.lp-textstyle[b-xtrmt3btes] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.03);
}

.lp-textstyle__head[b-xtrmt3btes] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.lp-textstyle__title[b-xtrmt3btes] {
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #94a3b8;
}

.lp-textstyle__reset[b-xtrmt3btes] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.62rem;
    font-weight: 700;
    color: #64748b;
    transition: color 0.15s ease;
}

.lp-textstyle__reset:hover[b-xtrmt3btes] {
    color: #cbd5e1;
}

.lp-textstyle__grid[b-xtrmt3btes] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 76px 64px;
    align-items: end;
    gap: 10px;
}

.lp-textstyle__field-label[b-xtrmt3btes] {
    font-size: 0.62rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: #64748b;
    margin-bottom: 8px;
}

.lp-textstyle__size-input[b-xtrmt3btes] {
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #0f172a;
    border-radius: 10px;
    padding: 9px 10px;
    font-size: 0.82rem;
    font-weight: 600;
    color: #ffffff;
    outline: none;
}

.lp-textstyle__size-input:focus[b-xtrmt3btes] {
    border-color: #06b6d4;
}

select.lp-textstyle__size-input[b-xtrmt3btes] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 26px;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 11px;
}

select.lp-textstyle__size-input option[b-xtrmt3btes] {
    background: #0f172a;
    color: #ffffff;
}
/* /Pages/LinkPageEditor/LinkPageThemeEditor/LinkPageThemeEditor.razor.rz.scp.css */
.lp-theme[b-g3p8gji25b] { display: flex; flex-direction: column; gap: 1rem; }

.lp-theme__card[b-g3p8gji25b] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    border: 1px solid rgba(51, 65, 85, 0.7);
    background: rgba(15, 23, 42, 0.45);
    border-radius: 1.75rem;
    padding: 1.25rem;
}

.lp-theme__card h3[b-g3p8gji25b] {
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #e2e8f0;
}
/* /Pages/LinkPagePlan/LinkPagePlanStatus/LinkPagePlanStatus.razor.rz.scp.css */
/* Os dois planos lado a lado a partir de 1024 px; com o menu aberto, 768 empilha. */
.link-page-plans[b-1fiaokhmd7] {
    display: grid;
    gap: 16px;
}

@media (min-width: 1024px) {
    .link-page-plans[b-1fiaokhmd7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.link-page-plan-item[b-1fiaokhmd7] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    line-height: 1.45;
}

.link-page-plan-item i[b-1fiaokhmd7] {
    margin-top: 3px;
    flex: 0 0 auto;
}

.link-page-plan-item.on[b-1fiaokhmd7] {
    color: rgb(203 213 225);
}

.link-page-plan-item.on i[b-1fiaokhmd7] {
    color: rgb(52 211 153);
}

.link-page-plan-item.off[b-1fiaokhmd7] {
    color: rgb(100 116 139);
}
/* /Pages/LinkPageSetup/LinkPageBrandGate/LinkPageBrandGate.razor.rz.scp.css */
.link-page-brand-row[b-z4ipipiqpz] {
    display: grid;
    grid-template-columns: minmax(110px, 150px) minmax(0, 1fr);
    gap: 4px 12px;
    align-items: center;
}

.link-page-swatch[b-z4ipipiqpz] {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    border-radius: 6px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
}

@media (max-width: 639px) {
    .link-page-brand-row[b-z4ipipiqpz] {
        grid-template-columns: 1fr;
    }
}

/* Celular e prévia lado a lado só a partir de 1024 px: com o menu aberto, a área do conteúdo em 768 não comporta os dois. */
.link-page-brand-layout[b-z4ipipiqpz] {
    display: grid;
    gap: 24px;
    align-items: start;
}

@media (min-width: 1024px) {
    .link-page-brand-layout[b-z4ipipiqpz] {
        grid-template-columns: minmax(0, 320px) minmax(0, 1fr);
    }
}
/* /Pages/LinkPageSetup/LinkPageCrossProductSlugConflict/LinkPageCrossProductSlugConflict.razor.rz.scp.css */
.link-page-suggestions[b-ogz86oh8b1] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
/* /Pages/LinkPageSetup/LinkPageSetup.razor.rz.scp.css */
/* Prévia no celular e o conteúdo lado a lado só a partir de 1024 px: com o menu aberto, a área em 768 não comporta os dois. */
.link-page-setup-layout[b-km8io1t099] {
    display: grid;
    gap: 24px;
    align-items: start;
}

@media (min-width: 1024px) {
    .link-page-setup-layout[b-km8io1t099] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 320px);
    }

    .link-page-setup-layout.phone-first[b-km8io1t099] {
        grid-template-columns: minmax(0, 320px) minmax(0, 1fr);
    }
}
/* /Pages/Master/CreditCoupons/CampaignResultPanel.razor.rz.scp.css */
/* Resultado da campanha (BILCOUP-28). */
.cp-result-grid[b-0t8hs51y54] { display: grid; gap: 0.75rem; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); margin-bottom: 1rem; }
.cp-result-metric[b-0t8hs51y54] { padding: 0.75rem 0.875rem; border-radius: 0.75rem; border: 1px solid rgb(51 65 85 / 0.6); background: rgb(15 23 42 / 0.5); text-align: left; }
.cp-result-metric span[b-0t8hs51y54] { display: block; font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.04em; color: rgb(100 116 139); }
.cp-result-metric strong[b-0t8hs51y54] { display: block; margin-top: 0.25rem; font-size: 1.25rem; color: rgb(241 245 249); }
.cp-result-metric small[b-0t8hs51y54] { display: block; margin-top: 0.25rem; font-size: 0.75rem; color: rgb(148 163 184); }
.cp-result-metric-good[b-0t8hs51y54] { border-color: rgb(16 185 129 / 0.35); }
.cp-result-table[b-0t8hs51y54] { width: 100%; border-collapse: collapse; font-size: 0.8125rem; text-align: left; }
.cp-result-table th[b-0t8hs51y54] { padding: 0.5rem; color: rgb(148 163 184); font-weight: 600; border-bottom: 1px solid rgb(51 65 85 / 0.6); }
.cp-result-table td[b-0t8hs51y54] { padding: 0.5rem; color: rgb(226 232 240); border-bottom: 1px solid rgb(51 65 85 / 0.3); }
.cp-result-note[b-0t8hs51y54] { margin: 0.75rem 0 0; font-size: 0.75rem; color: rgb(252 211 77); }
/* /Pages/Master/CreditCoupons/CreditCoupons.razor.rz.scp.css */
/* Campanhas de cupom (BIL-04/US01).

   Só o que o Tailwind não alcança: o conteúdo que vai dentro do ConfirmModal compartilhado, que
   renderiza fora desta árvore de utilitários. */

.cp-notes[b-r69va40t9l] {
    margin: 0;
    padding-left: 1.125rem;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.cp-notes li[b-r69va40t9l] { font-size: 0.8125rem; color: rgb(148 163 184); }
.cp-notes strong[b-r69va40t9l] { color: rgb(226 232 240); }

.cp-field[b-r69va40t9l] { display: flex; flex-direction: column; gap: 0.375rem; text-align: left; }
.cp-field label[b-r69va40t9l] { font-size: 0.8125rem; color: rgb(203 213 225); }

.cp-field textarea[b-r69va40t9l] {
    padding: 0.625rem 0.875rem;
    border-radius: 0.75rem;
    border: 1px solid rgb(51 65 85 / 0.7);
    background: rgb(15 23 42 / 0.6);
    color: rgb(226 232 240);
    resize: vertical;
    font: inherit;
}

.cp-field small[b-r69va40t9l] { font-size: 0.75rem; color: rgb(148 163 184); }

.cp-history[b-r69va40t9l] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    text-align: left;
}

.cp-history li[b-r69va40t9l] {
    padding: 0.75rem 0.875rem;
    border-radius: 0.75rem;
    border: 1px solid rgb(51 65 85 / 0.6);
    background: rgb(15 23 42 / 0.45);
}

.cp-history-head[b-r69va40t9l] { display: flex; justify-content: space-between; gap: 0.75rem; align-items: baseline; }
.cp-history-head strong[b-r69va40t9l] { color: rgb(241 245 249); font-size: 0.875rem; }
.cp-history-head span[b-r69va40t9l] { color: rgb(148 163 184); font-size: 0.75rem; white-space: nowrap; }
.cp-history-version[b-r69va40t9l] { display: block; margin-top: 0.125rem; font-size: 0.6875rem; color: rgb(100 116 139); }
.cp-history-reason[b-r69va40t9l] { margin: 0.5rem 0 0; font-size: 0.8125rem; color: rgb(203 213 225); }

/* Ação do cartão no celular: alvo de toque de verdade, e não um ícone de 16 px. */
.cp-mobile-action[b-r69va40t9l] {
    min-height: 2.25rem;
    padding: 0.375rem 0.75rem;
    border-radius: 0.625rem;
    border: 1px solid rgb(71 85 105 / 0.7);
    background: rgb(30 41 59 / 0.6);
    color: rgb(203 213 225);
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
}

.cp-mobile-action-danger[b-r69va40t9l] { color: rgb(252 165 165); border-color: rgb(248 113 113 / 0.35); }

/* Busca, situação e página (BILCOUP-27). */
.cp-toolbar[b-r69va40t9l] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0.75rem; }
.cp-toolbar-field[b-r69va40t9l] { display: flex; flex-direction: column; gap: 0.25rem; flex: 1 1 220px; }
.cp-toolbar-field label[b-r69va40t9l] { font-size: 0.75rem; color: rgb(148 163 184); }
.cp-toolbar-field input[b-r69va40t9l],
.cp-toolbar-field select[b-r69va40t9l] {
    padding: 0.5rem 0.75rem;
    border-radius: 0.625rem;
    border: 1px solid rgb(51 65 85 / 0.8);
    background: rgb(15 23 42 / 0.7);
    color: rgb(226 232 240);
    font: inherit;
    font-size: 0.875rem;
}
.cp-toolbar-button[b-r69va40t9l] {
    min-height: 2.375rem;
    padding: 0.5rem 1rem;
    border-radius: 0.625rem;
    border: 1px solid rgb(71 85 105 / 0.8);
    background: rgb(30 41 59 / 0.8);
    color: rgb(226 232 240);
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
}
.cp-toolbar-button:disabled[b-r69va40t9l] { opacity: 0.5; cursor: not-allowed; }
.cp-pagination[b-r69va40t9l] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.875rem 1rem; border-top: 1px solid rgb(51 65 85 / 0.5); }
.cp-pagination span[b-r69va40t9l] { font-size: 0.8125rem; color: rgb(148 163 184); }
.cp-load-failed[b-r69va40t9l] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 1.25rem; color: rgb(254 202 202); }
.cp-load-failed p[b-r69va40t9l] { margin: 0; font-size: 0.875rem; }

/* Prévia da publicação (BILCOUP-18). */
.cp-preview[b-r69va40t9l] { margin-bottom: 0.875rem; text-align: left; }
.cp-preview dl[b-r69va40t9l] { margin: 0; display: grid; gap: 0.5rem; }
.cp-preview dt[b-r69va40t9l] { font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.04em; color: rgb(100 116 139); }
.cp-preview dd[b-r69va40t9l] { margin: 0.125rem 0 0; font-size: 0.8125rem; color: rgb(226 232 240); }
.cp-preview-note[b-r69va40t9l] { margin: 0.5rem 0 0; font-size: 0.8125rem; color: rgb(148 163 184); }
.cp-preview-error[b-r69va40t9l] { margin: 0.5rem 0 0; font-size: 0.8125rem; color: rgb(252 165 165); }
/* /Pages/Master/EngagementCampaignBatch/EngagementCampaignBatch.razor.rz.scp.css */
/* Campanhas de engajamento (FND-06/US03, critério 34). */

.campaign-list[b-60aft1yco9] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.campaign-row[b-60aft1yco9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.125rem;
    border-radius: 0.875rem;
    border: 1px solid rgb(51 65 85 / 0.6);
    background: rgb(15 23 42 / 0.5);
}

.campaign-copy strong[b-60aft1yco9] {
    display: block;
    color: rgb(241 245 249);
    font-size: 0.9375rem;
}

.campaign-copy small[b-60aft1yco9] {
    display: block;
    margin-top: 0.125rem;
    font-size: 0.8125rem;
    color: rgb(148 163 184);
}

.campaign-meta[b-60aft1yco9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin-top: 0.5rem;
}

.campaign-badge[b-60aft1yco9] {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.5rem;
    border-radius: 999px;
    font-size: 0.6875rem;
    font-weight: 600;
    background: rgb(30 41 59 / 0.9);
    color: rgb(203 213 225);
}

.campaign-badge-approved[b-60aft1yco9] { background: rgb(20 83 45 / 0.5); color: rgb(134 239 172); }
.campaign-badge-paused[b-60aft1yco9] { background: rgb(120 53 15 / 0.5); color: rgb(253 224 71); }
.campaign-badge-retired[b-60aft1yco9] { background: rgb(51 65 85 / 0.7); color: rgb(148 163 184); }
.campaign-badge-draft[b-60aft1yco9] { background: rgb(30 58 138 / 0.5); color: rgb(147 197 253); }

.campaign-block[b-60aft1yco9] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    margin: 0.5rem 0 0;
    font-size: 0.8125rem;
    color: rgb(252 211 77);
}

.campaign-actions[b-60aft1yco9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.campaign-card[b-60aft1yco9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 0.875rem;
    border: 1px solid rgb(51 65 85 / 0.6);
    background: rgb(15 23 42 / 0.5);
}

.campaign-section-title[b-60aft1yco9] {
    margin: 0;
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgb(148 163 184);
}

.campaign-metrics[b-60aft1yco9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: 0.75rem;
}

.campaign-metric[b-60aft1yco9] {
    display: flex;
    flex-direction: column;
    padding: 0.875rem 1rem;
    border-radius: 0.75rem;
    background: rgb(30 41 59 / 0.55);
}

.campaign-metric strong[b-60aft1yco9] { font-size: 1.5rem; color: rgb(241 245 249); }
.campaign-metric span[b-60aft1yco9] { font-size: 0.8125rem; color: rgb(203 213 225); }
.campaign-metric small[b-60aft1yco9] { font-size: 0.75rem; color: rgb(148 163 184); }

.campaign-exclusions[b-60aft1yco9],
.campaign-summary[b-60aft1yco9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    gap: 0.75rem;
    margin: 0;
}

.campaign-exclusions dt[b-60aft1yco9],
.campaign-summary dt[b-60aft1yco9] { font-size: 0.75rem; color: rgb(148 163 184); }

.campaign-exclusions dd[b-60aft1yco9],
.campaign-summary dd[b-60aft1yco9] { margin: 0.125rem 0 0; font-size: 1rem; color: rgb(241 245 249); }

.campaign-note[b-60aft1yco9] {
    margin: 0;
    font-size: 0.8125rem;
    color: rgb(148 163 184);
}

.campaign-preview-modes[b-60aft1yco9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.campaign-mode[b-60aft1yco9] {
    min-height: 44px;
    padding: 0 1rem;
    border-radius: 0.75rem;
    border: 1px solid rgb(51 65 85 / 0.8);
    background: transparent;
    color: rgb(203 213 225);
    font-size: 0.8125rem;
    cursor: pointer;
}

.campaign-mode.is-active[b-60aft1yco9] {
    border-color: rgb(59 130 246 / 0.8);
    background: rgb(37 99 235 / 0.2);
    color: rgb(191 219 254);
}

.campaign-preview-frame[b-60aft1yco9] {
    padding: 1rem;
    border-radius: 0.75rem;
    background: #ffffff;
    color: #0f172a;
    overflow-x: auto;
}

.campaign-preview-frame.mobile[b-60aft1yco9] { max-width: 390px; }
.campaign-preview-frame.no-images .campaign-preview-body img[b-60aft1yco9] { display: none; }

.campaign-state[b-60aft1yco9] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 0.875rem;
    border: 1px solid rgb(51 65 85 / 0.6);
    background: rgb(15 23 42 / 0.5);
    color: rgb(203 213 225);
}

.campaign-state strong[b-60aft1yco9] { display: block; color: rgb(241 245 249); }
.campaign-state p[b-60aft1yco9] { margin: 0.25rem 0 0; font-size: 0.8125rem; color: rgb(148 163 184); }

.campaign-skeleton[b-60aft1yco9] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.campaign-skeleton-row[b-60aft1yco9] {
    height: 4.5rem;
    border-radius: 0.875rem;
    background: rgb(30 41 59 / 0.55);
    animation: campaign-pulse-b-60aft1yco9 1.6s ease-in-out infinite;
}

@keyframes campaign-pulse-b-60aft1yco9 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.45; }
}

.campaign-result[b-60aft1yco9] {
    margin: 0;
    font-size: 0.875rem;
    color: rgb(134 239 172);
}

/* Fica em 640: aqui `.campaign-actions` é uma faixa de dois botões sozinha, sem texto ao lado
   para espremer, e ela já quebra por conta própria (`flex-wrap: wrap`). A varredura de 19/09/2026
   mediu esta tela em 768px — a largura em que o menu de 288px aperta o conteúdo a ≈400px — e não
   achou título nenhum apertado. O `.campaign-row` que estava aqui não existe nesta tela: ele é da
   lista de campanhas, e a regra morta saiu junto. */
@media (max-width: 640px) {
    .campaign-actions[b-60aft1yco9] { width: 100%; }
}

.campaign-funnel[b-60aft1yco9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: 0.75rem;
}

.campaign-funnel-card[b-60aft1yco9] {
    padding: 1rem 1.125rem;
    border-radius: 0.875rem;
    border: 1px solid rgb(51 65 85 / 0.6);
    background: rgb(15 23 42 / 0.5);
}

.campaign-funnel-card h2[b-60aft1yco9] {
    margin: 0;
    font-size: 0.8125rem;
    color: rgb(148 163 184);
}

.campaign-funnel-value[b-60aft1yco9] {
    margin: 0.25rem 0 0.5rem;
    font-size: 1.75rem;
    font-weight: 700;
    color: rgb(241 245 249);
}

.campaign-funnel-meta[b-60aft1yco9] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.125rem 0.5rem;
    margin: 0;
    font-size: 0.75rem;
}

.campaign-funnel-meta dt[b-60aft1yco9] { color: rgb(100 116 139); }
.campaign-funnel-meta dd[b-60aft1yco9] { margin: 0; color: rgb(148 163 184); }
/* /Pages/Master/EngagementCampaigns/EngagementCampaigns.razor.rz.scp.css */
/* Campanhas de engajamento (FND-06/US03, critério 34). */

.campaign-list[b-b4bemtuye5] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.campaign-row[b-b4bemtuye5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.125rem;
    border-radius: 0.875rem;
    border: 1px solid rgb(51 65 85 / 0.6);
    background: rgb(15 23 42 / 0.5);
}

.campaign-copy strong[b-b4bemtuye5] {
    display: block;
    color: rgb(241 245 249);
    font-size: 0.9375rem;
}

.campaign-copy small[b-b4bemtuye5] {
    display: block;
    margin-top: 0.125rem;
    font-size: 0.8125rem;
    color: rgb(148 163 184);
}

.campaign-meta[b-b4bemtuye5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin-top: 0.5rem;
}

.campaign-badge[b-b4bemtuye5] {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.5rem;
    border-radius: 999px;
    font-size: 0.6875rem;
    font-weight: 600;
    background: rgb(30 41 59 / 0.9);
    color: rgb(203 213 225);
}

.campaign-badge-approved[b-b4bemtuye5] { background: rgb(20 83 45 / 0.5); color: rgb(134 239 172); }
.campaign-badge-paused[b-b4bemtuye5] { background: rgb(120 53 15 / 0.5); color: rgb(253 224 71); }
.campaign-badge-retired[b-b4bemtuye5] { background: rgb(51 65 85 / 0.7); color: rgb(148 163 184); }
.campaign-badge-draft[b-b4bemtuye5] { background: rgb(30 58 138 / 0.5); color: rgb(147 197 253); }

.campaign-block[b-b4bemtuye5] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    margin: 0.5rem 0 0;
    font-size: 0.8125rem;
    color: rgb(252 211 77);
}

.campaign-actions[b-b4bemtuye5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.campaign-card[b-b4bemtuye5] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 0.875rem;
    border: 1px solid rgb(51 65 85 / 0.6);
    background: rgb(15 23 42 / 0.5);
}

.campaign-section-title[b-b4bemtuye5] {
    margin: 0;
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgb(148 163 184);
}

.campaign-metrics[b-b4bemtuye5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: 0.75rem;
}

.campaign-metric[b-b4bemtuye5] {
    display: flex;
    flex-direction: column;
    padding: 0.875rem 1rem;
    border-radius: 0.75rem;
    background: rgb(30 41 59 / 0.55);
}

.campaign-metric strong[b-b4bemtuye5] { font-size: 1.5rem; color: rgb(241 245 249); }
.campaign-metric span[b-b4bemtuye5] { font-size: 0.8125rem; color: rgb(203 213 225); }
.campaign-metric small[b-b4bemtuye5] { font-size: 0.75rem; color: rgb(148 163 184); }

.campaign-exclusions[b-b4bemtuye5],
.campaign-summary[b-b4bemtuye5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    gap: 0.75rem;
    margin: 0;
}

.campaign-exclusions dt[b-b4bemtuye5],
.campaign-summary dt[b-b4bemtuye5] { font-size: 0.75rem; color: rgb(148 163 184); }

.campaign-exclusions dd[b-b4bemtuye5],
.campaign-summary dd[b-b4bemtuye5] { margin: 0.125rem 0 0; font-size: 1rem; color: rgb(241 245 249); }

.campaign-note[b-b4bemtuye5] {
    margin: 0;
    font-size: 0.8125rem;
    color: rgb(148 163 184);
}

.campaign-preview-modes[b-b4bemtuye5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.campaign-mode[b-b4bemtuye5] {
    min-height: 44px;
    padding: 0 1rem;
    border-radius: 0.75rem;
    border: 1px solid rgb(51 65 85 / 0.8);
    background: transparent;
    color: rgb(203 213 225);
    font-size: 0.8125rem;
    cursor: pointer;
}

.campaign-mode.is-active[b-b4bemtuye5] {
    border-color: rgb(59 130 246 / 0.8);
    background: rgb(37 99 235 / 0.2);
    color: rgb(191 219 254);
}

.campaign-preview-frame[b-b4bemtuye5] {
    padding: 1rem;
    border-radius: 0.75rem;
    background: #ffffff;
    color: #0f172a;
    overflow-x: auto;
}

.campaign-preview-frame.mobile[b-b4bemtuye5] { max-width: 390px; }
.campaign-preview-frame.no-images .campaign-preview-body img[b-b4bemtuye5] { display: none; }

.campaign-state[b-b4bemtuye5] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 0.875rem;
    border: 1px solid rgb(51 65 85 / 0.6);
    background: rgb(15 23 42 / 0.5);
    color: rgb(203 213 225);
}

.campaign-state strong[b-b4bemtuye5] { display: block; color: rgb(241 245 249); }
.campaign-state p[b-b4bemtuye5] { margin: 0.25rem 0 0; font-size: 0.8125rem; color: rgb(148 163 184); }

.campaign-skeleton[b-b4bemtuye5] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.campaign-skeleton-row[b-b4bemtuye5] {
    height: 4.5rem;
    border-radius: 0.875rem;
    background: rgb(30 41 59 / 0.55);
    animation: campaign-pulse-b-b4bemtuye5 1.6s ease-in-out infinite;
}

@keyframes campaign-pulse-b-b4bemtuye5 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.45; }
}

.campaign-result[b-b4bemtuye5] {
    margin: 0;
    font-size: 0.875rem;
    color: rgb(134 239 172);
}

/* A linha vira bloco até 1024px, e não até 640.

   O espaço do texto é o que sobra depois dos 288px do menu, não a largura da tela: em 768px
   restam ≈400px de conteúdo e o nome da tarefa ficava com 75px, em três linhas de uma palavra,
   porque "Conferir audiência" e "Pausar" não quebram (regra `bs-suite-chrome` em
   `BigSoluSuite.UI/Styles/app.css`) e ficam com a coluna ao lado. */
@media (max-width: 1024px) {
    .campaign-row[b-b4bemtuye5] { flex-direction: column; }
    .campaign-actions[b-b4bemtuye5] { width: 100%; }
}
/* /Pages/Master/GlobalSettings/GlobalSettings.razor.rz.scp.css */
/* Padrões globais da plataforma (FND-07/US01, critérios CFG-30 a CFG-33).

   O visual segue a linguagem das telas Master já existentes — linha com ícone, texto, marcadores
   e ação à direita — para a jornada nova não parecer outro produto dentro da mesma Suite. */

.gs-header-actions[b-co80a8mx11] {
    display: flex;
    gap: 0.5rem;
}

/* ---------- Estados de carregamento, vazio e falha ---------- */

.gs-skeleton[b-co80a8mx11] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.gs-skeleton-row[b-co80a8mx11] {
    height: 4.5rem;
    border-radius: 0.875rem;
    background: rgb(255 255 255 / 0.05);
    animation: gs-pulse-b-co80a8mx11 1.6s ease-in-out infinite;
}

@keyframes gs-pulse-b-co80a8mx11 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.45; }
}

/* Quem pediu para reduzir movimento não precisa da animação para entender que a tela está
   carregando: o texto acessível já diz isso. */
@media (prefers-reduced-motion: reduce) {
    .gs-skeleton-row[b-co80a8mx11] { animation: none; }
}

.gs-state[b-co80a8mx11],
.gs-alert[b-co80a8mx11] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.125rem;
    border-radius: 0.875rem;
    border: 1px solid rgb(51 65 85 / 0.6);
    background: rgb(15 23 42 / 0.5);
    color: rgb(203 213 225);
}

.gs-alert[b-co80a8mx11] {
    border-color: rgb(59 130 246 / 0.5);
    background: rgb(30 58 138 / 0.25);
}

.gs-alert-warning[b-co80a8mx11] {
    border-color: rgb(245 158 11 / 0.5);
    background: rgb(120 53 15 / 0.25);
}

.gs-state-danger[b-co80a8mx11] { border-color: rgb(239 68 68 / 0.5); background: rgb(127 29 29 / 0.25); }
.gs-state-warning[b-co80a8mx11] { border-color: rgb(245 158 11 / 0.5); background: rgb(120 53 15 / 0.25); }
.gs-state-success[b-co80a8mx11] { border-color: rgb(16 185 129 / 0.5); background: rgb(6 78 59 / 0.25); }

.gs-state strong[b-co80a8mx11],
.gs-alert strong[b-co80a8mx11] {
    display: block;
    color: rgb(241 245 249);
    font-size: 0.9375rem;
}

.gs-state p[b-co80a8mx11],
.gs-alert span[b-co80a8mx11] {
    margin: 0.25rem 0 0;
    font-size: 0.8125rem;
    color: rgb(148 163 184);
}

/* ---------- Busca e filtros ---------- */

.gs-filters[b-co80a8mx11] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.gs-search[b-co80a8mx11] {
    position: relative;
    display: flex;
    align-items: center;
}

.gs-search i[b-co80a8mx11] {
    position: absolute;
    left: 0.875rem;
    color: rgb(100 116 139);
}

.gs-search input[b-co80a8mx11] {
    width: 100%;
    min-height: 2.75rem;
    padding: 0.625rem 0.875rem 0.625rem 2.5rem;
    border-radius: 0.75rem;
    border: 1px solid rgb(51 65 85 / 0.7);
    background: rgb(15 23 42 / 0.6);
    color: rgb(226 232 240);
}

.gs-groups[b-co80a8mx11] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.gs-chip[b-co80a8mx11] {
    /* 44 px é o alvo mínimo do protótipo aprovado, e vale em qualquer largura. */
    min-height: 2.75rem;
    padding: 0.5rem 0.875rem;
    border-radius: 999px;
    border: 1px solid rgb(51 65 85 / 0.7);
    background: rgb(15 23 42 / 0.5);
    color: rgb(203 213 225);
    font-size: 0.8125rem;
}

.gs-chip.is-active[b-co80a8mx11] {
    border-color: rgb(59 130 246 / 0.8);
    background: rgb(30 58 138 / 0.5);
    color: rgb(191 219 254);
}

/* ---------- Catálogo ---------- */

.gs-list[b-co80a8mx11] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.gs-row[b-co80a8mx11] {
    display: flex;
    align-items: flex-start;
    gap: 0.875rem;
    padding: 1rem 1.125rem;
    border-radius: 0.875rem;
    border: 1px solid rgb(51 65 85 / 0.6);
    background: rgb(15 23 42 / 0.5);
}

.gs-row-icon[b-co80a8mx11] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    border-radius: 0.75rem;
    background: rgb(30 58 138 / 0.35);
    color: rgb(147 197 253);
}

.gs-row-copy[b-co80a8mx11] { flex: 1 1 auto; min-width: 0; }

.gs-row-copy strong[b-co80a8mx11] {
    display: block;
    color: rgb(241 245 249);
    font-size: 0.9375rem;
}

.gs-row-copy small[b-co80a8mx11] {
    display: block;
    margin-top: 0.125rem;
    font-size: 0.8125rem;
    color: rgb(148 163 184);
}

.gs-row-meta[b-co80a8mx11] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin-top: 0.5rem;
}

.gs-badge[b-co80a8mx11] {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.5rem;
    border-radius: 999px;
    font-size: 0.6875rem;
    font-weight: 600;
    background: rgb(6 78 59 / 0.5);
    color: rgb(134 239 172);
}

.gs-badge-warning[b-co80a8mx11] { background: rgb(120 53 15 / 0.5); color: rgb(253 224 71); }
.gs-badge-neutral[b-co80a8mx11] { background: rgb(51 65 85 / 0.7); color: rgb(148 163 184); }
.gs-badge-info[b-co80a8mx11] { background: rgb(30 58 138 / 0.5); color: rgb(147 197 253); }

.gs-consumers[b-co80a8mx11] {
    margin: 0.5rem 0 0;
    font-size: 0.75rem;
    color: rgb(148 163 184);
}

.gs-row-tail[b-co80a8mx11] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex-shrink: 0;
}

/* A linha vira bloco até 1024px, e não até 640.

   A conta que importa não é a largura da tela: é a que sobra depois dos 288px do menu do produto.
   Em 768px o menu já apareceu (`md:flex`) e o conteúdo fica com 768 − 288 − 80 de respiro ≈ 400px
   — menos do que um celular de 390 tem. Medido nessa largura, o nome da configuração ficava com
   123px e "WhatsApp legado" caía a uma palavra por linha, porque "Alterar" e "Histórico" não
   quebram (regra `bs-suite-chrome` em `BigSoluSuite.UI/Styles/app.css`) e tomam a coluna inteira.
   É a mesma lição das etapas da Minha Conta (18/09/2026) e dos cartões da Home. */
@media (max-width: 1024px) {
    .gs-row[b-co80a8mx11] { flex-direction: column; }
    .gs-row-tail[b-co80a8mx11] { flex-direction: row; width: 100%; }
    .gs-row-tail > *[b-co80a8mx11] { flex: 1 1 0; justify-content: center; }
}

.gs-pagination[b-co80a8mx11] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    font-size: 0.8125rem;
    color: rgb(148 163 184);
}

/* ---------- Editor e conferência ---------- */

.gs-editor[b-co80a8mx11],
.gs-preview[b-co80a8mx11],
.gs-result[b-co80a8mx11] {
    padding: 1.25rem;
    border-radius: 0.875rem;
    border: 1px solid rgb(51 65 85 / 0.6);
    background: rgb(15 23 42 / 0.5);
}

.gs-editor h2[b-co80a8mx11],
.gs-preview h2[b-co80a8mx11] {
    margin: 0;
    color: rgb(241 245 249);
    font-size: 1.0625rem;
}

.gs-editor-hint[b-co80a8mx11] {
    margin: 0.25rem 0 1rem;
    font-size: 0.8125rem;
    color: rgb(148 163 184);
}

.gs-form[b-co80a8mx11] {
    display: grid;
    gap: 0.875rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 768px) {
    .gs-form[b-co80a8mx11] { grid-template-columns: minmax(0, 1fr); }
}

.gs-field[b-co80a8mx11] { display: flex; flex-direction: column; gap: 0.375rem; }

.gs-field label[b-co80a8mx11] {
    font-size: 0.8125rem;
    color: rgb(203 213 225);
}

.gs-input[b-co80a8mx11] {
    min-height: 2.75rem;
    padding: 0.625rem 0.875rem;
    border-radius: 0.75rem;
    border: 1px solid rgb(51 65 85 / 0.7);
    background: rgb(15 23 42 / 0.6);
    color: rgb(226 232 240);
}

.gs-field-hint[b-co80a8mx11] {
    font-size: 0.75rem;
    color: rgb(148 163 184);
}

.gs-editor-actions[b-co80a8mx11] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 1rem;
}

.gs-preview-grid[b-co80a8mx11] {
    display: grid;
    gap: 0.875rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 1rem 0;
}

@media (max-width: 768px) {
    .gs-preview-grid[b-co80a8mx11] { grid-template-columns: minmax(0, 1fr); }
}

.gs-preview-grid dt[b-co80a8mx11] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: rgb(100 116 139);
}

.gs-preview-grid dd[b-co80a8mx11] {
    margin: 0.25rem 0 0;
    color: rgb(226 232 240);
    font-size: 0.875rem;
}

.gs-diff[b-co80a8mx11] {
    padding: 0.75rem 0.875rem;
    border-radius: 0.75rem;
    border: 1px solid rgb(51 65 85 / 0.6);
    margin-bottom: 0.5rem;
}

.gs-diff strong[b-co80a8mx11] { color: rgb(241 245 249); font-size: 0.875rem; }

.gs-diff-values[b-co80a8mx11] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.5rem;
    color: rgb(226 232 240);
    font-size: 0.875rem;
}

.gs-diff-values small[b-co80a8mx11] {
    display: block;
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: rgb(100 116 139);
}

.gs-preview-notice[b-co80a8mx11] {
    margin: 0.75rem 0 0;
    font-size: 0.8125rem;
    color: rgb(148 163 184);
}

/* ---------- Botões ---------- */

.gs-button[b-co80a8mx11] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    min-height: 2.75rem;
    padding: 0.5rem 1rem;
    border-radius: 0.75rem;
    font-size: 0.8125rem;
    font-weight: 600;
    border: 1px solid transparent;
    text-decoration: none;
}

.gs-button-primary[b-co80a8mx11] {
    background: rgb(37 99 235);
    color: rgb(248 250 252);
}

.gs-button-primary:hover:not(:disabled)[b-co80a8mx11] { background: rgb(29 78 216); }

.gs-button-ghost[b-co80a8mx11] {
    border-color: rgb(51 65 85 / 0.8);
    background: rgb(15 23 42 / 0.6);
    color: rgb(203 213 225);
}

.gs-button-ghost:hover:not(:disabled)[b-co80a8mx11] { background: rgb(30 41 59 / 0.8); }

.gs-button:disabled[b-co80a8mx11] { opacity: 0.5; cursor: not-allowed; }

/* O foco precisa continuar visível: teclado é o caminho de quem não usa mouse, e essa tela
   publica configuração para a plataforma inteira. */
.gs-button:focus-visible[b-co80a8mx11],
.gs-chip:focus-visible[b-co80a8mx11],
.gs-input:focus-visible[b-co80a8mx11],
.gs-search input:focus-visible[b-co80a8mx11] {
    outline: 2px solid rgb(96 165 250);
    outline-offset: 2px;
}
/* /Pages/Master/GlobalSettingsHistory/GlobalSettingsHistory.razor.rz.scp.css */
/* Histórico de versões dos padrões globais (FND-07/US01, critérios CFG-08, CFG-27 e CFG-33).

   O histórico repete a linguagem visual do catálogo de propósito: são a mesma jornada vista em
   dois momentos, e mudar a aparência entre elas faria a pessoa achar que trocou de área. */

.gsh-subject[b-4mbxgwxezm] {
    margin: 0;
    color: rgb(226 232 240);
    font-size: 0.9375rem;
    font-weight: 600;
}

.gsh-skeleton[b-4mbxgwxezm] { display: flex; flex-direction: column; gap: 0.75rem; }

.gsh-skeleton-row[b-4mbxgwxezm] {
    height: 4.5rem;
    border-radius: 0.875rem;
    background: rgb(255 255 255 / 0.05);
    animation: gsh-pulse-b-4mbxgwxezm 1.6s ease-in-out infinite;
}

@keyframes gsh-pulse-b-4mbxgwxezm {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.45; }
}

@media (prefers-reduced-motion: reduce) {
    .gsh-skeleton-row[b-4mbxgwxezm] { animation: none; }
}

.gsh-state[b-4mbxgwxezm] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.125rem;
    border-radius: 0.875rem;
    border: 1px solid rgb(51 65 85 / 0.6);
    background: rgb(15 23 42 / 0.5);
    color: rgb(203 213 225);
}

.gsh-state-danger[b-4mbxgwxezm] { border-color: rgb(239 68 68 / 0.5); background: rgb(127 29 29 / 0.25); }
.gsh-state-warning[b-4mbxgwxezm] { border-color: rgb(245 158 11 / 0.5); background: rgb(120 53 15 / 0.25); }
.gsh-state-success[b-4mbxgwxezm] { border-color: rgb(16 185 129 / 0.5); background: rgb(6 78 59 / 0.25); }

.gsh-state strong[b-4mbxgwxezm] { display: block; color: rgb(241 245 249); font-size: 0.9375rem; }

.gsh-state p[b-4mbxgwxezm] { margin: 0.25rem 0 0.5rem; font-size: 0.8125rem; color: rgb(148 163 184); }

.gsh-list[b-4mbxgwxezm] { display: flex; flex-direction: column; gap: 0.75rem; }

.gsh-row[b-4mbxgwxezm] {
    display: flex;
    align-items: flex-start;
    gap: 0.875rem;
    padding: 1rem 1.125rem;
    border-radius: 0.875rem;
    border: 1px solid rgb(51 65 85 / 0.6);
    background: rgb(15 23 42 / 0.5);
}

.gsh-row-icon[b-4mbxgwxezm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    border-radius: 0.75rem;
    background: rgb(30 58 138 / 0.35);
    color: rgb(147 197 253);
}

.gsh-row-copy[b-4mbxgwxezm] { flex: 1 1 auto; min-width: 0; }

.gsh-row-copy strong[b-4mbxgwxezm] { display: block; color: rgb(241 245 249); font-size: 0.9375rem; }

.gsh-row-copy small[b-4mbxgwxezm] { display: block; margin-top: 0.125rem; font-size: 0.8125rem; color: rgb(148 163 184); }

.gsh-row-meta[b-4mbxgwxezm] { display: flex; flex-wrap: wrap; gap: 0.375rem; margin-top: 0.5rem; }

.gsh-badge[b-4mbxgwxezm] {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.5rem;
    border-radius: 999px;
    font-size: 0.6875rem;
    font-weight: 600;
    background: rgb(6 78 59 / 0.5);
    color: rgb(134 239 172);
}

.gsh-badge-neutral[b-4mbxgwxezm] { background: rgb(51 65 85 / 0.7); color: rgb(148 163 184); }
.gsh-badge-info[b-4mbxgwxezm] { background: rgb(30 58 138 / 0.5); color: rgb(147 197 253); }

.gsh-reason[b-4mbxgwxezm] { margin: 0.5rem 0 0; font-size: 0.75rem; color: rgb(148 163 184); }

.gsh-row-tail[b-4mbxgwxezm] { flex-shrink: 0; }

/* Fica em 640, ao contrário do catálogo em `GlobalSettings`: a linha do histórico tem uma ação só
   ("Voltar para esta") e ela nem aparece na versão no ar. A varredura de 19/09/2026 mediu esta
   tela em 768px — a largura em que o menu de 288px aperta o conteúdo a ≈400px — e a coluna de
   texto continuou larga o bastante; nenhum título caiu a uma palavra por linha. */
@media (max-width: 640px) {
    .gsh-row[b-4mbxgwxezm] { flex-direction: column; }
    .gsh-row-tail[b-4mbxgwxezm] { width: 100%; }
    .gsh-row-tail > *[b-4mbxgwxezm] { width: 100%; }
}

.gsh-pagination[b-4mbxgwxezm] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    font-size: 0.8125rem;
    color: rgb(148 163 184);
}

.gsh-draft[b-4mbxgwxezm],
.gsh-result[b-4mbxgwxezm] {
    padding: 1.25rem;
    border-radius: 0.875rem;
    border: 1px solid rgb(51 65 85 / 0.6);
    background: rgb(15 23 42 / 0.5);
}

.gsh-draft h2[b-4mbxgwxezm] { margin: 0; color: rgb(241 245 249); font-size: 1.0625rem; }

.gsh-draft-hint[b-4mbxgwxezm] { margin: 0.25rem 0 1rem; font-size: 0.8125rem; color: rgb(148 163 184); }

.gsh-field[b-4mbxgwxezm] { display: flex; flex-direction: column; gap: 0.375rem; }

.gsh-field label[b-4mbxgwxezm] { font-size: 0.8125rem; color: rgb(203 213 225); }

.gsh-input[b-4mbxgwxezm] {
    min-height: 2.75rem;
    padding: 0.625rem 0.875rem;
    border-radius: 0.75rem;
    border: 1px solid rgb(51 65 85 / 0.7);
    background: rgb(15 23 42 / 0.6);
    color: rgb(226 232 240);
}

.gsh-draft-actions[b-4mbxgwxezm] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 1rem;
}

.gsh-button[b-4mbxgwxezm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    /* 44 px de alvo mínimo, igual ao catálogo e ao protótipo aprovado. */
    min-height: 2.75rem;
    padding: 0.5rem 1rem;
    border-radius: 0.75rem;
    font-size: 0.8125rem;
    font-weight: 600;
    border: 1px solid transparent;
    text-decoration: none;
}

.gsh-button-primary[b-4mbxgwxezm] { background: rgb(37 99 235); color: rgb(248 250 252); }

.gsh-button-primary:hover:not(:disabled)[b-4mbxgwxezm] { background: rgb(29 78 216); }

.gsh-button-ghost[b-4mbxgwxezm] {
    border-color: rgb(51 65 85 / 0.8);
    background: rgb(15 23 42 / 0.6);
    color: rgb(203 213 225);
}

.gsh-button-ghost:hover:not(:disabled)[b-4mbxgwxezm] { background: rgb(30 41 59 / 0.8); }

.gsh-button:disabled[b-4mbxgwxezm] { opacity: 0.5; cursor: not-allowed; }

.gsh-button:focus-visible[b-4mbxgwxezm],
.gsh-input:focus-visible[b-4mbxgwxezm] {
    outline: 2px solid rgb(96 165 250);
    outline-offset: 2px;
}
/* /Pages/Master/PaymentQueue/PaymentQueue.razor.rz.scp.css */
/* Fila de pagamentos (BIL-03/US03, BILHOOK-36).

   Mesma linguagem das outras telas de governança. Os três contadores ficam lado a lado porque a
   primeira pergunta de quem abre a tela é "tem alguma coisa parada esperando por mim?", e não
   "quantos eventos existem". */

.pq-metrics[b-vws8ws0gcb] { display: grid; gap: 0.875rem; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); }

.pq-metric[b-vws8ws0gcb] {
    padding: 0.875rem 1rem;
    border-radius: 0.875rem;
    border: 1px solid rgb(51 65 85 / 0.6);
    background: rgb(15 23 42 / 0.5);
}

/* O que espera gente muda de cor. Sem isso, o número que importa fica igual aos outros três. */
.pq-metric-alert[b-vws8ws0gcb] { border-color: rgb(245 158 11 / 0.45); background: rgb(245 158 11 / 0.06); }

.pq-metric span[b-vws8ws0gcb] {
    display: block;
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: rgb(100 116 139);
}

.pq-metric strong[b-vws8ws0gcb] { display: block; margin-top: 0.25rem; color: rgb(241 245 249); font-size: 1.5rem; }
.pq-metric small[b-vws8ws0gcb] { display: block; margin-top: 0.25rem; font-size: 0.75rem; color: rgb(148 163 184); }
.pq-metric-text[b-vws8ws0gcb] { font-size: 1rem !important; font-weight: 600; }

.pq-list[b-vws8ws0gcb] { display: flex; flex-direction: column; gap: 0.75rem; }

.pq-item[b-vws8ws0gcb] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.125rem;
    border-radius: 0.875rem;
    border: 1px solid rgb(51 65 85 / 0.6);
    background: rgb(15 23 42 / 0.45);
}

.pq-item-exhausted[b-vws8ws0gcb] { border-color: rgb(245 158 11 / 0.4); }

.pq-item-main[b-vws8ws0gcb] { flex: 1 1 320px; min-width: 0; }

.pq-item-title[b-vws8ws0gcb] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
.pq-item-title strong[b-vws8ws0gcb] { color: rgb(241 245 249); font-size: 0.9375rem; }

.pq-item-title code[b-vws8ws0gcb] {
    font-size: 0.75rem;
    color: rgb(148 163 184);
    background: rgb(2 6 23 / 0.6);
    padding: 0.125rem 0.375rem;
    border-radius: 0.375rem;
    /* O identificador do provedor pode ser longo; quebrar é melhor do que empurrar a ação para
       fora da tela no celular. */
    overflow-wrap: anywhere;
}

.pq-item-meta[b-vws8ws0gcb] { margin: 0.375rem 0 0; font-size: 0.75rem; color: rgb(148 163 184); }
.pq-item-error[b-vws8ws0gcb] { margin: 0.5rem 0 0; font-size: 0.8125rem; color: rgb(252 165 165); overflow-wrap: anywhere; }

.pq-item-actions[b-vws8ws0gcb] { flex: 0 0 auto; display: flex; align-items: center; }

.pq-badge[b-vws8ws0gcb] {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.1875rem 0.5rem;
    border-radius: 999px;
    border: 1px solid transparent;
}

.pq-badge-neutral[b-vws8ws0gcb] { color: rgb(148 163 184); border-color: rgb(71 85 105 / 0.7); background: rgb(51 65 85 / 0.35); }
.pq-badge-alert[b-vws8ws0gcb] { color: rgb(252 211 77); border-color: rgb(245 158 11 / 0.4); background: rgb(245 158 11 / 0.1); }
.pq-badge-blocked[b-vws8ws0gcb] { color: rgb(196 181 253); border-color: rgb(139 92 246 / 0.4); background: rgb(139 92 246 / 0.1); }

.pq-button[b-vws8ws0gcb] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.5rem;
    padding: 0.5rem 0.875rem;
    border-radius: 0.75rem;
    border: 1px solid rgb(59 130 246 / 0.4);
    background: rgb(59 130 246 / 0.12);
    color: rgb(191 219 254);
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.pq-button:hover[b-vws8ws0gcb] { background: rgb(59 130 246 / 0.2); border-color: rgb(59 130 246 / 0.6); }

.pq-button-ghost[b-vws8ws0gcb] {
    border-color: rgb(71 85 105 / 0.7);
    background: rgb(30 41 59 / 0.6);
    color: rgb(203 213 225);
}

.pq-button-ghost:hover[b-vws8ws0gcb] { background: rgb(51 65 85 / 0.7); border-color: rgb(100 116 139 / 0.8); }

.pq-blocked[b-vws8ws0gcb] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
    color: rgb(196 181 253);
}

.pq-waiting[b-vws8ws0gcb] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
    color: rgb(148 163 184);
}

.pq-field[b-vws8ws0gcb] { display: flex; flex-direction: column; gap: 0.375rem; text-align: left; }
.pq-field label[b-vws8ws0gcb] { font-size: 0.8125rem; color: rgb(203 213 225); }

.pq-field textarea[b-vws8ws0gcb] {
    padding: 0.625rem 0.875rem;
    border-radius: 0.75rem;
    border: 1px solid rgb(51 65 85 / 0.7);
    background: rgb(15 23 42 / 0.6);
    color: rgb(226 232 240);
    resize: vertical;
    font: inherit;
}

.pq-field small[b-vws8ws0gcb] { font-size: 0.75rem; color: rgb(148 163 184); }

/* Fica em 640: `.pq-item-main` tem base de 320px (`flex: 1 1 320px`) e o item já quebra sozinho
   antes de espremer o texto. A varredura de 19/09/2026 mediu esta tela em 768px — a largura em
   que o menu de 288px aperta o conteúdo a ≈400px — e não achou título nenhum apertado. */
@media (max-width: 640px) {
    .pq-item[b-vws8ws0gcb] { flex-direction: column; }
    .pq-item-actions[b-vws8ws0gcb] { width: 100%; }
    .pq-button[b-vws8ws0gcb] { width: 100%; justify-content: center; }
}

/* Recargas das últimas 24 horas (BILHOOK-36): a pergunta que vem antes da fila é "os pagamentos
   estão entrando?". A diferença muda de cor pelo mesmo motivo do que espera decisão. */
.pq-window[b-vws8ws0gcb] { display: flex; flex-direction: column; gap: 0.75rem; }
.pq-window-header[b-vws8ws0gcb] { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 0.5rem; }
.pq-window-header h2[b-vws8ws0gcb] { margin: 0; font-size: 0.875rem; font-weight: 700; color: rgb(226 232 240); }
.pq-link[b-vws8ws0gcb] { font-size: 0.8125rem; font-weight: 600; color: rgb(147 197 253); }
.pq-link:hover[b-vws8ws0gcb] { color: rgb(191 219 254); text-decoration: underline; }

.pq-alert[b-vws8ws0gcb] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    padding: 0.875rem 1rem;
    border-radius: 0.875rem;
    border: 1px solid rgb(248 113 113 / 0.45);
    background: rgb(248 113 113 / 0.08);
    color: rgb(254 202 202);
}
.pq-alert strong[b-vws8ws0gcb] { display: block; font-size: 0.875rem; }
.pq-alert p[b-vws8ws0gcb] { margin: 0.25rem 0 0; font-size: 0.8125rem; color: rgb(203 213 225); }

/* A prévia do reenvio (BILHOOK-35) fica acima do motivo, em linhas curtas que cabem no celular. */
.pq-preview[b-vws8ws0gcb] { margin-bottom: 0.875rem; }
.pq-preview dl[b-vws8ws0gcb] { margin: 0; display: flex; flex-direction: column; gap: 0.5rem; }
.pq-preview dt[b-vws8ws0gcb] { font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.04em; color: rgb(100 116 139); }
.pq-preview dd[b-vws8ws0gcb] { margin: 0.125rem 0 0; font-size: 0.8125rem; color: rgb(226 232 240); overflow-wrap: anywhere; }
.pq-preview-note[b-vws8ws0gcb] { margin: 0; font-size: 0.8125rem; color: rgb(148 163 184); }
/* /Pages/Master/PlatformAuditTrail/PlatformAuditTrail.razor.rz.scp.css */
/* Trilha de alterações (FND-07/US03, critérios AUD-29 e AUD-30).

   Mesma linguagem das outras telas de governança. O detalhe abre abaixo da lista no computador e
   ocupa a tela inteira no celular: um painel lateral numa largura de 390 px espremeria os dois
   lados até nenhum ficar legível. */

.pat-metrics[b-r4jcjfjig1] { display: grid; gap: 0.875rem; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); }

.pat-metric[b-r4jcjfjig1] {
    padding: 0.875rem 1rem;
    border-radius: 0.875rem;
    border: 1px solid rgb(51 65 85 / 0.6);
    background: rgb(15 23 42 / 0.5);
}

.pat-metric span[b-r4jcjfjig1] {
    display: block;
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: rgb(100 116 139);
}

.pat-metric strong[b-r4jcjfjig1] { display: block; margin-top: 0.25rem; color: rgb(241 245 249); font-size: 1.5rem; }
.pat-metric-text[b-r4jcjfjig1] { font-size: 0.875rem !important; font-weight: 500; }

.pat-filters[b-r4jcjfjig1] { display: flex; flex-wrap: wrap; gap: 0.875rem; }

.pat-field[b-r4jcjfjig1] { display: flex; flex-direction: column; gap: 0.375rem; flex: 1 1 240px; }
.pat-field label[b-r4jcjfjig1] { font-size: 0.8125rem; color: rgb(203 213 225); }

.pat-input[b-r4jcjfjig1] {
    min-height: 2.75rem;
    padding: 0.625rem 0.875rem;
    border-radius: 0.75rem;
    border: 1px solid rgb(51 65 85 / 0.7);
    background: rgb(15 23 42 / 0.6);
    color: rgb(226 232 240);
}

.pat-hint[b-r4jcjfjig1] { margin: 0.25rem 0 0; font-size: 0.75rem; color: rgb(148 163 184); }

.pat-range[b-r4jcjfjig1] { margin: 0; font-size: 0.8125rem; color: rgb(148 163 184); }

.pat-skeleton[b-r4jcjfjig1] { display: flex; flex-direction: column; gap: 0.75rem; }

.pat-skeleton-row[b-r4jcjfjig1] {
    height: 4.5rem;
    border-radius: 0.875rem;
    background: rgb(255 255 255 / 0.05);
    animation: pat-pulse-b-r4jcjfjig1 1.6s ease-in-out infinite;
}

@keyframes pat-pulse-b-r4jcjfjig1 { 0%, 100% { opacity: 1; } 50% { opacity: 0.45; } }

@media (prefers-reduced-motion: reduce) { .pat-skeleton-row[b-r4jcjfjig1] { animation: none; } }

.pat-state[b-r4jcjfjig1] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.125rem;
    border-radius: 0.875rem;
    border: 1px solid rgb(51 65 85 / 0.6);
    background: rgb(15 23 42 / 0.5);
    color: rgb(203 213 225);
}

.pat-state-danger[b-r4jcjfjig1] { border-color: rgb(239 68 68 / 0.5); background: rgb(127 29 29 / 0.25); }
.pat-state-warning[b-r4jcjfjig1] { border-color: rgb(245 158 11 / 0.5); background: rgb(120 53 15 / 0.25); }
.pat-state-success[b-r4jcjfjig1] { border-color: rgb(16 185 129 / 0.5); background: rgb(6 78 59 / 0.25); }

.pat-state strong[b-r4jcjfjig1] { display: block; color: rgb(241 245 249); font-size: 0.9375rem; }
.pat-state p[b-r4jcjfjig1] { margin: 0.25rem 0 0.5rem; font-size: 0.8125rem; color: rgb(148 163 184); }

.pat-list[b-r4jcjfjig1] { display: flex; flex-direction: column; gap: 0.75rem; }

.pat-row[b-r4jcjfjig1] {
    display: flex;
    align-items: flex-start;
    gap: 0.875rem;
    padding: 1rem 1.125rem;
    border-radius: 0.875rem;
    border: 1px solid rgb(51 65 85 / 0.6);
    background: rgb(15 23 42 / 0.5);
}

.pat-row-icon[b-r4jcjfjig1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    border-radius: 0.75rem;
    background: rgb(30 58 138 / 0.35);
    color: rgb(147 197 253);
}

.pat-row-copy[b-r4jcjfjig1] { flex: 1 1 auto; min-width: 0; }
.pat-row-copy strong[b-r4jcjfjig1] { display: block; color: rgb(241 245 249); font-size: 0.9375rem; }
.pat-row-copy small[b-r4jcjfjig1] { display: block; margin-top: 0.125rem; font-size: 0.8125rem; color: rgb(148 163 184); }
.pat-reason[b-r4jcjfjig1] { margin: 0.375rem 0 0; font-size: 0.8125rem; color: rgb(203 213 225); }
.pat-row-meta[b-r4jcjfjig1] { display: flex; flex-wrap: wrap; gap: 0.375rem; margin-top: 0.5rem; }
.pat-row-tail[b-r4jcjfjig1] { flex-shrink: 0; }

.pat-badge[b-r4jcjfjig1] {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.5rem;
    border-radius: 999px;
    font-size: 0.6875rem;
    font-weight: 600;
    background: rgb(30 58 138 / 0.5);
    color: rgb(147 197 253);
}

.pat-badge-neutral[b-r4jcjfjig1] { background: rgb(51 65 85 / 0.7); color: rgb(148 163 184); }
.pat-badge-danger[b-r4jcjfjig1] { background: rgb(127 29 29 / 0.6); color: rgb(252 165 165); }

/* A linha vira bloco até 1024px, e não até 640.

   O que decide a largura do texto não é a tela: é o que sobra depois dos 288px do menu. Em 768px
   restam ≈400px de conteúdo, e medido ali o resumo do evento ficava com 149px — "Configuração
   publicada" a uma palavra por linha —, porque "Abrir" não quebra (regra `bs-suite-chrome` em
   `BigSoluSuite.UI/Styles/app.css`) e reserva a coluna ao lado. */
@media (max-width: 1024px) {
    .pat-row[b-r4jcjfjig1] { flex-direction: column; }
    .pat-row-tail[b-r4jcjfjig1] { width: 100%; }
    .pat-row-tail > *[b-r4jcjfjig1] { width: 100%; justify-content: center; }

    /* O cabeçalho do detalhe cai pelo mesmo motivo: "Fechar" não quebra e deixava o resumo do
       evento com 185px, em duas linhas de uma palavra. A regra mora aqui, e não no bloco de
       640px logo abaixo, porque o aperto é o do conteúdo atrás do menu — o bloco de lá trata de
       outra coisa, de o detalhe virar tela cheia no celular. */
    .pat-detail-header[b-r4jcjfjig1] { align-items: flex-start; flex-direction: column; }
    .pat-detail-header > button[b-r4jcjfjig1] { width: 100%; }
}

.pat-more[b-r4jcjfjig1] { display: flex; justify-content: center; }

/* ---------- Detalhe ---------- */

.pat-detail[b-r4jcjfjig1] {
    padding: 1.25rem;
    border-radius: 0.875rem;
    border: 1px solid rgb(59 130 246 / 0.4);
    background: rgb(15 23 42 / 0.6);
}

.pat-detail-header[b-r4jcjfjig1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.pat-detail-header h2[b-r4jcjfjig1] { margin: 0; color: rgb(241 245 249); font-size: 1.0625rem; }

.pat-detail h3[b-r4jcjfjig1] {
    margin: 1.25rem 0 0.5rem;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: rgb(100 116 139);
}

.pat-detail-grid[b-r4jcjfjig1] {
    display: grid;
    gap: 0.875rem;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    margin: 1rem 0 0;
}

.pat-detail-grid dt[b-r4jcjfjig1] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: rgb(100 116 139);
}

.pat-detail-grid dd[b-r4jcjfjig1] { margin: 0.25rem 0 0; color: rgb(226 232 240); font-size: 0.875rem; }

.pat-changes[b-r4jcjfjig1], .pat-correlated[b-r4jcjfjig1], .pat-propagation[b-r4jcjfjig1] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.pat-changes li[b-r4jcjfjig1], .pat-correlated li[b-r4jcjfjig1], .pat-propagation li[b-r4jcjfjig1] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 0.75rem;
    border-radius: 0.625rem;
    border: 1px solid rgb(51 65 85 / 0.6);
    font-size: 0.8125rem;
    color: rgb(203 213 225);
}

.pat-changes strong[b-r4jcjfjig1], .pat-propagation strong[b-r4jcjfjig1] { color: rgb(241 245 249); }
.pat-changes em[b-r4jcjfjig1], .pat-propagation em[b-r4jcjfjig1] { color: rgb(148 163 184); font-style: normal; font-size: 0.75rem; }

.pat-propagation li.is-diverged[b-r4jcjfjig1] { border-color: rgb(245 158 11 / 0.5); background: rgb(120 53 15 / 0.2); }

/* No celular o detalhe ocupa a tela inteira: um painel dentro de 390 px espremeria os dois lados
   até nenhum ficar legível.

   Este fica em 640 mesmo depois da varredura de 19/09/2026, ao contrário da linha logo acima: o
   detalhe é um bloco no fluxo, a grade de dentro dele já se ajusta sozinha
   (`auto-fit, minmax(200px, 1fr)`) e, medido em 768px — a largura em que o menu de 288px aperta o
   conteúdo a ≈400px —, ele continuou legível. Virar tela cheia ali seria uma decisão de produto,
   não a correção de um aperto. */
@media (max-width: 640px) {
    .pat-detail[b-r4jcjfjig1] {
        position: fixed;
        inset: 0;
        z-index: 60;
        border-radius: 0;
        overflow-y: auto;
    }
}

/* Dentro da caixa de decisão o campo ocupa a largura toda: `.pat-field` nasceu para a
   linha de filtros, onde dividir espaço faz sentido. */
.pat-export-reason[b-r4jcjfjig1] { margin-top: 0; }
.pat-export-reason .pat-field[b-r4jcjfjig1] { flex: 1 1 auto; width: 100%; }

/* ---------- Botões ---------- */

.pat-button[b-r4jcjfjig1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    min-height: 2.75rem;
    padding: 0.5rem 1rem;
    border-radius: 0.75rem;
    font-size: 0.8125rem;
    font-weight: 600;
    border: 1px solid transparent;
    text-decoration: none;
}

.pat-button-ghost[b-r4jcjfjig1] {
    border-color: rgb(51 65 85 / 0.8);
    background: rgb(15 23 42 / 0.6);
    color: rgb(203 213 225);
}

.pat-button-ghost:hover:not(:disabled)[b-r4jcjfjig1] { background: rgb(30 41 59 / 0.8); }
.pat-button-primary[b-r4jcjfjig1] { background: rgb(37 99 235); color: rgb(248 250 252); }
.pat-button-primary:hover:not(:disabled)[b-r4jcjfjig1] { background: rgb(29 78 216); }
.pat-button:disabled[b-r4jcjfjig1] { opacity: 0.5; cursor: not-allowed; }

.pat-button:focus-visible[b-r4jcjfjig1], .pat-input:focus-visible[b-r4jcjfjig1] {
    outline: 2px solid rgb(96 165 250);
    outline-offset: 2px;
}
/* /Pages/Master/PlatformCommunicationAnalytics/PlatformCommunicationAnalytics.razor.rz.scp.css */
/* Resultados de um aviso (FND-07/US02, critérios COM-33 a COM-35).

   O número grande e a base logo abaixo, no mesmo cartão: separar os dois faria alguém ler 982 sem
   o "de 1.240", que é como um número vira uma conclusão errada. */

.pca-subject[b-4f75wnfn9j] { margin: 0; color: rgb(226 232 240); font-size: 1rem; font-weight: 600; }
.pca-subject span[b-4f75wnfn9j] { color: rgb(100 116 139); font-weight: 400; font-size: 0.8125rem; margin-left: 0.5rem; }

.pca-skeleton[b-4f75wnfn9j] { display: grid; gap: 0.875rem; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }

.pca-skeleton-card[b-4f75wnfn9j] {
    height: 6rem;
    border-radius: 0.875rem;
    background: rgb(255 255 255 / 0.05);
    animation: pca-pulse-b-4f75wnfn9j 1.6s ease-in-out infinite;
}

@keyframes pca-pulse-b-4f75wnfn9j { 0%, 100% { opacity: 1; } 50% { opacity: 0.45; } }

@media (prefers-reduced-motion: reduce) { .pca-skeleton-card[b-4f75wnfn9j] { animation: none; } }

.pca-metrics[b-4f75wnfn9j] { display: grid; gap: 0.875rem; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }

.pca-metric[b-4f75wnfn9j] {
    padding: 1rem 1.125rem;
    border-radius: 0.875rem;
    border: 1px solid rgb(51 65 85 / 0.6);
    background: rgb(15 23 42 / 0.5);
}

.pca-metric span[b-4f75wnfn9j] {
    display: block;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: rgb(100 116 139);
}

.pca-metric strong[b-4f75wnfn9j] { display: block; margin: 0.375rem 0 0.25rem; color: rgb(241 245 249); font-size: 1.75rem; }
.pca-metric small[b-4f75wnfn9j] { display: block; font-size: 0.75rem; color: rgb(148 163 184); }

.pca-state[b-4f75wnfn9j], .pca-alert[b-4f75wnfn9j] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.125rem;
    border-radius: 0.875rem;
    border: 1px solid rgb(51 65 85 / 0.6);
    background: rgb(15 23 42 / 0.5);
    color: rgb(203 213 225);
}

.pca-alert[b-4f75wnfn9j] { border-color: rgb(16 185 129 / 0.45); background: rgb(6 78 59 / 0.2); }
.pca-state-danger[b-4f75wnfn9j] { border-color: rgb(239 68 68 / 0.5); background: rgb(127 29 29 / 0.25); }
.pca-state-success[b-4f75wnfn9j] { border-color: rgb(16 185 129 / 0.5); background: rgb(6 78 59 / 0.25); }

.pca-state strong[b-4f75wnfn9j], .pca-alert strong[b-4f75wnfn9j] { display: block; color: rgb(241 245 249); font-size: 0.9375rem; }
.pca-state p[b-4f75wnfn9j], .pca-alert span[b-4f75wnfn9j] { margin: 0.25rem 0 0.5rem; font-size: 0.8125rem; color: rgb(148 163 184); }

/* A retirada fica num bloco de aviso: é a única ação desta tela que muda o que as pessoas veem. */
.pca-actions[b-4f75wnfn9j] {
    padding: 1.25rem;
    border-radius: 0.875rem;
    border: 1px solid rgb(239 68 68 / 0.35);
    background: rgb(127 29 29 / 0.15);
}

.pca-actions h3[b-4f75wnfn9j] { margin: 0; color: rgb(241 245 249); font-size: 0.9375rem; }
.pca-hint[b-4f75wnfn9j] { margin: 0.25rem 0 1rem; font-size: 0.8125rem; color: rgb(148 163 184); }

.pca-field[b-4f75wnfn9j] { display: flex; flex-direction: column; gap: 0.375rem; }
.pca-field label[b-4f75wnfn9j] { font-size: 0.8125rem; color: rgb(203 213 225); }

.pca-input[b-4f75wnfn9j] {
    min-height: 2.75rem;
    padding: 0.625rem 0.875rem;
    border-radius: 0.75rem;
    border: 1px solid rgb(51 65 85 / 0.7);
    background: rgb(15 23 42 / 0.6);
    color: rgb(226 232 240);
}

.pca-action-row[b-4f75wnfn9j] { display: flex; justify-content: flex-end; margin-top: 1rem; }

.pca-button[b-4f75wnfn9j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    padding: 0.5rem 1rem;
    border-radius: 0.75rem;
    font-size: 0.8125rem;
    font-weight: 600;
    border: 1px solid transparent;
    text-decoration: none;
}

.pca-button-danger[b-4f75wnfn9j] { background: rgb(185 28 28); color: rgb(254 226 226); }
.pca-button-danger:hover:not(:disabled)[b-4f75wnfn9j] { background: rgb(153 27 27); }

.pca-button-ghost[b-4f75wnfn9j] {
    border-color: rgb(51 65 85 / 0.8);
    background: rgb(15 23 42 / 0.6);
    color: rgb(203 213 225);
}

.pca-button-ghost:hover:not(:disabled)[b-4f75wnfn9j] { background: rgb(30 41 59 / 0.8); }
.pca-button:disabled[b-4f75wnfn9j] { opacity: 0.5; cursor: not-allowed; }

.pca-button:focus-visible[b-4f75wnfn9j], .pca-input:focus-visible[b-4f75wnfn9j] {
    outline: 2px solid rgb(96 165 250);
    outline-offset: 2px;
}
/* /Pages/Master/PlatformCommunications/PlatformCommunications.razor.rz.scp.css */
/* Avisos da plataforma — jornada editorial (FND-07/US02, critério COM-35).

   A linguagem visual é a mesma dos padrões globais: linha com ícone, texto, marcadores e ação à
   direita. As duas telas são governança da plataforma, e mudar a aparência entre elas faria a
   pessoa achar que trocou de produto. */

.pc-skeleton[b-h9zdy2auhe] { display: flex; flex-direction: column; gap: 0.75rem; }

.pc-skeleton-row[b-h9zdy2auhe] {
    height: 4.5rem;
    border-radius: 0.875rem;
    background: rgb(255 255 255 / 0.05);
    animation: pc-pulse-b-h9zdy2auhe 1.6s ease-in-out infinite;
}

@keyframes pc-pulse-b-h9zdy2auhe { 0%, 100% { opacity: 1; } 50% { opacity: 0.45; } }

@media (prefers-reduced-motion: reduce) { .pc-skeleton-row[b-h9zdy2auhe] { animation: none; } }

.pc-state[b-h9zdy2auhe], .pc-alert[b-h9zdy2auhe] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.125rem;
    border-radius: 0.875rem;
    border: 1px solid rgb(51 65 85 / 0.6);
    background: rgb(15 23 42 / 0.5);
    color: rgb(203 213 225);
}

.pc-alert[b-h9zdy2auhe] { border-color: rgb(59 130 246 / 0.5); background: rgb(30 58 138 / 0.25); }
.pc-state-danger[b-h9zdy2auhe] { border-color: rgb(239 68 68 / 0.5); background: rgb(127 29 29 / 0.25); }
.pc-state-success[b-h9zdy2auhe] { border-color: rgb(16 185 129 / 0.5); background: rgb(6 78 59 / 0.25); }

.pc-state strong[b-h9zdy2auhe], .pc-alert strong[b-h9zdy2auhe] { display: block; color: rgb(241 245 249); font-size: 0.9375rem; }
.pc-state p[b-h9zdy2auhe], .pc-alert span[b-h9zdy2auhe] { margin: 0.25rem 0 0; font-size: 0.8125rem; color: rgb(148 163 184); }

.pc-list[b-h9zdy2auhe] { display: flex; flex-direction: column; gap: 0.75rem; }

.pc-row[b-h9zdy2auhe] {
    display: flex;
    align-items: flex-start;
    gap: 0.875rem;
    padding: 1rem 1.125rem;
    border-radius: 0.875rem;
    border: 1px solid rgb(51 65 85 / 0.6);
    background: rgb(15 23 42 / 0.5);
}

.pc-row-icon[b-h9zdy2auhe] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    border-radius: 0.75rem;
    background: rgb(30 58 138 / 0.35);
    color: rgb(147 197 253);
}

.pc-row-copy[b-h9zdy2auhe] { flex: 1 1 auto; min-width: 0; }
.pc-row-copy strong[b-h9zdy2auhe] { display: block; color: rgb(241 245 249); font-size: 0.9375rem; }
.pc-row-copy small[b-h9zdy2auhe] { display: block; margin-top: 0.125rem; font-size: 0.8125rem; color: rgb(148 163 184); }
.pc-row-meta[b-h9zdy2auhe] { display: flex; flex-wrap: wrap; gap: 0.375rem; margin-top: 0.5rem; }
.pc-row-tail[b-h9zdy2auhe] { flex-shrink: 0; }

.pc-badge[b-h9zdy2auhe] {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.5rem;
    border-radius: 999px;
    font-size: 0.6875rem;
    font-weight: 600;
    background: rgb(51 65 85 / 0.7);
    color: rgb(148 163 184);
}

.pc-badge-success[b-h9zdy2auhe] { background: rgb(6 78 59 / 0.5); color: rgb(134 239 172); }
.pc-badge-warning[b-h9zdy2auhe] { background: rgb(120 53 15 / 0.5); color: rgb(253 224 71); }
.pc-badge-info[b-h9zdy2auhe] { background: rgb(30 58 138 / 0.5); color: rgb(147 197 253); }
.pc-badge-neutral[b-h9zdy2auhe] { background: rgb(51 65 85 / 0.7); color: rgb(148 163 184); }

/* A linha vira bloco até 1024px, e não até 640.

   A largura que conta é a que sobra depois dos 288px do menu, não a da tela: em 768px restam
   ≈400px de conteúdo e o título do aviso ficava com 79px — "Clientes (CRM) abriu para a sua
   conta" em cinco linhas —, porque "Abrir resultados" não quebra (regra `bs-suite-chrome` em
   `BigSoluSuite.UI/Styles/app.css`) e toma a coluna ao lado inteira. */
@media (max-width: 1024px) {
    .pc-row[b-h9zdy2auhe] { flex-direction: column; }
    .pc-row-tail[b-h9zdy2auhe] { width: 100%; }
    .pc-row-tail > *[b-h9zdy2auhe] { width: 100%; justify-content: center; }
}

/* ---------- Editor ---------- */

.pc-editor[b-h9zdy2auhe], .pc-preview[b-h9zdy2auhe], .pc-result[b-h9zdy2auhe] {
    padding: 1.25rem;
    border-radius: 0.875rem;
    border: 1px solid rgb(51 65 85 / 0.6);
    background: rgb(15 23 42 / 0.5);
}

.pc-editor h2[b-h9zdy2auhe], .pc-preview h2[b-h9zdy2auhe] { margin: 0; color: rgb(241 245 249); font-size: 1.0625rem; }
.pc-editor-hint[b-h9zdy2auhe] { margin: 0.25rem 0 1rem; font-size: 0.8125rem; color: rgb(148 163 184); }

.pc-form[b-h9zdy2auhe] { display: grid; gap: 0.875rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pc-field-wide[b-h9zdy2auhe] { grid-column: 1 / -1; }

@media (max-width: 768px) { .pc-form[b-h9zdy2auhe] { grid-template-columns: minmax(0, 1fr); } }

.pc-field[b-h9zdy2auhe] { display: flex; flex-direction: column; gap: 0.375rem; }
.pc-field label[b-h9zdy2auhe] { font-size: 0.8125rem; color: rgb(203 213 225); }

.pc-input[b-h9zdy2auhe] {
    min-height: 2.75rem;
    padding: 0.625rem 0.875rem;
    border-radius: 0.75rem;
    border: 1px solid rgb(51 65 85 / 0.7);
    background: rgb(15 23 42 / 0.6);
    color: rgb(226 232 240);
}

.pc-textarea[b-h9zdy2auhe] { min-height: 5rem; resize: vertical; }

.pc-surfaces[b-h9zdy2auhe], .pc-audiences[b-h9zdy2auhe] {
    margin: 1rem 0 0;
    padding: 0.875rem 1rem;
    border-radius: 0.75rem;
    border: 1px solid rgb(51 65 85 / 0.6);
}

.pc-surfaces legend[b-h9zdy2auhe], .pc-audiences legend[b-h9zdy2auhe] {
    padding: 0 0.375rem;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: rgb(100 116 139);
}

.pc-surfaces label[b-h9zdy2auhe], .pc-audiences label[b-h9zdy2auhe] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    /* 44 px de alvo: a caixa de marcação sozinha é pequena demais para o dedo. */
    min-height: 2.75rem;
    font-size: 0.8125rem;
    color: rgb(203 213 225);
}

.pc-editor-actions[b-h9zdy2auhe] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 1rem;
}

/* ---------- Prévia ---------- */

.pc-preview-grid[b-h9zdy2auhe] {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1.6fr 1fr;
    margin: 1rem 0;
}

@media (max-width: 768px) { .pc-preview-grid[b-h9zdy2auhe] { grid-template-columns: minmax(0, 1fr); } }

.pc-preview-label[b-h9zdy2auhe] {
    display: block;
    margin-bottom: 0.375rem;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: rgb(100 116 139);
}

/* A prévia usa a mesma caixa da faixa real. Uma prévia apenas parecida esconde justamente o que
   ela deveria mostrar: o texto que estoura e o botão que quebra a linha no celular. */
.pc-preview-frame[b-h9zdy2auhe] {
    padding: 0.875rem 1rem;
    border-radius: 0.75rem;
    border: 1px solid rgb(59 130 246 / 0.5);
    background: rgb(30 58 138 / 0.25);
}

.pc-preview-frame.is-mobile[b-h9zdy2auhe] { max-width: 320px; }
.pc-preview-frame strong[b-h9zdy2auhe] { display: block; color: rgb(241 245 249); font-size: 0.875rem; }
.pc-preview-frame p[b-h9zdy2auhe] { margin: 0.25rem 0 0.5rem; font-size: 0.8125rem; color: rgb(203 213 225); }

.pc-preview-cta[b-h9zdy2auhe] {
    display: inline-flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    border-radius: 0.5rem;
    background: rgb(37 99 235);
    color: rgb(248 250 252);
    font-size: 0.75rem;
    font-weight: 600;
}

.pc-preview-cta-block[b-h9zdy2auhe] { display: flex; justify-content: center; width: 100%; }

.pc-preview-facts[b-h9zdy2auhe] {
    display: grid;
    gap: 0.875rem;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    margin: 1rem 0 0;
}

.pc-preview-facts dt[b-h9zdy2auhe] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: rgb(100 116 139);
}

.pc-preview-facts dd[b-h9zdy2auhe] { margin: 0.25rem 0 0; color: rgb(226 232 240); font-size: 0.875rem; }

/* ---------- Botões ---------- */

.pc-button[b-h9zdy2auhe] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    min-height: 2.75rem;
    padding: 0.5rem 1rem;
    border-radius: 0.75rem;
    font-size: 0.8125rem;
    font-weight: 600;
    border: 1px solid transparent;
    text-decoration: none;
}

.pc-button-primary[b-h9zdy2auhe] { background: rgb(37 99 235); color: rgb(248 250 252); }
.pc-button-primary:hover:not(:disabled)[b-h9zdy2auhe] { background: rgb(29 78 216); }

.pc-button-ghost[b-h9zdy2auhe] {
    border-color: rgb(51 65 85 / 0.8);
    background: rgb(15 23 42 / 0.6);
    color: rgb(203 213 225);
}

.pc-button-ghost:hover:not(:disabled)[b-h9zdy2auhe] { background: rgb(30 41 59 / 0.8); }
.pc-button:disabled[b-h9zdy2auhe] { opacity: 0.5; cursor: not-allowed; }

.pc-button:focus-visible[b-h9zdy2auhe], .pc-input:focus-visible[b-h9zdy2auhe] {
    outline: 2px solid rgb(96 165 250);
    outline-offset: 2px;
}
/* /Pages/Master/PlatformCRM/PlatformCRM.razor.rz.scp.css */
/*
    A grade desta tela mora aqui, e não numa classe Tailwind de valor entre colchetes: o `app.css`
    é gerado no build, e em worktree o build roda com `-p:SkipTailwind=true` — a classe nova ficaria
    sem regra nenhuma e a tela abriria sem a grade.
*/
@media (min-width: 768px) {
    .crm-search-form[b-k5tomsnajy] {
        grid-template-columns: 220px minmax(0, 1fr) auto;
    }
}
/* /Pages/Master/RetentionPanel/RetentionPanel.razor.rz.scp.css */
.retention-panel[b-g0jwo1hxdx] {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 32px 32px 96px;
}

.retention-period[b-g0jwo1hxdx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 24px 0 20px;
}

.retention-period-tabs[b-g0jwo1hxdx] {
    display: inline-flex;
    gap: 4px;
    padding: 4px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 14px;
    background: rgba(15, 23, 42, 0.55);
}

.retention-period-tab[b-g0jwo1hxdx] {
    padding: 8px 16px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    font-size: 14px;
    font-weight: 700;
    color: #cbd5e1;
    white-space: nowrap;
}

.retention-period-tab--active[b-g0jwo1hxdx] {
    background: #2563eb;
    color: #fff;
}

.retention-period-range[b-g0jwo1hxdx] {
    font-size: 14px;
    color: #94a3b8;
}

.retention-metrics[b-g0jwo1hxdx] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.retention-metric[b-g0jwo1hxdx] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 18px 20px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 18px;
    background: rgba(15, 23, 42, 0.55);
}

.retention-metric span[b-g0jwo1hxdx] {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #94a3b8;
}

.retention-metric strong[b-g0jwo1hxdx] {
    font-size: 30px;
    font-weight: 800;
    color: #fff;
}

.retention-metric small[b-g0jwo1hxdx] {
    font-size: 13px;
    color: #94a3b8;
}

.retention-metric--good[b-g0jwo1hxdx] {
    border-color: rgba(16, 185, 129, 0.45);
}

.retention-metric--warn[b-g0jwo1hxdx] {
    border-color: rgba(245, 158, 11, 0.45);
}

.retention-metric--rate[b-g0jwo1hxdx] {
    border-color: rgba(59, 130, 246, 0.55);
}

.retention-columns[b-g0jwo1hxdx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    gap: 16px;
    align-items: start;
    margin-top: 16px;
}

.retention-card[b-g0jwo1hxdx] {
    padding: 22px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 20px;
    background: rgba(15, 23, 42, 0.55);
}

.retention-card h2[b-g0jwo1hxdx] {
    margin: 0;
    font-size: 18px;
    font-weight: 800;
    color: #fff;
}

.retention-card-sub[b-g0jwo1hxdx] {
    margin: 4px 0 16px;
    font-size: 13px;
    color: #94a3b8;
}

.retention-reasons[b-g0jwo1hxdx] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.retention-reason-line[b-g0jwo1hxdx] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    font-size: 14px;
    color: #e2e8f0;
}

.retention-reason-line strong[b-g0jwo1hxdx] {
    flex-shrink: 0;
    color: #fff;
}

.retention-reason-bar[b-g0jwo1hxdx] {
    display: block;
    height: 8px;
    margin-top: 6px;
    border-radius: 999px;
    background: #1e293b;
}

.retention-reason-bar span[b-g0jwo1hxdx] {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: #3b82f6;
}

.retention-comment[b-g0jwo1hxdx] {
    padding: 14px 16px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 14px;
    background: rgba(2, 6, 23, 0.35);
}

.retention-comment + .retention-comment[b-g0jwo1hxdx] {
    margin-top: 10px;
}

.retention-comment-head[b-g0jwo1hxdx] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    font-size: 13px;
    color: #94a3b8;
}

.retention-comment-reason[b-g0jwo1hxdx] {
    padding: 3px 10px;
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.2);
    font-size: 12px;
    font-weight: 700;
    color: #bfdbfe;
}

.retention-comment p[b-g0jwo1hxdx] {
    margin: 10px 0 6px;
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
}

.retention-comment small[b-g0jwo1hxdx] {
    font-size: 12px;
    color: #94a3b8;
}

.retention-pager[b-g0jwo1hxdx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 16px;
    font-size: 13px;
    color: #94a3b8;
}

.retention-state[b-g0jwo1hxdx] {
    padding: 20px 24px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 18px;
    background: rgba(15, 23, 42, 0.55);
    font-size: 14px;
    color: #cbd5e1;
}

.retention-state strong[b-g0jwo1hxdx] {
    display: block;
    color: #fff;
}

.retention-state p[b-g0jwo1hxdx] {
    margin: 4px 0 0;
}

.retention-state--error[b-g0jwo1hxdx] {
    border-color: rgba(244, 63, 94, 0.5);
}

@media (max-width: 1023.98px) {
    .retention-metrics[b-g0jwo1hxdx] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .retention-columns[b-g0jwo1hxdx] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 639.98px) {
    .retention-panel[b-g0jwo1hxdx] {
        padding: 16px 16px 96px;
    }

    .retention-metrics[b-g0jwo1hxdx] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Pages/Master/TaskReminders/TaskReminders.razor.rz.scp.css */
/* Operação de lembretes (FND-06/US02). */

.reminder-card[b-iy8hwg8cww] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 0.875rem;
    border: 1px solid rgb(51 65 85 / 0.6);
    background: rgb(15 23 42 / 0.5);
}

.reminder-section-title[b-iy8hwg8cww] {
    margin: 0;
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgb(148 163 184);
}

.reminder-field[b-iy8hwg8cww] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    font-size: 0.8125rem;
    color: rgb(148 163 184);
}

.reminder-field select[b-iy8hwg8cww] {
    min-height: 44px;
    padding: 0 0.75rem;
    border-radius: 0.75rem;
    border: 1px solid rgb(51 65 85 / 0.8);
    background: rgb(2 6 23 / 0.6);
    color: rgb(226 232 240);
}

.reminder-metrics[b-iy8hwg8cww] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: 0.75rem;
}

.reminder-metric[b-iy8hwg8cww] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    padding: 0.875rem 1rem;
    border-radius: 0.75rem;
    background: rgb(30 41 59 / 0.55);
}

.reminder-metric strong[b-iy8hwg8cww] {
    font-size: 1.5rem;
    color: rgb(241 245 249);
}

.reminder-metric span[b-iy8hwg8cww] {
    font-size: 0.8125rem;
    color: rgb(203 213 225);
}

.reminder-metric small[b-iy8hwg8cww] {
    font-size: 0.75rem;
    color: rgb(148 163 184);
}

.reminder-note[b-iy8hwg8cww] {
    margin: 0;
    font-size: 0.8125rem;
    color: rgb(148 163 184);
}

.reminder-preview-modes[b-iy8hwg8cww] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.reminder-mode[b-iy8hwg8cww] {
    min-height: 44px;
    padding: 0 1rem;
    border-radius: 0.75rem;
    border: 1px solid rgb(51 65 85 / 0.8);
    background: transparent;
    color: rgb(203 213 225);
    font-size: 0.8125rem;
    cursor: pointer;
}

.reminder-mode.is-active[b-iy8hwg8cww] {
    border-color: rgb(59 130 246 / 0.8);
    background: rgb(37 99 235 / 0.2);
    color: rgb(191 219 254);
}

.reminder-subject[b-iy8hwg8cww] {
    margin: 0;
    font-size: 0.875rem;
    color: rgb(226 232 240);
}

.reminder-preview-frame[b-iy8hwg8cww] {
    padding: 1rem;
    border-radius: 0.75rem;
    background: #ffffff;
    color: #0f172a;
    overflow-x: auto;
}

.reminder-preview-frame.mobile[b-iy8hwg8cww] {
    max-width: 390px;
}

.reminder-preview-frame.no-images .reminder-preview-body img[b-iy8hwg8cww] {
    display: none;
}

.reminder-alt-text[b-iy8hwg8cww] {
    margin: 0 0 0.75rem;
    padding: 0.5rem 0.75rem;
    border: 1px dashed #94a3b8;
    border-radius: 0.5rem;
    font-size: 0.8125rem;
    color: #334155;
}

.reminder-actions[b-iy8hwg8cww] {
    display: flex;
    justify-content: flex-end;
}

.reminder-result[b-iy8hwg8cww] {
    margin: 0;
    text-align: right;
    font-size: 0.875rem;
    color: rgb(134 239 172);
}

.reminder-funnel[b-iy8hwg8cww] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    gap: 0.75rem;
    margin: 0;
}

.reminder-funnel dt[b-iy8hwg8cww] {
    font-size: 0.75rem;
    color: rgb(148 163 184);
}

.reminder-funnel dd[b-iy8hwg8cww] {
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: rgb(241 245 249);
}

/* Fica em 640: `.reminder-actions` é uma faixa com um botão só e nenhum texto ao lado, e
   `.reminder-result` é um parágrafo de largura inteira. Não há coluna de texto para o rótulo
   espremer, que é o defeito que a varredura de 19/09/2026 foi medir em 768px. */
@media (max-width: 640px) {
    .reminder-actions[b-iy8hwg8cww] { justify-content: stretch; }
    .reminder-result[b-iy8hwg8cww] { text-align: left; }
}
/* /Pages/PlatformNotices/PlatformNotices.razor.rz.scp.css */
.platform-notices[b-8fiatolzr6] { width: 100%; }
/* /Pages/Profile/AccountDeletion/AccountDeletionPage/AccountDeletionPage.razor.rz.scp.css */
.deletion-page[b-jjhubtmal2] {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 32px 32px 96px;
}

.deletion-grid[b-jjhubtmal2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
    align-items: start;
}

.deletion-grid--offer[b-jjhubtmal2] {
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
}

.deletion-actions[b-jjhubtmal2] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 24px;
}

.deletion-loading[b-jjhubtmal2],
.deletion-submitting[b-jjhubtmal2] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 16px 0 0;
    padding: 16px 20px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 16px;
    background: rgba(15, 23, 42, 0.55);
    font-size: 14px;
    color: #cbd5e1;
}

.deletion-alert[b-jjhubtmal2] {
    margin-bottom: 16px;
    padding: 16px 20px;
    border-radius: 16px;
    font-size: 14px;
    color: #fecdd3;
}

.deletion-alert strong[b-jjhubtmal2] {
    display: block;
    color: #fff;
}

.deletion-alert p[b-jjhubtmal2] {
    margin: 4px 0 0;
    line-height: 1.5;
}

.deletion-alert--danger[b-jjhubtmal2] {
    border: 1px solid rgba(244, 63, 94, 0.5);
    background: rgba(244, 63, 94, 0.1);
}

@media (max-width: 1023.98px) {
    .deletion-grid--offer[b-jjhubtmal2] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 639.98px) {
    .deletion-page[b-jjhubtmal2] {
        padding: 16px 16px 96px;
    }

    .deletion-actions[b-jjhubtmal2] {
        flex-direction: column-reverse;
    }

    .deletion-actions[b-jjhubtmal2]  button {
        width: 100%;
    }
}
/* /Pages/Profile/AccountDeletion/DeletionConfirmPanel/DeletionConfirmPanel.razor.rz.scp.css */
.confirm-warning[b-uav3uektaw] {
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
    padding: 14px 18px;
    border: 1px solid rgba(244, 63, 94, 0.5);
    border-radius: 16px;
    background: rgba(244, 63, 94, 0.1);
    color: #fecdd3;
    font-size: 14px;
}

.confirm-warning strong[b-uav3uektaw] {
    display: block;
    color: #fff;
}

.confirm-warning p[b-uav3uektaw] {
    margin: 4px 0 0;
    line-height: 1.5;
}

.confirm-grid[b-uav3uektaw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
    gap: 16px;
    align-items: start;
}

.confirm-summary[b-uav3uektaw],
.confirm-form[b-uav3uektaw] {
    padding: 24px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 20px;
    background: rgba(15, 23, 42, 0.55);
}

.confirm-summary h2[b-uav3uektaw] {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 800;
    color: #fff;
}

.confirm-summary dl[b-uav3uektaw] {
    margin: 0;
}

.confirm-summary dl div + div[b-uav3uektaw] {
    margin-top: 12px;
}

.confirm-summary dt[b-uav3uektaw] {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #94a3b8;
}

.confirm-summary dd[b-uav3uektaw] {
    margin: 2px 0 0;
    overflow-wrap: anywhere;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
}

.confirm-label[b-uav3uektaw] {
    display: block;
    margin: 0 0 8px;
    font-size: 13px;
    font-weight: 700;
    color: #e2e8f0;
}

.confirm-label:not(:first-of-type)[b-uav3uektaw] {
    margin-top: 18px;
}

.confirm-input[b-uav3uektaw] {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 12px;
    background: rgba(2, 6, 23, 0.45);
    font-size: 15px;
    color: #fff;
}

.confirm-input:focus[b-uav3uektaw] {
    border-color: #f43f5e;
    outline: none;
}

.confirm-hint[b-uav3uektaw] {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.5;
    color: #94a3b8;
}

.confirm-google[b-uav3uektaw] {
    display: flex;
    gap: 12px;
    margin-top: 18px;
    padding: 14px 16px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 12px;
    background: rgba(2, 6, 23, 0.35);
    font-size: 14px;
    line-height: 1.5;
    color: #cbd5e1;
}

.confirm-google p[b-uav3uektaw] {
    margin: 0;
}

@media (max-width: 1023.98px) {
    .confirm-grid[b-uav3uektaw] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Pages/Profile/AccountDeletion/DeletionImpactPanel/DeletionImpactPanel.razor.rz.scp.css */
.impact-card[b-v7jec27vrp] {
    padding: 24px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 20px;
    background: rgba(15, 23, 42, 0.55);
}

.impact-card h2[b-v7jec27vrp] {
    margin: 0 0 16px;
    font-size: 18px;
    font-weight: 800;
    color: #fff;
}

.impact-list[b-v7jec27vrp] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.impact-list li[b-v7jec27vrp] {
    display: flex;
    gap: 14px;
}

/* O e-mail e o nome da empresa são uma palavra só: sem `min-width: 0` o texto não encolhe
   abaixo dela e passava da borda do cartão no celular (QA da US05, 25/09/2026). */
.impact-list li > div[b-v7jec27vrp] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.impact-list strong[b-v7jec27vrp] {
    display: block;
    font-size: 15px;
    color: #fff;
}

.impact-list p[b-v7jec27vrp] {
    margin: 4px 0 0;
    font-size: 14px;
    line-height: 1.5;
    color: #cbd5e1;
}

.impact-icon[b-v7jec27vrp] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(148, 163, 184, 0.15);
    color: #cbd5e1;
}

.impact-icon--warning[b-v7jec27vrp] {
    background: rgba(245, 158, 11, 0.15);
    color: #fbbf24;
}

.impact-icon--danger[b-v7jec27vrp] {
    background: rgba(244, 63, 94, 0.15);
    color: #fb7185;
}

.impact-footnote[b-v7jec27vrp] {
    display: flex;
    gap: 8px;
    margin: 20px 0 0;
    font-size: 13px;
    line-height: 1.5;
    color: #94a3b8;
}

.impact-alert[b-v7jec27vrp] {
    display: flex;
    gap: 12px;
    margin-top: 16px;
    padding: 16px;
    border-radius: 16px;
    font-size: 14px;
    color: #cbd5e1;
}

.impact-alert strong[b-v7jec27vrp] {
    display: block;
    color: #fff;
}

.impact-alert p[b-v7jec27vrp] {
    margin: 4px 0 12px;
}

.impact-alert--danger[b-v7jec27vrp] {
    border: 1px solid rgba(244, 63, 94, 0.45);
    background: rgba(244, 63, 94, 0.1);
}

.impact-alert--warning[b-v7jec27vrp] {
    border: 1px solid rgba(245, 158, 11, 0.45);
    background: rgba(245, 158, 11, 0.1);
}

.impact-export[b-v7jec27vrp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 16px;
    padding: 16px 20px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 16px;
    background: rgba(15, 23, 42, 0.55);
}

.impact-export p[b-v7jec27vrp] {
    flex: 1 1 260px;
    margin: 0;
    font-size: 14px;
    color: #cbd5e1;
}
/* /Pages/Profile/AccountDeletion/ExitReasonPicker/ExitReasonPicker.razor.rz.scp.css */
.reason-card[b-z1dag0ooda] {
    padding: 24px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 20px;
    background: rgba(15, 23, 42, 0.55);
}

.reason-head[b-z1dag0ooda] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.reason-head h2[b-z1dag0ooda] {
    margin: 0;
    font-size: 18px;
    font-weight: 800;
    color: #fff;
}

.reason-badge[b-z1dag0ooda] {
    padding: 3px 10px;
    border: 1px solid rgba(245, 158, 11, 0.5);
    border-radius: 999px;
    background: rgba(245, 158, 11, 0.12);
    font-size: 11px;
    font-weight: 800;
    color: #fbbf24;
}

.reason-intro[b-z1dag0ooda] {
    margin: 10px 0 16px;
    font-size: 14px;
    line-height: 1.5;
    color: #cbd5e1;
}

.reason-error[b-z1dag0ooda] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px;
    font-size: 14px;
    font-weight: 600;
    color: #fb7185;
}

.reason-options[b-z1dag0ooda] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.reason-option[b-z1dag0ooda] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 16px;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 12px;
    background: rgba(2, 6, 23, 0.35);
    font-size: 15px;
    font-weight: 600;
    color: #e2e8f0;
    cursor: pointer;
}

.reason-option:focus-within[b-z1dag0ooda] {
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
}

.reason-option input[b-z1dag0ooda] {
    width: 18px;
    height: 18px;
    accent-color: #3b82f6;
}

.reason-option--selected[b-z1dag0ooda] {
    border-color: #3b82f6;
    background: rgba(37, 99, 235, 0.18);
    color: #fff;
}

.reason-comment-label[b-z1dag0ooda] {
    display: block;
    margin: 20px 0 8px;
    font-size: 13px;
    font-weight: 700;
    color: #cbd5e1;
}

.reason-comment[b-z1dag0ooda] {
    width: 100%;
    min-height: 88px;
    padding: 12px 14px;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 12px;
    background: rgba(2, 6, 23, 0.45);
    font-size: 15px;
    color: #fff;
    resize: vertical;
}

.reason-comment:focus[b-z1dag0ooda] {
    border-color: #3b82f6;
    outline: none;
}

.reason-comment-foot[b-z1dag0ooda] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 6px;
    font-size: 12px;
    color: #94a3b8;
}

.reason-counter[b-z1dag0ooda] {
    flex-shrink: 0;
}

@media (max-width: 639.98px) {
    .reason-options[b-z1dag0ooda] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Pages/Profile/AccountDeletion/RetentionOfferCard/RetentionOfferCard.razor.rz.scp.css */
.offer-card[b-z36zab2dsg] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    border: 1px solid rgba(59, 130, 246, 0.55);
    border-radius: 20px;
    background: linear-gradient(160deg, rgba(37, 99, 235, 0.18), rgba(15, 23, 42, 0.6));
}

.offer-head[b-z36zab2dsg] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.offer-icon[b-z36zab2dsg] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: #2563eb;
    color: #fff;
    font-size: 20px;
}

.offer-eyebrow[b-z36zab2dsg] {
    margin: 0;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #93c5fd;
}

.offer-head h2[b-z36zab2dsg] {
    margin: 2px 0 0;
    font-size: 22px;
    font-weight: 800;
    color: #fff;
}

.offer-copy[b-z36zab2dsg] {
    margin: 0;
    font-size: 15px;
    line-height: 1.5;
    color: #cbd5e1;
}

.offer-terms[b-z36zab2dsg] {
    margin: 0;
}

.offer-terms div[b-z36zab2dsg] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
    font-size: 13px;
}

.offer-terms dt[b-z36zab2dsg] {
    color: #94a3b8;
}

.offer-terms dd[b-z36zab2dsg] {
    margin: 0;
    font-weight: 700;
    color: #fff;
    text-align: right;
}

.offer-fiscal[b-z36zab2dsg] {
    display: flex;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid rgba(245, 158, 11, 0.45);
    border-radius: 12px;
    background: rgba(245, 158, 11, 0.1);
    color: #fde68a;
    font-size: 13px;
}

.offer-fiscal p[b-z36zab2dsg] {
    margin: 0;
}

.offer-note[b-z36zab2dsg] {
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
    color: #94a3b8;
}
/* /Pages/Profile/AppearanceSection/AppearanceSection.razor.rz.scp.css */
/* Miniatura de cada tema: sempre nas cores do próprio tema, qualquer que seja o tema da tela. Uma peça só,
   pintada por degradê (menu à esquerda, conteúdo à direita), como no protótipo aprovado. As cores vêm dos
   tokens --color-preview-*, que não mudam com o tema. */
.appearance-mini[b-dwh1u8ondz] {
    --mini-side: var(--color-preview-dark-side);
    --mini-main: var(--color-preview-dark-main);
    --mini-line: var(--color-preview-dark-line);
    --mini-title: var(--color-preview-dark-title);
    display: grid;
    align-content: start;
    gap: 6px;
    height: 64px;
    padding: 10px 10px 10px calc(26% + 8px);
    border: 1px solid color-mix(in srgb, var(--color-ink-subtle) 35%, transparent);
    border-radius: 9px;
    background: linear-gradient(90deg, var(--mini-side) 0 26%, var(--mini-main) 26% 100%);
}

.appearance-mini > span[b-dwh1u8ondz] {
    height: 6px;
    border-radius: 999px;
    background: var(--mini-line);
}

.appearance-mini > span:first-child[b-dwh1u8ondz] {
    width: 60%;
    background: var(--mini-title);
}

.appearance-mini--light[b-dwh1u8ondz] {
    --mini-side: var(--color-preview-light-side);
    --mini-main: var(--color-preview-light-main);
    --mini-line: var(--color-preview-light-line);
    --mini-title: var(--color-preview-light-title);
}

.appearance-mini--device[b-dwh1u8ondz] {
    padding: 0;
    background: linear-gradient(135deg, var(--color-preview-light-main) 0 50%, var(--color-preview-dark-main) 50% 100%);
}

.appearance-mini--device > span[b-dwh1u8ondz] {
    display: none;
}

.appearance-radio[b-dwh1u8ondz] {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    border: 2px solid var(--color-ink-muted);
    border-radius: 50%;
}

.appearance-radio.is-on[b-dwh1u8ondz] {
    border-color: var(--color-accent);
    box-shadow: inset 0 0 0 3px var(--color-surface), inset 0 0 0 9px var(--color-accent);
}
/* /Pages/SitePublicationDetail/SitePublicationDetail.razor.rz.scp.css */
/* A prévia da versão ocupa a largura e uma altura de tela confortável: no celular, a janela baixa limita a altura
   sozinha, sem ponto de quebra. */
.site-publication-frame[b-5lfn1wtswn] {
    display: block;
    width: 100%;
    height: min(32rem, 65vh);
    border: 1px solid rgb(51 65 85 / 0.6);
    border-radius: 1rem;
    background: #fff;
}
/* /Pages/UserTasks/UserTasks.razor.rz.scp.css */
/* Página de tarefas (FND-06/US01, critérios 28 e 31). */

.user-tasks-section-title[b-49o3u0acbe] {
    margin: 0 0 0.75rem;
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgb(148 163 184);
}

.user-tasks-more[b-49o3u0acbe] {
    display: flex;
    justify-content: center;
}

/* A lista de cartões desta tela. A regra existia só no CSS isolado do painel da Home, que não
   alcança esta página: os cartões ficavam colados uns nos outros (23/09/2026). */
.task-list[b-49o3u0acbe] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}