/* /Components/Admin/EditorLimitesProduto.razor.rz.scp.css */
.lim[b-1cljnjw3pw] { display: flex; flex-direction: column; gap: 1.1rem; }

.lim__grupo-titulo[b-1cljnjw3pw] {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin: 0 0 .5rem;
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--adm-suave);
}

.lim__lista[b-1cljnjw3pw] {
    border: 1px solid var(--adm-borda);
    border-radius: .75rem;
    background: var(--adm-superficie);
    overflow: hidden;
}

.lim__linha[b-1cljnjw3pw] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .7rem .85rem;
}

.lim__linha + .lim__linha[b-1cljnjw3pw] { border-top: 1px solid var(--adm-borda-suave); }
.lim__linha--desligado[b-1cljnjw3pw] { opacity: .55; }

.lim__icone[b-1cljnjw3pw] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: .55rem;
    background: var(--adm-primario-suave);
    color: var(--adm-primario);
}

.lim__texto[b-1cljnjw3pw] { flex: 1 1 auto; min-width: 0; }

.lim__rotulo[b-1cljnjw3pw] {
    display: flex;
    align-items: center;
    gap: .4rem;
    flex-wrap: wrap;
    font-size: .9rem;
    font-weight: 600;
}

.lim__ajuda[b-1cljnjw3pw] { margin-top: .1rem; font-size: .76rem; line-height: 1.35; color: var(--adm-suave); }
.lim__herdado[b-1cljnjw3pw] { margin-top: .2rem; font-size: .76rem; font-weight: 600; color: var(--adm-primario); }

.lim__selo[b-1cljnjw3pw] {
    font-size: .64rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    padding: .08rem .4rem;
    border-radius: .35rem;
    background: color-mix(in srgb, var(--adm-suave) 16%, transparent);
    color: var(--adm-suave);
}

.lim__selo--perigo[b-1cljnjw3pw] { background: #fde3e0; color: #b42318; }

.lim__controle[b-1cljnjw3pw] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: .55rem;
    flex-wrap: wrap;
    justify-content: flex-end;
    max-width: 22rem;
}

.lim__segmentos[b-1cljnjw3pw] {
    display: inline-flex;
    border: 1px solid var(--adm-borda);
    border-radius: .5rem;
    overflow: hidden;
}

.lim__segmento[b-1cljnjw3pw] {
    border: 0;
    background: transparent;
    color: var(--adm-suave);
    font: inherit;
    font-size: .78rem;
    font-weight: 600;
    padding: .3rem .65rem;
    cursor: pointer;
}

.lim__segmento + .lim__segmento[b-1cljnjw3pw] { border-left: 1px solid var(--adm-borda); }
.lim__segmento:hover[b-1cljnjw3pw] { color: var(--adm-texto); }

.lim__segmento[data-ativo="1"][b-1cljnjw3pw] {
    background: var(--adm-primario);
    color: #fff;
}

.lim__numero[b-1cljnjw3pw] { display: inline-flex; align-items: center; gap: .35rem; }

.lim__numero input[b-1cljnjw3pw] {
    width: 6.5rem;
    font: inherit;
    font-size: .88rem;
    padding: .3rem .5rem;
    border: 1px solid var(--adm-borda);
    border-radius: .45rem;
    background: var(--adm-superficie);
    color: var(--adm-texto);
    text-align: right;
}

.lim__unidade[b-1cljnjw3pw] { font-size: .78rem; color: var(--adm-suave); }

@media (max-width: 720px) {
    .lim__linha[b-1cljnjw3pw] { flex-wrap: wrap; }
    .lim__controle[b-1cljnjw3pw] { width: 100%; max-width: none; justify-content: flex-start; padding-left: 2.75rem; }
}
/* /Components/Admin/EditorTipoContaTenant.razor.rz.scp.css */
.conta[b-vazt1kvwhg] { display: flex; flex-direction: column; gap: .9rem; }

.conta__opcoes[b-vazt1kvwhg] { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: .65rem; }

.conta__opcao[b-vazt1kvwhg] {
    display: flex;
    align-items: center;
    gap: .75rem;
    text-align: left;
    padding: .8rem .9rem;
    border: 1px solid var(--adm-borda);
    border-radius: .75rem;
    background: var(--adm-superficie);
    color: var(--adm-texto);
    font: inherit;
    cursor: pointer;
}

.conta__opcao:hover[b-vazt1kvwhg] { border-color: var(--adm-suave); }

.conta__opcao[data-ativo="1"][b-vazt1kvwhg] {
    border-color: var(--adm-primario);
    background: color-mix(in srgb, var(--adm-primario-suave) 60%, var(--adm-superficie));
    box-shadow: 0 0 0 1px var(--adm-primario);
}

.conta__opcao--teste[data-ativo="1"][b-vazt1kvwhg] {
    border-color: #d19a2a;
    background: color-mix(in srgb, #d19a2a 13%, var(--adm-superficie));
    box-shadow: 0 0 0 1px #d19a2a;
}

.conta__icone[b-vazt1kvwhg] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.3rem;
    height: 2.3rem;
    border-radius: .6rem;
    background: var(--adm-primario-suave);
    color: var(--adm-primario);
}

.conta__opcao--teste .conta__icone[b-vazt1kvwhg] { background: #fdeecf; color: #9a6b12; }

.conta__texto[b-vazt1kvwhg] { display: flex; flex-direction: column; gap: .1rem; }
.conta__texto strong[b-vazt1kvwhg] { font-size: .92rem; }
.conta__texto small[b-vazt1kvwhg] { font-size: .76rem; color: var(--adm-suave); }

.conta__prazo[b-vazt1kvwhg] {
    display: flex;
    flex-direction: column;
    gap: .8rem;
    padding: .9rem;
    border: 1px dashed #e0c48a;
    border-radius: .75rem;
    background: color-mix(in srgb, #d19a2a 7%, var(--adm-superficie));
}

.conta__situacao[b-vazt1kvwhg] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    align-self: flex-start;
    padding: .3rem .7rem;
    border-radius: .5rem;
    font-size: .85rem;
    font-weight: 600;
    background: #e3f4e8;
    color: #1f6b3a;
}

.conta__situacao--perto[b-vazt1kvwhg] { background: #fdeecf; color: #9a6b12; }
.conta__situacao--expirado[b-vazt1kvwhg], .conta__situacao--indefinido[b-vazt1kvwhg] { background: #fde3e0; color: #b42318; }

.conta__linha[b-vazt1kvwhg] { display: flex; align-items: flex-end; gap: .7rem; flex-wrap: wrap; }

.conta__campo[b-vazt1kvwhg] { display: flex; flex-direction: column; gap: .3rem; font-size: .85rem; font-weight: 600; }

.conta__campo input[b-vazt1kvwhg] {
    font: inherit;
    font-weight: 400;
    padding: .4rem .55rem;
    border: 1px solid var(--adm-borda);
    border-radius: .45rem;
    background: var(--adm-superficie);
    color: var(--adm-texto);
}

.conta__grupo[b-vazt1kvwhg] { display: flex; flex-direction: column; gap: .35rem; }
.conta__grupo-rotulo[b-vazt1kvwhg] { font-size: .74rem; font-weight: 600; color: var(--adm-suave); }
.conta__chips[b-vazt1kvwhg] { display: flex; gap: .4rem; flex-wrap: wrap; }

.conta__botao[b-vazt1kvwhg] {
    border: 1px solid var(--adm-borda);
    background: var(--adm-superficie);
    color: var(--adm-texto);
    border-radius: 999px;
    padding: .25rem .8rem;
    font: inherit;
    font-size: .8rem;
    cursor: pointer;
}

.conta__botao:hover[b-vazt1kvwhg] { border-color: var(--adm-primario); color: var(--adm-primario); }

.conta__botao--destaque[b-vazt1kvwhg] { background: var(--adm-primario); border-color: var(--adm-primario); color: #fff; }
.conta__botao--destaque:hover[b-vazt1kvwhg] { color: #fff; filter: brightness(1.08); }

.conta__dica[b-vazt1kvwhg] { margin: 0; font-size: .78rem; color: var(--adm-suave); }
/* /Components/Admin/GraficoPizza.razor.rz.scp.css */
.grafico-pizza-linha[b-3yo6yqpmta] {
    display: flex;
    align-items: center;
    gap: .9rem;
    flex-wrap: wrap;
}

.grafico-pizza[b-3yo6yqpmta] {
    position: relative;
    border-radius: 50%;
    flex-shrink: 0;
}

.grafico-pizza__anel[b-3yo6yqpmta] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transition: background .3s ease;
}

.grafico-pizza__centro[b-3yo6yqpmta] {
    position: absolute;
    inset: 20%;
    border-radius: 50%;
    background: var(--adm-superficie, #fff);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.15;
    padding: .2rem;
}

.grafico-pizza__centro strong[b-3yo6yqpmta] {
    font-size: .92rem;
    font-variant-numeric: tabular-nums;
}

.grafico-pizza__centro span[b-3yo6yqpmta] {
    font-size: .64rem;
    color: var(--adm-suave, #667085);
}

.grafico-pizza__legenda[b-3yo6yqpmta] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .3rem;
    font-size: .8rem;
    min-width: 0;
}

.grafico-pizza__legenda li[b-3yo6yqpmta] {
    display: flex;
    align-items: center;
    gap: .4rem;
}

.grafico-pizza__marcador[b-3yo6yqpmta] {
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    flex-shrink: 0;
}

.grafico-pizza__legenda-rotulo[b-3yo6yqpmta] {
    color: var(--adm-texto, #1c2330);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.grafico-pizza__legenda-valor[b-3yo6yqpmta] {
    margin-left: auto;
    padding-left: .5rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: var(--adm-suave, #667085);
    flex-shrink: 0;
}
/* /Components/Admin/GraficoTemporalAdmin.razor.rz.scp.css */
.grafico-temporal[b-3fnwwc33ns] {
    position: relative;
    width: 100%;
}

.grafico-temporal canvas[b-3fnwwc33ns] {
    display: block;
}

.grafico-temporal__vazio[b-3fnwwc33ns] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0 1rem;
    text-align: center;
    font-size: .88rem;
    color: var(--adm-suave, #667085);
    pointer-events: none;
}
/* /Components/Admin/ListaContagemLanding.razor.rz.scp.css */
.lc[b-1zywbposc0] {
    border: 1px solid var(--adm-borda);
    border-radius: .7rem;
    background: var(--adm-superficie);
    padding: .85rem .95rem .9rem;
    min-width: 0;
}

.lc__titulo[b-1zywbposc0] {
    margin: 0 0 .6rem;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--adm-suave);
}

.lc__vazio[b-1zywbposc0] {
    margin: 0;
    font-size: .85rem;
    color: var(--adm-suave);
}

.lc__lista[b-1zywbposc0] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: .3rem;
}

.lc__lista li[b-1zywbposc0] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .28rem .5rem;
    border-radius: .4rem;
    overflow: hidden;
    font-size: .85rem;
}

.lc__barra[b-1zywbposc0] {
    position: absolute;
    inset: 0 auto 0 0;
    background: var(--adm-primario-suave);
    border-radius: .4rem;
    z-index: 0;
}

.lc__rotulo[b-1zywbposc0],
.lc__total[b-1zywbposc0] {
    position: relative;
    z-index: 1;
}

.lc__rotulo[b-1zywbposc0] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lc__rotulo--mono[b-1zywbposc0] {
    font-family: Consolas, monospace;
    font-size: .8rem;
}

.lc__total[b-1zywbposc0] {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}
/* /Components/Admin/PaginaAdminAlertas.razor.rz.scp.css */
/* Mesmo "design system" leve usado em PaginaAdminTenants.razor.css — CSS isolation do Blazor não
   vaza entre componentes, então cada página com a classe "adm" precisa da própria cópia destas
   variáveis/regras base. Mantém só o subconjunto usado por esta página. */
.adm[b-a8kiv93389] {
    --adm-borda: #e4e7ec;
    --adm-borda-suave: #eef0f4;
    --adm-fundo: #f7f8fa;
    --adm-texto: #1c2330;
    --adm-suave: #667085;
    --adm-primario: #2456c6;
    --adm-raio: .7rem;
    color: var(--adm-texto);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* ---- Cabeçalho ---- */
.adm-topo[b-a8kiv93389] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.adm-acoes[b-a8kiv93389] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

.adm-acoes .icone-sistema[b-a8kiv93389] { margin-right: .3rem; vertical-align: -2px; }

/* ---- Formulários ---- */
.adm-grid[b-a8kiv93389] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: .8rem;
}

.adm-campo[b-a8kiv93389] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    font-size: .85rem;
    font-weight: 600;
}

.adm-campo input:not([type="checkbox"])[b-a8kiv93389],
.adm-campo textarea[b-a8kiv93389],
.adm-campo select[b-a8kiv93389] {
    font: inherit;
    font-weight: 400;
    padding: .45rem .55rem;
    border: 1px solid var(--adm-borda);
    border-radius: .45rem;
    background: #fff;
    color: inherit;
}

.adm-campo textarea[b-a8kiv93389] { resize: vertical; min-height: 3.5rem; }

.adm-check[b-a8kiv93389] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .88rem;
    font-weight: 600;
}

.adm-check input[type="checkbox"][b-a8kiv93389] { flex: 0 0 auto; }

.adm-dica[b-a8kiv93389] {
    color: var(--adm-suave);
    font-size: .82rem;
    margin: .6rem 0 0;
}

.adm-linha[b-a8kiv93389] {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
    align-items: center;
    margin: .4rem 0;
}

.adm-mono[b-a8kiv93389] {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    word-break: break-all;
}

.adm-split__rotulo[b-a8kiv93389] {
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--adm-suave);
}

/* ---- Cartão de destinatários / bloco de agendamento dentro do modal ---- */
.adm-bloco[b-a8kiv93389] {
    margin-top: .6rem;
    padding: .85rem .9rem;
    border: 1px solid var(--adm-borda-suave);
    border-radius: var(--adm-raio);
    background: var(--adm-fundo);
}

.adm-lista-checagem[b-a8kiv93389] {
    display: grid;
    gap: .3rem;
    margin-top: .6rem;
    max-height: 220px;
    overflow-y: auto;
    padding-right: .3rem;
}

/* Avisos vermelhos inline. */
.adm-aviso[b-a8kiv93389] { color: #b42318; }

.adm-msg[b-a8kiv93389] {
    border: 1px solid #bfe3c9;
    background: #f2faf4;
    color: #14612e;
    border-radius: var(--adm-raio);
    padding: .7rem .9rem;
    margin-top: 1rem;
    font-size: .9rem;
}

.adm-msg--erro[b-a8kiv93389] {
    border-color: #f0c2bd;
    background: #fdf2f0;
    color: #b42318;
}

/* ---- Tabela ---- */
.adm-tabela-wrap[b-a8kiv93389] {
    margin-top: .8rem;
    border: 1px solid var(--adm-borda);
    border-radius: var(--adm-raio);
    overflow: auto;
}

.adm-tabela[b-a8kiv93389] {
    width: 100%;
    border-collapse: collapse;
    font-size: .88rem;
}

.adm-tabela th[b-a8kiv93389],
.adm-tabela td[b-a8kiv93389] {
    text-align: left;
    padding: .6rem .75rem;
    border-bottom: 1px solid var(--adm-borda-suave);
    vertical-align: top;
}

.adm-tabela thead th[b-a8kiv93389] {
    background: var(--adm-fundo);
    font-size: .76rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--adm-suave);
    white-space: nowrap;
    position: sticky;
    top: 0;
}

.adm-tabela tbody tr:hover[b-a8kiv93389] {
    background: var(--adm-fundo);
}

.adm-tabela tbody tr:last-child td[b-a8kiv93389] {
    border-bottom: 0;
}

.adm-vazio[b-a8kiv93389] {
    color: var(--adm-suave);
    padding: 1.4rem .75rem;
    text-align: center;
    white-space: normal;
}

/* ---- Badges ---- */
.adm-badge[b-a8kiv93389] {
    display: inline-block;
    padding: .12rem .55rem;
    border-radius: 1rem;
    font-size: .76rem;
    font-weight: 600;
    line-height: 1.5;
    white-space: nowrap;
}

.adm-badge--ativo[b-a8kiv93389] { background: #dff3e6; color: #1a7f45; }
.adm-badge--arquivado[b-a8kiv93389] { background: #eceef1; color: #667085; }
.adm-badge--provisionando[b-a8kiv93389] { background: #e3edff; color: #2456c6; }

/* ---- Selo "alerta administrativo" ---- */
.alertas-icone[b-a8kiv93389] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 999px;
    background: rgba(103, 65, 217, 0.12);
    color: #6741d9;
}

.alertas-icone--titulo[b-a8kiv93389] {
    margin-right: .5rem;
    vertical-align: -6px;
}

.alertas-titulo[b-a8kiv93389] {
    font-weight: 600;
}

.alertas-mensagem[b-a8kiv93389] {
    margin-top: .1rem;
    font-size: .82rem;
    color: var(--adm-suave);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (prefers-color-scheme: dark) {
    .adm[b-a8kiv93389] {
        --adm-borda: #2a2f3a;
        --adm-borda-suave: #262b34;
        --adm-fundo: #1d222b;
        --adm-texto: #e6e8ee;
        --adm-suave: #9aa3b2;
    }

    .adm-campo input:not([type="checkbox"])[b-a8kiv93389],
    .adm-campo textarea[b-a8kiv93389],
    .adm-campo select[b-a8kiv93389],
    .adm-bloco[b-a8kiv93389] {
        background: #1a1e27;
        color: var(--adm-texto);
    }

    .adm-campo input:not([type="checkbox"])[b-a8kiv93389],
    .adm-campo textarea[b-a8kiv93389],
    .adm-campo select[b-a8kiv93389] {
        border-color: #3a414e;
    }

    .adm-campo input[b-a8kiv93389]::placeholder,
    .adm-campo textarea[b-a8kiv93389]::placeholder {
        color: #7b8494;
        opacity: 1;
    }

    .adm-msg[b-a8kiv93389] {
        background: rgba(26, 127, 69, .14);
        border-color: #1f5c3a;
        color: #86dca8;
    }

    .adm-msg--erro[b-a8kiv93389] {
        background: rgba(180, 35, 24, .14);
        border-color: #6b2b25;
        color: #f0a79f;
    }

    .adm-aviso[b-a8kiv93389] { color: #f0a79f; }
}
/* /Components/Admin/PaginaAdminAmazonSes.razor.rz.scp.css */
.amz[b-38pfv9qpy6] { display: flex; flex-direction: column; gap: .9rem; }

.amz__topo[b-38pfv9qpy6] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.amz__abas[b-38pfv9qpy6] { display: flex; gap: .25rem; border-bottom: 1px solid var(--adm-borda); }
.amz__aba[b-38pfv9qpy6] {
    padding: .5rem .9rem; border: 0; background: none; font: inherit; font-weight: 600; font-size: .88rem;
    color: var(--adm-suave); cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -1px;
}
.amz__aba--ativa[b-38pfv9qpy6] { color: var(--adm-primario); border-bottom-color: var(--adm-primario); }
.amz__acoes[b-38pfv9qpy6] { display: flex; gap: .5rem; flex-wrap: wrap; align-items: center; }

.amz__intro[b-38pfv9qpy6], .amz__dica[b-38pfv9qpy6] { margin: 0; color: var(--adm-suave); font-size: .86rem; line-height: 1.5; }
.amz__vazio[b-38pfv9qpy6] { margin: 0; padding: 1.2rem; text-align: center; color: var(--adm-suave); font-size: .88rem; }
.amz__suave[b-38pfv9qpy6] { color: var(--adm-suave); }
.amz__fino[b-38pfv9qpy6] { font-size: .74rem; margin-top: .15rem; white-space: normal; }
.amz__mono[b-38pfv9qpy6] { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .8rem; }
.amz__quebra[b-38pfv9qpy6] { white-space: normal !important; overflow-wrap: anywhere; min-width: 18rem; }
.amz__subtitulo[b-38pfv9qpy6] { margin: .6rem 0 0; font-size: .95rem; }

.amz__resumo[b-38pfv9qpy6] { display: flex; gap: 1.2rem; flex-wrap: wrap; font-size: .86rem; color: var(--adm-suave); }
.amz__resumo strong[b-38pfv9qpy6] { color: var(--adm-texto); }

.amz__linha-admin[b-38pfv9qpy6] { background: color-mix(in srgb, var(--adm-primario) 6%, transparent); }
.amz__erro-linha[b-38pfv9qpy6] { font-size: .74rem; color: #b42318; max-width: 22rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.amz__tenants[b-38pfv9qpy6] { display: grid; grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr)); gap: .7rem; }
.amz__tenant[b-38pfv9qpy6] { border: 1px solid var(--adm-borda); border-radius: .7rem; padding: .7rem .85rem; background: var(--adm-superficie); font-size: .86rem; }
.amz__chips[b-38pfv9qpy6] { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .45rem; }
.amz__chip[b-38pfv9qpy6] { display: inline-flex; align-items: center; gap: .4rem; padding: .15rem .5rem; border: 1px solid var(--adm-borda); border-radius: .5rem; font-size: .8rem; }

.amz__form[b-38pfv9qpy6] { display: flex; flex-direction: column; gap: .9rem; max-width: 60rem; }
.amz__grade[b-38pfv9qpy6] { display: grid; grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr)); gap: .8rem 1rem; }
.amz__campo[b-38pfv9qpy6] { display: flex; flex-direction: column; gap: .3rem; font-size: .8rem; font-weight: 600; }
.amz__campo input[b-38pfv9qpy6], .amz__select[b-38pfv9qpy6] {
    font: inherit; font-weight: 400; font-size: .86rem; padding: .5rem .6rem; border: 1px solid var(--adm-borda);
    border-radius: .5rem; background: var(--adm-superficie); color: var(--adm-texto);
}
.amz__campo input:focus-visible[b-38pfv9qpy6], .amz__select:focus-visible[b-38pfv9qpy6] { outline: 2px solid var(--adm-primario); outline-offset: 1px; }
.amz__check[b-38pfv9qpy6] { display: flex; align-items: center; gap: .5rem; font-size: .86rem; }
.amz__radios[b-38pfv9qpy6] { display: flex; flex-direction: column; gap: .5rem; margin: .2rem 0 .9rem; }
.amz__select[b-38pfv9qpy6] { width: 100%; font-weight: 400; }

.amz__ajuda[b-38pfv9qpy6] { font-size: .86rem; color: var(--adm-suave); line-height: 1.55; max-width: 60rem; }
.amz__ajuda p[b-38pfv9qpy6] { margin: 0 0 .6rem; }
.amz__ajuda code[b-38pfv9qpy6], .amz__intro code[b-38pfv9qpy6] { background: var(--adm-bg); padding: .05rem .3rem; border-radius: .3rem; font-size: .8rem; }
.amz__ajuda pre[b-38pfv9qpy6] {
    background: var(--adm-bg); border: 1px solid var(--adm-borda); border-radius: .6rem; padding: .8rem; overflow: auto;
    font-size: .78rem; color: var(--adm-texto);
}
.amz__ajuda summary[b-38pfv9qpy6] { cursor: pointer; font-weight: 600; color: var(--adm-texto); margin-bottom: .5rem; }
/* /Components/Admin/PaginaAdminAsaasConexoes.razor.rz.scp.css */
.asaas-adm__totais[b-80dayg77l0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    gap: 0.75rem;
    margin-bottom: 1.1rem;
}

.asaas-adm__total[b-80dayg77l0] {
    display: grid;
    gap: 0.15rem;
    padding: 0.8rem 1rem;
    border: 1px solid var(--adm-borda, #e4e7ec);
    border-radius: 10px;
    background: var(--adm-superficie, #fff);
}

.asaas-adm__total strong[b-80dayg77l0] {
    font-size: 1.6rem;
    line-height: 1.1;
}

.asaas-adm__total span[b-80dayg77l0] {
    color: var(--adm-suave, #667085);
    font-size: 0.8rem;
}

.asaas-adm__total--alerta[b-80dayg77l0] {
    border-color: #f0c2bd;
    background: rgba(180, 35, 24, 0.06);
}

.asaas-adm__total--alerta strong[b-80dayg77l0] {
    color: #b42318;
}

.asaas-adm__filtros[b-80dayg77l0] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.75rem 1rem;
    margin-bottom: 0.9rem;
}

.asaas-adm__filtros .admin-modal__campo[b-80dayg77l0] {
    margin-bottom: 0;
    min-width: 12rem;
}

.asaas-adm__filtros select[b-80dayg77l0] {
    font: inherit;
    font-weight: 400;
    padding: 0.5rem 0.6rem;
    border: 1px solid var(--adm-borda, #e4e7ec);
    border-radius: 0.5rem;
    background: var(--adm-superficie, #fff);
    color: inherit;
}

.asaas-adm__marcar[b-80dayg77l0] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding-bottom: 0.5rem;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
}

.asaas-adm__link[b-80dayg77l0] {
    padding: 0;
    border: 0;
    background: none;
    color: var(--adm-primario, #2456c6);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

.asaas-adm__link:hover[b-80dayg77l0] {
    text-decoration: underline;
}

.asaas-adm__erro[b-80dayg77l0] {
    display: inline-block;
    max-width: 14rem;
    overflow: hidden;
    color: #b42318;
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}

.asaas-adm__dicas[b-80dayg77l0] {
    margin: 0 0 0.75rem;
    padding-left: 1.2rem;
    font-size: 0.88rem;
    line-height: 1.55;
}
/* /Components/Admin/PaginaAdminBackups.razor.rz.scp.css */
.admin-cartao[b-yj2z3vqh8b] {
    margin-bottom: 1.1rem;
    padding: 1rem 1.1rem;
    border: 1px solid var(--adm-borda, #2a2f3a);
    border-radius: 10px;
    background: var(--adm-superficie, #1b1f27);
}

.admin-cartao--andamento[b-yj2z3vqh8b] {
    border-color: var(--adm-primario, #2456c6);
}

.admin-cartao--andamento progress[b-yj2z3vqh8b] {
    width: 100%;
    margin-top: .6rem;
}

.admin-cartao__titulo[b-yj2z3vqh8b] {
    margin: 0 0 .8rem;
    font-size: .95rem;
}

.admin-cartao__nota[b-yj2z3vqh8b] {
    margin: .7rem 0 0;
    font-size: .85rem;
}

.admin-cartao__nota.erro[b-yj2z3vqh8b] { color: #f87171; }

.admin-cartao__meta[b-yj2z3vqh8b] {
    margin: .7rem 0 0;
    font-size: .8rem;
    color: var(--adm-suave, #8b93a1);
}

.bkp__cabecalho[b-yj2z3vqh8b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .8rem;
}

.bkp__cabecalho .admin-cartao__titulo[b-yj2z3vqh8b] {
    margin: 0;
}

.bkp__andamento[b-yj2z3vqh8b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.bkp__abas[b-yj2z3vqh8b] {
    display: flex;
    gap: .25rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--adm-borda, #2a2f3a);
}

.bkp__aba[b-yj2z3vqh8b] {
    padding: .5rem .9rem;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: var(--adm-suave, #8b93a1);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

.bkp__aba:hover[b-yj2z3vqh8b] {
    color: var(--adm-texto, inherit);
}

.bkp__aba.ativa[b-yj2z3vqh8b] {
    color: var(--adm-primario, #2456c6);
    border-bottom-color: var(--adm-primario, #2456c6);
}

.bkp__suave[b-yj2z3vqh8b] {
    color: var(--adm-suave, #8b93a1);
    font-weight: 400;
}

.bkp__aviso[b-yj2z3vqh8b] {
    color: #b45309;
    font-weight: 600;
}

.bkp__selo[b-yj2z3vqh8b] {
    display: inline-block;
    margin-left: .4rem;
    padding: .1rem .5rem;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 700;
    background: #eef0f3;
    color: #667085;
}

.bkp__selo--sucesso[b-yj2z3vqh8b] { background: #dff3e6; color: #1a7f45; }
.bkp__selo--aviso[b-yj2z3vqh8b] { background: #fef0e0; color: #b45309; }
.bkp__selo--falha[b-yj2z3vqh8b] { background: #fde8e8; color: #b42318; }
.bkp__selo--executando[b-yj2z3vqh8b] { background: #e3edff; color: #2456c6; }
.bkp__selo--cancelada[b-yj2z3vqh8b] { background: #eef0f3; color: #667085; }

@media (prefers-color-scheme: dark) {
    .bkp__selo--sucesso[b-yj2z3vqh8b] { background: #14301f; color: #86dca8; }
    .bkp__selo--aviso[b-yj2z3vqh8b] { background: #38240f; color: #f0b978; }
    .bkp__selo--falha[b-yj2z3vqh8b] { background: #3a1c1a; color: #f0a79f; }
    .bkp__selo--executando[b-yj2z3vqh8b] { background: #1f2a44; color: #93b4f5; }
    .bkp__selo--cancelada[b-yj2z3vqh8b] { background: #23282f; color: #aeb4bd; }
}

.bkp__interruptor input[b-yj2z3vqh8b] {
    width: 1.1rem;
    height: 1.1rem;
    cursor: pointer;
}

.bkp__linha[b-yj2z3vqh8b] {
    display: flex;
    align-items: flex-end;
    gap: .6rem;
    flex-wrap: wrap;
}

.bkp__dias[b-yj2z3vqh8b] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-top: .3rem;
}

.bkp__chip[b-yj2z3vqh8b] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .25rem .65rem;
    border: 1px solid var(--adm-borda, #2a2f3a);
    border-radius: 999px;
    font-size: .82rem;
    font-weight: 600;
    cursor: pointer;
    user-select: none;
}

.bkp__chip.marcado[b-yj2z3vqh8b] {
    border-color: var(--adm-primario, #2456c6);
    background: var(--adm-primario-suave, #eef4ff);
    color: var(--adm-primario, #2456c6);
}

.bkp__chip input[b-yj2z3vqh8b] {
    display: none;
}

.bkp__remover[b-yj2z3vqh8b] {
    border: 0;
    background: transparent;
    color: inherit;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
}

.bkp__lista[b-yj2z3vqh8b] {
    display: grid;
    gap: .3rem;
    max-height: 11rem;
    overflow-y: auto;
    padding: .4rem .2rem;
}

.admin-check[b-yj2z3vqh8b] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .45rem;
    font-size: .88rem;
}

.admin-check input[b-yj2z3vqh8b] {
    width: 1rem;
    height: 1rem;
    flex: none;
}

.bkp__log[b-yj2z3vqh8b] {
    max-height: 55vh;
    margin: 0;
    padding: .8rem;
    overflow: auto;
    border: 1px solid var(--adm-borda, #2a2f3a);
    border-radius: .5rem;
    background: var(--adm-bg, #f4f6fb);
    font-size: .78rem;
    line-height: 1.5;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
/* /Components/Admin/PaginaAdminDashboard.razor.rz.scp.css */
.dash[b-n9jod0g7ip] {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}

/* ---- Seção ---- */
.dash-secao[b-n9jod0g7ip] {
    border: 1px solid var(--adm-borda);
    border-radius: .8rem;
    background: var(--adm-superficie);
    padding: 1.1rem 1.15rem 1.2rem;
}

.dash-secao__cab[b-n9jod0g7ip] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.dash-secao__cab h2[b-n9jod0g7ip] {
    margin: 0;
    font-size: 1rem;
}

.dash-secao__hint[b-n9jod0g7ip] {
    font-size: .78rem;
    color: var(--adm-suave);
    text-transform: uppercase;
    letter-spacing: .06em;
}

.dash-vazio[b-n9jod0g7ip] {
    margin: 0;
    font-size: .9rem;
    color: var(--adm-suave);
}

/* ---- Resumo de tenants ---- */
.dash-tenants[b-n9jod0g7ip] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: .8rem;
}

.dash-tenant[b-n9jod0g7ip] {
    border: 1px solid var(--adm-borda);
    border-radius: .7rem;
    padding: .85rem .9rem .9rem;
    background: var(--adm-bg);
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.dash-tenant__topo[b-n9jod0g7ip] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .6rem;
}

.dash-tenant__id[b-n9jod0g7ip] {
    display: flex;
    flex-direction: column;
    gap: .1rem;
    min-width: 0;
}

.dash-tenant__id strong[b-n9jod0g7ip] {
    font-size: .95rem;
    line-height: 1.2;
    word-break: break-word;
}

.dash-tenant__id .adm-mono[b-n9jod0g7ip] {
    font-size: .78rem;
    color: var(--adm-suave);
}

.dash-tenant__url[b-n9jod0g7ip] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    flex-shrink: 0;
    padding: .3rem .55rem;
    border: 1px solid var(--adm-borda);
    border-radius: .45rem;
    background: var(--adm-superficie);
    color: var(--adm-primario);
    font-size: .8rem;
    font-weight: 600;
    text-decoration: none;
}

.dash-tenant__url:hover[b-n9jod0g7ip] {
    border-color: var(--adm-primario);
}

.dash-tenant__metricas[b-n9jod0g7ip] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .5rem;
}

.dash-mini[b-n9jod0g7ip] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    padding: .45rem .5rem;
    border: 1px solid var(--adm-borda);
    border-radius: .5rem;
    background: var(--adm-superficie);
}

.dash-mini__valor[b-n9jod0g7ip] {
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.15;
    display: inline-flex;
    align-items: center;
    gap: .3rem;
}

.dash-mini__sufixo[b-n9jod0g7ip] {
    font-size: .7rem;
    font-weight: 500;
    color: var(--adm-suave);
}

.dash-mini__rotulo[b-n9jod0g7ip] {
    font-size: .68rem;
    color: var(--adm-suave);
    text-transform: uppercase;
    letter-spacing: .05em;
}

.dash-alerta[b-n9jod0g7ip] {
    display: inline-flex;
    color: #b42318;
}

.dash-tenant__erro[b-n9jod0g7ip] {
    margin: 0;
    font-size: .78rem;
    color: #b42318;
}

/* ---- Monitor de recursos / disco / mapas: 3 colunas ~33% cada ---- */
.dash-linha-recursos[b-n9jod0g7ip] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
    align-items: stretch;
}

.dash-secao--recursos[b-n9jod0g7ip] {
    display: flex;
    flex-direction: column;
}

.dash-recursos[b-n9jod0g7ip] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ---- Uso de mapas ---- */
.dash-mapas[b-n9jod0g7ip] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.dash-mapas--lado-a-lado[b-n9jod0g7ip] {
    flex-direction: row;
    flex-wrap: wrap;
}

.dash-mapas--lado-a-lado .dash-mapas__provedor[b-n9jod0g7ip] {
    flex: 1 1 0;
    min-width: 140px;
}

.dash-mapas__titulo[b-n9jod0g7ip] {
    margin: 0 0 .5rem;
    font-size: .8rem;
    color: var(--adm-suave);
}

.dash-mapas__titulo strong[b-n9jod0g7ip] {
    color: var(--adm-texto);
    font-variant-numeric: tabular-nums;
    margin-left: .3rem;
}

.dash-recurso__cab[b-n9jod0g7ip] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .35rem;
    font-size: .85rem;
}

.dash-recurso__cab span[b-n9jod0g7ip] {
    color: var(--adm-suave);
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: .78rem;
}

.dash-recurso__cab strong[b-n9jod0g7ip] {
    font-variant-numeric: tabular-nums;
}

.dash-barra[b-n9jod0g7ip] {
    height: 12px;
    border-radius: 999px;
    background: var(--adm-borda);
    overflow: hidden;
}

.dash-barra--disco[b-n9jod0g7ip] {
    height: 16px;
}

.dash-barra__preenchida[b-n9jod0g7ip] {
    height: 100%;
    border-radius: inherit;
    background: var(--adm-primario);
    transition: width .4s ease;
}

/* Disco quase cheio: amarelo a partir de 80% usado, vermelho a partir de 90% */
.dash-barra__preenchida--atencao[b-n9jod0g7ip] {
    background: #f2a93b;
}

.dash-barra__preenchida--critico[b-n9jod0g7ip] {
    background: #d9534f;
}

/* ---- Discos do servidor ---- */
.dash-discos[b-n9jod0g7ip] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: .8rem;
}

.dash-disco[b-n9jod0g7ip] {
    gap: .7rem;
}

.dash-disco--total[b-n9jod0g7ip] {
    border-color: var(--adm-primario);
}

.dash-disco__metricas[b-n9jod0g7ip] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .5rem;
}

.dash-disco__metricas .dash-mini__valor[b-n9jod0g7ip] {
    font-variant-numeric: tabular-nums;
}

.dash-barra__legenda[b-n9jod0g7ip] {
    display: flex;
    justify-content: space-between;
    margin-top: .3rem;
    font-size: .76rem;
    color: var(--adm-suave);
    font-variant-numeric: tabular-nums;
}

@media (prefers-color-scheme: dark) {
    .dash-alerta[b-n9jod0g7ip],
    .dash-tenant__erro[b-n9jod0g7ip] {
        color: #f0a79f;
    }
}

.dash-tenant--alerta[b-n9jod0g7ip] {
    border-color: var(--adm-perigo, #d9534f);
}

.dash-lista-simples[b-n9jod0g7ip] {
    margin: .6rem 0 0;
    padding-left: 1.1rem;
    font-size: .82rem;
    color: var(--adm-suave);
    line-height: 1.6;
}
/* /Components/Admin/PaginaAdminEmail.razor.rz.scp.css */
/* =========================================================================
   E-mail da Vorek (admin): cabeçalho, pastas em abas no topo, lista + leitor, composição e cartões de endereços.
   Usa as variáveis --adm-* (claro/escuro) do admin.css.
   ========================================================================= */

.mail[b-6oiuz1p62l] { display: flex; flex-direction: column; gap: .9rem; }

/* ---------- Cabeçalho ---------- */
.mail__hero[b-6oiuz1p62l] {
    display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap;
    padding: 1rem 1.2rem; border: 1px solid var(--adm-borda); border-radius: 1rem;
    background: linear-gradient(135deg, var(--adm-primario-suave) 0%, var(--adm-superficie) 70%);
}
.mail__hero-id[b-6oiuz1p62l] { display: flex; align-items: center; gap: .9rem; min-width: 0; }
.mail__hero-icone[b-6oiuz1p62l] {
    display: inline-flex; align-items: center; justify-content: center; width: 2.9rem; height: 2.9rem;
    border-radius: .85rem; background: var(--adm-primario); color: #fff; flex-shrink: 0;
    box-shadow: 0 6px 16px rgba(36, 86, 198, .28);
}
.mail__hero-id h2[b-6oiuz1p62l] { margin: 0; font-size: 1.15rem; line-height: 1.2; }
.mail__hero-sub[b-6oiuz1p62l] { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; margin-top: .2rem; color: var(--adm-suave); font-size: .82rem; }
.mail__hero-acoes[b-6oiuz1p62l] { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }

.mail__estado[b-6oiuz1p62l] {
    display: inline-flex; align-items: center; gap: .35rem; padding: .08rem .55rem; border-radius: 1rem;
    font-size: .72rem; font-weight: 700; border: 1px solid transparent;
}
.mail__estado[b-6oiuz1p62l]::before { content: ""; width: .45rem; height: .45rem; border-radius: 50%; background: currentColor; }
.mail__estado--ok[b-6oiuz1p62l] { color: #1a7f45; background: #dff3e6; border-color: #bfe3c9; }
.mail__estado--off[b-6oiuz1p62l] { color: #b42318; background: #fde8e8; border-color: #f0c2bd; }

.mail__modos[b-6oiuz1p62l] { display: inline-flex; padding: .2rem; gap: .15rem; border: 1px solid var(--adm-borda); border-radius: .7rem; background: var(--adm-superficie); }
.mail__modo[b-6oiuz1p62l] {
    display: inline-flex; align-items: center; gap: .4rem; padding: .35rem .75rem; border: 0; border-radius: .5rem;
    background: none; font: inherit; font-size: .85rem; font-weight: 600; color: var(--adm-suave); cursor: pointer;
}
.mail__modo:hover[b-6oiuz1p62l] { color: var(--adm-texto); }
.mail__modo--ativo[b-6oiuz1p62l] { background: var(--adm-primario); color: #fff; }
.mail__modo--ativo:hover[b-6oiuz1p62l] { color: #fff; }
.mail__modo--ativo .mail__contador[b-6oiuz1p62l] { background: #fff; color: var(--adm-primario); }

.mail__aviso-topo[b-6oiuz1p62l] {
    display: flex; align-items: center; gap: .7rem; flex-wrap: wrap; padding: .7rem 1rem; border-radius: .75rem;
    border: 1px solid #f0c2bd; background: #fdf2f0; color: #b42318; font-size: .88rem;
}
.mail__aviso-topo span[b-6oiuz1p62l] { flex: 1 1 18rem; }

.mail__contador[b-6oiuz1p62l] {
    background: var(--adm-primario); color: #fff; border-radius: 1rem; padding: 0 .45rem;
    font-size: .7rem; font-weight: 700; line-height: 1.45; min-width: 1.25rem; text-align: center;
}
.mail__contador--neutro[b-6oiuz1p62l] { background: var(--adm-borda); color: var(--adm-suave); }

/* ---------- Pastas no topo ---------- */
.mail__pastas[b-6oiuz1p62l] {
    display: flex; align-items: center; gap: .3rem; padding: .35rem; overflow-x: auto;
    border: 1px solid var(--adm-borda); border-radius: .9rem; background: var(--adm-superficie);
}
.mail__pasta[b-6oiuz1p62l] {
    display: inline-flex; align-items: center; gap: .45rem; padding: .5rem .85rem; border: 0; border-radius: .6rem;
    background: none; font: inherit; font-size: .86rem; font-weight: 600; color: var(--adm-suave); cursor: pointer; white-space: nowrap;
    transition: background .12s, color .12s;
}
.mail__pasta:hover[b-6oiuz1p62l] { background: var(--adm-bg); color: var(--adm-texto); }
.mail__pasta--ativa[b-6oiuz1p62l] { background: var(--adm-primario-suave); color: var(--adm-primario); }
.mail__pasta--ativa:hover[b-6oiuz1p62l] { background: var(--adm-primario-suave); color: var(--adm-primario); }
.mail__pastas-espaco[b-6oiuz1p62l] { flex: 1 1 auto; }
.mail__filtro-caixa[b-6oiuz1p62l] {
    display: inline-flex; align-items: center; gap: .4rem; padding: 0 .6rem; border: 1px solid var(--adm-borda);
    border-radius: .6rem; color: var(--adm-suave); background: var(--adm-superficie);
}
.mail__filtro-caixa select[b-6oiuz1p62l] {
    border: 0; background: none; font: inherit; font-size: .82rem; color: var(--adm-texto); padding: .45rem 0; outline: none; max-width: 14rem;
}

/* ---------- Lista + leitor ---------- */
.mail__corpo[b-6oiuz1p62l] {
    display: grid; grid-template-columns: minmax(20rem, 27rem) minmax(0, 1fr); gap: 1rem;
    height: clamp(32rem, calc(100vh - 17.5rem), 62rem);
}

.mail__lista[b-6oiuz1p62l], .mail__leitor[b-6oiuz1p62l] {
    display: flex; flex-direction: column; min-height: 0; overflow: hidden;
    border: 1px solid var(--adm-borda); border-radius: 1rem; background: var(--adm-superficie);
}

.mail__lista-topo[b-6oiuz1p62l], .mail__lote[b-6oiuz1p62l] {
    display: flex; align-items: center; gap: .55rem; padding: .6rem .75rem; border-bottom: 1px solid var(--adm-borda-suave);
}
.mail__lote[b-6oiuz1p62l] { background: var(--adm-primario-suave); color: var(--adm-primario); }
.mail__lote-espaco[b-6oiuz1p62l] { flex: 1 1 auto; }

.mail__marca[b-6oiuz1p62l] { width: 1rem; height: 1rem; accent-color: var(--adm-primario); cursor: pointer; flex-shrink: 0; margin: 0; }

.mail__busca[b-6oiuz1p62l] {
    flex: 1 1 auto; display: flex; align-items: center; gap: .45rem; padding: 0 .65rem; border: 1px solid var(--adm-borda);
    border-radius: .65rem; background: var(--adm-bg); color: var(--adm-suave); min-width: 0;
}
.mail__busca:focus-within[b-6oiuz1p62l] { border-color: var(--adm-primario); box-shadow: 0 0 0 3px var(--adm-primario-suave); }
.mail__busca input[b-6oiuz1p62l] {
    flex: 1 1 auto; min-width: 0; border: 0; outline: none; background: none; font: inherit; font-size: .85rem; color: var(--adm-texto); padding: .5rem 0;
}

.mail__chips[b-6oiuz1p62l] { display: flex; align-items: center; gap: .4rem; padding: .5rem .75rem; border-bottom: 1px solid var(--adm-borda-suave); flex-wrap: wrap; }
.mail__chip[b-6oiuz1p62l] {
    display: inline-flex; align-items: center; gap: .3rem; padding: .18rem .65rem; border: 1px solid var(--adm-borda); border-radius: 1rem;
    background: var(--adm-superficie); font: inherit; font-size: .76rem; font-weight: 600; color: var(--adm-suave); cursor: pointer;
}
.mail__chip:hover[b-6oiuz1p62l] { color: var(--adm-texto); border-color: var(--adm-suave); }
.mail__chip--on[b-6oiuz1p62l] { background: var(--adm-primario); border-color: var(--adm-primario); color: #fff; }
.mail__chip--on:hover[b-6oiuz1p62l] { color: #fff; border-color: var(--adm-primario); }
.mail__chip--perigo[b-6oiuz1p62l] { color: #b42318; border-color: #f0c2bd; background: #fdf2f0; }
.mail__chips-total[b-6oiuz1p62l] { margin-left: auto; font-size: .74rem; color: var(--adm-suave); }

.mail__itens[b-6oiuz1p62l] { flex: 1 1 auto; overflow-y: auto; min-height: 0; }

.mail__item[b-6oiuz1p62l] {
    position: relative; display: grid; grid-template-columns: 1rem 1.3rem 2.2rem minmax(0, 1fr); gap: .5rem; align-items: start;
    padding: .7rem .8rem; border-bottom: 1px solid var(--adm-borda-suave); cursor: pointer; color: var(--adm-texto);
}
.mail__item:hover[b-6oiuz1p62l] { background: var(--adm-bg); }
.mail__item:focus-visible[b-6oiuz1p62l] { outline: 2px solid var(--adm-primario); outline-offset: -2px; }
.mail__item--ativo[b-6oiuz1p62l] { background: var(--adm-primario-suave); }
.mail__item--ativo[b-6oiuz1p62l]::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--adm-primario); }
.mail__item--marcado[b-6oiuz1p62l] { background: var(--adm-primario-suave); }
.mail__item .mail__marca[b-6oiuz1p62l] { margin-top: .6rem; }
.mail__item--nao-lida .mail__item-de[b-6oiuz1p62l], .mail__item--nao-lida .mail__item-assunto[b-6oiuz1p62l] { font-weight: 700; }
.mail__item--nao-lida:not(.mail__item--ativo)[b-6oiuz1p62l]::before { content: ""; position: absolute; left: .2rem; top: 1.45rem; width: .38rem; height: .38rem; border-radius: 50%; background: var(--adm-primario); }

.mail__estrela[b-6oiuz1p62l] {
    display: inline-flex; align-items: center; justify-content: center; margin-top: .45rem; padding: 0; border: 0; background: none;
    color: var(--adm-borda); cursor: pointer; border-radius: .3rem; height: 1.3rem;
}
.mail__estrela:hover[b-6oiuz1p62l] { color: #e5a400; }
.mail__estrela--on[b-6oiuz1p62l] { color: #e5a400; }
.mail__estrela--on[b-6oiuz1p62l]  svg { fill: currentColor; }
.mail__icone-btn.mail__estrela--on[b-6oiuz1p62l] { color: #e5a400; }
.mail__icone-btn.mail__estrela--on[b-6oiuz1p62l]  svg { fill: currentColor; }

.mail__avatar[b-6oiuz1p62l] {
    display: inline-flex; align-items: center; justify-content: center; width: 2.2rem; height: 2.2rem; border-radius: 50%;
    background: hsl(var(--h, 215) 52% 44%); color: #fff; font-size: .78rem; font-weight: 700; flex-shrink: 0; letter-spacing: .02em; user-select: none;
}
.mail__avatar--grande[b-6oiuz1p62l] { width: 2.7rem; height: 2.7rem; font-size: .9rem; }
.mail__avatar--pequeno[b-6oiuz1p62l] { width: 1.7rem; height: 1.7rem; font-size: .66rem; }

.mail__item-corpo[b-6oiuz1p62l] { min-width: 0; display: flex; flex-direction: column; gap: .12rem; }
.mail__item-linha[b-6oiuz1p62l] { display: flex; justify-content: space-between; gap: .6rem; align-items: baseline; }
.mail__item-de[b-6oiuz1p62l] { font-size: .87rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mail__item-data[b-6oiuz1p62l] { font-size: .72rem; color: var(--adm-suave); flex-shrink: 0; }
.mail__item-assunto[b-6oiuz1p62l] { font-size: .84rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mail__item-previa[b-6oiuz1p62l] { font-size: .78rem; color: var(--adm-suave); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mail__item-meta[b-6oiuz1p62l] { display: flex; gap: .35rem; align-items: center; flex-wrap: wrap; margin-top: .15rem; }

.mail__tag[b-6oiuz1p62l] {
    display: inline-flex; align-items: center; padding: .02rem .45rem; border-radius: .4rem; background: var(--adm-bg);
    border: 1px solid var(--adm-borda-suave); font-size: .68rem; color: var(--adm-suave); max-width: 13rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.mail__tag--icone[b-6oiuz1p62l] { padding: .1rem .3rem; }
.mail__tag--destaque[b-6oiuz1p62l] { background: var(--adm-primario-suave); color: var(--adm-primario); border-color: transparent; font-weight: 700; }

/* ações rápidas ao passar o mouse */
.mail__item-acoes[b-6oiuz1p62l] {
    position: absolute; right: .55rem; bottom: .45rem; display: none; gap: .1rem; padding: .15rem; border-radius: .6rem;
    background: var(--adm-superficie); border: 1px solid var(--adm-borda); box-shadow: 0 4px 12px rgba(0, 0, 0, .12);
}
.mail__item:hover .mail__item-acoes[b-6oiuz1p62l], .mail__item:focus-within .mail__item-acoes[b-6oiuz1p62l] { display: inline-flex; }

.mail__paginacao[b-6oiuz1p62l] { display: flex; align-items: center; justify-content: center; gap: .6rem; padding: .45rem; font-size: .78rem; color: var(--adm-suave); border-top: 1px solid var(--adm-borda-suave); }

/* botão de ícone */
.mail__icone-btn[b-6oiuz1p62l] {
    display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; padding: 0; border: 0; border-radius: .5rem;
    background: none; color: var(--adm-suave); cursor: pointer; flex-shrink: 0;
}
.mail__icone-btn:hover:not(:disabled)[b-6oiuz1p62l] { background: var(--adm-bg); color: var(--adm-texto); }
.mail__lote .mail__icone-btn[b-6oiuz1p62l] { color: var(--adm-primario); }
.mail__lote .mail__icone-btn:hover:not(:disabled)[b-6oiuz1p62l] { background: var(--adm-superficie); }
.mail__icone-btn:disabled[b-6oiuz1p62l] { opacity: .4; cursor: default; }
.mail__icone-btn--perigo:hover:not(:disabled)[b-6oiuz1p62l] { background: #fde8e8; color: #b42318; }

/* estados vazios */
.mail__vazio[b-6oiuz1p62l] {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .45rem; text-align: center;
    padding: 2.5rem 1.5rem; color: var(--adm-suave); font-size: .85rem; margin: auto 0;
}
.mail__vazio strong[b-6oiuz1p62l] { color: var(--adm-texto); font-size: .98rem; }
.mail__vazio span[b-6oiuz1p62l] { max-width: 26rem; }
.mail__vazio--leitor[b-6oiuz1p62l] { height: 100%; margin: 0; }
.mail__vazio-icone[b-6oiuz1p62l] {
    display: inline-flex; align-items: center; justify-content: center; width: 4.5rem; height: 4.5rem; border-radius: 50%;
    background: var(--adm-primario-suave); color: var(--adm-primario);
}
.mail__vazio--cartao[b-6oiuz1p62l] { border: 1px dashed var(--adm-borda); border-radius: 1rem; background: var(--adm-superficie); }

/* ---------- Leitor ---------- */
.mail__leitor-barra[b-6oiuz1p62l] {
    display: flex; align-items: center; gap: .3rem; flex-wrap: wrap; padding: .55rem .75rem; border-bottom: 1px solid var(--adm-borda-suave);
    background: var(--adm-superficie);
}
.mail__barra-espaco[b-6oiuz1p62l] { flex: 1 1 auto; }
.mail__barra-divisor[b-6oiuz1p62l] { width: 1px; height: 1.3rem; background: var(--adm-borda); margin: 0 .3rem; }
.mail__voltar[b-6oiuz1p62l] { display: none; }

.mail__leitor-rolagem[b-6oiuz1p62l] { flex: 1 1 auto; overflow-y: auto; min-height: 0; }

.mail__faixa[b-6oiuz1p62l] {
    display: flex; align-items: center; gap: .55rem; flex-wrap: wrap; padding: .55rem 1.1rem; font-size: .8rem; border-bottom: 1px solid var(--adm-borda-suave);
}
.mail__faixa--lixeira[b-6oiuz1p62l] { background: var(--adm-bg); color: var(--adm-suave); }
.mail__faixa--spam[b-6oiuz1p62l] { background: #fdf2f0; color: #b42318; }
.mail__faixa--imagens[b-6oiuz1p62l] { background: #fef7e6; color: #8a5a00; }

.mail__cabecalho[b-6oiuz1p62l] { padding: 1.1rem 1.2rem .6rem; }
.mail__cabecalho h3[b-6oiuz1p62l] { margin: 0 0 .85rem; font-size: 1.2rem; line-height: 1.3; overflow-wrap: anywhere; }
.mail__remetente[b-6oiuz1p62l] { display: flex; align-items: center; gap: .75rem; }
.mail__remetente-texto[b-6oiuz1p62l] { display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto; font-size: .85rem; line-height: 1.35; }
.mail__remetente-texto span[b-6oiuz1p62l] { color: var(--adm-suave); overflow-wrap: anywhere; }
.mail__remetente-texto small[b-6oiuz1p62l] { color: var(--adm-suave); }
.mail__remetente-lado[b-6oiuz1p62l] { display: flex; flex-direction: column; align-items: flex-end; gap: .1rem; font-size: .78rem; color: var(--adm-suave); flex-shrink: 0; }

.mail__detalhes[b-6oiuz1p62l] {
    display: grid; grid-template-columns: auto 1fr; gap: .2rem .8rem; margin: .8rem 0 0; padding: .7rem .85rem; font-size: .8rem;
    background: var(--adm-bg); border: 1px solid var(--adm-borda-suave); border-radius: .65rem;
}
.mail__detalhes dt[b-6oiuz1p62l] { color: var(--adm-suave); font-weight: 600; }
.mail__detalhes dd[b-6oiuz1p62l] { margin: 0; overflow-wrap: anywhere; }
.mail__cabecalho-tags[b-6oiuz1p62l] { display: flex; align-items: center; gap: .45rem; flex-wrap: wrap; margin-top: .75rem; }
.mail__cabecalho-tags small[b-6oiuz1p62l] { color: var(--adm-suave); }

.mail__link[b-6oiuz1p62l] { border: 0; background: none; color: var(--adm-primario); font: inherit; font-size: .78rem; cursor: pointer; padding: 0; text-align: left; }
.mail__link:hover[b-6oiuz1p62l] { text-decoration: underline; }

/* conversa */
.mail__conversa[b-6oiuz1p62l] { margin: .4rem 1.2rem .6rem; border: 1px solid var(--adm-borda-suave); border-radius: .75rem; overflow: hidden; }
.mail__conversa-titulo[b-6oiuz1p62l] {
    display: flex; align-items: center; gap: .5rem; width: 100%; padding: .55rem .8rem; border: 0; background: var(--adm-bg);
    font: inherit; font-size: .82rem; font-weight: 600; color: var(--adm-texto); cursor: pointer; text-align: left;
}
.mail__conversa-titulo > span:nth-child(2)[b-6oiuz1p62l] { flex: 1 1 auto; }
.mail__conversa-seta[b-6oiuz1p62l] { display: inline-flex; transition: transform .15s; color: var(--adm-suave); }
.mail__conversa-seta--aberta[b-6oiuz1p62l] { transform: rotate(90deg); }
.mail__conversa-item[b-6oiuz1p62l] {
    display: flex; align-items: center; gap: .6rem; width: 100%; padding: .45rem .8rem; border: 0; border-top: 1px solid var(--adm-borda-suave);
    background: none; font: inherit; font-size: .8rem; color: var(--adm-texto); cursor: pointer; text-align: left;
}
.mail__conversa-item:hover:not(:disabled)[b-6oiuz1p62l] { background: var(--adm-bg); }
.mail__conversa-item--atual[b-6oiuz1p62l] { background: var(--adm-primario-suave); cursor: default; }
.mail__conversa-texto[b-6oiuz1p62l] { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mail__conversa-texto em[b-6oiuz1p62l] { color: var(--adm-suave); font-style: normal; }

.mail__quadro[b-6oiuz1p62l] { width: 100%; min-height: 24rem; height: 55vh; border: 0; background: #fff; display: block; }
.mail__texto[b-6oiuz1p62l] { padding: 1rem 1.2rem; white-space: pre-wrap; overflow-wrap: anywhere; font-size: .9rem; line-height: 1.55; }

.mail__anexos[b-6oiuz1p62l] { padding: .8rem 1.2rem; border-top: 1px solid var(--adm-borda-suave); }
.mail__anexos-titulo[b-6oiuz1p62l] { display: inline-flex; align-items: center; gap: .4rem; font-size: .78rem; font-weight: 700; color: var(--adm-suave); margin-bottom: .5rem; }
.mail__anexos-lista[b-6oiuz1p62l] { display: flex; gap: .5rem; flex-wrap: wrap; }
.mail__anexo[b-6oiuz1p62l] {
    display: inline-flex; align-items: center; gap: .55rem; padding: .45rem .75rem; border: 1px solid var(--adm-borda); border-radius: .65rem;
    background: var(--adm-bg); font: inherit; color: var(--adm-texto); cursor: pointer; text-align: left; max-width: 18rem;
}
.mail__anexo:hover[b-6oiuz1p62l] { border-color: var(--adm-primario); }
.mail__anexo-previa[b-6oiuz1p62l] { width: 2.8rem; height: 2.8rem; object-fit: cover; border-radius: .45rem; border: 1px solid var(--adm-borda); background: #fff; flex-shrink: 0; }
.mail__anexo-texto[b-6oiuz1p62l] { display: flex; flex-direction: column; min-width: 0; font-size: .8rem; }
.mail__anexo-texto strong[b-6oiuz1p62l] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mail__anexo-texto small[b-6oiuz1p62l] { color: var(--adm-suave); }

.mail__resposta-rapida[b-6oiuz1p62l] { display: flex; gap: .5rem; padding: .9rem 1.2rem 1.3rem; border-top: 1px solid var(--adm-borda-suave); }

/* ---------- Composição / modais ---------- */
.mail__compor[b-6oiuz1p62l] { padding: 0; max-width: 48rem; display: flex; flex-direction: column; overflow: hidden; }
.mail__compor--estreito[b-6oiuz1p62l] { max-width: 30rem; }
.mail__compor-topo[b-6oiuz1p62l] {
    display: flex; align-items: center; gap: .65rem; padding: .8rem 1rem; border-bottom: 1px solid var(--adm-borda);
    background: linear-gradient(135deg, var(--adm-primario-suave), var(--adm-superficie));
}
.mail__compor-topo h2[b-6oiuz1p62l] { margin: 0; font-size: 1rem; flex: 1 1 auto; }
.mail__compor-icone[b-6oiuz1p62l] {
    display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: .6rem; background: var(--adm-primario); color: #fff;
}
.mail__compor-corpo[b-6oiuz1p62l] { padding: 1rem 1.1rem .4rem; overflow-y: auto; display: flex; flex-direction: column; gap: .55rem; min-height: 0; }
.mail__compor-rodape[b-6oiuz1p62l] { display: flex; align-items: center; gap: .5rem; padding: .75rem 1rem; border-top: 1px solid var(--adm-borda); background: var(--adm-bg); flex-wrap: wrap; }

.mail__linha[b-6oiuz1p62l] { display: flex; align-items: center; gap: .6rem; border-bottom: 1px solid var(--adm-borda-suave); padding-bottom: .3rem; }
.mail__linha label[b-6oiuz1p62l] { width: 3.4rem; flex-shrink: 0; font-size: .78rem; font-weight: 700; color: var(--adm-suave); }
.mail__linha .mail__campo[b-6oiuz1p62l] { flex: 1 1 auto; min-width: 0; border: 0; background: none; padding: .4rem .2rem; outline: none; }
.mail__linha select.mail__campo[b-6oiuz1p62l] { cursor: pointer; }

.mail__campo[b-6oiuz1p62l] {
    font: inherit; font-size: .88rem; padding: .45rem .55rem; border: 1px solid var(--adm-borda);
    border-radius: .5rem; background: var(--adm-superficie); color: var(--adm-texto);
}
.mail__campo--texto[b-6oiuz1p62l] { resize: vertical; min-height: 11rem; font-family: inherit; line-height: 1.5; width: 100%; box-sizing: border-box; border: 1px solid var(--adm-borda-suave); background: var(--adm-bg); }
.mail__campo--texto:focus-visible[b-6oiuz1p62l] { outline: none; border-color: var(--adm-primario); box-shadow: 0 0 0 3px var(--adm-primario-suave); }

.mail__anexos-compor[b-6oiuz1p62l] { display: flex; gap: .4rem; flex-wrap: wrap; }
.mail__anexo-chip[b-6oiuz1p62l] {
    display: inline-flex; align-items: center; gap: .35rem; padding: .25rem .35rem .25rem .6rem; border: 1px solid var(--adm-borda); border-radius: 1rem;
    background: var(--adm-bg); font-size: .78rem; color: var(--adm-texto);
}
.mail__anexo-chip small[b-6oiuz1p62l] { color: var(--adm-suave); }
.mail__remover[b-6oiuz1p62l] { display: inline-flex; border: 0; background: none; cursor: pointer; color: var(--adm-suave); padding: .1rem; border-radius: 50%; }
.mail__remover:hover[b-6oiuz1p62l] { color: #b42318; background: #fde8e8; }
.mail__dica[b-6oiuz1p62l] { color: var(--adm-suave); font-size: .78rem; }
.mail__check[b-6oiuz1p62l] { display: flex; align-items: center; gap: .5rem; font-size: .85rem; }

/* ---------- Endereços ---------- */
.mail__enderecos-topo[b-6oiuz1p62l] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.mail__enderecos-topo p[b-6oiuz1p62l] { margin: 0; max-width: 46rem; color: var(--adm-suave); font-size: .86rem; line-height: 1.5; flex: 1 1 24rem; }

.mail__cartoes[b-6oiuz1p62l] { display: grid; grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr)); gap: .9rem; }
.mail__cartao-end[b-6oiuz1p62l] {
    display: flex; flex-direction: column; gap: .8rem; padding: 1.05rem; border: 1px solid var(--adm-borda); border-radius: 1rem; background: var(--adm-superficie);
    transition: box-shadow .15s, border-color .15s;
}
.mail__cartao-end:hover[b-6oiuz1p62l] { box-shadow: 0 8px 22px rgba(0, 0, 0, .08); border-color: var(--adm-suave); }
.mail__cartao-end--inativo[b-6oiuz1p62l] { opacity: .7; }
.mail__cartao-topo[b-6oiuz1p62l] { display: flex; align-items: center; gap: .75rem; min-width: 0; }
.mail__cartao-id[b-6oiuz1p62l] { display: flex; flex-direction: column; min-width: 0; }
.mail__cartao-id strong[b-6oiuz1p62l] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .95rem; }
.mail__cartao-id small[b-6oiuz1p62l] { color: var(--adm-suave); }
.mail__cartao-tags[b-6oiuz1p62l] { display: flex; gap: .4rem; flex-wrap: wrap; }
.mail__cartao-numeros[b-6oiuz1p62l] { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; }
.mail__cartao-numeros div[b-6oiuz1p62l] { display: flex; flex-direction: column; padding: .55rem .7rem; border-radius: .7rem; background: var(--adm-bg); }
.mail__cartao-numeros strong[b-6oiuz1p62l] { font-size: 1.15rem; line-height: 1.2; }
.mail__cartao-numeros small[b-6oiuz1p62l] { color: var(--adm-suave); font-size: .72rem; }
.mail__cartao-assinatura[b-6oiuz1p62l] {
    margin: 0; padding: .55rem .7rem; border-left: 3px solid var(--adm-primario); background: var(--adm-bg); border-radius: 0 .5rem .5rem 0;
    font-size: .78rem; color: var(--adm-suave); white-space: pre-line; max-height: 4.6rem; overflow: hidden;
}
.mail__cartao-acoes[b-6oiuz1p62l] { display: flex; gap: .4rem; flex-wrap: wrap; margin-top: auto; }

/* ---------- Escuro ---------- */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .mail__estado--ok[b-6oiuz1p62l] { background: #14301f; color: #86dca8; border-color: #1f5c3a; }
    :root:not([data-theme="light"]) .mail__estado--off[b-6oiuz1p62l] { background: #3a1c1a; color: #f0a79f; border-color: #6b2b25; }
    :root:not([data-theme="light"]) .mail__aviso-topo[b-6oiuz1p62l] { background: rgba(180, 35, 24, .12); border-color: #6b2b25; color: #f0a79f; }
    :root:not([data-theme="light"]) .mail__faixa--spam[b-6oiuz1p62l] { background: rgba(180, 35, 24, .14); color: #f0a79f; }
    :root:not([data-theme="light"]) .mail__faixa--imagens[b-6oiuz1p62l] { background: rgba(229, 164, 0, .12); color: #e8c46d; }
    :root:not([data-theme="light"]) .mail__chip--perigo[b-6oiuz1p62l] { background: rgba(180, 35, 24, .12); border-color: #6b2b25; color: #f0a79f; }
    :root:not([data-theme="light"]) .mail__icone-btn--perigo:hover:not(:disabled)[b-6oiuz1p62l] { background: #3a1c1a; color: #f0a79f; }
    :root:not([data-theme="light"]) .mail__remover:hover[b-6oiuz1p62l] { background: #3a1c1a; color: #f0a79f; }
    :root:not([data-theme="light"]) .mail__hero-icone[b-6oiuz1p62l] { box-shadow: none; }
}
:root[data-theme="dark"] .mail__estado--ok[b-6oiuz1p62l] { background: #14301f; color: #86dca8; border-color: #1f5c3a; }
:root[data-theme="dark"] .mail__estado--off[b-6oiuz1p62l] { background: #3a1c1a; color: #f0a79f; border-color: #6b2b25; }
:root[data-theme="dark"] .mail__aviso-topo[b-6oiuz1p62l] { background: rgba(180, 35, 24, .12); border-color: #6b2b25; color: #f0a79f; }
:root[data-theme="dark"] .mail__faixa--spam[b-6oiuz1p62l] { background: rgba(180, 35, 24, .14); color: #f0a79f; }
:root[data-theme="dark"] .mail__faixa--imagens[b-6oiuz1p62l] { background: rgba(229, 164, 0, .12); color: #e8c46d; }
:root[data-theme="dark"] .mail__chip--perigo[b-6oiuz1p62l] { background: rgba(180, 35, 24, .12); border-color: #6b2b25; color: #f0a79f; }
:root[data-theme="dark"] .mail__icone-btn--perigo:hover:not(:disabled)[b-6oiuz1p62l] { background: #3a1c1a; color: #f0a79f; }
:root[data-theme="dark"] .mail__remover:hover[b-6oiuz1p62l] { background: #3a1c1a; color: #f0a79f; }
:root[data-theme="dark"] .mail__hero-icone[b-6oiuz1p62l] { box-shadow: none; }

/* ---------- Responsivo ---------- */
@media (max-width: 1100px) {
    .mail__corpo[b-6oiuz1p62l] { grid-template-columns: minmax(17rem, 22rem) minmax(0, 1fr); }
}

@media (max-width: 860px) {
    .mail__corpo[b-6oiuz1p62l] { grid-template-columns: 1fr; height: auto; }
    .mail__lista[b-6oiuz1p62l], .mail__leitor[b-6oiuz1p62l] { height: clamp(28rem, calc(100vh - 19rem), 56rem); }
    .mail__corpo--leitura .mail__lista[b-6oiuz1p62l] { display: none; }
    .mail__corpo:not(.mail__corpo--leitura) .mail__leitor[b-6oiuz1p62l] { display: none; }
    .mail__voltar[b-6oiuz1p62l] { display: inline-flex; }
    .mail__item-acoes[b-6oiuz1p62l] { display: none !important; }
}
/* /Components/Admin/PaginaAdminErros.razor.rz.scp.css */
.re-acoes[b-45gg46jt2c] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

.re-filtros[b-45gg46jt2c] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    align-items: flex-end;
    margin-bottom: .9rem;
}

.re-campo[b-45gg46jt2c] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    font-size: .78rem;
    font-weight: 600;
    color: var(--adm-suave);
}

.re-campo select[b-45gg46jt2c],
.re-campo input[b-45gg46jt2c] {
    font: inherit;
    font-weight: 400;
    padding: .38rem .5rem;
    border: 1px solid var(--adm-borda);
    border-radius: .45rem;
    background: var(--adm-superficie);
    color: var(--adm-texto);
}

.re-campo--busca[b-45gg46jt2c] { flex: 1 1 16rem; }

.re-linha[b-45gg46jt2c] { cursor: pointer; }
.re-linha:hover[b-45gg46jt2c] { background: rgba(127, 127, 127, .08); }

.re-mono[b-45gg46jt2c] { font-family: Consolas, monospace; font-size: .8rem; }

.re-selo--aviso[b-45gg46jt2c] { background: #fef0e0; color: #b45309; }

.re-detalhe td[b-45gg46jt2c] { background: rgba(127, 127, 127, .06); }

.re-detalhe dl[b-45gg46jt2c] { margin: 0; display: grid; grid-template-columns: 8rem 1fr; gap: .35rem .8rem; }
.re-detalhe dt[b-45gg46jt2c] { font-weight: 600; color: var(--adm-suave); font-size: .8rem; }
.re-detalhe dd[b-45gg46jt2c] { margin: 0; min-width: 0; }

.re-detalhe pre[b-45gg46jt2c] {
    margin: 0;
    white-space: pre-wrap;
    word-break: break-all;
    font-family: Consolas, monospace;
    font-size: .78rem;
    max-height: 18rem;
    overflow: auto;
}

.re-nota[b-45gg46jt2c] {
    color: var(--adm-suave);
    font-size: .78rem;
    margin: .5rem 0 0;
}

@media (prefers-color-scheme: dark) {
    .re-selo--aviso[b-45gg46jt2c] { background: #3a2a14; color: #f0c48a; }
}
/* /Components/Admin/PaginaAdminLandingAcessos.razor.rz.scp.css */
.la-acoes[b-fzfc51xyze] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

.la-periodo[b-fzfc51xyze] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: .5rem .6rem;
    margin-bottom: 1rem;
}

.la-campo[b-fzfc51xyze] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    font-size: .78rem;
    font-weight: 600;
    color: var(--adm-suave);
}

.la-campo input[b-fzfc51xyze] {
    font: inherit;
    font-weight: 400;
    padding: .38rem .5rem;
    border: 1px solid var(--adm-borda);
    border-radius: .45rem;
    background: var(--adm-superficie);
    color: var(--adm-texto);
}

.la-campo--busca[b-fzfc51xyze] {
    flex: 1 1 18rem;
    max-width: 34rem;
}

.la-carregando[b-fzfc51xyze] {
    margin: 1rem 0;
    color: var(--adm-suave);
}

/* ---- Números do período ---- */
.la-kpis[b-fzfc51xyze] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: .8rem;
    margin-bottom: 1.1rem;
}

.la-kpi[b-fzfc51xyze] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    padding: .9rem 1rem;
    border: 1px solid var(--adm-borda);
    border-radius: .7rem;
    background: var(--adm-superficie);
}

.la-kpi__rotulo[b-fzfc51xyze] {
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--adm-suave);
}

.la-kpi__valor[b-fzfc51xyze] {
    font-size: 1.85rem;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}

.la-kpi__delta[b-fzfc51xyze] {
    font-size: .78rem;
    color: var(--adm-suave);
}

.la-kpi__delta--sobe[b-fzfc51xyze] { color: #1a7f45; }
.la-kpi__delta--desce[b-fzfc51xyze] { color: #b42318; }

.la-kpi__nota[b-fzfc51xyze] {
    font-size: .78rem;
    color: var(--adm-suave);
}

/* ---- Blocos ---- */
.la-bloco[b-fzfc51xyze] {
    border: 1px solid var(--adm-borda);
    border-radius: .8rem;
    background: var(--adm-superficie);
    padding: 1rem 1.1rem 1.1rem;
    margin-bottom: 1.1rem;
}

.la-bloco__cab[b-fzfc51xyze] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: .9rem;
}

.la-bloco__cab h2[b-fzfc51xyze] {
    margin: 0;
    font-size: 1rem;
}

.la-legenda[b-fzfc51xyze] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .78rem;
    color: var(--adm-suave);
}

.la-legenda i[b-fzfc51xyze] {
    display: inline-block;
    width: .7rem;
    height: .7rem;
    border-radius: .2rem;
    margin-left: .6rem;
}

.la-legenda__a[b-fzfc51xyze] { background: var(--adm-primario); }
.la-legenda__v[b-fzfc51xyze] { background: #38bdf8; }

/* ---- Gráfico diário (barras em CSS, sem biblioteca) ---- */
.la-grafico[b-fzfc51xyze] {
    display: flex;
    align-items: flex-end;
    gap: 2px;
    height: 10rem;
    border-bottom: 1px solid var(--adm-borda);
}

.la-grafico__coluna[b-fzfc51xyze] {
    position: relative;
    flex: 1 1 0;
    min-width: 2px;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 1px;
}

.la-grafico__coluna:hover[b-fzfc51xyze] {
    background: var(--adm-primario-suave);
}

.la-grafico__barra[b-fzfc51xyze] {
    display: block;
    flex: 1 1 0;
    background: var(--adm-primario);
    border-radius: 2px 2px 0 0;
    min-height: 0;
}

.la-grafico__barra--v[b-fzfc51xyze] {
    background: #38bdf8;
}

.la-grafico__eixo[b-fzfc51xyze] {
    display: flex;
    justify-content: space-between;
    margin-top: .35rem;
    font-size: .74rem;
    color: var(--adm-suave);
}

/* ---- Quadros de listas ---- */
.la-grade[b-fzfc51xyze] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
    gap: .8rem;
    margin-bottom: 1.1rem;
}

/* ---- Tabela ---- */
.la-linha[b-fzfc51xyze] { cursor: pointer; }
.la-linha:hover[b-fzfc51xyze] { background: rgba(127, 127, 127, .08); }

.la-mono[b-fzfc51xyze] {
    font-family: Consolas, monospace;
    font-size: .8rem;
}

.la-detalhe td[b-fzfc51xyze] { background: rgba(127, 127, 127, .06); }

.la-detalhe dl[b-fzfc51xyze] {
    margin: 0;
    display: grid;
    grid-template-columns: 10rem 1fr;
    gap: .35rem .8rem;
}

.la-detalhe dt[b-fzfc51xyze] {
    font-weight: 600;
    color: var(--adm-suave);
    font-size: .8rem;
}

.la-detalhe dd[b-fzfc51xyze] {
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.la-trilha[b-fzfc51xyze] {
    margin: 0;
    padding-left: 1.2rem;
    display: grid;
    gap: .15rem;
}

.la-trilha small[b-fzfc51xyze] { color: var(--adm-suave); margin-left: .5rem; }
/* /Components/Admin/PaginaAdminLandingConfig.razor.rz.scp.css */
.lc-form[b-8mdnl41hs7] {
    display: grid;
    gap: .8rem;
    max-width: 36rem;
}

.lc-check[b-8mdnl41hs7] {
    display: flex;
    align-items: center;
    gap: .55rem;
    font-size: .9rem;
    cursor: pointer;
}

.lc-acoes[b-8mdnl41hs7] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    margin-top: .9rem;
}

.lc-linhas[b-8mdnl41hs7] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: .4rem;
    font-size: .88rem;
}

.lc-linhas li[b-8mdnl41hs7] {
    padding: .45rem .7rem;
    border-radius: .45rem;
    border: 1px solid transparent;
}

.lc-linhas__ok[b-8mdnl41hs7] { background: rgba(52, 211, 153, .1); border-color: rgba(52, 211, 153, .35) !important; }
.lc-linhas__falha[b-8mdnl41hs7] { background: rgba(248, 113, 113, .1); border-color: rgba(248, 113, 113, .4) !important; }
.lc-linhas__aviso[b-8mdnl41hs7] { background: rgba(245, 158, 11, .1); border-color: rgba(245, 158, 11, .4) !important; }

.lc-codigo[b-8mdnl41hs7] {
    margin: 0;
    padding: .8rem .9rem;
    border: 1px solid var(--adm-borda, #2a2f3a);
    border-radius: .5rem;
    font-family: Consolas, monospace;
    font-size: .8rem;
    overflow: auto;
    user-select: all;
}
/* /Components/Admin/PaginaAdminLandingFormulario.razor.rz.scp.css */
.lf-acoes[b-25w9cxgc6u] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

.lf-filtros[b-25w9cxgc6u] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    align-items: flex-end;
    margin-bottom: .9rem;
}

.lf-campo[b-25w9cxgc6u] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    font-size: .78rem;
    font-weight: 600;
    color: var(--adm-suave);
}

.lf-campo input[b-25w9cxgc6u] {
    font: inherit;
    font-weight: 400;
    padding: .38rem .5rem;
    border: 1px solid var(--adm-borda);
    border-radius: .45rem;
    background: var(--adm-superficie);
    color: var(--adm-texto);
}

.lf-campo--busca[b-25w9cxgc6u] { flex: 1 1 16rem; }

.lf-linha[b-25w9cxgc6u] { cursor: pointer; }
.lf-linha:hover[b-25w9cxgc6u] { background: rgba(127, 127, 127, .08); }
.lf-linha--nova td:first-child[b-25w9cxgc6u] { box-shadow: inset 3px 0 0 var(--adm-primario); }
.lf-linha--nova td[b-25w9cxgc6u] { font-weight: 600; }

/* ---- Detalhe (modal) ---- */
.lf-resumo[b-25w9cxgc6u] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem 1.2rem;
    align-items: center;
    margin-bottom: .4rem;
    font-size: .9rem;
}

.lf-resumo span[b-25w9cxgc6u] { color: var(--adm-suave); }
.lf-resumo__fone[b-25w9cxgc6u] { font-weight: 700; }

.lf-sub[b-25w9cxgc6u] {
    margin: 1rem 0 .4rem;
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--adm-suave);
}

.lf-mensagem[b-25w9cxgc6u] {
    margin: 0;
    padding: .7rem .85rem;
    border: 1px solid var(--adm-borda);
    border-radius: .5rem;
    background: var(--adm-bg);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    max-height: 14rem;
    overflow: auto;
}

.lf-form[b-25w9cxgc6u] {
    display: grid;
    grid-template-columns: 14rem 1fr;
    gap: .8rem;
    align-items: start;
}

.lf-dados[b-25w9cxgc6u] {
    margin: 0;
    display: grid;
    grid-template-columns: 9.5rem 1fr;
    gap: .3rem .8rem;
    font-size: .86rem;
}

.lf-dados dt[b-25w9cxgc6u] { font-weight: 600; color: var(--adm-suave); }
.lf-dados dd[b-25w9cxgc6u] { margin: 0; min-width: 0; overflow-wrap: anywhere; }

.lf-mono[b-25w9cxgc6u] {
    font-family: Consolas, monospace;
    font-size: .8rem;
}

@media (max-width: 720px) {
    .lf-form[b-25w9cxgc6u] { grid-template-columns: 1fr; }
    .lf-dados[b-25w9cxgc6u] { grid-template-columns: 1fr; }
}
/* /Components/Admin/PaginaAdminLogsWaha.razor.rz.scp.css */
.lw-filtros[b-tw3og2yomo] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    align-items: flex-end;
    margin-bottom: .9rem;
}

.lw-campo[b-tw3og2yomo] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    font-size: .78rem;
    font-weight: 600;
    color: var(--adm-suave);
}

.lw-campo select[b-tw3og2yomo],
.lw-campo input[b-tw3og2yomo] {
    font: inherit;
    font-weight: 400;
    padding: .38rem .5rem;
    border: 1px solid var(--adm-borda);
    border-radius: .45rem;
    background: var(--adm-superficie);
    color: var(--adm-texto);
}

.lw-campo--busca[b-tw3og2yomo] { flex: 1 1 16rem; }

.lw-linha[b-tw3og2yomo] { cursor: pointer; }
.lw-linha:hover[b-tw3og2yomo] { background: rgba(127, 127, 127, .08); }

.lw-mono[b-tw3og2yomo] { font-family: Consolas, monospace; font-size: .8rem; }

.lw-detalhe td[b-tw3og2yomo] { background: rgba(127, 127, 127, .06); }

.lw-detalhe dl[b-tw3og2yomo] { margin: 0; display: grid; grid-template-columns: 11rem 1fr; gap: .35rem .8rem; }
.lw-detalhe dt[b-tw3og2yomo] { font-weight: 600; color: var(--adm-suave); font-size: .8rem; }
.lw-detalhe dd[b-tw3og2yomo] { margin: 0; min-width: 0; }

.lw-detalhe pre[b-tw3og2yomo] {
    margin: 0;
    white-space: pre-wrap;
    word-break: break-all;
    font-family: Consolas, monospace;
    font-size: .78rem;
    max-height: 14rem;
    overflow: auto;
}

.lw-nota[b-tw3og2yomo] {
    color: var(--adm-suave);
    font-size: .78rem;
    margin: .5rem 0 0;
}

.lw-acionamento[b-tw3og2yomo] { font-size: .78rem; color: var(--adm-suave); }
/* /Components/Admin/PaginaAdminPlanos.razor.rz.scp.css */
.planos-grade[b-umkrqb6rem] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .6rem .9rem;
}

@media (max-width: 520px) {
    .planos-grade[b-umkrqb6rem] {
        grid-template-columns: 1fr;
    }
}

/* ---- Lista de planos (cartões) ---- */
.planos-lista[b-umkrqb6rem] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1rem;
    align-items: start;
}

.plano-cartao[b-umkrqb6rem] {
    display: flex;
    flex-direction: column;
    gap: .8rem;
    padding: 1rem 1.05rem;
    border: 1px solid var(--adm-borda);
    border-radius: .85rem;
    background: var(--adm-superficie);
}

.plano-cartao--inativo[b-umkrqb6rem] { opacity: .65; }

.plano-cartao__topo[b-umkrqb6rem] { display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; }
.plano-cartao__nome[b-umkrqb6rem] { margin: 0; font-size: 1.05rem; }
.plano-cartao__descricao[b-umkrqb6rem] { margin: .2rem 0 0; font-size: .8rem; color: var(--adm-suave); }

.plano-cartao__preco[b-umkrqb6rem] { font-size: 1.15rem; font-weight: 700; white-space: nowrap; text-align: right; }
.plano-cartao__preco small[b-umkrqb6rem] { font-size: .72rem; font-weight: 400; color: var(--adm-suave); }

.plano-cartao__selos[b-umkrqb6rem] { display: flex; gap: .4rem; flex-wrap: wrap; }
.plano-cartao__selos:empty[b-umkrqb6rem] { display: none; }

.plano-selo[b-umkrqb6rem] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    font-size: .72rem;
    font-weight: 600;
    padding: .12rem .5rem;
    border-radius: .4rem;
    background: color-mix(in srgb, var(--adm-suave) 16%, transparent);
    color: var(--adm-suave);
}

.plano-selo--trial[b-umkrqb6rem] { background: #fdeecf; color: #9a6b12; }

.plano-cartao__secao[b-umkrqb6rem] { display: flex; flex-direction: column; gap: .4rem; }

.plano-cartao__rotulo[b-umkrqb6rem] {
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--adm-suave);
}

.plano-cartao__modulos[b-umkrqb6rem] { display: flex; flex-wrap: wrap; gap: .3rem; }

.plano-chip[b-umkrqb6rem] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    font-size: .74rem;
    padding: .15rem .5rem;
    border-radius: 999px;
    background: var(--adm-primario-suave);
    color: var(--adm-primario);
}

.plano-chip--sub[b-umkrqb6rem] {
    background: transparent;
    border: 1px dashed var(--adm-borda);
    color: var(--adm-suave);
}

.plano-cartao__vazio[b-umkrqb6rem] { display: inline-flex; align-items: center; gap: .35rem; font-size: .82rem; color: var(--adm-suave); }

.plano-limites[b-umkrqb6rem] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .15rem; font-size: .82rem; }
.plano-limites li[b-umkrqb6rem] { display: flex; justify-content: space-between; gap: .75rem; }
.plano-limites li span[b-umkrqb6rem] { color: var(--adm-suave); }

.plano-cartao__rodape[b-umkrqb6rem] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: .7rem;
    border-top: 1px solid var(--adm-borda-suave);
}

.plano-cartao__tenants[b-umkrqb6rem] { display: inline-flex; align-items: center; gap: .35rem; font-size: .8rem; color: var(--adm-suave); }

/* ---- Modal ---- */
.plano-abas[b-umkrqb6rem] {
    display: flex;
    gap: .2rem;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--adm-borda);
    margin-bottom: 1rem;
}

.plano-aba[b-umkrqb6rem] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    border: 0;
    background: none;
    color: var(--adm-suave);
    font: inherit;
    font-weight: 600;
    font-size: .88rem;
    padding: .55rem .85rem;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
}

.plano-aba:hover[b-umkrqb6rem] { color: var(--adm-texto); }
.plano-aba[data-ativo="1"][b-umkrqb6rem] { color: var(--adm-primario); border-bottom-color: var(--adm-primario); }

.plano-corpo[b-umkrqb6rem] { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding-right: .25rem; }

.plano-check[b-umkrqb6rem] { display: flex; align-items: center; gap: .5rem; font-size: .88rem; font-weight: 600; }
.plano-dica[b-umkrqb6rem] { margin: .5rem 0 0; font-size: .8rem; color: var(--adm-suave); }
/* /Components/Admin/PaginaAdminRegistroEmail.razor.rz.scp.css */
.rm-filtros[b-gy5shpy9v7] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    align-items: flex-end;
    margin-bottom: .9rem;
}

.rm-campo[b-gy5shpy9v7] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    font-size: .78rem;
    font-weight: 600;
    color: var(--adm-suave);
}

.rm-campo select[b-gy5shpy9v7],
.rm-campo input[b-gy5shpy9v7] {
    font: inherit;
    font-weight: 400;
    padding: .38rem .5rem;
    border: 1px solid var(--adm-borda);
    border-radius: .45rem;
    background: var(--adm-superficie);
    color: var(--adm-texto);
}

.rm-campo--busca[b-gy5shpy9v7] { flex: 1 1 16rem; }

.rm-linha[b-gy5shpy9v7] { cursor: pointer; }
.rm-linha:hover[b-gy5shpy9v7] { background: rgba(127, 127, 127, .08); }

.rm-mono[b-gy5shpy9v7] { font-family: Consolas, monospace; font-size: .8rem; }

.rm-erro[b-gy5shpy9v7] {
    margin-left: .4rem;
    font-size: .78rem;
    color: var(--adm-suave);
}

.rm-detalhe td[b-gy5shpy9v7] { background: rgba(127, 127, 127, .06); }

.rm-detalhe dl[b-gy5shpy9v7] { margin: 0; display: grid; grid-template-columns: 11rem 1fr; gap: .35rem .8rem; }
.rm-detalhe dt[b-gy5shpy9v7] { font-weight: 600; color: var(--adm-suave); font-size: .8rem; }
.rm-detalhe dd[b-gy5shpy9v7] { margin: 0; min-width: 0; }

.rm-detalhe pre[b-gy5shpy9v7] {
    margin: 0;
    white-space: pre-wrap;
    word-break: break-all;
    font-family: Consolas, monospace;
    font-size: .78rem;
    max-height: 14rem;
    overflow: auto;
}

.rm-nota[b-gy5shpy9v7] {
    color: var(--adm-suave);
    font-size: .78rem;
    margin: .5rem 0 0;
}
/* /Components/Admin/PaginaAdminRegistroIa.razor.rz.scp.css */
.rm-filtros[b-aiv8896nk6] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    align-items: flex-end;
    margin-bottom: .9rem;
}

.rm-campo[b-aiv8896nk6] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    font-size: .78rem;
    font-weight: 600;
    color: var(--adm-suave);
}

.rm-campo select[b-aiv8896nk6],
.rm-campo input[b-aiv8896nk6] {
    font: inherit;
    font-weight: 400;
    padding: .38rem .5rem;
    border: 1px solid var(--adm-borda);
    border-radius: .45rem;
    background: var(--adm-superficie);
    color: var(--adm-texto);
}

.rm-campo--busca[b-aiv8896nk6] { flex: 1 1 16rem; }

.rm-linha[b-aiv8896nk6] { cursor: pointer; }
.rm-linha:hover[b-aiv8896nk6] { background: rgba(127, 127, 127, .08); }

.rm-mono[b-aiv8896nk6] { font-family: Consolas, monospace; font-size: .8rem; }

.rm-erro[b-aiv8896nk6] {
    margin-left: .4rem;
    font-size: .78rem;
    color: var(--adm-suave);
}

.rm-detalhe td[b-aiv8896nk6] { background: rgba(127, 127, 127, .06); }

.rm-detalhe dl[b-aiv8896nk6] { margin: 0; display: grid; grid-template-columns: 11rem 1fr; gap: .35rem .8rem; }
.rm-detalhe dt[b-aiv8896nk6] { font-weight: 600; color: var(--adm-suave); font-size: .8rem; }
.rm-detalhe dd[b-aiv8896nk6] { margin: 0; min-width: 0; }

.rm-detalhe pre[b-aiv8896nk6] {
    margin: 0;
    white-space: pre-wrap;
    word-break: break-all;
    font-family: Consolas, monospace;
    font-size: .78rem;
    max-height: 14rem;
    overflow: auto;
}

.rm-nota[b-aiv8896nk6] {
    color: var(--adm-suave);
    font-size: .78rem;
    margin: .5rem 0 0;
}
/* /Components/Admin/PaginaAdminTenants.razor.rz.scp.css */
.adm[b-4ktm1f7z8g] {
    --adm-borda: #e4e7ec;
    --adm-borda-suave: #eef0f4;
    --adm-fundo: #f7f8fa;
    --adm-texto: #1c2330;
    --adm-suave: #667085;
    --adm-primario: #2456c6;
    --adm-raio: .7rem;
    color: var(--adm-texto);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* ---- Cabeçalho ---- */
.adm-topo[b-4ktm1f7z8g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.adm-topo h2[b-4ktm1f7z8g] {
    margin: 0;
    font-size: 1.1rem;
}

.adm-acoes[b-4ktm1f7z8g] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

/* ---- Métricas ---- */
.adm-metricas[b-4ktm1f7z8g] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: .7rem;
    margin: 1.1rem 0;
}

.adm-metrica[b-4ktm1f7z8g] {
    border: 1px solid var(--adm-borda);
    border-radius: var(--adm-raio);
    padding: .8rem .9rem;
    background: #fff;
}

.adm-metrica__valor[b-4ktm1f7z8g] {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.1;
}

.adm-metrica__rotulo[b-4ktm1f7z8g] {
    font-size: .78rem;
    color: var(--adm-suave);
    text-transform: uppercase;
    letter-spacing: .06em;
}

.adm-metrica--alerta .adm-metrica__valor[b-4ktm1f7z8g] { color: #b42318; }
.adm-metrica--teste .adm-metrica__valor[b-4ktm1f7z8g] { color: #b7791f; }

/* ---- Cartões / mensagens ---- */
.adm-cartao[b-4ktm1f7z8g] {
    border: 1px solid var(--adm-borda);
    border-radius: var(--adm-raio);
    padding: 1.1rem 1.15rem;
    margin-top: 1rem;
    background: #fff;
}

.adm-cartao h3[b-4ktm1f7z8g] {
    margin: 0 0 .8rem;
    font-size: .98rem;
}

.adm-msg[b-4ktm1f7z8g] {
    border: 1px solid #bfe3c9;
    background: #f2faf4;
    color: #14612e;
    border-radius: var(--adm-raio);
    padding: .7rem .9rem;
    margin-top: 1rem;
    font-size: .9rem;
}

.adm-msg--erro[b-4ktm1f7z8g] {
    border-color: #f0c2bd;
    background: #fdf2f0;
    color: #b42318;
}

/* Avisos vermelhos inline (bloqueio de status, dica de http em *.localhost). */
.adm-aviso[b-4ktm1f7z8g] { color: #b42318; }

/* ---- Formulários ---- */
.adm-grid[b-4ktm1f7z8g] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: .8rem;
}

.adm-campo[b-4ktm1f7z8g] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    font-size: .85rem;
    font-weight: 600;
}

.adm-campo input:not([type="checkbox"])[b-4ktm1f7z8g],
.adm-campo textarea[b-4ktm1f7z8g],
.adm-campo select[b-4ktm1f7z8g] {
    font: inherit;
    font-weight: 400;
    padding: .45rem .55rem;
    border: 1px solid var(--adm-borda);
    border-radius: .45rem;
    background: #fff;
    color: inherit;
}

.adm-campo textarea[b-4ktm1f7z8g] { resize: vertical; min-height: 3.5rem; }

.adm-check[b-4ktm1f7z8g] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .88rem;
    font-weight: 600;
}

.adm-dica[b-4ktm1f7z8g] {
    color: var(--adm-suave);
    font-size: .82rem;
    margin: .6rem 0 0;
}

.adm-linha[b-4ktm1f7z8g] {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
    align-items: center;
    margin: .4rem 0;
}

.adm-linha--separa[b-4ktm1f7z8g] {
    justify-content: space-between;
}

.adm-bloco-teste[b-4ktm1f7z8g] {
    margin-top: .9rem;
    padding: .9rem;
    border: 1px dashed #e0c48a;
    border-radius: .55rem;
    background: #fffdf6;
}

.adm-presets[b-4ktm1f7z8g] {
    display: flex;
    gap: .4rem;
    flex-wrap: wrap;
}

.adm-mono[b-4ktm1f7z8g] {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    word-break: break-all;
}

/* ---- Modal: coluna principal (20%) + tabs (80%) ---- */
.adm-split[b-4ktm1f7z8g] {
    display: flex;
    gap: 1.25rem;
    align-items: stretch;
    margin-top: .4rem;
    /* Dentro do modal grande (.admin-modal__cartao--xl é flex column), o miolo
       ocupa a altura restante; título e rodapé ficam fixos e cada coluna rola. */
    flex: 1 1 auto;
    min-height: 0;
}

.adm-split__lado[b-4ktm1f7z8g] {
    flex: 0 0 20%;
    max-width: 20%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .7rem;
    overflow-y: auto;
    min-height: 0;
    /* Divisória bem discreta entre a coluna principal e as abas. */
    padding-right: 1rem;
    border-right: 1px solid color-mix(in srgb, var(--adm-borda-suave) 55%, transparent);
}

.adm-split__lado .adm-campo[b-4ktm1f7z8g] { font-size: .8rem; }
.adm-split__lado .adm-campo > span[b-4ktm1f7z8g],
.adm-split__lado .adm-campo > a[b-4ktm1f7z8g] { font-weight: 400; font-size: .85rem; }

.adm-split__principal[b-4ktm1f7z8g] {
    flex: 1 1 0;
    min-width: 0;
    overflow-y: auto;
    min-height: 0;
}

.adm-split__rotulo[b-4ktm1f7z8g] {
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--adm-suave);
}

.adm-tabs[b-4ktm1f7z8g] {
    display: flex;
    gap: .2rem;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--adm-borda);
    margin-bottom: 1.1rem;
}

.adm-tab[b-4ktm1f7z8g] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    border: 0;
    background: none;
    color: var(--adm-suave);
    font: inherit;
    font-weight: 600;
    font-size: .85rem;
    padding: .5rem .75rem;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
}

.adm-tab:hover[b-4ktm1f7z8g] { color: var(--adm-texto); }

.adm-tab[data-ativo="1"][b-4ktm1f7z8g] {
    color: var(--adm-primario);
    border-bottom-color: var(--adm-primario);
}

.adm-tab--perigo[b-4ktm1f7z8g],
.adm-tab--perigo:hover[b-4ktm1f7z8g] { color: #b42318; }
.adm-tab--perigo[data-ativo="1"][b-4ktm1f7z8g] {
    color: #b42318;
    border-bottom-color: #b42318;
}

.adm-aba-conteudo[b-4ktm1f7z8g] { display: flex; flex-direction: column; gap: .5rem; }

@media (max-width: 860px) {
    .adm-split[b-4ktm1f7z8g] { flex-direction: column; }
    .adm-split__lado[b-4ktm1f7z8g] {
        flex-basis: auto;
        max-width: none;
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid color-mix(in srgb, var(--adm-borda-suave) 55%, transparent);
        padding-right: 0;
        padding-bottom: .8rem;
    }
}

/* ---- Toolbar de filtros ---- */
.adm-toolbar[b-4ktm1f7z8g] {
    display: flex;
    gap: .7rem;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 1.2rem;
}

.adm-busca[b-4ktm1f7z8g] {
    flex: 1 1 220px;
    min-width: 180px;
    font: inherit;
    padding: .45rem .6rem;
    border: 1px solid var(--adm-borda);
    border-radius: .45rem;
    background: #fff;
    color: inherit;
}

.adm-filtros[b-4ktm1f7z8g] {
    display: flex;
    gap: .35rem;
    flex-wrap: wrap;
}

.adm-filtro[b-4ktm1f7z8g] {
    border: 1px solid var(--adm-borda);
    background: #fff;
    color: var(--adm-suave);
    border-radius: 1rem;
    padding: .3rem .7rem;
    font-size: .8rem;
    font-weight: 600;
    cursor: pointer;
}

.adm-filtro:hover[b-4ktm1f7z8g] { background: var(--adm-fundo); }

.adm-filtro[data-ativo="1"][b-4ktm1f7z8g] {
    background: var(--adm-primario);
    border-color: var(--adm-primario);
    color: #fff;
}

/* ---- Tabela ---- */
.adm-tabela-wrap[b-4ktm1f7z8g] {
    margin-top: .8rem;
    border: 1px solid var(--adm-borda);
    border-radius: var(--adm-raio);
    overflow: auto;
}

.adm-tabela[b-4ktm1f7z8g] {
    width: 100%;
    border-collapse: collapse;
    font-size: .88rem;
}

.adm-tabela th[b-4ktm1f7z8g],
.adm-tabela td[b-4ktm1f7z8g] {
    text-align: left;
    padding: .6rem .75rem;
    border-bottom: 1px solid var(--adm-borda-suave);
    white-space: nowrap;
}

.adm-tabela thead th[b-4ktm1f7z8g] {
    background: var(--adm-fundo);
    font-size: .76rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--adm-suave);
    position: sticky;
    top: 0;
}

.adm-tabela tbody tr[b-4ktm1f7z8g] {
    cursor: pointer;
}

.adm-tabela tbody tr:hover[b-4ktm1f7z8g] {
    background: var(--adm-fundo);
}

.adm-tabela tbody tr[data-sel="1"][b-4ktm1f7z8g] {
    background: #eef4ff;
}

.adm-tabela tbody tr:last-child td[b-4ktm1f7z8g] {
    border-bottom: 0;
}

.adm-vazio[b-4ktm1f7z8g] {
    color: var(--adm-suave);
    padding: 1.4rem .75rem;
    white-space: normal;
}

.adm-link[b-4ktm1f7z8g] {
    color: var(--adm-primario);
    text-decoration: none;
}

.adm-link:hover[b-4ktm1f7z8g] { text-decoration: underline; }

/* ---- Badges / chips ---- */
.adm-badge[b-4ktm1f7z8g] {
    display: inline-block;
    padding: .12rem .55rem;
    border-radius: 1rem;
    font-size: .76rem;
    font-weight: 600;
    line-height: 1.5;
}

.adm-badge--ativo[b-4ktm1f7z8g] { background: #dff3e6; color: #1a7f45; }
.adm-badge--suspenso[b-4ktm1f7z8g] { background: #fdeecf; color: #9a6b12; }
.adm-badge--arquivado[b-4ktm1f7z8g] { background: #eceef1; color: #667085; }
.adm-badge--provisionando[b-4ktm1f7z8g] { background: #e3edff; color: #2456c6; }

.adm-badge--tipo-teste[b-4ktm1f7z8g] { background: #fff3d6; color: #8a5a00; }
.adm-badge--tipo-definitivo[b-4ktm1f7z8g] { background: #eef0f4; color: #667085; }

.adm-chip-prazo[b-4ktm1f7z8g] {
    display: inline-block;
    padding: .12rem .55rem;
    border-radius: 1rem;
    font-size: .76rem;
    font-weight: 600;
    background: #eef4ff;
    color: #2456c6;
}

.adm-chip-prazo--perto[b-4ktm1f7z8g] { background: #fdeecf; color: #9a6b12; }
.adm-chip-prazo--expirado[b-4ktm1f7z8g] { background: #fde3e0; color: #b42318; }

.adm-selo-expirado[b-4ktm1f7z8g] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .2rem .6rem;
    border-radius: .4rem;
    background: #fde3e0;
    color: #b42318;
    font-size: .8rem;
    font-weight: 700;
}

@media (prefers-color-scheme: dark) {
    .adm[b-4ktm1f7z8g] {
        --adm-borda: #2a2f3a;
        --adm-borda-suave: #262b34;
        --adm-fundo: #1d222b;
        --adm-texto: #e6e8ee;
        --adm-suave: #9aa3b2;
    }

    .adm-metrica[b-4ktm1f7z8g],
    .adm-cartao[b-4ktm1f7z8g],
    .adm-campo input:not([type="checkbox"])[b-4ktm1f7z8g],
    .adm-campo textarea[b-4ktm1f7z8g],
    .adm-campo select[b-4ktm1f7z8g],
    .adm-busca[b-4ktm1f7z8g],
    .adm-filtro[b-4ktm1f7z8g] {
        background: #1a1e27;
        color: var(--adm-texto);
    }

    /* Bordas dos campos ganham contraste — #2a2f3a some sobre o fundo escuro. */
    .adm-campo input:not([type="checkbox"])[b-4ktm1f7z8g],
    .adm-campo textarea[b-4ktm1f7z8g],
    .adm-campo select[b-4ktm1f7z8g],
    .adm-busca[b-4ktm1f7z8g] {
        border-color: #3a414e;
    }

    /* Placeholder do Bootstrap fica quase invisível no tema escuro do painel. */
    .adm-campo input[b-4ktm1f7z8g]::placeholder,
    .adm-campo textarea[b-4ktm1f7z8g]::placeholder,
    .adm-busca[b-4ktm1f7z8g]::placeholder {
        color: #7b8494;
        opacity: 1;
    }

    .adm-msg[b-4ktm1f7z8g] {
        background: rgba(26, 127, 69, .14);
        border-color: #1f5c3a;
        color: #86dca8;
    }

    .adm-msg--erro[b-4ktm1f7z8g] {
        background: rgba(180, 35, 24, .14);
        border-color: #6b2b25;
        color: #f0a79f;
    }

    .adm-aviso[b-4ktm1f7z8g] { color: #f0a79f; }

    .adm-tab--perigo[b-4ktm1f7z8g],
    .adm-tab--perigo:hover[b-4ktm1f7z8g] { color: #f0a79f; }
    .adm-tab--perigo[data-ativo="1"][b-4ktm1f7z8g] {
        color: #f0a79f;
        border-bottom-color: #f0a79f;
    }

    .adm-tabela tbody tr[data-sel="1"][b-4ktm1f7z8g] { background: #1f2a44; }
    .adm-bloco-teste[b-4ktm1f7z8g] { background: #241f12; border-color: #5c4a1f; }
}

/* ---- Detalhe do tenant na própria página (substitui o modal de edição) ---- */
.adm-detalhe[b-4ktm1f7z8g] {
    display: flex;
    flex-direction: column;
    gap: .9rem;
}

.adm-detalhe__topo[b-4ktm1f7z8g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
}

.adm-detalhe__acoes[b-4ktm1f7z8g] {
    display: flex;
    gap: .5rem;
    margin-left: auto;
}

.adm-detalhe__cabecalho[b-4ktm1f7z8g] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    padding-bottom: .75rem;
    border-bottom: 1px solid var(--adm-borda-suave);
}

.adm-detalhe__titulo[b-4ktm1f7z8g] {
    margin: 0;
    font-size: 1.15rem;
}

.adm-detalhe__id[b-4ktm1f7z8g] {
    color: var(--adm-suave);
    font-weight: 400;
}

.adm-detalhe__url[b-4ktm1f7z8g] {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: .8rem;
    margin-left: auto;
}

.adm-detalhe__corpo[b-4ktm1f7z8g] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
}

/* ---- Cabeçalho de cada aba, resumo do plano e itens da visão geral ---- */
.adm-aba-cab h3[b-4ktm1f7z8g] {
    margin: 0;
    font-size: 1.02rem;
}

.adm-aba-cab p[b-4ktm1f7z8g] {
    margin: .2rem 0 .3rem;
    font-size: .84rem;
    color: var(--adm-suave);
}

.adm-plano-resumo[b-4ktm1f7z8g] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    padding: .7rem .85rem;
    border: 1px solid var(--adm-borda);
    border-radius: .65rem;
    background: var(--adm-fundo);
    font-size: .85rem;
}

.adm-plano-resumo > span[b-4ktm1f7z8g] { color: var(--adm-suave); font-size: .8rem; }

.adm-dica--destaque[b-4ktm1f7z8g] {
    padding: .6rem .8rem;
    border-left: 3px solid var(--adm-primario);
    background: var(--adm-fundo);
    border-radius: .4rem;
}

.adm-check--cartao[b-4ktm1f7z8g] {
    align-items: flex-start;
    padding: .7rem .85rem;
    border: 1px solid var(--adm-borda);
    border-radius: .65rem;
    background: var(--adm-fundo);
}

.adm-check--cartao small[b-4ktm1f7z8g] {
    display: block;
    margin-top: .15rem;
    font-weight: 400;
    font-size: .78rem;
    color: var(--adm-suave);
}

.adm-metricas--compactas[b-4ktm1f7z8g] { margin: .5rem 0; }

.adm-metrica__nota[b-4ktm1f7z8g] {
    margin-top: .25rem;
    font-size: .76rem;
    color: var(--adm-suave);
}

.adm-valor-simples[b-4ktm1f7z8g] { font-weight: 400; font-size: .88rem; word-break: break-all; }
/* /Components/Admin/PaginaAdminTranscricao.razor.rz.scp.css */
.admin-cartao[b-zk4kyj0ika] {
    margin-bottom: 1.1rem;
    padding: 1rem 1.1rem;
    border: 1px solid var(--adm-borda, #2a2f3a);
    border-radius: 10px;
    background: var(--adm-superficie, #1b1f27);
}

.admin-cartao__titulo[b-zk4kyj0ika] {
    margin: 0 0 .8rem;
    font-size: .95rem;
}

.admin-cartao__nota[b-zk4kyj0ika] {
    margin: .7rem 0 0;
    font-size: .85rem;
}

.admin-cartao__nota.ok[b-zk4kyj0ika] { color: #34d399; }
.admin-cartao__nota.erro[b-zk4kyj0ika] { color: #f87171; }

.admin-cartao__meta[b-zk4kyj0ika] {
    margin: .7rem 0 0;
    font-size: .8rem;
    color: var(--adm-suave, #8b93a1);
}

.admin-cartao .admin-modal__campo small[b-zk4kyj0ika] { color: var(--adm-suave, #8b93a1); font-weight: 400; }

.admin-cartao .admin-modal__campo select[b-zk4kyj0ika] {
    font: inherit;
    font-weight: 400;
    padding: .5rem .6rem;
    border: 1px solid var(--adm-borda, #2a2f3a);
    border-radius: .5rem;
    background: var(--adm-superficie, #1b1f27);
    color: inherit;
}

.admin-transc__check input[type="checkbox"][b-zk4kyj0ika] {
    margin-right: .45rem;
    vertical-align: middle;
}

/* ---------- Histórico de transcrições ---------- */
.tr-filtros[b-zk4kyj0ika] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    align-items: flex-end;
    margin-bottom: .9rem;
}

.tr-campo[b-zk4kyj0ika] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    font-size: .78rem;
    font-weight: 600;
    color: var(--adm-suave);
}

.tr-campo select[b-zk4kyj0ika],
.tr-campo input[b-zk4kyj0ika] {
    font: inherit;
    font-weight: 400;
    padding: .38rem .5rem;
    border: 1px solid var(--adm-borda);
    border-radius: .45rem;
    background: var(--adm-superficie);
    color: var(--adm-texto);
}

.tr-campo--busca[b-zk4kyj0ika] { flex: 1 1 16rem; }

.tr-linha[b-zk4kyj0ika] { cursor: pointer; }
.tr-linha:hover[b-zk4kyj0ika] { background: rgba(127, 127, 127, .08); }

.tr-suave[b-zk4kyj0ika] { color: var(--adm-suave); }

.tr-mono[b-zk4kyj0ika] { font-family: Consolas, monospace; font-size: .78rem; }

.tr-detalhe td[b-zk4kyj0ika] { background: rgba(127, 127, 127, .06); }

.tr-detalhe dl[b-zk4kyj0ika] { margin: 0; display: grid; grid-template-columns: 12rem 1fr; gap: .35rem .8rem; }
.tr-detalhe dt[b-zk4kyj0ika] { font-weight: 600; color: var(--adm-suave); font-size: .8rem; }
.tr-detalhe dd[b-zk4kyj0ika] { margin: 0; min-width: 0; }

.tr-detalhe pre[b-zk4kyj0ika] {
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
    font-family: inherit;
    font-size: .85rem;
    max-height: 16rem;
    overflow: auto;
}
/* /Components/Admin/PaginaAdminWhatsapp.razor.rz.scp.css */
.admin-cartao[b-jmhmmusztk] {
    margin-bottom: 1.1rem;
    padding: 1rem 1.1rem;
    border: 1px solid var(--adm-borda, #2a2f3a);
    border-radius: 10px;
    background: var(--adm-superficie, #1b1f27);
}

.admin-cartao--alerta[b-jmhmmusztk] {
    border-color: #b45309;
    background: #b4530922;
}

.admin-cartao__titulo[b-jmhmmusztk] {
    margin: 0 0 .8rem;
    font-size: .95rem;
}

.admin-cartao__nota[b-jmhmmusztk] {
    margin: .7rem 0 0;
    font-size: .85rem;
}
.admin-cartao__nota.ok[b-jmhmmusztk] { color: #34d399; }
.admin-cartao__nota.erro[b-jmhmmusztk] { color: #f87171; }

.admin-cartao__meta[b-jmhmmusztk] {
    margin: .7rem 0 0;
    font-size: .8rem;
    color: var(--adm-suave, #8b93a1);
}

.admin-cartao .admin-modal__campo[b-jmhmmusztk] { margin-bottom: .8rem; }
.admin-cartao .admin-modal__campo small[b-jmhmmusztk] { color: var(--adm-suave, #8b93a1); }
/* /Components/Admin/PaginacaoAdmin.razor.rz.scp.css */
.pg-admin[b-296ep30jva] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    margin-top: .7rem;
    font-size: .8rem;
    color: var(--adm-suave);
}

.pg-admin__controles[b-296ep30jva] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .4rem;
}

.pg-admin__tamanho[b-296ep30jva] {
    display: flex;
    align-items: center;
    gap: .35rem;
    margin-right: .5rem;
}

.pg-admin__tamanho select[b-296ep30jva] {
    font: inherit;
    padding: .25rem .4rem;
    border: 1px solid var(--adm-borda);
    border-radius: .4rem;
    background: var(--adm-superficie);
    color: var(--adm-texto);
}

.pg-admin__pagina[b-296ep30jva] {
    min-width: 7.5rem;
    text-align: center;
}
/* /Components/Admin/PainelCrescimentoAdmin.razor.rz.scp.css */
.cresc[b-gqkde230pf] {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}

/* ---- Seção (mesmo visual das seções da dashboard) ---- */
.cresc-secao[b-gqkde230pf] {
    border: 1px solid var(--adm-borda);
    border-radius: .8rem;
    background: var(--adm-superficie);
    padding: 1.1rem 1.15rem 1.2rem;
    min-width: 0;
}

.cresc-secao__cab[b-gqkde230pf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.cresc-secao__cab h2[b-gqkde230pf] {
    margin: 0;
    font-size: 1rem;
}

.cresc-vazio[b-gqkde230pf] {
    margin: 0;
    font-size: .9rem;
    color: var(--adm-suave);
}

.cresc-nota[b-gqkde230pf] {
    margin: .9rem 0 0;
    font-size: .78rem;
    line-height: 1.45;
    color: var(--adm-suave);
}

/* ---- Controles ---- */
.cresc-controles[b-gqkde230pf] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
}

.cresc-seg[b-gqkde230pf] {
    display: inline-flex;
    padding: .18rem;
    gap: .15rem;
    border: 1px solid var(--adm-borda);
    border-radius: .6rem;
    background: var(--adm-bg);
}

.cresc-seg__btn[b-gqkde230pf] {
    border: 0;
    background: transparent;
    color: var(--adm-suave);
    font: inherit;
    font-size: .78rem;
    font-weight: 600;
    padding: .28rem .65rem;
    border-radius: .45rem;
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
}

.cresc-seg__btn:hover[b-gqkde230pf] {
    color: var(--adm-texto);
}

.cresc-seg__btn:focus-visible[b-gqkde230pf] {
    outline: 2px solid var(--adm-primario);
    outline-offset: 1px;
}

.cresc-seg__btn--ativo[b-gqkde230pf],
.cresc-seg__btn--ativo:hover[b-gqkde230pf] {
    background: var(--adm-primario);
    color: #fff;
}

.cresc-select[b-gqkde230pf] {
    font: inherit;
    font-size: .8rem;
    padding: .38rem .6rem;
    border: 1px solid var(--adm-borda);
    border-radius: .6rem;
    background: var(--adm-bg);
    color: var(--adm-texto);
    max-width: 14rem;
}

.cresc-select:focus-visible[b-gqkde230pf] {
    outline: 2px solid var(--adm-primario);
    outline-offset: 1px;
}

/* ---- Indicadores dos backups ---- */
.cresc-kpis[b-gqkde230pf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: .6rem;
    margin-bottom: 1rem;
}

.cresc-mini[b-gqkde230pf] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    padding: .55rem .65rem;
    border: 1px solid var(--adm-borda);
    border-radius: .5rem;
    background: var(--adm-bg);
}

.cresc-mini__valor[b-gqkde230pf] {
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.15;
    font-variant-numeric: tabular-nums;
}

.cresc-mini__rotulo[b-gqkde230pf] {
    font-size: .68rem;
    color: var(--adm-suave);
    text-transform: uppercase;
    letter-spacing: .05em;
}

.cresc-alerta[b-gqkde230pf] {
    color: #b42318;
}

/* ---- Tópicos: gráfico + ranking ---- */
.cresc-topicos[b-gqkde230pf] {
    display: grid;
    grid-template-columns: minmax(0, 2.1fr) minmax(220px, 1fr);
    gap: 1.2rem;
    align-items: start;
}

.cresc-ranking[b-gqkde230pf] {
    border: 1px solid var(--adm-borda);
    border-radius: .7rem;
    background: var(--adm-bg);
    padding: .8rem .85rem;
    min-width: 0;
}

.cresc-ranking__titulo[b-gqkde230pf] {
    margin: 0 0 .7rem;
    font-size: .72rem;
    font-weight: 700;
    color: var(--adm-suave);
    text-transform: uppercase;
    letter-spacing: .06em;
}

.cresc-ranking__lista[b-gqkde230pf] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.cresc-ranking__linha[b-gqkde230pf] {
    display: flex;
    align-items: center;
    gap: .45rem;
    font-size: .84rem;
}

.cresc-ranking__marca[b-gqkde230pf] {
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    flex-shrink: 0;
}

.cresc-ranking__nome[b-gqkde230pf] {
    flex: 1;
    min-width: 0;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cresc-ranking__atual[b-gqkde230pf] {
    color: var(--adm-suave);
    font-size: .78rem;
    font-variant-numeric: tabular-nums;
}

.cresc-ranking__barra[b-gqkde230pf] {
    height: .32rem;
    margin: .3rem 0 .2rem;
    border-radius: 999px;
    background: var(--adm-borda-suave);
    overflow: hidden;
}

.cresc-ranking__preenchida[b-gqkde230pf] {
    height: 100%;
    border-radius: 999px;
    transition: width .35s ease;
}

.cresc-ranking__delta[b-gqkde230pf] {
    font-size: .74rem;
    font-weight: 600;
    color: var(--adm-primario);
    font-variant-numeric: tabular-nums;
}

.cresc-ranking__delta--queda[b-gqkde230pf] {
    color: #1f8a4c;
}

@media (max-width: 1100px) {
    .cresc-topicos[b-gqkde230pf] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Admin/PainelDominiosTenantAdmin.razor.rz.scp.css */
.gt[b-q1upr5ox73] { color: var(--adm-texto); }

.gt-subtitulo[b-q1upr5ox73] {
    margin: 0 0 .5rem;
    font-size: .95rem;
    color: var(--adm-texto);
}

.gt-form-inline[b-q1upr5ox73] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
    margin-bottom: .9rem;
}

.gt-form-inline .admin-input[b-q1upr5ox73] {
    font: inherit;
    padding: .4rem .55rem;
    border: 1px solid var(--adm-borda);
    border-radius: .45rem;
    background: var(--adm-fundo);
    color: var(--adm-texto);
}

.gt-form-inline input.admin-input[b-q1upr5ox73] { flex: 1 1 16rem; min-width: 12rem; }
.gt-form-inline select.admin-input[b-q1upr5ox73] { flex: 0 1 12rem; }

.gt-nota[b-q1upr5ox73] {
    color: var(--adm-suave);
    font-size: .78rem;
    margin: .5rem 0 0;
}

.gt-caixa[b-q1upr5ox73] {
    margin-top: .6rem;
    padding: .6rem .7rem;
    border: 1px solid var(--adm-borda);
    border-radius: .5rem;
    background: var(--adm-fundo);
    color: var(--adm-texto);
    font-size: .82rem;
}

.gt-caixa .adm-mono[b-q1upr5ox73] {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    color: var(--adm-suave);
    margin-top: .2rem;
    word-break: break-all;
}
/* /Components/Admin/PainelGerenciarTenant.razor.rz.scp.css */
.gt[b-zryo0i6x5m] {
    display: flex;
    align-items: flex-start;
    gap: 1.1rem;
}

/* Nav vertical à esquerda */
.gt-nav[b-zryo0i6x5m] {
    flex: 0 0 168px;
    display: flex;
    flex-direction: column;
    gap: 1px;
    position: sticky;
    top: 0;
    border-right: 1px solid var(--adm-borda);
    padding-right: .6rem;
}

.gt-nav__item[b-zryo0i6x5m] {
    border: 0;
    background: none;
    color: var(--adm-suave);
    font: inherit;
    font-weight: 600;
    font-size: .84rem;
    text-align: left;
    padding: .5rem .6rem;
    border-radius: .4rem;
    cursor: pointer;
    border-left: 2px solid transparent;
}

.gt-nav__item:hover[b-zryo0i6x5m] { color: var(--adm-texto); background: var(--adm-superficie); }

.gt-nav__item[data-ativo="1"][b-zryo0i6x5m] {
    color: var(--adm-primario);
    background: var(--adm-primario-suave, #eef4ff);
    border-left-color: var(--adm-primario);
}

.gt-conteudo[b-zryo0i6x5m] {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

@media (max-width: 720px) {
    .gt[b-zryo0i6x5m] { flex-direction: column; }
    .gt-nav[b-zryo0i6x5m] {
        flex-basis: auto;
        flex-direction: row;
        flex-wrap: wrap;
        border-right: 0;
        border-bottom: 1px solid var(--adm-borda);
        padding-right: 0;
        padding-bottom: .4rem;
        position: static;
    }
}

.gt-vazio[b-zryo0i6x5m] { color: var(--adm-suave); font-size: .88rem; padding: 1rem .2rem; }
.gt-nota[b-zryo0i6x5m] { color: var(--adm-suave); font-size: .78rem; margin: .5rem 0 0; }

.gt-form[b-zryo0i6x5m] { display: flex; flex-direction: column; gap: .3rem; }
.gt-form__linha[b-zryo0i6x5m] { display: flex; gap: .9rem; flex-wrap: wrap; }
.gt-form__linha > *[b-zryo0i6x5m] { flex: 1 1 200px; }

.gt-toolbar[b-zryo0i6x5m] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: .6rem;
}

.gt-busca[b-zryo0i6x5m] {
    flex: 1 1 200px;
    min-width: 160px;
    font: inherit;
    padding: .4rem .55rem;
    border: 1px solid var(--adm-borda);
    border-radius: .45rem;
    background: var(--adm-superficie);
    color: inherit;
}

.gt-toolbar select[b-zryo0i6x5m],
.gt-campo-data input[b-zryo0i6x5m] {
    font: inherit;
    padding: .38rem .5rem;
    border: 1px solid var(--adm-borda);
    border-radius: .45rem;
    background: var(--adm-superficie);
    color: inherit;
}

.gt-toolbar[b-zryo0i6x5m]  .selecao-padrao {
    width: auto;
    min-width: 12rem;
    flex: 0 1 16rem;
}

.gt-campo-data[b-zryo0i6x5m] {
    display: flex;
    align-items: center;
    gap: .35rem;
    font-size: .8rem;
    font-weight: 600;
    color: var(--adm-suave);
}

.gt-segmento[b-zryo0i6x5m] { display: inline-flex; border: 1px solid var(--adm-borda); border-radius: .5rem; overflow: hidden; }
.gt-segmento__botao[b-zryo0i6x5m] {
    border: 0;
    background: var(--adm-superficie);
    color: var(--adm-suave);
    font: inherit;
    font-weight: 600;
    font-size: .8rem;
    padding: .4rem .8rem;
    cursor: pointer;
}
.gt-segmento__botao + .gt-segmento__botao[b-zryo0i6x5m] { border-left: 1px solid var(--adm-borda); }
.gt-segmento__botao[data-ativo="1"][b-zryo0i6x5m] { background: var(--adm-primario); color: #fff; }

.gt-perms[b-zryo0i6x5m] {
    margin-top: 1rem;
    padding-top: .8rem;
    border-top: 1px solid var(--adm-borda-suave);
    max-height: 42vh;
    overflow: auto;
}

.gt-perms__titulo[b-zryo0i6x5m] {
    font-size: .74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--adm-suave);
    margin-bottom: .5rem;
}

.gt-perms__grupo[b-zryo0i6x5m] { margin-bottom: .7rem; }
.gt-perms__grupo strong[b-zryo0i6x5m] { display: block; font-size: .82rem; margin-bottom: .2rem; }

.gt-check[b-zryo0i6x5m] {
    display: flex;
    align-items: center;
    gap: .45rem;
    font-size: .82rem;
    font-weight: 400;
    padding: .12rem 0;
}
/* /Components/Admin/SeletorModulosProduto.razor.rz.scp.css */
.tv[b-igc5kngio9] { display: flex; flex-direction: column; gap: .7rem; }

.tv__barra[b-igc5kngio9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    flex-wrap: wrap;
    font-size: .85rem;
    color: var(--adm-suave);
}

.tv__atalhos[b-igc5kngio9] { display: flex; gap: .35rem; flex-wrap: wrap; align-items: center; }
.tv__separador[b-igc5kngio9] { width: 1px; height: 1.1rem; background: var(--adm-borda); margin: 0 .2rem; }

.tv__atalho[b-igc5kngio9] {
    border: 1px solid var(--adm-borda);
    background: var(--adm-superficie);
    color: var(--adm-texto);
    border-radius: 999px;
    padding: .18rem .65rem;
    font: inherit;
    font-size: .76rem;
    cursor: pointer;
}

.tv__atalho:hover[b-igc5kngio9] { border-color: var(--adm-primario); color: var(--adm-primario); }

/* ---- Árvore ---- */
.tv__arvore[b-igc5kngio9],
.tv__filhos[b-igc5kngio9] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tv__arvore[b-igc5kngio9] {
    border: 1px solid var(--adm-borda);
    border-radius: .75rem;
    background: var(--adm-superficie);
    padding: .35rem .4rem .5rem;
}

/* Cada nível aninhado recua e ganha a linha-guia vertical; cada nó, o conector horizontal. */
.tv__filhos[b-igc5kngio9] {
    margin-left: 1.05rem;
    padding-left: .9rem;
    border-left: 1px solid var(--adm-borda);
}

.tv__filhos > li[b-igc5kngio9] { position: relative; }

.tv__filhos > li[b-igc5kngio9]::before {
    content: "";
    position: absolute;
    left: -.9rem;
    top: 1.05rem;
    width: .75rem;
    border-top: 1px solid var(--adm-borda);
}

.tv__linha[b-igc5kngio9] {
    display: flex;
    align-items: flex-start;
    gap: .45rem;
    padding: .38rem .45rem;
    border-radius: .5rem;
}

.tv__linha:hover[b-igc5kngio9] { background: color-mix(in srgb, var(--adm-primario-suave) 55%, transparent); }

.tv__linha--categoria[b-igc5kngio9] {
    align-items: center;
    padding-top: .5rem;
    margin-top: .1rem;
}

.tv__arvore > li + li[b-igc5kngio9] { margin-top: .25rem; border-top: 1px solid var(--adm-borda-suave); padding-top: .15rem; }

.tv__linha--desligada .tv__icone[b-igc5kngio9],
.tv__linha--desligada .tv__nome[b-igc5kngio9] { opacity: .55; }

/* Seta de expandir/recolher */
.tv__seta[b-igc5kngio9] {
    flex: 0 0 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: .1rem;
    padding: 0;
    border: 0;
    background: none;
    color: var(--adm-suave);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .3rem;
    cursor: pointer;
}

.tv__linha--categoria .tv__seta[b-igc5kngio9] { margin-top: 0; }
.tv__seta:hover[b-igc5kngio9] { color: var(--adm-texto); background: color-mix(in srgb, var(--adm-suave) 15%, transparent); }
.tv__seta--vazia[b-igc5kngio9] { cursor: default; pointer-events: none; }
.tv__seta[data-aberta="1"][b-igc5kngio9]  .icone-sistema { transform: rotate(90deg); }
.tv__seta[b-igc5kngio9]  .icone-sistema { transition: transform .12s; }

/* Caixa de seleção (aceita estado misto nas categorias) */
.tv__caixa[b-igc5kngio9] {
    flex: 0 0 1.1rem;
    width: 1.1rem;
    height: 1.1rem;
    margin-top: .12rem;
    padding: 0;
    border: 1.5px solid var(--adm-suave);
    border-radius: .3rem;
    background: var(--adm-superficie);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.tv__linha--categoria .tv__caixa[b-igc5kngio9] { margin-top: 0; }
.tv__caixa[b-igc5kngio9]  .icone-sistema { visibility: hidden; }

.tv__caixa[data-estado="todos"][b-igc5kngio9],
.tv__caixa[data-estado="parcial"][b-igc5kngio9] {
    background: var(--adm-primario);
    border-color: var(--adm-primario);
}

.tv__caixa[data-estado="todos"][b-igc5kngio9]  .icone-sistema,
.tv__caixa[data-estado="parcial"][b-igc5kngio9]  .icone-sistema { visibility: visible; }

.tv__caixa:disabled[b-igc5kngio9] { opacity: .55; cursor: default; }
.tv__caixa:focus-visible[b-igc5kngio9],
.tv__seta:focus-visible[b-igc5kngio9] { outline: 2px solid var(--adm-primario); outline-offset: 2px; }

.tv__icone[b-igc5kngio9] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: .45rem;
    background: var(--adm-primario-suave);
    color: var(--adm-primario);
}

.tv__linha--categoria .tv__icone[b-igc5kngio9] { background: transparent; color: var(--adm-suave); }

.tv__texto[b-igc5kngio9] { display: flex; flex-direction: column; min-width: 0; gap: .05rem; }

.tv__nome[b-igc5kngio9] {
    display: flex;
    align-items: center;
    gap: .35rem;
    flex-wrap: wrap;
    font-size: .9rem;
    font-weight: 600;
    line-height: 1.6rem;
}

.tv__nome--categoria[b-igc5kngio9] {
    font-size: .74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--adm-suave);
}

.tv__contagem[b-igc5kngio9] {
    margin-left: auto;
    font-size: .74rem;
    color: var(--adm-suave);
    font-variant-numeric: tabular-nums;
}

.tv__descricao[b-igc5kngio9] {
    font-size: .77rem;
    line-height: 1.35;
    color: var(--adm-suave);
    margin-top: -.15rem;
}

.tv__selo[b-igc5kngio9] {
    font-size: .62rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    padding: .06rem .4rem;
    border-radius: .35rem;
    background: color-mix(in srgb, var(--adm-suave) 16%, transparent);
    color: var(--adm-suave);
    line-height: 1.3;
}

.tv__selo--requer[b-igc5kngio9] { background: #fdeecf; color: #9a6b12; }
/* /Components/Compartilhado/AnexoEmailPreview.razor.rz.scp.css */
/* Pre-visualizacao de anexos (formato de email e formato de chat): miniatura pequena e clicavel para imagens,
   link com icone de arquivo para os demais tipos. */
.anexo-email-preview[b-2rnycx09p1] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    max-width: 17rem;
    padding: 0.4rem 0.6rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: none;
    color: var(--cor-texto);
    font-size: 0.85rem;
    font-family: inherit;
    text-decoration: none;
    cursor: pointer;
}

.anexo-email-preview:hover[b-2rnycx09p1] {
    border-color: var(--cor-primaria);
    color: var(--cor-primaria);
}

.anexo-email-preview span[b-2rnycx09p1] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.anexo-email-preview--imagem[b-2rnycx09p1] {
    max-width: 13rem;
    padding: 0.35rem 0.6rem 0.35rem 0.35rem;
}

.anexo-email-preview--imagem img[b-2rnycx09p1] {
    flex: 0 0 auto;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 4px;
    object-fit: cover;
    background: var(--cor-superficie-suave);
}

.anexo-email-preview--imagem span:not(.anexo-email-preview__visualizar)[b-2rnycx09p1],
.anexo-email-preview--planilha span:not(.anexo-email-preview__visualizar)[b-2rnycx09p1] {
    flex: 1 1 auto;
    text-align: left;
}

.anexo-email-preview__visualizar[b-2rnycx09p1] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    color: var(--cor-texto-suave);
}

.anexo-email-preview--imagem:hover .anexo-email-preview__visualizar[b-2rnycx09p1],
.anexo-email-preview--planilha:hover .anexo-email-preview__visualizar[b-2rnycx09p1] {
    color: var(--cor-primaria);
}
/* /Components/Compartilhado/AudioWhatsappPopup.razor.rz.scp.css */
/* Cartão da pilha do canto inferior (ver .pilha-flutuante-canto em app.css) — sem position:fixed próprio. */
.audio-wpp-popup[b-1scr8668jd] {
    z-index: 6000;
    display: flex;
    flex-direction: column;
    gap: .35rem;
    width: min(340px, calc(100vw - 2rem));
    padding: .6rem .7rem .55rem;
    border-radius: 12px;
    background: var(--cor-superficie, #fff);
    border: 1px solid var(--cor-borda, #e4e7ec);
    box-shadow: 0 12px 32px rgba(16, 24, 40, .18);
    animation: audio-wpp-popup-entrar-b-1scr8668jd .18s ease-out;
}

@keyframes audio-wpp-popup-entrar-b-1scr8668jd {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

.audio-wpp-popup__topo[b-1scr8668jd] {
    display: flex;
    align-items: center;
    gap: .35rem;
}

.audio-wpp-popup__abrir[b-1scr8668jd] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .2rem .3rem;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.audio-wpp-popup__abrir:hover[b-1scr8668jd] {
    background: var(--cor-superficie-suave, #f2f4f7);
}

.audio-wpp-popup__icone[b-1scr8668jd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    background: #25d36622;
    color: #128c3e;
}

.audio-wpp-popup__texto[b-1scr8668jd] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.audio-wpp-popup__texto strong[b-1scr8668jd] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .86rem;
}

.audio-wpp-popup__texto span[b-1scr8668jd] {
    font-size: .72rem;
    color: var(--cor-texto-suave, #667085);
}

.audio-wpp-popup__fechar[b-1scr8668jd] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    padding: 0;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--cor-texto-secundario, #475467);
    cursor: pointer;
}

.audio-wpp-popup__fechar:hover[b-1scr8668jd] {
    background: var(--cor-superficie-suave, #f2f4f7);
}

.audio-wpp-popup__player[b-1scr8668jd] {
    width: 100%;
}
/* /Components/Compartilhado/AvatarCadastro.razor.rz.scp.css */
.avatar-cadastro[b-28dbcfoi4x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    flex-shrink: 0;
    font-size: 0.72rem;
}

.avatar-cadastro--foto[b-28dbcfoi4x] {
    object-fit: cover;
    border: 1px solid var(--cor-borda);
}

.avatar-cadastro--iniciais[b-28dbcfoi4x] {
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    user-select: none;
}
/* /Components/Compartilhado/BarraSelecaoLote.razor.rz.scp.css */
.barra-selecao-lote[b-2fqdyo4p8q] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    background: color-mix(in srgb, var(--cor-primaria) 8%, var(--cor-superficie));
}

.barra-selecao-lote strong[b-2fqdyo4p8q] {
    margin-right: auto;
    font-size: 0.85rem;
}
/* /Components/Compartilhado/BlocoRecolhivel.razor.rz.scp.css */
.bloco[b-h00uoobx71] {
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    background: var(--cor-superficie);
    transition: border-color .15s ease, box-shadow .15s ease;
}

.bloco--aberto[b-h00uoobx71] {
    border-color: color-mix(in srgb, var(--cor-primaria) 38%, var(--cor-borda));
    box-shadow: 0 1px 6px color-mix(in srgb, var(--cor-primaria) 8%, transparent);
}

.bloco--erro[b-h00uoobx71] {
    border-color: var(--cor-erro);
}

.bloco__cabecalho[b-h00uoobx71] {
    display: flex;
    align-items: center;
    gap: .7rem;
    width: 100%;
    padding: .7rem .85rem;
    border: 0;
    border-radius: inherit;
    background: transparent;
    color: var(--cor-texto);
    text-align: left;
    cursor: pointer;
}

.bloco__cabecalho:hover[b-h00uoobx71] {
    background: var(--cor-superficie-suave);
}

.bloco__numero[b-h00uoobx71] {
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    font-size: .72rem;
    font-weight: 700;
    color: #fff;
    background: var(--cor-primaria);
}

.bloco__icone[b-h00uoobx71] {
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 8px;
    color: var(--cor-primaria);
    background: color-mix(in srgb, var(--cor-primaria) 12%, var(--cor-superficie));
}

.bloco__titulos[b-h00uoobx71] {
    display: grid;
    flex: 1 1 auto;
    gap: .1rem;
    min-width: 0;
}

.bloco__titulos strong[b-h00uoobx71] {
    font-size: .92rem;
}

.bloco__titulos small[b-h00uoobx71] {
    overflow: hidden;
    font-size: .74rem;
    color: var(--cor-texto-suave);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bloco__alerta[b-h00uoobx71] {
    display: inline-flex;
    color: var(--cor-erro);
}

.bloco__seta[b-h00uoobx71] {
    display: inline-flex;
    flex: 0 0 auto;
    color: var(--cor-texto-suave);
    transition: transform .2s ease;
}

.bloco--aberto .bloco__seta[b-h00uoobx71] {
    transform: rotate(180deg);
}

.bloco__corpo[b-h00uoobx71] {
    display: grid;
    gap: .9rem;
    padding: .2rem .95rem 1rem;
}

@media (prefers-reduced-motion: reduce) {
    .bloco[b-h00uoobx71],
    .bloco__seta[b-h00uoobx71] {
        transition: none;
    }
}
/* /Components/Compartilhado/CabecalhoPagina.razor.rz.scp.css */
.cabecalho-pagina[b-n3r6mevp6q] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    margin-bottom: 1rem;
}

.cabecalho-pagina__principal[b-n3r6mevp6q] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.cabecalho-pagina__icone[b-n3r6mevp6q] {
    width: 2.35rem;
    height: 2.35rem;
    display: grid;
    place-items: center;
    border-radius: var(--raio-pequeno);
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
}

.cabecalho-pagina h1[b-n3r6mevp6q] {
    margin: 0;
    font-size: 1.25rem;
    letter-spacing: -0.02em;
}

.cabecalho-pagina p[b-n3r6mevp6q] {
    margin: 0.15rem 0 0;
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
}

.cabecalho-pagina__acoes[b-n3r6mevp6q] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--espacamento-2);
}

@media (max-width: 760px) {
    .cabecalho-pagina[b-n3r6mevp6q] {
        grid-template-columns: 1fr;
    }

    .cabecalho-pagina__acoes[b-n3r6mevp6q] {
        justify-content: flex-start;
    }
}
/* /Components/Compartilhado/CampoData.razor.rz.scp.css */
.campo-data[b-uac2bekkge] {
    position: relative;
}

.campo-data > .campo-formulario__entrada[b-uac2bekkge] {
    width: 100%;
    padding-right: 2.5rem;
}

.campo-data__abrir-calendario[b-uac2bekkge] {
    position: absolute;
    top: 50%;
    right: 0.3rem;
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: var(--raio-pequeno);
    background: transparent;
    color: var(--cor-texto-secundario);
    pointer-events: none;
    transform: translateY(-50%);
    z-index: 1;
}

.campo-data__calendario[b-uac2bekkge] {
    position: absolute;
    top: 50%;
    right: 0.3rem;
    width: 2rem;
    height: 2rem;
    margin: 0;
    cursor: pointer;
    opacity: 0;
    transform: translateY(-50%);
    z-index: 0;
}
/* /Components/Compartilhado/CartaoAtalhoChat.razor.rz.scp.css */
/* Cartão de atalho no Chat. A cor de destaque (--acento) muda por tipo; o cartão é sempre uma superfície própria,
   então fica legível dentro de qualquer balão (claro, escuro ou azul das minhas mensagens). */
.atalho[b-llivimi0qc] {
    --acento: #3b82f6;
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-2);
    box-sizing: border-box;
    width: 19.5rem;
    max-width: 100%;
    padding: var(--espacamento-3);
    border: 1px solid color-mix(in srgb, var(--acento) 28%, var(--cor-borda));
    border-radius: var(--raio-medio);
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--acento) 12%, transparent), transparent 62%),
        var(--cor-superficie-elevada, var(--cor-superficie));
    color: var(--cor-texto);
    font: inherit;
    text-align: left;
    text-decoration: none;
    overflow: hidden;
    position: relative;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
    transition: transform var(--transicao-rapida), box-shadow var(--transicao-rapida), border-color var(--transicao-rapida);
}

.atalho[b-llivimi0qc]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: var(--acento);
}

button.atalho[b-llivimi0qc],
a.atalho[b-llivimi0qc] {
    cursor: pointer;
}

button.atalho:hover[b-llivimi0qc],
a.atalho:hover[b-llivimi0qc] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--acento) 60%, var(--cor-borda));
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);
}

button.atalho:focus-visible[b-llivimi0qc],
a.atalho:focus-visible[b-llivimi0qc] {
    outline: 2px solid var(--acento);
    outline-offset: 2px;
}

.atalho--compacto[b-llivimi0qc] {
    width: 16.5rem;
    padding: var(--espacamento-2) var(--espacamento-3);
}

.atalho--trabalho[b-llivimi0qc] { --acento: #3b82f6; }
.atalho--email[b-llivimi0qc] { --acento: #f59e0b; }
.atalho--tarefa[b-llivimi0qc] { --acento: #8b5cf6; }
.atalho--produto[b-llivimi0qc] { --acento: #10b981; }
.atalho--servico[b-llivimi0qc] { --acento: #06b6d4; }
.atalho--imovel[b-llivimi0qc] { --acento: #f97316; }
.atalho--cliente[b-llivimi0qc] { --acento: #ec4899; }
.atalho--padrao[b-llivimi0qc] { --acento: #64748b; }

.atalho--travado[b-llivimi0qc] {
    --acento: #64748b;
    cursor: not-allowed;
    opacity: 0.85;
}

.atalho__topo[b-llivimi0qc] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    min-width: 0;
}

.atalho__midia[b-llivimi0qc] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 12px;
    background: color-mix(in srgb, var(--acento) 20%, transparent);
    color: var(--acento);
    overflow: hidden;
}

.atalho--compacto .atalho__midia[b-llivimi0qc] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 10px;
}

.atalho__midia--foto[b-llivimi0qc] {
    width: 3.5rem;
    height: 3.5rem;
    background: var(--cor-superficie-suave);
}

.atalho--compacto .atalho__midia--foto[b-llivimi0qc] {
    width: 2.75rem;
    height: 2.75rem;
}

.atalho__midia--redonda[b-llivimi0qc] {
    border-radius: 999px;
}

.atalho__midia img[b-llivimi0qc] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.atalho__titulos[b-llivimi0qc] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.atalho__tipo[b-llivimi0qc] {
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--acento);
}

.atalho__nome[b-llivimi0qc] {
    font-size: 0.92rem;
    font-weight: 650;
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: anywhere;
}

.atalho__nome--suave[b-llivimi0qc] {
    font-weight: 500;
    font-size: 0.82rem;
    color: var(--cor-texto-secundario);
}

.atalho__campos[b-llivimi0qc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--espacamento-1) var(--espacamento-3);
    padding-top: var(--espacamento-2);
    border-top: 1px dashed var(--cor-borda);
}

.atalho__campo[b-llivimi0qc] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.atalho__campo--largo[b-llivimi0qc] {
    grid-column: 1 / -1;
}

.atalho__campo-rotulo[b-llivimi0qc] {
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--cor-texto-suave);
}

.atalho__campo-valor[b-llivimi0qc] {
    font-size: 0.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.atalho__trecho[b-llivimi0qc] {
    font-size: 0.76rem;
    line-height: 1.35;
    color: var(--cor-texto-secundario);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.atalho__acao[b-llivimi0qc] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 2px;
    margin-top: 2px;
    font-size: 0.74rem;
    font-weight: 600;
    color: var(--acento);
}

.atalho--travado .atalho__acao[b-llivimi0qc] {
    display: none;
}
/* /Components/Compartilhado/ChamadaWhatsappPopup.razor.rz.scp.css */
/* Cartão da pilha do canto inferior (ver .pilha-flutuante-canto em app.css). */
.wpp-call-popup[b-ijvzabx403] {
    z-index: 6000;
    display: flex;
    flex-direction: column;
    gap: .55rem;
    width: min(340px, calc(100vw - 2rem));
    padding: .8rem .9rem;
    border-radius: 12px;
    background: var(--cor-superficie, #fff);
    border: 1px solid var(--cor-borda, #e4e7ec);
    box-shadow: 0 12px 32px rgba(16, 24, 40, .18);
    animation: wpp-call-popup-entrar-b-ijvzabx403 .18s ease-out;
}

@keyframes wpp-call-popup-entrar-b-ijvzabx403 {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

.wpp-call-popup__topo[b-ijvzabx403] {
    display: flex;
    gap: .6rem;
    align-items: center;
}

.wpp-call-popup__avatar[b-ijvzabx403] {
    position: relative;
    flex: 0 0 auto;
    line-height: 0;
}

.wpp-call-popup__badge[b-ijvzabx403] {
    position: absolute;
    right: -3px;
    bottom: -3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    background: #25d366;
    color: #fff;
    border: 2px solid var(--cor-superficie, #fff);
    animation: wpp-call-popup-pulsar-b-ijvzabx403 1.3s ease-in-out infinite;
}

@keyframes wpp-call-popup-pulsar-b-ijvzabx403 {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.12); }
}

.wpp-call-popup__corpo[b-ijvzabx403] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .1rem;
}

.wpp-call-popup__corpo strong[b-ijvzabx403] {
    font-size: .88rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wpp-call-popup__linha[b-ijvzabx403] {
    font-size: .78rem;
    color: var(--cor-texto-secundario, #667085);
}

.wpp-call-popup__x[b-ijvzabx403] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: none;
    background: none;
    border-radius: var(--raio-medio);
    color: var(--cor-texto-secundario, #667085);
    cursor: pointer;
}

.wpp-call-popup__x:hover[b-ijvzabx403] {
    background: var(--cor-fundo-sutil, #f2f4f7);
}

.wpp-call-popup__aviso[b-ijvzabx403] {
    margin: 0;
    font-size: .74rem;
    color: var(--cor-texto-secundario, #667085);
}

.wpp-call-popup__acoes[b-ijvzabx403] {
    display: flex;
    gap: .4rem;
}

.wpp-call-popup__acoes > button[b-ijvzabx403] {
    flex: 1;
    justify-content: center;
}
/* /Components/Compartilhado/ChecklistCartao.razor.rz.scp.css */
.checklist[b-ls13fzj2rs] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 4px 2px 12px;
}

.checklist__cabecalho[b-ls13fzj2rs] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.checklist__progresso-texto[b-ls13fzj2rs] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}

.checklist__progresso-texto span[b-ls13fzj2rs] {
    font-size: 0.85rem;
    color: var(--cor-texto-secundario);
}

.checklist__barra[b-ls13fzj2rs] {
    height: 8px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--cor-borda) 70%, transparent);
    overflow: hidden;
}

.checklist__barra-preenchida[b-ls13fzj2rs] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--cor-primaria);
    transition: width 0.25s ease;
}

.checklist__barra-preenchida.completa[b-ls13fzj2rs] {
    background: var(--cor-sucesso);
}

.checklist__novo[b-ls13fzj2rs],
.checklist__edicao[b-ls13fzj2rs] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    background: var(--cor-superficie);
}

.checklist__edicao[b-ls13fzj2rs] {
    flex: 1;
    min-width: 0;
}

.checklist__novo-opcoes[b-ls13fzj2rs] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.checklist__campo--responsavel[b-ls13fzj2rs] {
    flex: 1 1 200px;
    min-width: 160px;
}

.checklist__campo--prazo[b-ls13fzj2rs] {
    flex: 0 1 150px;
    min-width: 130px;
}

.checklist__vazio[b-ls13fzj2rs] {
    margin: 0;
    padding: 18px 8px;
    text-align: center;
    color: var(--cor-texto-secundario);
}

.checklist__lista[b-ls13fzj2rs] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.checklist__item[b-ls13fzj2rs] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--cor-borda);
    border-left: 3px solid var(--cor-primaria);
    border-radius: var(--raio-base);
    background: var(--cor-superficie);
}

.checklist__item.atrasada[b-ls13fzj2rs] {
    border-left-color: var(--cor-alerta);
}

.checklist__item.concluida[b-ls13fzj2rs] {
    border-left-color: var(--cor-sucesso);
    opacity: 0.8;
}

.checklist__marca[b-ls13fzj2rs] {
    flex: 0 0 auto;
    margin-top: 2px;
}

.checklist__corpo[b-ls13fzj2rs] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.checklist__texto[b-ls13fzj2rs] {
    color: var(--cor-texto);
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.checklist__item.concluida .checklist__texto[b-ls13fzj2rs] {
    text-decoration: line-through;
    color: var(--cor-texto-secundario);
}

.checklist__meta[b-ls13fzj2rs] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 14px;
    font-size: 0.8rem;
    color: var(--cor-texto-secundario);
}

.checklist__meta:empty[b-ls13fzj2rs] {
    display: none;
}

.checklist__responsavel[b-ls13fzj2rs],
.checklist__prazo[b-ls13fzj2rs],
.checklist__concluida-em[b-ls13fzj2rs] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.checklist__prazo.atrasado[b-ls13fzj2rs] {
    color: var(--cor-alerta);
    font-weight: 600;
}

.checklist__concluida-em[b-ls13fzj2rs] {
    color: var(--cor-sucesso);
}

.checklist__acoes[b-ls13fzj2rs] {
    flex: 0 0 auto;
    display: flex;
    gap: 2px;
}
/* /Components/Compartilhado/ComposicaoEmailInline.razor.rz.scp.css */
.composicao-email-inline[b-91tk5xi70b] {
    margin: var(--espacamento-3) var(--espacamento-5) var(--espacamento-4);
    border: 1px solid var(--cor-borda-forte);
    border-radius: var(--raio-grande);
    background: var(--cor-superficie);
    box-shadow: var(--sombra-suave);
    overflow: hidden;
    /* O compositor fica dentro de ".emails-inicial__conversa" (flex em coluna + overflow: auto). Com
       "overflow: hidden" o min-height automatico dele vira 0, entao, quando o corpo do email (iframe alto) disputa
       o espaco, o flexbox ENCOLHIA o compositor ate sobrar so uma barra fina (campos Para/Assunto/editor sumiam).
       Nunca encolhe: se faltar espaco, quem rola e a conversa. */
    flex: 0 0 auto;
}

.composicao-email-inline form[b-91tk5xi70b] {
    display: grid;
}

.composicao-email-inline__campo[b-91tk5xi70b] {
    display: grid;
    grid-template-columns: 5rem minmax(0, 1fr);
    align-items: center;
    gap: var(--espacamento-2);
    padding: 0.55rem var(--espacamento-4);
    border-bottom: 1px solid var(--cor-borda);
}

.composicao-email-inline__campo--de span[b-91tk5xi70b],
.composicao-email-inline__campo label[b-91tk5xi70b] {
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
    font-weight: 600;
}

.composicao-email-inline__campo--de strong[b-91tk5xi70b] {
    min-width: 0;
    overflow: hidden;
    font-size: 0.85rem;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.composicao-email-inline__grade[b-91tk5xi70b] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.composicao-email-inline__grade .composicao-email-inline__campo[b-91tk5xi70b] {
    grid-template-columns: 5.5rem minmax(0, 1fr);
}

.composicao-email-inline__grade .composicao-email-inline__campo:first-child[b-91tk5xi70b] {
    border-right: 1px solid var(--cor-borda);
}

.composicao-email-inline__entrada[b-91tk5xi70b],
.composicao-email-inline__campo input[b-91tk5xi70b] {
    width: 100%;
    padding: 0.3rem 0;
    border: 0;
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.85rem;
}

.composicao-email-inline__entrada:focus[b-91tk5xi70b],
.composicao-email-inline__campo input:focus[b-91tk5xi70b] {
    outline: none;
}

.composicao-email-inline__assunto[b-91tk5xi70b] {
    padding: 0.6rem var(--espacamento-4);
    border-bottom: 1px solid var(--cor-borda);
}

.composicao-email-inline__assunto input[b-91tk5xi70b] {
    width: 100%;
    border: 0;
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.92rem;
    font-weight: 600;
}

.composicao-email-inline__assunto input:focus[b-91tk5xi70b] {
    outline: none;
}

.composicao-email-inline__corpo[b-91tk5xi70b] {
    padding: var(--espacamento-4);
}

.composicao-email-inline__corpo[b-91tk5xi70b]  .composicao-email-inline__editor {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.composicao-email-inline__corpo[b-91tk5xi70b]  .composicao-email-inline__editor .editor-html-rico__area {
    min-height: 9rem;
    padding: var(--espacamento-2) 0 0;
    font-size: 0.9rem;
    line-height: 1.6;
}

.composicao-email-inline__corpo[b-91tk5xi70b]  .composicao-email-inline__editor .editor-html-rico__barra {
    margin: calc(var(--espacamento-2) * -1) 0 0;
    padding-left: 0;
    padding-right: 0;
}

.composicao-email-inline__anexos[b-91tk5xi70b] {
    display: grid;
    gap: var(--espacamento-2);
    padding: 0 var(--espacamento-4) var(--espacamento-3);
}

.composicao-email-inline__anexos > div[b-91tk5xi70b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-2);
    padding: 0.4rem var(--espacamento-3);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-suave);
    font-size: 0.8rem;
}

.composicao-email-inline__anexos > div > span[b-91tk5xi70b] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.composicao-email-inline__aviso-anexos[b-91tk5xi70b] {
    margin: 0 var(--espacamento-4) var(--espacamento-3);
    padding: 0.4rem var(--espacamento-3);
    border: 1px solid color-mix(in srgb, var(--cor-erro) 40%, var(--cor-borda));
    border-radius: var(--raio-medio);
    background: color-mix(in srgb, var(--cor-erro) 8%, var(--cor-superficie));
    color: var(--cor-erro);
    font-size: 0.8rem;
}

.composicao-email-inline__rodape[b-91tk5xi70b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-3);
    padding: var(--espacamento-3) var(--espacamento-4);
    border-top: 1px solid var(--cor-borda);
    background: var(--cor-superficie-suave);
}

.composicao-email-inline__rodape-ferramentas[b-91tk5xi70b] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-1);
}

.composicao-email-inline__anexar[b-91tk5xi70b] {
    position: relative;
    display: grid;
    place-items: center;
    cursor: pointer;
}

/* <InputFile> e um componente Blazor a parte (Microsoft.AspNetCore.Components.Forms) - o <input type="file">
   real fica no proprio arvore de render DELE, nao no de ComposicaoEmailInline, entao um seletor comum aqui
   nunca alcancaria o elemento (isolamento de CSS entre componentes). Precisa de ::deep, igual ao botao de
   upload de fotos do relatorio em Trabalhos.razor, que usa esse mesmo padrao. */
.composicao-email-inline__anexar[b-91tk5xi70b]  .composicao-email-inline__anexar-entrada {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.composicao-email-inline__descartar:hover[b-91tk5xi70b] {
    color: var(--cor-erro);
}

.composicao-email-inline__enviar[b-91tk5xi70b] {
    min-height: 2.1rem;
    padding: 0 var(--espacamento-4);
}
/* /Components/Compartilhado/ConversaEmailInline.razor.rz.scp.css */
.conversa-email-inline[b-ihjj5y2frs] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.conversa-email-inline__estado[b-ihjj5y2frs] {
    padding: var(--espacamento-5);
    color: var(--cor-texto-secundario);
}

.conversa-email-inline__metadados[b-ihjj5y2frs] {
    display: grid;
    gap: var(--espacamento-2);
    margin: 0;
    padding: var(--espacamento-3) var(--espacamento-4);
    border-bottom: 1px solid var(--cor-borda);
}

.conversa-email-inline__metadados div[b-ihjj5y2frs] {
    display: grid;
    grid-template-columns: 3.5rem minmax(0, 1fr);
    gap: var(--espacamento-2);
    font-size: 0.82rem;
}

.conversa-email-inline__metadados dt[b-ihjj5y2frs] {
    color: var(--cor-texto-secundario);
    font-weight: 600;
}

.conversa-email-inline__metadados dd[b-ihjj5y2frs] {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.conversa-email-inline__anexos[b-ihjj5y2frs] {
    padding: var(--espacamento-3) var(--espacamento-4);
    border-bottom: 1px solid var(--cor-borda);
}

.conversa-email-inline__anexos h3[b-ihjj5y2frs] {
    margin: 0 0 var(--espacamento-2);
    font-size: 0.88rem;
}

.conversa-email-inline__anexos > div[b-ihjj5y2frs] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espacamento-2);
}

.conversa-email-inline__mensagem-atual[b-ihjj5y2frs],
.conversa-email-inline__corpo-anterior[b-ihjj5y2frs] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-3);
    min-height: 12rem;
    padding: var(--espacamento-4);
    overflow: auto;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.conversa-email-inline__corpo-anterior[b-ihjj5y2frs] {
    padding-top: 0;
}

.conversa-email-inline__mensagem-atual iframe[b-ihjj5y2frs],
.conversa-email-inline__corpo-anterior iframe[b-ihjj5y2frs] {
    display: block;
    width: 100%;
    min-height: 20rem;
    /* Altura natural: o JS (nexoEmailLinks) dimensiona o iframe pelo conteudo do email e quem rola e o card. Com
       "flex: 1" (flex-basis 0) a altura calculada era ignorada e o email ficava preso, sem como descer. */
    flex: 0 0 auto;
    border: 0;
    border-radius: var(--raio-medio);
    background: #fff;
}

.conversa-email-inline__corpo-vazio[b-ihjj5y2frs] {
    color: var(--cor-texto-secundario);
}

.conversa-email-inline__cabecalho-mensagem[b-ihjj5y2frs] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
}

.conversa-email-inline__cabecalho-mensagem-info[b-ihjj5y2frs] {
    display: grid;
    min-width: 0;
    flex: 1 1 auto;
    gap: 0.1rem;
}

.conversa-email-inline__cabecalho-mensagem-info time[b-ihjj5y2frs] {
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
}

.conversa-email-inline__responder[b-ihjj5y2frs] {
    flex: 0 0 auto;
    min-height: 2rem;
    padding: 0 0.65rem;
    font-size: 0.78rem;
    white-space: nowrap;
}

.conversa-email-inline__responder-wrapper[b-ihjj5y2frs] {
    position: relative;
    flex: 0 0 auto;
}

.conversa-email-inline__responder-overlay[b-ihjj5y2frs] {
    position: fixed;
    inset: 0;
    border: 0;
    background: transparent;
    z-index: 15;
}

/* Posicao (fixed, para cima ou para baixo do gatilho) vem de ".menu-flutuante" em app.css - ver
   nexoMenuFlutuante em sistema.js. */
.conversa-email-inline__responder-menu[b-ihjj5y2frs] {
    display: grid;
    min-width: 11rem;
    padding: 0.3rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.conversa-email-inline__responder-menu button[b-ihjj5y2frs] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    width: 100%;
    min-height: 2.3rem;
    padding: 0.45rem 0.55rem;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.82rem;
    text-align: left;
}

.conversa-email-inline__responder-menu button:hover[b-ihjj5y2frs] {
    background: var(--cor-superficie-suave);
}

.conversa-email-inline__avatar[b-ihjj5y2frs] {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    color: #ffffff;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.conversa-email-inline__mensagem[b-ihjj5y2frs] {
    border-top: 1px solid var(--cor-borda);
}

.conversa-email-inline__mensagem-cabecalho[b-ihjj5y2frs] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    padding-right: var(--espacamento-3);
}

.conversa-email-inline__mensagem-cabecalho:hover[b-ihjj5y2frs] {
    background: var(--cor-superficie-suave);
}

.conversa-email-inline__mensagem-resumo[b-ihjj5y2frs] {
    display: flex;
    align-items: center;
    min-width: 0;
    flex: 1 1 0;
    gap: var(--espacamento-3);
    padding: var(--espacamento-3) var(--espacamento-4);
    border: 0;
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    text-align: left;
}

.conversa-email-inline__avatar-grupo[b-ihjj5y2frs] {
    position: relative;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
}

.conversa-email-inline__avatar-grupo .conversa-email-inline__avatar[b-ihjj5y2frs] {
    width: 1.9rem;
    height: 1.9rem;
    font-size: 0.72rem;
}

.conversa-email-inline__direcao[b-ihjj5y2frs] {
    position: absolute;
    top: -0.35rem;
    right: -0.35rem;
    display: grid;
    place-items: center;
    width: 1.05rem;
    height: 1.05rem;
    border-radius: 50%;
    background: var(--cor-superficie);
    box-shadow: 0 0 0 2px var(--cor-superficie);
}

.conversa-email-inline__direcao--enviada[b-ihjj5y2frs] {
    color: #1d4ed8;
}

.conversa-email-inline__direcao--recebida[b-ihjj5y2frs] {
    color: #15803d;
}

.conversa-email-inline__info[b-ihjj5y2frs] {
    display: grid;
    min-width: 0;
    gap: 0.15rem;
}

.conversa-email-inline__nome[b-ihjj5y2frs] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--cor-texto-secundario);
}

.conversa-email-inline__nome strong[b-ihjj5y2frs] {
    min-width: 0;
    overflow: hidden;
    color: var(--cor-texto);
    font-size: 0.88rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.conversa-email-inline__previa[b-ihjj5y2frs] {
    overflow: hidden;
    color: var(--cor-texto-suave);
    font-size: 0.82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.conversa-email-inline__mensagem-acoes[b-ihjj5y2frs] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: var(--espacamento-2);
}

.conversa-email-inline__mensagem-acoes time[b-ihjj5y2frs] {
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
    white-space: nowrap;
}
/* /Components/Compartilhado/DownloadMidiaWhatsappPopup.razor.rz.scp.css */
/* Cartão da pilha do canto inferior (ver .pilha-flutuante-canto em app.css) — sem
   position:fixed próprio; o empilhamento de baixo para cima é do container. */
.wpp-sync-popup[b-3z3uq64lrd] {
    z-index: 6000;
    display: flex;
    gap: .65rem;
    align-items: flex-start;
    width: min(340px, calc(100vw - 2rem));
    padding: .8rem .9rem;
    border-radius: 12px;
    background: var(--cor-superficie, #fff);
    border: 1px solid var(--cor-borda, #e4e7ec);
    box-shadow: 0 12px 32px rgba(16, 24, 40, .18);
    animation: wpp-sync-popup-entrar-b-3z3uq64lrd .18s ease-out;
}

@keyframes wpp-sync-popup-entrar-b-3z3uq64lrd {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

.wpp-sync-popup__icone[b-3z3uq64lrd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    flex: 0 0 auto;
    background: #25d36622;
    color: #128c3e;
}
.wpp-sync-popup--erro .wpp-sync-popup__icone[b-3z3uq64lrd] { background: #fef2f2; color: #b91c1c; }
.wpp-sync-popup--ok .wpp-sync-popup__icone[b-3z3uq64lrd] { background: #ecfdf3; color: #067647; }

.wpp-sync-popup--andamento .wpp-sync-popup__icone[b-3z3uq64lrd]  svg {
    animation: wpp-sync-popup-baixar-b-3z3uq64lrd 1s ease-in-out infinite;
}

@keyframes wpp-sync-popup-baixar-b-3z3uq64lrd {
    0%, 100% { transform: translateY(-2px); }
    50% { transform: translateY(2px); }
}

.wpp-sync-popup__corpo[b-3z3uq64lrd] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: .35rem; }
.wpp-sync-popup__corpo strong[b-3z3uq64lrd] { font-size: .86rem; }

.wpp-sync-popup__barra[b-3z3uq64lrd] {
    height: 6px;
    border-radius: 999px;
    background: var(--cor-borda, #e4e7ec);
    overflow: hidden;
}
.wpp-sync-popup__barra > span[b-3z3uq64lrd] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #25d366;
    transition: width .3s ease;
}

.wpp-sync-popup__detalhe[b-3z3uq64lrd] { font-size: .76rem; color: var(--cor-texto-secundario, #667085); }
/* /Components/Compartilhado/EditorHtmlRico.razor.rz.scp.css */
.editor-html-rico[b-y65bcjj2ky] {
    position: relative;
    display: grid;
    border: 1px solid var(--cor-borda-forte);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
    overflow: hidden;
}

.editor-html-rico__barra[b-y65bcjj2ky] {
    display: flex;
    align-items: center;
    gap: 0.15rem;
    padding: 0.35rem 0.5rem;
    border-bottom: 1px solid var(--cor-borda);
    background: var(--cor-fundo-suave);
}

.editor-html-rico__barra button[b-y65bcjj2ky] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border: 0;
    border-radius: var(--raio-pequeno);
    background: transparent;
    color: var(--cor-texto-secundario);
    cursor: pointer;
    font-size: 0.8rem;
}

.editor-html-rico__barra button:hover[b-y65bcjj2ky] {
    background: var(--cor-superficie-hover);
    color: var(--cor-texto);
}

.editor-html-rico__tamanho-fonte select[b-y65bcjj2ky] {
    height: 1.75rem;
    max-width: 7.5rem;
    padding: 0 0.35rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    background: var(--cor-superficie);
    color: var(--cor-texto-secundario);
    font: inherit;
    font-size: 0.75rem;
}

.editor-html-rico__tamanho-fonte[b-y65bcjj2ky]  .selecao-padrao {
    width: 8rem;
}

.editor-html-rico__tamanho-fonte[b-y65bcjj2ky]  .selecao-padrao__gatilho {
    min-height: 1.85rem;
    max-height: 1.85rem;
}

.editor-html-rico__separador[b-y65bcjj2ky] {
    width: 1px;
    height: 1.1rem;
    margin: 0 0.25rem;
    background: var(--cor-borda);
}

.editor-html-rico__area[b-y65bcjj2ky] {
    min-height: 8rem;
    padding: 0.65rem 0.75rem;
    color: var(--cor-texto);
    font-size: 0.85rem;
    line-height: 1.55;
    outline: none;
    overflow-y: auto;
}

.editor-html-rico__area:empty[b-y65bcjj2ky]::before {
    content: attr(data-placeholder);
    color: var(--cor-texto-terciario, var(--cor-texto-secundario));
}

.editor-html-rico__area a[b-y65bcjj2ky] {
    color: var(--cor-primaria);
}
/* /Components/Compartilhado/EditorRecebimento.razor.rz.scp.css */
.editor-receb__carregando[b-0k79htdqm9] {
    margin: 1.5rem 0;
    text-align: center;
    color: var(--cor-texto-secundario);
}

/* ------------------------------------------------------------ Tipo (recorrente / compra única) */

.editor-receb__tipos[b-0k79htdqm9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    margin-bottom: 1.1rem;
}

.editor-receb__tipo[b-0k79htdqm9] {
    position: relative;
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: .9rem 2.6rem .9rem 1rem;
    text-align: left;
    color: var(--cor-texto);
    background: var(--cor-superficie);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}

.editor-receb__tipo:hover[b-0k79htdqm9] {
    border-color: var(--cor-borda-forte);
}

.editor-receb__tipo:focus-visible[b-0k79htdqm9] {
    outline: 2px solid color-mix(in srgb, var(--cor-primaria) 60%, transparent);
    outline-offset: 2px;
}

.editor-receb__tipo.ativo[b-0k79htdqm9] {
    border-color: var(--cor-primaria);
    background: color-mix(in srgb, var(--cor-primaria) 7%, var(--cor-superficie));
    box-shadow: 0 0 0 1px var(--cor-primaria);
}

.editor-receb__tipo-icone[b-0k79htdqm9] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: .85rem;
    color: var(--cor-primaria);
    background: color-mix(in srgb, var(--cor-primaria) 12%, var(--cor-superficie));
}

.editor-receb__tipo-texto[b-0k79htdqm9] {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

.editor-receb__tipo-texto small[b-0k79htdqm9] {
    font-size: .76rem;
    line-height: 1.35;
    color: var(--cor-texto-secundario);
}

/* Bolinha de "selecionado" no canto: deixa claro que é uma escolha entre duas opções. */
.editor-receb__tipo-marca[b-0k79htdqm9] {
    position: absolute;
    top: 50%;
    right: 1rem;
    width: 1.1rem;
    height: 1.1rem;
    border: 2px solid var(--cor-borda-forte);
    border-radius: 50%;
    transform: translateY(-50%);
    transition: border-color .15s ease, background .15s ease;
}

.editor-receb__tipo.ativo .editor-receb__tipo-marca[b-0k79htdqm9] {
    border-color: var(--cor-primaria);
    background: radial-gradient(circle, var(--cor-primaria) 0 42%, transparent 46%);
}

/* ------------------------------------------------------------ Seções (cartões suaves, sem linhas pesadas) */

.editor-receb__erros[b-0k79htdqm9] {
    display: grid;
    gap: .25rem;
    margin: 0 0 1rem;
    padding: .7rem .9rem;
    list-style: none;
    font-size: .82rem;
    color: var(--cor-erro);
    border: 1px solid color-mix(in srgb, var(--cor-erro) 40%, var(--cor-borda));
    border-radius: var(--raio-base);
    background: color-mix(in srgb, var(--cor-erro) 7%, var(--cor-superficie));
}

.editor-receb__erros li[b-0k79htdqm9] {
    display: flex;
    align-items: center;
    gap: .4rem;
}

.editor-receb__secao[b-0k79htdqm9] {
    display: grid;
    gap: 1rem;
    margin-top: .85rem;
    padding: 1.1rem 1.2rem 1.2rem;
    border: 1px solid var(--cor-borda);
    border-radius: calc(var(--raio-base) + 2px);
    background: color-mix(in srgb, var(--cor-superficie-suave) 70%, var(--cor-superficie));
}

.editor-receb__secao-titulo[b-0k79htdqm9] {
    display: flex;
    align-items: center;
    gap: .7rem;
    min-width: 0;
}

.editor-receb__secao-titulo > div[b-0k79htdqm9] {
    flex: 1 1 auto;
    min-width: 0;
}

.editor-receb__secao-titulo h3[b-0k79htdqm9] {
    margin: 0;
    font-size: .95rem;
    font-weight: 650;
}

.editor-receb__secao-titulo p[b-0k79htdqm9] {
    margin: .1rem 0 0;
    font-size: .78rem;
    line-height: 1.35;
    color: var(--cor-texto-secundario);
}

.editor-receb__secao-titulo > span[b-0k79htdqm9] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 50%;
    font-size: .78rem;
    font-weight: 700;
    color: var(--cor-primaria);
    background: color-mix(in srgb, var(--cor-primaria) 13%, var(--cor-superficie));
}

/* Seção de vínculos: o cabeçalho inteiro é o botão de abrir/fechar. */
.editor-receb__secao--recolhivel:not(.aberta)[b-0k79htdqm9] {
    padding-top: .85rem;
    padding-bottom: .85rem;
    background: transparent;
    border-style: dashed;
}

.editor-receb__secao-titulo--botao[b-0k79htdqm9] {
    width: 100%;
    padding: 0;
    text-align: left;
    color: inherit;
    font: inherit;
    background: none;
    border: 0;
    cursor: pointer;
}

.editor-receb__secao-titulo--botao:focus-visible[b-0k79htdqm9] {
    outline: 2px solid color-mix(in srgb, var(--cor-primaria) 60%, transparent);
    outline-offset: 4px;
    border-radius: var(--raio-base);
}

.editor-receb__secao-titulo--botao > :last-child[b-0k79htdqm9] {
    flex: 0 0 auto;
    color: var(--cor-texto-secundario);
}

.editor-receb__grade[b-0k79htdqm9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.editor-receb__grade--tres[b-0k79htdqm9] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.editor-receb__secao .campo-formulario[b-0k79htdqm9] {
    gap: .4rem;
}

.editor-receb__ajuda[b-0k79htdqm9] {
    display: block;
    margin-top: .25rem;
    font-size: .76rem;
    line-height: 1.4;
    color: var(--cor-texto-secundario);
}

.editor-receb__ajuda--bloco[b-0k79htdqm9] {
    display: flex;
    align-items: flex-start;
    gap: .4rem;
    margin: 0;
}

.editor-receb__ajuda--bloco > :first-child[b-0k79htdqm9] {
    flex: 0 0 auto;
    margin-top: .1rem;
}

/* ------------------------------------------------------------ Valor em destaque, com a moeda na frente */

.editor-receb__valor[b-0k79htdqm9] {
    position: relative;
    display: flex;
    align-items: center;
}

.editor-receb__valor-moeda[b-0k79htdqm9] {
    position: absolute;
    left: .85rem;
    font-size: .92rem;
    font-weight: 600;
    color: var(--cor-texto-secundario);
    pointer-events: none;
}

.editor-receb__valor .campo-formulario__entrada[b-0k79htdqm9] {
    width: 100%;
    padding-left: 2.7rem;
    font-size: 1.05rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

/* ------------------------------------------------------------ Término do contrato */

.editor-receb__pilulas[b-0k79htdqm9] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.editor-receb__pilula[b-0k79htdqm9] {
    padding: .42rem .9rem;
    font-size: .82rem;
    color: var(--cor-texto-secundario);
    background: var(--cor-superficie);
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease, color .15s ease;
}

.editor-receb__pilula:hover[b-0k79htdqm9] {
    border-color: var(--cor-borda-forte);
}

.editor-receb__pilula.ativo[b-0k79htdqm9] {
    color: var(--cor-primaria);
    font-weight: 600;
    border-color: var(--cor-primaria);
    background: color-mix(in srgb, var(--cor-primaria) 9%, var(--cor-superficie));
}

.editor-receb__fim[b-0k79htdqm9] {
    max-width: 14rem;
    margin-top: .6rem;
}

/* ------------------------------------------------------------ Prévia dos vencimentos */

.editor-receb__previa[b-0k79htdqm9] {
    display: grid;
    gap: .55rem;
    padding: .8rem .95rem;
    border-radius: var(--raio-base);
    background: color-mix(in srgb, var(--cor-primaria) 5%, var(--cor-superficie));
    border: 1px solid color-mix(in srgb, var(--cor-primaria) 22%, var(--cor-borda));
}

.editor-receb__previa-titulo[b-0k79htdqm9] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--cor-texto-secundario);
}

.editor-receb__previa-datas[b-0k79htdqm9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
}

.editor-receb__previa-data[b-0k79htdqm9] {
    padding: .2rem .65rem;
    font-size: .8rem;
    border-radius: 999px;
    background: var(--cor-superficie);
    border: 1px solid var(--cor-borda);
    font-variant-numeric: tabular-nums;
}

.editor-receb__previa-data b[b-0k79htdqm9] {
    margin-right: .25rem;
    color: var(--cor-primaria);
}

.editor-receb__previa-total[b-0k79htdqm9] {
    margin-left: auto;
    font-size: .85rem;
    font-weight: 650;
}

.editor-receb__marcar[b-0k79htdqm9] {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    padding: .7rem .9rem;
    cursor: pointer;
    border-radius: var(--raio-base);
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie);
}

.editor-receb__marcar span[b-0k79htdqm9] {
    display: grid;
    gap: .1rem;
    font-size: .84rem;
}

.editor-receb__marcar small[b-0k79htdqm9] {
    font-size: .76rem;
    color: var(--cor-texto-secundario);
}

@media (max-width: 640px) {
    .editor-receb__tipos[b-0k79htdqm9],
    .editor-receb__grade[b-0k79htdqm9],
    .editor-receb__grade--tres[b-0k79htdqm9] {
        grid-template-columns: minmax(0, 1fr);
    }

    .editor-receb__secao[b-0k79htdqm9] {
        padding: .95rem .9rem 1rem;
    }

    .editor-receb__previa-total[b-0k79htdqm9] {
        margin-left: 0;
    }
}
/* /Components/Compartilhado/EditorRegraRodizio.razor.rz.scp.css */
/* ------------------------------------------------------------ Estrutura do modal (nome, resumo, blocos) */

.regra-editor__nome-campo[b-00vig6zf5j] {
    display: grid;
    gap: .3rem;
}

.regra-resumo[b-00vig6zf5j] {
    position: sticky;
    top: 0;
    z-index: 3;
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    padding: .75rem .9rem;
    border: 1px solid color-mix(in srgb, var(--cor-primaria) 30%, var(--cor-borda));
    border-left: 4px solid var(--cor-primaria);
    border-radius: var(--raio-base);
    background: color-mix(in srgb, var(--cor-primaria) 7%, var(--cor-superficie));
    box-shadow: 0 4px 10px -6px rgba(0, 0, 0, .25);
}

.regra-resumo__icone[b-00vig6zf5j] {
    display: inline-flex;
    flex: 0 0 auto;
    margin-top: .1rem;
    color: var(--cor-primaria);
}

.regra-resumo__texto[b-00vig6zf5j] {
    display: grid;
    gap: .25rem;
    min-width: 0;
    font-size: .82rem;
    line-height: 1.45;
    color: var(--cor-texto-secundario);
}

.regra-resumo__texto strong[b-00vig6zf5j] {
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--cor-primaria);
}

.regra-resumo__texto p[b-00vig6zf5j] {
    margin: 0;
    color: var(--cor-texto);
}

.regra-erros[b-00vig6zf5j] {
    display: grid;
    gap: .25rem;
    margin: 0;
    padding: .6rem .8rem;
    border: 1px solid color-mix(in srgb, var(--cor-erro) 45%, var(--cor-borda));
    border-radius: var(--raio-base);
    list-style: none;
    font-size: .8rem;
    color: var(--cor-erro);
    background: color-mix(in srgb, var(--cor-erro) 8%, var(--cor-superficie));
}

.regra-erros li[b-00vig6zf5j] {
    display: flex;
    align-items: center;
    gap: .4rem;
}

.regra-editor__invalido[b-00vig6zf5j] {
    border-color: var(--cor-erro) !important;
    box-shadow: 0 0 0 1px var(--cor-erro);
}

.regra-editor__lista--erro[b-00vig6zf5j] {
    border-color: var(--cor-erro);
}

/* ------------------------------------------------------------ Dentro dos blocos */

.regra-editor__grupo[b-00vig6zf5j] {
    display: grid;
    gap: .55rem;
}

.regra-editor__grupo + .regra-editor__grupo[b-00vig6zf5j],
.regra-editor__opcoes[b-00vig6zf5j] {
    padding-top: .9rem;
    border-top: 1px dashed var(--cor-borda);
}

.regra-editor__opcoes[b-00vig6zf5j] {
    display: grid;
    gap: .55rem;
}

.regra-editor__rotulo-ajuda[b-00vig6zf5j] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.opcao-dica[b-00vig6zf5j] {
    display: inline-flex;
    color: var(--cor-texto-suave);
    cursor: help;
}

.opcao-dica:hover[b-00vig6zf5j],
.opcao-dica:focus-visible[b-00vig6zf5j] {
    color: var(--cor-primaria);
    outline: 0;
}

.regra-editor__dica-lista[b-00vig6zf5j] {
    display: flex;
    align-items: center;
    gap: .35rem;
    margin: 0;
    font-size: .72rem;
    color: var(--cor-texto-suave);
}

.regra-editor__aviso[b-00vig6zf5j] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    padding: .65rem .8rem;
    border: 1px solid color-mix(in srgb, var(--cor-primaria) 30%, var(--cor-borda));
    border-radius: var(--raio-base);
    font-size: .78rem;
    line-height: 1.45;
    color: var(--cor-texto-secundario);
    background: color-mix(in srgb, var(--cor-primaria) 7%, var(--cor-superficie));
}

.regra-editor__aviso > :first-child[b-00vig6zf5j] {
    flex: 0 0 auto;
    margin-top: .1rem;
    color: var(--cor-primaria);
}

.regra-editor__sufixo[b-00vig6zf5j] {
    color: var(--cor-texto-suave);
}

/* Dias da semana como botões liga/desliga */
.regra-editor__dias[b-00vig6zf5j] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .4rem;
}

.regra-editor__dia[b-00vig6zf5j] {
    min-width: 2.9rem;
    padding: .4rem .65rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 600;
    color: var(--cor-texto-secundario);
    background: var(--cor-superficie);
    cursor: pointer;
    transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}

.regra-editor__dia:hover[b-00vig6zf5j] {
    border-color: var(--cor-primaria);
}

.regra-editor__dia.ativo[b-00vig6zf5j] {
    border-color: var(--cor-primaria);
    color: #fff;
    background: var(--cor-primaria);
}

.regra-editor__atalhos[b-00vig6zf5j] {
    display: inline-flex;
    gap: .2rem;
    margin-left: auto;
}

.regra-editor__atalho[b-00vig6zf5j] {
    padding: .25rem .5rem;
    border: 0;
    border-radius: 6px;
    font-size: .74rem;
    font-weight: 600;
    color: var(--cor-primaria);
    background: transparent;
    cursor: pointer;
}

.regra-editor__atalho:hover:not(:disabled)[b-00vig6zf5j] {
    background: color-mix(in srgb, var(--cor-primaria) 10%, transparent);
}

.regra-editor__atalho:disabled[b-00vig6zf5j] {
    opacity: .4;
    cursor: default;
}

.regra-editor__secao[b-00vig6zf5j] {
    display: grid;
    gap: .7rem;
}

.regra-editor__secao + .regra-editor__secao[b-00vig6zf5j] {
    margin-top: 1.1rem;
    padding-top: 1.1rem;
    border-top: 1px solid var(--cor-borda);
}

.regra-editor__listas[b-00vig6zf5j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
}

.regra-editor__lista[b-00vig6zf5j] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
    min-width: 0;
    padding: .75rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    background: var(--cor-superficie);
}

.regra-editor__lista > header[b-00vig6zf5j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    font-size: .85rem;
}

.regra-editor__contagem[b-00vig6zf5j] {
    margin-left: .25rem;
    padding: .02rem .45rem;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 700;
    color: var(--cor-texto-secundario);
    background: var(--cor-superficie-suave);
}

/* .regra-editor__itens é a raiz do componente ListaOrdenavel (fora do escopo desta página): ::deep a alcança a partir de .regra-editor__lista. */
.regra-editor__lista[b-00vig6zf5j]  .regra-editor__itens {
    display: grid;
    gap: .3rem;
    max-height: 17rem;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    list-style: none;
}

.regra-editor__item[b-00vig6zf5j] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .3rem .45rem;
    border: 1px solid var(--cor-borda);
    border-radius: 8px;
    background: var(--cor-superficie);
    font-size: .8rem;
}

.regra-editor__ordem[b-00vig6zf5j] {
    flex: 0 0 auto;
    min-width: 1rem;
    font-size: .7rem;
    font-weight: 700;
    text-align: center;
    color: var(--cor-texto-suave);
}

.regra-editor__nome[b-00vig6zf5j] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.regra-editor__acoes[b-00vig6zf5j] {
    display: inline-flex;
    flex: 0 0 auto;
    gap: .1rem;
}

.regra-editor__vazio[b-00vig6zf5j] {
    margin: 0;
    padding: .6rem;
    font-size: .76rem;
    text-align: center;
    color: var(--cor-texto-suave);
}

.regra-editor__busca[b-00vig6zf5j] {
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: 0 .6rem;
    border: 1px solid var(--cor-borda);
    border-radius: 8px;
    color: var(--cor-texto-suave);
}

.regra-editor__busca input[b-00vig6zf5j] {
    flex: 1 1 auto;
    min-width: 0;
    padding: .4rem 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--cor-texto);
    font-size: .78rem;
}

.regra-editor__grade[b-00vig6zf5j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.regra-editor__grade-larga[b-00vig6zf5j] {
    grid-column: 1 / -1;
}

.regra-editor__ajuda[b-00vig6zf5j] {
    margin: 0;
    font-size: .74rem;
    line-height: 1.4;
    color: var(--cor-texto-suave);
}

.regra-editor__horario[b-00vig6zf5j] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    font-size: .8rem;
}

.regra-editor__horario input[b-00vig6zf5j] {
    width: 7.5rem;
}

.regra-editor__ativo[b-00vig6zf5j] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-right: auto;
    font-size: .84rem;
    font-weight: 600;
    cursor: pointer;
}

@media (max-width: 48rem) {
    .regra-editor__listas[b-00vig6zf5j],
    .regra-editor__grade[b-00vig6zf5j] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Compartilhado/ElementoDashboard.razor.rz.scp.css */
.elemento-dashboard[b-3nr1bnpcyq] {
    display: grid;
    gap: var(--espacamento-4);
    padding: var(--espacamento-5);
    border-radius: var(--raio-grande);
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
    height: 100%;
    min-width: 0;
    min-height: 0;
    box-sizing: border-box;
    overflow: hidden;
    grid-template-rows: minmax(0, 1fr);
}

.elemento-dashboard--mapa[b-3nr1bnpcyq] {
    gap: var(--espacamento-3);
}

.elemento-dashboard--compacto[b-3nr1bnpcyq] {
    padding: var(--espacamento-4);
}

.elemento-dashboard__previa[b-3nr1bnpcyq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--espacamento-2);
    color: var(--cor-texto-secundario);
    text-align: center;
}

.elemento-dashboard--indicador[b-3nr1bnpcyq] {
    align-content: center;
    justify-items: start;
    grid-template-rows: auto auto;
    gap: var(--espacamento-1);
}

.elemento-dashboard__rotulo[b-3nr1bnpcyq] {
    color: var(--cor-texto-secundario);
    font-size: 0.85rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.elemento-dashboard__numero[b-3nr1bnpcyq] {
    font-size: clamp(1.6rem, 3vw, 2.4rem);
    line-height: 1.1;
    color: var(--cor-primaria);
}

.elemento-dashboard--atalho[b-3nr1bnpcyq] {
    grid-template-rows: auto auto;
    align-content: center;
    justify-items: center;
    gap: var(--espacamento-2);
    text-align: center;
    font-weight: 600;
    color: var(--cor-texto);
    text-decoration: none;
    transition: border-color 0.15s ease, background 0.15s ease;
}

a.elemento-dashboard--atalho:hover[b-3nr1bnpcyq],
a.elemento-dashboard--atalho:focus-visible[b-3nr1bnpcyq] {
    border-color: var(--cor-primaria);
    background: var(--cor-primaria-suave);
}

.elemento-dashboard--esmaecido[b-3nr1bnpcyq] {
    color: var(--cor-texto-secundario);
}

.elemento-dashboard--texto[b-3nr1bnpcyq] {
    align-content: start;
    grid-template-rows: auto minmax(0, 1fr);
    overflow-y: auto;
}

.elemento-dashboard--texto h3[b-3nr1bnpcyq] {
    margin: 0;
    font-size: 1rem;
}

.elemento-dashboard--texto p[b-3nr1bnpcyq] {
    margin: 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.elemento-dashboard--lista[b-3nr1bnpcyq] {
    align-content: start;
    grid-template-rows: auto minmax(0, 1fr);
    padding: var(--espacamento-4);
    gap: var(--espacamento-3);
}

.elemento-dashboard__titulo[b-3nr1bnpcyq] {
    margin: 0;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-2);
}

.elemento-dashboard__contagem[b-3nr1bnpcyq] {
    min-width: 1.4rem;
    padding: 0.05rem 0.4rem;
    border-radius: 999px;
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
    font-size: 0.75rem;
    font-weight: 700;
    text-align: center;
}

.elemento-dashboard__vazio[b-3nr1bnpcyq] {
    margin: 0;
    color: var(--cor-texto-secundario);
    font-size: 0.85rem;
    align-self: center;
    text-align: center;
}

.elemento-dashboard__barras[b-3nr1bnpcyq],
.elemento-dashboard__itens[b-3nr1bnpcyq] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    align-content: start;
    gap: 0.45rem;
    overflow-y: auto;
    min-height: 0;
}

.elemento-dashboard__barras li[b-3nr1bnpcyq] {
    display: grid;
    grid-template-columns: minmax(0, 7rem) minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.82rem;
}

.elemento-dashboard__barra-nome[b-3nr1bnpcyq] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.elemento-dashboard__barra-trilho[b-3nr1bnpcyq] {
    display: block;
    height: 0.55rem;
    width: 100%;
    border-radius: 999px;
    background: var(--cor-fundo-secundario);
    overflow: hidden;
}

.elemento-dashboard__barra-preenchimento[b-3nr1bnpcyq] {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: var(--cor-primaria);
}

.elemento-dashboard__duplo[b-3nr1bnpcyq] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espacamento-4);
}

.elemento-dashboard__duplo > div[b-3nr1bnpcyq] {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
}

.elemento-dashboard__duplo small[b-3nr1bnpcyq] {
    color: var(--cor-texto-secundario);
    font-size: 0.75rem;
}

.elemento-dashboard--indicador .elemento-dashboard__numero[b-3nr1bnpcyq] {
    font-size: clamp(1.2rem, 2.2vw, 1.9rem);
    overflow-wrap: anywhere;
}

.elemento-dashboard__numero--alerta[b-3nr1bnpcyq] {
    color: var(--cor-aviso, #d98e04);
}

.elemento-dashboard__item[b-3nr1bnpcyq] {
    display: grid;
    gap: 0.1rem;
    padding: 0.45rem 0.6rem;
    border-radius: var(--raio-medio);
    border: 1px solid var(--cor-borda);
    border-left-width: 3px;
    background: var(--cor-fundo-secundario);
    font-size: 0.82rem;
    min-width: 0;
}

.elemento-dashboard__item span[b-3nr1bnpcyq] {
    color: var(--cor-texto-secundario);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.elemento-dashboard__item--clicavel[b-3nr1bnpcyq] {
    cursor: pointer;
}

.elemento-dashboard__item--clicavel:hover[b-3nr1bnpcyq] {
    border-color: var(--cor-primaria);
}
/* /Components/Compartilhado/EstadoVazio.razor.rz.scp.css */
.estado-vazio[b-q4d2lgvlp6] {
    display: grid;
    gap: 0.65rem;
    justify-items: start;
    padding: 1.25rem 0;
}

.estado-vazio__icone[b-q4d2lgvlp6] {
    width: 2.35rem;
    height: 2.35rem;
    display: grid;
    place-items: center;
    border-radius: var(--raio-pequeno);
    background: var(--cor-superficie);
    border: 1px solid var(--cor-borda);
}

.estado-vazio p[b-q4d2lgvlp6] {
    margin: 0;
    color: var(--cor-texto-secundario);
}
/* /Components/Compartilhado/FormularioDocumentoComercial.razor.rz.scp.css */
.doc-form[b-2ppb5mii9p] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-4);
    /* Preenche o corpo do modal (altura fixa): só a lista de itens rola, não o modal inteiro. */
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.doc-form__secao--itens[b-2ppb5mii9p] {
    flex: 1 1 auto;
    min-height: 15rem;
}

/* ===== Seções (cartões suaves) ===== */

.doc-form__secao[b-2ppb5mii9p] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-3);
    padding: var(--espacamento-4);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-grande);
    background: var(--cor-superficie-suave);
}

.doc-form__secao-cabecalho[b-2ppb5mii9p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--espacamento-3);
}

.doc-form__secao-cabecalho h3[b-2ppb5mii9p] {
    margin: 0;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--cor-texto-secundario);
}

/* ===== Status (opções em pílula) ===== */

.doc-form__status[b-2ppb5mii9p] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    padding: 0.25rem;
    border-radius: 999px;
    background: var(--cor-superficie);
    border: 1px solid var(--cor-borda);
}

.doc-form__status-opcao[b-2ppb5mii9p] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.3rem 0.8rem;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    color: var(--cor-texto-secundario);
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.doc-form__status-opcao:hover[b-2ppb5mii9p] {
    background: var(--cor-superficie-suave);
    color: var(--cor-texto);
}

.doc-form__status-ponto[b-2ppb5mii9p] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: var(--cor-texto-suave);
}

.doc-form__status-opcao--sucesso .doc-form__status-ponto[b-2ppb5mii9p] { background: var(--cor-sucesso); }
.doc-form__status-opcao--erro .doc-form__status-ponto[b-2ppb5mii9p] { background: var(--cor-erro); }
.doc-form__status-opcao--info .doc-form__status-ponto[b-2ppb5mii9p] { background: var(--cor-primaria); }

.doc-form__status-opcao.ativo[b-2ppb5mii9p] {
    background: var(--cor-primaria-suave);
    border-color: var(--cor-navegacao-ativa-borda);
    color: var(--cor-texto);
}

.doc-form__status-opcao.ativo.doc-form__status-opcao--sucesso[b-2ppb5mii9p] {
    background: rgba(25, 201, 139, 0.14);
    border-color: rgba(25, 201, 139, 0.35);
}

.doc-form__status-opcao.ativo.doc-form__status-opcao--erro[b-2ppb5mii9p] {
    background: rgba(240, 93, 111, 0.14);
    border-color: rgba(240, 93, 111, 0.35);
}

/* ===== Grade de informações ===== */

.doc-form__grade[b-2ppb5mii9p] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--espacamento-3);
}

.doc-form__contato[b-2ppb5mii9p] {
    grid-column: span 2;
}

.doc-form__referencia[b-2ppb5mii9p] {
    grid-column: 1 / -1;
}

/* ===== Itens ===== */

.doc-form__opcoes-itens[b-2ppb5mii9p] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espacamento-3);
}

.doc-form__opcao-item[b-2ppb5mii9p] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    font-size: 0.82rem;
    color: var(--cor-texto-secundario);
}

.doc-form__opcao-item label[b-2ppb5mii9p] {
    margin: 0;
    white-space: nowrap;
}

.doc-form__itens[b-2ppb5mii9p] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    gap: var(--espacamento-2);
}

/* Rolagem própria da lista de itens; o cabeçalho das colunas fica fixo no topo dela. */
.doc-form__itens-rolagem[b-2ppb5mii9p] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 9rem;
    gap: var(--espacamento-2);
    overflow-y: auto;
    padding-right: 0.25rem;
    scrollbar-width: thin;
    scrollbar-color: var(--cor-borda-forte) transparent;
}

.doc-form__itens-rolagem[b-2ppb5mii9p]::-webkit-scrollbar {
    width: 8px;
}

.doc-form__itens-rolagem[b-2ppb5mii9p]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: var(--cor-borda-forte);
}

.doc-form__itens-cabecalho[b-2ppb5mii9p],
.doc-form__item[b-2ppb5mii9p] {
    display: grid;
    grid-template-columns: minmax(0, 3.2fr) minmax(0, 0.8fr) minmax(0, 1fr) minmax(0, 0.8fr) minmax(0, 1fr) minmax(0, 1fr) 2.25rem;
    gap: var(--espacamento-2);
    align-items: center;
}

.doc-form__itens-cabecalho[b-2ppb5mii9p] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 0.25rem var(--espacamento-3);
    background: var(--cor-superficie-suave);
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--cor-texto-suave);
}

.doc-form__item[b-2ppb5mii9p] {
    padding: var(--espacamento-2) var(--espacamento-3);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
}

.doc-form__item:focus-within[b-2ppb5mii9p] {
    border-color: var(--cor-primaria);
}

.doc-form__celula[b-2ppb5mii9p] {
    min-width: 0;
}

.doc-form__direita[b-2ppb5mii9p],
.doc-form__total-linha[b-2ppb5mii9p] {
    text-align: right;
}

.doc-form__total-linha[b-2ppb5mii9p] {
    font-weight: 700;
    padding-right: var(--espacamento-1);
    white-space: nowrap;
}

.doc-form__remover[b-2ppb5mii9p] {
    justify-self: end;
}

.doc-form__adicionar[b-2ppb5mii9p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0.65rem 1rem;
    border: 1px dashed var(--cor-borda-forte);
    border-radius: var(--raio-medio);
    background: transparent;
    color: var(--cor-primaria);
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.doc-form__adicionar:hover[b-2ppb5mii9p] {
    background: var(--cor-primaria-suave);
    border-color: var(--cor-primaria);
}

/* ===== Rodapé: termos + totais ===== */

.doc-form__rodape[b-2ppb5mii9p] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(16rem, 22rem);
    gap: var(--espacamento-4);
    align-items: start;
}

.doc-form__termos textarea[b-2ppb5mii9p] {
    resize: vertical;
    min-height: 7rem;
}

.doc-form__totais[b-2ppb5mii9p] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-2);
    padding: var(--espacamento-4);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-grande);
    background: var(--cor-superficie-suave);
}

.doc-form__totais-linha[b-2ppb5mii9p] {
    display: flex;
    justify-content: space-between;
    gap: var(--espacamento-3);
    font-size: 0.92rem;
    color: var(--cor-texto-secundario);
}

.doc-form__totais-linha strong[b-2ppb5mii9p] {
    color: var(--cor-texto);
    font-weight: 600;
}

.doc-form__totais-linha--total[b-2ppb5mii9p] {
    margin-top: var(--espacamento-1);
    padding-top: var(--espacamento-3);
    border-top: 1px solid var(--cor-borda-forte);
    font-size: 1.1rem;
    color: var(--cor-texto);
}

.doc-form__totais-linha--total strong[b-2ppb5mii9p] {
    font-size: 1.3rem;
    font-weight: 800;
    color: var(--cor-primaria);
}

/* ===== Responsivo ===== */

@media (max-width: 900px) {
    .doc-form__grade[b-2ppb5mii9p] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .doc-form__contato[b-2ppb5mii9p],
    .doc-form__referencia[b-2ppb5mii9p] {
        grid-column: 1 / -1;
    }

    .doc-form__itens-cabecalho[b-2ppb5mii9p] {
        display: none;
    }

    .doc-form__item[b-2ppb5mii9p] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        row-gap: var(--espacamento-3);
    }

    .doc-form__celula--descricao[b-2ppb5mii9p] {
        grid-column: 1 / -1;
    }

    .doc-form__celula[data-rotulo][b-2ppb5mii9p]::before {
        content: attr(data-rotulo);
        display: block;
        margin-bottom: 0.2rem;
        font-size: 0.72rem;
        font-weight: 600;
        color: var(--cor-texto-suave);
    }

    .doc-form__total-linha[b-2ppb5mii9p] {
        text-align: left;
    }

    .doc-form__remover[b-2ppb5mii9p] {
        grid-column: 1 / -1;
        justify-self: end;
    }

    .doc-form__rodape[b-2ppb5mii9p] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .doc-form__secao[b-2ppb5mii9p] {
        padding: var(--espacamento-3);
    }

    .doc-form__grade[b-2ppb5mii9p] {
        grid-template-columns: 1fr;
    }

    .doc-form__item[b-2ppb5mii9p] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Compartilhado/GaleriaMidiaChat.razor.rz.scp.css */
.galeria-midia[b-1xbjsyb8uo] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-2);
    margin-bottom: var(--espacamento-1);
    max-width: 20rem;
}

/* ---------- lista simples (< limite) ---------- */

.galeria-midia__item[b-1xbjsyb8uo] {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-1);
}

.galeria-midia__imagem-botao[b-1xbjsyb8uo] {
    position: relative;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
    display: block;
    line-height: 0;
}

.galeria-midia__item img[b-1xbjsyb8uo],
.galeria-midia__video[b-1xbjsyb8uo] {
    max-width: 15rem;
    max-height: 15rem;
    border-radius: var(--raio-medio);
    display: block;
}

.galeria-midia__legenda[b-1xbjsyb8uo] {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.4;
    /* Sem cor própria: herda a do balão — texto normal nas mensagens dos outros e
       branco nas minhas (color: #fff em .chats__mensagem--minha / .wpp__mensagem--minha). */
    color: inherit;
    white-space: pre-wrap;
    word-break: break-word;
}

/* ---------- bloco agrupado (>= limite) ---------- */

.galeria-midia__grade[b-1xbjsyb8uo] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3px;
    border-radius: var(--raio-medio);
    overflow: hidden;
    width: 16rem;
    max-width: 100%;
}

.galeria-midia__tile[b-1xbjsyb8uo] {
    position: relative;
    padding: 0;
    border: 0;
    background: var(--cor-superficie-suave);
    aspect-ratio: 1 / 1;
    cursor: pointer;
    overflow: hidden;
}

.galeria-midia__tile-midia[b-1xbjsyb8uo] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.galeria-midia__play[b-1xbjsyb8uo] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.28);
    pointer-events: none;
}

.galeria-midia__mais[b-1xbjsyb8uo] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
    pointer-events: none;
}

.galeria-midia__info[b-1xbjsyb8uo] {
    position: absolute;
    top: 6px;
    right: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 999px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    opacity: 0;
    transition: opacity 120ms ease, background-color 120ms ease;
}

.galeria-midia__item:hover .galeria-midia__info[b-1xbjsyb8uo],
.galeria-midia__tile:hover .galeria-midia__info[b-1xbjsyb8uo],
.galeria-midia__info:focus-visible[b-1xbjsyb8uo] {
    opacity: 1;
}

.galeria-midia__info:hover[b-1xbjsyb8uo] {
    background: rgba(0, 0, 0, 0.72);
}
/* /Components/Compartilhado/GerenciadorContasEmail.razor.rz.scp.css */
.grade-resumo[b-zls7k1pxfi] {
    display: grid;
    gap: var(--espacamento-4);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: var(--espacamento-5);
}

.cartao-resumo[b-zls7k1pxfi],
.painel[b-zls7k1pxfi],
.painel-informacao[b-zls7k1pxfi] {
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.cartao-resumo[b-zls7k1pxfi],
.painel[b-zls7k1pxfi],
.painel-informacao[b-zls7k1pxfi],
.tabela-sistema__linha[b-zls7k1pxfi],
.tag[b-zls7k1pxfi],
.item-selecao[b-zls7k1pxfi],
.campo-formulario__entrada[b-zls7k1pxfi] {
    border-radius: var(--raio-medio);
}

.cartao-resumo[b-zls7k1pxfi] {
    padding: var(--espacamento-5);
}

.cartao-resumo span[b-zls7k1pxfi],
.painel__cabecalho p[b-zls7k1pxfi],
.campo-formulario label[b-zls7k1pxfi],
.texto-auxiliar[b-zls7k1pxfi],
.linha-selecao small[b-zls7k1pxfi] {
    color: var(--cor-texto-secundario);
}

.cartao-resumo strong[b-zls7k1pxfi] {
    font-size: 2rem;
}

.layout-pagina[b-zls7k1pxfi] {
    display: grid;
    gap: var(--espacamento-5);
}

.painel-informacao[b-zls7k1pxfi] {
    display: flex;
    gap: var(--espacamento-3);
    align-items: center;
    padding: var(--espacamento-4);
    color: var(--cor-texto-secundario);
}

.painel-informacao p[b-zls7k1pxfi],
.painel__cabecalho h2[b-zls7k1pxfi],
.painel__cabecalho p[b-zls7k1pxfi] {
    margin: 0;
}

.painel__cabecalho p[b-zls7k1pxfi] {
    margin-top: 0.35rem;
}

.painel[b-zls7k1pxfi] {
    display: grid;
    gap: var(--espacamento-4);
    padding: var(--espacamento-5);
}

.formulario-email[b-zls7k1pxfi],
.campo-formulario[b-zls7k1pxfi],
.grade-selecao[b-zls7k1pxfi] {
    display: grid;
    gap: var(--espacamento-4);
}

.campo-formulario[b-zls7k1pxfi] {
    gap: 0.45rem;
}

.grade-campos[b-zls7k1pxfi] {
    display: grid;
    gap: var(--espacamento-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.item-selecao[b-zls7k1pxfi] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    padding: var(--espacamento-3);
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie);
}

.emails-servidores[b-zls7k1pxfi] {
    display: grid;
    gap: var(--espacamento-3);
    padding: var(--espacamento-4);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-suave);
}

.emails-servidores h3[b-zls7k1pxfi] {
    margin: 0;
    font-size: 0.9rem;
}

.emails-servidores__grade[b-zls7k1pxfi] {
    display: grid;
    gap: var(--espacamento-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.emails-servidores__grade div[b-zls7k1pxfi] {
    display: grid;
    gap: 0.2rem;
}

.emails-servidores__grade span[b-zls7k1pxfi] {
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 0.82rem;
}

.emails-servidores__grade small[b-zls7k1pxfi] {
    color: var(--cor-texto-secundario);
}

.tabela-sistema[b-zls7k1pxfi] {
    display: grid;
    gap: var(--espacamento-2);
}

.tabela-sistema__cabecalho[b-zls7k1pxfi],
.tabela-sistema__linha[b-zls7k1pxfi] {
    display: grid;
    grid-template-columns: 2fr 1.5fr 1.1fr 1.4fr 1.2fr auto;
    gap: var(--espacamento-3);
    align-items: center;
}

.tabela-sistema__cabecalho[b-zls7k1pxfi] {
    padding: 0 var(--espacamento-3);
    color: var(--cor-texto-secundario);
    font-size: 0.85rem;
}

.tabela-sistema__linha[b-zls7k1pxfi] {
    padding: var(--espacamento-3);
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie);
}

.tabela-sistema__linha.selecionada[b-zls7k1pxfi] {
    border-color: rgba(36, 91, 157, 0.22);
    background: var(--cor-primaria-suave);
}

.tabela-sistema__linha--navegavel[b-zls7k1pxfi] {
    cursor: pointer;
}

.tabela-sistema__linha--navegavel:hover[b-zls7k1pxfi] {
    border-color: color-mix(in srgb, var(--cor-primaria) 38%, var(--cor-borda));
    background: color-mix(in srgb, var(--cor-superficie) 90%, var(--cor-primaria) 10%);
}

.linha-selecao[b-zls7k1pxfi] {
    display: grid;
    gap: 0.15rem;
}

.colecao-tags[b-zls7k1pxfi],
.linha-acoes[b-zls7k1pxfi] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espacamento-2);
    align-items: center;
}

.tag[b-zls7k1pxfi],
.status-email[b-zls7k1pxfi] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 0.25rem 0.65rem;
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie-suave);
    font-size: 0.85rem;
}

.status-email[b-zls7k1pxfi] {
    border-radius: 999px;
}

.status-email--ativo[b-zls7k1pxfi] {
    color: var(--cor-primaria);
}

.status-email--inativo[b-zls7k1pxfi],
.status-email--erro[b-zls7k1pxfi],
.botao-icone--perigo[b-zls7k1pxfi] {
    color: var(--cor-erro);
}

@media (max-width: 900px) {
    .tabela-sistema__cabecalho[b-zls7k1pxfi],
    .tabela-sistema__linha[b-zls7k1pxfi] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .grade-resumo[b-zls7k1pxfi],
    .grade-campos[b-zls7k1pxfi],
    .emails-servidores__grade[b-zls7k1pxfi],
    .tabela-sistema__cabecalho[b-zls7k1pxfi],
    .tabela-sistema__linha[b-zls7k1pxfi] {
        grid-template-columns: 1fr;
    }
}

/* ---- Modal de conta de e-mail em abas ---- */
.emails-rotulo[b-zls7k1pxfi] {
    color: var(--cor-texto-secundario);
    font-size: 0.9rem;
}

.emails-provedores[b-zls7k1pxfi] {
    display: grid;
    gap: var(--espacamento-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.emails-provedor[b-zls7k1pxfi] {
    display: flex;
    align-items: flex-start;
    gap: var(--espacamento-3);
    padding: var(--espacamento-4);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

.emails-provedor:hover[b-zls7k1pxfi] {
    border-color: color-mix(in srgb, var(--cor-primaria) 45%, var(--cor-borda));
}

.emails-provedor.ativo[b-zls7k1pxfi] {
    border-color: var(--cor-primaria);
    background: var(--cor-primaria-suave);
    box-shadow: 0 0 0 1px var(--cor-primaria);
}

.emails-provedor__icone[b-zls7k1pxfi] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-suave);
    color: var(--cor-primaria);
}

.emails-provedor__texto[b-zls7k1pxfi],
.emails-provedor-fixo > div[b-zls7k1pxfi] {
    display: grid;
    gap: 0.2rem;
}

.emails-provedor__texto small[b-zls7k1pxfi],
.emails-provedor-fixo small[b-zls7k1pxfi],
.emails-ajuda-inline[b-zls7k1pxfi] {
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
    font-weight: 400;
}

.emails-ajuda-inline[b-zls7k1pxfi] {
    display: block;
}

.emails-provedor-fixo[b-zls7k1pxfi] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    padding: var(--espacamento-3) var(--espacamento-4);
    border: 1px dashed var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-suave);
    color: var(--cor-primaria);
}

.emails-provedor-fixo strong[b-zls7k1pxfi] {
    color: var(--cor-texto);
}

/* Cartão "Conectar com o Google" */
.emails-oauth[b-zls7k1pxfi] {
    display: flex;
    gap: var(--espacamento-4);
    padding: var(--espacamento-5);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: linear-gradient(135deg, var(--cor-primaria-suave), var(--cor-superficie) 70%);
}

.emails-oauth--conectada[b-zls7k1pxfi] {
    border-color: color-mix(in srgb, var(--cor-sucesso) 55%, var(--cor-borda));
    background: linear-gradient(135deg, color-mix(in srgb, var(--cor-sucesso) 14%, var(--cor-superficie)), var(--cor-superficie) 70%);
}

.emails-oauth__icone[b-zls7k1pxfi] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    background: var(--cor-superficie);
    border: 1px solid var(--cor-borda);
    color: var(--cor-primaria);
}

.emails-oauth__corpo[b-zls7k1pxfi] {
    display: grid;
    gap: var(--espacamento-3);
    min-width: 0;
}

.emails-oauth__corpo p[b-zls7k1pxfi] {
    margin: 0;
    color: var(--cor-texto-secundario);
}

.emails-oauth__titulo[b-zls7k1pxfi] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espacamento-3);
}

.emails-oauth__selo[b-zls7k1pxfi] {
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
    font-weight: 600;
}

.emails-oauth__selo.ok[b-zls7k1pxfi] {
    border-color: color-mix(in srgb, var(--cor-sucesso) 55%, var(--cor-borda));
    color: var(--cor-sucesso);
}

.emails-oauth__beneficios[b-zls7k1pxfi] {
    margin: 0;
    padding-left: 1.1rem;
    display: grid;
    gap: 0.25rem;
    font-size: 0.88rem;
}

.emails-oauth__acoes[b-zls7k1pxfi] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espacamento-3);
}

.emails-aviso[b-zls7k1pxfi] {
    padding: var(--espacamento-3);
    border-radius: var(--raio-medio);
    border: 1px solid color-mix(in srgb, var(--cor-erro) 40%, var(--cor-borda));
    background: color-mix(in srgb, var(--cor-erro) 8%, var(--cor-superficie));
    color: var(--cor-texto) !important;
    font-size: 0.88rem;
}

.emails-avancado[b-zls7k1pxfi] {
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    padding: var(--espacamento-3) var(--espacamento-4);
}

.emails-avancado[open][b-zls7k1pxfi] {
    display: grid;
    gap: var(--espacamento-4);
}

.emails-avancado summary[b-zls7k1pxfi] {
    cursor: pointer;
    font-weight: 600;
    font-size: 0.9rem;
}

/* Servidor próprio */
.emails-preset[b-zls7k1pxfi] {
    display: grid;
    gap: var(--espacamento-3);
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
}

.emails-servidor-blocos[b-zls7k1pxfi] {
    display: grid;
    gap: var(--espacamento-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.emails-servidor[b-zls7k1pxfi] {
    display: grid;
    gap: var(--espacamento-3);
    align-content: start;
    padding: var(--espacamento-4);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-suave);
}

.emails-servidor h3[b-zls7k1pxfi] {
    margin: 0;
    font-size: 0.92rem;
}

.emails-teste[b-zls7k1pxfi] {
    display: grid;
    gap: var(--espacamento-3);
    justify-items: start;
}

.emails-teste__resultado[b-zls7k1pxfi] {
    display: grid;
    gap: var(--espacamento-2);
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.emails-teste__resultado li[b-zls7k1pxfi] {
    display: flex;
    align-items: flex-start;
    gap: var(--espacamento-3);
    padding: var(--espacamento-3);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
}

.emails-teste__resultado li > div[b-zls7k1pxfi] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
    overflow-wrap: anywhere;
}

.emails-teste__resultado li span[b-zls7k1pxfi] {
    font-size: 0.85rem;
    color: var(--cor-texto-secundario);
}

.emails-teste__resultado li.ok[b-zls7k1pxfi] {
    border-color: color-mix(in srgb, var(--cor-sucesso) 50%, var(--cor-borda));
    color: var(--cor-sucesso);
}

.emails-teste__resultado li.erro[b-zls7k1pxfi] {
    border-color: color-mix(in srgb, var(--cor-erro) 50%, var(--cor-borda));
    color: var(--cor-erro);
}

.emails-teste__resultado li strong[b-zls7k1pxfi] {
    color: var(--cor-texto);
}

@media (max-width: 760px) {
    .emails-provedores[b-zls7k1pxfi],
    .emails-servidor-blocos[b-zls7k1pxfi],
    .emails-preset[b-zls7k1pxfi] {
        grid-template-columns: 1fr;
    }

    .emails-oauth[b-zls7k1pxfi] {
        flex-direction: column;
    }
}

/* ---- Assistente de conta de e-mail (passo a passo) ---- */
.assistente-passos[b-zls7k1pxfi] {
    list-style: none;
    margin: 0 0 1.25rem;
    padding: 0;
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

.assistente-passos__item button[b-zls7k1pxfi] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .35rem .8rem .35rem .4rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background: var(--cor-superficie);
    color: var(--cor-texto-secundario);
    font: inherit;
    font-size: .85rem;
    font-weight: 600;
    cursor: pointer;
}

.assistente-passos__item button:disabled[b-zls7k1pxfi] {
    cursor: default;
    opacity: .75;
}

.assistente-passos__numero[b-zls7k1pxfi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: var(--cor-superficie-suave);
    border: 1px solid var(--cor-borda);
    font-size: .78rem;
}

.assistente-passos__item.atual button[b-zls7k1pxfi] {
    border-color: var(--cor-primaria);
    color: var(--cor-primaria);
}

.assistente-passos__item.atual .assistente-passos__numero[b-zls7k1pxfi] {
    background: var(--cor-primaria);
    border-color: var(--cor-primaria);
    color: #fff;
}

.assistente-passos__item.feito .assistente-passos__numero[b-zls7k1pxfi] {
    background: var(--cor-sucesso);
    border-color: var(--cor-sucesso);
    color: #fff;
}

.assistente-titulo[b-zls7k1pxfi] {
    margin: 0 0 .2rem;
    font-size: 1.05rem;
}

.assistente-tipos[b-zls7k1pxfi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: .75rem;
}

.assistente-tipo[b-zls7k1pxfi] {
    display: flex;
    gap: .8rem;
    align-items: flex-start;
    text-align: left;
    padding: .95rem 1rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-grande);
    background: var(--cor-superficie);
    color: var(--cor-texto);
    font: inherit;
    cursor: pointer;
}

.assistente-tipo:hover[b-zls7k1pxfi] {
    border-color: var(--cor-primaria);
}

.assistente-tipo.ativo[b-zls7k1pxfi] {
    border-color: var(--cor-primaria);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--cor-primaria) 25%, transparent);
    background: color-mix(in srgb, var(--cor-primaria) 6%, var(--cor-superficie));
}

.assistente-tipo__icone[b-zls7k1pxfi] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: .8rem;
    background: var(--cor-superficie-suave);
    color: var(--cor-primaria);
}

.assistente-tipo__texto[b-zls7k1pxfi] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    min-width: 0;
}

.assistente-tipo__texto strong[b-zls7k1pxfi] {
    font-size: .95rem;
}

.assistente-tipo__texto small[b-zls7k1pxfi] {
    color: var(--cor-texto-secundario);
    line-height: 1.35;
}

.assistente-tipo__texto em[b-zls7k1pxfi] {
    font-style: normal;
    font-size: .8rem;
    color: var(--cor-primaria);
}

.assistente-como[b-zls7k1pxfi] {
    margin: .4rem 0 .9rem;
    padding-left: 1.2rem;
    color: var(--cor-texto-secundario);
    line-height: 1.5;
}

.assistente-provedores[b-zls7k1pxfi] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.assistente-provedor[b-zls7k1pxfi] {
    padding: .4rem .8rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background: var(--cor-superficie);
    color: var(--cor-texto);
    font: inherit;
    font-size: .85rem;
    font-weight: 600;
    cursor: pointer;
}

.assistente-provedor:hover[b-zls7k1pxfi] {
    border-color: var(--cor-primaria);
}

.assistente-provedor.ativo[b-zls7k1pxfi] {
    border-color: var(--cor-primaria);
    background: var(--cor-primaria);
    color: #fff;
}

.assistente-avancado[b-zls7k1pxfi] {
    border: 1px dashed var(--cor-borda);
    border-radius: var(--raio-grande);
    padding: .65rem .85rem;
}

.assistente-avancado > summary[b-zls7k1pxfi] {
    cursor: pointer;
    font-weight: 600;
    font-size: .88rem;
    color: var(--cor-primaria);
}

.assistente-avancado[open] > summary[b-zls7k1pxfi] {
    margin-bottom: .8rem;
}

.assistente-vazio[b-zls7k1pxfi] {
    padding: 1.2rem 0 .4rem;
}

.assistente-vazio h3[b-zls7k1pxfi] {
    margin: 0 0 .25rem;
}

.assistente-vazio > p[b-zls7k1pxfi] {
    margin: 0 0 1rem;
    color: var(--cor-texto-secundario);
}

.painel__cabecalho.cabecalho-lista-contas[b-zls7k1pxfi] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--espacamento-4);
    flex-wrap: wrap;
}

.cabecalho-lista-contas__titulo[b-zls7k1pxfi] {
    flex: 1 1 18rem;
    min-width: 0;
}

.cabecalho-lista-contas__acoes[b-zls7k1pxfi] {
    flex: 0 0 auto;
}

/* ---- Coluna Fonte (de onde vem a caixa) ---- */
.fonte-email[b-zls7k1pxfi] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 0;
}

.fonte-email__icone[b-zls7k1pxfi] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: var(--raio-pequeno);
    color: var(--cor-primaria);
    background: var(--cor-primaria-suave);
}

.fonte-email--webmail .fonte-email__icone[b-zls7k1pxfi] {
    color: var(--cor-sucesso);
    background: color-mix(in srgb, var(--cor-sucesso) 14%, transparent);
}

.fonte-email__texto[b-zls7k1pxfi] {
    display: grid;
    gap: .1rem;
    min-width: 0;
}

.fonte-email__texto strong[b-zls7k1pxfi],
.fonte-email__texto small[b-zls7k1pxfi] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fonte-email__texto small[b-zls7k1pxfi] {
    color: var(--cor-texto-secundario);
}


/* Avatar do endereço ao lado do nome: precisa vencer o `display: grid` de .linha-selecao acima (mesmo escopo). */
.linha-selecao--com-avatar[b-zls7k1pxfi] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3, 0.75rem);
}
/* /Components/Compartilhado/ImportacaoImoveisPopup.razor.rz.scp.css */
/* Cartão da pilha do canto inferior (ver .pilha-flutuante-canto em app.css) — sem position:fixed próprio. */
.importar-popup[b-a55iwu41sp] {
    z-index: 6000;
    display: flex;
    gap: .65rem;
    align-items: flex-start;
    width: min(340px, calc(100vw - 2rem));
    padding: .8rem .9rem;
    border-radius: 12px;
    background: var(--cor-superficie, #fff);
    border: 1px solid var(--cor-borda, #e4e7ec);
    box-shadow: 0 12px 32px rgba(16, 24, 40, .18);
    animation: importar-popup-entrar-b-a55iwu41sp .18s ease-out;
}

@keyframes importar-popup-entrar-b-a55iwu41sp {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

.importar-popup__icone[b-a55iwu41sp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    flex: 0 0 auto;
    background: #3b82f622;
    color: #3b82f6;
}

.importar-popup--ok .importar-popup__icone[b-a55iwu41sp] {
    background: #16a34a22;
    color: #16a34a;
}

.importar-popup--erro .importar-popup__icone[b-a55iwu41sp] {
    background: #dc262622;
    color: #dc2626;
}

.importar-popup__corpo[b-a55iwu41sp] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    min-width: 0;
    flex: 1 1 auto;
}

.importar-popup__corpo progress[b-a55iwu41sp] {
    width: 100%;
}

.importar-popup__barra[b-a55iwu41sp] {
    height: 6px;
    border-radius: 999px;
    background: var(--cor-borda, #e4e7ec);
    overflow: hidden;
}

.importar-popup__barra > span[b-a55iwu41sp] {
    display: block;
    height: 100%;
    background: #3b82f6;
    transition: width .4s ease;
}

.importar-popup__detalhe[b-a55iwu41sp] {
    font-size: .8rem;
    opacity: .75;
}

.importar-popup__acoes[b-a55iwu41sp] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-top: .3rem;
}
/* /Components/Compartilhado/IndicadorEnviadoPorEmail.razor.rz.scp.css */
.indicador-enviado-email[b-g6t698q38j] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
}

.indicador-enviado-email--unico[b-g6t698q38j] {
    gap: 0.45rem;
    max-width: 9rem;
}

.indicador-enviado-email__avatar[b-g6t698q38j] {
    flex: 0 0 auto;
}

.indicador-enviado-email__textos[b-g6t698q38j] {
    display: grid;
    min-width: 0;
    gap: 0.1rem;
}

.indicador-enviado-email__textos strong[b-g6t698q38j] {
    overflow: hidden;
    color: var(--cor-texto);
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.indicador-enviado-email__textos small[b-g6t698q38j] {
    overflow: hidden;
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.indicador-enviado-email--grupo[b-g6t698q38j] {
    align-items: center;
}

.indicador-enviado-email__avatar-empilhado[b-g6t698q38j] {
    margin-left: -0.6rem;
    box-shadow: 0 0 0 2px var(--cor-superficie);
}

.indicador-enviado-email__avatar-empilhado:first-child[b-g6t698q38j] {
    margin-left: 0;
}
/* /Components/Compartilhado/InterruptorOpcao.razor.rz.scp.css */
.opcao[b-e8vaw40sgk] {
    display: grid;
    gap: .6rem;
    padding: .6rem .75rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    background: var(--cor-superficie);
    transition: border-color .15s ease, background-color .15s ease;
}

.opcao--ligada[b-e8vaw40sgk] {
    border-color: color-mix(in srgb, var(--cor-primaria) 35%, var(--cor-borda));
    background: color-mix(in srgb, var(--cor-primaria) 5%, var(--cor-superficie));
}

.opcao--desabilitada[b-e8vaw40sgk] {
    opacity: .6;
}

.opcao__linha[b-e8vaw40sgk] {
    display: flex;
    align-items: center;
    gap: .7rem;
}

.opcao__linha .interruptor[b-e8vaw40sgk] {
    border: 0;
    padding: 0;
    cursor: pointer;
}

.opcao__linha .interruptor:disabled[b-e8vaw40sgk] {
    cursor: not-allowed;
}

.opcao__icone[b-e8vaw40sgk] {
    display: inline-flex;
    flex: 0 0 auto;
    color: var(--cor-texto-suave);
}

.opcao--ligada .opcao__icone[b-e8vaw40sgk] {
    color: var(--cor-primaria);
}

.opcao__texto[b-e8vaw40sgk] {
    display: grid;
    flex: 1 1 auto;
    gap: .1rem;
    min-width: 0;
    cursor: pointer;
}

.opcao__texto strong[b-e8vaw40sgk] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .35rem;
    font-size: .84rem;
}

.opcao__texto small[b-e8vaw40sgk] {
    font-size: .74rem;
    line-height: 1.35;
    color: var(--cor-texto-suave);
}

.opcao__dica[b-e8vaw40sgk] {
    display: inline-flex;
    color: var(--cor-texto-suave);
    cursor: help;
}

.opcao__dica:hover[b-e8vaw40sgk],
.opcao__dica:focus-visible[b-e8vaw40sgk] {
    color: var(--cor-primaria);
    outline: 0;
}

.opcao__extra[b-e8vaw40sgk] {
    display: grid;
    gap: .6rem;
    padding: .65rem 0 .1rem 3.3rem;
    border-top: 1px dashed var(--cor-borda);
}

@media (max-width: 40rem) {
    .opcao__extra[b-e8vaw40sgk] {
        padding-left: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .opcao[b-e8vaw40sgk] {
        transition: none;
    }
}
/* /Components/Compartilhado/MapaParceiros.razor.rz.scp.css */
.mapa-parceiros[b-5k8unruasj] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-4);
    height: 100%;
    min-height: 0;
}

.mapa-parceiros__filtro[b-5k8unruasj],
.mapa-parceiros__cabecalho[b-5k8unruasj] {
    flex: 0 0 auto;
}

.mapa-parceiros__vazio[b-5k8unruasj] {
    flex: 1 1 auto;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.mapa-parceiros__vazio[b-5k8unruasj]  .estado-vazio {
    justify-items: center;
    padding: 0;
}

.mapa-parceiros__filtro[b-5k8unruasj] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 3px;
    border-radius: 999px;
    border: 1px solid var(--cor-borda);
    background: var(--cor-fundo-secundario);
    width: fit-content;
}

.mapa-parceiros__filtro-opcao[b-5k8unruasj] {
    border: none;
    background: transparent;
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
    font-weight: 600;
    padding: 0.32rem 0.85rem;
    border-radius: 999px;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.mapa-parceiros__filtro-opcao:hover[b-5k8unruasj] {
    color: var(--cor-texto);
}

.mapa-parceiros__filtro-opcao.ativo[b-5k8unruasj] {
    background: var(--cor-primaria);
    color: #ffffff;
}

.mapa-parceiros__cabecalho[b-5k8unruasj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--espacamento-3);
    flex-wrap: wrap;
}

.mapa-parceiros__cabecalho h3[b-5k8unruasj] {
    margin: 0;
    font-size: 1rem;
}

.mapa-parceiros__cabecalho p[b-5k8unruasj] {
    margin: 0.2rem 0 0;
    color: var(--cor-texto-secundario);
    font-size: 0.85rem;
}

.mapa-parceiros__acoes[b-5k8unruasj] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2, 0.5rem);
    flex-wrap: wrap;
}

.mapa-parceiros__area[b-5k8unruasj] {
    flex: 1 1 auto;
    min-height: 300px;
    border-radius: var(--raio-medio);
    overflow: hidden;
    border: 1px solid var(--cor-borda);
}

.mapa-parceiros__area--expandido[b-5k8unruasj] {
    width: 100%;
    height: 100%;
    border-radius: 0;
    border: none;
}
/* /Components/Compartilhado/MarcaVorek.razor.rz.scp.css */
/* Sem "display" nas imagens: o app.css alterna a versão clara/escura da logo por tema (.logo-tema). */
.marca-vorek[b-b8ndzaz9u2] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--cor-texto-suave);
    font-size: 0.72rem;
    letter-spacing: 0.02em;
    line-height: 1;
}

.marca-vorek--sobre-escuro[b-b8ndzaz9u2] {
    color: rgba(239, 244, 250, 0.7);
}

.marca-vorek__logo[b-b8ndzaz9u2] {
    height: 0.95rem;
    width: auto;
}
/* /Components/Compartilhado/ModalCadastroPessoa.razor.rz.scp.css */
/* Start date + End date lado a lado, ocupando o espaço que "Start date" sozinho ocupava. */
.grade-campos--datas-pessoa[b-4u0j6z0sgr] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--espacamento-2);
}

.pessoas-formulario__ajuda-data-fim[b-4u0j6z0sgr] {
    display: block;
    margin-top: -0.5rem;
    color: var(--cor-texto-secundario);
    font-size: 0.75rem;
}
/* /Components/Compartilhado/ModalComentarioEmail.razor.rz.scp.css */
.emails-inicial__comentario-entrada[b-ks5fz3jbty] {
    box-sizing: border-box;
    width: 100%;
    min-height: 8rem;
    padding: var(--espacamento-2) var(--espacamento-3);
    resize: vertical;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    background: var(--cor-superficie);
    color: var(--cor-texto);
    font: inherit;
}

.emails-inicial__comentario-compositor-acoes[b-ks5fz3jbty] {
    display: flex;
    justify-content: flex-end;
    gap: var(--espacamento-2);
    margin-top: var(--espacamento-2);
}

.emails-inicial__comentario-anexar[b-ks5fz3jbty] {
    display: inline-flex;
    align-items: center;
    gap: var(--espacamento-2);
    padding: 0.4rem 0.7rem;
    border: 1px dashed var(--cor-borda);
    border-radius: var(--raio-base);
    color: var(--cor-texto-secundario);
    font-size: 0.82rem;
    cursor: pointer;
}

.emails-inicial__comentario-anexar:hover[b-ks5fz3jbty] {
    border-color: var(--cor-primaria);
    color: var(--cor-primaria);
}

/* InputFile renderiza o <input> sem o escopo deste componente: ::deep a partir do rótulo. */
.emails-inicial__comentario-anexar[b-ks5fz3jbty]  .emails-inicial__comentario-seletor-arquivo {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    clip: rect(0 0 0 0);
}

.emails-inicial__comentario-arquivos-selecionados[b-ks5fz3jbty] {
    display: grid;
    gap: var(--espacamento-1);
    margin: var(--espacamento-2) 0 0;
    padding: 0;
    list-style: none;
}

.emails-inicial__comentario-arquivos-selecionados li[b-ks5fz3jbty] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-2);
    padding: 0.35rem 0.6rem;
    border-radius: var(--raio-base);
    background: color-mix(in srgb, var(--cor-primaria) 6%, var(--cor-superficie));
    font-size: 0.8rem;
}

.emails-inicial__comentario-arquivos-selecionados li span[b-ks5fz3jbty] {
    min-width: 0;
    overflow: hidden;
    color: var(--cor-texto);
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Compartilhado/ModalEnviarMidia.razor.rz.scp.css */
.editor-midia[b-v0bv0j1ecs] {
    width: 100vw;
    max-width: 100vw;
    height: 100vh;
    max-height: 100vh;
    padding: 0;
    border: none;
    background: #0b0b0b;
    color: #e9e9e9;
    overflow: hidden;
}

.editor-midia[b-v0bv0j1ecs]::backdrop {
    background: #000;
}

.editor-midia__cena[b-v0bv0j1ecs] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto auto;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

/* ---------- barra de ferramentas ---------- */

.editor-midia__topo[b-v0bv0j1ecs] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 0.9rem;
}

.editor-midia__ferramentas[b-v0bv0j1ecs] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
}

.editor-midia__topo-dir[b-v0bv0j1ecs] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 2.25rem;
    justify-content: flex-end;
}

.editor-midia__icone[b-v0bv0j1ecs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 999px;
    border: none;
    background: transparent;
    color: #d8d8d8;
    cursor: pointer;
    transition: background-color 0.12s ease, color 0.12s ease;
}

.editor-midia__icone:hover:not(:disabled)[b-v0bv0j1ecs] {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}

.editor-midia__icone:disabled[b-v0bv0j1ecs] {
    opacity: 0.35;
    cursor: default;
}

.editor-midia__icone--ativo[b-v0bv0j1ecs] {
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
}

.editor-midia__x:hover:not(:disabled)[b-v0bv0j1ecs] {
    background: rgba(255, 255, 255, 0.12);
}

/* paleta de desenho (aparece sob o lápis) */
.editor-midia__desenho-wrap[b-v0bv0j1ecs] {
    position: relative;
}

.editor-midia__paleta[b-v0bv0j1ecs] {
    position: absolute;
    top: calc(100% + 0.4rem);
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.4rem 0.55rem;
    border-radius: 999px;
    background: #202020;
    border: 1px solid #333;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}

.editor-midia__cor[b-v0bv0j1ecs] {
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 50%;
    border: 2px solid transparent;
    cursor: pointer;
    padding: 0;
}

.editor-midia__cor--ativa[b-v0bv0j1ecs] {
    border-color: #fff;
    box-shadow: 0 0 0 1px #202020;
}

.editor-midia__paleta-sep[b-v0bv0j1ecs] {
    width: 1px;
    height: 1.4rem;
    background: #3a3a3a;
    margin: 0 0.15rem;
}

.editor-midia__tam[b-v0bv0j1ecs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.4rem;
    height: 1.4rem;
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
}

.editor-midia__tam span[b-v0bv0j1ecs] {
    display: block;
    border-radius: 50%;
    background: #cfcfcf;
}

.editor-midia__tam--ativo span[b-v0bv0j1ecs] {
    background: #fff;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.25);
}

/* ---------- palco ---------- */

.editor-midia__palco[b-v0bv0j1ecs] {
    position: relative;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.editor-midia__midia[b-v0bv0j1ecs] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
}

.editor-midia__video[b-v0bv0j1ecs] {
    --np-max: 100%;
    --np-max-h: 100%;
}

.editor-midia__canvas[b-v0bv0j1ecs] {
    touch-action: none;
    border-radius: 4px;
    background: #111;
}

.editor-midia__corte-acoes[b-v0bv0j1ecs] {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 0.5rem;
    padding: 0.5rem 0.6rem;
    border-radius: 999px;
    background: #1c1c1c;
    border: 1px solid #333;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}

/* ---------- legenda ---------- */

.editor-midia__legenda[b-v0bv0j1ecs] {
    display: flex;
    justify-content: center;
    padding: 0.4rem 1rem 0.6rem;
}

.editor-midia__legenda-campo[b-v0bv0j1ecs] {
    position: relative;
    display: flex;
    align-items: flex-end;
    gap: 0.4rem;
    width: min(680px, 92%);
    padding: 0.55rem 0.75rem;
    border-radius: 12px;
    background: #2a2a2a;
}

.editor-midia__legenda-campo textarea[b-v0bv0j1ecs] {
    flex: 1 1 auto;
    resize: none;
    border: none;
    outline: none;
    background: transparent;
    color: #f1f1f1;
    font-size: 0.95rem;
    line-height: 1.4;
    max-height: 7rem;
    font-family: inherit;
}

.editor-midia__legenda-campo textarea[b-v0bv0j1ecs]::placeholder {
    color: #9a9a9a;
}

.editor-midia__emoji-btn[b-v0bv0j1ecs] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    border: none;
    background: transparent;
    color: #b9b9b9;
    cursor: pointer;
    border-radius: 50%;
}

.editor-midia__emoji-btn:hover[b-v0bv0j1ecs] {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
}

.editor-midia__fechar-flutuante[b-v0bv0j1ecs] {
    position: fixed;
    inset: 0;
    z-index: 6;
}

.editor-midia__emoji-painel[b-v0bv0j1ecs] {
    position: absolute;
    right: 0;
    bottom: calc(100% + 0.5rem);
    z-index: 7;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0.15rem;
    padding: 0.5rem;
    border-radius: 12px;
    background: #202020;
    border: 1px solid #333;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}

.editor-midia__emoji-painel button[b-v0bv0j1ecs] {
    border: none;
    background: transparent;
    font-size: 1.25rem;
    line-height: 1;
    padding: 0.3rem;
    border-radius: 8px;
    cursor: pointer;
}

.editor-midia__emoji-painel button:hover[b-v0bv0j1ecs] {
    background: rgba(255, 255, 255, 0.12);
}

/* ---------- rodapé: tira + enviar ---------- */

.editor-midia__rodape[b-v0bv0j1ecs] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.7rem 1rem 1rem;
    min-height: 4.75rem;
}

.editor-midia__tira[b-v0bv0j1ecs] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    overflow-x: auto;
    max-width: min(680px, 82%);
    padding: 0.15rem;
    scrollbar-width: thin;
}

.editor-midia__miniatura[b-v0bv0j1ecs] {
    position: relative;
    flex: 0 0 auto;
    width: 3.1rem;
    height: 3.1rem;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid transparent;
}

.editor-midia__miniatura--ativa[b-v0bv0j1ecs] {
    border-color: #00a884;
}

.editor-midia__miniatura-botao[b-v0bv0j1ecs] {
    width: 100%;
    height: 100%;
    padding: 0;
    border: none;
    background: #1a1a1a;
    cursor: pointer;
}

.editor-midia__miniatura-botao img[b-v0bv0j1ecs],
.editor-midia__miniatura-botao video[b-v0bv0j1ecs] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.editor-midia__miniatura-play[b-v0bv0j1ecs] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    pointer-events: none;
}

.editor-midia__miniatura-x[b-v0bv0j1ecs] {
    position: absolute;
    top: -0.35rem;
    right: -0.35rem;
    display: none;
    align-items: center;
    justify-content: center;
    width: 1.15rem;
    height: 1.15rem;
    padding: 0;
    border: 2px solid #0b0b0b;
    border-radius: 50%;
    background: #3a3a3a;
    color: #fff;
    cursor: pointer;
}

.editor-midia__miniatura:hover .editor-midia__miniatura-x[b-v0bv0j1ecs] {
    display: flex;
}

.editor-midia__add[b-v0bv0j1ecs] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.1rem;
    height: 3.1rem;
    border-radius: 8px;
    border: 1px solid #3a3a3a;
    background: #1a1a1a;
    color: #cfcfcf;
    cursor: pointer;
}

.editor-midia__add:hover:not(:disabled)[b-v0bv0j1ecs] {
    border-color: #00a884;
    color: #fff;
}

.editor-midia__enviar[b-v0bv0j1ecs] {
    position: absolute;
    right: 1.5rem;
    bottom: 1.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 50%;
    border: none;
    background: #00a884;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
    transition: background-color 0.12s ease;
}

.editor-midia__enviar:hover:not(:disabled)[b-v0bv0j1ecs] {
    background: #02c39a;
}

.editor-midia__enviar:disabled[b-v0bv0j1ecs] {
    opacity: 0.5;
    cursor: default;
}

.editor-midia__enviar-badge[b-v0bv0j1ecs] {
    position: absolute;
    top: -0.15rem;
    right: -0.15rem;
    min-width: 1.15rem;
    height: 1.15rem;
    padding: 0 0.25rem;
    border-radius: 999px;
    background: #1c1c1c;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 640px) {
    .editor-midia__enviar[b-v0bv0j1ecs] {
        right: 0.9rem;
    }

    .editor-midia__tira[b-v0bv0j1ecs] {
        max-width: 62%;
    }
}
/* /Components/Compartilhado/ModalEventoAgenda.razor.rz.scp.css */
.agenda-modal[b-ho5hpy4gul] {
    display: grid;
    gap: 0.85rem;
    padding: 0.1rem;
}

.agenda-modal .campo-formulario[b-ho5hpy4gul] {
    gap: 0.25rem;
}

.agenda-modal .campo-formulario > label[b-ho5hpy4gul] {
    font-size: 0.8rem;
}

.agenda-modal__carregando[b-ho5hpy4gul] {
    padding: 1.5rem 0;
    text-align: center;
    color: var(--cor-texto-secundario);
}

/* ------------------------------------------------ Duas colunas: principal | abas */
.agenda-modal__colunas[b-ho5hpy4gul] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    align-items: start;
}

.agenda-modal__principal[b-ho5hpy4gul] {
    display: grid;
    gap: 0.8rem;
    align-content: start;
    padding-right: 1.5rem;
}

.agenda-modal__principal .campo-formulario > label[b-ho5hpy4gul] {
    font-size: 0.82rem;
}

.agenda-modal__lateral[b-ho5hpy4gul] {
    padding-left: 1.5rem;
    border-left: 1px solid var(--cor-borda);
    min-width: 0;
}

.agenda-modal__aba[b-ho5hpy4gul] {
    display: grid;
    gap: 0.6rem;
    align-content: start;
}

.agenda-modal__aba-vazio[b-ho5hpy4gul] {
    margin: 0.15rem 0;
    color: var(--cor-texto-secundario);
    font-size: 0.82rem;
}

@media (max-width: 720px) {
    .agenda-modal__colunas[b-ho5hpy4gul] {
        grid-template-columns: 1fr;
    }

    .agenda-modal__principal[b-ho5hpy4gul] {
        padding-right: 0;
    }

    .agenda-modal__lateral[b-ho5hpy4gul] {
        padding-left: 0;
        padding-top: 0.85rem;
        margin-top: 0.85rem;
        border-left: 0;
        border-top: 1px solid var(--cor-borda);
    }
}

/* ------------------------------------------------ Grades compactas */
.agenda-modal__grade[b-ho5hpy4gul] {
    display: grid;
    gap: 0.55rem;
}

.agenda-modal__grade--datas[b-ho5hpy4gul] {
    grid-template-columns: 1fr 1fr;
}

.agenda-modal__grade--local[b-ho5hpy4gul] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
}

@media (max-width: 520px) {
    .agenda-modal__grade--datas[b-ho5hpy4gul] {
        grid-template-columns: 1fr;
    }
}

/* ------------------------------------------------ Título + "dia inteiro" na mesma linha */
.agenda-modal__linha-titulo[b-ho5hpy4gul] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 0.75rem;
}

.agenda-modal__check[b-ho5hpy4gul] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding-bottom: 0.4rem;
    font-size: 0.85rem;
    color: var(--cor-texto);
    white-space: nowrap;
    cursor: pointer;
}

.agenda-modal__check input[b-ho5hpy4gul] {
    width: 0.9rem;
    height: 0.9rem;
    accent-color: var(--cor-primaria);
    cursor: pointer;
}

/* ------------------------------------------------ Data + hora */
.agenda-modal__data-hora[b-ho5hpy4gul] {
    display: flex;
    gap: 0.4rem;
    align-items: stretch;
}

.agenda-modal__data-hora > :first-child[b-ho5hpy4gul] {
    flex: 1 1 55%;
    min-width: 0;
}

.agenda-modal__data-hora input[type="time"][b-ho5hpy4gul] {
    flex: 1 1 6rem;
    min-width: 5.75rem;
}

/* ------------------------------------------------ Cores */
.agenda-modal__cores[b-ho5hpy4gul] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    padding-top: 0.15rem;
}

.agenda-modal__cor[b-ho5hpy4gul] {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    border: 0;
    padding: 0;
    cursor: pointer;
    outline: 2px solid transparent;
    outline-offset: 2px;
    transition: outline-color 0.12s ease;
}

.agenda-modal__cor--ativa[b-ho5hpy4gul] {
    outline-color: var(--cor-primaria);
}

.agenda-modal__cor:disabled[b-ho5hpy4gul] {
    cursor: default;
    opacity: 0.5;
}

/* ------------------------------------------------ Convidados */
.agenda-modal__convidados[b-ho5hpy4gul] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.3rem;
}

.agenda-modal__convidado[b-ho5hpy4gul] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.3rem 0.5rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    background: var(--cor-superficie-suave);
}

.agenda-modal__convidado-nome[b-ho5hpy4gul] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.85rem;
}

.agenda-modal__rsvp[b-ho5hpy4gul] {
    flex: 0 0 auto;
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.08rem 0.4rem;
    border-radius: var(--raio-pequeno);
    background: color-mix(in srgb, var(--cor-texto-secundario) 12%, transparent);
    color: var(--cor-texto-secundario);
}

.agenda-modal__rsvp--aceito[b-ho5hpy4gul] {
    background: color-mix(in srgb, var(--cor-sucesso, #16a34a) 16%, transparent);
    color: var(--cor-sucesso, #15803d);
}

.agenda-modal__rsvp--recusado[b-ho5hpy4gul] {
    background: color-mix(in srgb, var(--cor-erro, #dc2626) 15%, transparent);
    color: var(--cor-erro, #b91c1c);
}

.agenda-modal__rsvp--talvez[b-ho5hpy4gul] {
    background: color-mix(in srgb, #ca8a04 18%, transparent);
    color: #a16207;
}

/* ------------------------------------------------ Lembretes */
.agenda-modal__lembretes[b-ho5hpy4gul] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: center;
}

.agenda-modal__lembrete[b-ho5hpy4gul] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.35rem 0.25rem 0.55rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    background: var(--cor-superficie-suave);
    color: var(--cor-texto);
    font-size: 0.8rem;
    line-height: 1;
}

.agenda-modal__chip-x[b-ho5hpy4gul] {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 1.05rem;
    height: 1.05rem;
    padding: 0;
    border: 0;
    border-radius: var(--raio-pequeno);
    background: transparent;
    color: var(--cor-texto-suave);
    cursor: pointer;
    transition: background 0.12s ease, color 0.12s ease;
}

.agenda-modal__chip-x:hover[b-ho5hpy4gul] {
    background: color-mix(in srgb, var(--cor-texto) 12%, transparent);
    color: var(--cor-texto);
}

.agenda-modal__chip-x:focus-visible[b-ho5hpy4gul] {
    outline: 2px solid var(--cor-primaria);
    outline-offset: 1px;
}

.agenda-modal__chip-x[b-ho5hpy4gul]  .icone-sistema {
    display: block;
}

.agenda-modal__lembrete-add[b-ho5hpy4gul] {
    height: 1.9rem;
    padding-block: 0;
    width: 100%;
    font-size: 0.82rem;
}

/* ------------------------------------------------ Dias da semana */
.agenda-modal__dias[b-ho5hpy4gul] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.agenda-modal__dia[b-ho5hpy4gul] {
    min-width: 2.25rem;
    padding: 0.3rem 0.4rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
    font-size: 0.76rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.12s ease, color 0.12s ease, border-color 0.12s ease;
}

.agenda-modal__dia:hover[b-ho5hpy4gul] {
    border-color: var(--cor-primaria);
}

.agenda-modal__dia--ativo[b-ho5hpy4gul] {
    background: var(--cor-primaria);
    border-color: var(--cor-primaria);
    color: #fff;
}

.agenda-modal__campo--termino[b-ho5hpy4gul] {
    max-width: 14rem;
}

/* ------------------------------------------------ Escopo (esta ocorrência / série) */
.agenda-modal__escopo[b-ho5hpy4gul] {
    padding: 0.6rem 0.75rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    background: var(--cor-superficie-suave);
    display: grid;
    gap: 0.45rem;
}

.agenda-modal__escopo p[b-ho5hpy4gul] {
    margin: 0;
    font-size: 0.83rem;
    color: var(--cor-texto-secundario);
}

.agenda-modal__escopo-acoes[b-ho5hpy4gul] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

/* ------------------------------------------------ Rodapé */
.agenda-modal__rsvp-label[b-ho5hpy4gul] {
    margin-right: auto;
    font-size: 0.83rem;
    color: var(--cor-texto-secundario);
}

/* PainelAbas dentro do modal: um pouco mais compacto */
.agenda-modal__lateral[b-ho5hpy4gul]  .painel-abas {
    gap: 0.75rem;
}

.agenda-modal__lateral[b-ho5hpy4gul]  .painel-abas__aba {
    padding: 0.45rem 0.7rem;
    font-size: 0.8rem;
}

.agenda-modal__lateral[b-ho5hpy4gul]  .painel-abas__conteudo {
    gap: 0.6rem;
}
/* /Components/Compartilhado/ModalHistoricoCliente.razor.rz.scp.css */
/* Tons suaves: superfícies do tema, sem contrastes fortes; a cor só aparece em estados (pago, atraso, ganho). */

.hc[b-594qpxckpq] { display: grid; gap: 1rem; min-width: 0; }
.hc-pilha[b-594qpxckpq] { display: grid; gap: .8rem; min-width: 0; }
.hc-carregando[b-594qpxckpq], .hc-vazio[b-594qpxckpq] { margin: 0; padding: 1.4rem 0; text-align: center; color: var(--cor-texto-secundario); font-size: .9rem; }

/* ---------- Abas */
.hc-abas[b-594qpxckpq] { display: flex; flex-wrap: wrap; gap: .35rem; padding: .3rem; background: var(--cor-superficie-suave); border-radius: 12px; }
.hc-aba[b-594qpxckpq] {
    display: inline-flex; align-items: center; gap: .45rem; padding: .5rem .8rem; border: 0; border-radius: 9px;
    background: transparent; color: var(--cor-texto-secundario); font: inherit; font-size: .85rem; font-weight: 600; cursor: pointer;
    transition: background .12s ease, color .12s ease;
}
.hc-aba:hover[b-594qpxckpq] { color: var(--cor-texto); background: color-mix(in srgb, var(--cor-primaria) 8%, transparent); }
.hc-aba--ativa[b-594qpxckpq] { color: var(--cor-texto); background: var(--cor-superficie); box-shadow: 0 1px 3px rgb(0 0 0 / 10%); }
.hc-aba em[b-594qpxckpq] {
    min-width: 1.35rem; padding: .05rem .4rem; border-radius: 999px; font-style: normal; font-size: .72rem; text-align: center;
    background: color-mix(in srgb, var(--cor-primaria) 16%, var(--cor-superficie)); color: var(--cor-texto);
}
.hc-corpo[b-594qpxckpq] { min-width: 0; max-height: min(62vh, 44rem); overflow-y: auto; padding-right: .2rem; scrollbar-gutter: stable; }

/* ---------- Cartões do resumo */
.hc-cartoes[b-594qpxckpq] { display: grid; grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); gap: .6rem; }
.hc-cartao[b-594qpxckpq] {
    --hc-cor: var(--cor-texto-secundario);
    display: grid; gap: .15rem; padding: .8rem .9rem; border: 1px solid var(--cor-borda); border-radius: 12px;
    background: var(--cor-superficie); border-left: 3px solid var(--hc-cor);
}
.hc-cartao--sucesso[b-594qpxckpq] { --hc-cor: var(--cor-sucesso); }
.hc-cartao--primario[b-594qpxckpq] { --hc-cor: var(--cor-primaria); }
.hc-cartao--erro[b-594qpxckpq] { --hc-cor: var(--cor-erro); background: color-mix(in srgb, var(--cor-erro) 6%, var(--cor-superficie)); }
.hc-cartao small[b-594qpxckpq] { font-size: .7rem; font-weight: 600; letter-spacing: .03em; text-transform: uppercase; color: var(--cor-texto-secundario); }
.hc-cartao strong[b-594qpxckpq] { font-size: 1.2rem; line-height: 1.2; }
.hc-cartao span[b-594qpxckpq] { font-size: .74rem; color: var(--cor-texto-secundario); }

/* ---------- Seções */
.hc-secao[b-594qpxckpq] { display: grid; gap: .55rem; }
.hc-secao h3[b-594qpxckpq] { margin: 0; font-size: .8rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--cor-texto-secundario); }

/* ---------- Linha do tempo */
.hc-linha[b-594qpxckpq] { list-style: none; margin: 0; padding: 0 0 0 .2rem; display: grid; gap: 0; position: relative; }
.hc-evento[b-594qpxckpq] { display: grid; grid-template-columns: 1.8rem minmax(0, 1fr) auto; align-items: start; gap: .7rem; padding: .5rem 0; position: relative; }
.hc-evento:not(:last-child)[b-594qpxckpq]::before {
    content: ""; position: absolute; left: .9rem; top: 2.1rem; bottom: -.4rem; width: 1px; background: var(--cor-borda);
}
.hc-evento__ponto[b-594qpxckpq] {
    display: grid; place-items: center; width: 1.8rem; height: 1.8rem; border-radius: 50%;
    color: var(--cor-texto-secundario); background: var(--cor-superficie-suave); border: 1px solid var(--cor-borda);
}
.hc-evento--parcelaPaga .hc-evento__ponto[b-594qpxckpq], .hc-evento--negocioGanho .hc-evento__ponto[b-594qpxckpq] { color: var(--cor-sucesso); background: color-mix(in srgb, var(--cor-sucesso) 12%, var(--cor-superficie)); }
.hc-evento--negocioPerdido .hc-evento__ponto[b-594qpxckpq] { color: var(--cor-erro); background: color-mix(in srgb, var(--cor-erro) 10%, var(--cor-superficie)); }
.hc-evento__texto[b-594qpxckpq] { display: grid; min-width: 0; }
.hc-evento__texto strong[b-594qpxckpq] { font-size: .88rem; }
.hc-evento__texto span[b-594qpxckpq] { font-size: .8rem; color: var(--cor-texto-secundario); overflow-wrap: anywhere; }
.hc-evento time[b-594qpxckpq] { font-size: .74rem; color: var(--cor-texto-secundario); white-space: nowrap; padding-top: .15rem; }

/* ---------- Imóveis */
.hc-imoveis[b-594qpxckpq] { display: grid; grid-template-columns: repeat(auto-fill, minmax(21rem, 1fr)); gap: .7rem; }
.hc-imovel[b-594qpxckpq] {
    display: grid; grid-template-columns: 5.5rem minmax(0, 1fr) auto; align-items: center; gap: .8rem; padding: .6rem; text-align: left;
    font: inherit; color: var(--cor-texto); background: var(--cor-superficie); border: 1px solid var(--cor-borda); border-radius: 12px; cursor: pointer;
    transition: border-color .12s ease, transform .12s ease;
}
.hc-imovel:hover[b-594qpxckpq] { border-color: var(--cor-primaria); transform: translateY(-1px); }
.hc-imovel__foto[b-594qpxckpq] { display: grid; place-items: center; width: 5.5rem; height: 4.4rem; overflow: hidden; border-radius: 9px; background: var(--cor-superficie-suave); color: var(--cor-texto-secundario); }
.hc-imovel__foto img[b-594qpxckpq] { width: 100%; height: 100%; object-fit: cover; }
.hc-imovel__info[b-594qpxckpq] { display: grid; gap: .1rem; min-width: 0; }
.hc-imovel__info small[b-594qpxckpq] { font-size: .72rem; font-weight: 600; color: var(--cor-texto-secundario); }
.hc-imovel__info strong[b-594qpxckpq] { font-size: .9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hc-imovel__info > span[b-594qpxckpq] { font-size: .78rem; color: var(--cor-texto-secundario); }

/* ---------- Etiquetas */
.hc-etiquetas[b-594qpxckpq] { display: flex; flex-wrap: wrap; gap: .3rem; margin-top: .15rem; }
.hc-etiqueta[b-594qpxckpq] {
    --hc-etq: var(--cor-texto-secundario);
    padding: .08rem .5rem; border-radius: 999px; font-style: normal; font-size: .72rem; font-weight: 600; white-space: nowrap;
    color: var(--hc-etq); background: color-mix(in srgb, var(--hc-etq) 12%, var(--cor-superficie)); border: 1px solid color-mix(in srgb, var(--hc-etq) 28%, var(--cor-borda));
}
.hc-etiqueta--Ativo[b-594qpxckpq], .hc-etiqueta--paga[b-594qpxckpq], .hc-etiqueta--Ganho[b-594qpxckpq], .hc-etiqueta--negocioGanho[b-594qpxckpq], .hc-etiqueta--Pago[b-594qpxckpq], .hc-etiqueta--Aceito[b-594qpxckpq], .hc-etiqueta--mensal[b-594qpxckpq] { --hc-etq: var(--cor-sucesso); }
.hc-etiqueta--atraso[b-594qpxckpq], .hc-etiqueta--atrasada[b-594qpxckpq], .hc-etiqueta--Perdido[b-594qpxckpq], .hc-etiqueta--Recusado[b-594qpxckpq], .hc-etiqueta--Vencido[b-594qpxckpq] { --hc-etq: var(--cor-erro); }
.hc-etiqueta--Pausado[b-594qpxckpq], .hc-etiqueta--pendente[b-594qpxckpq], .hc-etiqueta--EmAndamento[b-594qpxckpq], .hc-etiqueta--Enviado[b-594qpxckpq], .hc-etiqueta--negocio[b-594qpxckpq], .hc-etiqueta--compra[b-594qpxckpq] { --hc-etq: var(--cor-primaria); }

/* ---------- Contratos */
.hc-contrato[b-594qpxckpq] { display: grid; gap: .7rem; padding: .9rem 1rem; background: var(--cor-superficie); border: 1px solid var(--cor-borda); border-radius: 14px; }
.hc-contrato--atraso[b-594qpxckpq] { border-color: color-mix(in srgb, var(--cor-erro) 40%, var(--cor-borda)); }
.hc-contrato__topo[b-594qpxckpq] { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: .6rem; }
.hc-contrato__titulo[b-594qpxckpq] { display: grid; gap: .1rem; min-width: 0; }
.hc-contrato__titulo small[b-594qpxckpq], .hc-linha-item__corpo small[b-594qpxckpq] { font-size: .72rem; font-weight: 600; color: var(--cor-texto-secundario); }
.hc-contrato__titulo strong[b-594qpxckpq] { font-size: 1rem; }
.hc-contrato__valor[b-594qpxckpq] { display: grid; text-align: right; }
.hc-contrato__valor strong[b-594qpxckpq] { font-size: 1.15rem; }
.hc-contrato__valor span[b-594qpxckpq] { font-size: .74rem; color: var(--cor-texto-secundario); }
.hc-progresso[b-594qpxckpq] { height: .4rem; overflow: hidden; border-radius: 999px; background: var(--cor-superficie-suave); }
.hc-progresso span[b-594qpxckpq] { display: block; height: 100%; border-radius: inherit; background: var(--cor-sucesso); opacity: .85; }
.hc-fatos[b-594qpxckpq] { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: .5rem .9rem; margin: 0; }
.hc-fatos div[b-594qpxckpq] { display: grid; gap: .05rem; }
.hc-fatos dt[b-594qpxckpq] { font-size: .7rem; font-weight: 600; letter-spacing: .03em; text-transform: uppercase; color: var(--cor-texto-secundario); }
.hc-fatos dd[b-594qpxckpq] { margin: 0; font-size: .86rem; }
.hc-fatos__erro dd[b-594qpxckpq] { color: var(--cor-erro); font-weight: 600; }
.hc-contrato__acoes[b-594qpxckpq] { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem .9rem; padding-top: .55rem; border-top: 1px solid var(--cor-borda); }
.hc-espaco[b-594qpxckpq] { flex: 1 1 auto; }

.hc-link[b-594qpxckpq] {
    display: inline-flex; align-items: center; gap: .3rem; padding: .15rem 0; border: 0; background: transparent; color: var(--cor-primaria);
    font: inherit; font-size: .8rem; font-weight: 600; cursor: pointer; text-align: left;
}
.hc-link:hover[b-594qpxckpq] { text-decoration: underline; }
.hc-link--forte[b-594qpxckpq] { padding: .25rem .6rem; border-radius: 8px; background: color-mix(in srgb, var(--cor-primaria) 10%, var(--cor-superficie)); }
.hc-link--forte:hover[b-594qpxckpq] { text-decoration: none; background: color-mix(in srgb, var(--cor-primaria) 18%, var(--cor-superficie)); }

/* ---------- Parcelas */
.hc-parcelas[b-594qpxckpq] { list-style: none; margin: 0; padding: 0; display: grid; gap: .25rem; max-height: 18rem; overflow-y: auto; }
.hc-parcela[b-594qpxckpq] {
    display: grid; grid-template-columns: 2rem 6.5rem minmax(0, 1fr) auto; align-items: center; gap: .6rem; padding: .4rem .6rem;
    border-radius: 9px; background: var(--cor-superficie-suave); font-size: .84rem;
}
.hc-parcela--atrasada[b-594qpxckpq] { background: color-mix(in srgb, var(--cor-erro) 7%, var(--cor-superficie)); }
.hc-parcela--cancelada[b-594qpxckpq] { opacity: .6; }
.hc-parcela__numero[b-594qpxckpq] { color: var(--cor-texto-secundario); font-weight: 600; }
.hc-parcela__data[b-594qpxckpq] { color: var(--cor-texto-secundario); }

/* ---------- Itens de lista (negócios, serviços, documentos) */
.hc-linha-item[b-594qpxckpq] {
    display: grid; grid-template-columns: .3rem minmax(0, 1fr) auto; align-items: stretch; gap: .8rem; padding: .7rem .9rem .7rem .7rem;
    background: var(--cor-superficie); border: 1px solid var(--cor-borda); border-radius: 12px;
}
.hc-linha-item--compacto[b-594qpxckpq] { grid-template-columns: minmax(0, 1fr) auto; padding: .6rem .9rem; align-items: center; }
.hc-linha-item__faixa[b-594qpxckpq] { border-radius: 999px; background: var(--cor-primaria); opacity: .75; }
.hc-linha-item__faixa--ok[b-594qpxckpq] { background: var(--cor-sucesso); }
.hc-linha-item__corpo[b-594qpxckpq] { display: grid; gap: .1rem; min-width: 0; align-content: center; }
.hc-linha-item__corpo strong[b-594qpxckpq] { font-size: .92rem; overflow-wrap: anywhere; }
.hc-linha-item__corpo > span[b-594qpxckpq] { font-size: .8rem; color: var(--cor-texto-secundario); }
.hc-linha-item__lado[b-594qpxckpq] { display: grid; justify-items: end; align-content: center; gap: .15rem; font-size: .78rem; color: var(--cor-texto-secundario); }
.hc-linha-item__lado strong[b-594qpxckpq] { font-size: .95rem; color: var(--cor-texto); }

@media (max-width: 640px) {
    .hc-imoveis[b-594qpxckpq] { grid-template-columns: 1fr; }
    .hc-evento[b-594qpxckpq] { grid-template-columns: 1.8rem minmax(0, 1fr); }
    .hc-evento time[b-594qpxckpq] { grid-column: 2; padding-top: 0; }
    .hc-parcela[b-594qpxckpq] { grid-template-columns: 1.6rem 1fr auto; }
    .hc-parcela__data[b-594qpxckpq] { display: none; }
}
/* /Components/Compartilhado/ModalItemWhatsapp.razor.rz.scp.css */
.item-wpp[b-34xrmcbiji] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-3);
    min-height: 0;
}

.item-wpp__filtros[b-34xrmcbiji] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-2);
}

.item-wpp__busca[b-34xrmcbiji] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    padding: 0 var(--espacamento-3);
    height: 2.5rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background: var(--cor-fundo-secundario);
    color: var(--cor-texto-suave);
}

.item-wpp__busca:focus-within[b-34xrmcbiji] {
    border-color: var(--cor-primaria);
    box-shadow: 0 0 0 3px var(--cor-primaria-suave);
}

.item-wpp__busca input[b-34xrmcbiji] {
    flex: 1;
    min-width: 0;
    border: none;
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    outline: none;
}

.item-wpp__selects[b-34xrmcbiji] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espacamento-2);
}

.item-wpp__lista[b-34xrmcbiji] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    max-height: min(26rem, 55vh);
    overflow-y: auto;
    overscroll-behavior: contain;
}

.item-wpp__item[b-34xrmcbiji] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    width: 100%;
    padding: var(--espacamento-2) var(--espacamento-3);
    border: none;
    border-radius: var(--raio-medio);
    background: transparent;
    color: var(--cor-texto);
    text-align: left;
    cursor: pointer;
    transition: background-color var(--transicao-rapida);
}

.item-wpp__item:hover[b-34xrmcbiji],
.item-wpp__item:focus-visible[b-34xrmcbiji] {
    background: var(--cor-superficie-suave);
    outline: none;
}

.item-wpp__foto[b-34xrmcbiji] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.4rem;
    height: 3.4rem;
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
    border: 1px solid var(--cor-borda);
    color: var(--cor-texto-suave);
    overflow: hidden;
}

.item-wpp__foto img[b-34xrmcbiji] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.item-wpp__texto[b-34xrmcbiji] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.item-wpp__texto strong[b-34xrmcbiji] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.92rem;
}

.item-wpp__sub[b-34xrmcbiji],
.item-wpp__detalhe[b-34xrmcbiji] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.78rem;
    color: var(--cor-texto-secundario);
}

.item-wpp__detalhe[b-34xrmcbiji] {
    color: var(--cor-texto-suave);
}

.item-wpp__preco[b-34xrmcbiji] {
    flex: 0 1 auto;
    max-width: 38%;
    text-align: right;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--cor-primaria);
    overflow-wrap: anywhere;
}

.item-wpp__estado[b-34xrmcbiji],
.item-wpp__mais[b-34xrmcbiji] {
    padding: var(--espacamento-5);
    text-align: center;
    font-size: 0.85rem;
    color: var(--cor-texto-secundario);
}

.item-wpp__mais[b-34xrmcbiji] {
    padding: var(--espacamento-2);
    font-size: 0.75rem;
    color: var(--cor-texto-suave);
}
/* /Components/Compartilhado/ModalPadrao.razor.rz.scp.css */
.modal-sistema[b-xbr47dgdg0] {
    width: min(100vw - 1.5rem, 42rem);
    max-height: calc(100vh - 1.5rem);
    padding: 0;
    border: none;
    background: transparent;
    overflow-x: visible;
    overflow-y: auto;
}

.modal-sistema--grande[b-xbr47dgdg0] {
    width: min(100vw - 1.5rem, 64rem);
}

.modal-sistema--composicao-flutuante[b-xbr47dgdg0] {
    position: fixed;
    inset: auto 0.35rem 0.35rem auto;
    width: min(calc(100vw - 2rem), 36rem);
    max-height: min(46rem, calc(100vh - 0.7rem));
    margin: 0;
}

/* Versao expandida: modal grande centralizado (preferencia do usuario, ver EmailsInicial).
   Fica abaixo da barra superior do app (.cabecalho-sistema, ~57px, z-index 10), que senao cobre o titulo e os botoes. */
.modal-sistema--composicao-flutuante.modal-sistema--composicao-expandida[b-xbr47dgdg0] {
    inset: 4rem 0 1rem 0;
    margin: 0 auto;
    width: min(calc(100vw - 3rem), 64rem);
    height: calc(100vh - 5rem);
    max-height: calc(100vh - 5rem);
}

/* Fundo escurecido como nos demais modais. O dialog nao-modal nao tem ::backdrop, entao o fundo e um pseudo-elemento
   fixo (tambem bloqueia cliques na pagina) e o z-index fica acima da barra superior para ela escurecer junto. */
.modal-sistema--composicao-flutuante.modal-sistema--composicao-expandida[b-xbr47dgdg0] {
    z-index: 11;
}

.modal-sistema--composicao-flutuante.modal-sistema--composicao-expandida[b-xbr47dgdg0]::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background: rgba(0, 0, 0, 0.56);
}

.modal-sistema--composicao-flutuante.modal-sistema--composicao-expandida .modal-sistema__cartao[b-xbr47dgdg0] {
    height: 100%;
    max-height: 100%;
}

.modal-sistema__cabecalho-acoes[b-xbr47dgdg0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.modal-sistema--composicao-flutuante .modal-sistema__cartao[b-xbr47dgdg0] {
    gap: 0;
    height: min(42rem, calc(100vh - 0.7rem));
    padding: 0;
    border-radius: 8px;
    grid-template-rows: auto minmax(0, 1fr) auto;
}

.modal-sistema--composicao-flutuante .modal-sistema__cabecalho[b-xbr47dgdg0] {
    min-height: 2.6rem;
    padding: 0.7rem 0.9rem;
    align-items: center;
    border-bottom: 0;
    background: var(--cor-superficie-suave);
}

.modal-sistema--composicao-flutuante .modal-sistema__titulo h2[b-xbr47dgdg0] {
    font-size: 0.88rem;
}

.modal-sistema--composicao-flutuante .modal-sistema__corpo[b-xbr47dgdg0] {
    flex: 1;
    max-height: none;
    padding: 0.8rem 1rem;
}

.modal-sistema--composicao-flutuante .modal-sistema__rodape[b-xbr47dgdg0] {
    justify-content: flex-start;
    padding: 0.65rem 1rem;
    border-top: 0;
}

@media (max-width: 760px) {
    .modal-sistema--composicao-flutuante[b-xbr47dgdg0] {
        inset: auto 0.25rem 0.25rem auto;
        width: calc(100vw - 1rem);
    }
}

.modal-sistema[b-xbr47dgdg0]::backdrop {
    background: rgba(0, 0, 0, 0.56);
}

.modal-sistema__cartao[b-xbr47dgdg0] {
    display: grid;
    box-sizing: border-box;
    gap: 0.85rem;
    max-height: calc(100vh - 2rem);
    padding: 1rem;
    border-radius: var(--raio-medio);
    border: 1px solid color-mix(in srgb, var(--cor-primaria) 18%, var(--cor-borda));
    background: color-mix(in srgb, var(--cor-primaria) 2%, var(--cor-superficie-elevada));
    box-shadow: var(--sombra-cartao);
    overflow: hidden;
}

.modal-sistema__cabecalho[b-xbr47dgdg0],
.modal-sistema__titulo[b-xbr47dgdg0],
.modal-sistema__rodape[b-xbr47dgdg0] {
    display: flex;
    align-items: flex-start;
    gap: var(--espacamento-3);
}

.modal-sistema__cabecalho[b-xbr47dgdg0] {
    justify-content: space-between;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid color-mix(in srgb, var(--cor-primaria) 14%, var(--cor-borda));
}

.modal-sistema__titulo[b-xbr47dgdg0] {
    min-width: 0;
}

.modal-sistema__titulo h2[b-xbr47dgdg0] {
    margin: 0;
    font-size: 1rem;
    font-weight: 650;
    letter-spacing: -0.01em;
}

.modal-sistema__titulo p[b-xbr47dgdg0] {
    margin: 0.2rem 0 0;
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
}

.modal-sistema__icone[b-xbr47dgdg0] {
    width: 2.15rem;
    height: 2.15rem;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: var(--raio-pequeno);
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
}

.modal-sistema__corpo[b-xbr47dgdg0] {
    display: grid;
    gap: 0.85rem;
    max-height: min(68vh, 40rem);
    overflow: auto;
    padding-right: 0.2rem;
}

.modal-sistema__rodape[b-xbr47dgdg0] {
    justify-content: flex-end;
    flex-wrap: wrap;
    padding-top: 0.75rem;
    border-top: 1px solid color-mix(in srgb, var(--cor-primaria) 14%, var(--cor-borda));
}

@media (max-width: 760px) {
    .modal-sistema[b-xbr47dgdg0] {
        width: min(100vw - 1rem, 42rem);
        max-height: calc(100vh - 1rem);
    }

    .modal-sistema__cartao[b-xbr47dgdg0] {
        max-height: calc(100vh - 1rem);
        padding: 0.85rem;
    }
}
/* /Components/Compartilhado/ModalPesquisaOrcamento.razor.rz.scp.css */
.pesquisa-orcamento__filtros[b-jyh04714j6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--espacamento-3);
    margin-bottom: var(--espacamento-4);
}

.tabela-sistema--pesquisa-orcamento .tabela-sistema__cabecalho[b-jyh04714j6],
.tabela-sistema--pesquisa-orcamento .tabela-sistema__linha[b-jyh04714j6] {
    grid-template-columns: 1fr 1.6fr 1fr 1fr 1.5rem;
}

.pesquisa-orcamento__linha[b-jyh04714j6] {
    width: 100%;
    text-align: left;
    background: var(--cor-superficie);
    color: inherit;
    cursor: pointer;
    align-items: center;
}

.pesquisa-orcamento__linha:hover[b-jyh04714j6] {
    border-color: var(--cor-borda-forte);
    background: var(--cor-primaria-suave);
}

@media (max-width: 700px) {
    .pesquisa-orcamento__filtros[b-jyh04714j6] {
        grid-template-columns: 1fr;
    }

    .tabela-sistema--pesquisa-orcamento .tabela-sistema__cabecalho[b-jyh04714j6],
    .tabela-sistema--pesquisa-orcamento .tabela-sistema__linha[b-jyh04714j6] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Compartilhado/ModalPreviaFatura.razor.rz.scp.css */
.previa-fatura__meta[b-awwhmwayyw] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espacamento-5);
    margin-bottom: var(--espacamento-4);
}

.previa-fatura__meta > div[b-awwhmwayyw] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.previa-fatura__meta span[b-awwhmwayyw] {
    font-size: 0.8rem;
    color: var(--cor-texto-secundario);
}

.tabela-sistema--previa-fatura .tabela-sistema__cabecalho[b-awwhmwayyw],
.tabela-sistema--previa-fatura .tabela-sistema__linha[b-awwhmwayyw] {
    grid-template-columns: 2.5fr 0.8fr 1fr 1fr;
}

.previa-fatura__totais[b-awwhmwayyw] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--espacamento-1);
    margin-top: var(--espacamento-4);
}

.previa-fatura__totais > div[b-awwhmwayyw] {
    display: flex;
    gap: var(--espacamento-4);
    min-width: 16rem;
    justify-content: space-between;
}

.previa-fatura__totais-total[b-awwhmwayyw] {
    border-top: 2px solid var(--cor-borda-forte);
    padding-top: var(--espacamento-2);
    font-size: 1.05rem;
}

@media (max-width: 700px) {
    .tabela-sistema--previa-fatura .tabela-sistema__cabecalho[b-awwhmwayyw],
    .tabela-sistema--previa-fatura .tabela-sistema__linha[b-awwhmwayyw] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Compartilhado/ModalPreviaOrcamento.razor.rz.scp.css */
.previa-orcamento__meta[b-v2vjyr4i0q] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espacamento-5);
    margin-bottom: var(--espacamento-4);
}

.previa-orcamento__meta > div[b-v2vjyr4i0q] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.previa-orcamento__meta span[b-v2vjyr4i0q] {
    font-size: 0.8rem;
    color: var(--cor-texto-secundario);
}

.tabela-sistema--previa-orcamento .tabela-sistema__cabecalho[b-v2vjyr4i0q],
.tabela-sistema--previa-orcamento .tabela-sistema__linha[b-v2vjyr4i0q] {
    grid-template-columns: 2.5fr 0.8fr 1fr 1fr;
}

.previa-orcamento__totais[b-v2vjyr4i0q] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--espacamento-1);
    margin-top: var(--espacamento-4);
}

.previa-orcamento__totais > div[b-v2vjyr4i0q] {
    display: flex;
    gap: var(--espacamento-4);
    min-width: 16rem;
    justify-content: space-between;
}

.previa-orcamento__totais-total[b-v2vjyr4i0q] {
    border-top: 2px solid var(--cor-borda-forte);
    padding-top: var(--espacamento-2);
    font-size: 1.05rem;
}

@media (max-width: 700px) {
    .tabela-sistema--previa-orcamento .tabela-sistema__cabecalho[b-v2vjyr4i0q],
    .tabela-sistema--previa-orcamento .tabela-sistema__linha[b-v2vjyr4i0q] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Compartilhado/ModalVincularDocumento.razor.rz.scp.css */
.vinc-doc[b-yzydo8xssd] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-3);
}

.vinc-doc__lista[b-yzydo8xssd] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-2);
    max-height: min(26rem, 55vh);
    overflow-y: auto;
}

.vinc-doc__item[b-yzydo8xssd] {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: var(--espacamento-3);
    padding: var(--espacamento-3) var(--espacamento-4);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.vinc-doc__item:hover:not(:disabled)[b-yzydo8xssd] {
    border-color: var(--cor-primaria);
    background: var(--cor-primaria-suave);
}

.vinc-doc__texto[b-yzydo8xssd] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.vinc-doc__texto span[b-yzydo8xssd],
.vinc-doc__texto small[b-yzydo8xssd] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--cor-texto-secundario);
}

.vinc-doc__texto small[b-yzydo8xssd] {
    color: var(--cor-texto-suave);
}

.vinc-doc__total[b-yzydo8xssd] {
    font-weight: 700;
    white-space: nowrap;
}

.vinc-doc__acao[b-yzydo8xssd] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--cor-primaria);
    white-space: nowrap;
}

@media (max-width: 560px) {
    .vinc-doc__item[b-yzydo8xssd] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .vinc-doc__acao[b-yzydo8xssd] {
        display: none;
    }
}
/* /Components/Compartilhado/OperacaoEmailPopup.razor.rz.scp.css */
/* Grupo de cartões de operações de e-mail. Vive dentro da pilha única do canto inferior
   (.pilha-flutuante-canto em app.css), que cuida do empilhamento de baixo para cima entre
   os diferentes tipos de pop-up. Aqui só empilha os cartões de e-mail entre si. */
.email-op-popup-pilha[b-czg3tbge8s] {
    z-index: 5999;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
    gap: .5rem;
}

.email-op-popup[b-czg3tbge8s] {
    display: flex;
    gap: .65rem;
    align-items: flex-start;
    width: min(340px, calc(100vw - 2rem));
    padding: .8rem .9rem;
    border-radius: 12px;
    background: var(--cor-superficie, #fff);
    border: 1px solid var(--cor-borda, #e4e7ec);
    box-shadow: 0 12px 32px rgba(16, 24, 40, .18);
    animation: email-op-popup-entrar-b-czg3tbge8s .18s ease-out;
}

@keyframes email-op-popup-entrar-b-czg3tbge8s {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

.email-op-popup__icone[b-czg3tbge8s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    flex: 0 0 auto;
    background: var(--cor-primaria-suave, #eff4ff);
    color: var(--cor-primaria, #2563eb);
}
.email-op-popup--erro .email-op-popup__icone[b-czg3tbge8s] { background: #fef2f2; color: #b91c1c; }
.email-op-popup--ok .email-op-popup__icone[b-czg3tbge8s] { background: #ecfdf3; color: #067647; }

.email-op-popup--andamento .email-op-popup__icone[b-czg3tbge8s]  svg {
    animation: email-op-popup-girar-b-czg3tbge8s 1.1s linear infinite;
}

@keyframes email-op-popup-girar-b-czg3tbge8s {
    to { transform: rotate(360deg); }
}

.email-op-popup__corpo[b-czg3tbge8s] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: .3rem; }
.email-op-popup__corpo strong[b-czg3tbge8s] { font-size: .86rem; }

.email-op-popup__detalhe[b-czg3tbge8s] {
    font-size: .76rem;
    color: var(--cor-texto-secundario, #667085);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Compartilhado/PainelAbas.razor.rz.scp.css */
.painel-abas[b-le5km1dbxs] {
    display: grid;
    gap: var(--espacamento-4);
}

.painel-abas__cabecalho[b-le5km1dbxs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    border-bottom: 1px solid var(--cor-borda);
}

.painel-abas__aba[b-le5km1dbxs] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.6rem 0.9rem;
    border: none;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: var(--cor-texto-secundario);
    font-size: 0.84rem;
    font-weight: 600;
    cursor: pointer;
    margin-bottom: -1px;
    transition: color 0.15s ease, border-color 0.15s ease;
}

.painel-abas__aba:hover[b-le5km1dbxs] {
    color: var(--cor-texto);
}

.painel-abas__aba.ativa[b-le5km1dbxs] {
    color: var(--cor-primaria);
    border-bottom-color: var(--cor-primaria);
}

.painel-abas__contador[b-le5km1dbxs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.35rem;
    height: 1.35rem;
    margin-left: 0.15rem;
    padding: 0 0.35rem;
    border-radius: 999px;
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1;
}

.painel-abas__aba.ativa .painel-abas__contador[b-le5km1dbxs] {
    background: var(--cor-primaria);
    color: #fff;
}

.painel-abas__conteudo[b-le5km1dbxs] {
    display: grid;
    gap: var(--espacamento-4);
}

@media (max-width: 760px) {
    .painel-abas__cabecalho[b-le5km1dbxs] {
        overflow-x: auto;
        flex-wrap: nowrap;
    }

    .painel-abas__aba[b-le5km1dbxs] {
        flex: 0 0 auto;
    }
}
/* /Components/Compartilhado/PainelChamados.razor.rz.scp.css */
.painel-chamados[b-tltaqwkbkk] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.painel-chamados__topo[b-tltaqwkbkk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.painel-chamados__resumo[b-tltaqwkbkk] {
    margin: 0;
    color: var(--cor-texto-secundario);
    font-size: .9rem;
}

.painel-chamados__acoes[b-tltaqwkbkk] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

.painel-chamados__estado[b-tltaqwkbkk] {
    color: var(--cor-texto-secundario);
    padding: 1.5rem 0;
    text-align: center;
}

.painel-chamados__lista[b-tltaqwkbkk] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.painel-chamados__item[b-tltaqwkbkk] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .8rem 1rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio, 8px);
    background: var(--cor-superficie);
    color: inherit;
    cursor: pointer;
    text-align: left;
}

.painel-chamados__item:hover[b-tltaqwkbkk] {
    border-color: var(--cor-primaria);
    background: var(--cor-superficie-suave, var(--cor-fundo-secundario));
}

.painel-chamados__item-principal[b-tltaqwkbkk] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    min-width: 0;
}

.painel-chamados__item-principal strong[b-tltaqwkbkk] {
    font-size: .95rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.painel-chamados__item-meta[b-tltaqwkbkk] {
    font-size: .78rem;
    color: var(--cor-texto-secundario);
}

.painel-chamados__badges[b-tltaqwkbkk] {
    display: flex;
    align-items: center;
    gap: .35rem;
    flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.painel-chamados__badge[b-tltaqwkbkk] {
    display: inline-flex;
    align-items: center;
    gap: .2rem;
    padding: .12rem .5rem;
    border-radius: 1rem;
    font-size: .72rem;
    font-weight: 700;
    background: var(--cor-fundo-secundario);
    color: var(--cor-texto-secundario);
}

.painel-chamados__badge--aberto[b-tltaqwkbkk] { background: color-mix(in srgb, #2456c6 16%, transparent); color: #2456c6; }
.painel-chamados__badge--emandamento[b-tltaqwkbkk] { background: color-mix(in srgb, #b45309 18%, transparent); color: #b45309; }
.painel-chamados__badge--aguardandotenant[b-tltaqwkbkk] { background: color-mix(in srgb, #6d28d9 16%, transparent); color: #6d28d9; }
.painel-chamados__badge--resolvido[b-tltaqwkbkk] { background: color-mix(in srgb, #1a7f45 16%, transparent); color: #1a7f45; }
.painel-chamados__badge--fechado[b-tltaqwkbkk] { background: var(--cor-fundo-secundario); color: var(--cor-texto-secundario); }
.painel-chamados__badge--resposta[b-tltaqwkbkk] { background: var(--cor-primaria); color: #fff; }

.painel-chamados__detalhe[b-tltaqwkbkk] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.painel-chamados__detalhe-meta[b-tltaqwkbkk] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
    font-size: .82rem;
    color: var(--cor-texto-secundario);
}

.painel-chamados__thread[b-tltaqwkbkk] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
    max-height: 45vh;
    overflow-y: auto;
    padding: .15rem;
}

.painel-chamados__mensagem[b-tltaqwkbkk] {
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio, 8px);
    padding: .6rem .8rem;
    background: var(--cor-fundo-secundario);
    max-width: 85%;
}

.painel-chamados__mensagem--suporte[b-tltaqwkbkk] {
    align-self: flex-start;
}

.painel-chamados__mensagem--proprio[b-tltaqwkbkk] {
    align-self: flex-end;
    background: var(--cor-primaria-suave);
    border-color: var(--cor-primaria-suave);
}

.painel-chamados__mensagem-meta[b-tltaqwkbkk] {
    display: flex;
    gap: .5rem;
    font-size: .74rem;
    color: var(--cor-texto-secundario);
    margin-bottom: .25rem;
}

.painel-chamados__mensagem-corpo[b-tltaqwkbkk] {
    white-space: pre-wrap;
    font-size: .9rem;
}
/* /Components/Compartilhado/PainelConfiguracaoAsaas.razor.rz.scp.css */
.asaas-conexao[b-t62918muig] {
    display: grid;
    gap: var(--espacamento-4, 1rem);
}

.asaas-conexao__topo[b-t62918muig] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 1rem;
}

.asaas-conexao__topo h3[b-t62918muig],
.asaas-conexao__topo p[b-t62918muig] {
    margin: 0;
}

.asaas-conexao__topo p[b-t62918muig] {
    margin-top: 0.2rem;
    color: var(--cor-texto-secundario);
    font-size: 0.88rem;
}

@media (max-width: 700px) {
    .asaas-conexao__topo[b-t62918muig] {
        grid-template-columns: auto 1fr;
    }

    .asaas-conexao__topo .asaas-conexao__status[b-t62918muig] {
        grid-column: 1 / -1;
    }
}

.asaas-conexao__icone[b-t62918muig] {
    display: inline-grid;
    flex: none;
    place-items: center;
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 1rem;
    background: color-mix(in srgb, var(--cor-primaria) 16%, transparent);
    color: var(--cor-primaria);
}

.asaas-conexao__status[b-t62918muig] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    width: fit-content;
    padding: 0.18rem 0.65rem;
    border-radius: 999px;
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
    font-weight: 600;
    white-space: nowrap;
}

.asaas-conexao__status[b-t62918muig]::before {
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: currentColor;
}

.asaas-conexao__status--sucesso[b-t62918muig] {
    background: rgba(25, 201, 139, 0.14);
    color: #12b886;
}

.asaas-conexao__status--erro[b-t62918muig] {
    background: rgba(224, 49, 49, 0.14);
    color: #f06565;
}

.asaas-conexao__responsabilidade[b-t62918muig] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    margin: 0;
    padding: 0.65rem 0.9rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
    font-size: 0.85rem;
}

.asaas-conexao__responsabilidade[b-t62918muig]  svg {
    flex: none;
    margin-top: 0.1rem;
    color: var(--cor-primaria);
}

.asaas-conexao__fatos[b-t62918muig] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: 0.75rem;
}

.asaas-conexao__fato[b-t62918muig] {
    display: grid;
    align-content: start;
    gap: 0.2rem;
    min-width: 0;
    padding: 0.75rem 0.9rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    background: var(--cor-superficie-suave);
}

.asaas-conexao__fato small[b-t62918muig] {
    color: var(--cor-texto-secundario);
    font-size: 0.74rem;
}

.asaas-conexao__fato strong[b-t62918muig] {
    overflow-wrap: anywhere;
    font-size: 0.92rem;
}

.asaas-conexao__ok[b-t62918muig] { color: #12b886; }
.asaas-conexao__erro[b-t62918muig] { color: #f06565; }

.asaas-conexao__texto[b-t62918muig] {
    margin: 0;
    color: var(--cor-texto-secundario);
}

.asaas-conexao__aviso[b-t62918muig] {
    margin: 0;
    padding: 0.65rem 0.9rem;
    border: 1px solid rgba(245, 159, 0, 0.3);
    border-radius: var(--raio-pequeno);
    background: rgba(245, 159, 0, 0.1);
    color: var(--cor-texto);
    font-size: 0.88rem;
}

.asaas-conexao__acoes[b-t62918muig] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.asaas-conexao__passos[b-t62918muig] {
    padding: 0.9rem 1.1rem;
    border: 1px dashed var(--cor-borda-forte);
    border-radius: var(--raio-pequeno);
}

.asaas-conexao__passos h4[b-t62918muig] {
    margin: 0 0 0.4rem;
}

.asaas-conexao__passos ol[b-t62918muig] {
    margin: 0;
    padding-left: 1.2rem;
    color: var(--cor-texto-secundario);
    font-size: 0.88rem;
    line-height: 1.55;
}

.asaas-conexao__formulario[b-t62918muig] {
    display: grid;
    gap: 0.9rem;
    max-width: 36rem;
}

.asaas-conexao__formulario small[b-t62918muig] {
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
}

.asaas-conexao__termos[b-t62918muig] {
    display: grid;
    gap: 0.75rem;
    padding: 0.9rem 1.1rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
}

.asaas-conexao__termos h4[b-t62918muig] {
    margin: 0;
}

.asaas-conexao__termos h4 small[b-t62918muig] {
    margin-left: 0.4rem;
    color: var(--cor-texto-secundario);
    font-size: 0.74rem;
    font-weight: 500;
}

.asaas-conexao__termos summary[b-t62918muig] {
    cursor: pointer;
    font-weight: 600;
}

.asaas-conexao__termos ol[b-t62918muig] {
    margin: 0.6rem 0 0;
    padding-left: 1.2rem;
    color: var(--cor-texto-secundario);
    font-size: 0.86rem;
    line-height: 1.55;
}

.asaas-conexao__termos li + li[b-t62918muig] {
    margin-top: 0.4rem;
}

.asaas-conexao__termos-ok[b-t62918muig] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    color: #12b886;
    font-size: 0.86rem;
    font-weight: 600;
}

.asaas-conexao__marcar[b-t62918muig] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-weight: 600;
    cursor: pointer;
}
/* /Components/Compartilhado/PainelConfiguracaoRelatorioTrabalho.razor.rz.scp.css */
/* .cfg-rel__lista é a raiz do componente ListaOrdenavel (fora do escopo desta página): ::deep a alcança a partir de .painel. */
.painel[b-8r6yu5lo1x]  .cfg-rel__lista {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-2);
}

.cfg-rel__item[b-8r6yu5lo1x] {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: var(--espacamento-3);
    padding: var(--espacamento-3) var(--espacamento-4);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
    transition: opacity 0.15s ease, border-color 0.15s ease;
}

.cfg-rel__item:hover[b-8r6yu5lo1x] {
    border-color: var(--cor-borda-forte);
}

.cfg-rel__item--inativo .cfg-rel__icone[b-8r6yu5lo1x],
.cfg-rel__item--inativo .cfg-rel__texto[b-8r6yu5lo1x] {
    opacity: 0.5;
}

.cfg-rel__ordem[b-8r6yu5lo1x] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.cfg-rel__icone[b-8r6yu5lo1x] {
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--raio-medio);
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
}

.cfg-rel__texto[b-8r6yu5lo1x] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.cfg-rel__texto strong[b-8r6yu5lo1x] {
    font-size: 0.95rem;
}

.cfg-rel__texto small[b-8r6yu5lo1x] {
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
}

.cfg-rel__renomear[b-8r6yu5lo1x] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
}

.cfg-rel__renomear input[b-8r6yu5lo1x] {
    flex: 1;
    min-width: 0;
}

.cfg-rel__acoes[b-8r6yu5lo1x] {
    display: flex;
    gap: 0.15rem;
}

.cfg-rel__interruptor[b-8r6yu5lo1x] {
    display: inline-flex;
    align-items: center;
    gap: var(--espacamento-2);
    margin: 0;
    cursor: pointer;
}

.cfg-rel__interruptor input[b-8r6yu5lo1x] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.cfg-rel__chave[b-8r6yu5lo1x] {
    position: relative;
    width: 2.4rem;
    height: 1.35rem;
    border-radius: 999px;
    background: var(--cor-borda-forte);
    transition: background 0.15s ease;
}

.cfg-rel__chave[b-8r6yu5lo1x]::after {
    content: "";
    position: absolute;
    top: 0.17rem;
    left: 0.17rem;
    width: 1.01rem;
    height: 1.01rem;
    border-radius: 50%;
    background: #fff;
    transition: transform 0.15s ease;
}

.cfg-rel__chave.ativo[b-8r6yu5lo1x] {
    background: var(--cor-primaria);
}

.cfg-rel__chave.ativo[b-8r6yu5lo1x]::after {
    transform: translateX(1.05rem);
}

.cfg-rel__estado[b-8r6yu5lo1x] {
    min-width: 3.2rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--cor-texto-secundario);
}

.cfg-rel__nota[b-8r6yu5lo1x] {
    display: flex;
    align-items: flex-start;
    gap: var(--espacamento-2);
    margin: var(--espacamento-4) 0 0;
    padding: var(--espacamento-3);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
    font-size: 0.85rem;
}

@media (max-width: 640px) {
    .cfg-rel__item[b-8r6yu5lo1x] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .cfg-rel__icone[b-8r6yu5lo1x] {
        display: none;
    }

    .cfg-rel__acoes[b-8r6yu5lo1x] {
        grid-column: 2;
    }

    .cfg-rel__estado[b-8r6yu5lo1x] {
        display: none;
    }
}

.cfg-rel__nova[b-8r6yu5lo1x] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    margin-bottom: var(--espacamento-2);
    padding: var(--espacamento-3);
    border: 1px solid var(--cor-primaria);
    border-radius: var(--raio-medio);
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
}

.cfg-rel__nova input[b-8r6yu5lo1x] {
    flex: 1;
    min-width: 0;
}

.cfg-rel__dica[b-8r6yu5lo1x] {
    margin: 0 0 var(--espacamento-3);
    color: var(--cor-texto-secundario);
    font-size: 0.82rem;
}

@media (max-width: 640px) {
    .cfg-rel__nova[b-8r6yu5lo1x] {
        flex-wrap: wrap;
    }
}
/* /Components/Compartilhado/PainelDocumentosTrabalho.razor.rz.scp.css */
.painel-doc[b-ytbo5zwa8r] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-4);
    padding: var(--espacamento-1) 0 var(--espacamento-3);
}

.painel-doc__cabecalho[b-ytbo5zwa8r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--espacamento-3);
}

.painel-doc__resumo[b-ytbo5zwa8r] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
}

.painel-doc__contagem[b-ytbo5zwa8r] {
    min-width: 1.5rem;
    padding: 0.05rem 0.5rem;
    border-radius: 999px;
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
    font-size: 0.8rem;
    font-weight: 700;
    text-align: center;
}

.painel-doc__acoes[b-ytbo5zwa8r] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espacamento-2);
}

.painel-doc__acoes--centro[b-ytbo5zwa8r] {
    justify-content: center;
    margin-top: var(--espacamento-2);
}

/* ===== Estado vazio ===== */

.painel-doc__vazio[b-ytbo5zwa8r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--espacamento-2);
    padding: var(--espacamento-6, 2.5rem) var(--espacamento-4);
    border: 1px dashed var(--cor-borda-forte);
    border-radius: var(--raio-grande);
    background: var(--cor-superficie-suave);
    text-align: center;
}

.painel-doc__vazio p[b-ytbo5zwa8r] {
    margin: 0;
    max-width: 28rem;
    color: var(--cor-texto-secundario);
}

.painel-doc__vazio-icone[b-ytbo5zwa8r] {
    display: grid;
    place-items: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
}

/* ===== Cartões ===== */

.painel-doc__lista[b-ytbo5zwa8r] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-2);
}

.painel-doc__cartao[b-ytbo5zwa8r] {
    display: flex;
    align-items: stretch;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-grande);
    background: var(--cor-superficie);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.painel-doc__cartao:hover[b-ytbo5zwa8r] {
    border-color: var(--cor-borda-forte);
    box-shadow: var(--sombra-suave);
}

.painel-doc__principal[b-ytbo5zwa8r] {
    flex: 1;
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--espacamento-3);
    padding: var(--espacamento-3) var(--espacamento-4);
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
    border-radius: var(--raio-grande) 0 0 var(--raio-grande);
}

.painel-doc__principal:disabled[b-ytbo5zwa8r] {
    cursor: default;
}

.painel-doc__principal:focus-visible[b-ytbo5zwa8r] {
    outline: 2px solid var(--cor-primaria);
    outline-offset: -2px;
}

.painel-doc__icone[b-ytbo5zwa8r] {
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--raio-medio);
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
}

.painel-doc__texto[b-ytbo5zwa8r] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.painel-doc__titulo[b-ytbo5zwa8r] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--espacamento-2);
}

.painel-doc__contato[b-ytbo5zwa8r],
.painel-doc__datas[b-ytbo5zwa8r] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.85rem;
    color: var(--cor-texto-secundario);
}

.painel-doc__datas[b-ytbo5zwa8r] {
    font-size: 0.78rem;
    color: var(--cor-texto-suave);
}

.painel-doc__total[b-ytbo5zwa8r] {
    font-size: 1.05rem;
    font-weight: 700;
    white-space: nowrap;
}

.painel-doc__status[b-ytbo5zwa8r] {
    display: inline-flex;
    align-items: center;
    padding: 0.1rem 0.55rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
}

.painel-doc__status.etiqueta-status--sucesso[b-ytbo5zwa8r] {
    background: rgba(25, 201, 139, 0.14);
    color: var(--cor-sucesso);
}

.painel-doc__status.etiqueta-status--erro[b-ytbo5zwa8r] {
    background: rgba(240, 93, 111, 0.14);
    color: var(--cor-erro);
}

.painel-doc__status.etiqueta-status--info[b-ytbo5zwa8r] {
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
}

.painel-doc__botoes[b-ytbo5zwa8r] {
    display: flex;
    align-items: center;
    gap: 0.15rem;
    padding: 0 var(--espacamento-3);
    border-left: 1px solid var(--cor-borda);
}

@media (max-width: 700px) {
    .painel-doc__cartao[b-ytbo5zwa8r] {
        flex-direction: column;
    }

    .painel-doc__principal[b-ytbo5zwa8r] {
        grid-template-columns: auto minmax(0, 1fr);
        border-radius: var(--raio-grande) var(--raio-grande) 0 0;
    }

    .painel-doc__total[b-ytbo5zwa8r] {
        grid-column: 2;
    }

    .painel-doc__botoes[b-ytbo5zwa8r] {
        justify-content: flex-end;
        padding: var(--espacamento-2) var(--espacamento-3);
        border-left: 0;
        border-top: 1px solid var(--cor-borda);
    }
}
/* /Components/Compartilhado/PainelFiltrosContatosWhatsapp.razor.rz.scp.css */
.wpp-filtros[b-fzyanedg81] {
    display: grid;
    gap: 1rem;
}

.wpp-filtros__barra[b-fzyanedg81] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.wpp-filtros__intro[b-fzyanedg81] {
    margin: 0;
    color: var(--cor-texto-secundario, #667085);
    font-size: 0.86rem;
}

.wpp-filtros__aviso[b-fzyanedg81] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.6rem 0.8rem;
    border: 1px solid var(--cor-borda, #d0d5dd);
    border-radius: 8px;
    background: var(--cor-superficie-secundaria, rgba(37, 99, 235, 0.06));
    font-size: 0.82rem;
    color: var(--cor-texto-secundario, #667085);
}

.wpp-filtros__estado[b-fzyanedg81] {
    color: var(--cor-texto-secundario, #667085);
}

.wpp-filtros__lista[b-fzyanedg81] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.6rem;
}

.wpp-filtros__item[b-fzyanedg81] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid var(--cor-borda, #d0d5dd);
    border-radius: 10px;
    background: var(--cor-superficie, #fff);
}

.wpp-filtros__item--inativo[b-fzyanedg81] {
    opacity: 0.6;
}

.wpp-filtros__ordem[b-fzyanedg81] {
    flex: 0 0 auto;
    width: 1.6rem;
    height: 1.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--cor-primaria, #2563eb);
    color: #fff;
    font-size: 0.76rem;
    font-weight: 600;
}

.wpp-filtros__corpo[b-fzyanedg81] {
    flex: 1 1 auto;
    min-width: 0;
    display: grid;
    gap: 0.3rem;
}

.wpp-filtros__titulo[b-fzyanedg81] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.wpp-filtros__selo[b-fzyanedg81] {
    padding: 0.05rem 0.45rem;
    border-radius: 999px;
    border: 1px solid var(--cor-borda, #d0d5dd);
    font-size: 0.7rem;
    color: var(--cor-texto-secundario, #667085);
}

.wpp-filtros__resumo[b-fzyanedg81] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.82rem;
    color: var(--cor-texto-secundario, #667085);
}

.wpp-filtros__acao[b-fzyanedg81] {
    font-weight: 600;
    color: var(--cor-texto, #101828);
}

.wpp-filtros__acao--naoatender[b-fzyanedg81] {
    color: #b42318;
}

.wpp-filtros__chips[b-fzyanedg81] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.wpp-filtros__chips--form[b-fzyanedg81] {
    margin-top: 0.5rem;
}

.wpp-filtros__chip[b-fzyanedg81] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.15rem 0.55rem;
    border: 1px solid var(--cor-borda, #d0d5dd);
    border-radius: 999px;
    background: var(--cor-superficie, #fff);
    font-size: 0.76rem;
}

.wpp-filtros__chip--mais[b-fzyanedg81] {
    color: var(--cor-texto-secundario, #667085);
}

.wpp-filtros__chip button[b-fzyanedg81] {
    border: 0;
    padding: 0;
    background: none;
    color: inherit;
    font: inherit;
    line-height: 1;
    cursor: pointer;
}

.wpp-filtros__acoes[b-fzyanedg81] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 0.15rem;
}

.wpp-filtros__ativo[b-fzyanedg81] {
    display: inline-flex;
    align-items: center;
    padding: 0 0.4rem;
}

.wpp-filtros__resultados[b-fzyanedg81] {
    list-style: none;
    margin: 0.35rem 0 0;
    padding: 0.25rem;
    max-height: 14rem;
    overflow: auto;
    border: 1px solid var(--cor-borda, #d0d5dd);
    border-radius: 8px;
    background: var(--cor-superficie, #fff);
}

.wpp-filtros__resultados button[b-fzyanedg81] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.4rem 0.55rem;
    border: 0;
    border-radius: 6px;
    background: none;
    font: inherit;
    font-size: 0.84rem;
    text-align: left;
    cursor: pointer;
}

.wpp-filtros__resultados button:hover[b-fzyanedg81] {
    background: var(--cor-superficie-secundaria, rgba(37, 99, 235, 0.08));
}

.wpp-filtros__resultados span[b-fzyanedg81] {
    color: var(--cor-texto-secundario, #667085);
}
/* /Components/Compartilhado/PainelFluxosWhatsapp.razor.rz.scp.css */
.fx-pagina[b-xbrjfoxbt9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}

.fx-pagina__topo[b-xbrjfoxbt9] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.fx-pagina__intro[b-xbrjfoxbt9] {
    flex: 1;
    margin: 0;
    color: var(--cor-texto-secundario, #667);
    font-size: .9rem;
}

.fx-pagina__carregando[b-xbrjfoxbt9] {
    color: var(--cor-texto-secundario, #667);
    font-size: .9rem;
}

.fx-grid[b-xbrjfoxbt9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    gap: .8rem;
}

.fx-card[b-xbrjfoxbt9] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    text-align: left;
    padding: .85rem;
    border-radius: .7rem;
    border: 1px solid var(--cor-borda, #e4e7ec);
    background: var(--cor-superficie, #fff);
    cursor: pointer;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.fx-card:hover[b-xbrjfoxbt9] {
    border-color: var(--cor-primaria, #2563eb);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .08);
}

.fx-card--inativo[b-xbrjfoxbt9] {
    opacity: .65;
}

.fx-card__topo[b-xbrjfoxbt9] {
    display: flex;
    align-items: center;
    gap: .45rem;
}

.fx-card__icone[b-xbrjfoxbt9] {
    display: inline-flex;
    color: var(--cor-texto-secundario, #667);
}

.fx-card__nome[b-xbrjfoxbt9] {
    flex: 1;
    font-size: .95rem;
}

.fx-card__selo[b-xbrjfoxbt9] {
    font-size: .7rem;
    padding: .1rem .4rem;
    border-radius: .35rem;
    background: var(--cor-superficie-suave, #f2f4f7);
    color: var(--cor-texto-secundario, #667);
}

.fx-card__selo--on[b-xbrjfoxbt9] {
    background: color-mix(in srgb, var(--cor-primaria, #64748b) 12%, transparent);
    color: var(--cor-primaria, #475569);
}

.fx-card__desc[b-xbrjfoxbt9] {
    margin: 0;
    font-size: .82rem;
    color: var(--cor-texto-secundario, #667);
}

.fx-card__stats[b-xbrjfoxbt9] {
    display: flex;
    gap: 1.1rem;
    margin: 0;
}

.fx-card__stats div[b-xbrjfoxbt9] {
    display: flex;
    flex-direction: column;
}

.fx-card__stats dt[b-xbrjfoxbt9] {
    font-size: 1rem;
    font-weight: 600;
}

.fx-card__stats dd[b-xbrjfoxbt9] {
    margin: 0;
    font-size: .72rem;
    color: var(--cor-texto-secundario, #667);
}

.fx-card__rodape[b-xbrjfoxbt9] {
    font-size: .72rem;
    color: var(--cor-texto-secundario, #667);
}

/* ---- editor ---- */
.fx-editor[b-xbrjfoxbt9] {
    display: grid;
    grid-template-columns: 13rem minmax(0, 1fr) 21rem;
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.fx-editor__paleta[b-xbrjfoxbt9],
.fx-editor__props[b-xbrjfoxbt9] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
    padding: .9rem;
    min-width: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.fx-editor__paleta[b-xbrjfoxbt9] {
    border-right: 1px solid var(--cor-borda, #e4e7ec);
}

.fx-editor__props[b-xbrjfoxbt9] {
    border-left: 1px solid var(--cor-borda, #e4e7ec);
}

.fx-editor__paleta h3[b-xbrjfoxbt9],
.fx-editor__props h3[b-xbrjfoxbt9] {
    margin: 0 0 .25rem;
    font-size: .85rem;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: var(--cor-texto-secundario, #667);
}

.fx-editor__paleta-btn[b-xbrjfoxbt9] {
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: .5rem .6rem;
    border-radius: .5rem;
    border: 1px solid var(--cor-borda, #e4e7ec);
    background: var(--cor-superficie, #fff);
    font-size: .85rem;
    cursor: pointer;
}

.fx-editor__paleta-btn:hover[b-xbrjfoxbt9] {
    background: var(--cor-superficie-suave, #f2f4f7);
}

.fx-editor__paleta-dica[b-xbrjfoxbt9],
.fx-editor__props-info[b-xbrjfoxbt9] {
    font-size: .76rem;
    color: var(--cor-texto-secundario, #667);
    margin: .2rem 0 0;
}

.fx-editor__canvas-area[b-xbrjfoxbt9] {
    position: relative;
    min-width: 0;
    --fx-grade: color-mix(in srgb, var(--cor-borda, #e4e7ec) 55%, transparent);
    background:
        radial-gradient(circle, var(--fx-grade) 1px, transparent 1px) 0 0 / 24px 24px,
        var(--cor-fundo, #f7f8fa);
}

/* Alvo por id, não classe: ver comentário no .razor sobre o "parent-drawflow" do Drawflow. */
#fx-canvas[b-xbrjfoxbt9] {
    position: absolute;
    inset: 0;
}

.fx-editor__opcao[b-xbrjfoxbt9] {
    display: flex;
    gap: .35rem;
    align-items: center;
    margin-bottom: .3rem;
}

.fx-editor__switch[b-xbrjfoxbt9] {
    display: flex;
    align-items: center;
    gap: .45rem;
    font-size: .85rem;
}

.fx-editor__acoes-espaco[b-xbrjfoxbt9] {
    flex: 1;
}

@media (max-width: 60rem) {
    .fx-editor[b-xbrjfoxbt9] {
        grid-template-columns: 1fr;
        grid-template-rows: auto minmax(16rem, 1fr) auto;
    }

    .fx-editor__paleta[b-xbrjfoxbt9] {
        flex-direction: row;
        flex-wrap: wrap;
        border-right: none;
        border-bottom: 1px solid var(--cor-borda, #e4e7ec);
    }

    .fx-editor__props[b-xbrjfoxbt9] {
        border-left: none;
        border-top: 1px solid var(--cor-borda, #e4e7ec);
    }
}

/* ---- nós do Drawflow (cores discretas, seguindo os tokens do tema) ----
   O drawflow.min.css traz um tema próprio (fundo vermelho no nó selecionado, portas
   e conexões azul-vivo). Aqui sobrescrevemos tudo para os tokens do Nexo. */
[b-xbrjfoxbt9] .drawflow .drawflow-node {
    padding: 0;
    border-radius: .55rem;
    border: 1px solid var(--cor-borda, #cbd5e1);
    background: var(--cor-superficie, #fff);
    color: var(--cor-texto, #1f2937);
    width: 200px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .08);
}

[b-xbrjfoxbt9] .drawflow .drawflow-node:hover {
    border-color: var(--cor-texto-secundario, #94a3b8);
}

[b-xbrjfoxbt9] .drawflow .drawflow-node.selected {
    background: var(--cor-superficie, #fff);
    border: 1px solid var(--cor-primaria, #64748b);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--cor-primaria, #64748b) 28%, transparent);
}

/* Portas de entrada/saída (as "bolinhas"). */
[b-xbrjfoxbt9] .drawflow .drawflow-node .input,
[b-xbrjfoxbt9] .drawflow .drawflow-node .output {
    background: var(--cor-superficie, #fff);
    border: 2px solid var(--cor-borda, #cbd5e1);
    box-shadow: none;
}

[b-xbrjfoxbt9] .drawflow .drawflow-node .input:hover,
[b-xbrjfoxbt9] .drawflow .drawflow-node .output:hover {
    border-color: var(--cor-primaria, #64748b);
}

/* Linhas de conexão + pontos de reroute. */
[b-xbrjfoxbt9] .drawflow .connection .main-path {
    stroke: var(--cor-texto-secundario, #94a3b8);
    stroke-width: 2px;
}

[b-xbrjfoxbt9] .drawflow .connection .main-path:hover,
[b-xbrjfoxbt9] .drawflow .connection .main-path.selected {
    stroke: var(--cor-primaria, #64748b);
}

[b-xbrjfoxbt9] .drawflow .connection .point {
    stroke: var(--cor-primaria, #64748b);
    fill: var(--cor-superficie, #fff);
    stroke-width: 2px;
}

/* Faixa de acento discreta à esquerda, em tons dessaturados. */
[b-xbrjfoxbt9] .fx-no {
    background: var(--cor-superficie, #fff);
    border-left: 3px solid var(--cor-borda, #cbd5e1);
    border-radius: .5rem;
    overflow: hidden;
}

[b-xbrjfoxbt9] .fx-no--inicio { border-left-color: #7fae90; }
[b-xbrjfoxbt9] .fx-no--fim { border-left-color: #c59a94; }
[b-xbrjfoxbt9] .fx-no--menu { border-left-color: #8ea2c4; }
[b-xbrjfoxbt9] .fx-no--mensagem { border-left-color: var(--cor-texto-secundario, #94a3b8); }
[b-xbrjfoxbt9] .fx-no--transferir_humano { border-left-color: #d9a441; }
[b-xbrjfoxbt9] .fx-no--agente_ia { border-left-color: #7c6fd6; }

[b-xbrjfoxbt9] .fx-no__cabecalho {
    display: flex;
    align-items: center;
    gap: .35rem;
    font-weight: 600;
    font-size: .78rem;
    padding: .4rem .55rem;
    background: var(--cor-superficie-suave, #f2f4f7);
    border-bottom: 1px solid var(--cor-borda, #e4e7ec);
    color: var(--cor-texto, #1f2937);
}

[b-xbrjfoxbt9] .fx-no__corpo {
    padding: .45rem .55rem;
    font-size: .74rem;
    background: var(--cor-superficie, #fff);
    color: var(--cor-texto-secundario, #475569);
    max-height: 7rem;
    overflow: hidden;
}

[b-xbrjfoxbt9] .fx-no__opcoes {
    display: block;
    margin-top: .2rem;
    color: var(--cor-texto, #1f2937);
}

[b-xbrjfoxbt9] .fx-no__dica {
    font-style: italic;
}

/* O drawflow.min.css põe "position:absolute" em TODO <svg> dentro de .drawflow (feito para as conexões) — o ícone do
   cabeçalho do nó saía do fluxo e ficava por cima da 1ª letra do título. Aqui ele volta a ocupar o seu lugar. */
[b-xbrjfoxbt9] .drawflow .fx-no__icone {
    position: static;
    flex: 0 0 auto;
    opacity: .8;
}

/* ---- listagem: selo "Incompleto" + botão de importar ---- */
.fx-card__alerta[b-xbrjfoxbt9] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    align-self: flex-start;
    font-size: .68rem;
    font-weight: 600;
    padding: .1rem .45rem;
    border-radius: 999px;
    border: 1px solid rgba(245, 158, 11, .3);
    background: rgba(245, 158, 11, .12);
    color: #f59e0b;
}

.fx-pagina__acoes[b-xbrjfoxbt9] {
    position: relative;
    display: flex;
    align-items: center;
    gap: .5rem;
}

/* ---- abas do editor (Fluxograma / Mensagens) ---- */
.fx-corpo[b-xbrjfoxbt9] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.fx-corpo > .fx-editor[b-xbrjfoxbt9] {
    flex: 1;
    height: auto;
}

.fx-oculto[b-xbrjfoxbt9] {
    display: none !important;
}

.fx-abas[b-xbrjfoxbt9] {
    display: flex;
    flex: 0 0 auto;
    gap: 1.4rem;
    padding: .7rem 1.2rem 0;
    border-bottom: 1px solid var(--cor-borda, #e4e7ec);
}

.fx-aba[b-xbrjfoxbt9] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: 0 .2rem .6rem;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    background: transparent;
    color: var(--cor-texto-secundario, #667);
    font-size: .84rem;
    font-weight: 600;
    cursor: pointer;
}

.fx-aba:hover[b-xbrjfoxbt9] {
    color: var(--cor-texto, #1f2937);
}

.fx-aba.ativa[b-xbrjfoxbt9] {
    color: var(--cor-primaria, #2563eb);
    border-bottom-color: var(--cor-primaria, #2563eb);
}

.fx-mensagens[b-xbrjfoxbt9] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    flex: 1;
    min-height: 0;
    width: 100%;
    max-width: 64rem;
    margin: 0 auto;
    padding: 1.2rem;
    overflow-y: auto;
    box-sizing: border-box;
}

.fx-mensagens__intro[b-xbrjfoxbt9] {
    margin: 0;
    color: var(--cor-texto-secundario, #667);
    font-size: .88rem;
}

/* ---- painel de propriedades do nó ---- */
.fx-editor__imagem[b-xbrjfoxbt9] {
    display: block;
    max-width: 100%;
    max-height: 9.5rem;
    object-fit: contain;
    border: 1px solid var(--cor-borda, #e4e7ec);
    border-radius: .5rem;
    background: var(--cor-superficie-suave, #f2f4f7);
}

.fx-editor__imagem-acoes[b-xbrjfoxbt9] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}
/* /Components/Compartilhado/PainelInformacoesJobs.razor.rz.scp.css */
.painel-info-jobs[b-glfvhnxoek] {
    display: grid;
    grid-template-rows: auto 1fr;
    gap: var(--espacamento-3, 0.75rem);
    height: 100%;
    min-height: 0;
}

.painel-info-jobs__cabecalho[b-glfvhnxoek] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-2, 0.5rem);
}

.painel-info-jobs__cabecalho h3[b-glfvhnxoek] {
    margin: 0;
    font-size: 0.9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.painel-info-jobs__contagem[b-glfvhnxoek] {
    flex: 0 0 auto;
    min-width: 1.4rem;
    padding: 0.05rem 0.4rem;
    border-radius: 999px;
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
    font-size: 0.75rem;
    font-weight: 700;
    text-align: center;
}

.painel-info-jobs__vazio[b-glfvhnxoek] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
    height: 100%;
    text-align: center;
}

.painel-info-jobs__vazio[b-glfvhnxoek]  .estado-vazio {
    justify-items: center;
    padding: 0;
}

.painel-info-jobs__lista[b-glfvhnxoek] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    align-content: start;
    gap: 0.4rem;
    overflow-y: auto;
    min-height: 0;
}

.painel-info-jobs__item[b-glfvhnxoek] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: start;
    gap: 0.1rem 0.5rem;
    padding: 0.5rem 0.6rem;
    border-radius: var(--raio-medio);
    border: 1px solid var(--cor-borda);
    background: var(--cor-fundo-secundario);
}

.painel-info-jobs__item--clicavel[b-glfvhnxoek] {
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.painel-info-jobs__item--clicavel:hover[b-glfvhnxoek],
.painel-info-jobs__item--clicavel:focus-visible[b-glfvhnxoek] {
    border-color: var(--cor-primaria);
    background: var(--cor-primaria-suave);
    outline: none;
}

.painel-info-jobs__titulo[b-glfvhnxoek] {
    grid-column: 1 / 2;
    font-size: 0.82rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.painel-info-jobs__valor[b-glfvhnxoek] {
    grid-column: 2 / 3;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--cor-primaria);
    white-space: nowrap;
}

.painel-info-jobs__olho[b-glfvhnxoek] {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    padding: 0;
    border: none;
    border-radius: 5px;
    background: transparent;
    color: var(--cor-texto-secundario);
    cursor: pointer;
}

.painel-info-jobs__olho:hover[b-glfvhnxoek] {
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
}

.painel-info-jobs__meta[b-glfvhnxoek] {
    grid-column: 1 / 4;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.75rem;
    color: var(--cor-texto-secundario);
    overflow: hidden;
}

.painel-info-jobs__meta span[b-glfvhnxoek] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.painel-info-jobs__meta-separador[b-glfvhnxoek] {
    flex: 0 0 auto;
}
/* /Components/Compartilhado/PainelMensagensRapidasWhatsapp.razor.rz.scp.css */
.wpp-rapidas[b-f1xrvnjeow] {
    display: grid;
    gap: 1rem;
}

.wpp-rapidas__intro[b-f1xrvnjeow] {
    margin: 0;
    color: var(--cor-texto-secundario, #667085);
    font-size: 0.86rem;
}

.wpp-rapidas__chips[b-f1xrvnjeow] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.wpp-rapidas__chips--form[b-f1xrvnjeow] {
    margin-top: 0.4rem;
}

.wpp-rapidas__chip[b-f1xrvnjeow] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.2rem 0.5rem;
    border: 1px solid var(--cor-borda, #d0d5dd);
    border-radius: 999px;
    background: var(--cor-superficie, #fff);
    font: inherit;
    font-size: 0.76rem;
    cursor: pointer;
}

button.wpp-rapidas__chip:hover[b-f1xrvnjeow] {
    border-color: var(--cor-primaria, #2563eb);
    color: var(--cor-primaria, #2563eb);
}

.wpp-rapidas__barra[b-f1xrvnjeow] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.wpp-rapidas__estado[b-f1xrvnjeow] {
    color: var(--cor-texto-secundario, #667085);
}

.wpp-rapidas__grupo[b-f1xrvnjeow] {
    display: grid;
    gap: 0.35rem;
    margin-bottom: 0.75rem;
}

.wpp-rapidas__grupo-titulo[b-f1xrvnjeow] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--cor-texto-secundario, #667085);
}

.wpp-rapidas__lista[b-f1xrvnjeow] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.35rem;
}

.wpp-rapidas__item[b-f1xrvnjeow] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.6rem;
    border: 1px solid var(--cor-borda, #e4e7ec);
    border-radius: 8px;
}

.wpp-rapidas__item-corpo[b-f1xrvnjeow] {
    flex: 1;
    min-width: 0;
    display: grid;
    gap: 1px;
}

.wpp-rapidas__item-corpo strong[b-f1xrvnjeow] {
    font-size: 0.86rem;
}

.wpp-rapidas__item-previa[b-f1xrvnjeow] {
    font-size: 0.78rem;
    color: var(--cor-texto-secundario, #667085);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Compartilhado/PainelMidiasWhatsapp.razor.rz.scp.css */
.wpp-midias[b-24ll11104u] {
    display: grid;
    gap: 1rem;
}

.wpp-midias__intro[b-24ll11104u],
.wpp-midias__nota[b-24ll11104u] {
    margin: 0;
    color: var(--cor-texto-secundario, #667085);
    font-size: 0.84rem;
}

.wpp-midias__estado[b-24ll11104u] {
    color: var(--cor-texto-secundario, #667085);
}

.wpp-midias__bloco[b-24ll11104u] {
    display: grid;
    gap: 0.7rem;
    padding: 1rem;
    border: 1px solid var(--cor-borda, #d0d5dd);
    border-radius: 10px;
    background: var(--cor-superficie, #fff);
}

.wpp-midias__topo[b-24ll11104u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.wpp-midias__topo h3[b-24ll11104u] {
    margin: 0;
    font-size: 1rem;
}

.wpp-midias__numeros[b-24ll11104u] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.wpp-midias__valor[b-24ll11104u] {
    font-size: 1.6rem;
}

.wpp-midias__pct[b-24ll11104u] {
    font-style: normal;
    font-weight: 600;
}

.wpp-midias__barra[b-24ll11104u] {
    height: 0.6rem;
    border-radius: 999px;
    background: var(--cor-superficie-secundaria, rgba(100, 116, 139, 0.18));
    overflow: hidden;
}

.wpp-midias__barra-preenchimento[b-24ll11104u] {
    height: 100%;
    border-radius: 999px;
    transition: width 0.3s ease;
}

.wpp-midias__cor--perigo[b-24ll11104u] { color: #b42318; }
.wpp-midias__cor--aviso[b-24ll11104u] { color: #b54708; }
.wpp-midias__cor--ok[b-24ll11104u] { color: #067647; }
.wpp-midias__cor--neutro[b-24ll11104u] { color: inherit; }

.wpp-midias__fundo--perigo[b-24ll11104u] { background: #d92d20; }
.wpp-midias__fundo--aviso[b-24ll11104u] { background: #f79009; }
.wpp-midias__fundo--ok[b-24ll11104u] { background: #12b76a; }
.wpp-midias__fundo--neutro[b-24ll11104u] { background: var(--cor-primaria, #2563eb); }

.wpp-midias__aviso[b-24ll11104u] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin: 0;
    padding: 0.6rem 0.8rem;
    border: 1px solid #f79009;
    border-radius: 8px;
    background: rgba(247, 144, 9, 0.1);
    font-size: 0.84rem;
}

.wpp-midias__aviso--perigo[b-24ll11104u] {
    border-color: #d92d20;
    background: rgba(217, 45, 32, 0.1);
    color: #b42318;
    font-weight: 600;
}

.wpp-midias__tipos[b-24ll11104u] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.4rem;
}

.wpp-midias__tipos li[b-24ll11104u] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    font-size: 0.88rem;
}

.wpp-midias__retencao[b-24ll11104u] {
    display: grid;
    gap: 0.45rem;
    max-width: 34rem;
}

.wpp-midias__slider-topo[b-24ll11104u] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    font-size: 0.86rem;
}

.wpp-midias__slider-valor[b-24ll11104u] {
    font-size: 1.15rem;
    color: var(--cor-primaria, #2563eb);
}

.wpp-midias__slider[b-24ll11104u] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 0.5rem;
    margin: 0.35rem 0;
    border-radius: 999px;
    background: linear-gradient(to right,
        var(--cor-primaria, #2563eb) 0,
        var(--cor-primaria, #2563eb) var(--preenchimento, 100%),
        var(--cor-borda-forte, rgba(100, 116, 139, 0.35)) var(--preenchimento, 100%),
        var(--cor-borda-forte, rgba(100, 116, 139, 0.35)) 100%);
    outline: none;
    cursor: pointer;
}

.wpp-midias__slider:disabled[b-24ll11104u] {
    cursor: default;
    opacity: 0.6;
}

.wpp-midias__slider[b-24ll11104u]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 1.3rem;
    height: 1.3rem;
    border: 3px solid var(--cor-primaria, #2563eb);
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}

.wpp-midias__slider[b-24ll11104u]::-moz-range-thumb {
    width: 1.3rem;
    height: 1.3rem;
    box-sizing: border-box;
    border: 3px solid var(--cor-primaria, #2563eb);
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}

.wpp-midias__slider:focus-visible[b-24ll11104u]::-webkit-slider-thumb {
    outline: 2px solid var(--cor-primaria, #2563eb);
    outline-offset: 2px;
}

.wpp-midias__slider-marcas[b-24ll11104u] {
    display: flex;
    justify-content: space-between;
    font-size: 0.72rem;
    color: var(--cor-texto-secundario, #667085);
}

.wpp-midias__retencao-acoes[b-24ll11104u] {
    display: flex;
    justify-content: flex-end;
}

.wpp-midias__numeros-lista[b-24ll11104u] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.6rem;
}

.wpp-midias__numero[b-24ll11104u] {
    display: grid;
    gap: 0.75rem;
    padding: 0.9rem 1rem;
    border: 1px solid var(--cor-borda, #d0d5dd);
    border-radius: 12px;
    background: var(--cor-superficie-secundaria, rgba(100, 116, 139, 0.06));
}

.wpp-midias__numero-topo[b-24ll11104u] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.wpp-midias__numero-icone[b-24ll11104u] {
    flex: none;
    width: 2.1rem;
    height: 2.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(18, 183, 106, 0.16);
    color: #12b76a;
}

.wpp-midias__numero-nome[b-24ll11104u] {
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
    min-width: 0;
}

.wpp-midias__numero-nome strong[b-24ll11104u] {
    font-size: 0.95rem;
}

.wpp-midias__chaves[b-24ll11104u] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: 0.6rem;
}

.wpp-midias__chave[b-24ll11104u] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid var(--cor-borda, #d0d5dd);
    border-radius: 10px;
    background: var(--cor-superficie, #fff);
    cursor: pointer;
    transition: border-color 0.18s ease, background-color 0.18s ease;
}

.wpp-midias__chave:hover:not(.wpp-midias__chave--bloqueada)[b-24ll11104u] {
    border-color: var(--cor-primaria, #2563eb);
}

.wpp-midias__chave--ligada[b-24ll11104u] {
    border-color: color-mix(in srgb, var(--cor-primaria, #2563eb) 45%, var(--cor-borda, #d0d5dd));
}

.wpp-midias__chave--bloqueada[b-24ll11104u] {
    cursor: default;
    opacity: 0.7;
}

.wpp-midias__chave-icone[b-24ll11104u] {
    flex: none;
    display: inline-flex;
    color: var(--cor-texto-secundario, #667085);
}

.wpp-midias__chave--ligada .wpp-midias__chave-icone[b-24ll11104u] {
    color: var(--cor-primaria, #2563eb);
}

.wpp-midias__chave-texto[b-24ll11104u] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 0.78rem;
    line-height: 1.25;
}

/* O checkbox fica só para teclado/leitor de tela; quem aparece é o interruptor do sistema (mesmo do menu do usuário). */
.wpp-midias__chave-entrada[b-24ll11104u] {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    pointer-events: none;
}

.wpp-midias__chave-entrada:focus-visible + .interruptor[b-24ll11104u] {
    outline: 2px solid var(--cor-primaria, #2563eb);
    outline-offset: 2px;
}

.wpp-midias__chave .interruptor[b-24ll11104u] {
    width: 2.1rem;
    height: 1.2rem;
}

.wpp-midias__chave .interruptor__bolinha[b-24ll11104u] {
    top: 0.14rem;
    left: 0.14rem;
    width: 0.92rem;
    height: 0.92rem;
}

.wpp-midias__chave .interruptor.ligado .interruptor__bolinha[b-24ll11104u] {
    transform: translateX(0.9rem);
}
/* /Components/Compartilhado/PainelRegrasNegocios.razor.rz.scp.css */
.regras-pagina[b-6vje47ym6b] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
    padding-bottom: 2rem;
}

.regras-cabecalho h1[b-6vje47ym6b] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
}

.regras-cabecalho p[b-6vje47ym6b] {
    margin: .2rem 0 0;
    font-size: .82rem;
    color: var(--cor-texto-suave);
}

.regras-abas[b-6vje47ym6b] {
    display: flex;
    gap: .25rem;
    border-bottom: 1px solid var(--cor-borda);
}

.regras-abas button[b-6vje47ym6b] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: -1px;
    padding: .6rem .95rem;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: var(--cor-texto-secundario);
    font-size: .86rem;
    font-weight: 600;
    cursor: pointer;
}

.regras-abas button:hover[b-6vje47ym6b] {
    color: var(--cor-texto);
}

.regras-abas button.ativo[b-6vje47ym6b] {
    border-bottom-color: var(--cor-primaria);
    color: var(--cor-primaria);
}

.regras-abas__contagem[b-6vje47ym6b] {
    padding: .02rem .45rem;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 700;
    background: var(--cor-superficie-suave);
}

.regras-cartao[b-6vje47ym6b] {
    display: grid;
    gap: 1rem;
    padding: 1.1rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    background: var(--cor-superficie);
}

.regras-cartao__cabecalho[b-6vje47ym6b] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
}

.regras-cartao__titulos[b-6vje47ym6b] {
    flex: 1 1 auto;
    min-width: 0;
}

.regras-cartao__cabecalho h2[b-6vje47ym6b] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}

.regras-cartao__cabecalho p[b-6vje47ym6b] {
    margin: .2rem 0 0;
    max-width: 46rem;
    font-size: .8rem;
    line-height: 1.4;
    color: var(--cor-texto-suave);
}

.regras-cartao__icone[b-6vje47ym6b] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 10px;
    color: var(--cor-primaria);
    background: color-mix(in srgb, var(--cor-primaria) 13%, var(--cor-superficie));
}

/* ---- Captura */

.regras-captura[b-6vje47ym6b] {
    display: grid;
    gap: .85rem;
}

.regras-captura__atual[b-6vje47ym6b] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .6rem;
}

.regras-captura__chip[b-6vje47ym6b] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .3rem .75rem;
    border: 1px solid color-mix(in srgb, var(--regras-cor) 45%, var(--cor-borda));
    border-radius: 999px;
    background: color-mix(in srgb, var(--regras-cor) 10%, var(--cor-superficie));
    font-size: .82rem;
}

.regras-captura__chip--vazio[b-6vje47ym6b] {
    border-style: dashed;
    border-color: var(--cor-borda-forte);
    background: transparent;
    color: var(--cor-texto-suave);
}

.regras-captura__ponto[b-6vje47ym6b] {
    width: .7rem;
    height: .7rem;
    border-radius: 3px;
    background: var(--regras-cor);
}

.regras-captura__form[b-6vje47ym6b] {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: .75rem;
}

.regras-captura__form .campo-formulario[b-6vje47ym6b] {
    flex: 1 1 22rem;
    max-width: 38rem;
    margin: 0;
}

.regras-captura__pendentes[b-6vje47ym6b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .6rem;
    padding: .6rem .8rem;
    border-radius: var(--raio-base);
    background: color-mix(in srgb, var(--cor-primaria) 8%, var(--cor-superficie));
    font-size: .8rem;
}

/* ---- Rodízio */

.regras-vazio[b-6vje47ym6b] {
    display: flex;
    justify-content: center;
    padding: 1.5rem 0;
}

/* .regras-lista é a raiz do componente ListaOrdenavel (fora do escopo desta página): ::deep a alcança a partir de .regras-pagina. */
.regras-pagina[b-6vje47ym6b]  .regras-lista {
    display: grid;
    gap: .75rem;
}

.regra-cartao[b-6vje47ym6b] {
    display: grid;
    gap: .55rem;
    padding: .9rem 1rem;
    border: 1px solid var(--cor-borda);
    border-top: 3px solid var(--cor-primaria);
    border-radius: var(--raio-base);
    background: var(--cor-superficie);
}

.regra-cartao--inativa[b-6vje47ym6b] {
    border-top-color: var(--cor-borda-forte);
    background: var(--cor-superficie-suave);
}

.regra-cartao--inativa h3[b-6vje47ym6b],
.regra-cartao--inativa .regra-cartao__grade[b-6vje47ym6b] {
    opacity: .7;
}

.regra-cartao__topo[b-6vje47ym6b] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .6rem;
}

.regra-cartao__topo h3[b-6vje47ym6b] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
}

.regra-cartao__posicao[b-6vje47ym6b] {
    margin-right: .2rem;
    color: var(--cor-texto-suave);
}

.regra-cartao__estado[b-6vje47ym6b] {
    padding: .1rem .55rem;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 700;
    color: var(--cor-texto-secundario);
    background: var(--cor-superficie-suave);
}

.regra-cartao__estado--ativa[b-6vje47ym6b] {
    color: var(--cor-sucesso);
    background: color-mix(in srgb, var(--cor-sucesso) 13%, var(--cor-superficie));
}

.regra-cartao__acoes[b-6vje47ym6b] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    margin-left: auto;
}

.regra-cartao__grade[b-6vje47ym6b] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .3rem 1.5rem;
}

.regra-cartao__grade p[b-6vje47ym6b],
.regra-cartao__linha[b-6vje47ym6b] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .35rem;
    margin: 0;
    font-size: .82rem;
    color: var(--cor-texto-secundario);
}

.regra-cartao__grade strong[b-6vje47ym6b],
.regra-cartao__linha strong[b-6vje47ym6b] {
    color: var(--cor-texto);
}

.regra-cartao__linha small[b-6vje47ym6b] {
    color: var(--cor-texto-suave);
}

.regra-cartao__rotulo[b-6vje47ym6b] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.regra-cartao__alerta[b-6vje47ym6b] {
    padding: .05rem .45rem;
    border-radius: 999px;
    font-size: .66rem;
    font-weight: 700;
    color: var(--cor-alerta);
    background: color-mix(in srgb, var(--cor-alerta) 14%, var(--cor-superficie));
}

.regra-cartao__avatares[b-6vje47ym6b] {
    display: inline-flex;
    align-items: center;
}

.regra-cartao__avatar[b-6vje47ym6b] {
    display: inline-flex;
    margin-right: -.4rem;
    border: 2px solid var(--cor-superficie);
    border-radius: 50%;
}

.regra-cartao__mais[b-6vje47ym6b] {
    margin-left: .65rem;
    font-size: .74rem;
    font-weight: 700;
    color: var(--cor-texto-suave);
}

/* ---- Funis (barras em forma de funil) */

.regras-funis[b-6vje47ym6b] {
    display: grid;
    gap: 1rem;
}

.regras-funis__barra[b-6vje47ym6b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .75rem;
}

.regras-funis__barra p[b-6vje47ym6b] {
    margin: 0;
    max-width: 46rem;
    font-size: .82rem;
    color: var(--cor-texto-suave);
}

.regras-funil[b-6vje47ym6b] {
    display: grid;
    gap: .75rem;
    padding: 1rem 1.1rem 1.2rem;
    border: 1px solid var(--cor-borda);
    border-top: 3px solid var(--regras-cor);
    border-radius: var(--raio-base);
    background: var(--cor-superficie);
}

.regras-funil__topo[b-6vje47ym6b] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .75rem;
    padding-bottom: .6rem;
    border-bottom: 1px solid var(--cor-borda);
}

.regras-funil__titulo[b-6vje47ym6b] {
    min-width: 0;
}

.regras-funil__titulo h2[b-6vje47ym6b] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .4rem;
    margin: 0;
    font-size: 1rem;
    font-weight: 500;
}

.regras-funil__titulo h2[b-6vje47ym6b]  .icone-sistema {
    color: var(--regras-cor);
}

.regras-funil__titulo p[b-6vje47ym6b] {
    margin: .2rem 0 0;
    font-size: .78rem;
    color: var(--cor-texto-suave);
}

.regras-funil__acoes[b-6vje47ym6b] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.regras-funil__tags[b-6vje47ym6b] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.regras-funil__tag[b-6vje47ym6b] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding: .12rem .5rem;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 600;
    color: var(--cor-texto-secundario);
    background: var(--cor-superficie-suave);
}

.regras-funil__tag--aviso[b-6vje47ym6b] {
    color: var(--cor-alerta);
    background: color-mix(in srgb, var(--cor-alerta) 13%, var(--cor-superficie));
}

.regras-funil__vazio[b-6vje47ym6b] {
    margin: 0;
    padding: 1rem;
    text-align: center;
    font-size: .82rem;
    color: var(--cor-texto-suave);
}

.regras-funil__etapas[b-6vje47ym6b] {
    display: grid;
    justify-items: center;
    gap: .3rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.regras-funil__item[b-6vje47ym6b] {
    display: flex;
    justify-content: center;
    width: 100%;
}

.regras-funil__barra-etapa[b-6vje47ym6b] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: .55rem;
    min-height: 2.6rem;
    padding: .35rem .9rem;
    border-radius: 6px;
    font-size: .85rem;
    font-weight: 600;
    text-transform: uppercase;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 10%);
}

.regras-funil__selos[b-6vje47ym6b] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: .3rem;
}

.regras-funil__selo[b-6vje47ym6b] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding: .05rem .5rem;
    border-radius: 999px;
    font-size: .64rem;
    font-weight: 700;
    letter-spacing: .02em;
    background: rgb(255 255 255 / 24%);
}

.regras-funil__contagem[b-6vje47ym6b] {
    padding: .02rem .5rem;
    border-radius: 999px;
    font-size: .7rem;
    background: rgb(0 0 0 / 18%);
    color: #fff;
}

.regras-funil__botao[b-6vje47ym6b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.7rem;
    height: 1.7rem;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: inherit;
    cursor: pointer;
    opacity: .85;
}

.regras-funil__botao:hover[b-6vje47ym6b] {
    background: rgb(255 255 255 / 25%);
    opacity: 1;
}

@media (max-width: 48rem) {
    .regra-cartao__grade[b-6vje47ym6b] {
        grid-template-columns: minmax(0, 1fr);
    }

    .regra-cartao__acoes[b-6vje47ym6b] {
        margin-left: 0;
    }

    .regras-funil__barra-etapa[b-6vje47ym6b] {
        width: 100% !important;
    }
}

/* Critérios extras da regra (dias, vigência, imóvel, online...) em chips */
.regra-cartao__criterios[b-6vje47ym6b] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.regra-cartao__chip[b-6vje47ym6b] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    max-width: 100%;
    padding: .12rem .55rem;
    border: 1px solid color-mix(in srgb, var(--cor-primaria) 22%, var(--cor-borda));
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 600;
    color: var(--cor-texto-secundario);
    background: color-mix(in srgb, var(--cor-primaria) 6%, var(--cor-superficie));
}

.regra-cartao__chip > :first-child[b-6vje47ym6b] {
    flex: 0 0 auto;
    color: var(--cor-primaria);
}

.regra-cartao__chip > span:last-child[b-6vje47ym6b] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.regra-cartao--inativa .regra-cartao__criterios[b-6vje47ym6b] {
    opacity: .7;
}
/* /Components/Compartilhado/PerfilAbaGeral.razor.rz.scp.css */
.perfil-geral[b-mo2jb2mqwy] {
    display: grid;
    grid-template-columns: minmax(16rem, 20rem) minmax(0, 1fr);
    gap: var(--espacamento-4);
    align-items: start;
}

.perfil-geral__foto[b-mo2jb2mqwy] {
    display: grid;
    justify-items: center;
    gap: var(--espacamento-4);
    text-align: center;
}

.perfil-geral__identidade[b-mo2jb2mqwy] {
    display: grid;
    gap: 2px;
}

.perfil-geral__identidade strong[b-mo2jb2mqwy] {
    font-size: 1.05rem;
}

.perfil-geral__identidade span[b-mo2jb2mqwy] {
    color: var(--cor-texto-secundario);
    font-size: 0.86rem;
}

.perfil-geral__acoes[b-mo2jb2mqwy] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--espacamento-2);
}

/* <label for> estilizado como botão: sem cursor de texto e com estado desabilitado */
.perfil-geral__acoes label[b-mo2jb2mqwy] {
    cursor: pointer;
}

.perfil-geral__acoes label.desabilitado[b-mo2jb2mqwy] {
    opacity: 0.6;
    pointer-events: none;
}

.perfil-geral__ajuda[b-mo2jb2mqwy] {
    color: var(--cor-texto-secundario);
    font-size: 0.76rem;
}

.perfil-geral__dados[b-mo2jb2mqwy] {
    display: grid;
    gap: var(--espacamento-4);
}

.perfil-geral__lista[b-mo2jb2mqwy] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--espacamento-4);
    margin: 0;
}

.perfil-geral__lista > div[b-mo2jb2mqwy] {
    display: grid;
    gap: 2px;
    min-width: 0;
    padding-bottom: var(--espacamento-3);
    border-bottom: 1px solid var(--cor-borda);
}

.perfil-geral__lista dt[b-mo2jb2mqwy] {
    color: var(--cor-texto-secundario);
    font-size: 0.74rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.perfil-geral__lista dd[b-mo2jb2mqwy] {
    margin: 0;
    overflow-wrap: anywhere;
    font-size: 0.92rem;
}

.perfil-geral__lista-larga[b-mo2jb2mqwy] {
    grid-column: 1 / -1;
}

@media (max-width: 860px) {
    .perfil-geral[b-mo2jb2mqwy] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 560px) {
    .perfil-geral__lista[b-mo2jb2mqwy] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Compartilhado/PerfilAbaNotificacoes.razor.rz.scp.css */
.perfil-notificacoes[b-8ym0w1sqrx] {
    display: grid;
    gap: var(--espacamento-5);
}

.perfil-notificacoes__estado[b-8ym0w1sqrx] {
    margin: 0;
    color: var(--cor-texto-secundario);
}

.perfil-notificacoes__grupo[b-8ym0w1sqrx] {
    display: grid;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    overflow: hidden;
}

.perfil-notificacoes__grupo-cabecalho[b-8ym0w1sqrx],
.perfil-notificacoes__linha[b-8ym0w1sqrx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 5.5rem 5.5rem;
    align-items: center;
    gap: var(--espacamento-3);
    padding: var(--espacamento-3) var(--espacamento-4);
}

.perfil-notificacoes__grupo-cabecalho[b-8ym0w1sqrx] {
    background: var(--cor-superficie-elevada);
    border-bottom: 1px solid var(--cor-borda);
}

.perfil-notificacoes__grupo-cabecalho h3[b-8ym0w1sqrx] {
    display: inline-flex;
    align-items: center;
    gap: var(--espacamento-2);
    margin: 0;
    font-size: 0.86rem;
    font-weight: 700;
}

.perfil-notificacoes__coluna[b-8ym0w1sqrx] {
    justify-self: center;
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.perfil-notificacoes__linha + .perfil-notificacoes__linha[b-8ym0w1sqrx] {
    border-top: 1px solid var(--cor-borda);
}

.perfil-notificacoes__texto[b-8ym0w1sqrx] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.perfil-notificacoes__texto strong[b-8ym0w1sqrx] {
    font-size: 0.88rem;
    font-weight: 600;
}

.perfil-notificacoes__texto span[b-8ym0w1sqrx] {
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
}

.perfil-notificacoes__rodape[b-8ym0w1sqrx] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    margin: var(--espacamento-4) 0 0;
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
}

/* Interruptor (switch) minimalista */
.perfil-switch[b-8ym0w1sqrx] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-self: center;
    gap: var(--espacamento-2);
    cursor: pointer;
}

.perfil-switch[b-8ym0w1sqrx]::before {
    content: attr(data-rotulo);
    display: none;
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
}

.perfil-switch input[b-8ym0w1sqrx] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.perfil-switch__trilho[b-8ym0w1sqrx] {
    position: relative;
    flex: 0 0 auto;
    width: 2.25rem;
    height: 1.3rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background: var(--cor-superficie-elevada);
    transition: background 0.15s ease, border-color 0.15s ease;
}

.perfil-switch__trilho[b-8ym0w1sqrx]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 2px;
    width: 0.95rem;
    height: 0.95rem;
    border-radius: 50%;
    background: var(--cor-texto-secundario);
    transform: translateY(-50%);
    transition: left 0.15s ease, background 0.15s ease;
}

.perfil-switch input:checked + .perfil-switch__trilho[b-8ym0w1sqrx] {
    border-color: var(--cor-primaria);
    background: var(--cor-primaria);
}

.perfil-switch input:checked + .perfil-switch__trilho[b-8ym0w1sqrx]::after {
    left: calc(100% - 0.95rem - 2px);
    background: #fff;
}

.perfil-switch input:focus-visible + .perfil-switch__trilho[b-8ym0w1sqrx] {
    outline: 2px solid color-mix(in srgb, var(--cor-primaria) 55%, transparent);
    outline-offset: 2px;
}

.perfil-switch input:disabled[b-8ym0w1sqrx] {
    cursor: wait;
}

.perfil-switch:has(input:disabled)[b-8ym0w1sqrx] {
    opacity: 0.6;
}

@media (max-width: 640px) {
    .perfil-notificacoes__grupo-cabecalho[b-8ym0w1sqrx] {
        grid-template-columns: minmax(0, 1fr);
    }

    .perfil-notificacoes__coluna[b-8ym0w1sqrx] {
        display: none;
    }

    .perfil-notificacoes__linha[b-8ym0w1sqrx] {
        grid-template-columns: 1fr 1fr;
        row-gap: var(--espacamento-3);
    }

    .perfil-notificacoes__texto[b-8ym0w1sqrx] {
        grid-column: 1 / -1;
    }

    .perfil-switch[b-8ym0w1sqrx] {
        justify-self: start;
    }

    .perfil-switch[b-8ym0w1sqrx]::before {
        display: inline;
    }
}
/* /Components/Compartilhado/PilhaAvataresUsuarios.razor.rz.scp.css */
.pilha-avatares[b-k703h6u9ad] {
    display: inline-flex;
    align-items: center;
    flex-direction: row;
    flex: none;
}

.pilha-avatares__item[b-k703h6u9ad] {
    position: relative;
    display: inline-flex;
    border-radius: 50%;
    box-shadow: 0 0 0 2px var(--cor-fundo-secundario);
}

.pilha-avatares__item + .pilha-avatares__item[b-k703h6u9ad] {
    margin-left: -0.55rem;
}

.pilha-avatares__item[b-k703h6u9ad]  .avatar-cadastro {
    border-radius: 50%;
}

.pilha-avatares__mais[b-k703h6u9ad] {
    align-items: center;
    justify-content: center;
    background: var(--cor-borda);
    color: var(--cor-texto);
    font-size: 0.68rem;
    font-weight: 700;
}

/* Modo "expansível": a bolinha vira uma pílula com o nome ao passar o mouse (ou focar com o teclado). */
.pilha-avatares__item--expansivel[b-k703h6u9ad] {
    align-items: center;
    max-width: var(--tamanho-avatar, 24px);
    overflow: hidden;
    border-radius: 999px;
    background: var(--cor-fundo-secundario);
    transition: max-width 0.22s ease, padding-right 0.22s ease;
    cursor: default;
    outline: none;
}

.pilha-avatares__item--expansivel:hover[b-k703h6u9ad],
.pilha-avatares__item--expansivel:focus-visible[b-k703h6u9ad] {
    max-width: 16rem;
    padding-right: 0.65rem;
    z-index: 60 !important;
}

.pilha-avatares__nome[b-k703h6u9ad] {
    margin-left: 0.4rem;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
    color: var(--cor-texto);
}
/* /Components/Compartilhado/PlayerAudio.razor.rz.scp.css */
/* Player de áudio global. Usa `currentColor` para casar com qualquer balão (claro/escuro,
   "minha"/"outra"). O estado (data-tocando, --np-progresso) vem do nexo-player.js. */
.nxp[b-5kdi9v6qn3] {
    --np-progresso: 0%;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    box-sizing: border-box;
    width: 21rem;
    max-width: 100%;
    padding: 0.2rem 0.1rem;
    color: inherit;
    user-select: none;
}

.nxp__btn[b-5kdi9v6qn3] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: color-mix(in srgb, currentColor 16%, transparent);
    color: inherit;
    cursor: pointer;
    transition: background var(--transicao-rapida, 140ms ease);
}

.nxp__btn:hover[b-5kdi9v6qn3] {
    background: color-mix(in srgb, currentColor 28%, transparent);
}

.nxp__btn:focus-visible[b-5kdi9v6qn3],
.nxp__vel:focus-visible[b-5kdi9v6qn3],
.nxp__barra:focus-visible[b-5kdi9v6qn3] {
    outline: 2px solid var(--cor-primaria-hover, #6aa0ff);
    outline-offset: 2px;
}

.nxp__ico[b-5kdi9v6qn3] {
    width: 1.35rem;
    height: 1.35rem;
}

.nxp__ico--pause[b-5kdi9v6qn3] { display: none; }
.nxp[data-tocando] .nxp__ico--play[b-5kdi9v6qn3] { display: none; }
.nxp[data-tocando] .nxp__ico--pause[b-5kdi9v6qn3] { display: block; }

.nxp__barra[b-5kdi9v6qn3] {
    position: relative;
    flex: 1 1 auto;
    min-width: 3rem;
    height: 1.8rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    touch-action: none;
}

.nxp__trilho[b-5kdi9v6qn3] {
    position: relative;
    display: block;
    width: 100%;
    height: 0.38rem;
    border-radius: 999px;
    background: color-mix(in srgb, currentColor 28%, transparent);
    overflow: hidden;
}

.nxp__progresso[b-5kdi9v6qn3] {
    position: absolute;
    inset: 0 auto 0 0;
    width: var(--np-progresso);
    background: currentColor;
    border-radius: inherit;
}

.nxp__bolinha[b-5kdi9v6qn3] {
    position: absolute;
    left: var(--np-progresso);
    top: 50%;
    width: 1.1rem;
    height: 1.1rem;
    margin: -0.55rem 0 0 -0.55rem;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    transition: transform 120ms ease;
}

.nxp__barra:hover .nxp__bolinha[b-5kdi9v6qn3],
.nxp[data-arrastando] .nxp__bolinha[b-5kdi9v6qn3] {
    transform: scale(1.25);
}

.nxp__tempo[b-5kdi9v6qn3] {
    flex: 0 0 auto;
    min-width: 2.4rem;
    font-size: 0.85rem;
    font-variant-numeric: tabular-nums;
    text-align: right;
    opacity: 0.85;
}

.nxp__vel[b-5kdi9v6qn3] {
    flex: 0 0 auto;
    min-width: 2.7rem;
    padding: 0.3rem 0.5rem;
    border: 0;
    border-radius: 999px;
    background: color-mix(in srgb, currentColor 18%, transparent);
    color: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    cursor: pointer;
}

.nxp__vel:hover[b-5kdi9v6qn3] {
    background: color-mix(in srgb, currentColor 30%, transparent);
}

.nxp[data-erro][b-5kdi9v6qn3] {
    opacity: 0.55;
}
/* /Components/Compartilhado/PlayerVideo.razor.rz.scp.css */
/* Player de vídeo global. Estado (data-tocando/-ocioso/-mudo/-tela-cheia/-carregando/-erro,
   --np-progresso, --np-vol) vem do nexo-player.js. */
.nxp[b-81pyn9n88l] {
    --np-progresso: 0%;
    --np-vol: 100%;
    --np-fg: #fff;
    position: relative;
    display: inline-flex;
    flex-direction: column;
    box-sizing: border-box;
    /* Quem usa define --np-max / --np-max-h no elemento (sem briga de especificidade). */
    max-width: var(--np-max, 100%);
    max-height: var(--np-max-h, none);
    background: #000;
    border-radius: 10px;
    overflow: hidden;
    color: var(--np-fg);
    line-height: 0;
    outline: none;
    user-select: none;
}

.nxp video[b-81pyn9n88l] {
    display: block;
    width: auto;
    min-width: 22rem;
    max-width: 100%;
    /* O teto também vai direto no <video> (não só no contêiner) para vídeos verticais. */
    max-height: var(--np-max-h, none);
    min-height: 0;
    height: auto;
    object-fit: contain;
    background: #000;
    cursor: pointer;
}

.nxp:fullscreen[b-81pyn9n88l] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    max-width: none;
    max-height: none;
    border-radius: 0;
}

.nxp:fullscreen video[b-81pyn9n88l] {
    width: 100%;
    height: 100%;
    max-height: none;
    object-fit: contain;
}

/* Botão grande central (só parado). */
.nxp__grande[b-81pyn9n88l] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4.6rem;
    height: 4.6rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
    cursor: pointer;
    transition: background 140ms ease, opacity 140ms ease;
}

.nxp__grande:hover[b-81pyn9n88l] { background: rgba(0, 0, 0, 0.75); }
.nxp__grande svg[b-81pyn9n88l] { width: 2.3rem; height: 2.3rem; margin-left: 0.2rem; }
.nxp[data-tocando] .nxp__grande[b-81pyn9n88l],
.nxp[data-carregando] .nxp__grande[b-81pyn9n88l] { opacity: 0; pointer-events: none; }

.nxp__spinner[b-81pyn9n88l] {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 3rem;
    height: 3rem;
    margin: -1.5rem 0 0 -1.5rem;
    border: 3px solid rgba(255, 255, 255, 0.35);
    border-top-color: #fff;
    border-radius: 50%;
    display: none;
    animation: nxp-giro-b-81pyn9n88l 0.8s linear infinite;
    pointer-events: none;
}

.nxp[data-carregando] .nxp__spinner[b-81pyn9n88l] { display: block; }

@keyframes nxp-giro-b-81pyn9n88l { to { transform: rotate(360deg); } }

.nxp__erro[b-81pyn9n88l] {
    position: absolute;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 2.4rem;
    line-height: 1;
}

.nxp[data-erro] .nxp__erro[b-81pyn9n88l] { display: flex; }

/* Barra de controles. */
.nxp__controles[b-81pyn9n88l] {
    position: absolute;
    inset: auto 0 0 0;
    padding: 2.6rem 0.8rem 0.55rem;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0));
    opacity: 1;
    transition: opacity 180ms ease;
    line-height: 1;
}

.nxp[data-ocioso] .nxp__controles[b-81pyn9n88l] { opacity: 0; pointer-events: none; }
.nxp[data-ocioso] video[b-81pyn9n88l] { cursor: none; }

.nxp__linha[b-81pyn9n88l] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.15rem;
}

.nxp__espaco[b-81pyn9n88l] { flex: 1 1 auto; }

.nxp__btn[b-81pyn9n88l] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: inherit;
    cursor: pointer;
}

.nxp__btn:hover[b-81pyn9n88l] { background: rgba(255, 255, 255, 0.2); }

.nxp__btn:focus-visible[b-81pyn9n88l],
.nxp__vel:focus-visible[b-81pyn9n88l],
.nxp__barra:focus-visible[b-81pyn9n88l],
.nxp__volume:focus-visible[b-81pyn9n88l],
.nxp__menu-vel button:focus-visible[b-81pyn9n88l] {
    outline: 2px solid #6aa0ff;
    outline-offset: 1px;
}

.nxp__ico[b-81pyn9n88l] { width: 1.5rem; height: 1.5rem; }
.nxp__ico--pause[b-81pyn9n88l] { display: none; }
.nxp[data-tocando] .nxp__ico--play[b-81pyn9n88l] { display: none; }
.nxp[data-tocando] .nxp__ico--pause[b-81pyn9n88l] { display: block; }
.nxp__ico--mudo[b-81pyn9n88l] { display: none; }
.nxp[data-mudo] .nxp__ico--som[b-81pyn9n88l] { display: none; }
.nxp[data-mudo] .nxp__ico--mudo[b-81pyn9n88l] { display: block; }

.nxp__tempo[b-81pyn9n88l] {
    font-size: 0.9rem;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    margin-left: 0.25rem;
}

/* Barra de progresso. */
.nxp__barra[b-81pyn9n88l] {
    position: relative;
    display: flex;
    align-items: center;
    height: 1.5rem;
    cursor: pointer;
    touch-action: none;
}

.nxp__trilho[b-81pyn9n88l] {
    position: relative;
    display: block;
    width: 100%;
    height: 0.32rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.35);
    overflow: hidden;
    transition: height 120ms ease;
}

.nxp__barra:hover .nxp__trilho[b-81pyn9n88l],
.nxp[data-arrastando] .nxp__trilho[b-81pyn9n88l] { height: 0.5rem; }

.nxp__progresso[b-81pyn9n88l] {
    position: absolute;
    inset: 0 auto 0 0;
    width: var(--np-progresso);
    background: var(--cor-primaria, #4f8cff);
}

.nxp__bolinha[b-81pyn9n88l] {
    position: absolute;
    left: var(--np-progresso);
    top: 50%;
    width: 1.05rem;
    height: 1.05rem;
    margin: -0.525rem 0 0 -0.525rem;
    border-radius: 50%;
    background: #fff;
    transform: scale(0);
    transition: transform 120ms ease;
}

.nxp__barra:hover .nxp__bolinha[b-81pyn9n88l],
.nxp__barra:focus-visible .nxp__bolinha[b-81pyn9n88l],
.nxp[data-arrastando] .nxp__bolinha[b-81pyn9n88l] { transform: scale(1); }

/* Velocidade (botão + menu). */
.nxp__vel-wrap[b-81pyn9n88l] { position: relative; }

.nxp__vel[b-81pyn9n88l] {
    min-width: 3.2rem;
    padding: 0.45rem 0.75rem;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.2);
    color: inherit;
    font-size: 0.88rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    cursor: pointer;
}

.nxp__vel:hover[b-81pyn9n88l] { background: rgba(255, 255, 255, 0.32); }

.nxp__menu-vel[b-81pyn9n88l] {
    position: absolute;
    right: 0;
    bottom: calc(100% + 0.55rem);
    display: flex;
    flex-direction: column;
    min-width: 9rem;
    padding: 0.35rem;
    border-radius: 12px;
    background: rgba(18, 22, 30, 0.97);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
    z-index: 3;
}

.nxp__menu-vel[hidden][b-81pyn9n88l] { display: none; }

.nxp__menu-vel button[b-81pyn9n88l] {
    padding: 0.55rem 0.8rem;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #fff;
    font-size: 0.95rem;
    text-align: left;
    cursor: pointer;
    white-space: nowrap;
}

.nxp__menu-vel button:hover[b-81pyn9n88l] { background: rgba(255, 255, 255, 0.14); }
.nxp__menu-vel button[data-ativa][b-81pyn9n88l] { color: var(--cor-primaria-hover, #6aa0ff); font-weight: 700; }

/* Volume: o slider fica À ESQUERDA do botão de som dentro de um wrapper; o hover é do
   wrapper inteiro (botão + slider), então não "pisca" ao abrir — e como o botão é a borda
   direita do wrapper, ele não sai de debaixo do mouse quando o slider cresce. */
.nxp__vol-wrap[b-81pyn9n88l] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

.nxp__volume[b-81pyn9n88l] {
    -webkit-appearance: none;
    appearance: none;
    box-sizing: border-box;
    width: 0;
    height: 1.5rem;
    margin: 0;
    padding: 0;
    background: transparent;
    opacity: 0;
    overflow: hidden;
    cursor: pointer;
    transition: width 160ms ease, opacity 160ms ease;
}

.nxp__vol-wrap:hover .nxp__volume[b-81pyn9n88l],
.nxp__vol-wrap:focus-within .nxp__volume[b-81pyn9n88l] {
    width: 5.5rem;
    opacity: 1;
}

/* Trilho + preenchimento (gradiente com --np-vol) e bolinha centralizada no trilho. */
.nxp__volume[b-81pyn9n88l]::-webkit-slider-runnable-track {
    height: 0.32rem;
    border-radius: 999px;
    background: linear-gradient(to right, #fff var(--np-vol), rgba(255, 255, 255, 0.35) var(--np-vol));
}

.nxp__volume[b-81pyn9n88l]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 1rem;
    height: 1rem;
    margin-top: -0.34rem; /* (altura do trilho − altura da bolinha) / 2 */
    border: 0;
    border-radius: 50%;
    background: #fff;
}

.nxp__volume[b-81pyn9n88l]::-moz-range-track {
    height: 0.32rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.35);
}

.nxp__volume[b-81pyn9n88l]::-moz-range-progress {
    height: 0.32rem;
    border-radius: 999px;
    background: #fff;
}

.nxp__volume[b-81pyn9n88l]::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    border: 0;
    border-radius: 50%;
    background: #fff;
}

@media (max-width: 480px) {
    .nxp__volume[b-81pyn9n88l] { display: none; }
}
/* /Components/Compartilhado/PresencaUsuariosCartao.razor.rz.scp.css */
.presenca-cartao[b-63zogk57y8] {
    position: absolute;
    top: -.5rem;
    right: -.4rem;
    z-index: 4;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    outline: none;
}

.presenca-cartao--embutido[b-63zogk57y8] {
    position: relative;
    top: auto;
    right: auto;
    flex-direction: row;
    align-items: center;
    margin-left: .5rem;
}

.presenca-cartao__bolinhas[b-63zogk57y8] {
    display: inline-flex;
    align-items: center;
}

.presenca-cartao__item[b-63zogk57y8] {
    position: relative;
    display: inline-flex;
    border-radius: 50%;
    box-shadow: 0 0 0 2px var(--cor-superficie);
}

.presenca-cartao__item + .presenca-cartao__item[b-63zogk57y8] {
    margin-left: -.5rem;
}

.presenca-cartao__item[b-63zogk57y8]  .avatar-cadastro {
    border-radius: 50%;
}

.presenca-cartao__mais[b-63zogk57y8] {
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    background: var(--cor-borda);
    color: var(--cor-texto);
    font-size: .65rem;
    font-weight: 700;
}

.presenca-cartao__lista[b-63zogk57y8] {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: .3rem;
    flex-direction: column;
    gap: .3rem;
    padding: .45rem .6rem;
    min-width: 9.5rem;
    max-width: 14rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    background: var(--cor-superficie);
    box-shadow: 0 6px 18px rgba(0, 0, 0, .28);
    z-index: 10;
}

.presenca-cartao__lista small[b-63zogk57y8] {
    color: var(--cor-texto-suave);
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.presenca-cartao__linha[b-63zogk57y8] {
    display: flex;
    align-items: center;
    gap: .45rem;
    font-size: .78rem;
    color: var(--cor-texto);
}

.presenca-cartao__linha span:last-child[b-63zogk57y8] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.presenca-cartao:hover .presenca-cartao__lista[b-63zogk57y8],
.presenca-cartao:focus-within .presenca-cartao__lista[b-63zogk57y8],
.presenca-cartao:focus .presenca-cartao__lista[b-63zogk57y8] {
    display: flex;
}
/* /Components/Compartilhado/PreviaTextoWhatsapp.razor.rz.scp.css */
/* Ícone + rótulo alinhados na linha; o rótulo corta com reticências como o texto comum. */
.previa-midia[b-ad0dwvru7o] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    max-width: 100%;
    vertical-align: bottom;
}

.previa-midia[b-ad0dwvru7o]  .icone-sistema {
    flex: 0 0 auto;
    opacity: 0.85;
}

.previa-midia__rotulo[b-ad0dwvru7o] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Compartilhado/ProgressoEnvioArquivo.razor.rz.scp.css */
.progresso-envio-arquivo[b-1mu1b0u8ta] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.65rem 0.9rem;
}

.progresso-envio-arquivo__nome[b-1mu1b0u8ta] {
    overflow: hidden;
    color: var(--cor-texto);
    font-size: 0.86rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.progresso-envio-arquivo__indicador[b-1mu1b0u8ta] {
    height: 0.65rem;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--cor-primaria) 15%, var(--cor-superficie-suave));
}

.progresso-envio-arquivo__indicador span[b-1mu1b0u8ta] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--cor-primaria);
    transition: width 120ms ease-out;
}

.progresso-envio-arquivo__porcentagem[b-1mu1b0u8ta] {
    min-width: 3.5rem;
    color: var(--cor-primaria);
    font-size: 0.86rem;
    text-align: right;
}
/* /Components/Compartilhado/ResumoLimitesEmail.razor.rz.scp.css */
.limites-email[b-sg41y9uohl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: var(--espacamento-4);
    margin-bottom: var(--espacamento-5);
}

.limite-cartao[b-sg41y9uohl] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
    padding: var(--espacamento-4) var(--espacamento-5);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.limite-cartao__topo[b-sg41y9uohl] {
    display: flex;
    align-items: center;
    gap: .55rem;
    color: var(--cor-texto-secundario);
    font-size: .88rem;
}

.limite-cartao__icone[b-sg41y9uohl] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: var(--raio-pequeno);
    color: var(--cor-primaria);
    background: var(--cor-primaria-suave);
}

.limite-cartao__valor[b-sg41y9uohl] {
    font-size: 1.7rem;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}

.limite-cartao__valor small[b-sg41y9uohl] {
    margin-left: .3rem;
    font-size: .9rem;
    font-weight: 500;
    color: var(--cor-texto-secundario);
}

.limite-cartao__barra[b-sg41y9uohl] {
    height: .45rem;
    overflow: hidden;
    border-radius: 999px;
    background: var(--cor-superficie-suave);
}

.limite-cartao__barra span[b-sg41y9uohl] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--cor-primaria);
    transition: width .3s ease;
}

.limite-cartao__dica[b-sg41y9uohl],
.limite-cartao__aviso[b-sg41y9uohl] {
    margin: 0;
    font-size: .82rem;
    line-height: 1.35;
}

.limite-cartao__dica[b-sg41y9uohl] {
    color: var(--cor-texto-secundario);
}

.limite-cartao--alerta .limite-cartao__barra span[b-sg41y9uohl] {
    background: var(--cor-alerta);
}

.limite-cartao--alerta .limite-cartao__aviso[b-sg41y9uohl] {
    color: var(--cor-alerta);
}

.limite-cartao--cheio[b-sg41y9uohl] {
    border-color: color-mix(in srgb, var(--cor-erro) 45%, var(--cor-borda));
}

.limite-cartao--cheio .limite-cartao__barra span[b-sg41y9uohl] {
    background: var(--cor-erro);
}

.limite-cartao--cheio .limite-cartao__aviso[b-sg41y9uohl] {
    color: var(--cor-erro);
}
/* /Components/Compartilhado/SeletorAtalhoChat.razor.rz.scp.css */
/* Seletor de item do sistema (modal "Anexar item do sistema" do chat). Mesmo visual do módulo de Chats. */
.seletor-atalho__acento--trabalho[b-yclfbrc8q2] { --acento: #3b82f6; }
.seletor-atalho__acento--email[b-yclfbrc8q2] { --acento: #f59e0b; }
.seletor-atalho__acento--tarefa[b-yclfbrc8q2] { --acento: #8b5cf6; }
.seletor-atalho__acento--produto[b-yclfbrc8q2] { --acento: #10b981; }
.seletor-atalho__acento--servico[b-yclfbrc8q2] { --acento: #06b6d4; }
.seletor-atalho__acento--imovel[b-yclfbrc8q2] { --acento: #f97316; }
.seletor-atalho__acento--cliente[b-yclfbrc8q2] { --acento: #ec4899; }
.seletor-atalho__acento--padrao[b-yclfbrc8q2] { --acento: #64748b; }

.seletor-atalho__abas[b-yclfbrc8q2] {
    display: flex;
    gap: var(--espacamento-1);
    margin-bottom: var(--espacamento-3);
    flex-wrap: wrap;
}

.seletor-atalho__aba[b-yclfbrc8q2] {
    display: inline-flex;
    align-items: center;
    gap: var(--espacamento-1);
    padding: 0.45rem 0.9rem;
    border-radius: 999px;
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie);
    color: var(--cor-texto-secundario);
    cursor: pointer;
    font-size: 0.82rem;
    transition: border-color var(--transicao-rapida), background-color var(--transicao-rapida), color var(--transicao-rapida);
}

.seletor-atalho__aba:hover[b-yclfbrc8q2] {
    color: var(--cor-texto);
    border-color: var(--cor-borda-forte);
}

.seletor-atalho__aba.ativa[b-yclfbrc8q2] {
    border-color: var(--acento, var(--cor-primaria));
    background: color-mix(in srgb, var(--acento, var(--cor-primaria)) 16%, transparent);
    color: var(--cor-texto);
    font-weight: 600;
}

.seletor-atalho__aba.ativa > .icone-sistema[b-yclfbrc8q2] {
    color: var(--acento, var(--cor-primaria));
}

.seletor-atalho__lista[b-yclfbrc8q2] {
    list-style: none;
    margin: var(--espacamento-3) 0 0;
    padding: 0;
    max-height: 22rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-1);
}

.seletor-atalho__item[b-yclfbrc8q2] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    width: 100%;
    padding: var(--espacamento-2) var(--espacamento-3);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
    color: var(--cor-texto);
    text-align: left;
    cursor: pointer;
    transition: background-color var(--transicao-rapida), border-color var(--transicao-rapida);
}

.seletor-atalho__item:hover[b-yclfbrc8q2] {
    border-color: color-mix(in srgb, var(--acento, var(--cor-primaria)) 55%, var(--cor-borda));
    background: color-mix(in srgb, var(--acento, var(--cor-primaria)) 8%, var(--cor-superficie));
}

.seletor-atalho__item-midia[b-yclfbrc8q2] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 12px;
    overflow: hidden;
    background: color-mix(in srgb, var(--acento, var(--cor-primaria)) 18%, transparent);
    color: var(--acento, var(--cor-primaria));
}

.seletor-atalho__item-midia--redonda[b-yclfbrc8q2] {
    border-radius: 999px;
}

.seletor-atalho__item-midia img[b-yclfbrc8q2] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.seletor-atalho__item-textos[b-yclfbrc8q2] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.seletor-atalho__item-rotulo[b-yclfbrc8q2] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.88rem;
}

.seletor-atalho__item-sub[b-yclfbrc8q2] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.74rem;
    color: var(--cor-texto-secundario);
}

.seletor-atalho__item-mais[b-yclfbrc8q2] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 999px;
    color: var(--cor-texto-suave);
    transition: background-color var(--transicao-rapida), color var(--transicao-rapida);
}

.seletor-atalho__item:hover .seletor-atalho__item-mais[b-yclfbrc8q2] {
    background: var(--acento, var(--cor-primaria));
    color: #fff;
}

.seletor-atalho__vazio[b-yclfbrc8q2] {
    padding: var(--espacamento-5);
    color: var(--cor-texto-secundario);
    font-size: 0.85rem;
    text-align: center;
}
/* /Components/Compartilhado/SeletorEmoji.razor.rz.scp.css */
.seletor-emoji[b-4sy2ll8rpg] {
    display: flex;
    flex-direction: column;
    width: 21rem;
    max-width: calc(100vw - 2rem);
    height: 21rem;
    max-height: 60vh;
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
    border: 1px solid var(--cor-borda);
    box-shadow: var(--sombra-cartao);
    overflow: hidden;
}

.seletor-emoji__busca[b-4sy2ll8rpg] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    margin: var(--espacamento-2) var(--espacamento-2) 0;
    padding: 0 var(--espacamento-3);
    height: 2.1rem;
    flex: 0 0 auto;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background: var(--cor-fundo-secundario);
    color: var(--cor-texto-suave);
}

.seletor-emoji__busca:focus-within[b-4sy2ll8rpg] {
    border-color: var(--cor-primaria);
}

.seletor-emoji__busca input[b-4sy2ll8rpg] {
    flex: 1;
    min-width: 0;
    border: none;
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.85rem;
    outline: none;
}

.seletor-emoji__abas[b-4sy2ll8rpg] {
    display: flex;
    flex: 0 0 auto;
    padding: var(--espacamento-1) var(--espacamento-2) 0;
    border-bottom: 1px solid var(--cor-borda);
}

.seletor-emoji__aba[b-4sy2ll8rpg] {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2rem;
    border: none;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: var(--cor-texto-secundario);
    font-size: 1.05rem;
    line-height: 1;
    cursor: pointer;
    filter: grayscale(0.7);
    opacity: 0.75;
    transition: opacity var(--transicao-rapida), filter var(--transicao-rapida);
}

.seletor-emoji__aba:hover[b-4sy2ll8rpg],
.seletor-emoji__aba--ativa[b-4sy2ll8rpg] {
    opacity: 1;
    filter: none;
}

.seletor-emoji__aba--ativa[b-4sy2ll8rpg] {
    border-bottom-color: var(--cor-primaria);
}

.seletor-emoji__corpo[b-4sy2ll8rpg] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0 var(--espacamento-2) var(--espacamento-2);
}

.seletor-emoji__titulo[b-4sy2ll8rpg] {
    margin: var(--espacamento-2) 0 var(--espacamento-1);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--cor-texto-suave);
}

.seletor-emoji__grade[b-4sy2ll8rpg] {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 2px;
}

.seletor-emoji__item[b-4sy2ll8rpg] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 1.3rem;
    line-height: 1;
    padding: 0.28rem 0;
    border-radius: var(--raio-pequeno);
    transition: background-color var(--transicao-rapida), transform var(--transicao-rapida);
}

.seletor-emoji__item:hover[b-4sy2ll8rpg] {
    background: var(--cor-superficie-suave);
    transform: scale(1.15);
}

.seletor-emoji__vazio[b-4sy2ll8rpg] {
    padding: var(--espacamento-5) var(--espacamento-2);
    text-align: center;
    font-size: 0.82rem;
    color: var(--cor-texto-suave);
}

.seletor-emoji__rodape[b-4sy2ll8rpg] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex: 0 0 auto;
    padding: 0.35rem var(--espacamento-3);
    border-top: 1px solid var(--cor-borda);
}

.seletor-emoji__rodape-rotulo[b-4sy2ll8rpg] {
    flex: 1;
    font-size: 0.68rem;
    color: var(--cor-texto-suave);
}

.seletor-emoji__tom[b-4sy2ll8rpg] {
    width: 1.1rem;
    height: 1.1rem;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 999px;
    cursor: pointer;
    box-shadow: 0 0 0 1px var(--cor-borda);
}

.seletor-emoji__tom--ativo[b-4sy2ll8rpg] {
    border-color: var(--cor-superficie-elevada);
    box-shadow: 0 0 0 2px var(--cor-primaria);
}

.seletor-emoji__tom--0[b-4sy2ll8rpg] { background: #ffc83d; }
.seletor-emoji__tom--1[b-4sy2ll8rpg] { background: #fadcbc; }
.seletor-emoji__tom--2[b-4sy2ll8rpg] { background: #e0bb95; }
.seletor-emoji__tom--3[b-4sy2ll8rpg] { background: #bf8f68; }
.seletor-emoji__tom--4[b-4sy2ll8rpg] { background: #9b643d; }
.seletor-emoji__tom--5[b-4sy2ll8rpg] { background: #594539; }
/* /Components/Compartilhado/SeletorIconeModal.razor.rz.scp.css */
.seletor-icone[b-c1domp063y] {
    display: grid;
    grid-template-columns: 13rem minmax(0, 1fr);
    gap: 1rem;
    height: min(58vh, 31rem);
    min-height: 0;
}

/* ===== Coluna lateral: ícone atual + categorias ===== */

.seletor-icone__lateral[b-c1domp063y] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-height: 0;
}

.seletor-icone__atual[b-c1domp063y] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.7rem;
    border: 1px solid color-mix(in srgb, var(--cor-primaria) 30%, var(--cor-borda));
    border-radius: var(--raio-medio);
    background: var(--cor-primaria-suave);
}

.seletor-icone__atual-icone[b-c1domp063y] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 3rem;
    height: 3rem;
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
    color: var(--cor-primaria);
}

.seletor-icone__atual-texto[b-c1domp063y] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 0.1rem;
}

.seletor-icone__atual-texto small[b-c1domp063y] {
    color: var(--cor-texto-secundario);
    font-size: 0.7rem;
}

.seletor-icone__atual-texto strong[b-c1domp063y] {
    overflow: hidden;
    font-size: 0.85rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.seletor-icone__categorias[b-c1domp063y] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-height: 0;
    overflow-y: auto;
    padding-right: 0.15rem;
}

.seletor-icone__categoria[b-c1domp063y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.45rem 0.65rem;
    border: 1px solid transparent;
    border-radius: var(--raio-pequeno);
    background: transparent;
    color: var(--cor-texto-secundario);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}

.seletor-icone__categoria em[b-c1domp063y] {
    font-size: 0.7rem;
    font-style: normal;
    opacity: 0.7;
}

.seletor-icone__categoria:hover[b-c1domp063y] {
    background: var(--cor-superficie-suave);
    color: var(--cor-texto);
}

.seletor-icone__categoria--ativa[b-c1domp063y],
.seletor-icone__categoria--ativa:hover[b-c1domp063y] {
    border-color: var(--cor-navegacao-ativa-borda);
    background: var(--cor-navegacao-ativa-fundo);
    color: var(--cor-navegacao-ativa-texto);
}

/* ===== Busca + grade ===== */

.seletor-icone__principal[b-c1domp063y] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    min-width: 0;
    min-height: 0;
}

.seletor-icone__busca[b-c1domp063y] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 0 0 auto;
    padding: 0 0.75rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
    color: var(--cor-texto-secundario);
}

.seletor-icone__busca:focus-within[b-c1domp063y] {
    border-color: var(--cor-primaria);
    box-shadow: 0 0 0 3px var(--cor-primaria-suave);
}

.seletor-icone__busca input[b-c1domp063y] {
    flex: 1 1 auto;
    min-width: 0;
    height: 2.5rem;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.88rem;
}

.seletor-icone__grade[b-c1domp063y] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(5.4rem, 1fr));
    grid-auto-rows: max-content;
    gap: 0.35rem;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 0.1rem 0.25rem 0.1rem 0;
}

.seletor-icone__item[b-c1domp063y] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 0.4rem;
    min-height: 4.6rem;
    padding: 0.6rem 0.3rem 0.45rem;
    border: 1px solid transparent;
    border-radius: var(--raio-medio);
    background: transparent;
    color: var(--cor-texto-secundario);
    font: inherit;
    cursor: pointer;
}

.seletor-icone__item span:last-of-type[b-c1domp063y] {
    display: -webkit-box;
    width: 100%;
    overflow: hidden;
    font-size: 0.68rem;
    line-height: 1.2;
    text-align: center;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
}

.seletor-icone__item:hover[b-c1domp063y],
.seletor-icone__item:focus-visible[b-c1domp063y] {
    border-color: color-mix(in srgb, var(--cor-primaria) 45%, var(--cor-borda));
    background: var(--cor-superficie-suave);
    color: var(--cor-texto);
    outline: 0;
}

.seletor-icone__item--selecionado[b-c1domp063y],
.seletor-icone__item--selecionado:hover[b-c1domp063y] {
    border-color: var(--cor-primaria);
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
}

.seletor-icone__selo-padrao[b-c1domp063y] {
    position: absolute;
    top: 0.2rem;
    right: 0.2rem;
    padding: 0 0.3rem;
    border-radius: 999px;
    background: var(--cor-superficie-suave);
    border: 1px solid var(--cor-borda);
    color: var(--cor-texto-secundario);
    font-size: 0.55rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.seletor-icone__vazio[b-c1domp063y] {
    grid-column: 1 / -1;
    margin: 1.5rem 0;
    color: var(--cor-texto-secundario);
    font-size: 0.85rem;
    text-align: center;
}

.seletor-icone__mais[b-c1domp063y] {
    align-self: center;
    flex: 0 0 auto;
}

.seletor-icone__restaurar[b-c1domp063y] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-right: auto;
}

@media (max-width: 700px) {
    .seletor-icone[b-c1domp063y] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto minmax(0, 1fr);
        height: min(68vh, 34rem);
    }

    .seletor-icone__atual[b-c1domp063y] {
        display: none;
    }

    .seletor-icone__categorias[b-c1domp063y] {
        flex-direction: row;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0 0 0.25rem;
    }

    .seletor-icone__categoria[b-c1domp063y] {
        flex: 0 0 auto;
        white-space: nowrap;
    }
}
/* /Components/Compartilhado/SeletorIdioma.razor.rz.scp.css */
.controle-contextual[b-wyvzynpq2h] {
    display: grid;
    gap: 0.25rem;
    min-width: 7rem;
}

.controle-contextual__rotulo[b-wyvzynpq2h] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.76rem;
    color: var(--cor-texto-secundario);
}
/* /Components/Compartilhado/SeletorTema.razor.rz.scp.css */
.controle-contextual[b-gkequrvy81] {
    display: grid;
    gap: 0.25rem;
    min-width: 7rem;
}

.controle-contextual__rotulo[b-gkequrvy81] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.76rem;
    color: var(--cor-texto-secundario);
}
/* /Components/Compartilhado/SincronizacaoWhatsappPopup.razor.rz.scp.css */
/* Cartão da pilha do canto inferior (ver .pilha-flutuante-canto em app.css) — sem
   position:fixed próprio; o empilhamento de baixo para cima é do container. */
.wpp-sync-popup[b-du4qf2gmt5] {
    z-index: 6000;
    display: flex;
    gap: .65rem;
    align-items: flex-start;
    width: min(340px, calc(100vw - 2rem));
    padding: .8rem .9rem;
    border-radius: 12px;
    background: var(--cor-superficie, #fff);
    border: 1px solid var(--cor-borda, #e4e7ec);
    box-shadow: 0 12px 32px rgba(16, 24, 40, .18);
    animation: wpp-sync-popup-entrar-b-du4qf2gmt5 .18s ease-out;
}

@keyframes wpp-sync-popup-entrar-b-du4qf2gmt5 {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

.wpp-sync-popup__icone[b-du4qf2gmt5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    flex: 0 0 auto;
    background: #25d36622;
    color: #128c3e;
}
.wpp-sync-popup--erro .wpp-sync-popup__icone[b-du4qf2gmt5] { background: #fef2f2; color: #b91c1c; }
.wpp-sync-popup--ok .wpp-sync-popup__icone[b-du4qf2gmt5] { background: #ecfdf3; color: #067647; }

.wpp-sync-popup--andamento .wpp-sync-popup__icone[b-du4qf2gmt5]  svg {
    animation: wpp-sync-popup-girar-b-du4qf2gmt5 1.1s linear infinite;
}

@keyframes wpp-sync-popup-girar-b-du4qf2gmt5 {
    to { transform: rotate(360deg); }
}

.wpp-sync-popup__corpo[b-du4qf2gmt5] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: .35rem; }
.wpp-sync-popup__corpo strong[b-du4qf2gmt5] { font-size: .86rem; }

.wpp-sync-popup__barra[b-du4qf2gmt5] {
    height: 6px;
    border-radius: 999px;
    background: var(--cor-borda, #e4e7ec);
    overflow: hidden;
}
.wpp-sync-popup__barra > span[b-du4qf2gmt5] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #25d366;
    transition: width .3s ease;
}

.wpp-sync-popup__detalhe[b-du4qf2gmt5] { font-size: .76rem; color: var(--cor-texto-secundario, #667085); }
/* /Components/Compartilhado/TelefoneComBandeira.razor.rz.scp.css */
.telefone-bandeira[b-ayy80fvkki] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    vertical-align: middle;
}

.telefone-bandeira__imagem[b-ayy80fvkki] {
    flex: 0 0 auto;
    width: 20px;
    height: 15px;
    border-radius: 2px;
    object-fit: cover;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18);
}

.telefone-bandeira__desconhecida[b-ayy80fvkki] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 15px;
    border-radius: 2px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    color: var(--cor-texto-suave, #6b7280);
    background: rgba(128, 128, 128, 0.18);
    box-shadow: 0 0 0 1px rgba(128, 128, 128, 0.35);
    cursor: help;
}

.telefone-bandeira__numero[b-ayy80fvkki] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Compartilhado/VisualizadorImagemGlobal.razor.rz.scp.css */
.visualizador-imagem[b-60epkgl745] {
    width: min(100vw - 1rem, 100rem);
    max-width: none;
    height: calc(100vh - 1rem);
    max-height: calc(100vh - 1rem);
    padding: 0;
    border: none;
    background: transparent;
    overflow: visible;
}

.visualizador-imagem[b-60epkgl745]::backdrop {
    background: rgba(0, 0, 0, 0.82);
}

/* ---------- item avulso (sem galeria): o modal encolhe até a imagem ---------- */

.visualizador-imagem--unico[b-60epkgl745] {
    width: fit-content;
    height: fit-content;
    max-width: calc(100vw - 1rem);
    max-height: calc(100vh - 1rem);
}

.visualizador-imagem--unico .visualizador-imagem__cartao[b-60epkgl745] {
    display: flex;
    flex-direction: column;
    width: auto;
    height: auto;
    min-width: min(22rem, calc(100vw - 1rem));
}

.visualizador-imagem--unico .visualizador-imagem__conteudo[b-60epkgl745] {
    display: block;
}

.visualizador-imagem--unico .visualizador-imagem__palco[b-60epkgl745] {
    display: inline-flex;
    padding: 1.25rem 1.5rem;
}

.visualizador-imagem--unico .visualizador-imagem__video[b-60epkgl745] {
    --np-max: calc(100vw - 4rem);
    --np-max-h: min(calc(100vh - 8rem), 70vh);
}

.visualizador-imagem--unico .visualizador-imagem__foto[b-60epkgl745] {
    display: block;
    width: auto;
    height: auto;
    /* "Levemente maior" que a imagem: só o respiro do palco + a barra de cima somados,
       nunca estourando a tela (mesmo limite do modal padrão). */
    max-width: calc(100vw - 4rem);
    max-height: calc(100vh - 8rem);
}

.visualizador-imagem__cartao[b-60epkgl745] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    /* Trava a coluna na largura do cartão: sem isso um texto longo na barra (legenda) alarga a
       coluna e empurra a imagem para fora da tela. */
    grid-template-columns: minmax(0, 1fr);
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-radius: var(--raio-medio);
    border: 1px solid color-mix(in srgb, var(--cor-primaria) 18%, var(--cor-borda));
    background: color-mix(in srgb, var(--cor-primaria) 2%, var(--cor-superficie-elevada));
    box-shadow: var(--sombra-cartao);
    overflow: hidden;
}

/* ---------- barra superior ---------- */

.visualizador-imagem__barra[b-60epkgl745] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-3);
    padding: 0.6rem 0.75rem;
    border-bottom: 1px solid color-mix(in srgb, var(--cor-primaria) 14%, var(--cor-borda));
    background: var(--cor-superficie-suave);
}

.visualizador-imagem__titulo[b-60epkgl745] {
    flex: 1 1 0;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--cor-texto-secundario);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.visualizador-imagem__pos[b-60epkgl745] {
    flex: 0 0 auto;
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--cor-primaria) 14%, transparent);
    color: var(--cor-texto);
    font-variant-numeric: tabular-nums;
    font-size: 0.75rem;
}

.visualizador-imagem__nome[b-60epkgl745] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.visualizador-imagem__data[b-60epkgl745] {
    flex: 0 0 auto;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    color: var(--cor-texto-secundario);
    opacity: 0.85;
}

/* Legenda da mensagem: pode ser enorme — encolhe e vira "…" (texto completo no title da barra). */
.visualizador-imagem__legenda[b-60epkgl745] {
    flex: 1 1 0;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.visualizador-imagem__acoes[b-60epkgl745] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    flex: 0 0 auto;
}

.visualizador-imagem__nivel[b-60epkgl745] {
    min-width: 3.25rem;
    padding: 0.2rem 0.35rem;
    text-align: center;
    font-size: 0.75rem;
    font-variant-numeric: tabular-nums;
    color: var(--cor-texto-secundario);
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--raio-pequeno);
    cursor: pointer;
}

.visualizador-imagem__nivel:hover[b-60epkgl745] {
    border-color: var(--cor-borda);
    color: var(--cor-texto);
}

.visualizador-imagem__separador[b-60epkgl745] {
    width: 1px;
    align-self: stretch;
    margin: 0.15rem 0.25rem;
    background: color-mix(in srgb, var(--cor-primaria) 14%, var(--cor-borda));
}

/* ---------- área central (mídia + setas) ---------- */

.visualizador-imagem__conteudo[b-60epkgl745] {
    position: relative;
    min-height: 0;
    display: flex;
}

.visualizador-imagem__palco[b-60epkgl745] {
    flex: 1;
    min-width: 0;
    overflow: auto;
    display: grid;
    /* minmax(0, 1fr) trava a faixa no tamanho do palco: sem isso a faixa cresce até o
       tamanho natural da imagem e o `max-width: 100%` não segura nada — a foto abria
       "gigante" e cortada. Assim o zoom 100% de fato = imagem inteira cabendo. */
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    place-items: center;
    /* Gutter lateral p/ as setas não cobrirem a mídia (mesmo em imagens bem largas). */
    padding: 1rem 4rem;
    background: transparent;
}

.visualizador-imagem__foto[b-60epkgl745] {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    transform-origin: center center;
    transition: transform 0.12s ease;
}

.visualizador-imagem__video[b-60epkgl745] {
    --np-max: 100%;
    --np-max-h: min(100%, 70vh);
}

/* Setas: fora da imagem, coladas às bordas da área central e centradas na vertical. */
.visualizador-imagem__seta[b-60epkgl745] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    border: 1px solid color-mix(in srgb, var(--cor-primaria) 18%, var(--cor-borda));
    background: color-mix(in srgb, var(--cor-superficie-elevada) 82%, transparent);
    color: var(--cor-texto);
    cursor: pointer;
    backdrop-filter: blur(2px);
    transition: background-color var(--transicao-rapida), border-color var(--transicao-rapida), opacity var(--transicao-rapida);
}

.visualizador-imagem__seta:hover:not(:disabled)[b-60epkgl745] {
    background: var(--cor-superficie);
    border-color: var(--cor-primaria);
}

.visualizador-imagem__seta:disabled[b-60epkgl745] {
    opacity: 0.3;
    cursor: default;
}

.visualizador-imagem__seta--ant[b-60epkgl745] {
    left: 0.75rem;
}

.visualizador-imagem__seta--prox[b-60epkgl745] {
    right: 0.75rem;
}

/* ---------- tira de miniaturas ---------- */

.visualizador-imagem__tira[b-60epkgl745] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.55rem 0.75rem;
    overflow-x: auto;
    overflow-y: hidden;
    background: var(--cor-superficie-suave);
    border-top: 1px solid color-mix(in srgb, var(--cor-primaria) 14%, var(--cor-borda));
    scrollbar-width: thin;
}

.visualizador-imagem__miniatura[b-60epkgl745] {
    position: relative;
    flex: 0 0 auto;
    width: 5rem;
    height: 3.6rem;
    padding: 0;
    border: 2px solid transparent;
    border-radius: var(--raio-pequeno);
    overflow: hidden;
    background: #000;
    cursor: pointer;
    opacity: 0.5;
    transition: opacity var(--transicao-rapida), border-color var(--transicao-rapida);
}

.visualizador-imagem__miniatura:hover[b-60epkgl745] {
    opacity: 0.85;
}

.visualizador-imagem__miniatura--ativa[b-60epkgl745] {
    opacity: 1;
    border-color: var(--cor-primaria);
}

.visualizador-imagem__miniatura img[b-60epkgl745],
.visualizador-imagem__miniatura video[b-60epkgl745] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.visualizador-imagem__miniatura-play[b-60epkgl745] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    pointer-events: none;
}

.visualizador-imagem__tira-sentinela[b-60epkgl745] {
    flex: 0 0 auto;
    width: 3rem;
    height: 3.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.visualizador-imagem__tira-spinner[b-60epkgl745] {
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    border: 2px solid color-mix(in srgb, var(--cor-primaria) 30%, transparent);
    border-top-color: var(--cor-primaria);
    animation: visualizador-imagem-girar-b-60epkgl745 0.7s linear infinite;
}

@keyframes visualizador-imagem-girar-b-60epkgl745 {
    to { transform: rotate(360deg); }
}

@media (max-width: 760px) {
    /* 100vh no celular e maior que a area visivel (barras do navegador): o dialogo centralizado vazava por
       cima e escondia a barra com o botao de fechar. dvh acompanha a area realmente visivel. */
    .visualizador-imagem[b-60epkgl745] {
        width: calc(100vw - 0.5rem);
        height: calc(100vh - 0.5rem);
        height: calc(100dvh - 0.5rem);
        max-height: calc(100vh - 0.5rem);
        max-height: calc(100dvh - 0.5rem);
    }

    .visualizador-imagem--unico[b-60epkgl745] {
        max-width: calc(100vw - 0.5rem);
        max-height: calc(100vh - 0.5rem);
        max-height: calc(100dvh - 0.5rem);
    }

    .visualizador-imagem--unico .visualizador-imagem__foto[b-60epkgl745] {
        max-width: calc(100vw - 3rem);
        max-height: calc(100vh - 9rem);
        max-height: calc(100dvh - 9rem);
    }

    .visualizador-imagem__palco[b-60epkgl745] {
        padding: 0.75rem 0.5rem;
    }

    .visualizador-imagem__titulo[b-60epkgl745] {
        display: none;
    }

    /* Deixa espaco a direita para o botao de fechar flutuante. */
    .visualizador-imagem__acoes[b-60epkgl745] {
        width: 100%;
        justify-content: space-between;
        padding-right: 3.6rem;
    }

    .visualizador-imagem__acoes .botao-icone[b-60epkgl745] {
        width: 2.3rem;
        height: 2.3rem;
    }

    .visualizador-imagem__acoes .visualizador-imagem__separador[b-60epkgl745] {
        display: none;
    }

    /* Fechar sempre visivel: botao redondo, contrastante e grande para o toque, fixo no canto superior direito
       da tela (respeita o notch/barra de status), independente da largura da barra de acoes. */
    .visualizador-imagem__fechar[b-60epkgl745] {
        position: fixed;
        top: calc(env(safe-area-inset-top, 0px) + 0.6rem);
        right: calc(env(safe-area-inset-right, 0px) + 0.6rem);
        z-index: 10;
        width: 2.9rem;
        height: 2.9rem;
        border: 2px solid rgba(255, 255, 255, 0.85);
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.78);
        color: #fff;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    }

    .visualizador-imagem__acoes .visualizador-imagem__fechar[b-60epkgl745] {
        width: 2.9rem;
        height: 2.9rem;
    }

    .visualizador-imagem__seta[b-60epkgl745] {
        width: 2.25rem;
        height: 2.25rem;
    }

    .visualizador-imagem__miniatura[b-60epkgl745] {
        width: 4rem;
        height: 3rem;
    }
}
/* /Components/Layout/MiniChatJanela.razor.rz.scp.css */
/* Janelinha de conversa do mini chat — visual copiado de Chats.razor.css (balões, citação,
   anexos, composer arredondado), em escala menor. */
.mchat[b-whhljrw9tw] {
    display: flex;
    flex-direction: column;
    width: 21rem;
    height: min(30rem, calc(100vh - 5rem));
    border: 1px solid var(--cor-borda);
    border-bottom: none;
    border-radius: 12px 12px 0 0;
    background: var(--cor-fundo);
    box-shadow: var(--sombra-cartao);
    overflow: hidden;
    animation: mchat-surge-b-whhljrw9tw 140ms ease;
}

@keyframes mchat-surge-b-whhljrw9tw {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

.mchat--min[b-whhljrw9tw] {
    width: 15rem;
    height: auto;
}

@media (max-width: 640px) {
    .mchat[b-whhljrw9tw],
    .mchat--min[b-whhljrw9tw] {
        width: 100%;
    }

    .mchat[b-whhljrw9tw] {
        height: min(28rem, 70vh);
    }
}

/* ---------- Cabeçalho ---------- */
.mchat__cab[b-whhljrw9tw] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    padding: 0.4rem 0.4rem 0.4rem 0.6rem;
    border-bottom: 1px solid var(--cor-borda);
    background: var(--cor-superficie);
    cursor: pointer;
    user-select: none;
}

.mchat--min .mchat__cab[b-whhljrw9tw] {
    border-bottom: none;
}

.mchat__avatar[b-whhljrw9tw] {
    position: relative;
    flex: 0 0 auto;
    line-height: 0;
}

.mchat__status[b-whhljrw9tw] {
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 0.65rem;
    height: 0.65rem;
    border-radius: 999px;
    border: 2px solid var(--cor-superficie);
    background: var(--cor-texto-suave);
}

.mchat__status--online[b-whhljrw9tw] { background: var(--cor-sucesso); }
.mchat__status--ausente[b-whhljrw9tw] { background: var(--cor-alerta); }
.mchat__status--ocupado[b-whhljrw9tw] { background: var(--cor-erro); }

.mchat__titulo[b-whhljrw9tw] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    line-height: 1.2;
}

.mchat__titulo strong[b-whhljrw9tw] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.88rem;
}

.mchat__titulo small[b-whhljrw9tw] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.7rem;
    color: var(--cor-texto-suave);
}

.mchat__titulo .mchat__digitando[b-whhljrw9tw] {
    color: var(--cor-primaria);
    font-style: italic;
}

.mchat__badge[b-whhljrw9tw] {
    flex: 0 0 auto;
    min-width: 1.2rem;
    height: 1.2rem;
    padding: 0 0.3rem;
    border-radius: 999px;
    background: var(--cor-primaria);
    color: #fff;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1.2rem;
    text-align: center;
}

.mchat__btn[b-whhljrw9tw] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--cor-texto-secundario);
    cursor: pointer;
    transition: background-color var(--transicao-rapida), color var(--transicao-rapida);
}

.mchat__btn:hover[b-whhljrw9tw] {
    background: var(--cor-superficie-suave);
    color: var(--cor-texto);
}

.mchat__btn--mini[b-whhljrw9tw] {
    width: 1.3rem;
    height: 1.3rem;
}

/* ---------- Mensagens ---------- */
.mchat__mensagens[b-whhljrw9tw] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: var(--espacamento-3);
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mchat__carregar-mais[b-whhljrw9tw] {
    display: flex;
    justify-content: center;
    padding-bottom: var(--espacamento-2);
}

.mchat__link[b-whhljrw9tw] {
    border: none;
    background: none;
    padding: 0;
    color: var(--cor-primaria);
    font: inherit;
    font-size: 0.78rem;
    cursor: pointer;
}

.mchat__link:hover:not(:disabled)[b-whhljrw9tw] {
    text-decoration: underline;
}

.mchat__separador-dia[b-whhljrw9tw] {
    align-self: center;
    margin: var(--espacamento-2) 0;
    position: sticky;
    top: 0;
    z-index: 2;
}

.mchat__separador-dia span[b-whhljrw9tw] {
    display: inline-block;
    padding: 0.15rem 0.65rem;
    border-radius: 999px;
    background: var(--cor-superficie-elevada);
    border: 1px solid var(--cor-borda);
    color: var(--cor-texto-secundario);
    font-size: 0.68rem;
    font-weight: 500;
    text-transform: capitalize;
    box-shadow: var(--sombra-suave);
}

.mchat__aviso-sistema[b-whhljrw9tw] {
    align-self: center;
    max-width: 90%;
    text-align: center;
    margin: var(--espacamento-1) 0;
}

.mchat__aviso-sistema span[b-whhljrw9tw] {
    display: inline-block;
    padding: 0.15rem 0.65rem;
    border-radius: 999px;
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-suave);
    font-size: 0.7rem;
}

.mchat__mensagem[b-whhljrw9tw] {
    display: flex;
    max-width: 88%;
    margin-top: 3px;
}

.mchat__mensagem--com-remetente[b-whhljrw9tw] {
    margin-top: var(--espacamento-3);
}

.mchat__mensagem--minha[b-whhljrw9tw] {
    align-self: flex-end;
}

.mchat__mensagem--outra[b-whhljrw9tw] {
    align-self: flex-start;
}

.mchat__balao[b-whhljrw9tw] {
    position: relative;
    padding: 0.4rem 0.6rem 0.35rem;
    border-radius: 14px;
    background: var(--cor-superficie);
    border: 1px solid var(--cor-borda);
    box-shadow: var(--sombra-suave);
    min-width: 0;
}

.mchat__mensagem--outra .mchat__balao[b-whhljrw9tw] {
    border-bottom-left-radius: 4px;
}

.mchat__mensagem--minha .mchat__balao[b-whhljrw9tw] {
    background: color-mix(in srgb, var(--cor-primaria) 78%, #000);
    border-color: transparent;
    color: #fff;
    border-bottom-right-radius: 4px;
}

.mchat__mensagem--minha .mchat__texto[b-whhljrw9tw],
.mchat__mensagem--minha .mchat__apagada[b-whhljrw9tw] {
    color: #fff;
}

.mchat__remetente[b-whhljrw9tw] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    margin-bottom: var(--espacamento-1);
    font-size: 0.74rem;
    font-weight: 600;
    color: var(--cor-primaria);
}

.mchat__texto[b-whhljrw9tw] {
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
    line-height: 1.4;
    font-size: 0.85rem;
}

.mchat__meta[b-whhljrw9tw] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.25rem;
    margin-top: 2px;
    font-size: 0.62rem;
    color: var(--cor-texto-suave);
    user-select: none;
}

.mchat__mensagem--minha .mchat__meta[b-whhljrw9tw] {
    color: rgba(255, 255, 255, 0.72);
}

.mchat__recibo[b-whhljrw9tw] {
    display: inline-flex;
    align-items: center;
}

.mchat__recibo--lida[b-whhljrw9tw] {
    color: #7fd0ff;
}

.mchat__editada[b-whhljrw9tw] {
    font-style: italic;
}

.mchat__citacao[b-whhljrw9tw] {
    display: block;
    margin-bottom: var(--espacamento-2);
    padding: var(--espacamento-1) var(--espacamento-2);
    border-left: 3px solid var(--cor-primaria);
    border-radius: var(--raio-pequeno);
    background: color-mix(in srgb, var(--cor-primaria) 12%, transparent);
    overflow: hidden;
}

.mchat__mensagem--minha .mchat__citacao[b-whhljrw9tw] {
    border-left-color: rgba(255, 255, 255, 0.85);
    background: rgba(255, 255, 255, 0.16);
}

.mchat__citacao-autor[b-whhljrw9tw] {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--cor-primaria);
}

.mchat__citacao-texto[b-whhljrw9tw] {
    display: block;
    font-size: 0.74rem;
    color: var(--cor-texto-secundario);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mchat__mensagem--minha .mchat__citacao-autor[b-whhljrw9tw],
.mchat__mensagem--minha .mchat__citacao-texto[b-whhljrw9tw] {
    color: rgba(255, 255, 255, 0.92);
}

.mchat__apagada[b-whhljrw9tw] {
    display: inline-flex;
    align-items: center;
    gap: var(--espacamento-1);
    font-style: italic;
    font-size: 0.8rem;
    color: var(--cor-texto-secundario);
}

/* Anexos */
.mchat__anexos[b-whhljrw9tw] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-2);
    margin-bottom: var(--espacamento-1);
}

.mchat__anexo-audio[b-whhljrw9tw] {
    min-width: 0;
}

.mchat__anexo-arquivo[b-whhljrw9tw] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    padding: var(--espacamento-2) var(--espacamento-3);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-suave);
    border: 1px solid var(--cor-borda);
    color: var(--cor-texto);
    text-decoration: none;
    transition: border-color var(--transicao-rapida);
}

a.mchat__anexo-arquivo:hover[b-whhljrw9tw] {
    border-color: var(--cor-primaria);
}

.mchat__anexo-arquivo--travado[b-whhljrw9tw] {
    border-style: dashed;
    color: var(--cor-texto-secundario);
    cursor: not-allowed;
}

.mchat__mensagem--minha .mchat__anexo-arquivo[b-whhljrw9tw] {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.22);
    color: #fff;
}

.mchat__anexo-nome[b-whhljrw9tw] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 10rem;
    font-size: 0.8rem;
}

.mchat__anexo-tamanho[b-whhljrw9tw] {
    flex: 0 0 auto;
    font-size: 0.68rem;
    color: var(--cor-texto-secundario);
}

.mchat__mensagem--minha .mchat__anexo-tamanho[b-whhljrw9tw] {
    color: rgba(255, 255, 255, 0.75);
}

.mchat__balao[b-whhljrw9tw]  .galeria-midia {
    max-width: 14rem;
}

/* Reações (somente leitura) */
.mchat__reacoes[b-whhljrw9tw] {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    margin-top: 3px;
}

.mchat__reacao[b-whhljrw9tw] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 0 0.35rem;
    border-radius: 999px;
    background: var(--cor-superficie-suave);
    border: 1px solid var(--cor-borda);
    color: var(--cor-texto);
    font-size: 0.75rem;
}

.mchat__mensagem--minha .mchat__reacao[b-whhljrw9tw] {
    background: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.25);
    color: #fff;
}

.mchat__reacao-contagem[b-whhljrw9tw] {
    font-size: 0.68rem;
    font-weight: 600;
}

/* ---------- Composer ---------- */
.mchat__composer[b-whhljrw9tw] {
    position: relative;
    flex: 0 0 auto;
    padding: var(--espacamento-2) var(--espacamento-3) var(--espacamento-3);
    background: var(--cor-fundo);
}

.mchat__pendentes[b-whhljrw9tw] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espacamento-1);
    margin-bottom: var(--espacamento-2);
}

.mchat__pendente[b-whhljrw9tw] {
    display: inline-flex;
    align-items: center;
    gap: var(--espacamento-1);
    max-width: 100%;
    padding: 0.1rem 0.2rem 0.1rem 0.5rem;
    border-radius: 999px;
    background: var(--cor-superficie-suave);
    border: 1px solid var(--cor-borda);
    font-size: 0.74rem;
    color: var(--cor-texto-secundario);
}

.mchat__pendente > span[b-whhljrw9tw] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mchat__composer-linha[b-whhljrw9tw] {
    position: relative;
    display: flex;
    align-items: flex-end;
    gap: 2px;
    padding: 0.2rem 0.2rem 0.2rem 0.3rem;
    border: 1px solid var(--cor-borda);
    border-radius: 22px;
    background: var(--cor-fundo-secundario);
    transition: border-color var(--transicao-rapida), box-shadow var(--transicao-rapida);
}

.mchat__composer-linha:focus-within[b-whhljrw9tw] {
    border-color: var(--cor-primaria);
    box-shadow: 0 0 0 3px var(--cor-primaria-suave);
}

.mchat__composer-icone[b-whhljrw9tw] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--cor-texto-secundario);
    cursor: pointer;
    transition: background-color var(--transicao-rapida), color var(--transicao-rapida);
}

.mchat__composer-icone:hover[b-whhljrw9tw] {
    background: var(--cor-superficie-suave);
    color: var(--cor-texto);
}

/* O <input type="file"> real fica dentro do <InputFile>: precisa do ::deep para esconder. */
.mchat__composer[b-whhljrw9tw]  .mchat__input-oculto,
.mchat__composer[b-whhljrw9tw]  input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    opacity: 0;
    pointer-events: none;
}

.mchat__entrada[b-whhljrw9tw] {
    flex: 1;
    min-width: 0;
    resize: none;
    max-height: 7rem;
    min-height: 1.9rem;
    height: 1.9rem;
    overflow-y: hidden;
    line-height: 1.4;
    padding: 0.32rem var(--espacamento-2);
    border: none;
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.85rem;
    outline: none;
}

.mchat__entrada[b-whhljrw9tw]::placeholder {
    color: var(--cor-texto-suave);
}

.mchat__enviar[b-whhljrw9tw] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: none;
    border-radius: 999px;
    background: var(--cor-primaria);
    color: #fff;
    cursor: pointer;
    transition: background-color var(--transicao-rapida), opacity var(--transicao-rapida);
}

.mchat__enviar:hover:not(:disabled)[b-whhljrw9tw] {
    background: var(--cor-primaria-hover);
}

.mchat__enviar:disabled[b-whhljrw9tw] {
    opacity: 0.5;
    cursor: default;
}

.mchat__fechar-flutuantes[b-whhljrw9tw] {
    position: fixed;
    inset: 0;
    z-index: 1;
    background: transparent;
}

.mchat__emoji-painel[b-whhljrw9tw] {
    position: absolute;
    left: 0;
    bottom: calc(100% + 0.4rem);
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 2px;
    width: min(18.5rem, 100%);
    padding: var(--espacamento-2);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.mchat__emoji-painel button[b-whhljrw9tw] {
    padding: 0.15rem;
    border: none;
    border-radius: var(--raio-pequeno);
    background: transparent;
    font-size: 1.1rem;
    line-height: 1.2;
    cursor: pointer;
    transition: background-color var(--transicao-rapida), transform var(--transicao-rapida);
}

.mchat__emoji-painel button:hover[b-whhljrw9tw] {
    background: var(--cor-superficie-suave);
    transform: scale(1.15);
}

/* =====================================================================
   Mesmo retoque do Chat (estilo WhatsApp Web) em escala de janelinha:
   papel de parede, balões com "rabinho", cores por remetente, espaçamento.
   ===================================================================== */
.mchat--aberta[b-whhljrw9tw] {
    position: relative;
    isolation: isolate;
    background: color-mix(in srgb, var(--cor-primaria) 5%, var(--cor-fundo));
}

.mchat--aberta[b-whhljrw9tw]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: var(--cor-texto);
    opacity: 0.06;
    -webkit-mask-image: url("/imagens/chat-fundo.png");
    mask-image: url("/imagens/chat-fundo.png");
    -webkit-mask-size: 300px auto;
    mask-size: 300px auto;
    -webkit-mask-repeat: repeat;
    mask-repeat: repeat;
    pointer-events: none;
}

.mchat__cab[b-whhljrw9tw] {
    box-shadow: 0 1px 0 var(--cor-borda), 0 3px 10px rgba(0, 0, 0, 0.08);
    border-bottom: none;
}

.mchat__mensagens[b-whhljrw9tw] {
    padding: var(--espacamento-3) var(--espacamento-3);
    gap: 0;
}

.mchat__mensagem[b-whhljrw9tw] {
    max-width: 86%;
    margin-top: 3px;
}

.mchat__mensagem--cauda[b-whhljrw9tw] {
    margin-top: 10px;
}

.mchat__mensagem:first-of-type[b-whhljrw9tw] {
    margin-top: 0;
}

.mchat__mensagem--com-remetente[b-whhljrw9tw] {
    margin-top: 14px;
}

.mchat__balao[b-whhljrw9tw] {
    padding: 0.35rem 0.55rem 0.28rem;
    border: none;
    border-radius: 10px;
    box-shadow: 0 1px 1.5px rgba(11, 20, 26, 0.2);
    line-height: 1.3;
}

.mchat__mensagem--outra .mchat__balao[b-whhljrw9tw] {
    background: var(--cor-superficie);
    box-shadow: 0 0 0 1px var(--cor-borda), 0 1px 1.5px rgba(11, 20, 26, 0.2);
    border-bottom-left-radius: 10px;
}

.mchat__mensagem--minha .mchat__balao[b-whhljrw9tw] {
    background: color-mix(in srgb, var(--cor-primaria) 78%, #000);
    border-bottom-right-radius: 10px;
}

/* "Rabinho" só no primeiro balão de uma sequência do mesmo remetente. */
.mchat__mensagem--cauda .mchat__balao[b-whhljrw9tw]::before {
    content: "";
    position: absolute;
    top: 0;
    width: 8px;
    height: 12px;
    background: inherit;
}

.mchat__mensagem--cauda.mchat__mensagem--outra .mchat__balao[b-whhljrw9tw] {
    border-top-left-radius: 0;
}

.mchat__mensagem--cauda.mchat__mensagem--outra .mchat__balao[b-whhljrw9tw]::before {
    left: -7px;
    clip-path: polygon(100% 0, 100% 100%, 0 0);
}

.mchat__mensagem--cauda.mchat__mensagem--minha .mchat__balao[b-whhljrw9tw] {
    border-top-right-radius: 0;
}

.mchat__mensagem--cauda.mchat__mensagem--minha .mchat__balao[b-whhljrw9tw]::before {
    right: -7px;
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* Nome do remetente em grupos: uma cor por pessoa (a matiz vem inline). */
.mchat__remetente[b-whhljrw9tw] {
    color: hsl(var(--matiz, 210) 62% 52%);
}

.mchat__recibo--lida[b-whhljrw9tw] {
    color: #53bdeb;
}

.mchat__mensagem--minha .mchat__recibo--lida[b-whhljrw9tw] {
    color: #8ee0ff;
}

.mchat__citacao[b-whhljrw9tw] {
    border-radius: 6px;
    border-left-width: 4px;
}

.mchat__separador-dia span[b-whhljrw9tw] {
    padding: 0.2rem 0.7rem;
    border: none;
    background: var(--cor-superficie-elevada, var(--cor-superficie));
    box-shadow: 0 1px 1.5px rgba(11, 20, 26, 0.2);
    font-weight: 600;
}

.mchat__aviso-sistema span[b-whhljrw9tw] {
    background: color-mix(in srgb, #f5b73b 20%, var(--cor-superficie-elevada, var(--cor-superficie)));
    color: var(--cor-texto-secundario);
    box-shadow: 0 1px 1.5px rgba(11, 20, 26, 0.15);
}

.mchat__composer[b-whhljrw9tw] {
    background: color-mix(in srgb, var(--cor-superficie) 94%, transparent);
    border-top: 1px solid var(--cor-borda);
}

.mchat__composer-linha[b-whhljrw9tw] {
    border-color: transparent;
    background: var(--cor-superficie-elevada, var(--cor-fundo-secundario));
    box-shadow: 0 1px 2px rgba(11, 20, 26, 0.16);
}

/* ---------- Menu de anexar (mesmas opções do módulo de Chats) ---------- */
.mchat__acento--midia[b-whhljrw9tw] { --acento: #3b82f6; }
.mchat__acento--arquivo[b-whhljrw9tw] { --acento: #8b5cf6; }
.mchat__acento--trabalho[b-whhljrw9tw] { --acento: #3b82f6; }
.mchat__acento--email[b-whhljrw9tw] { --acento: #f59e0b; }
.mchat__acento--tarefa[b-whhljrw9tw] { --acento: #8b5cf6; }
.mchat__acento--produto[b-whhljrw9tw] { --acento: #10b981; }
.mchat__acento--servico[b-whhljrw9tw] { --acento: #06b6d4; }
.mchat__acento--imovel[b-whhljrw9tw] { --acento: #f97316; }
.mchat__acento--cliente[b-whhljrw9tw] { --acento: #ec4899; }
.mchat__acento--padrao[b-whhljrw9tw] { --acento: #64748b; }

.mchat__menu-anexar[b-whhljrw9tw] {
    position: absolute;
    left: 0;
    bottom: calc(100% + 0.5rem);
    z-index: 2;
    width: min(19rem, 100%);
    padding: var(--espacamento-3);
    border: 1px solid var(--cor-borda);
    border-radius: 16px;
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.mchat__anexar-secao[b-whhljrw9tw] {
    padding: 0 var(--espacamento-1) var(--espacamento-2);
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: var(--cor-texto-suave);
}

.mchat__anexar-grade[b-whhljrw9tw] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--espacamento-2);
    margin-bottom: var(--espacamento-3);
}

.mchat__anexar-grade:last-child[b-whhljrw9tw] {
    margin-bottom: 0;
}

.mchat__anexar-item[b-whhljrw9tw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--espacamento-2);
    padding: var(--espacamento-2) var(--espacamento-1);
    border: 1px solid transparent;
    border-radius: 14px;
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    cursor: pointer;
    transition: background-color var(--transicao-rapida), border-color var(--transicao-rapida), transform var(--transicao-rapida);
}

.mchat__anexar-item:hover[b-whhljrw9tw] {
    background: color-mix(in srgb, var(--acento) 10%, transparent);
    border-color: color-mix(in srgb, var(--acento) 35%, transparent);
    transform: translateY(-1px);
}

.mchat__anexar-item:focus-visible[b-whhljrw9tw] {
    outline: 2px solid var(--acento);
    outline-offset: 1px;
}

.mchat__anexar-icone[b-whhljrw9tw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 14px;
    background: var(--acento);
    color: #fff;
}

.mchat__anexar-rotulo[b-whhljrw9tw] {
    font-size: 0.7rem;
    font-weight: 600;
    line-height: 1.15;
    text-align: center;
    overflow-wrap: anywhere;
}

/* Chip do item do sistema pendente de envio */
.mchat__pendente--atalho[b-whhljrw9tw] {
    border-color: color-mix(in srgb, var(--acento, var(--cor-borda)) 45%, var(--cor-borda));
    background: color-mix(in srgb, var(--acento, transparent) 10%, var(--cor-superficie-suave));
}

.mchat__pendente-icone[b-whhljrw9tw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 1.2rem;
    height: 1.2rem;
    margin-left: -0.35rem;
    border-radius: 999px;
    background: var(--acento, var(--cor-primaria));
    color: #fff;
}
/* /Components/Layout/MiniChats.razor.rz.scp.css */
/* "Chats" do canto inferior direito (estilo Facebook): aba fixa + lista em miniatura + janelinhas.
   As janelinhas (MiniChatJanela) têm CSS próprio; aqui fica o posicionamento do conjunto e a lista. */
.mini-chats[b-7fdpyayxki] {
    position: fixed;
    right: 1rem;
    bottom: 0;
    z-index: 6000;
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
    gap: 0.75rem;
    pointer-events: none;
}

.mini-chats > *[b-7fdpyayxki] {
    pointer-events: auto;
}

.mini-chats__lista-coluna[b-7fdpyayxki] {
    display: flex;
    flex-direction: column;
    width: 17rem;
}

.mini-chats__janelas[b-7fdpyayxki] {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
    gap: 0.75rem;
}

/* ---------- Aba "Chats" ---------- */
.mini-chats__aba[b-7fdpyayxki] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    width: 100%;
    height: 2.6rem;
    padding: 0 0.85rem;
    border: 1px solid var(--cor-borda);
    border-bottom: none;
    border-radius: 12px 12px 0 0;
    background: var(--cor-superficie);
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.9rem;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    box-shadow: var(--sombra-cartao);
    transition: background-color var(--transicao-rapida);
}

.mini-chats__aba:hover[b-7fdpyayxki] {
    background: var(--cor-superficie-suave);
}

.mini-chats__aba--aberta[b-7fdpyayxki] {
    border-radius: 0;
    border-top: 1px solid var(--cor-borda);
    box-shadow: none;
}

.mini-chats__aba-titulo[b-7fdpyayxki] {
    flex: 1;
    min-width: 0;
}

.mini-chats__badge[b-7fdpyayxki] {
    flex: 0 0 auto;
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 0.35rem;
    border-radius: 999px;
    background: var(--cor-primaria);
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1.25rem;
    text-align: center;
}

/* ---------- Painel com a lista ---------- */
.mini-chats__painel[b-7fdpyayxki] {
    display: flex;
    flex-direction: column;
    height: min(26rem, calc(100vh - 8rem));
    border: 1px solid var(--cor-borda);
    border-bottom: none;
    border-radius: 12px 12px 0 0;
    background: var(--cor-superficie);
    box-shadow: var(--sombra-cartao);
    overflow: hidden;
    animation: mini-chats-surge-b-7fdpyayxki 140ms ease;
}

@keyframes mini-chats-surge-b-7fdpyayxki {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

.mini-chats__topo[b-7fdpyayxki] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    margin: var(--espacamento-3) var(--espacamento-3) var(--espacamento-2);
}

.mini-chats__busca[b-7fdpyayxki] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    padding: 0 0.7rem;
    height: 2.1rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background: var(--cor-fundo-secundario);
    color: var(--cor-texto-suave);
}

.mini-chats__busca:focus-within[b-7fdpyayxki] {
    border-color: var(--cor-primaria);
    box-shadow: 0 0 0 3px var(--cor-primaria-suave);
}

.mini-chats__busca input[b-7fdpyayxki] {
    flex: 1;
    min-width: 0;
    border: none;
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.85rem;
    outline: none;
}

.mini-chats__novo-wrap[b-7fdpyayxki] {
    position: relative;
    flex: 0 0 auto;
}

.mini-chats__novo[b-7fdpyayxki] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    padding: 0;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--cor-texto-secundario);
    cursor: pointer;
    transition: background-color var(--transicao-rapida), color var(--transicao-rapida);
}

.mini-chats__novo:hover[b-7fdpyayxki] {
    background: var(--cor-superficie-suave);
    color: var(--cor-texto);
}

.mini-chats__fechar-flutuantes[b-7fdpyayxki] {
    position: fixed;
    inset: 0;
    z-index: 1;
    background: transparent;
}

.mini-chats__menu-novo[b-7fdpyayxki] {
    position: absolute;
    top: calc(100% + 0.25rem);
    right: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    min-width: 12rem;
    padding: var(--espacamento-1);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.mini-chats__menu-novo button[b-7fdpyayxki] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    padding: var(--espacamento-2) var(--espacamento-3);
    border: none;
    border-radius: var(--raio-pequeno);
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.85rem;
    text-align: left;
    cursor: pointer;
}

.mini-chats__menu-novo button:hover[b-7fdpyayxki] {
    background: var(--cor-superficie-suave);
}

.mini-chats__itens[b-7fdpyayxki] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-bottom: var(--espacamento-2);
}

.mini-chats__estado[b-7fdpyayxki] {
    margin: var(--espacamento-5) var(--espacamento-3);
    text-align: center;
    font-size: 0.85rem;
    color: var(--cor-texto-suave);
}

.mini-chats__item[b-7fdpyayxki] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    width: 100%;
    padding: 0.5rem var(--espacamento-3);
    border: none;
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background-color var(--transicao-rapida);
}

.mini-chats__item:hover[b-7fdpyayxki] {
    background: var(--cor-superficie-suave);
}

.mini-chats__item--aberta[b-7fdpyayxki] {
    background: var(--cor-primaria-suave);
    box-shadow: inset 3px 0 0 var(--cor-primaria);
}

.mini-chats__item-avatar[b-7fdpyayxki] {
    position: relative;
    flex: 0 0 auto;
    line-height: 0;
}

.mini-chats__status[b-7fdpyayxki] {
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 999px;
    border: 2px solid var(--cor-superficie);
    background: var(--cor-texto-suave);
}

.mini-chats__status--online[b-7fdpyayxki] { background: var(--cor-sucesso); }
.mini-chats__status--ausente[b-7fdpyayxki] { background: var(--cor-alerta); }
.mini-chats__status--ocupado[b-7fdpyayxki] { background: var(--cor-erro); }

.mini-chats__item-texto[b-7fdpyayxki] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.mini-chats__item-linha[b-7fdpyayxki] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-2);
    min-width: 0;
}

.mini-chats__item-linha strong[b-7fdpyayxki] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.88rem;
    font-weight: 600;
}

.mini-chats__item-hora[b-7fdpyayxki] {
    flex: 0 0 auto;
    font-size: 0.68rem;
    color: var(--cor-texto-suave);
}

.mini-chats__item-previa[b-7fdpyayxki] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    min-width: 0;
    font-size: 0.78rem;
    color: var(--cor-texto-secundario);
}

.mini-chats__item-previa > span:last-child[b-7fdpyayxki] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mini-chats__item-check[b-7fdpyayxki] {
    display: inline-flex;
    flex: 0 0 auto;
    color: var(--cor-texto-suave);
}

.mini-chats__item-check--lida[b-7fdpyayxki] {
    color: #4fb3ff;
}

/* ---------- Telas menores ---------- */
@media (max-width: 1100px) {
    /* Pouco espaço: só a janelinha mais recente (a primeira no DOM) fica visível. */
    .mini-chats__janelas > :not(:first-child)[b-7fdpyayxki] {
        display: none;
    }
}

@media (max-width: 640px) {
    .mini-chats[b-7fdpyayxki] {
        left: 0.5rem;
        right: 0.5rem;
        flex-direction: column-reverse;
        align-items: stretch;
        gap: 0;
    }

    .mini-chats__lista-coluna[b-7fdpyayxki] {
        width: 100%;
    }

    .mini-chats:has(.mini-chats__painel) .mini-chats__janelas[b-7fdpyayxki] {
        display: none;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-mzcemie4t6],
.components-reconnect-repeated-attempt-visible[b-mzcemie4t6],
.components-reconnect-failed-visible[b-mzcemie4t6],
.components-reconnect-offline-visible[b-mzcemie4t6],
.components-pause-visible[b-mzcemie4t6],
.components-resume-failed-visible[b-mzcemie4t6],
.components-rejoining-animation[b-mzcemie4t6] {
    display: none;
}

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

#components-reconnect-modal[b-mzcemie4t6] {
    width: min(100vw - 1.5rem, 23rem);
    /* Centralizado na horizontal e mais para cima (não fica no meio da tela). */
    margin: clamp(1rem, 10vh, 6rem) auto auto;
    padding: 1.5rem 1.5rem 1.25rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-grande);
    background:
        radial-gradient(16rem 8rem at 50% 0%, color-mix(in srgb, var(--cor-primaria) 16%, transparent), transparent 75%),
        var(--cor-superficie);
    color: var(--cor-texto);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: display 160ms allow-discrete, overlay 160ms allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-mzcemie4t6 160ms both;
    &[open] {
        animation: components-reconnect-modal-slideDown-b-mzcemie4t6 220ms ease-out, components-reconnect-modal-fadeInOpacity-b-mzcemie4t6 180ms ease-out;
        animation-fill-mode: both;
    }
}

/* Fundo desfocado (blur) com uma película bem leve, sem escurecer a tela. */
#components-reconnect-modal[b-mzcemie4t6]::backdrop {
    background-color: color-mix(in srgb, var(--cor-fundo) 28%, transparent);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    animation: components-reconnect-modal-fadeInOpacity-b-mzcemie4t6 200ms ease-out;
}

@keyframes components-reconnect-modal-slideDown-b-mzcemie4t6 {
    0% { transform: translateY(-14px); }
    100% { transform: translateY(0); }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-mzcemie4t6 {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

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

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

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

#components-reconnect-modal button[b-mzcemie4t6] {
    min-height: 2.3rem;
    padding: 0 1.25rem;
    border: 1px solid transparent;
    background-color: var(--cor-primaria);
    color: white;
    font-weight: 600;
    border-radius: var(--raio-pequeno);
    margin-top: 0.4rem;
}

#components-reconnect-modal button:hover[b-mzcemie4t6] {
    background-color: var(--cor-primaria-hover);
}

#components-reconnect-modal button:active[b-mzcemie4t6] {
    background-color: var(--cor-primaria);
}

/* Logo com brilho e ondas (as ondas só aparecem enquanto tenta reconectar). Sem "display" nas imagens:
   o app.css alterna a versão clara/escura da logo por tema (.logo-tema). */
.components-reconnect-marca[b-mzcemie4t6] {
    position: relative;
    display: grid;
    place-items: center;
    width: 5rem;
    height: 5rem;
    margin-bottom: 0.5rem;
}

.components-reconnect-marca[b-mzcemie4t6]::before {
    content: "";
    position: absolute;
    inset: -15%;
    border-radius: 50%;
    background: radial-gradient(circle, color-mix(in srgb, var(--cor-primaria) 32%, transparent) 0%, transparent 68%);
    filter: blur(6px);
}

.components-reconnect-logo[b-mzcemie4t6] {
    position: relative;
    width: auto;
    height: 2.5rem;
}

.components-reconnect-offline-titulo[b-mzcemie4t6] {
    font-weight: 700;
    font-size: 1.05rem;
    font-family: var(--fonte-titulos);
}

.components-reconnect-offline-texto[b-mzcemie4t6],
p.components-pause-visible[b-mzcemie4t6],
p.components-resume-failed-visible[b-mzcemie4t6] {
    color: var(--cor-texto-secundario, inherit);
    font-size: 0.9rem;
    line-height: 1.4;
}

/* Sem "display": quem mostra/esconde cada mensagem são as regras de estado lá em cima. */
.components-reconnect-status[b-mzcemie4t6] {
    width: fit-content;
    margin-top: 0.35rem;
    padding: 0.3rem 0.8rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--cor-primaria) 24%, transparent);
    background: color-mix(in srgb, var(--cor-primaria) 10%, transparent);
    color: var(--cor-texto-secundario, inherit);
    font-size: 0.8rem;
    font-weight: 500;
}

.components-reconnect-status[b-mzcemie4t6]::before {
    content: "";
    display: inline-block;
    width: 0.45rem;
    height: 0.45rem;
    margin-right: 0.5rem;
    border-radius: 50%;
    background: var(--cor-primaria);
    vertical-align: middle;
    animation: components-reconnect-pulso-b-mzcemie4t6 1.2s ease-in-out infinite;
}

#components-reconnect-modal.components-reconnect-failed .components-reconnect-status[b-mzcemie4t6] {
    border-color: color-mix(in srgb, var(--cor-erro) 30%, transparent);
    background: color-mix(in srgb, var(--cor-erro) 10%, transparent);
}

#components-reconnect-modal.components-reconnect-failed .components-reconnect-status[b-mzcemie4t6]::before {
    background: var(--cor-erro);
    animation: none;
}

@keyframes components-reconnect-pulso-b-mzcemie4t6 {
    0%, 100% { opacity: 0.35; transform: scale(0.85); }
    50% { opacity: 1; transform: scale(1.1); }
}

.components-rejoining-animation[b-mzcemie4t6] {
    position: absolute;
    inset: 0;
}

.components-rejoining-animation div[b-mzcemie4t6] {
    position: absolute;
    inset: 0;
    border: 2px solid var(--cor-primaria);
    border-radius: 50%;
    opacity: 0;
    transform: scale(0.35);
    animation: components-rejoining-animation-b-mzcemie4t6 1.8s ease-out infinite;
}

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

@keyframes components-rejoining-animation-b-mzcemie4t6 {
    0% { opacity: 0; transform: scale(0.35); }
    10% { opacity: 0.85; }
    100% { opacity: 0; transform: scale(1.15); }
}

@media (prefers-reduced-motion: reduce) {
    #components-reconnect-modal[b-mzcemie4t6],
    #components-reconnect-modal[open][b-mzcemie4t6],
    .components-rejoining-animation div[b-mzcemie4t6],
    .components-reconnect-status[b-mzcemie4t6]::before {
        animation: none;
    }

    #components-reconnect-modal[open][b-mzcemie4t6] {
        opacity: 1;
    }
}
/* /Components/Paginas/Accounts.razor.rz.scp.css */
.accounts[b-mbs79mbguu] {
    display: grid;
    gap: 1.1rem;
}

.accounts__cabecalho[b-mbs79mbguu] {
    padding: 0 0.1rem;
}

.accounts__cabecalho h1[b-mbs79mbguu],
.accounts__painel-lista h2[b-mbs79mbguu],
.accounts__deductions-cabecalho h2[b-mbs79mbguu] {
    margin: 0;
    color: var(--cor-texto);
    font-size: 1rem;
    font-weight: 700;
}

.accounts__filtros[b-mbs79mbguu] {
    display: grid;
    grid-template-columns: auto minmax(10rem, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.75rem 0;
    border-block: 1px solid var(--cor-borda);
}

.accounts__modos[b-mbs79mbguu] {
    display: flex;
    align-items: center;
}

.accounts__modos button[b-mbs79mbguu] {
    min-height: 2.2rem;
    padding: 0.45rem 0.75rem;
    border: 1px solid var(--cor-borda);
    border-right-width: 0;
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
}

.accounts__modos button:first-child[b-mbs79mbguu] {
    border-radius: var(--raio-pequeno) 0 0 var(--raio-pequeno);
}

.accounts__modos button:last-child[b-mbs79mbguu] {
    border-right-width: 1px;
    border-radius: 0 var(--raio-pequeno) var(--raio-pequeno) 0;
}

.accounts__modos button.ativo[b-mbs79mbguu] {
    border-color: var(--cor-primaria);
    background: var(--cor-primaria);
    color: #fff;
}

.accounts__datas[b-mbs79mbguu] {
    display: flex;
    gap: 0.5rem;
    align-items: end;
}

.accounts__datas label[b-mbs79mbguu],
.accounts__linha-filtro label[b-mbs79mbguu],
.accounts__campo-filtro[b-mbs79mbguu],
.accounts__form-grade label[b-mbs79mbguu] {
    display: grid;
    gap: 0.3rem;
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
}

.accounts__datas .campo-formulario__entrada[b-mbs79mbguu] {
    min-width: 9rem;
}

.accounts__periodo[b-mbs79mbguu] {
    width: 13rem;
    min-height: 2.2rem;
    padding: 0.42rem 0.62rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    background: var(--cor-superficie);
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
}

.accounts__navegacao-cutoff[b-mbs79mbguu] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.accounts__navegacao-cutoff .botao-icone[b-mbs79mbguu] {
    width: 2.2rem;
    min-width: 2.2rem;
    height: 2.2rem;
    padding: 0;
    font-size: 1.35rem;
    line-height: 1;
}

.accounts__meta-periodo[b-mbs79mbguu] {
    display: flex;
    gap: 1rem;
    justify-content: end;
    align-items: center;
    color: var(--cor-texto-secundario);
    font-size: 0.75rem;
    white-space: nowrap;
}

.accounts__meta-periodo strong[b-mbs79mbguu] {
    color: var(--cor-sucesso);
}

.accounts__meta-periodo--onhold span[b-mbs79mbguu] {
    color: var(--cor-primaria);
    font-weight: 600;
}

.accounts__onhold-toggle[b-mbs79mbguu] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-left: 0.6rem;
    padding-left: 0.6rem;
    border-left: 1px solid var(--cor-borda);
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
}

.accounts__grade-metricas[b-mbs79mbguu] {
    display: grid;
    gap: 0.9rem;
}

.accounts__grade-metricas--cinco[b-mbs79mbguu] { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.accounts__grade-metricas--quatro[b-mbs79mbguu] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.accounts__grade-metricas--tres[b-mbs79mbguu] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.accounts__grade-metricas--dois[b-mbs79mbguu] { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.accounts__grade-resumos[b-mbs79mbguu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 0.9rem;
}

.accounts__metrica--clicavel[b-mbs79mbguu] {
    width: 100%;
    font: inherit;
    text-align: left;
    color: inherit;
    cursor: pointer;
}

.accounts__metrica--clicavel:hover[b-mbs79mbguu] {
    border-color: var(--cor-primaria);
}

.accounts__customers-lista[b-mbs79mbguu] {
    display: grid;
    gap: 0.9rem;
}

.accounts__customer[b-mbs79mbguu] {
    display: grid;
    gap: 0.6rem;
    padding: 0.95rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
}

.accounts__customer-cabecalho[b-mbs79mbguu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.accounts__customer-cabecalho strong[b-mbs79mbguu] {
    font-size: 0.95rem;
}

.accounts__customer-cabecalho span[b-mbs79mbguu] {
    color: var(--cor-texto-secundario);
    font-size: 0.75rem;
}

.accounts__customer-jobs[b-mbs79mbguu] {
    display: grid;
    gap: 0.5rem;
}

.accounts__customer-job[b-mbs79mbguu] {
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-suave);
    overflow: hidden;
}

.accounts__customer-job-cabecalho[b-mbs79mbguu] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.7rem 0.85rem;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.accounts__customer-job-cabecalho:hover[b-mbs79mbguu] {
    background: color-mix(in srgb, var(--cor-texto) 4%, transparent);
}

.accounts__customer-job-cabecalho svg[b-mbs79mbguu] {
    flex-shrink: 0;
    color: var(--cor-texto-secundario);
}

.accounts__customer-job-titulo[b-mbs79mbguu] {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
    flex: 1;
}

.accounts__customer-job-titulo span[b-mbs79mbguu] {
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
}

.accounts__customer-job-data[b-mbs79mbguu] {
    color: var(--cor-texto-secundario);
    font-size: 0.75rem;
    white-space: nowrap;
}

.accounts__customer-job-valores[b-mbs79mbguu] {
    display: flex;
    gap: 1.1rem;
    flex-shrink: 0;
}

.accounts__customer-job-valores > span[b-mbs79mbguu] {
    display: grid;
    gap: 0.1rem;
    text-align: right;
}

.accounts__customer-job-valores small[b-mbs79mbguu] {
    color: var(--cor-texto-secundario);
    font-size: 0.68rem;
}

.accounts__valor-pendente[b-mbs79mbguu] {
    color: var(--cor-erro);
}

.accounts__valor-quitado[b-mbs79mbguu] {
    color: var(--cor-sucesso);
}

.accounts__customer-pagamentos[b-mbs79mbguu] {
    display: grid;
    gap: 0.5rem;
    padding: 0 0.85rem 0.85rem;
    border-top: 1px solid var(--cor-borda);
}

.accounts__customer-pagamento[b-mbs79mbguu] {
    display: grid;
    grid-template-columns: auto auto 1fr auto;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.6rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
    font-size: 0.8rem;
}

.accounts__customer-pagamento span:nth-child(3)[b-mbs79mbguu] {
    color: var(--cor-texto-secundario);
}

.accounts__customer-form-pagamento[b-mbs79mbguu] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.6rem;
    padding: 0.75rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
}

.accounts__customer-form-pagamento-acoes[b-mbs79mbguu] {
    grid-column: 1 / -1;
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.accounts__customer-add-pagamento[b-mbs79mbguu] {
    justify-self: start;
}

.accounts__metrica[b-mbs79mbguu],
.accounts__painel-lista[b-mbs79mbguu],
.accounts__form-deducao[b-mbs79mbguu] {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
    padding: 0.95rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
}

.accounts__metrica span[b-mbs79mbguu],
.accounts__metrica small[b-mbs79mbguu] {
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
    font-weight: 400;
}

.accounts__metrica strong[b-mbs79mbguu] {
    color: var(--cor-texto);
    font-size: 1.15rem;
}

.accounts__metrica--verde strong[b-mbs79mbguu] { color: var(--cor-sucesso); }
.accounts__metrica--azul strong[b-mbs79mbguu] { color: #4095ff; }
.accounts__metrica--amarelo strong[b-mbs79mbguu] { color: #e0a800; }
.accounts__metrica--vermelho strong[b-mbs79mbguu] { color: #e45d6d; }
.accounts__metrica--roxo strong[b-mbs79mbguu] { color: #9767e8; }

.accounts__painel-lista[b-mbs79mbguu] {
    gap: 0.8rem;
}

.accounts--partners .accounts__painel-lista[b-mbs79mbguu] {
    min-height: 5.35rem;
    padding-block: 0.55rem;
}

.accounts--partners .accounts__vazio[b-mbs79mbguu] {
    min-height: 4rem;
}

.accounts__subtitulo-tabela[b-mbs79mbguu] {
    margin-top: 0.5rem !important;
    padding-top: 0.9rem;
    border-top: 1px solid var(--cor-borda);
    font-size: 0.82rem !important;
}

.accounts__vazio[b-mbs79mbguu] {
    margin: 0;
    min-height: 4.5rem;
    display: grid;
    place-items: center;
    color: var(--cor-texto-secundario);
    font-size: 0.82rem;
    text-align: center;
}

.accounts__linha-filtro[b-mbs79mbguu] {
    display: flex;
    justify-content: end;
}

.accounts__linha-filtro .campo-formulario__entrada[b-mbs79mbguu],
.accounts__linha-filtro[b-mbs79mbguu]  .selecao-padrao {
    min-width: 14rem;
}

.accounts__campo-filtro--parceiro[b-mbs79mbguu] {
    width: 22rem;
    max-width: calc(100vw - 2rem);
}

.accounts__linha-filtro--deducoes[b-mbs79mbguu] {
    justify-content: space-between;
    align-items: end;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.accounts__campo-filtro--parceiro[b-mbs79mbguu]  .selecao-padrao {
    min-width: 0;
}

.accounts__campo-filtro--parceiro[b-mbs79mbguu]  .selecao-padrao__painel--ancorado {
    right: 0;
    left: auto;
}

.accounts__jobs-toolbar[b-mbs79mbguu] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0.75rem;
}

.accounts__jobs-exportar[b-mbs79mbguu] {
    min-height: 2.3rem;
    padding-block: 0.35rem;
}

.accounts__partner-details-toolbar[b-mbs79mbguu] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
}

.accounts__partner-details-view[b-mbs79mbguu] {
    display: inline-flex;
    overflow: hidden;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
}

.accounts__partner-details-actions[b-mbs79mbguu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.accounts__partner-details-export[b-mbs79mbguu] {
    min-height: 2.3rem;
    padding-block: 0.35rem;
}

.accounts__partner-details-view button[b-mbs79mbguu] {
    width: 2.3rem;
    height: 2.3rem;
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-left: 1px solid var(--cor-borda);
    background: var(--cor-superficie);
    color: var(--cor-texto-secundario);
    cursor: pointer;
}

.accounts__partner-details-view button:first-child[b-mbs79mbguu] {
    border-left: 0;
}

.accounts__partner-details-view button:hover[b-mbs79mbguu],
.accounts__partner-details-view button:focus-visible[b-mbs79mbguu],
.accounts__partner-details-view button.ativo[b-mbs79mbguu] {
    outline: none;
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
}

.accounts__partner-details-grid[b-mbs79mbguu] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    gap: 0.85rem;
}

.accounts__partner-details-grid article[b-mbs79mbguu] {
    display: grid;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    background: var(--cor-superficie);
}

.accounts__partner-details-grid .accounts__partner-details-grid-total[b-mbs79mbguu] {
    border-top: 2px solid var(--cor-primaria);
}

.accounts__partner-details-grid-valores[b-mbs79mbguu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.accounts__partner-details-grid-valores > span[b-mbs79mbguu] {
    display: grid;
    gap: 0.2rem;
    color: var(--cor-texto-secundario);
    font-size: 0.7rem;
}

.accounts__partner-details-grid-valores strong[b-mbs79mbguu] {
    color: var(--cor-texto);
    font-size: 0.82rem;
}

.accounts__partner-details-grid-valores .accounts__partner-deduction-amount[b-mbs79mbguu] {
    color: #e45d6d;
}

.accounts__partner-value[b-mbs79mbguu] {
    color: #28a745;
}

.accounts__partner-details-grid-valores .accounts__partner-value[b-mbs79mbguu] {
    color: #28a745;
}

/* Extras do partner ja acertados por fora: exibidos apenas como informacao, fora do total. */
.accounts__partner-extras-celula[b-mbs79mbguu] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.accounts__extra-pago-info[b-mbs79mbguu] {
    font-size: 0.72rem;
    color: var(--cor-texto-suave, #6b7280);
    font-weight: 500;
}

@media (max-width: 720px) {
    .accounts__partner-details-toolbar[b-mbs79mbguu] {
        flex-wrap: wrap;
    }

    .accounts__partner-details-grid[b-mbs79mbguu] {
        grid-template-columns: 1fr;
    }
}

.accounts__tabela[b-mbs79mbguu] {
    display: grid;
    gap: 0;
    overflow-x: auto;
}

.accounts__tabela-cabecalho[b-mbs79mbguu],
.accounts__tabela article[b-mbs79mbguu] {
    display: grid;
    gap: 0.75rem;
    align-items: center;
    min-width: 40rem;
    padding: 0.72rem 0.1rem;
    border-bottom: 1px solid var(--cor-borda);
    font-size: 0.78rem;
}

.accounts__tabela article:last-child[b-mbs79mbguu] {
    border-bottom: 0;
}

.accounts__tabela-cabecalho[b-mbs79mbguu] {
    color: var(--cor-texto-secundario);
    font-size: 0.7rem;
    font-weight: 600;
}

.accounts__tabela article span[b-mbs79mbguu] {
    color: var(--cor-texto-secundario);
}

.accounts__filtro-link[b-mbs79mbguu] {
    width: fit-content;
    max-width: 100%;
    overflow: hidden;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-weight: 700;
    text-align: left;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-underline-offset: 0.18rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    transition: color 160ms ease, text-decoration-color 160ms ease;
}

.accounts__filtro-link:hover[b-mbs79mbguu],
.accounts__filtro-link:focus-visible[b-mbs79mbguu] {
    color: var(--cor-primaria);
    text-decoration-color: currentColor;
}

.accounts__tabela--jobs .accounts__tabela-cabecalho[b-mbs79mbguu],
.accounts__tabela--jobs article[b-mbs79mbguu] { min-width: 78rem; grid-template-columns: minmax(10rem, 1.5fr) repeat(9, minmax(6rem, 1fr)); }
.accounts__tabela--jobs.accounts__tabela--jobs-com-lucro .accounts__tabela-cabecalho[b-mbs79mbguu],
.accounts__tabela--jobs.accounts__tabela--jobs-com-lucro article[b-mbs79mbguu] { grid-template-columns: minmax(10rem, 1.5fr) repeat(10, minmax(6rem, 1fr)); }
.accounts__tabela--jobs.accounts__tabela--jobs-com-acoes .accounts__tabela-cabecalho[b-mbs79mbguu],
.accounts__tabela--jobs.accounts__tabela--jobs-com-acoes article[b-mbs79mbguu] { grid-template-columns: minmax(10rem, 1.5fr) repeat(10, minmax(6rem, 1fr)) 2.5rem; }

.accounts__job-titulo[b-mbs79mbguu] {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.accounts__job-link[b-mbs79mbguu] {
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.accounts__job-link:hover strong[b-mbs79mbguu],
.accounts__job-link:focus-visible strong[b-mbs79mbguu] {
    color: var(--cor-primaria);
    text-decoration: underline;
    text-underline-offset: 0.18rem;
}

.accounts__job-titulo strong[b-mbs79mbguu],
.accounts__job-titulo span[b-mbs79mbguu] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.accounts__job-titulo span[b-mbs79mbguu] {
    color: var(--cor-texto-secundario);
    font-size: 0.7rem;
}

.accounts__job-partners[b-mbs79mbguu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.2rem 0.45rem;
    min-width: 0;
}

.accounts__job-acoes[b-mbs79mbguu] {
    position: relative;
    justify-self: end;
}

.accounts__job-acoes > .botao-icone[b-mbs79mbguu] {
    width: 1.9rem;
    height: 1.9rem;
}

.accounts__archive-return[b-mbs79mbguu] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.8rem;
    border: 1px solid color-mix(in srgb, #e0a800 32%, var(--cor-borda));
    border-radius: var(--raio-pequeno);
    background: color-mix(in srgb, #e0a800 8%, var(--cor-superficie-suave));
    color: var(--cor-texto);
    font: inherit;
    text-align: left;
}

.accounts__archive-return > .icone-sistema[b-mbs79mbguu] {
    flex: 0 0 auto;
    color: #e0a800;
}

.accounts__archive-return span[b-mbs79mbguu] {
    display: grid;
    gap: 0.15rem;
}

.accounts__archive-return strong[b-mbs79mbguu] {
    font-size: 0.82rem;
}

.accounts__archive-return small[b-mbs79mbguu] {
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
}

.accounts__archive-return:hover:not(:disabled)[b-mbs79mbguu] {
    border-color: #e0a800;
    background: color-mix(in srgb, #e0a800 14%, var(--cor-superficie-suave));
}
.accounts__tabela--partners .accounts__tabela-cabecalho[b-mbs79mbguu],
.accounts__tabela--partners article[b-mbs79mbguu] { min-width: 58rem; grid-template-columns: minmax(12rem, 1.8fr) minmax(8rem, 1.1fr) repeat(4, minmax(5rem, 1fr)); }
.accounts__tabela--payroll .accounts__tabela-cabecalho[b-mbs79mbguu],
.accounts__tabela--payroll article[b-mbs79mbguu] { min-width: 53rem; grid-template-columns: minmax(9rem, 1.5fr) repeat(5, minmax(5rem, 1fr)) 3.5rem; }
.accounts__tabela--partner-details .accounts__tabela-cabecalho[b-mbs79mbguu],
.accounts__tabela--partner-details article[b-mbs79mbguu] { min-width: 42rem; grid-template-columns: minmax(12rem, 1.8fr) repeat(4, minmax(6rem, 1fr)); }
.accounts__tabela--partner-details .accounts__tabela-cabecalho[b-mbs79mbguu],
.accounts__tabela--partner-details article[b-mbs79mbguu] { gap: 0.32rem; padding-block: 0.24rem; }
.accounts__tabela--partner-details .accounts__job-titulo[b-mbs79mbguu] { gap: 0; line-height: 1.1; }
.accounts__tabela--companies .accounts__tabela-cabecalho[b-mbs79mbguu],
.accounts__tabela--companies article[b-mbs79mbguu] { grid-template-columns: minmax(12rem, 1.8fr) repeat(4, minmax(5rem, 1fr)); }
.accounts__tabela--overall .accounts__tabela-cabecalho[b-mbs79mbguu],
.accounts__tabela--overall article[b-mbs79mbguu] { min-width: 44rem; grid-template-columns: minmax(10rem, 1.6fr) repeat(7, minmax(4.5rem, 1fr)); }
.accounts__tabela--overall-partners .accounts__tabela-cabecalho[b-mbs79mbguu],
.accounts__tabela--overall-partners article[b-mbs79mbguu] { min-width: 50rem; grid-template-columns: minmax(10rem, 1.6fr) repeat(8, minmax(4.5rem, 1fr)); }
.accounts__tabela--team .accounts__tabela-cabecalho[b-mbs79mbguu],
.accounts__tabela--team article[b-mbs79mbguu] { min-width: 34rem; grid-template-columns: minmax(8rem, 1.5fr) repeat(4, minmax(4.5rem, 1fr)); }
.accounts__tabela--staff-commissions .accounts__tabela-cabecalho[b-mbs79mbguu],
.accounts__tabela--staff-commissions article[b-mbs79mbguu] { min-width: 36rem; grid-template-columns: minmax(6rem, 1.2fr) minmax(5rem, 1fr) repeat(5, minmax(4.5rem, 1fr)); }
.accounts__tabela--company-jobs .accounts__tabela-cabecalho[b-mbs79mbguu],
.accounts__tabela--company-jobs article[b-mbs79mbguu],
.accounts__tabela--overall-company-jobs .accounts__tabela-cabecalho[b-mbs79mbguu],
.accounts__tabela--overall-company-jobs article[b-mbs79mbguu] { grid-template-columns: minmax(9rem, 1.15fr) minmax(12rem, 1.8fr) repeat(3, minmax(5.5rem, 1fr)); }
.accounts__tabela--deductions .accounts__tabela-cabecalho[b-mbs79mbguu],
.accounts__tabela--deductions article[b-mbs79mbguu] { min-width: 57rem; grid-template-columns: minmax(8rem, 1.2fr) minmax(6rem, .8fr) minmax(11rem, 1.8fr) repeat(3, minmax(6rem, 1fr)) 5rem; }

.accounts__deduction-excluir[b-mbs79mbguu] { justify-self: end; }
.accounts__deduction-acoes[b-mbs79mbguu] { justify-self: end; }

.accounts__celula-extras[b-mbs79mbguu] { display: inline-flex; align-items: center; gap: 0.35rem; }
.accounts__extras-pendente-alerta[b-mbs79mbguu] { display: inline-flex; color: var(--cor-alerta, #d97706); }

.accounts__payroll-tipo[b-mbs79mbguu] {
    display: grid;
    gap: 0.65rem;
    padding-top: 0.9rem;
    border-top: 1px solid var(--cor-borda);
}

.accounts__payroll-tipo-cabecalho[b-mbs79mbguu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.accounts__payroll-tipo-cabecalho div[b-mbs79mbguu] {
    display: grid;
    gap: 0.2rem;
}

.accounts__payroll-tipo-cabecalho h3[b-mbs79mbguu] {
    margin: 0;
    color: var(--cor-texto);
    font-size: 0.84rem;
    font-weight: 700;
}

.accounts__payroll-tipo-cabecalho span[b-mbs79mbguu] {
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
}

.accounts__payroll-tipo-cabecalho > strong[b-mbs79mbguu] {
    color: var(--cor-sucesso);
    font-size: 0.9rem;
}

.accounts__payroll-tipo-resumo[b-mbs79mbguu] {
    display: grid;
    justify-items: end;
    gap: 0.18rem;
}

.accounts__payroll-tipo-resumo > strong[b-mbs79mbguu] {
    color: var(--cor-sucesso);
    font-size: 0.9rem;
}

.accounts__payroll-tipo-resumo > span[b-mbs79mbguu] {
    color: var(--cor-texto-secundario);
    font-size: 0.7rem;
    text-align: right;
}

.accounts__payroll-pago[b-mbs79mbguu] {
    width: 1.05rem;
    height: 1.05rem;
    justify-self: start;
    cursor: pointer;
}

.accounts__payroll-pago:disabled[b-mbs79mbguu] {
    cursor: not-allowed;
}

.accounts__grafico-payroll[b-mbs79mbguu] {
    gap: 1rem;
}

.accounts__grafico-payroll-cabecalho div[b-mbs79mbguu] {
    display: grid;
    gap: 0.22rem;
}

.accounts__grafico-payroll-cabecalho[b-mbs79mbguu] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
}

.accounts__grafico-payroll-cabecalho span[b-mbs79mbguu] {
    color: var(--cor-texto-secundario);
    font-size: 0.75rem;
}

.accounts__grafico-payroll-filtro[b-mbs79mbguu] {
    width: min(100%, 20rem);
}

.accounts__grafico-payroll-filtro label[b-mbs79mbguu] {
    display: block;
    margin-bottom: 0.3rem;
    color: var(--cor-texto-secundario);
    font-size: 0.7rem;
    font-weight: 600;
}

.accounts__graficos-payroll-comparacao[b-mbs79mbguu] {
    display: grid;
    gap: 1rem;
}

.accounts__graficos-payroll-lista[b-mbs79mbguu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(34rem, 1fr));
    gap: 1rem;
}

.accounts__graficos-payroll-comparacao--multiplos[b-mbs79mbguu] {
    grid-template-columns: minmax(0, 1fr) minmax(17rem, 21rem);
    align-items: start;
}

.accounts__graficos-payroll-comparacao--multiplos .accounts__graficos-payroll-lista[b-mbs79mbguu] {
    grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
}

.accounts__grafico-payroll-item[b-mbs79mbguu] {
    display: grid;
    gap: 0.8rem;
    min-width: 0;
    padding: 0.9rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-suave);
}

.accounts__grafico-payroll-item > header[b-mbs79mbguu] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
}

.accounts__grafico-payroll-item > header strong[b-mbs79mbguu] {
    font-size: 0.82rem;
}

.accounts__grafico-payroll-item > header span[b-mbs79mbguu] {
    white-space: nowrap;
}

.accounts__grafico-payroll-conteudo[b-mbs79mbguu] {
    display: grid;
    grid-template-columns: minmax(18rem, 1fr) minmax(12rem, 14rem);
    gap: 0.9rem;
    min-width: 0;
}

.accounts__graficos-payroll-comparacao--multiplos .accounts__grafico-payroll-conteudo[b-mbs79mbguu] {
    grid-template-columns: minmax(0, 1fr);
}

.accounts__grafico-payroll-canvas[b-mbs79mbguu] {
    position: relative;
    height: 21rem;
}

.accounts__grafico-payroll-legenda[b-mbs79mbguu] {
    display: grid;
    align-content: start;
    grid-template-columns: 1fr;
    gap: 0.6rem;
}

.accounts__grafico-payroll-legenda--consolidada[b-mbs79mbguu] {
    display: grid;
    align-content: start;
    gap: 0.7rem;
    max-height: 43rem;
    padding: 0.85rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-suave);
    overflow-y: auto;
}

.accounts__grafico-payroll-legenda--consolidada > header[b-mbs79mbguu] {
    display: grid;
    gap: 0.16rem;
    padding-bottom: 0.7rem;
    border-bottom: 1px solid var(--cor-borda);
}

.accounts__grafico-payroll-legenda--consolidada > header strong[b-mbs79mbguu] {
    font-size: 0.78rem;
}

.accounts__grafico-payroll-legenda--consolidada > header span[b-mbs79mbguu] {
    color: var(--cor-texto-secundario);
    font-size: 0.68rem;
}

.accounts__grafico-payroll-legenda-itens[b-mbs79mbguu] {
    display: grid;
    gap: 0.45rem;
}

.accounts__grafico-payroll-legenda-itens > div[b-mbs79mbguu] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.42rem;
    align-items: center;
    padding: 0.45rem 0.5rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    font-size: 0.7rem;
}

.accounts__grafico-payroll-legenda-itens > div > span:nth-child(2)[b-mbs79mbguu] {
    overflow: hidden;
    color: var(--cor-texto-secundario);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.accounts__grafico-payroll-legenda-itens small[b-mbs79mbguu] {
    grid-column: 2 / -1;
    color: var(--cor-texto-secundario);
    font-size: 0.65rem;
}

.accounts__grafico-payroll-legenda:not(.accounts__grafico-payroll-legenda--consolidada) > div[b-mbs79mbguu] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.42rem;
    align-items: center;
    padding: 0.55rem 0.65rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    font-size: 0.72rem;
}

.accounts__grafico-payroll-legenda:not(.accounts__grafico-payroll-legenda--consolidada) > div > span:nth-child(2)[b-mbs79mbguu] {
    overflow: hidden;
    color: var(--cor-texto-secundario);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.accounts__grafico-payroll-legenda strong[b-mbs79mbguu] {
    color: var(--cor-texto);
    white-space: nowrap;
}

.accounts__grafico-payroll-legenda:not(.accounts__grafico-payroll-legenda--consolidada) small[b-mbs79mbguu] {
    grid-column: 2 / -1;
    color: var(--cor-texto-secundario);
    font-size: 0.67rem;
}

.accounts__grafico-payroll-cor[b-mbs79mbguu] {
    width: 0.62rem;
    height: 0.62rem;
    border-radius: 50%;
}

.accounts__balanco[b-mbs79mbguu] {
    gap: 0;
}

.accounts__balanco > div[b-mbs79mbguu] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.52rem 0;
    border-bottom: 1px solid var(--cor-borda);
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
}

.accounts__balanco > div strong:last-child[b-mbs79mbguu] {
    color: var(--cor-sucesso);
}

.accounts__balanco .accounts__balanco-total[b-mbs79mbguu] {
    border-bottom: 0;
    color: var(--cor-texto);
    font-size: 0.88rem;
}

.accounts__overall-lista[b-mbs79mbguu] {
    gap: 0;
    padding: 0;
    overflow: hidden;
}

.accounts__overall-lista-cabecalho[b-mbs79mbguu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem 0.85rem;
    border-bottom: 1px solid var(--cor-borda);
}

.accounts__overall-lista-cabecalho div[b-mbs79mbguu] {
    display: grid;
    gap: 0.2rem;
}

.accounts__overall-lista-cabecalho span[b-mbs79mbguu] {
    color: var(--cor-texto-secundario);
    font-size: 0.75rem;
}

.accounts__overall-lista-cabecalho > strong[b-mbs79mbguu] {
    padding: 0.28rem 0.55rem;
    border-radius: 999px;
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
    white-space: nowrap;
}

.accounts__overall-lista .accounts__tabela[b-mbs79mbguu] {
    padding: 0 1.1rem;
}

.accounts__margem[b-mbs79mbguu] {
    color: var(--cor-sucesso);
}

.accounts__margem--negativa[b-mbs79mbguu] {
    color: #e45d6d;
}

.accounts__partner-deduction-amount[b-mbs79mbguu] {
    color: #e45d6d;
}

.accounts__partner-total[b-mbs79mbguu] {
    border-top: 2px solid var(--cor-borda);
    font-weight: 700;
}

.accounts__partner-details-total[b-mbs79mbguu] {
    border-top: 2px solid var(--cor-borda);
    font-weight: 700;
}

.accounts__deductions-cabecalho[b-mbs79mbguu] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.4rem 0;
}

.accounts__deductions-cabecalho p[b-mbs79mbguu] {
    margin: 0.25rem 0 0;
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
}

.accounts__deductions-rotulo[b-mbs79mbguu] {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--cor-primaria);
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.accounts__deductions-criar[b-mbs79mbguu] {
    flex: 0 0 auto;
}

.accounts--deductions .accounts__metrica[b-mbs79mbguu] {
    min-height: 6.5rem;
    padding: 1.05rem 1.1rem;
    background: linear-gradient(135deg, color-mix(in srgb, var(--cor-superficie) 92%, var(--cor-primaria)), var(--cor-superficie));
}

.accounts--deductions .accounts__metrica strong[b-mbs79mbguu] {
    margin-top: 0.35rem;
    font-size: 1.35rem;
}

.accounts--deductions .accounts__metrica small[b-mbs79mbguu] {
    margin-top: auto;
}

.accounts__deductions-lista[b-mbs79mbguu] {
    gap: 0;
    padding: 0;
    overflow: hidden;
}

.accounts__deductions-lista-cabecalho[b-mbs79mbguu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.1rem 0.85rem;
    border-bottom: 1px solid var(--cor-borda);
}

.accounts__deductions-lista-cabecalho p[b-mbs79mbguu],
.accounts__deductions-lista-cabecalho > span[b-mbs79mbguu] {
    margin: 0.25rem 0 0;
    color: var(--cor-texto-secundario);
    font-size: 0.75rem;
}

.accounts__deductions-lista-cabecalho > span[b-mbs79mbguu] {
    margin: 0;
    padding: 0.28rem 0.55rem;
    border-radius: 999px;
    background: var(--cor-superficie-suave);
    white-space: nowrap;
}

.accounts__deductions-lista .accounts__tabela[b-mbs79mbguu] {
    padding: 0 1.1rem;
}

.accounts__deductions-vazio[b-mbs79mbguu] {
    min-height: 11rem;
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 0.4rem;
    padding: 1rem;
    text-align: center;
}

.accounts__deductions-vazio-icone[b-mbs79mbguu] {
    width: 2.75rem;
    height: 2.75rem;
    display: grid;
    place-items: center;
    margin-bottom: 0.2rem;
    border-radius: 50%;
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
}

.accounts__deductions-vazio strong[b-mbs79mbguu] {
    color: var(--cor-texto);
    font-size: 0.86rem;
}

.accounts__deductions-vazio span[b-mbs79mbguu] {
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
}

.accounts__form-deducao[b-mbs79mbguu] {
    display: grid;
    gap: 1rem;
}

.accounts__form-grade[b-mbs79mbguu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.accounts__form-grade--descricao[b-mbs79mbguu] {
    grid-column: 1 / -1;
}

.accounts__form-grade__pagamento[b-mbs79mbguu] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid color-mix(in srgb, var(--cor-primaria) 20%, var(--cor-borda));
    border-radius: var(--raio-pequeno);
    background: color-mix(in srgb, var(--cor-primaria) 7%, var(--cor-superficie-suave));
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
}

.accounts__form-grade__pagamento > .icone-sistema[b-mbs79mbguu] {
    color: var(--cor-primaria);
}

.accounts__form-grade__pagamento div[b-mbs79mbguu] {
    display: grid;
    gap: 0.15rem;
}

.accounts__form-grade__pagamento strong[b-mbs79mbguu] {
    color: var(--cor-texto);
    font-size: 0.88rem;
}

@media (max-width: 1100px) {
    .accounts__grade-metricas--cinco[b-mbs79mbguu],
    .accounts__grade-metricas--quatro[b-mbs79mbguu] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .accounts__filtros[b-mbs79mbguu] { grid-template-columns: 1fr auto; }
    .accounts__meta-periodo[b-mbs79mbguu] { grid-column: 1 / -1; justify-content: start; }
    .accounts__graficos-payroll-comparacao--multiplos[b-mbs79mbguu] { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
    .accounts__filtros[b-mbs79mbguu],
    .accounts__grade-metricas--cinco[b-mbs79mbguu],
    .accounts__grade-metricas--quatro[b-mbs79mbguu],
    .accounts__grade-metricas--tres[b-mbs79mbguu],
    .accounts__grade-metricas--dois[b-mbs79mbguu],
    .accounts__grade-resumos[b-mbs79mbguu],
    .accounts__form-grade[b-mbs79mbguu] { grid-template-columns: 1fr; }
    .accounts__datas[b-mbs79mbguu],
    .accounts__meta-periodo[b-mbs79mbguu] { flex-wrap: wrap; justify-content: start; }
    .accounts__deductions-cabecalho[b-mbs79mbguu],
    .accounts__deductions-lista-cabecalho[b-mbs79mbguu],
    .accounts__overall-lista-cabecalho[b-mbs79mbguu] { align-items: flex-start; flex-direction: column; }
    .accounts__deductions-criar[b-mbs79mbguu] { width: 100%; justify-content: center; }
    .accounts__form-grade[b-mbs79mbguu] { grid-template-columns: 1fr; }
    .accounts__grafico-payroll-cabecalho[b-mbs79mbguu],
    .accounts__grafico-payroll-item > header[b-mbs79mbguu] { align-items: flex-start; flex-direction: column; }
    .accounts__graficos-payroll-lista[b-mbs79mbguu] { grid-template-columns: 1fr; }
    .accounts__grafico-payroll-conteudo[b-mbs79mbguu] { grid-template-columns: 1fr; }
    .accounts__grafico-payroll-canvas[b-mbs79mbguu] { height: 18rem; }
}

/* ===================================================================================
   Tabelas em modo cartão no mobile.
   Todas as ".accounts__tabela--*" são grades largas (min-width 34-78rem) pensadas pra
   rolar na horizontal no desktop — funcional, mas nada bonito num celular. Aqui, cada
   ".accounts__tabela-cabecalho" some e cada "article" (linha) vira um cartão com os
   campos em 2 colunas, com um rótulo pequeno acima de cada valor (via "::before",
   já que as células são só <span>/<strong> sem atributo de rótulo — o texto do rótulo
   é o mesmo já usado no cabeçalho de cada tabela, só reaproveitado aqui como
   "content" fixo por posição de coluna, sem precisar tocar no Razor). Campos que são
   o "título" da linha (nome, job) ou ações (botões, checkbox) ocupam a linha inteira.
   =================================================================================== */
@media (max-width: 760px) {
    .accounts__tabela[b-mbs79mbguu] {
        display: grid;
        gap: 0.65rem;
        overflow: visible;
    }

    .accounts__tabela-cabecalho[b-mbs79mbguu] {
        display: none;
    }

    /* !important necessário: as variantes ".accounts__tabela--jobs-com-lucro.accounts__tabela--jobs-com-acoes"
       etc. encadeiam até 3 classes (especificidade maior que esta regra de 1 classe),
       e são regras incondicionais (fora de media query) que fixam "min-width"/
       "grid-template-columns" — media query não dá especificidade extra, então sem
       "!important" essas variantes continuariam vencendo mesmo dentro do @media. */
    .accounts__tabela > article[b-mbs79mbguu] {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        align-items: start;
        gap: 0.55rem 0.75rem;
        min-width: 0 !important;
        padding: 0.75rem;
        border: 1px solid var(--cor-borda);
        border-radius: var(--raio-base, 8px);
        background: var(--cor-superficie);
    }

    .accounts__tabela > article > *[b-mbs79mbguu] {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .accounts__tabela > article > *:not(:empty)[b-mbs79mbguu]::before {
        display: block;
        margin-bottom: 0.15rem;
        overflow: visible;
        color: var(--cor-texto-secundario);
        font-size: 0.64rem;
        font-weight: 700;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        white-space: nowrap;
    }

    /* Campos "título" da linha (nome/empresa/job) e ações/checkboxes: ocupam a linha
       inteira e não recebem rótulo (o conteúdo já é autoexplicativo). */
    .accounts__tabela > article > .accounts__job-titulo[b-mbs79mbguu],
    .accounts__tabela > article > .accounts__job-partners[b-mbs79mbguu],
    .accounts__tabela > article > .accounts__job-acoes[b-mbs79mbguu],
    .accounts__tabela > article > .linha-acoes[b-mbs79mbguu],
    .accounts__tabela--overall > article > :first-child[b-mbs79mbguu],
    .accounts__tabela--overall-partners > article > :first-child[b-mbs79mbguu],
    .accounts__tabela--team > article > :first-child[b-mbs79mbguu],
    .accounts__tabela--staff-commissions > article > :first-child[b-mbs79mbguu],
    .accounts__tabela--companies > article > :first-child[b-mbs79mbguu],
    .accounts__tabela--company-jobs > article > :first-child[b-mbs79mbguu],
    .accounts__tabela--overall-company-jobs > article > :first-child[b-mbs79mbguu],
    .accounts__tabela--payroll > article > :first-child[b-mbs79mbguu],
    .accounts__tabela--deductions > article > :first-child[b-mbs79mbguu],
    .accounts__tabela--partners > article > .accounts__job-titulo[b-mbs79mbguu],
    .accounts__tabela--partner-details > article > .accounts__job-titulo[b-mbs79mbguu],
    .accounts__payroll-pago[b-mbs79mbguu] {
        grid-column: 1 / -1;
    }

    .accounts__tabela > article > .accounts__job-titulo strong[b-mbs79mbguu],
    .accounts__tabela--overall > article > :first-child[b-mbs79mbguu],
    .accounts__tabela--overall-partners > article > :first-child[b-mbs79mbguu],
    .accounts__tabela--team > article > :first-child[b-mbs79mbguu],
    .accounts__tabela--staff-commissions > article > :first-child[b-mbs79mbguu],
    .accounts__tabela--companies > article > :first-child[b-mbs79mbguu],
    .accounts__tabela--company-jobs > article > :first-child[b-mbs79mbguu],
    .accounts__tabela--overall-company-jobs > article > :first-child[b-mbs79mbguu],
    .accounts__tabela--payroll > article > :first-child[b-mbs79mbguu],
    .accounts__tabela--deductions > article > :first-child[b-mbs79mbguu] {
        font-size: 0.92rem;
    }

    .accounts__payroll-pago[b-mbs79mbguu] {
        justify-self: end;
        width: 1.25rem;
        height: 1.25rem;
    }

    /* Summary by Company (.accounts__tabela--overall): Company · Jobs · Gross · Extra · Net Revenue · Costs · Profit · Margin */
    .accounts__tabela--overall > article > :nth-child(2)[b-mbs79mbguu]::before { content: "Jobs"; }
    .accounts__tabela--overall > article > :nth-child(3)[b-mbs79mbguu]::before { content: "Gross"; }
    .accounts__tabela--overall > article > :nth-child(4)[b-mbs79mbguu]::before { content: "Extra"; }
    .accounts__tabela--overall > article > :nth-child(5)[b-mbs79mbguu]::before { content: "Net Revenue"; }
    .accounts__tabela--overall > article > :nth-child(6)[b-mbs79mbguu]::before { content: "Costs"; }
    .accounts__tabela--overall > article > :nth-child(7)[b-mbs79mbguu]::before { content: "Profit"; }
    .accounts__tabela--overall > article > :nth-child(8)[b-mbs79mbguu]::before { content: "Margin"; }

    /* Summary by Partner (extends --overall, com Deduction extra): Partner · Jobs · Gross · Extra · Net Revenue · Costs · Deduction · Profit · Margin */
    .accounts__tabela--overall-partners > article > :nth-child(2)[b-mbs79mbguu]::before { content: "Jobs"; }
    .accounts__tabela--overall-partners > article > :nth-child(3)[b-mbs79mbguu]::before { content: "Gross"; }
    .accounts__tabela--overall-partners > article > :nth-child(4)[b-mbs79mbguu]::before { content: "Extra"; }
    .accounts__tabela--overall-partners > article > :nth-child(5)[b-mbs79mbguu]::before { content: "Net Revenue"; }
    .accounts__tabela--overall-partners > article > :nth-child(6)[b-mbs79mbguu]::before { content: "Costs"; }
    .accounts__tabela--overall-partners > article > :nth-child(7)[b-mbs79mbguu]::before { content: "Deduction"; }
    .accounts__tabela--overall-partners > article > :nth-child(8)[b-mbs79mbguu]::before { content: "Profit"; }
    .accounts__tabela--overall-partners > article > :nth-child(9)[b-mbs79mbguu]::before { content: "Margin"; }

    /* Summary by Team: Team · Jobs · Amount Due · Extras · Total Pay */
    .accounts__tabela--team > article > :nth-child(2)[b-mbs79mbguu]::before { content: "Jobs"; }
    .accounts__tabela--team > article > :nth-child(3)[b-mbs79mbguu]::before { content: "Amount Due"; }
    .accounts__tabela--team > article > :nth-child(4)[b-mbs79mbguu]::before { content: "Extras"; }
    .accounts__tabela--team > article > :nth-child(5)[b-mbs79mbguu]::before { content: "Total Pay"; }

    /* Staff Commissions: Name · Role · Jobs · Fixed · Commission % · Profit Base · Commission Due */
    .accounts__tabela--staff-commissions > article > :nth-child(2)[b-mbs79mbguu]::before { content: "Role"; }
    .accounts__tabela--staff-commissions > article > :nth-child(3)[b-mbs79mbguu]::before { content: "Jobs"; }
    .accounts__tabela--staff-commissions > article > :nth-child(4)[b-mbs79mbguu]::before { content: "Fixed"; }
    .accounts__tabela--staff-commissions > article > :nth-child(5)[b-mbs79mbguu]::before { content: "Commission %"; }
    .accounts__tabela--staff-commissions > article > :nth-child(6)[b-mbs79mbguu]::before { content: "Profit Base"; }
    .accounts__tabela--staff-commissions > article > :nth-child(7)[b-mbs79mbguu]::before { content: "Commission Due"; }

    /* Jobs (Postcode/Title + Partner ocupam a linha inteira): Date · Company · Category · Price · Price After Tax · Partner Price · Extras · Partner Extras · [Profit] · [Actions] */
    .accounts__tabela--jobs > article > .accounts__job-partners[b-mbs79mbguu]::before { content: "Partner"; }
    .accounts__tabela--jobs > article > :nth-child(3)[b-mbs79mbguu]::before { content: "Date"; }
    .accounts__tabela--jobs > article > :nth-child(4)[b-mbs79mbguu]::before { content: "Company"; }
    .accounts__tabela--jobs > article > :nth-child(5)[b-mbs79mbguu]::before { content: "Category"; }
    .accounts__tabela--jobs > article > :nth-child(6)[b-mbs79mbguu]::before { content: "Price"; }
    .accounts__tabela--jobs > article > :nth-child(7)[b-mbs79mbguu]::before { content: "Price After Tax"; }
    .accounts__tabela--jobs > article > :nth-child(8)[b-mbs79mbguu]::before { content: "Partner Price"; }
    .accounts__tabela--jobs > article > :nth-child(9)[b-mbs79mbguu]::before { content: "Extras"; }
    .accounts__tabela--jobs > article > :nth-child(10)[b-mbs79mbguu]::before { content: "Partner Extras"; }
    .accounts__tabela--jobs-com-lucro:not(.accounts__tabela--jobs-com-acoes) > article > :nth-child(11)[b-mbs79mbguu]::before { content: "Profit"; }
    .accounts__tabela--jobs-com-acoes:not(.accounts__tabela--jobs-com-lucro) > article > :nth-child(11)[b-mbs79mbguu] { grid-column: 1 / -1; justify-self: end; }
    .accounts__tabela--jobs-com-lucro.accounts__tabela--jobs-com-acoes > article > :nth-child(11)[b-mbs79mbguu]::before { content: "Profit"; }
    .accounts__tabela--jobs-com-lucro.accounts__tabela--jobs-com-acoes > article > :nth-child(12)[b-mbs79mbguu] { grid-column: 1 / -1; justify-self: end; }

    /* Partners (Postcode/Title ocupa a linha inteira): Partner · Date · Partner Value · Partner Extras · Total */
    .accounts__tabela--partners > article > :nth-child(2)[b-mbs79mbguu]::before { content: "Partner"; }
    .accounts__tabela--partners > article > :nth-child(3)[b-mbs79mbguu]::before { content: "Date"; }
    .accounts__tabela--partners > article > :nth-child(4)[b-mbs79mbguu]::before { content: "Partner Value"; }
    .accounts__tabela--partners > article > :nth-child(5)[b-mbs79mbguu]::before { content: "Partner Extras"; }
    .accounts__tabela--partners > article > :nth-child(6)[b-mbs79mbguu]::before { content: "Total"; }
    .accounts__tabela--partners > article.accounts__partner-deduction > :nth-child(4)[b-mbs79mbguu]::before { content: "Deduction"; }
    .accounts__tabela--partners > article.accounts__partner-total[b-mbs79mbguu] {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .accounts__tabela--partners > article.accounts__partner-total > :empty[b-mbs79mbguu] { display: none; }

    /* Companies: Provider · Type · Jobs · Inc. VAT · Net */
    .accounts__tabela--companies > article > :nth-child(2)[b-mbs79mbguu]::before { content: "Type"; }
    .accounts__tabela--companies > article > :nth-child(3)[b-mbs79mbguu]::before { content: "Jobs"; }
    .accounts__tabela--companies > article > :nth-child(4)[b-mbs79mbguu]::before { content: "Inc. VAT"; }
    .accounts__tabela--companies > article > :nth-child(5)[b-mbs79mbguu]::before { content: "Net"; }

    /* Completed Jobs (dentro de Companies) — Company · Postcode/Title (linha inteira) · Date · Charged · Extras */
    .accounts__tabela--company-jobs > article > .accounts__job-titulo[b-mbs79mbguu]::before { content: "Job"; }
    .accounts__tabela--company-jobs > article > :nth-child(3)[b-mbs79mbguu]::before { content: "Date"; }
    .accounts__tabela--company-jobs > article > :nth-child(4)[b-mbs79mbguu]::before { content: "Charged"; }
    .accounts__tabela--company-jobs > article > :nth-child(5)[b-mbs79mbguu]::before { content: "Extras"; }
    .accounts__tabela--company-jobs > article > .accounts__job-titulo[b-mbs79mbguu],
    .accounts__tabela--overall-company-jobs > article > .accounts__job-titulo[b-mbs79mbguu] {
        grid-column: 1 / -1;
    }

    /* Modal "Completed Jobs" de uma empresa (Summary by Company): Job (linha inteira) · Address · Date · Charged · Extras */
    .accounts__tabela--overall-company-jobs > article > :nth-child(2)[b-mbs79mbguu]::before { content: "Address"; }
    .accounts__tabela--overall-company-jobs > article > :nth-child(3)[b-mbs79mbguu]::before { content: "Date"; }
    .accounts__tabela--overall-company-jobs > article > :nth-child(4)[b-mbs79mbguu]::before { content: "Charged"; }
    .accounts__tabela--overall-company-jobs > article > :nth-child(5)[b-mbs79mbguu]::before { content: "Extras"; }

    /* Payroll (Partners e Staff): Name/Staff (linha inteira) · Payment Date · Gross · Extras · Deductions · Total · Paid */
    .accounts__tabela--payroll > article > :nth-child(2)[b-mbs79mbguu]::before { content: "Payment Date"; }
    .accounts__tabela--payroll > article > :nth-child(3)[b-mbs79mbguu]::before { content: "Gross"; }
    .accounts__tabela--payroll > article > :nth-child(4)[b-mbs79mbguu]::before { content: "Extras"; }
    .accounts__tabela--payroll > article > :nth-child(5)[b-mbs79mbguu]::before { content: "Deductions"; }
    .accounts__tabela--payroll > article > :nth-child(6)[b-mbs79mbguu]::before { content: "Total"; }

    /* Deductions: Beneficiary (linha inteira) · Category · Description (linha inteira) · Recorded · Scheduled payment · Amount · ações */
    .accounts__tabela--deductions > article > :nth-child(2)[b-mbs79mbguu]::before { content: "Category"; }
    .accounts__tabela--deductions > article > :nth-child(3)[b-mbs79mbguu]::before { content: "Description"; }
    .accounts__tabela--deductions > article > :nth-child(4)[b-mbs79mbguu]::before { content: "Recorded"; }
    .accounts__tabela--deductions > article > :nth-child(5)[b-mbs79mbguu]::before { content: "Scheduled payment"; }
    .accounts__tabela--deductions > article > :nth-child(6)[b-mbs79mbguu]::before { content: "Amount"; }
    .accounts__tabela--deductions > article > :nth-child(3)[b-mbs79mbguu] {
        grid-column: 1 / -1;
    }

    /* Partner details (dentro do modal de detalhes do parceiro, modo lista): Postcode/Title (linha inteira) · Date · Partner Value · Partner Extras · Total */
    .accounts__tabela--partner-details > article > :nth-child(2)[b-mbs79mbguu]::before { content: "Date"; }
    .accounts__tabela--partner-details > article > :nth-child(3)[b-mbs79mbguu]::before { content: "Partner Value"; }
    .accounts__tabela--partner-details > article > :nth-child(4)[b-mbs79mbguu]::before { content: "Partner Extras"; }
    .accounts__tabela--partner-details > article > :nth-child(5)[b-mbs79mbguu]::before { content: "Total"; }
    .accounts__tabela--partner-details > article.accounts__partner-deduction > :nth-child(3)[b-mbs79mbguu]::before { content: "Deduction"; }
    .accounts__tabela--partner-details > article.accounts__partner-details-total[b-mbs79mbguu],
    .accounts__tabela--partners > article.accounts__partner-total[b-mbs79mbguu] {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .accounts__tabela--partner-details > article.accounts__partner-details-total > :empty[b-mbs79mbguu] { display: none; }

    .accounts__partner-details-grid[b-mbs79mbguu] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Paginas/AcessoNegado.razor.rz.scp.css */
.painel[b-m0dd25g5bd] {
    display: grid;
    gap: var(--espacamento-4);
    padding: var(--espacamento-5);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.painel--estado[b-m0dd25g5bd] {
    max-width: 38rem;
}
/* /Components/Paginas/AnaliseSite.razor.rz.scp.css */
.analise-site[b-zyilr7htyd] {
    display: block;
}

.analise-site__filtros[b-zyilr7htyd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.analise-site__presets[b-zyilr7htyd] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.chip-filtro[b-zyilr7htyd] {
    padding: .4rem .9rem;
    border-radius: 999px;
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie);
    color: var(--cor-texto-secundario);
    font-size: .85rem;
    cursor: pointer;
    transition: background .15s, color .15s, border-color .15s;
}

.chip-filtro:hover[b-zyilr7htyd] {
    border-color: var(--cor-borda-forte);
    color: var(--cor-texto);
}

.chip-filtro.ativo[b-zyilr7htyd] {
    background: var(--cor-primaria);
    border-color: var(--cor-primaria);
    color: #fff;
}

.analise-site__datas[b-zyilr7htyd] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: .75rem;
}

.analise-site__datas label[b-zyilr7htyd] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    font-size: .8rem;
    color: var(--cor-texto-secundario);
}

.analise-site__datas .campo-formulario__entrada[b-zyilr7htyd] {
    min-width: 9.5rem;
}

.analise-site__carregando[b-zyilr7htyd] {
    color: var(--cor-texto-secundario);
    padding: 2rem 0;
    text-align: center;
}

/* --- Cartões de métrica --- */
.analise-site__cartoes[b-zyilr7htyd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 1rem;
    margin-bottom: 1.75rem;
}

.cartao-metrica[b-zyilr7htyd] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    padding: 1.1rem 1.25rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio, 12px);
    background: var(--cor-superficie);
}

.cartao-metrica__rotulo[b-zyilr7htyd] {
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--cor-texto-secundario);
}

.cartao-metrica__valor[b-zyilr7htyd] {
    font-size: 1.9rem;
    font-weight: 600;
    line-height: 1.1;
    color: var(--cor-texto);
}

.cartao-metrica__variacao[b-zyilr7htyd] {
    font-size: .8rem;
    font-weight: 500;
}

.cartao-metrica__variacao.sobe[b-zyilr7htyd] {
    color: var(--cor-sucesso);
}

.cartao-metrica__variacao.desce[b-zyilr7htyd] {
    color: var(--cor-erro);
}

.cartao-metrica__ajuda[b-zyilr7htyd] {
    font-size: .75rem;
    color: var(--cor-texto-suave, var(--cor-texto-secundario));
}

/* --- Gráfico --- */
.analise-site__grafico[b-zyilr7htyd] {
    margin-bottom: 1.75rem;
    padding: 1.25rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio, 12px);
    background: var(--cor-superficie);
}

.analise-site__grafico h3[b-zyilr7htyd] {
    margin: 0 0 1rem;
    font-size: 1rem;
    color: var(--cor-texto);
}

.analise-site__grafico-tela[b-zyilr7htyd] {
    position: relative;
    height: 300px;
}

.analise-site__grafico-tela canvas[b-zyilr7htyd] {
    width: 100% !important;
    height: 100% !important;
}

/* --- Blocos de detalhamento --- */
.analise-site__blocos[b-zyilr7htyd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
}

.analise-site__bloco[b-zyilr7htyd] {
    padding: 1.1rem 1.25rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio, 12px);
    background: var(--cor-superficie);
}

.analise-site__bloco h3[b-zyilr7htyd] {
    margin: 0 0 .9rem;
    font-size: .95rem;
    color: var(--cor-texto);
}

.analise-site__bloco-vazio[b-zyilr7htyd] {
    margin: 0;
    color: var(--cor-texto-secundario);
}

.analise-site__lista[b-zyilr7htyd] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

.analise-site__lista li[b-zyilr7htyd] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 5rem auto;
    align-items: center;
    gap: .75rem;
    font-size: .85rem;
}

.analise-site__lista-rotulo[b-zyilr7htyd] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--cor-texto);
}

.analise-site__barra[b-zyilr7htyd] {
    position: relative;
    height: 8px;
    border-radius: 999px;
    background: var(--cor-superficie-suave, var(--cor-fundo-secundario));
    overflow: hidden;
}

.analise-site__barra-fill[b-zyilr7htyd] {
    position: absolute;
    inset: 0 auto 0 0;
    background: var(--cor-primaria);
    border-radius: 999px;
}

.analise-site__lista-valor[b-zyilr7htyd] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    color: var(--cor-texto-secundario);
}

@media (max-width: 640px) {
    .analise-site__lista li[b-zyilr7htyd] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .analise-site__barra[b-zyilr7htyd] {
        display: none;
    }
}
/* /Components/Paginas/AsaasPagamentos.razor.rz.scp.css */
/* ---------- Resumo ---------- */
.asaas__faixa-sandbox[b-5bjssq8adl] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin: 0 0 var(--espacamento-4, 1rem);
    padding: 0.6rem 0.9rem;
    border: 1px solid rgba(245, 159, 0, 0.35);
    border-radius: var(--raio-pequeno);
    background: rgba(245, 159, 0, 0.1);
    color: var(--cor-texto);
    font-size: 0.85rem;
}

.asaas__faixa-sandbox[b-5bjssq8adl]  svg {
    flex: none;
    color: #f59f00;
}

.asaas__resumo[b-5bjssq8adl] {
    margin-bottom: var(--espacamento-4, 1rem);
}

.asaas__card[b-5bjssq8adl] {
    position: relative;
    overflow: hidden;
}

.asaas__card[b-5bjssq8adl]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: var(--asaas-cor, var(--cor-primaria));
}

.asaas__card strong[b-5bjssq8adl] {
    font-size: 1.65rem;
    letter-spacing: -0.01em;
}

.asaas__card small[b-5bjssq8adl] {
    color: var(--cor-texto-secundario);
}

.asaas__card--info[b-5bjssq8adl] { --asaas-cor: #228be6; }
.asaas__card--sucesso[b-5bjssq8adl] { --asaas-cor: #12b886; }
.asaas__card--erro[b-5bjssq8adl] { --asaas-cor: #e03131; }

/* ---------- Barra de filtros ---------- */
.asaas__barra[b-5bjssq8adl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
}

.asaas__busca[b-5bjssq8adl] {
    flex: 1 1 18rem;
    min-width: 0;
}

.asaas__chips[b-5bjssq8adl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.asaas__chip[b-5bjssq8adl] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.38rem 0.8rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.asaas__chip span[b-5bjssq8adl] {
    min-width: 1.35rem;
    padding: 0 0.35rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--cor-texto) 10%, transparent);
    font-size: 0.72rem;
    text-align: center;
}

.asaas__chip:hover[b-5bjssq8adl] {
    border-color: var(--cor-borda-forte);
    color: var(--cor-texto);
}

.asaas__chip.ativo[b-5bjssq8adl] {
    border-color: var(--cor-primaria);
    background: color-mix(in srgb, var(--cor-primaria) 16%, transparent);
    color: var(--cor-texto);
}

.asaas__chip.ativo span[b-5bjssq8adl] {
    background: var(--cor-primaria);
    color: #fff;
}

/* ---------- Tabela ---------- */
.tabela-sistema--asaas .tabela-sistema__cabecalho[b-5bjssq8adl],
.tabela-sistema--asaas .tabela-sistema__linha[b-5bjssq8adl] {
    grid-template-columns: 2fr 1.3fr 0.9fr 1fr 1.2fr 9rem;
    align-items: center;
}

.tabela-sistema--asaas .linha-acoes[b-5bjssq8adl] {
    justify-content: flex-end;
}

.asaas__direita[b-5bjssq8adl] {
    text-align: right;
}

.asaas__pagador[b-5bjssq8adl] {
    display: grid;
    gap: 0.1rem;
    max-width: 100%;
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.asaas__pagador:hover strong[b-5bjssq8adl] {
    color: var(--cor-primaria);
}

.asaas__pagador small[b-5bjssq8adl],
.asaas__sandbox[b-5bjssq8adl] {
    display: block;
    overflow: hidden;
    color: var(--cor-texto-secundario);
    font-size: 0.74rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.asaas__sandbox[b-5bjssq8adl] {
    color: #d9822b;
}

.asaas__forma-celula[b-5bjssq8adl] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.asaas__forma-celula[b-5bjssq8adl]  svg {
    flex: none;
    color: var(--cor-texto-secundario);
}

@media (max-width: 900px) {
    .tabela-sistema--asaas .tabela-sistema__cabecalho[b-5bjssq8adl],
    .tabela-sistema--asaas .tabela-sistema__linha[b-5bjssq8adl] {
        grid-template-columns: 1fr;
    }

    .asaas__direita[b-5bjssq8adl] {
        text-align: left;
    }

    .tabela-sistema--asaas .linha-acoes[b-5bjssq8adl] {
        justify-content: flex-start;
    }
}

/* ---------- Status ---------- */
.asaas__status[b-5bjssq8adl] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    width: fit-content;
    padding: 0.18rem 0.65rem;
    border-radius: 999px;
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
    font-weight: 600;
    white-space: nowrap;
}

.asaas__status[b-5bjssq8adl]::before {
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: currentColor;
}

.asaas__status--sucesso[b-5bjssq8adl] {
    background: rgba(25, 201, 139, 0.14);
    color: #12b886;
}

.asaas__status--erro[b-5bjssq8adl] {
    background: rgba(224, 49, 49, 0.14);
    color: #f06565;
}

.asaas__status--info[b-5bjssq8adl] {
    background: rgba(34, 139, 230, 0.14);
    color: #4dabf7;
}

/* ---------- Não conectado ---------- */
.asaas__vazio-conexao[b-5bjssq8adl] {
    display: grid;
    justify-items: center;
    gap: 0.75rem;
    padding: 2.5rem 1.5rem;
    text-align: center;
}

.asaas__vazio-conexao p[b-5bjssq8adl] {
    max-width: 32rem;
    margin: 0;
    color: var(--cor-texto-secundario);
}

.asaas__icone-grande[b-5bjssq8adl] {
    display: inline-grid;
    flex: none;
    place-items: center;
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 1rem;
    background: color-mix(in srgb, var(--cor-primaria) 16%, transparent);
    color: var(--cor-primaria);
}

/* ---------- Conexão ---------- */
.asaas__conexao[b-5bjssq8adl] {
    display: grid;
    gap: var(--espacamento-4, 1rem);
}

.asaas__conexao-topo[b-5bjssq8adl] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 1rem;
}

.asaas__conexao-topo h3[b-5bjssq8adl],
.asaas__conexao-topo p[b-5bjssq8adl] {
    margin: 0;
}

.asaas__conexao-topo p[b-5bjssq8adl] {
    margin-top: 0.2rem;
    color: var(--cor-texto-secundario);
    font-size: 0.88rem;
}

@media (max-width: 700px) {
    .asaas__conexao-topo[b-5bjssq8adl] {
        grid-template-columns: auto 1fr;
    }

    .asaas__conexao-topo .asaas__status[b-5bjssq8adl] {
        grid-column: 1 / -1;
    }
}

.asaas__fatos[b-5bjssq8adl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: 0.75rem;
}

.asaas__fato[b-5bjssq8adl] {
    display: grid;
    align-content: start;
    gap: 0.2rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    background: var(--cor-superficie-suave);
    min-width: 0;
}

.asaas__fato small[b-5bjssq8adl] {
    color: var(--cor-texto-secundario);
    font-size: 0.74rem;
}

.asaas__fato strong[b-5bjssq8adl] {
    overflow-wrap: anywhere;
    font-size: 0.92rem;
}

.asaas__ok[b-5bjssq8adl] { color: #12b886; }
.asaas__erro[b-5bjssq8adl] { color: #f06565; }

.asaas__texto[b-5bjssq8adl] {
    margin: 0;
    color: var(--cor-texto-secundario);
}

.asaas__aviso[b-5bjssq8adl] {
    margin: 0;
    padding: 0.65rem 0.9rem;
    border: 1px solid rgba(245, 159, 0, 0.3);
    border-radius: var(--raio-pequeno);
    background: rgba(245, 159, 0, 0.1);
    color: var(--cor-texto);
    font-size: 0.88rem;
}

.asaas__acoes[b-5bjssq8adl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.asaas__passos[b-5bjssq8adl] {
    padding: 0.9rem 1.1rem;
    border: 1px dashed var(--cor-borda-forte);
    border-radius: var(--raio-pequeno);
}

.asaas__passos h4[b-5bjssq8adl] {
    margin: 0 0 0.4rem;
}

.asaas__passos ol[b-5bjssq8adl] {
    margin: 0;
    padding-left: 1.2rem;
    color: var(--cor-texto-secundario);
    font-size: 0.88rem;
    line-height: 1.55;
}

.asaas__formulario[b-5bjssq8adl] {
    display: grid;
    gap: 0.9rem;
    max-width: 36rem;
}

.asaas__formulario small[b-5bjssq8adl],
.asaas__dica[b-5bjssq8adl] {
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
}

/* ---------- Modal: nova cobrança ---------- */
.asaas__form-modal[b-5bjssq8adl] {
    display: grid;
    gap: 0.85rem;
}

.asaas__secao[b-5bjssq8adl] {
    margin: 0.35rem 0 0;
    padding-bottom: 0.3rem;
    border-bottom: 1px solid var(--cor-borda);
    color: var(--cor-texto-secundario);
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.asaas__secao:first-child[b-5bjssq8adl] {
    margin-top: 0;
}

.asaas__grade[b-5bjssq8adl] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

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

.asaas__moeda[b-5bjssq8adl] {
    display: flex;
    align-items: stretch;
}

.asaas__moeda > span[b-5bjssq8adl] {
    display: inline-grid;
    place-items: center;
    padding: 0 0.8rem;
    border: 1px solid var(--cor-borda);
    border-right: 0;
    border-radius: var(--raio-pequeno) 0 0 var(--raio-pequeno);
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
    font-weight: 600;
}

.asaas__moeda .campo-formulario__entrada[b-5bjssq8adl] {
    border-radius: 0 var(--raio-pequeno) var(--raio-pequeno) 0;
}

.asaas__formas[b-5bjssq8adl] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
}

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

.asaas__forma[b-5bjssq8adl] {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 0.75rem;
    align-items: center;
    padding: 0.75rem 0.9rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    background: var(--cor-superficie);
    color: var(--cor-texto);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}

.asaas__forma[b-5bjssq8adl]  svg {
    grid-row: 1 / span 2;
    color: var(--cor-texto-secundario);
}

.asaas__forma small[b-5bjssq8adl] {
    color: var(--cor-texto-secundario);
    font-size: 0.76rem;
}

.asaas__forma:hover[b-5bjssq8adl] {
    border-color: var(--cor-borda-forte);
    background: var(--cor-superficie-suave);
}

.asaas__forma.ativa[b-5bjssq8adl] {
    border-color: var(--cor-primaria);
    background: color-mix(in srgb, var(--cor-primaria) 12%, transparent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--cor-primaria) 18%, transparent);
}

.asaas__forma.ativa[b-5bjssq8adl]  svg {
    color: var(--cor-primaria);
}

/* ---------- Modal: detalhes ---------- */
.asaas__destaque[b-5bjssq8adl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 1rem 1.2rem;
    border-radius: var(--raio-grande);
    background: color-mix(in srgb, var(--cor-primaria) 10%, var(--cor-superficie-suave));
}

.asaas__destaque small[b-5bjssq8adl] {
    display: block;
    color: var(--cor-texto-secundario);
}

.asaas__destaque strong[b-5bjssq8adl] {
    font-size: 1.9rem;
    letter-spacing: -0.01em;
}

.asaas__fatos--detalhe[b-5bjssq8adl] {
    margin-bottom: 1rem;
}

.asaas__bloco[b-5bjssq8adl] {
    display: grid;
    gap: 0.5rem;
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-grande);
}

.asaas__bloco small[b-5bjssq8adl] {
    color: var(--cor-texto-secundario);
}

.asaas__pix[b-5bjssq8adl] {
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 1.25rem;
}

.asaas__pix > div[b-5bjssq8adl] {
    display: grid;
    gap: 0.5rem;
    min-width: 0;
}

.asaas__pix img[b-5bjssq8adl] {
    background: #fff;
    padding: 0.6rem;
    border-radius: 0.75rem;
}

@media (max-width: 600px) {
    .asaas__pix[b-5bjssq8adl] {
        grid-template-columns: 1fr;
        justify-items: center;
    }
}

.asaas__codigo[b-5bjssq8adl] {
    width: 100%;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.82rem;
    resize: none;
}

.asaas__sandbox-chip[b-5bjssq8adl] {
    color: #d9822b;
}

/* Divisão (split) da cobrança */
.asaas__splits[b-5bjssq8adl] {
    display: grid;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.asaas__splits li[b-5bjssq8adl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem 1rem;
}

.asaas__splits li > span:first-child[b-5bjssq8adl] {
    display: grid;
    min-width: 0;
}

/* ---------- Incorporado em Recebimentos (aba Cobranças) ---------- */
.asaas__barra-incorporada[b-5bjssq8adl] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.6rem;
    margin-bottom: var(--espacamento-4, 1rem);
}

.asaas__incorporado[b-5bjssq8adl] {
    margin-top: 0;
}
/* /Components/Paginas/Auditoria.razor.rz.scp.css */
.painel__cabecalho[b-4iryx2gsl9] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
}

@media (max-width: 600px) {
    .painel__cabecalho[b-4iryx2gsl9] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* ---------- Cabeçalho: título à esquerda; resumo + atualizar na mesma linha, à direita ---------- */
.aud__cabecalho[b-4iryx2gsl9] {
    align-items: center;
    margin-bottom: var(--espacamento-3);
}

.aud__cabecalho-acoes[b-4iryx2gsl9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--espacamento-2);
}

.aud__resumo-chip[b-4iryx2gsl9] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.65rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
    white-space: nowrap;
}

.aud__resumo-chip strong[b-4iryx2gsl9] {
    color: var(--cor-texto);
    font-weight: 600;
}

/* ---------- Filtros: tudo em uma linha ---------- */
.aud__filtros[b-4iryx2gsl9] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--espacamento-2) var(--espacamento-3);
    margin-bottom: var(--espacamento-4);
    padding: var(--espacamento-2) var(--espacamento-3);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-suave);
}

.aud__periodos[b-4iryx2gsl9] {
    display: flex;
    flex: 0 0 auto;
    gap: var(--espacamento-1);
    padding-bottom: 0.15rem;
}

.aud__periodo[b-4iryx2gsl9] {
    padding: 0.3rem 0.75rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background: var(--cor-superficie);
    color: var(--cor-texto-secundario);
    font: inherit;
    font-size: 0.78rem;
    white-space: nowrap;
    cursor: pointer;
    transition: border-color var(--transicao-rapida), background-color var(--transicao-rapida), color var(--transicao-rapida);
}

.aud__periodo:hover[b-4iryx2gsl9] {
    border-color: var(--cor-borda-forte);
    color: var(--cor-texto);
}

.aud__periodo--ativo[b-4iryx2gsl9] {
    border-color: var(--cor-primaria);
    background: var(--cor-primaria-suave);
    color: var(--cor-texto);
    font-weight: 600;
}

.aud__campo[b-4iryx2gsl9] {
    display: grid;
    gap: 0.2rem;
    flex: 1 1 9rem;
    min-width: 0;
}

.aud__campo--data[b-4iryx2gsl9] {
    flex: 0 1 8.5rem;
}

.aud__campo--largo[b-4iryx2gsl9] {
    flex: 2 1 12rem;
}

.aud__campo > label[b-4iryx2gsl9] {
    color: var(--cor-texto-suave);
    font-size: 0.68rem;
    font-weight: 600;
    line-height: 1;
}

.aud__limpar[b-4iryx2gsl9] {
    flex: 0 0 auto;
    padding-block: 0.35rem;
    font-size: 0.78rem;
}

/* ---------- Linha do tempo ---------- */
.aud__linha-tempo[b-4iryx2gsl9] {
    display: grid;
    gap: var(--espacamento-3);
    transition: opacity var(--transicao-rapida);
}

.aud__linha-tempo--carregando[b-4iryx2gsl9] {
    opacity: 0.55;
}

.aud__dia-titulo[b-4iryx2gsl9] {
    display: flex;
    align-items: baseline;
    gap: var(--espacamento-2);
    margin: 0 0 var(--espacamento-1);
    padding: 0 var(--espacamento-1);
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--cor-texto-secundario);
}

.aud__dia-titulo small[b-4iryx2gsl9] {
    font-size: 0.7rem;
    font-weight: 500;
    letter-spacing: normal;
    text-transform: none;
    color: var(--cor-texto-suave);
}

.aud__eventos[b-4iryx2gsl9] {
    display: grid;
    gap: 0.35rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Cada registro: no máximo 2 linhas (quem/o quê + detalhes à direita; descrição embaixo). */
.aud-evento[b-4iryx2gsl9] {
    --tom: 215;
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    padding: 0.5rem var(--espacamento-3);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
    transition: border-color var(--transicao-rapida), background-color var(--transicao-rapida);
}

.aud-evento:hover[b-4iryx2gsl9] {
    border-color: color-mix(in srgb, hsl(var(--tom) 70% 55%) 45%, var(--cor-borda));
    background: color-mix(in srgb, hsl(var(--tom) 70% 55%) 4%, var(--cor-superficie));
}

.aud-evento--revertido[b-4iryx2gsl9] {
    background: var(--cor-superficie-suave);
}

.aud-evento--revertido .aud-evento__titulo[b-4iryx2gsl9],
.aud-evento--revertido .aud-evento__descricao[b-4iryx2gsl9] {
    opacity: 0.65;
}

.aud-evento__icone[b-4iryx2gsl9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    border-radius: 10px;
    background: color-mix(in srgb, hsl(var(--tom) 70% 55%) 18%, transparent);
    color: hsl(var(--tom) 75% 62%);
}

.aud-evento__corpo[b-4iryx2gsl9] {
    display: grid;
    gap: 0.1rem;
    flex: 1 1 auto;
    min-width: 0;
}

.aud-evento__linha[b-4iryx2gsl9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.15rem var(--espacamento-3);
}

.aud-evento__titulo[b-4iryx2gsl9] {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    gap: 0.4rem;
    min-width: 0;
    font-size: 0.88rem;
}

.aud-evento__titulo strong[b-4iryx2gsl9] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aud-evento__entidade[b-4iryx2gsl9] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--cor-texto-secundario);
    font-size: 0.84rem;
}

/* Uma linha só; o texto completo aparece ao passar o mouse (title). */
.aud-evento__descricao[b-4iryx2gsl9] {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--cor-texto-secundario);
    font-size: 0.82rem;
}

.aud-evento__meta[b-4iryx2gsl9] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.25rem 0.75rem;
    color: var(--cor-texto-suave);
    font-size: 0.74rem;
}

.aud-evento__meta-item[b-4iryx2gsl9] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    white-space: nowrap;
}

.aud-evento__revertido[b-4iryx2gsl9] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: var(--cor-alerta);
    font-size: 0.74rem;
    white-space: nowrap;
}

.aud-evento__reverter[b-4iryx2gsl9] {
    gap: 0.3rem;
    padding: 0.15rem 0.6rem;
    font-size: 0.74rem;
}

/* ---------- Selos ---------- */
.aud-tag[b-4iryx2gsl9] {
    padding: 0.05rem 0.5rem;
    border-radius: 999px;
    background: color-mix(in srgb, hsl(var(--tom) 70% 55%) 16%, transparent);
    color: hsl(var(--tom) 75% 66%);
    font-weight: 600;
    white-space: nowrap;
}

.aud-acao[b-4iryx2gsl9] {
    flex: 0 0 auto;
    padding: 0.05rem 0.5rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    background: color-mix(in srgb, var(--cor-texto-suave) 18%, transparent);
    color: var(--cor-texto-secundario);
}

.aud-acao--sucesso[b-4iryx2gsl9] { background: color-mix(in srgb, var(--cor-sucesso) 18%, transparent); color: var(--cor-sucesso); }
.aud-acao--info[b-4iryx2gsl9] { background: var(--cor-primaria-suave); color: var(--cor-primaria); }
.aud-acao--alerta[b-4iryx2gsl9] { background: color-mix(in srgb, var(--cor-alerta) 20%, transparent); color: var(--cor-alerta); }
.aud-acao--perigo[b-4iryx2gsl9] { background: color-mix(in srgb, var(--cor-erro) 18%, transparent); color: var(--cor-erro); }

@media (max-width: 760px) {
    .aud__periodos[b-4iryx2gsl9] {
        flex: 1 1 100%;
    }

    .aud__campo[b-4iryx2gsl9],
    .aud__campo--data[b-4iryx2gsl9],
    .aud__campo--largo[b-4iryx2gsl9] {
        flex: 1 1 calc(50% - var(--espacamento-3));
    }

    /* Estreito: os detalhes descem para a linha de baixo, junto da descrição. */
    .aud-evento__linha[b-4iryx2gsl9] {
        flex-direction: column;
        align-items: flex-start;
    }

    .aud-evento__meta[b-4iryx2gsl9] {
        flex-wrap: wrap;
    }
}

.aud-evento__titulo[b-4iryx2gsl9]  .aud-evento__avatar {
    flex: 0 0 auto;
}
/* /Components/Paginas/Calendario.razor.rz.scp.css */
.calendario-pagina[b-4c16m0xbrs] {
    grid-template-rows: auto minmax(0, 1fr) auto;
    min-height: 0;
    height: calc(100dvh - 57px - 2.5rem);
    max-height: calc(100dvh - 57px - 2.5rem);
    overflow: hidden;
}

.calendario-pagina__painel[b-4c16m0xbrs] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    min-height: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie);
}

.calendario-pagina__filtro-cabecalho[b-4c16m0xbrs] {
    min-width: 10.5rem;
}

.calendario-pagina__toggle-trabalhos[b-4c16m0xbrs] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0 0.6rem;
    min-height: 2.15rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    background: var(--cor-superficie-elevada);
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.calendario-pagina__toggle-trabalhos input[b-4c16m0xbrs] {
    accent-color: var(--cor-primaria);
    cursor: pointer;
}

.calendario-pagina__novo[b-4c16m0xbrs] {
    white-space: nowrap;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc-event.calendario-evento--agenda {
    box-shadow: inset 3px 0 0 rgb(255 255 255 / 45%);
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc-event.calendario-evento--recusado {
    opacity: 0.55;
    text-decoration: line-through;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .calendario-evento__marca {
    flex: 0 0 auto;
    margin-left: 0.25rem;
    font-size: 0.72rem;
    opacity: 0.85;
}

.calendario-pagina__filtro-cabecalho[b-4c16m0xbrs]  .selecao-padrao__gatilho {
    min-height: 2.15rem;
    padding-block: 0;
    font-size: 0.78rem;
}

.calendario-pagina__agenda[b-4c16m0xbrs] {
    height: 100%;
    min-height: 0;
    padding: 0.75rem;
}

.calendario-pagina__sem-data[b-4c16m0xbrs] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    padding: 0.85rem 1rem;
    border: 1px solid var(--cor-borda);
    border-radius: 8px;
    background: var(--cor-superficie);
    color: var(--cor-texto-secundario);
}

.calendario-pagina__sem-data div[b-4c16m0xbrs] {
    display: grid;
    gap: 0.15rem;
}

.calendario-pagina__sem-data strong[b-4c16m0xbrs] {
    color: var(--cor-texto);
    font-size: 0.82rem;
}

.calendario-pagina__sem-data span[b-4c16m0xbrs] {
    font-size: 0.76rem;
}

.calendario-pagina__sem-data--alerta[b-4c16m0xbrs] {
    border-color: color-mix(in srgb, #fbbf24 55%, var(--cor-borda));
}

.calendario-pagina__alerta-schedule[b-4c16m0xbrs] {
    display: inline-flex;
    width: 1.15rem;
    height: 1.15rem;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: #fbbf24;
    line-height: 1;
}

.calendario-pagina__alerta-schedule[b-4c16m0xbrs]  .icone-sistema {
    display: inline-grid;
    color: inherit !important;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc {
    --fc-border-color: var(--cor-borda);
    --fc-page-bg-color: var(--cor-superficie);
    --fc-neutral-bg-color: var(--cor-superficie-suave);
    --fc-list-event-hover-bg-color: var(--cor-superficie-suave);
    --fc-today-bg-color: color-mix(in srgb, var(--cor-primaria) 10%, transparent);
    color: var(--cor-texto);
    font-family: inherit;
    font-size: 0.78rem;
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-header-toolbar {
    min-height: 4.25rem;
    margin: 0;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--cor-borda);
    background: linear-gradient(90deg, var(--cor-superficie-elevada), var(--cor-superficie));
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-toolbar-title {
    color: var(--cor-texto);
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: -0.015em;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-button {
    min-height: 2.15rem;
    padding: 0 0.72rem;
    border-color: var(--cor-borda) !important;
    border-radius: var(--raio-pequeno) !important;
    background: var(--cor-superficie-elevada);
    color: var(--cor-texto);
    box-shadow: none;
    text-transform: capitalize;
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 600;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-button:focus {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--cor-primaria) 20%, transparent);
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-button:hover,
.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-button-active {
    border-color: var(--cor-primaria) !important;
    background: var(--cor-primaria);
    color: #fff;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-button-group {
    display: inline-flex;
    gap: 0.25rem;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-button-group > .fc-button {
    border-radius: var(--raio-pequeno) !important;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-today-button {
    margin-left: 0.25rem;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-scrollgrid {
    border: 1px solid var(--cor-borda) !important;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc-theme-standard .fc-scrollgrid,
.calendario-pagina__agenda[b-4c16m0xbrs]  .fc-theme-standard td,
.calendario-pagina__agenda[b-4c16m0xbrs]  .fc-theme-standard th {
    border-color: var(--cor-borda) !important;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-scrollgrid-section-header,
.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-scrollgrid-section-header > *,
.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-scrollgrid-section-header table,
.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-col-header,
.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-col-header-cell {
    background-color: var(--cor-superficie-suave) !important;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-col-header-cell {
    padding: 0.62rem 0.35rem;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-col-header-cell-cushion,
.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-daygrid-day-number,
.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-timegrid-axis-cushion {
    color: var(--cor-texto-secundario);
    font-size: 0.76rem;
    font-weight: 600;
    text-decoration: none;
}

/* Cabeçalho de dia customizado (dayHeaderContent) - nome do dia + "(N Jobs)". */
.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .calendario-cabecalho-dia {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: center;
    gap: 0.3rem;
    line-height: 1.15;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .calendario-cabecalho-dia__texto {
    color: var(--cor-texto-secundario);
    font-size: 0.76rem;
    font-weight: 600;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .calendario-cabecalho-dia__contagem {
    color: var(--cor-texto-fraco, var(--cor-texto-secundario));
    font-size: 0.56rem;
    font-weight: 500;
    white-space: nowrap;
}

/* Total de jobs do período visível (mês/semana/dia), à esquerda dos botões Month/Week/Day. */
.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .calendario-jobs-total {
    display: inline-flex;
    align-items: center;
    margin-right: 0.6rem;
    padding: 0.3rem 0.6rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
    font-size: 0.76rem;
    font-weight: 600;
    white-space: nowrap;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-daygrid-day,
.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-timegrid-slot,
.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-timegrid-axis {
    border-color: var(--cor-borda) !important;
    background-color: var(--cor-superficie) !important;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-daygrid-day-frame {
    min-height: 6.1rem;
    padding: 0.3rem;
    transition: background 0.2s ease;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-daygrid-day:hover .fc-daygrid-day-frame {
    background: color-mix(in srgb, var(--cor-primaria) 4%, transparent);
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-day-other {
    background-color: color-mix(in srgb, var(--cor-superficie-suave) 72%, var(--cor-superficie)) !important;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-day-other .fc-daygrid-day-number {
    color: var(--cor-texto-suave);
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-day-today {
    background-color: color-mix(in srgb, var(--cor-primaria) 10%, var(--cor-superficie)) !important;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-day-today .fc-daygrid-day-number {
    display: inline-grid;
    width: 1.55rem;
    height: 1.55rem;
    place-items: center;
    border-radius: 50%;
    background: var(--cor-primaria);
    color: #fff;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-event {
    /* overflow nao pode ser "hidden" aqui: o selo circular de "Job started"
       (.calendario-evento__alinhamento) fica posicionado bem perto da borda
       direita e ficava cortado ("comido") pelo cantinho arredondado do evento.
       O texto continua truncado normalmente pelos overflow:hidden internos
       (.fc-event-main, .calendario-evento, .calendario-evento__titulo). */
    position: relative;
    overflow: visible !important;
    border: 0;
    border-radius: var(--raio-pequeno);
    cursor: pointer;
    padding: 0.24rem 1.7rem 0.24rem 0.35rem;
    box-shadow: inset 3px 0 0 color-mix(in srgb, #000 24%, transparent);
    transition: filter 0.2s ease, transform 0.2s ease;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-daygrid-event-harness {
    margin: 0.16rem 0.12rem 0;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-event-main {
    width: 100%;
    overflow: hidden;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-timegrid-event {
    box-sizing: border-box;
    width: calc(100% - 2px);
    height: 100%;
    margin: 0 1px;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-timegrid-event-harness {
    min-height: 1.4rem;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-timegrid-event .fc-event-main {
    height: 100%;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-timegrid-event .fc-event-main-frame {
    width: 100%;
    max-width: 100%;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-timegrid-event-short .fc-event-main-frame {
    flex-direction: column;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-timegrid-event .calendario-evento {
    align-items: flex-start;
    padding-top: 0.08rem;
    font-size: 0.72rem;
    line-height: 1.25;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .calendario-evento {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    column-gap: 0.42rem;
    overflow: hidden;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .calendario-evento__alinhamento {
    position: absolute;
    top: 50%;
    right: 0.32rem;
    display: inline-grid;
    width: 0.92rem;
    height: 0.92rem;
    transform: translateY(-50%);
    cursor: pointer;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .calendario-evento__alinhamento input {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .calendario-evento__alinhamento input:disabled {
    cursor: default;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .calendario-evento__alinhamento-indicador {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    box-sizing: border-box;
    border: 1px solid rgb(255 255 255 / 48%);
    border-radius: 50%;
    background: rgb(15 23 42 / 34%);
    box-shadow: inset 0 1px 1px rgb(255 255 255 / 12%), 0 1px 2px rgb(15 23 42 / 28%);
    transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .calendario-evento__alinhamento input:checked + .calendario-evento__alinhamento-indicador {
    border-color: rgb(255 255 255 / 82%);
    background: #166534;
    box-shadow: 0 1px 3px rgb(15 23 42 / 38%);
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .calendario-evento__alinhamento:hover input:not(:disabled) + .calendario-evento__alinhamento-indicador {
    border-color: #fff;
    background: rgb(15 23 42 / 36%);
    transform: scale(1.08);
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .calendario-evento__check-svg {
    display: block;
    width: 9px;
    height: 9px;
    stroke-width: 2.75;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .calendario-evento__alinhamento:hover input:checked:not(:disabled) + .calendario-evento__alinhamento-indicador {
    background: #15803d;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .calendario-evento__alinhamento input:focus-visible + .calendario-evento__alinhamento-indicador {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .calendario-evento__alinhamento input:disabled + .calendario-evento__alinhamento-indicador {
    opacity: 0.65;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .calendario-evento__horario,
.calendario-pagina__agenda[b-4c16m0xbrs]  .calendario-evento__titulo,
.calendario-pagina__agenda[b-4c16m0xbrs]  .calendario-evento__separador {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .calendario-evento__horario {
    flex: 0 0 auto;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .calendario-evento__separador {
    flex: 0 0 auto;
    color: rgb(255 255 255 / 72%);
    font-weight: 500;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .calendario-evento__titulo {
    min-width: 0;
    flex: 1 1 0;
}

@keyframes nexo-pulso-alerta-inicio-b-4c16m0xbrs {
    0%, 100% {
        box-shadow: 0 0 0 0 rgb(220 38 38 / 52%);
        transform: translateY(-50%) scale(1);
    }

    50% {
        box-shadow: 0 0 0 0.38rem rgb(220 38 38 / 0%);
        transform: translateY(-50%) scale(1.12);
    }
}

@keyframes nexo-pulso-alerta-inicio-topo-b-4c16m0xbrs {
    0%, 100% {
        box-shadow: 0 0 0 0 rgb(220 38 38 / 52%);
        transform: scale(1);
    }

    50% {
        box-shadow: 0 0 0 0.38rem rgb(220 38 38 / 0%);
        transform: scale(1.12);
    }
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-event:hover {
    filter: brightness(1.12);
    transform: translateY(-1px);
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-event-title,
.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-event-time {
    overflow: hidden;
    font-weight: 600;
    text-overflow: ellipsis;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-timegrid-axis-cushion,
.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-timegrid-slot-label-cushion {
    color: var(--cor-texto-suave);
    font-size: 0.7rem;
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-timegrid-now-indicator-line {
    border-color: var(--cor-primaria);
}

.calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-timegrid-now-indicator-arrow {
    border-color: var(--cor-primaria);
    color: var(--cor-primaria);
}

@media (max-width: 720px) {
    .calendario-pagina[b-4c16m0xbrs] {
        height: auto;
        max-height: none;
        overflow: visible;
    }

    .calendario-pagina__agenda[b-4c16m0xbrs],
    .calendario-pagina__agenda[b-4c16m0xbrs]  .fc {
        height: auto;
    }

    /* A grade do FullCalendar (mês/semana) tem largura mínima por coluna de dia que não cabe em
       telas de celular - sem isso o excesso "vazava" para fora do container e empurrava a página
       inteira para o lado (scroll horizontal na página, proibido pelas regras de responsividade).
       Contém o scroll horizontal aqui, no próprio widget, em vez de deixar vazar. */
    .calendario-pagina__agenda[b-4c16m0xbrs] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .calendario-pagina__painel[b-4c16m0xbrs] {
        display: block;
        overflow: visible;
    }

    .calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-header-toolbar {
        align-items: flex-start;
        gap: 0.65rem;
        padding: 0.65rem;
    }

    .calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-toolbar-title {
        font-size: 0.95rem;
    }

    .calendario-pagina__agenda[b-4c16m0xbrs] {
        padding: 0.4rem;
    }

    .calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-header-toolbar {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-toolbar-chunk:nth-child(2) {
        order: -1;
        flex-basis: 100%;
        text-align: center;
    }

    .calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-button {
        min-height: 2rem;
        padding-inline: 0.5rem;
        font-size: 0.72rem;
    }

    .calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-list-event-time,
    .calendario-pagina__agenda[b-4c16m0xbrs]  .fc .fc-list-event-title {
        padding: 0.6rem 0.45rem;
    }

    .calendario-pagina__sem-data[b-4c16m0xbrs] {
        margin-inline: 0.4rem;
        padding: 0.7rem;
    }
}
/* /Components/Paginas/CampoBlocoEditor.razor.rz.scp.css */
.campo-bloco[b-7nwaigwtqq] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.campo-bloco__rotulo[b-7nwaigwtqq] {
    font-size: 0.78rem;
    color: var(--cor-texto-secundario);
}

.campo-bloco__interruptor[b-7nwaigwtqq] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    font-size: 0.88rem;
    cursor: pointer;
}

.campo-bloco__cor[b-7nwaigwtqq] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
}

.campo-bloco__cor input[type="color"][b-7nwaigwtqq] {
    width: 38px;
    height: 30px;
    padding: 0;
    border: 1px solid var(--cor-borda);
    border-radius: 6px;
    background: none;
    cursor: pointer;
}

.campo-bloco__cor span[b-7nwaigwtqq] {
    font-size: 0.8rem;
    color: var(--cor-texto-secundario);
    flex: 1;
}

.campo-bloco__midia[b-7nwaigwtqq] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
}

.campo-bloco__miniatura[b-7nwaigwtqq] {
    width: 56px;
    height: 56px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid var(--cor-borda);
    flex: none;
}

.campo-bloco__miniatura--video[b-7nwaigwtqq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--cor-superficie);
}

.campo-bloco__midia-acoes[b-7nwaigwtqq] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    flex-wrap: wrap;
}

.campo-bloco textarea[b-7nwaigwtqq] {
    resize: vertical;
    font-family: inherit;
}

.botao-secundario--pequeno[b-7nwaigwtqq] {
    padding: 4px 10px;
    font-size: 0.82rem;
}

.campo-bloco__produtos[b-7nwaigwtqq] {
    display: grid;
    gap: 0.15rem;
    max-height: 14rem;
    overflow-y: auto;
    padding: 0.35rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-fundo-secundario);
    scrollbar-width: thin;
}

.campo-bloco__produto[b-7nwaigwtqq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.3rem 0.4rem;
    border-radius: var(--raio-medio);
    font-size: 0.85rem;
    cursor: pointer;
}

.campo-bloco__produto:hover[b-7nwaigwtqq] {
    background: var(--cor-superficie-elevada);
}

.campo-bloco__dica[b-7nwaigwtqq] {
    color: var(--cor-texto-secundario);
    padding: 0.3rem;
}
/* /Components/Paginas/Catalogo.razor.rz.scp.css */
.painel[b-55p5dnb3mm] {
    display: grid;
    gap: var(--espacamento-4);
    padding: var(--espacamento-5);
    border-radius: var(--raio-grande);
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.layout-pagina[b-55p5dnb3mm] {
    display: grid;
    gap: var(--espacamento-5);
    min-width: 0;
}

/* ---------- Grade de produtos ---------- */
.catalogo-grade[b-55p5dnb3mm] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    gap: var(--espacamento-4);
}

.produto-cartao[b-55p5dnb3mm] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    border-radius: var(--raio-grande);
    border: 1px solid var(--cor-borda);
    background: var(--cor-fundo-secundario);
    overflow: hidden;
    cursor: pointer;
    transition: border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

.produto-cartao:hover[b-55p5dnb3mm] {
    border-color: var(--cor-primaria);
    transform: translateY(-2px);
    box-shadow: var(--sombra-cartao);
}

/* O esmaecimento vai só no conteúdo: a opacidade no cartão inteiro também deixaria o menu de três pontos transparente. */
.produto-cartao--inativo .produto-cartao__corpo[b-55p5dnb3mm],
.produto-cartao--inativo .produto-cartao__rodape[b-55p5dnb3mm],
.produto-cartao--inativo .produto-cartao__imagem > img[b-55p5dnb3mm],
.produto-cartao--inativo .produto-cartao__imagem > svg[b-55p5dnb3mm] {
    opacity: 0.65;
}

.produto-cartao__imagem[b-55p5dnb3mm] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 4 / 3;
    background: var(--cor-superficie-elevada);
    color: var(--cor-texto-secundario);
    overflow: hidden;
}

.produto-cartao__imagem img[b-55p5dnb3mm] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.produto-cartao__selo[b-55p5dnb3mm] {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.65);
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
}

.produto-cartao__corpo[b-55p5dnb3mm] {
    display: grid;
    gap: 0.2rem;
    padding: var(--espacamento-3) var(--espacamento-4) 0;
    flex: 1 1 auto;
    align-content: start;
}

.produto-cartao__codigo[b-55p5dnb3mm] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: var(--cor-texto-secundario);
}

.produto-cartao__nome[b-55p5dnb3mm] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.produto-cartao__categoria[b-55p5dnb3mm] {
    --cor-categoria: var(--cor-primaria);
    justify-self: start;
    padding: 0.05rem 0.55rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--cor-categoria) 18%, transparent);
    color: var(--cor-categoria);
    font-size: 0.72rem;
    font-weight: 700;
}

.produto-cartao__descricao[b-55p5dnb3mm] {
    margin: 0.2rem 0 0;
    color: var(--cor-texto-secundario);
    font-size: 0.82rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.produto-cartao__rodape[b-55p5dnb3mm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-2);
    padding: var(--espacamento-3) var(--espacamento-4);
}

/* ---------- Etiquetas de estoque ---------- */
.etiqueta-estoque[b-55p5dnb3mm] {
    display: inline-flex;
    align-items: center;
    padding: 0.1rem 0.55rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 700;
    white-space: nowrap;
}

.etiqueta-estoque--ok[b-55p5dnb3mm] {
    background: color-mix(in srgb, #2eaa6b 18%, transparent);
    color: #2eaa6b;
}

.etiqueta-estoque--alerta[b-55p5dnb3mm] {
    background: color-mix(in srgb, #d98e04 20%, transparent);
    color: #d98e04;
}

.etiqueta-estoque--erro[b-55p5dnb3mm] {
    background: color-mix(in srgb, #d64545 18%, transparent);
    color: #d64545;
}

.etiqueta-estoque--neutra[b-55p5dnb3mm] {
    background: var(--cor-superficie-elevada);
    color: var(--cor-texto-secundario);
}

/* ---------- Estoque ---------- */
.estoque-resumo[b-55p5dnb3mm] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--espacamento-3);
}

.estoque-resumo__item[b-55p5dnb3mm] {
    display: grid;
    gap: 0.2rem;
    padding: var(--espacamento-3) var(--espacamento-4);
    border-radius: var(--raio-medio);
    border: 1px solid var(--cor-borda);
    background: var(--cor-fundo-secundario);
}

.estoque-resumo__item span[b-55p5dnb3mm] {
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
}

.estoque-resumo__item strong[b-55p5dnb3mm] {
    font-size: 1.35rem;
    overflow-wrap: anywhere;
}

.estoque-resumo__item--alerta strong[b-55p5dnb3mm] {
    color: #d98e04;
}

.estoque-resumo__item--erro strong[b-55p5dnb3mm] {
    color: #d64545;
}

.estoque-filtro-baixo[b-55p5dnb3mm] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    align-self: end;
    font-size: 0.85rem;
}

.tabela-sistema--estoque .tabela-sistema__cabecalho[b-55p5dnb3mm],
.tabela-sistema--estoque .tabela-sistema__linha[b-55p5dnb3mm] {
    grid-template-columns: 0.8fr 1.6fr 1fr 1fr 0.8fr 1.1fr 8.5rem;
}

.tabela-sistema--historico .tabela-sistema__cabecalho[b-55p5dnb3mm],
.tabela-sistema--historico .tabela-sistema__linha[b-55p5dnb3mm] {
    grid-template-columns: 1.2fr 0.8fr 0.8fr 0.8fr 1.6fr 1fr;
}

.tabela-sistema--estoque .linha-acoes[b-55p5dnb3mm] {
    justify-content: flex-end;
}

.movimento-positivo[b-55p5dnb3mm] {
    color: #2eaa6b;
}

.movimento-negativo[b-55p5dnb3mm] {
    color: #d64545;
}

.movimento-saldo[b-55p5dnb3mm] {
    margin: 0 0 var(--espacamento-3);
}

/* ---------- Formulário de produto ---------- */
.produto-formulario[b-55p5dnb3mm] {
    display: grid;
    gap: var(--espacamento-4);
    border: 0;
    margin: 0;
    padding: 0;
    min-width: 0;
}

.produto-formulario__largo[b-55p5dnb3mm] {
    grid-column: span 2;
}

.produto-formulario__chaves[b-55p5dnb3mm] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espacamento-5);
}

.produto-formulario__chave[b-55p5dnb3mm] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.9rem;
}

.produto-imagens[b-55p5dnb3mm] {
    display: grid;
    gap: var(--espacamento-3);
    margin-top: var(--espacamento-4);
}

.produto-imagens__cabecalho[b-55p5dnb3mm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-3);
}

.produto-imagens__upload[b-55p5dnb3mm] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.produto-imagens__vazio[b-55p5dnb3mm] {
    margin: 0;
    color: var(--cor-texto-secundario);
    font-size: 0.85rem;
}

.produto-imagens__grade[b-55p5dnb3mm] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));
    gap: var(--espacamento-3);
}

.produto-imagem[b-55p5dnb3mm] {
    position: relative;
    aspect-ratio: 1;
    border-radius: var(--raio-medio);
    border: 2px solid var(--cor-borda);
    overflow: hidden;
    background: var(--cor-fundo-secundario);
}

.produto-imagem--capa[b-55p5dnb3mm] {
    border-color: var(--cor-primaria);
}

.produto-imagem img[b-55p5dnb3mm] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.produto-imagem__selo[b-55p5dnb3mm] {
    position: absolute;
    left: 0.3rem;
    top: 0.3rem;
    padding: 0.05rem 0.45rem;
    border-radius: 999px;
    background: var(--cor-primaria);
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
}

.produto-imagem__acoes[b-55p5dnb3mm] {
    position: absolute;
    right: 0.25rem;
    bottom: 0.25rem;
    display: flex;
    gap: 0.2rem;
}

/* ---------- Categorias ---------- */
.categorias-lista[b-55p5dnb3mm] {
    display: grid;
    gap: var(--espacamento-2);
    max-height: 18rem;
    overflow-y: auto;
}

.categorias-lista__item[b-55p5dnb3mm],
.categorias-lista__nova[b-55p5dnb3mm] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
}

.categorias-lista__nova[b-55p5dnb3mm] {
    margin-top: var(--espacamento-4);
}

@media (max-width: 900px) {
    .estoque-resumo[b-55p5dnb3mm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tabela-sistema--estoque .tabela-sistema__cabecalho[b-55p5dnb3mm],
    .tabela-sistema--estoque .tabela-sistema__linha[b-55p5dnb3mm],
    .tabela-sistema--historico .tabela-sistema__cabecalho[b-55p5dnb3mm],
    .tabela-sistema--historico .tabela-sistema__linha[b-55p5dnb3mm] {
        grid-template-columns: 1fr;
    }

    .produto-formulario__largo[b-55p5dnb3mm] {
        grid-column: auto;
    }
}

/* ---------- Painel de categorias (esquerda) ---------- */
.catalogo-area[b-55p5dnb3mm] {
    display: grid;
    grid-template-columns: 15rem minmax(0, 1fr);
    gap: var(--espacamento-4);
    align-items: start;
    min-width: 0;
    transition: grid-template-columns 0.2s ease;
}

.catalogo-area--recolhida[b-55p5dnb3mm] {
    grid-template-columns: 0 minmax(0, 1fr);
    gap: 0;
}

.catalogo-area--recolhida .catalogo-categorias[b-55p5dnb3mm] {
    visibility: hidden;
    padding: 0;
    border-width: 0;
    overflow: hidden;
}

.catalogo-lista[b-55p5dnb3mm] {
    min-width: 0;
}

.catalogo-categorias[b-55p5dnb3mm] {
    display: grid;
    gap: var(--espacamento-3);
    padding: var(--espacamento-4);
    border-radius: var(--raio-grande);
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
    min-width: 0;
    position: sticky;
    top: 0;
}

.catalogo-categorias__cabecalho[b-55p5dnb3mm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-2);
}

.catalogo-categorias__cabecalho h2[b-55p5dnb3mm] {
    margin: 0;
    font-size: 0.95rem;
}

.catalogo-categorias__lista[b-55p5dnb3mm] {
    display: grid;
    gap: 0.2rem;
    max-height: calc(100dvh - 22rem);
    min-height: 6rem;
    overflow-y: auto;
}

.catalogo-categoria-linha[b-55p5dnb3mm] {
    position: relative;
    display: flex;
    align-items: center;
}

.catalogo-categoria[b-55p5dnb3mm] {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    gap: 0.6rem;
    min-width: 0;
    padding: 0.5rem 0.65rem;
    border: 0;
    border-radius: var(--raio-medio);
    background: transparent;
    color: var(--cor-texto);
    font-size: 0.88rem;
    text-align: left;
    cursor: pointer;
    transition: background 0.12s ease, color 0.12s ease;
}

.catalogo-categoria:hover[b-55p5dnb3mm] {
    background: var(--cor-fundo-secundario);
}

.catalogo-categoria.ativa[b-55p5dnb3mm] {
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
    font-weight: 700;
}

.catalogo-categoria__cor[b-55p5dnb3mm] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
}

.catalogo-categoria__cor--icone[b-55p5dnb3mm] {
    width: 1rem;
    height: 1rem;
    border-radius: 0;
    color: var(--cor-texto-secundario);
}

.catalogo-categoria__editar[b-55p5dnb3mm] {
    position: absolute;
    right: 0.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.7rem;
    height: 1.7rem;
    padding: 0;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
    color: var(--cor-texto);
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    transition: opacity 0.12s ease, border-color 0.12s ease;
}

.catalogo-categoria-linha:hover .catalogo-categoria__editar[b-55p5dnb3mm],
.catalogo-categoria__editar:focus-visible[b-55p5dnb3mm] {
    opacity: 1;
    pointer-events: auto;
}

.catalogo-categoria-linha:hover .catalogo-categoria__contagem[b-55p5dnb3mm] {
    visibility: hidden;
}

.catalogo-categoria__editar:hover[b-55p5dnb3mm] {
    border-color: var(--cor-primaria);
    color: var(--cor-primaria);
}

.catalogo-categoria__nome[b-55p5dnb3mm] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.catalogo-categoria__contagem[b-55p5dnb3mm] {
    flex: 0 0 auto;
    font-size: 0.75rem;
    color: var(--cor-texto-secundario);
}

.catalogo-categorias__nova[b-55p5dnb3mm] {
    justify-self: start;
}

/* ---------- Modal de produto (layout dividido) ---------- */
.produto-editor__divisao[b-55p5dnb3mm] {
    display: grid;
    grid-template-columns: minmax(16rem, 24rem) minmax(0, 1fr);
    gap: var(--espacamento-5);
    align-items: start;
}

.produto-editor__imagens[b-55p5dnb3mm] {
    display: grid;
    gap: var(--espacamento-3);
    min-width: 0;
}

.produto-editor__rotulo[b-55p5dnb3mm] {
    font-size: 0.85rem;
    font-weight: 600;
}

.produto-editor__principal[b-55p5dnb3mm] {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
    border-radius: var(--raio-grande);
    border: 1px solid var(--cor-borda);
    background: var(--cor-fundo-secundario);
    color: var(--cor-texto-secundario);
    overflow: hidden;
}

.produto-editor__principal img[b-55p5dnb3mm] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.produto-editor__galeria[b-55p5dnb3mm] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(3.6rem, 1fr));
    gap: var(--espacamento-2);
}

.produto-editor__miniatura-item[b-55p5dnb3mm] {
    position: relative;
}

.produto-editor__miniatura[b-55p5dnb3mm] {
    display: block;
    width: 100%;
    aspect-ratio: 1;
    padding: 0;
    border: 2px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    overflow: hidden;
    background: var(--cor-fundo-secundario);
    cursor: pointer;
}

.produto-editor__miniatura--capa[b-55p5dnb3mm] {
    border-color: var(--cor-primaria);
}

.produto-editor__miniatura img[b-55p5dnb3mm] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.produto-editor__remover[b-55p5dnb3mm] {
    position: absolute;
    top: -0.35rem;
    right: -0.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.2rem;
    height: 1.2rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #d64545;
    color: #fff;
    cursor: pointer;
}

.produto-editor__adicionar[b-55p5dnb3mm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.15rem;
    aspect-ratio: 1;
    border: 2px dashed var(--cor-borda);
    border-radius: var(--raio-medio);
    color: var(--cor-texto-secundario);
    font-size: 0.62rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.1;
    cursor: pointer;
    transition: border-color 0.12s ease, color 0.12s ease;
}

.produto-editor__adicionar:hover[b-55p5dnb3mm] {
    border-color: var(--cor-primaria);
    color: var(--cor-primaria);
}

.produto-editor__ajuda[b-55p5dnb3mm],
.produto-editor__contador[b-55p5dnb3mm] {
    color: var(--cor-texto-secundario);
    font-size: 0.75rem;
}

/* O contador (0/700) ocupa uma linha extra na célula; a margem negativa o encosta no campo e evita um vão maior que o dos demais campos. */
.produto-editor__contador[b-55p5dnb3mm] {
    justify-self: end;
    margin-top: -0.2rem;
    margin-bottom: -0.6rem;
}

.produto-editor__principal-coluna[b-55p5dnb3mm] {
    display: grid;
    gap: var(--espacamento-4);
    min-width: 0;
}

.produto-editor__abas[b-55p5dnb3mm] {
    display: flex;
    gap: var(--espacamento-1);
    border-bottom: 1px solid var(--cor-borda);
}

.produto-editor__aba[b-55p5dnb3mm] {
    padding: 0.55rem 0.9rem;
    border: 0;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    background: transparent;
    color: var(--cor-texto-secundario);
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
}

.produto-editor__aba.ativa[b-55p5dnb3mm] {
    color: var(--cor-primaria);
    border-bottom-color: var(--cor-primaria);
}

.produto-editor__linha-nome[b-55p5dnb3mm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--espacamento-4);
    align-items: end;
}

.produto-editor .grade-campos--2[b-55p5dnb3mm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: var(--espacamento-3);
}


@media (max-width: 1100px) {
    .catalogo-area[b-55p5dnb3mm],
    .catalogo-area--recolhida[b-55p5dnb3mm] {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--espacamento-3);
    }

    .catalogo-area--recolhida .catalogo-categorias[b-55p5dnb3mm] {
        display: none;
    }

    .catalogo-categorias[b-55p5dnb3mm] {
        position: static;
    }

    .catalogo-categorias__lista[b-55p5dnb3mm] {
        max-height: 14rem;
    }
}

@media (max-width: 760px) {
    .produto-editor__divisao[b-55p5dnb3mm] {
        grid-template-columns: minmax(0, 1fr);
    }

    .produto-editor .grade-campos--2[b-55p5dnb3mm],
    .produto-editor__linha-nome[b-55p5dnb3mm] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* ---------- Barra de busca/filtros ---------- */
.catalogo-barra[b-55p5dnb3mm] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    min-width: 0;
}

.catalogo-barra__alternar[b-55p5dnb3mm] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    padding: 0;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-fundo-secundario);
    color: var(--cor-texto);
    cursor: pointer;
    transition: border-color 0.12s ease, color 0.12s ease;
}

.catalogo-barra__alternar:hover[b-55p5dnb3mm] {
    border-color: var(--cor-primaria);
    color: var(--cor-primaria);
}

.catalogo-barra__busca[b-55p5dnb3mm] {
    flex: 1 1 auto;
    min-width: 0;
}

.catalogo-barra__status[b-55p5dnb3mm] {
    flex: 0 0 11rem;
    min-width: 0;
}

/* ---------- Modal de categoria ---------- */
.categoria-cores[b-55p5dnb3mm] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espacamento-2);
}

.categoria-cores__amostra[b-55p5dnb3mm] {
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 0 1px var(--cor-borda);
    transition: transform 0.12s ease;
}

.categoria-cores__amostra:hover[b-55p5dnb3mm] {
    transform: scale(1.12);
}

.categoria-cores__amostra.ativa[b-55p5dnb3mm] {
    border-color: var(--cor-superficie-elevada);
    box-shadow: 0 0 0 2px var(--cor-primaria);
}

.categoria-cores__personalizada[b-55p5dnb3mm] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-left: var(--espacamento-2);
    padding: 0.2rem 0.5rem 0.2rem 0.25rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    font-size: 0.78rem;
    cursor: pointer;
}

.categoria-cores__personalizada input[b-55p5dnb3mm] {
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
}

.categoria-cores__previa[b-55p5dnb3mm] {
    --cor-categoria: var(--cor-primaria);
    justify-self: start;
    margin-top: var(--espacamento-3);
    padding: 0.15rem 0.75rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--cor-categoria) 18%, transparent);
    color: var(--cor-categoria);
    font-size: 0.82rem;
    font-weight: 700;
}

/* ---------- Aba Estoque do produto ---------- */
.produto-editor .grade-campos--3[b-55p5dnb3mm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    gap: var(--espacamento-3);
}

.produto-estoque[b-55p5dnb3mm] {
    display: grid;
    gap: var(--espacamento-4);
}

.produto-estoque__saldo[b-55p5dnb3mm] {
    display: grid;
    gap: 0.15rem;
    padding: var(--espacamento-3) var(--espacamento-4);
    border-radius: var(--raio-medio);
    border: 1px solid var(--cor-borda);
    background: var(--cor-fundo-secundario);
}

.produto-estoque__saldo span[b-55p5dnb3mm] {
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
}

.produto-estoque__saldo strong[b-55p5dnb3mm] {
    font-size: 1.6rem;
}

.produto-estoque__registro[b-55p5dnb3mm] {
    display: grid;
    gap: var(--espacamento-3);
    padding: var(--espacamento-4);
    border-radius: var(--raio-medio);
    border: 1px solid var(--cor-borda);
}

.produto-estoque__tipos[b-55p5dnb3mm] {
    display: inline-flex;
    padding: 3px;
    gap: 2px;
    justify-self: start;
    border-radius: 999px;
    border: 1px solid var(--cor-borda);
    background: var(--cor-fundo-secundario);
}

.produto-estoque__tipo[b-55p5dnb3mm] {
    border: 0;
    padding: 0.35rem 0.95rem;
    border-radius: 999px;
    background: transparent;
    color: var(--cor-texto-secundario);
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
}

.produto-estoque__tipo--entrada.ativo[b-55p5dnb3mm] {
    background: #2eaa6b;
    color: #fff;
}

.produto-estoque__tipo--saida.ativo[b-55p5dnb3mm] {
    background: #d64545;
    color: #fff;
}

.produto-estoque__tipo--ajuste.ativo[b-55p5dnb3mm] {
    background: var(--cor-primaria);
    color: #fff;
}

.produto-estoque__registrar[b-55p5dnb3mm] {
    justify-self: end;
}

.produto-estoque__historico[b-55p5dnb3mm] {
    display: grid;
    gap: var(--espacamento-2);
}

.produto-estoque__historico ul[b-55p5dnb3mm] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.3rem;
}

.produto-estoque__historico li[b-55p5dnb3mm] {
    display: grid;
    grid-template-columns: 8.5rem minmax(0, 1fr) auto 4.5rem;
    align-items: center;
    gap: var(--espacamento-2);
    padding: 0.35rem 0.6rem;
    border-radius: var(--raio-medio);
    background: var(--cor-fundo-secundario);
    font-size: 0.8rem;
}

.produto-estoque__quando[b-55p5dnb3mm],
.produto-estoque__saldo-apos[b-55p5dnb3mm] {
    color: var(--cor-texto-secundario);
}

.produto-estoque__saldo-apos[b-55p5dnb3mm] {
    text-align: right;
}

@media (max-width: 760px) {
    .catalogo-barra__status[b-55p5dnb3mm] {
        flex-basis: 8rem;
    }

    .produto-editor .grade-campos--3[b-55p5dnb3mm] {
        grid-template-columns: minmax(0, 1fr);
    }

    .produto-estoque__historico li[b-55p5dnb3mm] {
        grid-template-columns: minmax(0, 1fr) auto;
    }
}

/* Alinhamento dos campos do modal: cada campo começa no topo da própria célula. */
.produto-editor .grade-campos--2[b-55p5dnb3mm],
.produto-editor .grade-campos--3[b-55p5dnb3mm] {
    align-items: start;
}

.produto-editor .campo-formulario[b-55p5dnb3mm] {
    align-content: start;
}

.produto-editor__principal-coluna[b-55p5dnb3mm] {
    padding-right: 0.25rem;
}

/* Chip de estoque clicável no cartão */
.etiqueta-estoque--botao[b-55p5dnb3mm] {
    gap: 0.3rem;
    border: 0;
    cursor: pointer;
    transition: filter 0.12s ease;
}

.etiqueta-estoque--botao:hover[b-55p5dnb3mm] {
    filter: brightness(1.15);
}

.movimento-cabecalho[b-55p5dnb3mm] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-3);
    margin-bottom: var(--espacamento-3);
}

.movimento-cabecalho .movimento-saldo[b-55p5dnb3mm] {
    margin: 0;
}

@media (max-width: 900px) {
    .produto-editor__divisao[b-55p5dnb3mm] {
        grid-template-columns: minmax(0, 1fr);
    }

    .produto-editor__principal[b-55p5dnb3mm] {
        aspect-ratio: 16 / 9;
        max-height: 14rem;
    }
}

.produto-editor__miniatura--ativa:not(.produto-editor__miniatura--capa)[b-55p5dnb3mm] {
    border-color: var(--cor-texto-secundario);
}

.produto-editor__capa[b-55p5dnb3mm] {
    position: absolute;
    top: 0.2rem;
    left: 0.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.3rem;
    height: 1.3rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.65);
    color: #fff;
    opacity: 0;
    cursor: pointer;
    transition: opacity 0.12s ease, background 0.12s ease;
}

.produto-editor__miniatura-item:hover .produto-editor__capa[b-55p5dnb3mm],
.produto-editor__capa:focus-visible[b-55p5dnb3mm] {
    opacity: 1;
}

.produto-editor__capa:hover[b-55p5dnb3mm] {
    background: var(--cor-primaria);
}

/* ---------- Alternador lista / grade ---------- */
.catalogo-barra__visualizacao[b-55p5dnb3mm] {
    flex: 0 0 auto;
    display: inline-flex;
    padding: 3px;
    gap: 2px;
    border-radius: var(--raio-medio);
    border: 1px solid var(--cor-borda);
    background: var(--cor-fundo-secundario);
}

.catalogo-barra__visualizacao button[b-55p5dnb3mm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 1.9rem;
    padding: 0;
    border: 0;
    border-radius: calc(var(--raio-medio) - 2px);
    background: transparent;
    color: var(--cor-texto-secundario);
    cursor: pointer;
    transition: background 0.12s ease, color 0.12s ease;
}

.catalogo-barra__visualizacao button.ativo[b-55p5dnb3mm] {
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
}

/* ---------- Lista de produtos ---------- */
.tabela-sistema--produtos .tabela-sistema__cabecalho[b-55p5dnb3mm],
.tabela-sistema--produtos .tabela-sistema__linha[b-55p5dnb3mm] {
    align-items: center;
}

.produto-linha[b-55p5dnb3mm] {
    cursor: pointer;
    transition: background 0.12s ease;
}

.produto-linha:hover[b-55p5dnb3mm] {
    background: var(--cor-fundo-secundario);
}

.produto-linha--inativa > span:not(.produto-acoes):not(.produto-linha__selecao)[b-55p5dnb3mm] {
    opacity: 0.65;
}

.produto-linha__imagem[b-55p5dnb3mm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: var(--raio-medio);
    border: 1px solid var(--cor-borda);
    background: var(--cor-fundo-secundario);
    color: var(--cor-texto-secundario);
    overflow: hidden;
}

.produto-linha__imagem img[b-55p5dnb3mm] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.produto-linha__nome[b-55p5dnb3mm] {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
}

.produto-linha__nome strong[b-55p5dnb3mm],
.produto-linha__nome small[b-55p5dnb3mm] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.produto-linha__nome small[b-55p5dnb3mm],
.produto-linha__vazio[b-55p5dnb3mm] {
    color: var(--cor-texto-secundario);
}

.produto-linha__inativo[b-55p5dnb3mm] {
    margin-left: 0.4rem;
    padding: 0.05rem 0.4rem;
    border-radius: 999px;
    background: var(--cor-fundo-secundario);
    font-size: 0.68rem;
}

@media (max-width: 900px) {
    .tabela-sistema--produtos .tabela-sistema__cabecalho[b-55p5dnb3mm],
    .tabela-sistema--produtos .tabela-sistema__linha[b-55p5dnb3mm] {
        grid-template-columns: 1fr !important;
    }
}

.produto-estoque__saldo--linha[b-55p5dnb3mm] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--espacamento-3);
}

.produto-estoque__saldo--linha > div[b-55p5dnb3mm] {
    display: grid;
    gap: 0.15rem;
}

.produto-estoque__ilimitado[b-55p5dnb3mm] {
    color: var(--cor-primaria);
}

.produto-cartao__extra[b-55p5dnb3mm] {
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
}

.produto-cartao__extra b[b-55p5dnb3mm] {
    color: var(--cor-texto);
}

/* Campos configuráveis do produto */
.produto-campos[b-55p5dnb3mm] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--espacamento-4) var(--espacamento-3);
    align-items: start;
}

.produto-campo--1[b-55p5dnb3mm] { grid-column: span 1; }
.produto-campo--2[b-55p5dnb3mm] { grid-column: span 2; }
.produto-campo--3[b-55p5dnb3mm] { grid-column: span 3; }

@media (max-width: 1100px) {
    .produto-campos[b-55p5dnb3mm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .produto-campo--3[b-55p5dnb3mm] {
        grid-column: span 2;
    }
}

@media (max-width: 760px) {
    .produto-campos[b-55p5dnb3mm] {
        grid-template-columns: minmax(0, 1fr);
    }

    .produto-campo--2[b-55p5dnb3mm],
    .produto-campo--3[b-55p5dnb3mm] {
        grid-column: span 1;
    }
}

.produto-linha__coluna-texto[b-55p5dnb3mm] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Seleção em lote, menu de três pontos e checkbox por produto */
.catalogo-selecao[b-55p5dnb3mm] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    background: color-mix(in srgb, var(--cor-primaria) 8%, var(--cor-superficie));
}

.catalogo-selecao strong[b-55p5dnb3mm] {
    margin-right: auto;
    font-size: 0.85rem;
}

.produto-linha__selecao[b-55p5dnb3mm] {
    display: grid;
    place-items: center;
}

.produto-acoes[b-55p5dnb3mm],
.produto-acoes__envoltorio[b-55p5dnb3mm] {
    position: relative;
    display: inline-flex;
}

.produto-acoes__overlay[b-55p5dnb3mm] {
    position: fixed;
    inset: 0;
    z-index: 1;
    border: 0;
    background: transparent;
    cursor: default;
}

.produto-acoes__menu[b-55p5dnb3mm] {
    display: grid;
    min-width: 11rem;
    padding: 0.25rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    background: var(--cor-superficie);
    box-shadow: var(--sombra-cartao);
    opacity: 1;
}

.produto-acoes__menu button[b-55p5dnb3mm] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    width: 100%;
    padding: 0.45rem 0.55rem;
    border: 0;
    border-radius: calc(var(--raio-base) - 2px);
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.8rem;
    text-align: left;
    cursor: pointer;
}

.produto-acoes__menu button:hover:not(:disabled)[b-55p5dnb3mm] {
    background: color-mix(in srgb, var(--cor-primaria) 10%, var(--cor-superficie));
}

.produto-acoes__menu button:disabled[b-55p5dnb3mm] {
    opacity: 0.45;
    cursor: default;
}

.produto-cartao__imagem[b-55p5dnb3mm] {
    position: relative;
}

.produto-cartao__selecao[b-55p5dnb3mm],
.produto-cartao__acoes[b-55p5dnb3mm] {
    position: absolute;
    top: 0.4rem;
    z-index: 2;
    padding: 0.15rem;
    border-radius: var(--raio-pequeno);
    background: color-mix(in srgb, var(--cor-superficie) 85%, transparent);
}

.produto-cartao__selecao[b-55p5dnb3mm] {
    left: 0.4rem;
}

.produto-cartao__acoes[b-55p5dnb3mm] {
    right: 0.4rem;
}
/* /Components/Paginas/Chats.razor.rz.scp.css */
/* =============================================================
   Módulo de Chats — 3 colunas (lista · conversa · informações)
   num único cartão, no estilo de um messenger.
   ============================================================= */

.chats[b-99gqupv1if] {
    display: grid;
    grid-template-columns: 22rem minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    height: 100%;
    min-height: 24rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-grande);
    background: var(--cor-superficie);
    box-shadow: var(--sombra-cartao);
    overflow: hidden;
}

.chats--com-painel[b-99gqupv1if] {
    grid-template-columns: 22rem minmax(0, 1fr) 23rem;
}

/* Botão de ícone genérico usado no cabeçalho, composer e menus. */
.chats__icone-btn[b-99gqupv1if] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--cor-texto-secundario);
    cursor: pointer;
    transition: background-color var(--transicao-rapida), color var(--transicao-rapida);
}

.chats__icone-btn:hover[b-99gqupv1if] {
    background: var(--cor-superficie-suave);
    color: var(--cor-texto);
}

/* ========================= Coluna: lista ========================= */
.chats__lista[b-99gqupv1if] {
    position: relative;
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--cor-borda);
    background: var(--cor-superficie);
    min-height: 0;
}

.chats__lista-cabecalho[b-99gqupv1if] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-2);
    padding: var(--espacamento-4) var(--espacamento-4) var(--espacamento-3);
}

.chats__lista-cabecalho h2[b-99gqupv1if] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.chats__novo-wrap[b-99gqupv1if] {
    position: relative;
}

.chats__menu-novo[b-99gqupv1if],
.chats__menu-anexar[b-99gqupv1if],
.chats__menu-contexto[b-99gqupv1if],
.chats__menu-lista[b-99gqupv1if],
.chats__menu-conversa[b-99gqupv1if],
.chats__menu-mensagem[b-99gqupv1if] {
    min-width: 12.5rem;
    padding: var(--espacamento-1);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
    border: 1px solid var(--cor-borda);
    box-shadow: var(--sombra-cartao);
    animation: chats-menu-surge-b-99gqupv1if 120ms ease;
}

.chats__menu-novo[b-99gqupv1if] {
    position: absolute;
    top: calc(100% + 0.4rem);
    right: 0;
    z-index: 41;
}

@keyframes chats-menu-surge-b-99gqupv1if {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

.chats__menu-novo button[b-99gqupv1if],
.chats__menu-anexar-item[b-99gqupv1if],
.chats__menu-contexto button[b-99gqupv1if],
.chats__menu-lista button[b-99gqupv1if],
.chats__menu-conversa button[b-99gqupv1if],
.chats__menu-mensagem button[b-99gqupv1if] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    width: 100%;
    padding: var(--espacamento-2) var(--espacamento-3);
    border: none;
    border-radius: var(--raio-pequeno);
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.85rem;
    text-align: left;
    cursor: pointer;
    transition: background-color var(--transicao-rapida);
}

.chats__menu-novo button:hover[b-99gqupv1if],
.chats__menu-anexar-item:hover[b-99gqupv1if],
.chats__menu-contexto button:hover[b-99gqupv1if],
.chats__menu-lista button:hover[b-99gqupv1if],
.chats__menu-conversa button:hover[b-99gqupv1if],
.chats__menu-mensagem button:hover[b-99gqupv1if] {
    background: var(--cor-superficie-suave);
}

.chats__menu-mensagem-perigo[b-99gqupv1if] {
    color: var(--cor-erro);
}

/* Modal: ligação externa */
.chats__ligext-opcoes[b-99gqupv1if] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-2);
    margin-top: var(--espacamento-3);
}

.chats__ligext-opcoes button[b-99gqupv1if] {
    justify-content: center;
    gap: var(--espacamento-2);
}

.chats__ligext-badge[b-99gqupv1if] {
    margin-left: var(--espacamento-2);
    padding: 0.05rem 0.4rem;
    border-radius: var(--raio-pequeno);
    background: var(--cor-superficie-suave);
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.chats__ligext-pronto[b-99gqupv1if] {
    margin: 0 0 var(--espacamento-2);
    font-size: 0.9rem;
}

.chats__ligext-link[b-99gqupv1if] {
    display: flex;
    gap: var(--espacamento-2);
    align-items: center;
}

.chats__ligext-link input[b-99gqupv1if] {
    flex: 1;
    min-width: 0;
}

/* Barra de busca + filtro */
.chats__lista-ferramentas[b-99gqupv1if] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    padding: 0 var(--espacamento-4) var(--espacamento-3);
}

.chats__busca[b-99gqupv1if] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    padding: 0 var(--espacamento-3);
    height: 2.5rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background: var(--cor-fundo-secundario);
    color: var(--cor-texto-suave);
    transition: border-color var(--transicao-rapida), box-shadow var(--transicao-rapida);
}

.chats__busca:focus-within[b-99gqupv1if] {
    border-color: var(--cor-primaria);
    box-shadow: 0 0 0 3px var(--cor-primaria-suave);
    color: var(--cor-texto-secundario);
}

.chats__busca input[b-99gqupv1if] {
    flex: 1;
    min-width: 0;
    border: none;
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    outline: none;
}

.chats__lista-ferramentas .chats__icone-btn[b-99gqupv1if] {
    flex: 0 0 auto;
    border: 1px solid var(--cor-borda);
}

/* Abas (Todas / Não lidas / Grupos / Favoritas) */
.chats__abas[b-99gqupv1if] {
    display: flex;
    gap: var(--espacamento-1);
    padding: 0 var(--espacamento-4) var(--espacamento-3);
    overflow-x: auto;
    scrollbar-width: none;
}

.chats__abas[b-99gqupv1if]::-webkit-scrollbar {
    display: none;
}

.chats__aba[b-99gqupv1if] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex: 0 0 auto;
    padding: 0.35rem 0.8rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background: transparent;
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color var(--transicao-rapida), color var(--transicao-rapida), border-color var(--transicao-rapida);
}

.chats__aba:hover[b-99gqupv1if] {
    color: var(--cor-texto);
    border-color: var(--cor-borda-forte);
}

.chats__aba.ativa[b-99gqupv1if] {
    background: var(--cor-primaria);
    border-color: var(--cor-primaria);
    color: #fff;
}

.chats__aba-badge[b-99gqupv1if] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.15rem;
    height: 1.15rem;
    padding: 0 0.3rem;
    border-radius: 999px;
    background: var(--cor-primaria);
    color: #fff;
    font-size: 0.66rem;
    font-weight: 700;
}

.chats__aba.ativa .chats__aba-badge[b-99gqupv1if] {
    background: rgba(255, 255, 255, 0.28);
}

.chats__estado[b-99gqupv1if] {
    padding: var(--espacamento-5);
    color: var(--cor-texto-secundario);
    text-align: center;
    font-size: 0.875rem;
}

/* Ocupa o espaço restante e centraliza o estado vazio (sem "esmagar"). */
.chats__lista-vazia[b-99gqupv1if] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: var(--espacamento-6) var(--espacamento-5);
}

.chats__lista-vazia[b-99gqupv1if]  .estado-vazio {
    justify-items: center;
    text-align: center;
    padding: 0;
}

/* Lista de conversas */
.chats__lista-itens[b-99gqupv1if] {
    list-style: none;
    margin: 0;
    padding: 0 var(--espacamento-2) var(--espacamento-2);
    overflow-y: auto;
    overscroll-behavior: contain;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.chats__item[b-99gqupv1if] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    width: 100%;
    padding: var(--espacamento-2) var(--espacamento-3);
    border: none;
    border-radius: var(--raio-medio);
    background: transparent;
    text-align: left;
    cursor: pointer;
    color: var(--cor-texto);
    transition: background-color var(--transicao-rapida);
}

.chats__item:hover[b-99gqupv1if] {
    background: var(--cor-superficie-suave);
}

.chats__item:focus-visible[b-99gqupv1if] {
    outline: 2px solid var(--cor-primaria);
    outline-offset: -2px;
}

.chats__item--ativa[b-99gqupv1if],
.chats__item--ativa:hover[b-99gqupv1if] {
    background: var(--cor-primaria-suave);
    box-shadow: inset 3px 0 0 var(--cor-primaria);
}

.chats__item-avatar[b-99gqupv1if] {
    position: relative;
    flex: 0 0 auto;
    line-height: 0;
}

.chats__ponto-status[b-99gqupv1if] {
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 999px;
    border: 2px solid var(--cor-superficie);
    background: var(--cor-texto-suave);
}

.chats__item--ativa .chats__ponto-status[b-99gqupv1if] {
    border-color: var(--cor-fundo-secundario);
}

.chats__ponto-status--online[b-99gqupv1if] {
    background: var(--cor-sucesso);
}

.chats__ponto-status--ausente[b-99gqupv1if] {
    background: var(--cor-alerta);
}

.chats__ponto-status--offline[b-99gqupv1if] {
    background: var(--cor-texto-suave);
}

.chats__ponto-status--ocupado[b-99gqupv1if] {
    background: var(--cor-erro);
}

.chats__item-texto[b-99gqupv1if] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    flex: 1;
}

.chats__item-linha[b-99gqupv1if] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-2);
    min-width: 0;
}

.chats__item-linha strong[b-99gqupv1if] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    font-size: 0.9rem;
}

.chats__item-hora[b-99gqupv1if] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.7rem;
    color: var(--cor-texto-suave);
}

.chats__item-previa[b-99gqupv1if] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    min-width: 0;
    font-size: 0.82rem;
    color: var(--cor-texto-secundario);
}

.chats__item-previa-texto[b-99gqupv1if] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.chats__item-digitando[b-99gqupv1if] {
    color: var(--cor-primaria);
    font-weight: 500;
}

.chats__item-previa-check[b-99gqupv1if],
.chats__item-previa-icone[b-99gqupv1if] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    color: var(--cor-texto-suave);
}

.chats__item-previa-check--lida[b-99gqupv1if] {
    color: #53bdeb;
}

.chats__badge[b-99gqupv1if] {
    flex: 0 0 auto;
    min-width: 1.2rem;
    height: 1.2rem;
    padding: 0 0.4rem;
    border-radius: 999px;
    background: var(--cor-primaria);
    color: #fff;
    font-size: 0.68rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Overlay que fecha popovers ao clicar fora. */
.chats__fechar-flutuantes[b-99gqupv1if] {
    position: absolute;
    inset: 0;
    z-index: 4;
}

.chats__fechar-flutuantes--fixo[b-99gqupv1if] {
    position: fixed;
    z-index: 38;
}

/* Menu de contexto (botão direito numa conversa). */
.chats__menu-contexto[b-99gqupv1if] {
    position: fixed;
    z-index: 50;
}

/* ========================= Coluna: conversa ========================= */
.chats__conversa[b-99gqupv1if] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    background: var(--cor-fundo);
}

.chats__conversa-vazia[b-99gqupv1if] {
    margin: auto;
    padding: var(--espacamento-7);
    text-align: center;
}

.chats__cabecalho-conversa[b-99gqupv1if] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    padding: var(--espacamento-2) var(--espacamento-4);
    border-bottom: 1px solid var(--cor-borda);
    background: var(--cor-superficie);
    z-index: 3;
}

/* No desktop funciona como "fechar a conversa aberta" (setinha ao lado da foto, estilo WhatsApp);
   no mobile (media query abaixo) é o botão de voltar para a lista. */
.chats__voltar[b-99gqupv1if] {
    display: inline-flex;
}

.chats__cabecalho-identidade[b-99gqupv1if] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    flex: 1;
    min-width: 0;
    padding: var(--espacamento-1) var(--espacamento-2);
    margin-left: calc(var(--espacamento-2) * -1);
    border: none;
    border-radius: var(--raio-medio);
    background: transparent;
    text-align: left;
    color: var(--cor-texto);
    cursor: pointer;
    transition: background-color var(--transicao-rapida);
}

.chats__cabecalho-identidade:hover[b-99gqupv1if] {
    background: var(--cor-superficie-suave);
}

.chats__cabecalho-info[b-99gqupv1if] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.chats__cabecalho-info strong[b-99gqupv1if] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.95rem;
    font-weight: 600;
}

.chats__cabecalho-membros[b-99gqupv1if],
.chats__cabecalho-digitando[b-99gqupv1if],
.chats__cabecalho-status[b-99gqupv1if] {
    font-size: 0.78rem;
    color: var(--cor-texto-secundario);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 32rem;
}

.chats__cabecalho-digitando[b-99gqupv1if] {
    color: var(--cor-primaria);
    font-weight: 500;
}

.chats__cabecalho-status[b-99gqupv1if] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.chats__cabecalho-status .chats__ponto-status[b-99gqupv1if] {
    position: static;
    width: 0.55rem;
    height: 0.55rem;
    border: none;
}

.chats__cabecalho-status--online[b-99gqupv1if] {
    color: var(--cor-sucesso);
}

.chats__cabecalho-status--ausente[b-99gqupv1if] {
    color: var(--cor-alerta);
}

.chats__cabecalho-status--ocupado[b-99gqupv1if] {
    color: var(--cor-erro);
}

.chats__cabecalho-visto[b-99gqupv1if] {
    color: var(--cor-texto-secundario);
    font-weight: 400;
}

.chats__cabecalho-acoes[b-99gqupv1if] {
    display: flex;
    align-items: center;
    gap: 2px;
    flex: 0 0 auto;
}

.chats__cabecalho-menu-wrap[b-99gqupv1if] {
    position: relative;
}

.chats__menu-conversa[b-99gqupv1if] {
    position: absolute;
    top: calc(100% + 0.35rem);
    right: 0;
    z-index: 9;
}

/* ---------- Mensagens ---------- */
.chats__mensagens[b-99gqupv1if] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: var(--espacamento-4) var(--espacamento-6);
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.chats__carregar-mais[b-99gqupv1if] {
    display: flex;
    justify-content: center;
    padding: var(--espacamento-1) 0 var(--espacamento-3);
}

.chats__separador-dia[b-99gqupv1if] {
    align-self: center;
    margin: var(--espacamento-3) 0 var(--espacamento-2);
    position: sticky;
    top: 0;
    z-index: 2;
}

.chats__separador-dia span[b-99gqupv1if] {
    display: inline-block;
    padding: 0.2rem 0.75rem;
    border-radius: 999px;
    background: var(--cor-superficie-elevada);
    border: 1px solid var(--cor-borda);
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
    font-weight: 500;
    text-transform: capitalize;
    box-shadow: var(--sombra-suave);
}

.chats__aviso-sistema[b-99gqupv1if] {
    align-self: center;
    max-width: 80%;
    text-align: center;
    margin: var(--espacamento-1) 0;
}

.chats__aviso-sistema span[b-99gqupv1if] {
    display: inline-block;
    padding: 0.2rem 0.75rem;
    border-radius: 999px;
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-suave);
    font-size: 0.75rem;
}

.chats__mensagem[b-99gqupv1if] {
    position: relative;
    display: flex;
    max-width: min(70%, 32rem);
    margin-top: 3px;
}

.chats__mensagem:first-of-type[b-99gqupv1if] {
    margin-top: 0;
}

.chats__mensagem:has(.chats__remetente)[b-99gqupv1if] {
    margin-top: var(--espacamento-4);
}

.chats__mensagem--minha[b-99gqupv1if] {
    align-self: flex-end;
}

.chats__mensagem--outra[b-99gqupv1if] {
    align-self: flex-start;
}

.chats__mensagem--destacada .chats__balao[b-99gqupv1if] {
    animation: chats-destaque-mensagem-b-99gqupv1if 1.6s ease;
}

@keyframes chats-destaque-mensagem-b-99gqupv1if {
    0%, 70% { box-shadow: 0 0 0 2px var(--cor-primaria); }
    100% { box-shadow: var(--sombra-suave); }
}

.chats__balao[b-99gqupv1if] {
    position: relative;
    padding: 0.45rem 0.7rem 0.4rem;
    border-radius: 14px;
    background: var(--cor-superficie);
    border: 1px solid var(--cor-borda);
    box-shadow: var(--sombra-suave);
    min-width: 0;
}

.chats__mensagem--outra .chats__balao[b-99gqupv1if] {
    border-bottom-left-radius: 4px;
}

.chats__mensagem--minha .chats__balao[b-99gqupv1if] {
    background: color-mix(in srgb, var(--cor-primaria) 78%, #000);
    border-color: transparent;
    color: #fff;
    border-bottom-right-radius: 4px;
}

.chats__mensagem--minha .chats__texto[b-99gqupv1if],
.chats__mensagem--minha .chats__apagada[b-99gqupv1if] {
    color: #fff;
}

.chats__remetente[b-99gqupv1if] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    margin-bottom: var(--espacamento-1);
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--cor-primaria);
}

/* Texto + hora/checks na mesma "linha" (a hora encosta no canto inferior direito). */
.chats__texto[b-99gqupv1if] {
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
    line-height: 1.4;
    font-size: 0.9rem;
}

/* Link "Carregar mais" no fim de um balão longo (>500 caracteres). */
.chats__ver-mais[b-99gqupv1if] {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    text-decoration: underline;
    cursor: pointer;
    white-space: nowrap;
}

.chats__ver-mais:hover[b-99gqupv1if] {
    opacity: 0.8;
}

.chats__meta[b-99gqupv1if] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.25rem;
    margin-top: 2px;
    font-size: 0.66rem;
    color: var(--cor-texto-suave);
    user-select: none;
}

.chats__mensagem--minha .chats__meta[b-99gqupv1if] {
    color: rgba(255, 255, 255, 0.72);
}

.chats__recibo[b-99gqupv1if] {
    display: inline-flex;
    align-items: center;
}

.chats__recibo--lida[b-99gqupv1if] {
    color: #7fd0ff;
}

.chats__editada[b-99gqupv1if] {
    font-style: italic;
}

/* Citação (reply) */
.chats__citacao[b-99gqupv1if] {
    display: block;
    width: 100%;
    margin-bottom: var(--espacamento-2);
    padding: var(--espacamento-1) var(--espacamento-2);
    border: none;
    border-left: 3px solid var(--cor-primaria);
    border-radius: var(--raio-pequeno);
    background: color-mix(in srgb, var(--cor-primaria) 12%, transparent);
    text-align: left;
    cursor: pointer;
    overflow: hidden;
}

.chats__mensagem--minha .chats__citacao[b-99gqupv1if] {
    border-left-color: rgba(255, 255, 255, 0.85);
    background: rgba(255, 255, 255, 0.16);
}

.chats__citacao-autor[b-99gqupv1if] {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--cor-primaria);
}

.chats__citacao-texto[b-99gqupv1if] {
    display: block;
    font-size: 0.78rem;
    color: var(--cor-texto-secundario);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chats__mensagem--minha .chats__citacao-autor[b-99gqupv1if],
.chats__mensagem--minha .chats__citacao-texto[b-99gqupv1if] {
    color: rgba(255, 255, 255, 0.92);
}

.chats__apagada[b-99gqupv1if] {
    display: inline-flex;
    align-items: center;
    gap: var(--espacamento-1);
    font-style: italic;
    font-size: 0.85rem;
    color: var(--cor-texto-secundario);
}

/* Anexos */
.chats__anexos[b-99gqupv1if] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-2);
    margin-bottom: var(--espacamento-1);
}

.chats__anexo-imagem img[b-99gqupv1if] {
    max-width: 15rem;
    max-height: 15rem;
    border-radius: var(--raio-medio);
    display: block;
}

.chats__anexo-audio[b-99gqupv1if] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.chats__anexo-audio-nome[b-99gqupv1if] {
    display: flex;
    gap: var(--espacamento-2);
    min-width: 0;
    padding: 0 0.1rem;
    font-size: 0.72rem;
    color: inherit;
    opacity: 0.7;
    text-decoration: none;
}

.chats__anexo-audio-nome .chats__anexo-nome[b-99gqupv1if] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chats__anexo-arquivo[b-99gqupv1if] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    padding: var(--espacamento-2) var(--espacamento-3);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-suave);
    border: 1px solid var(--cor-borda);
    color: var(--cor-texto);
    text-decoration: none;
    transition: border-color var(--transicao-rapida);
}

.chats__anexo-arquivo:hover[b-99gqupv1if] {
    border-color: var(--cor-primaria);
}

.chats__mensagem--minha .chats__anexo-arquivo[b-99gqupv1if] {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.22);
    color: #fff;
}

.chats__anexo-nome[b-99gqupv1if] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 12rem;
    font-size: 0.85rem;
}

.chats__anexo-tamanho[b-99gqupv1if] {
    font-size: 0.72rem;
    color: var(--cor-texto-secundario);
}

.chats__mensagem--minha .chats__anexo-tamanho[b-99gqupv1if] {
    color: rgba(255, 255, 255, 0.75);
}

.chats__anexo-atalho--travado[b-99gqupv1if] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    padding: var(--espacamento-2) var(--espacamento-3);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-suave);
    border: 1px dashed var(--cor-borda-forte);
    color: var(--cor-texto-secundario);
    opacity: 0.85;
    cursor: not-allowed;
}

.chats__anexo-tipo[b-99gqupv1if] {
    font-size: 0.68rem;
    color: var(--cor-texto-suave);
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* Reações */
.chats__reacoes[b-99gqupv1if] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espacamento-1);
    margin-top: var(--espacamento-2);
    clear: both;
}

.chats__reacao[b-99gqupv1if] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 2px 0.5rem;
    border-radius: 999px;
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie-elevada);
    color: var(--cor-texto);
    cursor: pointer;
    font-size: 0.8rem;
    transition: border-color var(--transicao-rapida);
}

.chats__reacao:hover[b-99gqupv1if] {
    border-color: var(--cor-primaria);
}

.chats__reacao--minha[b-99gqupv1if] {
    border-color: var(--cor-primaria);
    background: var(--cor-primaria-suave);
}

.chats__reacao-contagem[b-99gqupv1if] {
    font-size: 0.7rem;
    color: var(--cor-texto-secundario);
    font-weight: 600;
}

.chats__mensagem--minha .chats__reacao[b-99gqupv1if] {
    background: rgba(255, 255, 255, 0.16);
    border-color: rgba(255, 255, 255, 0.28);
    color: #fff;
}

.chats__mensagem--minha .chats__reacao--minha[b-99gqupv1if] {
    background: rgba(255, 255, 255, 0.3);
}

.chats__mensagem--minha .chats__reacao-contagem[b-99gqupv1if] {
    color: rgba(255, 255, 255, 0.8);
}

/* Controles de hover da mensagem */
.chats__controle[b-99gqupv1if] {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.7rem;
    height: 1.7rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background: var(--cor-superficie-elevada);
    color: var(--cor-texto-secundario);
    box-shadow: var(--sombra-suave);
    cursor: pointer;
    opacity: 0;
    transition: opacity var(--transicao-rapida), color var(--transicao-rapida);
    z-index: 5;
}

.chats__mensagem:hover .chats__controle[b-99gqupv1if],
.chats__controle:focus-visible[b-99gqupv1if] {
    opacity: 1;
}

.chats__controle:hover[b-99gqupv1if] {
    color: var(--cor-texto);
    border-color: var(--cor-borda-forte);
}

.chats__controle--reacao[b-99gqupv1if] {
    top: 50%;
    transform: translateY(-50%);
}

.chats__mensagem--outra .chats__controle--reacao[b-99gqupv1if] {
    right: -2.25rem;
}

.chats__mensagem--minha .chats__controle--reacao[b-99gqupv1if] {
    left: -2.25rem;
}

.chats__controle--menu[b-99gqupv1if] {
    top: -0.5rem;
}

.chats__mensagem--outra .chats__controle--menu[b-99gqupv1if] {
    left: -0.6rem;
}

.chats__mensagem--minha .chats__controle--menu[b-99gqupv1if] {
    right: -0.6rem;
}

.chats__seletor-reacao[b-99gqupv1if] {
    position: absolute;
    bottom: calc(100% + 0.4rem);
    display: flex;
    gap: 2px;
    padding: 0.3rem;
    border-radius: 999px;
    background: var(--cor-superficie-elevada);
    border: 1px solid var(--cor-borda);
    box-shadow: var(--sombra-cartao);
    z-index: 8;
    animation: chats-menu-surge-b-99gqupv1if 120ms ease;
}

.chats__mensagem--outra .chats__seletor-reacao[b-99gqupv1if] {
    left: 0;
}

.chats__mensagem--minha .chats__seletor-reacao[b-99gqupv1if] {
    right: 0;
}

.chats__seletor-reacao button[b-99gqupv1if] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 1.2rem;
    line-height: 1;
    padding: 3px;
    border-radius: 999px;
    transition: transform var(--transicao-rapida), background-color var(--transicao-rapida);
}

.chats__seletor-reacao button:hover[b-99gqupv1if] {
    transform: scale(1.2);
    background: var(--cor-superficie-suave);
}

.chats__menu-mensagem[b-99gqupv1if] {
    position: absolute;
    bottom: calc(100% + 0.4rem);
    min-width: 11rem;
    z-index: 8;
}

.chats__mensagem--outra .chats__menu-mensagem[b-99gqupv1if] {
    left: 0;
}

.chats__mensagem--minha .chats__menu-mensagem[b-99gqupv1if] {
    right: 0;
}

.chats__edicao[b-99gqupv1if] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-2);
    min-width: 16rem;
}

.chats__edicao .campo-formulario__entrada[b-99gqupv1if] {
    background: var(--cor-fundo-secundario);
}

.chats__edicao-acoes[b-99gqupv1if] {
    display: flex;
    justify-content: flex-end;
    gap: var(--espacamento-2);
}

/* ---------- Compositor ---------- */
.chats__composer[b-99gqupv1if] {
    flex: 0 0 auto;
    padding: var(--espacamento-3) var(--espacamento-4) var(--espacamento-4);
    background: var(--cor-fundo);
}

.chats__resposta-previa[b-99gqupv1if] {
    display: flex;
    align-items: stretch;
    gap: var(--espacamento-2);
    margin-bottom: var(--espacamento-2);
    padding: var(--espacamento-2) var(--espacamento-3);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-suave);
    border: 1px solid var(--cor-borda);
}

.chats__resposta-previa-barra[b-99gqupv1if] {
    flex: 0 0 auto;
    width: 3px;
    border-radius: 999px;
    background: var(--cor-primaria);
}

.chats__resposta-previa-corpo[b-99gqupv1if] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
    flex: 1;
}

.chats__resposta-previa-autor[b-99gqupv1if] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--cor-primaria);
}

.chats__resposta-previa-texto[b-99gqupv1if] {
    font-size: 0.8rem;
    color: var(--cor-texto-secundario);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chats__anexos-pendentes[b-99gqupv1if] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espacamento-2);
    margin-bottom: var(--espacamento-2);
}

.chats__anexo-pendente[b-99gqupv1if] {
    display: inline-flex;
    align-items: center;
    gap: var(--espacamento-1);
    padding: 0.25rem 0.35rem 0.25rem 0.65rem;
    border-radius: 999px;
    background: var(--cor-superficie-suave);
    border: 1px solid var(--cor-borda);
    font-size: 0.76rem;
    max-width: 16rem;
}

.chats__anexo-pendente > span[b-99gqupv1if] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chats__anexo-pendente .chats__icone-btn[b-99gqupv1if] {
    width: 1.15rem;
    height: 1.15rem;
    flex: 0 0 auto;
}

/* A barra: ações à esquerda + campo + enviar, tudo numa pílula. */
.chats__composer-linha[b-99gqupv1if] {
    display: flex;
    align-items: flex-end;
    gap: var(--espacamento-1);
    padding: 0.3rem 0.3rem 0.3rem 0.4rem;
    border: 1px solid var(--cor-borda);
    border-radius: 24px;
    background: var(--cor-fundo-secundario);
    transition: border-color var(--transicao-rapida), box-shadow var(--transicao-rapida);
}

.chats__composer-linha:focus-within[b-99gqupv1if] {
    border-color: var(--cor-primaria);
    box-shadow: 0 0 0 3px var(--cor-primaria-suave);
}

.chats__composer-esq[b-99gqupv1if] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 2px;
    flex: 0 0 auto;
}

.chats__composer-icone[b-99gqupv1if] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    padding: 0;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--cor-texto-secundario);
    cursor: pointer;
    transition: background-color var(--transicao-rapida), color var(--transicao-rapida);
}

.chats__composer-icone:hover[b-99gqupv1if] {
    background: var(--cor-superficie-suave);
    color: var(--cor-texto);
}

/* O <input type="file"> real fica dentro do componente <InputFile>, então o atributo
   de escopo não chega nele — é preciso o combinador ::deep para escondê-lo. */
.chats__composer[b-99gqupv1if]  .chats__input-arquivo-oculto,
.chats__composer[b-99gqupv1if]  input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    opacity: 0;
    pointer-events: none;
}

.chats__menu-anexar[b-99gqupv1if] {
    position: absolute;
    bottom: calc(100% + 0.5rem);
    left: 0;
    z-index: 41;
}

.chats__menu-anexar-item[b-99gqupv1if] {
    /* herda do seletor agrupado de itens de menu */
}

.chats__emoji-painel[b-99gqupv1if] {
    position: absolute;
    bottom: calc(100% + 0.5rem);
    left: 0;
    width: 17rem;
    max-height: 14rem;
    overflow-y: auto;
    padding: var(--espacamento-2);
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 2px;
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
    border: 1px solid var(--cor-borda);
    box-shadow: var(--sombra-cartao);
    z-index: 41;
    animation: chats-menu-surge-b-99gqupv1if 120ms ease;
}

.chats__emoji-painel button[b-99gqupv1if] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 1.25rem;
    line-height: 1;
    padding: 0.25rem;
    border-radius: var(--raio-pequeno);
    transition: background-color var(--transicao-rapida), transform var(--transicao-rapida);
}

.chats__emoji-painel button:hover[b-99gqupv1if] {
    background: var(--cor-superficie-suave);
    transform: scale(1.15);
}

.chats__composer-entrada[b-99gqupv1if] {
    flex: 1;
    resize: none;
    max-height: 10rem;
    min-height: 2.1rem;
    height: 2.1rem;
    overflow-y: hidden;
    line-height: 1.4;
    padding: 0.4rem var(--espacamento-2);
    border: none;
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.92rem;
    outline: none;
}

.chats__composer-entrada[b-99gqupv1if]::placeholder {
    color: var(--cor-texto-suave);
}

.chats__enviar[b-99gqupv1if] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    padding: 0;
    border: none;
    border-radius: 999px;
    background: var(--cor-primaria);
    color: #fff;
    box-shadow: none;
    cursor: pointer;
    transition: background-color var(--transicao-rapida), opacity var(--transicao-rapida);
}

.chats__enviar:hover:not(:disabled)[b-99gqupv1if] {
    background: var(--cor-primaria-hover);
}

.chats__enviar:disabled[b-99gqupv1if] {
    opacity: 0.5;
    cursor: default;
}

/* ========================= Coluna: painel "Informações" ========================= */
.chats__painel[b-99gqupv1if] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    border-left: 1px solid var(--cor-borda);
    background: var(--cor-superficie);
    animation: chats-painel-surge-b-99gqupv1if 180ms ease;
}

@keyframes chats-painel-surge-b-99gqupv1if {
    from { opacity: 0; transform: translateX(8px); }
    to { opacity: 1; transform: translateX(0); }
}

.chats__painel-cabecalho[b-99gqupv1if] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-2);
    padding: var(--espacamento-3) var(--espacamento-3) var(--espacamento-3) var(--espacamento-4);
    border-bottom: 1px solid var(--cor-borda);
}

.chats__painel-cabecalho h3[b-99gqupv1if] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.chats__painel-corpo[b-99gqupv1if] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: var(--espacamento-5) var(--espacamento-4) var(--espacamento-6);
}

.chats__painel-identidade[b-99gqupv1if] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.35rem;
    padding-bottom: var(--espacamento-5);
    border-bottom: 1px solid var(--cor-borda);
}

.chats__painel-avatar[b-99gqupv1if] {
    line-height: 0;
    padding: 4px;
    border-radius: 999px;
    border: 2px solid var(--cor-primaria);
}

.chats__painel-avatar-botao[b-99gqupv1if] {
    display: block;
    padding: 0;
    border: 0;
    background: none;
    border-radius: 999px;
    cursor: pointer;
    line-height: 0;
    transition: filter var(--transicao-rapida, .15s) ease;
}

.chats__painel-avatar-botao:hover[b-99gqupv1if] {
    filter: brightness(.9);
}

.chats__painel-avatar-botao:focus-visible[b-99gqupv1if] {
    outline: 2px solid var(--cor-primaria);
    outline-offset: 2px;
}

.chats__painel-nome[b-99gqupv1if] {
    margin-top: var(--espacamento-2);
    font-size: 1.25rem;
    font-weight: 700;
}

.chats__painel-usuario[b-99gqupv1if] {
    color: var(--cor-primaria);
    font-size: 0.85rem;
    font-weight: 500;
}

.chats__painel-email[b-99gqupv1if] {
    color: var(--cor-texto-secundario);
    font-size: 0.85rem;
    text-decoration: none;
}

.chats__painel-email:hover[b-99gqupv1if] {
    text-decoration: underline;
}

.chats__painel-bio[b-99gqupv1if] {
    margin: var(--espacamento-2) 0 0;
    color: var(--cor-texto-secundario);
    font-size: 0.85rem;
    line-height: 1.5;
}

.chats__painel-secao[b-99gqupv1if] {
    padding: var(--espacamento-4) 0;
    border-bottom: 1px solid var(--cor-borda);
}

.chats__painel-secao:last-child[b-99gqupv1if] {
    border-bottom: none;
}

.chats__painel-secao-topo[b-99gqupv1if] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--espacamento-3);
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--cor-texto-secundario);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.chats__painel-vertodos[b-99gqupv1if] {
    border: none;
    background: transparent;
    color: var(--cor-primaria);
    font: inherit;
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    cursor: pointer;
}

.chats__painel-vertodos:hover[b-99gqupv1if] {
    text-decoration: underline;
}

.chats__painel-vazio[b-99gqupv1if] {
    margin: 0;
    color: var(--cor-texto-suave);
    font-size: 0.82rem;
}

.chats__painel-midia[b-99gqupv1if] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--espacamento-2);
}

.chats__painel-midia-item[b-99gqupv1if] {
    position: relative;
    aspect-ratio: 1;
    border-radius: var(--raio-pequeno);
    overflow: hidden;
    background: var(--cor-superficie-suave);
}

.chats__painel-midia-item img[b-99gqupv1if],
.chats__painel-midia-item video[b-99gqupv1if] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.chats__painel-midia-play[b-99gqupv1if] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.28);
    pointer-events: none;
}

.chats__painel-midia-mais[b-99gqupv1if] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
    font-weight: 700;
    font-size: 0.95rem;
}

.chats__painel-docs[b-99gqupv1if],
.chats__painel-links[b-99gqupv1if] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-2);
}

.chats__painel-doc[b-99gqupv1if],
.chats__painel-link[b-99gqupv1if] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    padding: var(--espacamento-2);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    color: var(--cor-texto);
    text-decoration: none;
    transition: border-color var(--transicao-rapida), background-color var(--transicao-rapida);
}

.chats__painel-doc:hover[b-99gqupv1if],
.chats__painel-link:hover[b-99gqupv1if] {
    border-color: var(--cor-primaria);
    background: var(--cor-superficie-suave);
}

.chats__painel-doc-icone[b-99gqupv1if] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: var(--raio-pequeno);
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
    font-size: 0.62rem;
    font-weight: 700;
}

.chats__painel-link-icone[b-99gqupv1if] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: var(--raio-pequeno);
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
}

.chats__painel-doc-info[b-99gqupv1if],
.chats__painel-link-info[b-99gqupv1if] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
    flex: 1;
}

.chats__painel-doc-info strong[b-99gqupv1if],
.chats__painel-link-info strong[b-99gqupv1if] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.82rem;
    font-weight: 600;
}

.chats__painel-doc-info small[b-99gqupv1if],
.chats__painel-link-info small[b-99gqupv1if] {
    color: var(--cor-texto-suave);
    font-size: 0.72rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chats__painel-doc > .icone-sistema[b-99gqupv1if] {
    flex: 0 0 auto;
    color: var(--cor-texto-secundario);
}

/* ========================= Modais ========================= */
.chats__atalho-lista[b-99gqupv1if] {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 22rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.chats__atalho-abas[b-99gqupv1if] {
    display: flex;
    gap: var(--espacamento-1);
    margin-bottom: var(--espacamento-3);
    flex-wrap: wrap;
}

.chats__atalho-aba[b-99gqupv1if] {
    display: inline-flex;
    align-items: center;
    gap: var(--espacamento-1);
    padding: 0.4rem 0.8rem;
    border-radius: 999px;
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie);
    color: var(--cor-texto-secundario);
    cursor: pointer;
    font-size: 0.82rem;
    transition: border-color var(--transicao-rapida), background-color var(--transicao-rapida), color var(--transicao-rapida);
}

.chats__atalho-aba:hover[b-99gqupv1if] {
    color: var(--cor-texto);
    border-color: var(--cor-borda-forte);
}

.chats__atalho-aba.ativa[b-99gqupv1if] {
    border-color: var(--cor-primaria);
    background: var(--cor-primaria-suave);
    color: var(--cor-texto);
}

.chats__atalho-item[b-99gqupv1if] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    width: 100%;
    padding: var(--espacamento-2) var(--espacamento-3);
    border: none;
    border-radius: var(--raio-medio);
    background: transparent;
    color: var(--cor-texto);
    text-align: left;
    cursor: pointer;
    transition: background-color var(--transicao-rapida);
}

.chats__atalho-item:hover[b-99gqupv1if] {
    background: var(--cor-superficie-suave);
}

.chats__atalho-item-rotulo[b-99gqupv1if] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.88rem;
}

.chats__atalho-vazio[b-99gqupv1if] {
    padding: var(--espacamento-5);
    color: var(--cor-texto-secundario);
    font-size: 0.85rem;
    text-align: center;
}

/* ========================= Responsivo ========================= */
@media (max-width: 75rem) {
    .chats--com-painel[b-99gqupv1if] {
        grid-template-columns: 22rem minmax(0, 1fr);
    }

    .chats__painel[b-99gqupv1if] {
        position: absolute;
        inset: 0 0 0 auto;
        width: min(23rem, 100%);
        z-index: 30;
        box-shadow: -12px 0 40px rgba(0, 0, 0, 0.25);
    }
}

@media (max-width: 48rem) {
    .chats[b-99gqupv1if],
    .chats--com-painel[b-99gqupv1if] {
        grid-template-columns: 1fr;
        height: calc(100dvh - 7rem);
        border-radius: var(--raio-medio);
    }

    .chats__lista[b-99gqupv1if] {
        border-right: none;
    }

    .chats--com-selecao .chats__lista[b-99gqupv1if] {
        display: none;
    }

    .chats--sem-selecao .chats__conversa[b-99gqupv1if] {
        display: none;
    }

    .chats__voltar[b-99gqupv1if] {
        display: inline-flex;
    }

    .chats__acao-visual[b-99gqupv1if] {
        display: none;
    }

    .chats__mensagens[b-99gqupv1if] {
        padding: var(--espacamento-3);
    }

    .chats__mensagem[b-99gqupv1if] {
        max-width: 85%;
    }

    .chats__painel[b-99gqupv1if] {
        width: 100%;
    }
}

/* Faixa "chamada em andamento / recebendo" no topo da conversa aberta. */
.chats__chamada-faixa[b-99gqupv1if] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .9rem;
    background: var(--cor-primaria-suave, rgba(79, 140, 255, .14));
    color: var(--cor-texto, #0f172a);
    font-size: .82rem;
    font-weight: 600;
    border-bottom: 1px solid var(--cor-borda, #e4e7ec);
}

.chats__chamada-faixa-btn[b-99gqupv1if] {
    margin-left: auto;
    border: 0;
    border-radius: var(--raio-medio);
    padding: .3rem .7rem;
    background: var(--cor-sucesso, #16a34a);
    color: #fff;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}
.chats__chamada-faixa-btn:hover[b-99gqupv1if] { filter: brightness(1.06); }

/* ========================= Anexar: menu em grade, chips e seletor ========================= */
.chats__acento--midia[b-99gqupv1if] { --acento: #3b82f6; }
.chats__acento--arquivo[b-99gqupv1if] { --acento: #8b5cf6; }
.chats__acento--trabalho[b-99gqupv1if] { --acento: #3b82f6; }
.chats__acento--email[b-99gqupv1if] { --acento: #f59e0b; }
.chats__acento--tarefa[b-99gqupv1if] { --acento: #8b5cf6; }
.chats__acento--produto[b-99gqupv1if] { --acento: #10b981; }
.chats__acento--servico[b-99gqupv1if] { --acento: #06b6d4; }
.chats__acento--imovel[b-99gqupv1if] { --acento: #f97316; }
.chats__acento--cliente[b-99gqupv1if] { --acento: #ec4899; }
.chats__acento--padrao[b-99gqupv1if] { --acento: #64748b; }

.chats__menu-anexar[b-99gqupv1if] {
    width: min(19.5rem, calc(100vw - 2rem));
    padding: var(--espacamento-3);
    border-radius: 16px;
    box-shadow: var(--sombra-cartao);
}

.chats__anexar-secao[b-99gqupv1if] {
    padding: 0 var(--espacamento-1) var(--espacamento-2);
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: var(--cor-texto-suave);
}

.chats__anexar-grade[b-99gqupv1if] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--espacamento-2);
    margin-bottom: var(--espacamento-3);
}

.chats__anexar-grade:last-child[b-99gqupv1if] {
    margin-bottom: 0;
}

.chats__anexar-item[b-99gqupv1if] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--espacamento-2);
    padding: var(--espacamento-3) var(--espacamento-1) var(--espacamento-2);
    border: 1px solid transparent;
    border-radius: 14px;
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    cursor: pointer;
    transition: background-color var(--transicao-rapida), border-color var(--transicao-rapida), transform var(--transicao-rapida);
}

.chats__anexar-item:hover[b-99gqupv1if] {
    background: color-mix(in srgb, var(--acento) 10%, transparent);
    border-color: color-mix(in srgb, var(--acento) 35%, transparent);
    transform: translateY(-1px);
}

.chats__anexar-item:focus-visible[b-99gqupv1if] {
    outline: 2px solid var(--acento);
    outline-offset: 1px;
}

.chats__anexar-icone[b-99gqupv1if] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 14px;
    background: var(--acento);
    color: #fff;
}

.chats__anexar-rotulo[b-99gqupv1if] {
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.15;
    text-align: center;
    overflow-wrap: anywhere;
}

/* Chip do item do sistema pendente de envio */
.chats__anexo-pendente--atalho[b-99gqupv1if] {
    border-color: color-mix(in srgb, var(--acento, var(--cor-borda)) 45%, var(--cor-borda));
    background: color-mix(in srgb, var(--acento, transparent) 10%, var(--cor-superficie-suave));
}

.chats__anexo-pendente-icone[b-99gqupv1if] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 1.35rem;
    height: 1.35rem;
    margin-left: -0.35rem;
    border-radius: 999px;
    background: var(--acento, var(--cor-primaria));
    color: #fff;
}

/* Seletor de item do sistema (modal) */
.chats__atalho-aba[b-99gqupv1if] {
    padding: 0.45rem 0.9rem;
}

.chats__atalho-aba.ativa[b-99gqupv1if] {
    border-color: var(--acento, var(--cor-primaria));
    background: color-mix(in srgb, var(--acento, var(--cor-primaria)) 16%, transparent);
    color: var(--cor-texto);
    font-weight: 600;
}

.chats__atalho-aba.ativa > .icone-sistema[b-99gqupv1if] {
    color: var(--acento, var(--cor-primaria));
}

.chats__atalho-lista[b-99gqupv1if] {
    gap: var(--espacamento-1);
    margin-top: var(--espacamento-3);
}

.chats__atalho-item[b-99gqupv1if] {
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie);
}

.chats__atalho-item:hover[b-99gqupv1if] {
    border-color: color-mix(in srgb, var(--acento, var(--cor-primaria)) 55%, var(--cor-borda));
    background: color-mix(in srgb, var(--acento, var(--cor-primaria)) 8%, var(--cor-superficie));
}

.chats__atalho-item-midia[b-99gqupv1if] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 12px;
    overflow: hidden;
    background: color-mix(in srgb, var(--acento, var(--cor-primaria)) 18%, transparent);
    color: var(--acento, var(--cor-primaria));
}

.chats__atalho-item-midia--redonda[b-99gqupv1if] {
    border-radius: 999px;
}

.chats__atalho-item-midia img[b-99gqupv1if] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.chats__atalho-item-textos[b-99gqupv1if] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.chats__atalho-item-sub[b-99gqupv1if] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.74rem;
    color: var(--cor-texto-secundario);
}

.chats__atalho-item-mais[b-99gqupv1if] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 999px;
    color: var(--cor-texto-suave);
    transition: background-color var(--transicao-rapida), color var(--transicao-rapida);
}

.chats__atalho-item:hover .chats__atalho-item-mais[b-99gqupv1if] {
    background: var(--acento, var(--cor-primaria));
    color: #fff;
}

/* =====================================================================
   Retoque visual no estilo WhatsApp Web: papel de parede, balões com
   "rabinho", cores por remetente, lista mais limpa e painel de membros.
   ===================================================================== */

/* ---------- Lista de conversas ---------- */
.chats__lista-cabecalho h2[b-99gqupv1if] {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
}

.chats__lista-itens[b-99gqupv1if] {
    padding: 0 0 var(--espacamento-2);
    gap: 0;
}

.chats__item-wrap[b-99gqupv1if] {
    position: relative;
}

.chats__item[b-99gqupv1if] {
    gap: var(--espacamento-3);
    padding: 0.65rem var(--espacamento-4);
    border-radius: 0;
    position: relative;
}

/* Divisória fina que começa depois do avatar, como no WhatsApp. */
.chats__item[b-99gqupv1if]::after {
    content: "";
    position: absolute;
    left: calc(var(--espacamento-4) + 44px + var(--espacamento-3));
    right: 0;
    bottom: 0;
    height: 1px;
    background: var(--cor-borda);
    opacity: 0.55;
}

.chats__item-wrap:last-child .chats__item[b-99gqupv1if]::after,
.chats__item--ativa[b-99gqupv1if]::after,
.chats__item:hover[b-99gqupv1if]::after {
    opacity: 0;
}

.chats__item--ativa[b-99gqupv1if],
.chats__item--ativa:hover[b-99gqupv1if] {
    background: color-mix(in srgb, var(--cor-primaria) 14%, var(--cor-superficie));
    box-shadow: none;
}

.chats__item-linha strong[b-99gqupv1if] {
    font-size: 0.95rem;
}

.chats__item--nao-lida .chats__item-linha strong[b-99gqupv1if] {
    font-weight: 700;
}

.chats__item--nao-lida .chats__item-hora[b-99gqupv1if] {
    color: var(--cor-primaria);
    font-weight: 600;
}

.chats__item--nao-lida .chats__item-previa[b-99gqupv1if] {
    color: var(--cor-texto);
}

.chats__badge[b-99gqupv1if] {
    min-width: 1.35rem;
    height: 1.35rem;
    font-size: 0.7rem;
    box-shadow: 0 1px 3px color-mix(in srgb, var(--cor-primaria) 45%, transparent);
}

/* ---------- Coluna da conversa: papel de parede ---------- */
.chats__conversa--aberta[b-99gqupv1if] {
    isolation: isolate;
    background: color-mix(in srgb, var(--cor-primaria) 5%, var(--cor-fundo));
}

.chats__conversa--aberta[b-99gqupv1if]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: var(--cor-texto);
    opacity: 0.06;
    -webkit-mask-image: url("/imagens/chat-fundo.png");
    mask-image: url("/imagens/chat-fundo.png");
    -webkit-mask-size: 405px auto;
    mask-size: 405px auto;
    -webkit-mask-repeat: repeat;
    mask-repeat: repeat;
    pointer-events: none;
}

.chats__cabecalho-conversa[b-99gqupv1if] {
    min-height: 3.75rem;
    box-shadow: 0 1px 0 var(--cor-borda), 0 4px 14px rgba(0, 0, 0, 0.08);
    border-bottom: none;
}

.chats__cabecalho-info strong[b-99gqupv1if] {
    font-size: 1rem;
}

.chats__mensagens[b-99gqupv1if] {
    padding: var(--espacamento-4) var(--espacamento-4) var(--espacamento-4) var(--espacamento-4);
    gap: 0;
}

/* ---------- Balões ---------- */
.chats__mensagem[b-99gqupv1if] {
    max-width: min(68%, 36rem);
    margin-top: 2px;
}

.chats__mensagem--cauda[b-99gqupv1if] {
    margin-top: 10px;
}

.chats__mensagem:first-of-type[b-99gqupv1if] {
    margin-top: 0;
}

.chats__mensagem:has(.chats__remetente)[b-99gqupv1if] {
    margin-top: 10px;
}

.chats__balao[b-99gqupv1if] {
    padding: 0.4rem 0.65rem 0.3rem;
    border: none;
    border-radius: 10px;
    box-shadow: 0 1px 1.5px rgba(11, 20, 26, 0.2);
    line-height: 1.3;
}

.chats__mensagem--outra .chats__balao[b-99gqupv1if] {
    background: var(--cor-superficie);
    box-shadow: 0 0 0 1px var(--cor-borda), 0 1px 1.5px rgba(11, 20, 26, 0.2);
    border-bottom-left-radius: 10px;
}

.chats__mensagem--minha .chats__balao[b-99gqupv1if] {
    background: color-mix(in srgb, var(--cor-primaria) 78%, #000);
    border-bottom-right-radius: 10px;
}

/* "Rabinho" só no primeiro balão de uma sequência do mesmo remetente. */
.chats__mensagem--cauda .chats__balao[b-99gqupv1if]::before {
    content: "";
    position: absolute;
    top: 0;
    width: 9px;
    height: 13px;
    background: inherit;
}

.chats__mensagem--cauda.chats__mensagem--outra .chats__balao[b-99gqupv1if] {
    border-top-left-radius: 0;
}

.chats__mensagem--cauda.chats__mensagem--outra .chats__balao[b-99gqupv1if]::before {
    left: -8px;
    clip-path: polygon(100% 0, 100% 100%, 0 0);
}

.chats__mensagem--cauda.chats__mensagem--minha .chats__balao[b-99gqupv1if] {
    border-top-right-radius: 0;
}

.chats__mensagem--cauda.chats__mensagem--minha .chats__balao[b-99gqupv1if]::before {
    right: -8px;
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* Nome do remetente em grupos: uma cor por pessoa (a matiz vem inline). */
.chats__remetente[b-99gqupv1if] {
    color: hsl(var(--matiz, 210) 62% 52%);
    font-size: 0.8rem;
}

.chats__texto[b-99gqupv1if] {
    font-size: 0.92rem;
    line-height: 1.38;
}

.chats__meta[b-99gqupv1if] {
    margin-top: 1px;
    font-size: 0.66rem;
    gap: 0.2rem;
}

.chats__recibo--lida[b-99gqupv1if] {
    color: #53bdeb;
}

.chats__mensagem--minha .chats__recibo--lida[b-99gqupv1if] {
    color: #8ee0ff;
}

.chats__citacao[b-99gqupv1if] {
    border-radius: 6px;
    border-left-width: 4px;
}

/* ---------- Separadores e avisos ---------- */
.chats__separador-dia span[b-99gqupv1if] {
    padding: 0.28rem 0.85rem;
    border: none;
    background: var(--cor-superficie-elevada, var(--cor-superficie));
    box-shadow: 0 1px 1.5px rgba(11, 20, 26, 0.2);
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--cor-texto-secundario);
}

.chats__aviso-sistema[b-99gqupv1if] {
    margin: var(--espacamento-2) 0;
}

.chats__aviso-sistema span[b-99gqupv1if] {
    padding: 0.28rem 0.85rem;
    background: color-mix(in srgb, #f5b73b 20%, var(--cor-superficie-elevada, var(--cor-superficie)));
    color: var(--cor-texto-secundario);
    box-shadow: 0 1px 1.5px rgba(11, 20, 26, 0.15);
    font-size: 0.74rem;
}

/* ---------- Compositor ---------- */
.chats__composer[b-99gqupv1if] {
    position: relative;
    padding: var(--espacamento-2) var(--espacamento-4) var(--espacamento-3);
    background: color-mix(in srgb, var(--cor-superficie) 94%, transparent);
    border-top: 1px solid var(--cor-borda);
}

.chats__composer-linha[b-99gqupv1if] {
    border-radius: 26px;
    border-color: transparent;
    background: var(--cor-superficie-elevada, var(--cor-fundo-secundario));
    box-shadow: 0 1px 2px rgba(11, 20, 26, 0.16);
}

.chats__enviar[b-99gqupv1if] {
    width: 2.6rem;
    height: 2.6rem;
    box-shadow: 0 2px 6px color-mix(in srgb, var(--cor-primaria) 45%, transparent);
}

/* ---------- Painel: membros do grupo ---------- */
.chats__painel-membros[b-99gqupv1if] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    max-height: 18rem;
    overflow-y: auto;
}

.chats__painel-membro[b-99gqupv1if] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    padding: var(--espacamento-2) var(--espacamento-1);
    border-radius: var(--raio-medio);
    transition: background-color var(--transicao-rapida);
}

.chats__painel-membro:hover[b-99gqupv1if] {
    background: var(--cor-superficie-suave);
}

.chats__painel-membro-info[b-99gqupv1if] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.chats__painel-membro-info strong[b-99gqupv1if] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.88rem;
    font-weight: 600;
}

.chats__painel-membro-info small[b-99gqupv1if] {
    font-size: 0.72rem;
    color: var(--cor-texto-suave);
}

.chats__painel-papel[b-99gqupv1if] {
    flex: 0 0 auto;
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--cor-primaria) 45%, transparent);
    background: color-mix(in srgb, var(--cor-primaria) 12%, transparent);
    color: var(--cor-primaria);
    font-size: 0.64rem;
    font-weight: 700;
}

.chats__painel-membro-conversar[b-99gqupv1if] {
    opacity: 0;
    transition: opacity var(--transicao-rapida), background-color var(--transicao-rapida), color var(--transicao-rapida);
}

.chats__painel-membro:hover .chats__painel-membro-conversar[b-99gqupv1if],
.chats__painel-membro-conversar:focus-visible[b-99gqupv1if] {
    opacity: 1;
}

/* ---------- Modal: dados da mensagem ---------- */
.chats__info[b-99gqupv1if] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-4);
}

.chats__info-previa[b-99gqupv1if] {
    display: flex;
    justify-content: flex-end;
    padding: var(--espacamento-4);
    border-radius: var(--raio-medio);
    background: color-mix(in srgb, var(--cor-primaria) 5%, var(--cor-fundo));
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.chats__info-previa[b-99gqupv1if]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: var(--cor-texto);
    opacity: 0.06;
    -webkit-mask-image: url("/imagens/chat-fundo.png");
    mask-image: url("/imagens/chat-fundo.png");
    -webkit-mask-size: 405px auto;
    mask-size: 405px auto;
}

.chats__info-previa .chats__balao[b-99gqupv1if] {
    max-width: 85%;
}

.chats__info-datas[b-99gqupv1if] {
    margin: 0;
    display: grid;
    gap: var(--espacamento-1);
    font-size: 0.85rem;
}

.chats__info-datas > div[b-99gqupv1if] {
    display: flex;
    justify-content: space-between;
    gap: var(--espacamento-3);
}

.chats__info-datas dt[b-99gqupv1if] {
    color: var(--cor-texto-secundario);
}

.chats__info-datas dd[b-99gqupv1if] {
    margin: 0;
    font-weight: 600;
}

.chats__info-secao h4[b-99gqupv1if] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    margin: 0 0 var(--espacamento-2);
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.chats__info-secao h4 small[b-99gqupv1if] {
    font-weight: 500;
    color: var(--cor-texto-suave);
}

.chats__info-lista[b-99gqupv1if] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    max-height: 15rem;
    overflow-y: auto;
}

.chats__info-lista li[b-99gqupv1if] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    padding: var(--espacamento-2) var(--espacamento-1);
    border-bottom: 1px solid var(--cor-borda);
}

.chats__info-lista li:last-child[b-99gqupv1if] {
    border-bottom: none;
}

.chats__info-nome[b-99gqupv1if] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.88rem;
    font-weight: 600;
}

.chats__info-quando[b-99gqupv1if] {
    flex: 0 0 auto;
    font-size: 0.72rem;
    color: var(--cor-texto-suave);
}

.chats__info-emoji[b-99gqupv1if] {
    width: 2.1rem;
    text-align: center;
    font-size: 1.4rem;
}

.chats__info-vazio[b-99gqupv1if] {
    margin: 0;
    font-size: 0.82rem;
    color: var(--cor-texto-suave);
}

/* Mais respiro entre mensagens de pessoas diferentes (principalmente em grupos). */
.chats__mensagem[b-99gqupv1if] {
    margin-top: 4px;
}

.chats__mensagem--cauda[b-99gqupv1if],
.chats__mensagem:has(.chats__remetente)[b-99gqupv1if] {
    margin-top: 18px;
}

.chats__mensagem:first-of-type[b-99gqupv1if] {
    margin-top: 0;
}
/* /Components/Paginas/Configuracoes.razor.rz.scp.css */
.configuracoes-pagina[b-indbqnkd9b] {
    grid-template-columns: 14rem minmax(0, 1fr);
    align-items: start;
}

.configuracoes-categorias[b-indbqnkd9b] {
    display: grid;
    gap: 0.25rem;
    align-content: start;
    padding: 0.5rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-grande);
    background: var(--cor-superficie);
    position: sticky;
    top: var(--espacamento-4);
}

.configuracoes-categorias__item[b-indbqnkd9b] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.6rem 0.7rem;
    border: none;
    border-radius: var(--raio-medio);
    background: transparent;
    color: var(--cor-texto-secundario);
    font-size: 0.84rem;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.configuracoes-categorias__item:hover[b-indbqnkd9b] {
    background: var(--cor-superficie-suave);
    color: var(--cor-texto);
}

.configuracoes-categorias__item.ativo[b-indbqnkd9b] {
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
}

/* Linha divisória antes das categorias "padrão" (ex.: Auditoria) */
.configuracoes-categorias__divisor[b-indbqnkd9b] {
    display: block;
    height: 1px;
    margin: 0.35rem 0.35rem 0.1rem;
    background: var(--cor-borda);
}

.configuracoes-categorias__conteudo[b-indbqnkd9b] {
    display: grid;
    gap: var(--espacamento-4);
    align-content: start;
    min-width: 0;
}

.configuracoes-pagina__formulario[b-indbqnkd9b] {
    display: grid;
    gap: var(--espacamento-4);
}

.configuracoes-pagina__descricao[b-indbqnkd9b] {
    min-height: 3.25rem;
    resize: vertical;
}

.configuracoes-pagina__logo[b-indbqnkd9b] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.configuracoes-pagina__logo-imagem[b-indbqnkd9b],
.configuracoes-pagina__logo-vazio[b-indbqnkd9b] {
    width: 4.25rem;
    height: 4.25rem;
    flex: 0 0 4.25rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    background: var(--cor-superficie-suave);
}

.configuracoes-pagina__logo-imagem[b-indbqnkd9b] {
    object-fit: contain;
}

.configuracoes-pagina__logo-vazio[b-indbqnkd9b] {
    display: grid;
    place-items: center;
    color: var(--cor-texto-secundario);
}

.configuracoes-pagina__logo-acoes[b-indbqnkd9b] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    align-items: center;
}

.configuracoes-pagina__logo-acoes .botao-secundario[b-indbqnkd9b] {
    cursor: pointer;
}

.configuracoes-pagina__logo-acoes .botao-secundario.desabilitado[b-indbqnkd9b] {
    pointer-events: none;
    opacity: 0.55;
}

.configuracoes-pagina__logo-seletor[b-indbqnkd9b] {
    display: none;
}

.configuracoes-pagina__acoes[b-indbqnkd9b] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
}

[b-indbqnkd9b] .grade-resumo .cartao-resumo span {
    font-size: 0.68rem;
    line-height: 1.1;
}

.configuracoes-resumo__valor[b-indbqnkd9b] {
    font-size: 1.25rem !important;
    line-height: 1.15;
    font-weight: 600;
}

.configuracoes-pagina[b-indbqnkd9b]  .grade-campos {
    align-items: start;
}

.configuracoes-pagina__grade-cutoff[b-indbqnkd9b] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.configuracoes-pagina .campo-formulario--moeda[b-indbqnkd9b],
.configuracoes-pagina .campo-formulario--percentual[b-indbqnkd9b] {
    grid-template-rows: auto minmax(2.8rem, auto) minmax(2.7rem, auto);
    align-content: start;
}

.configuracoes-pagina .campo-formulario--moeda small[b-indbqnkd9b],
.configuracoes-pagina .campo-formulario--percentual small[b-indbqnkd9b] {
    display: block;
    line-height: 1.35;
}

.configuracoes-pagina .campo-formulario--moeda[b-indbqnkd9b]  .selecao-padrao__gatilho,
.configuracoes-pagina .campo-formulario--percentual .campo-formulario__entrada[b-indbqnkd9b] {
    min-height: 2.8rem;
}

.configuracoes-pagina__percentual[b-indbqnkd9b] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 2.8rem;
    gap: 0.75rem;
    align-items: stretch;
    min-height: 2.8rem;
}

.configuracoes-pagina .campo-formulario--interruptor[b-indbqnkd9b] {
    gap: 0.4rem;
}

.configuracoes-vat__interruptor[b-indbqnkd9b] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    cursor: pointer;
    font-weight: 600;
}

.configuracoes-vat__interruptor input[b-indbqnkd9b] {
    width: 1.1rem;
    height: 1.1rem;
}

.configuracoes-pagina__percentual .campo-formulario__entrada[b-indbqnkd9b] {
    height: 100%;
}

.configuracoes-pagina__percentual span[b-indbqnkd9b] {
    width: 2.8rem;
    min-width: 2.8rem;
    height: 100%;
    min-height: 2.8rem;
    display: grid;
    place-items: center;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
    font-weight: 600;
    box-sizing: border-box;
}

.configuracoes-pagina .campo-formulario--moeda[b-indbqnkd9b]  .selecao-padrao__painel {
    max-height: min(22rem, calc(100vh - 1.5rem));
}

.configuracoes-pagina .campo-formulario--moeda[b-indbqnkd9b]  .selecao-padrao__opcao {
    min-height: 2.5rem;
}

.configuracoes-pagina .campo-formulario--moeda[b-indbqnkd9b]  .selecao-padrao__texto {
    gap: 0;
}

.configuracoes-pagina .campo-formulario--moeda[b-indbqnkd9b]  .selecao-padrao__texto small {
    display: none;
}

.configuracoes-cutoff__conteudo[b-indbqnkd9b] {
    display: grid;
    grid-template-columns: minmax(18rem, 1fr) minmax(17rem, 1fr);
    gap: var(--espacamento-4);
    margin-top: var(--espacamento-5);
}

.configuracoes-cutoff__calendario[b-indbqnkd9b],
.configuracoes-cutoff__proximos[b-indbqnkd9b] {
    padding: 0.8rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-grande);
    background: var(--cor-superficie);
}

.configuracoes-cutoff__calendario-navegacao[b-indbqnkd9b] {
    display: grid;
    grid-template-columns: 2rem 1fr 2rem;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.configuracoes-cutoff__calendario-navegacao .botao-icone[b-indbqnkd9b] {
    width: 2rem;
    height: 2rem;
}

.configuracoes-cutoff__calendario-navegacao strong[b-indbqnkd9b] {
    font-size: 0.86rem;
    text-align: center;
}

.configuracoes-cutoff__calendario-icone-anterior[b-indbqnkd9b] {
    display: inline-flex;
    transform: rotate(180deg);
}

.configuracoes-cutoff__calendario-semana[b-indbqnkd9b],
.configuracoes-cutoff__calendario-dias[b-indbqnkd9b] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.configuracoes-cutoff__calendario-semana[b-indbqnkd9b] {
    margin-bottom: 0.25rem;
}

.configuracoes-cutoff__calendario-semana span[b-indbqnkd9b] {
    padding: 0.25rem 0;
    color: var(--cor-texto-secundario);
    font-size: 0.66rem;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.configuracoes-cutoff__calendario-dia[b-indbqnkd9b] {
    min-height: 2rem;
    display: grid;
    place-items: center;
    border-radius: var(--raio-medio);
    color: var(--cor-texto);
    font-size: 0.76rem;
}

.configuracoes-cutoff__calendario-dia--outro-mes[b-indbqnkd9b] {
    color: var(--cor-texto-secundario);
    opacity: 0.62;
}

.configuracoes-cutoff__calendario-dia--hoje[b-indbqnkd9b] {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cor-primaria) 65%, transparent);
    color: var(--cor-primaria);
    font-weight: 700;
}

.configuracoes-cutoff__calendario-dia--inicio[b-indbqnkd9b] {
    background: var(--cor-primaria);
    color: #fff;
    font-weight: 800;
}

.configuracoes-cutoff__calendario-dia--fim[b-indbqnkd9b] {
    box-shadow: inset 0 -3px 0 color-mix(in srgb, #fff 75%, transparent);
}

.configuracoes-cutoff__calendario-dia--pagamento[b-indbqnkd9b] {
    outline: 2px solid var(--cor-primaria);
    outline-offset: -4px;
}

.configuracoes-cutoff__proximos[b-indbqnkd9b] {
    display: grid;
    align-content: start;
    gap: 0.65rem;
}

.configuracoes-cutoff__proximos > strong[b-indbqnkd9b] {
    font-size: 0.86rem;
}

.configuracoes-cutoff__proximos ol[b-indbqnkd9b] {
    display: grid;
    gap: 0.45rem;
    max-height: 16rem;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    list-style: none;
}

.configuracoes-cutoff__proximos li[b-indbqnkd9b] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: 0.6rem;
    align-items: center;
}

.configuracoes-cutoff__proximos li > span[b-indbqnkd9b] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: var(--raio-medio);
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
    font-size: 0.7rem;
    font-weight: 800;
}

.configuracoes-cutoff__proximos li div[b-indbqnkd9b] {
    display: grid;
    gap: 0.1rem;
}

.configuracoes-cutoff__proximos li strong[b-indbqnkd9b] {
    font-size: 0.78rem;
}

.configuracoes-cutoff__proximos li small[b-indbqnkd9b],
.configuracoes-cutoff__validacao[b-indbqnkd9b] {
    color: var(--cor-texto-secundario);
    font-size: 0.73rem;
}

.configuracoes-cutoff__validacao[b-indbqnkd9b] {
    margin: var(--espacamento-4) 0 0;
}

@media (max-width: 760px) {
    .configuracoes-pagina[b-indbqnkd9b] {
        grid-template-columns: minmax(0, 1fr);
    }

    .configuracoes-categorias[b-indbqnkd9b] {
        position: static;
        grid-auto-flow: column;
        overflow-x: auto;
    }

    .configuracoes-pagina__percentual[b-indbqnkd9b] {
        grid-template-columns: 1fr;
    }

    .configuracoes-pagina__grade-cutoff[b-indbqnkd9b] {
        grid-template-columns: 1fr;
    }

    .configuracoes-cutoff__conteudo[b-indbqnkd9b] {
        grid-template-columns: 1fr;
    }

    .configuracoes-pagina__logo[b-indbqnkd9b] {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* Categoria "Trabalhos" — campos do card, abas de detalhe e editor de aba customizada */

.trabalhos-configuracao-card__campos[b-indbqnkd9b] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.trabalhos-configuracao-card__campo[b-indbqnkd9b] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 2.6rem;
    padding: 0.55rem 0.65rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    background: var(--cor-superficie);
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
    font-weight: 600;
    text-align: left;
}

.trabalhos-configuracao-card__campo.ativo[b-indbqnkd9b] {
    border-color: color-mix(in srgb, var(--cor-primaria) 62%, var(--cor-borda));
    background: color-mix(in srgb, var(--cor-primaria) 10%, var(--cor-superficie));
    color: var(--cor-texto);
}

.trabalhos-configuracao-card__campo[b-indbqnkd9b]  .icone-sistema {
    color: var(--cor-texto-secundario);
}

.trabalhos-configuracao-card__campo.ativo[b-indbqnkd9b]  .icone-sistema {
    color: var(--cor-primaria);
}

@media (max-width: 36rem) {
    .trabalhos-configuracao-card__campos[b-indbqnkd9b] {
        grid-template-columns: 1fr;
    }
}

.trabalhos-detalhes__configuracao-abas[b-indbqnkd9b] {
    display: grid;
    gap: 0.55rem;
}

.trabalhos-detalhes__configuracao-aba[b-indbqnkd9b] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.7rem;
    min-height: 3.1rem;
    padding: 0.65rem 0.7rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    background: var(--cor-superficie);
}

.trabalhos-detalhes__configuracao-aba-arrasto[b-indbqnkd9b] {
    display: inline-grid;
    place-items: center;
    color: var(--cor-texto-secundario);
    cursor: grab;
}

.trabalhos-detalhes__configuracao-aba-arrasto:active[b-indbqnkd9b] {
    cursor: grabbing;
}

.trabalhos-detalhes__configuracao-aba-arrasto--bloqueado[b-indbqnkd9b],
.trabalhos-detalhes__configuracao-aba-arrasto--bloqueado:active[b-indbqnkd9b] {
    cursor: default;
}

.trabalhos-detalhes__configuracao-aba-fixa[b-indbqnkd9b] {
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
    font-weight: 600;
    white-space: nowrap;
}

.trabalhos-detalhes__configuracao-aba-texto[b-indbqnkd9b] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.trabalhos-detalhes__configuracao-aba-texto strong[b-indbqnkd9b] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--cor-texto);
    font-size: 0.82rem;
}

.trabalhos-detalhes__configuracao-aba-texto small[b-indbqnkd9b] {
    color: var(--cor-texto-secundario);
    font-size: 0.7rem;
}

.trabalhos-detalhes__configuracao-aba-controle[b-indbqnkd9b] {
    display: inline-flex;
    position: relative;
    align-items: center;
    width: 2.35rem;
    height: 1.3rem;
    cursor: pointer;
}

.trabalhos-detalhes__configuracao-aba-controle input[b-indbqnkd9b] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.trabalhos-detalhes__configuracao-aba-switch[b-indbqnkd9b] {
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid var(--cor-borda-forte);
    border-radius: 999px;
    background: color-mix(in srgb, var(--cor-texto-secundario) 24%, var(--cor-superficie));
    transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.trabalhos-detalhes__configuracao-aba-switch[b-indbqnkd9b]::after {
    position: absolute;
    top: 0.15rem;
    left: 0.15rem;
    width: 0.82rem;
    height: 0.82rem;
    border-radius: 50%;
    background: var(--cor-texto-secundario);
    content: "";
    transition: transform 160ms ease, background 160ms ease;
}

.trabalhos-detalhes__configuracao-aba-switch.ativo[b-indbqnkd9b] {
    border-color: var(--cor-primaria);
    background: color-mix(in srgb, var(--cor-primaria) 72%, var(--cor-superficie));
}

.trabalhos-detalhes__configuracao-aba-switch.ativo[b-indbqnkd9b]::after {
    transform: translateX(1.05rem);
    background: #fff;
}

.trabalhos-detalhes__configuracao-aba-controle input:focus-visible + .trabalhos-detalhes__configuracao-aba-switch[b-indbqnkd9b] {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--cor-primaria) 34%, transparent);
}

.trabalhos-detalhes__configuracao-aba-acoes[b-indbqnkd9b] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.trabalhos-detalhes__configuracao-customizada[b-indbqnkd9b] {
    display: grid;
    gap: 0.75rem;
    padding: 0.85rem;
    margin-bottom: 0.75rem;
    border: 1px solid color-mix(in srgb, var(--cor-primaria) 35%, var(--cor-borda));
    border-radius: var(--raio-base);
    background: color-mix(in srgb, var(--cor-primaria) 5%, var(--cor-superficie));
}

.trabalhos-detalhes__configuracao-customizada-cabecalho[b-indbqnkd9b] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 7.5rem;
    align-items: end;
    gap: 0.75rem;
}

.trabalhos-detalhes__opcoes-aba-customizada[b-indbqnkd9b] {
    display: grid;
    gap: 0.45rem;
}

.trabalhos-detalhes__nova-opcao-aba-customizada[b-indbqnkd9b],
.trabalhos-detalhes__opcao-aba-customizada[b-indbqnkd9b] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.45rem;
}

.trabalhos-detalhes__lista-opcoes-aba-customizada[b-indbqnkd9b] {
    display: grid;
    gap: 0.35rem;
}

.trabalhos-detalhes__opcoes-aba-customizada-vazio[b-indbqnkd9b] {
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
}

@media (max-width: 36rem) {
    .trabalhos-detalhes__configuracao-customizada-cabecalho[b-indbqnkd9b] {
        grid-template-columns: 1fr;
    }
}

/* Categoria "Emails" — atalho de contas e gestão de categorias */

.formulario-email-categoria[b-indbqnkd9b] {
    display: grid;
    gap: var(--espacamento-4);
}

.configuracoes-categorias__conteudo .painel__cabecalho[b-indbqnkd9b] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
}

.configuracoes-emails__seletor-conta[b-indbqnkd9b] {
    max-width: 24rem;
    margin-bottom: var(--espacamento-4);
}

.configuracoes-emails__automacao-dica[b-indbqnkd9b] {
    margin: 0 0 var(--espacamento-4);
    color: var(--cor-texto-secundario);
    font-size: 0.875rem;
}

.configuracoes-emails__categoria-linha[b-indbqnkd9b] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 32rem);
    align-items: center;
    gap: var(--espacamento-4);
}

.configuracoes-emails__categoria-opcao[b-indbqnkd9b] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    min-width: 0;
}

.configuracoes-emails__categoria-opcao .selecao-padrao[b-indbqnkd9b] {
    flex: 1 1 auto;
    min-width: 0;
}

.configuracoes-emails__categoria-principal[b-indbqnkd9b] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-width: 0;
}

.configuracoes-emails__categoria-linha .lista-categorias__conteudo small[b-indbqnkd9b] {
    display: block;
    color: var(--cor-primaria);
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
}

.configuracoes-emails__categoria-acoes[b-indbqnkd9b] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.6rem;
    flex: 0 0 auto;
}

.configuracoes-emails__vinculo-linha[b-indbqnkd9b] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-3);
    align-items: stretch;
}

.configuracoes-emails__vinculo-filtros[b-indbqnkd9b] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: var(--espacamento-3);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-borda-2, 8px);
    background: var(--cor-fundo-suave, transparent);
}

.configuracoes-emails__vinculo-filtros-titulo[b-indbqnkd9b] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--cor-texto-secundario);
}

.configuracoes-emails__vinculo-filtros .configuracoes-emails__automacao-dica[b-indbqnkd9b] {
    margin: 0;
}

.configuracoes-emails__vinculo-filtro[b-indbqnkd9b] {
    display: grid;
    grid-template-columns: minmax(8rem, 12rem) minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.5rem;
}

@media (max-width: 600px) {
    .configuracoes-categorias__conteudo .painel__cabecalho[b-indbqnkd9b] {
        grid-template-columns: minmax(0, 1fr);
    }

    .configuracoes-emails__categoria-linha[b-indbqnkd9b] {
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
    }

    .configuracoes-emails__vinculo-filtro[b-indbqnkd9b] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* ===== Personalização da barra lateral ===== */

.barra-lateral-configuracao__guia[b-indbqnkd9b] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: 0.6rem;
    margin: 0 0 1rem;
    padding: 0;
    list-style: none;
}

.barra-lateral-configuracao__guia li[b-indbqnkd9b] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
    line-height: 1.3;
}

.barra-lateral-configuracao__guia-icone[b-indbqnkd9b] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: var(--raio-pequeno);
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
}

.barra-lateral-configuracao__layout[b-indbqnkd9b] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 17rem;
    gap: 1.25rem;
    align-items: start;
}

.barra-lateral-configuracao__editor[b-indbqnkd9b] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 0;
}

.barra-lateral-configuracao__grupos[b-indbqnkd9b] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ----- Grupo ----- */

.barra-lateral-configuracao__grupo[b-indbqnkd9b] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 0.8rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-grande);
    background: var(--cor-superficie-suave);
}

.barra-lateral-configuracao__grupo--arrastando[b-indbqnkd9b] {
    opacity: 0.5;
}

.barra-lateral-configuracao__grupo-cabecalho[b-indbqnkd9b] {
    display: flex;
    align-items: flex-end;
    gap: 0.6rem;
}

.barra-lateral-configuracao__grupo-arraste[b-indbqnkd9b],
.barra-lateral-configuracao__item-arraste[b-indbqnkd9b] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 1.6rem;
    height: 2.5rem;
    border-radius: var(--raio-pequeno);
    color: var(--cor-texto-suave);
    cursor: grab;
    touch-action: none;
}

.barra-lateral-configuracao__grupo-arraste:hover[b-indbqnkd9b],
.barra-lateral-configuracao__item-arraste:hover[b-indbqnkd9b] {
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
}

.barra-lateral-configuracao__grupo-arraste:active[b-indbqnkd9b],
.barra-lateral-configuracao__item-arraste:active[b-indbqnkd9b] {
    cursor: grabbing;
}

.barra-lateral-configuracao__grupo-campo[b-indbqnkd9b] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.barra-lateral-configuracao__grupo-campo small[b-indbqnkd9b] {
    color: var(--cor-texto-suave);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.barra-lateral-configuracao__grupo-titulo[b-indbqnkd9b] {
    width: 100%;
    min-width: 0;
    font-weight: 700;
}

.barra-lateral-configuracao__contador[b-indbqnkd9b] {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    height: 1.6rem;
    margin-bottom: 0.45rem;
    padding: 0 0.6rem;
    border-radius: 999px;
    background: var(--cor-superficie);
    border: 1px solid var(--cor-borda);
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
    font-weight: 600;
    white-space: nowrap;
}

.barra-lateral-configuracao__grupo-cabecalho .botao-icone[b-indbqnkd9b] {
    margin-bottom: 0.1rem;
}

.barra-lateral-configuracao__grupo-itens[b-indbqnkd9b] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    min-height: 2.8rem;
    margin: 0;
    padding: 0 0 0 0.35rem;
    border-left: 2px solid color-mix(in srgb, var(--cor-primaria) 25%, var(--cor-borda));
    list-style: none;
}

.barra-lateral-configuracao__grupo-vazio[b-indbqnkd9b] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2.8rem;
    padding: 0 0.75rem;
    border: 1px dashed var(--cor-borda-forte);
    border-radius: var(--raio-medio);
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
}

/* ----- Item (menu) ----- */

.barra-lateral-configuracao__item[b-indbqnkd9b] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.45rem 0.7rem 0.45rem 0.35rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
    transition: border-color 0.15s ease, opacity 0.15s ease;
}

.barra-lateral-configuracao__item:hover[b-indbqnkd9b] {
    border-color: var(--cor-borda-forte);
}

.barra-lateral-configuracao__item--oculto[b-indbqnkd9b] {
    background: transparent;
}

.barra-lateral-configuracao__item--oculto .barra-lateral-configuracao__icone-botao[b-indbqnkd9b],
.barra-lateral-configuracao__item--oculto .barra-lateral-configuracao__titulo[b-indbqnkd9b] {
    opacity: 0.55;
}

.barra-lateral-configuracao__item--arrastando[b-indbqnkd9b] {
    opacity: 0.5;
}

.barra-lateral-configuracao__item-arraste[b-indbqnkd9b] {
    height: 2.4rem;
}

.barra-lateral-configuracao__icone-botao[b-indbqnkd9b] {
    position: relative;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 2.7rem;
    height: 2.7rem;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--cor-primaria) 28%, var(--cor-borda));
    border-radius: var(--raio-medio);
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

.barra-lateral-configuracao__icone-botao:hover:not(:disabled)[b-indbqnkd9b],
.barra-lateral-configuracao__icone-botao:focus-visible[b-indbqnkd9b] {
    border-color: var(--cor-primaria);
    box-shadow: 0 0 0 3px var(--cor-primaria-suave);
    outline: 0;
}

.barra-lateral-configuracao__icone-botao:disabled[b-indbqnkd9b] {
    cursor: default;
}

.barra-lateral-configuracao__icone-editar[b-indbqnkd9b] {
    position: absolute;
    right: -0.3rem;
    bottom: -0.3rem;
    display: grid;
    place-items: center;
    width: 1.1rem;
    height: 1.1rem;
    border: 1px solid var(--cor-borda);
    border-radius: 50%;
    background: var(--cor-superficie-elevada);
    color: var(--cor-texto-secundario);
}

.barra-lateral-configuracao__titulo[b-indbqnkd9b] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
    margin: 0;
}

.barra-lateral-configuracao__titulo small[b-indbqnkd9b] {
    overflow: hidden;
    padding-left: 0.15rem;
    color: var(--cor-texto-suave);
    font-size: 0.7rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ----- Interruptor visível/oculto ----- */

.barra-lateral-configuracao__interruptor[b-indbqnkd9b] {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 0.5rem;
    min-width: 5.4rem;
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}

.barra-lateral-configuracao__interruptor input[b-indbqnkd9b] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.barra-lateral-configuracao__interruptor-trilho[b-indbqnkd9b] {
    position: relative;
    flex: 0 0 auto;
    width: 2.2rem;
    height: 1.25rem;
    border: 1px solid var(--cor-borda-forte);
    border-radius: 999px;
    background: var(--cor-superficie-suave);
    transition: background-color 0.18s ease, border-color 0.18s ease;
}

.barra-lateral-configuracao__interruptor-trilho[b-indbqnkd9b]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0.14rem;
    width: 0.85rem;
    height: 0.85rem;
    border-radius: 50%;
    background: var(--cor-texto-suave);
    transform: translateY(-50%);
    transition: left 0.18s ease, background-color 0.18s ease;
}

.barra-lateral-configuracao__interruptor input:checked + .barra-lateral-configuracao__interruptor-trilho[b-indbqnkd9b] {
    border-color: var(--cor-primaria);
    background: var(--cor-primaria);
}

.barra-lateral-configuracao__interruptor input:checked + .barra-lateral-configuracao__interruptor-trilho[b-indbqnkd9b]::after {
    left: calc(100% - 0.14rem - 0.85rem);
    background: #fff;
}

.barra-lateral-configuracao__interruptor input:checked ~ .barra-lateral-configuracao__interruptor-texto[b-indbqnkd9b] {
    color: var(--cor-texto);
}

.barra-lateral-configuracao__interruptor input:focus-visible + .barra-lateral-configuracao__interruptor-trilho[b-indbqnkd9b] {
    box-shadow: 0 0 0 3px var(--cor-primaria-suave);
}

.barra-lateral-configuracao__interruptor input:disabled + .barra-lateral-configuracao__interruptor-trilho[b-indbqnkd9b] {
    opacity: 0.55;
}

.barra-lateral-configuracao__interruptor--bloqueado[b-indbqnkd9b],
.barra-lateral-configuracao__interruptor:has(input:disabled)[b-indbqnkd9b] {
    cursor: not-allowed;
}

.barra-lateral-configuracao__salvamento[b-indbqnkd9b] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    color: var(--cor-texto-suave);
    font-size: 0.76rem;
}

/* ----- Pré-visualização ----- */

.barra-lateral-configuracao__previa[b-indbqnkd9b] {
    position: sticky;
    top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.9rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-grande);
    background: var(--cor-superficie-suave);
}

.barra-lateral-configuracao__previa h3[b-indbqnkd9b] {
    margin: 0;
    font-size: 0.9rem;
}

.barra-lateral-configuracao__previa p[b-indbqnkd9b] {
    margin: 0;
    color: var(--cor-texto-secundario);
    font-size: 0.74rem;
    line-height: 1.35;
}

.barra-lateral-configuracao__previa-menu[b-indbqnkd9b] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    max-height: 32rem;
    margin-top: 0.3rem;
    padding: 0.7rem 0.5rem;
    overflow-y: auto;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
}

.barra-lateral-configuracao__previa-grupo[b-indbqnkd9b] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.barra-lateral-configuracao__previa-titulo[b-indbqnkd9b] {
    padding: 0 0.5rem 0.25rem;
    color: var(--cor-texto-suave);
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.barra-lateral-configuracao__previa-item[b-indbqnkd9b] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.38rem 0.5rem;
    border-radius: var(--raio-pequeno);
    color: var(--cor-texto-secundario);
    font-size: 0.82rem;
}

.barra-lateral-configuracao__previa-item > span:last-child[b-indbqnkd9b] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 70rem) {
    .barra-lateral-configuracao__layout[b-indbqnkd9b] {
        grid-template-columns: minmax(0, 1fr);
    }

    .barra-lateral-configuracao__previa[b-indbqnkd9b] {
        position: static;
        order: -1;
    }

    .barra-lateral-configuracao__previa-menu[b-indbqnkd9b] {
        max-height: 14rem;
    }
}

@media (max-width: 36rem) {
    .barra-lateral-configuracao__item[b-indbqnkd9b] {
        flex-wrap: wrap;
    }

    .barra-lateral-configuracao__titulo[b-indbqnkd9b] {
        flex-basis: calc(100% - 7rem);
    }

    .barra-lateral-configuracao__interruptor[b-indbqnkd9b] {
        margin-left: auto;
    }

    .barra-lateral-configuracao__contador[b-indbqnkd9b] {
        display: none;
    }
}

.configuracoes-dashboard__paineis[b-indbqnkd9b] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: var(--espacamento-4);
}

.configuracoes-dashboard__painel[b-indbqnkd9b] {
    display: grid;
    gap: var(--espacamento-3);
    padding: var(--espacamento-4);
    border-radius: var(--raio-medio);
    border: 1px solid var(--cor-borda);
    background: var(--cor-fundo-secundario);
}

.configuracoes-dashboard__painel-cabecalho[b-indbqnkd9b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-2);
}

.configuracoes-dashboard__painel-cabecalho h3[b-indbqnkd9b] {
    margin: 0;
    font-size: 0.9rem;
}

.configuracoes-dashboard__painel-habilitado[b-indbqnkd9b] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.78rem;
    color: var(--cor-texto-secundario);
    white-space: nowrap;
}

.configuracoes-dashboard__colunas[b-indbqnkd9b] {
    display: grid;
    gap: 0.35rem;
}

.configuracoes-dashboard__coluna-opcao[b-indbqnkd9b] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.82rem;
}

.configuracoes-dashboard__coluna-cor[b-indbqnkd9b] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex: 0 0 auto;
}

/* ----- Aba Mapas: painel de consumo de requisicoes ----- */
.configuracoes-mapas__uso[b-indbqnkd9b] {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--cor-borda);
}

.configuracoes-mapas__uso-cabecalho[b-indbqnkd9b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.configuracoes-mapas__uso-cabecalho h3[b-indbqnkd9b] {
    margin: 0;
    font-size: 0.95rem;
}

.configuracoes-mapas__uso-periodo[b-indbqnkd9b] {
    margin: 0.2rem 0 0.9rem;
    font-size: 0.78rem;
    color: var(--cor-texto-suave, #8c96a5);
}

.configuracoes-mapas__cartoes[b-indbqnkd9b] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 0.85rem;
}

.configuracoes-mapas__cartao[b-indbqnkd9b] {
    border: 1px solid var(--cor-borda);
    border-radius: 8px;
    padding: 0.85rem 0.95rem;
    background: var(--cor-superficie-elevada, transparent);
}

.configuracoes-mapas__cartao--excedido[b-indbqnkd9b] {
    border-color: var(--cor-erro);
    background: color-mix(in srgb, var(--cor-erro) 8%, transparent);
}

.configuracoes-mapas__cartao-titulo[b-indbqnkd9b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.configuracoes-mapas__badge[b-indbqnkd9b] {
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--cor-primaria) 15%, transparent);
    color: var(--cor-primaria);
    white-space: nowrap;
}

.configuracoes-mapas__badge--erro[b-indbqnkd9b] {
    background: color-mix(in srgb, var(--cor-erro) 18%, transparent);
    color: var(--cor-erro);
}

.configuracoes-mapas__cartao-total[b-indbqnkd9b] {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0.35rem 0 0.6rem;
}

.configuracoes-mapas__cartao-total span[b-indbqnkd9b] {
    font-size: 0.74rem;
    font-weight: 500;
    color: var(--cor-texto-suave, #8c96a5);
    margin-left: 0.3rem;
}

.configuracoes-mapas__cartao-linhas[b-indbqnkd9b],
.configuracoes-mapas__usuarios ul[b-indbqnkd9b] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.3rem;
}

.configuracoes-mapas__cartao-linhas li[b-indbqnkd9b],
.configuracoes-mapas__usuarios li[b-indbqnkd9b] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    font-size: 0.8rem;
}

.configuracoes-mapas__cartao-linhas li span[b-indbqnkd9b],
.configuracoes-mapas__usuarios li span[b-indbqnkd9b] {
    color: var(--cor-texto-suave, #8c96a5);
}

.configuracoes-mapas__usuarios[b-indbqnkd9b] {
    margin-top: 0.7rem;
    padding-top: 0.6rem;
    border-top: 1px dashed var(--cor-borda);
}

.configuracoes-mapas__usuarios > span[b-indbqnkd9b] {
    display: block;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--cor-texto-suave, #8c96a5);
    margin-bottom: 0.35rem;
}

.configuracoes-plano__tabela[b-indbqnkd9b] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 0.9rem;
}

.configuracoes-plano__tabela th[b-indbqnkd9b],
.configuracoes-plano__tabela td[b-indbqnkd9b] {
    text-align: left;
    padding: 0.55rem 0.75rem;
    border-bottom: 1px solid var(--cor-borda);
    vertical-align: top;
}

.configuracoes-plano__tabela th[b-indbqnkd9b] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--cor-texto-suave, #8c96a5);
}

.configuracoes-plano__nota[b-indbqnkd9b] {
    display: block;
    margin-top: 0.15rem;
    color: var(--cor-texto-suave, #8c96a5);
}

.configuracoes-plano__estourado[b-indbqnkd9b] {
    color: #b42318;
    font-weight: 600;
}

.configuracoes-extras__checkboxes[b-indbqnkd9b] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem 1.75rem;
}

/* ===== Aba Plano e limites ===== */
.plano-topo[b-indbqnkd9b] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 2.5rem;
    align-items: flex-start;
    padding: 1rem 1.15rem;
    margin: 0.9rem 0 1.1rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-grande, 12px);
    background: var(--cor-superficie-suave, transparent);
}

.plano-topo__plano[b-indbqnkd9b],
.plano-topo__extras[b-indbqnkd9b] {
    display: grid;
    gap: 0.3rem;
}

.plano-topo__nome[b-indbqnkd9b] {
    font-size: 1.5rem;
    font-weight: 650;
}

.plano-rotulo[b-indbqnkd9b] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--cor-texto-suave, #8c96a5);
}

.plano-chips[b-indbqnkd9b] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.plano-chip[b-indbqnkd9b] {
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    font-size: 0.8rem;
    border: 1px solid var(--cor-borda);
    background: color-mix(in srgb, var(--cor-primaria, #4f8cff) 14%, transparent);
}

.plano-bloco[b-indbqnkd9b] {
    margin-bottom: 1.25rem;
    padding: 1rem 1.15rem 1.1rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-grande, 12px);
}

.plano-bloco__topo[b-indbqnkd9b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
}

.plano-bloco__topo h3[b-indbqnkd9b] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.plano-armazenamento[b-indbqnkd9b] {
    display: grid;
    gap: 0.7rem;
}

.plano-armazenamento__numeros[b-indbqnkd9b] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.5rem;
}

.plano-armazenamento__numeros strong[b-indbqnkd9b] {
    font-size: 1.9rem;
    font-weight: 650;
    line-height: 1;
}

.plano-armazenamento__numeros span[b-indbqnkd9b] {
    color: var(--cor-texto-secundario, #a8b3c4);
}

.plano-armazenamento__pct[b-indbqnkd9b] {
    margin-left: auto;
    font-style: normal;
    font-weight: 650;
}

.plano-barra[b-indbqnkd9b] {
    height: 0.4rem;
    border-radius: 999px;
    overflow: hidden;
    background: color-mix(in srgb, var(--cor-texto-suave, #8c96a5) 22%, transparent);
}

.plano-barra--grande[b-indbqnkd9b] {
    height: 0.75rem;
}

.plano-barra__preenchimento[b-indbqnkd9b] {
    height: 100%;
    border-radius: inherit;
    transition: width 0.35s ease;
}

.plano-cor--ok[b-indbqnkd9b] { background: var(--cor-sucesso, #19c98b); color: var(--cor-sucesso, #19c98b); }
.plano-cor--aviso[b-indbqnkd9b] { background: #e9a23b; color: #e9a23b; }
.plano-cor--perigo[b-indbqnkd9b] { background: var(--cor-erro, #f05d6f); color: var(--cor-erro, #f05d6f); }
.plano-cor--neutro[b-indbqnkd9b] { background: var(--cor-texto-suave, #8c96a5); color: var(--cor-texto-suave, #8c96a5); }
.plano-cor--marca[b-indbqnkd9b] { background: var(--cor-primaria, #4f8cff); }

.plano-armazenamento__pct.plano-cor--ok[b-indbqnkd9b],
.plano-armazenamento__pct.plano-cor--aviso[b-indbqnkd9b],
.plano-armazenamento__pct.plano-cor--perigo[b-indbqnkd9b],
.plano-armazenamento__pct.plano-cor--neutro[b-indbqnkd9b] {
    background: none;
}

.plano-cor--perigo-texto[b-indbqnkd9b] {
    color: var(--cor-erro, #f05d6f);
}

.plano-aviso[b-indbqnkd9b] {
    margin: 0;
    font-size: 0.85rem;
    color: #e9a23b;
}

.plano-aviso--perigo[b-indbqnkd9b] {
    color: var(--cor-erro, #f05d6f);
    font-weight: 600;
}

.plano-nota[b-indbqnkd9b] {
    font-size: 0.8rem;
    color: var(--cor-texto-suave, #8c96a5);
}

.plano-nota--rodape[b-indbqnkd9b] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 1.25rem;
    margin: 0.2rem 0 0;
    padding-top: 0.7rem;
    border-top: 1px dashed var(--cor-borda);
}

.plano-categorias[b-indbqnkd9b] {
    list-style: none;
    margin: 0.2rem 0 0;
    padding: 0;
    display: grid;
    gap: 0.7rem;
}

.plano-categorias__linha[b-indbqnkd9b] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.2rem 1rem;
    margin-bottom: 0.25rem;
    font-size: 0.9rem;
}

.plano-recursos[b-indbqnkd9b] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: 0.75rem;
}

.plano-recurso[b-indbqnkd9b] {
    display: grid;
    gap: 0.4rem;
    align-content: start;
    padding: 0.8rem 0.9rem;
    border: 1px solid var(--cor-borda);
    border-radius: 10px;
    background: var(--cor-superficie-suave, transparent);
}

.plano-recurso strong[b-indbqnkd9b] {
    font-size: 1.4rem;
    font-weight: 650;
    line-height: 1.1;
}

.plano-recurso strong small[b-indbqnkd9b] {
    font-size: 0.85rem;
    font-weight: 400;
    color: var(--cor-texto-suave, #8c96a5);
}

.configuracoes-pagina__previa-fonte[b-indbqnkd9b] {
    margin: var(--espacamento-2) 0 0;
    padding: var(--espacamento-3);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    background: var(--cor-superficie-suave);
    line-height: 1.5;
}
/* /Components/Paginas/ConstrutorBlocosSite.razor.rz.scp.css */
/* Tela de bloqueio no mobile: o editor por blocos (arrastar e soltar) não cabe em celular. */
.construtor-blocos__bloqueio-mobile[b-zp5ommovde] {
    display: none;
}

@media (max-width: 768px) {
    .construtor-blocos__bloqueio-mobile[b-zp5ommovde] {
        position: fixed;
        inset: 0;
        z-index: 900;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0.85rem;
        padding: 2rem 1.5rem;
        text-align: center;
        background: var(--cor-fundo);
        color: var(--cor-texto);
    }

    .construtor-blocos__bloqueio-mobile h2[b-zp5ommovde] {
        margin: 0;
        font-size: 1.15rem;
    }

    .construtor-blocos__bloqueio-mobile p[b-zp5ommovde] {
        margin: 0;
        max-width: 24rem;
        color: var(--cor-texto-secundario);
        font-size: 0.9rem;
    }

    .construtor-blocos[b-zp5ommovde] {
        display: none !important;
    }
}

.construtor-blocos[b-zp5ommovde] {
    position: fixed;
    inset: 0;
    z-index: 900;
    display: flex;
    flex-direction: column;
    background: var(--cor-fundo);
    color: var(--cor-texto);
}

/* ---------- Barra superior ---------- */

.construtor-blocos__barra[b-zp5ommovde] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-4);
    padding: var(--espacamento-2) var(--espacamento-4);
    border-bottom: 1px solid var(--cor-borda);
    background: var(--cor-superficie);
    flex-wrap: wrap;
}

.construtor-blocos__identidade[b-zp5ommovde] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    min-width: 0;
}

.construtor-blocos__identidade strong[b-zp5ommovde] {
    display: block;
    max-width: 14rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.construtor-blocos__slug[b-zp5ommovde] {
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
}

.construtor-blocos__voltar[b-zp5ommovde] {
    display: inline-flex;
    color: var(--cor-texto-secundario);
}

.construtor-blocos__voltar:hover[b-zp5ommovde] {
    color: var(--cor-texto);
}

.construtor-blocos__paginas[b-zp5ommovde] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    flex: 1 1 auto;
    min-width: 0;
}

.construtor-blocos__paginas[b-zp5ommovde]  .selecao-padrao {
    max-width: 20rem;
}

.construtor-blocos__acoes[b-zp5ommovde] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    margin-left: auto;
}

.construtor-blocos__estado[b-zp5ommovde] {
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
    margin-right: var(--espacamento-2);
}

.construtor-blocos__estado.pendente[b-zp5ommovde] {
    color: #d29922;
}

.botao-icone--perigo:hover:not(:disabled)[b-zp5ommovde] {
    color: var(--cor-erro, #c0362c);
}

.botao-icone--ativo[b-zp5ommovde] {
    background: var(--cor-primaria, #4f8cff);
    color: #fff;
}

.botao-icone--espelhado[b-zp5ommovde]  .icone-sistema,
.botao-icone--espelhado[b-zp5ommovde]  svg {
    transform: scaleX(-1);
}

.botao-secundario--pequeno[b-zp5ommovde] {
    padding: 4px 10px;
    font-size: 0.82rem;
}

/* ---------- Corpo em 3 colunas ---------- */

.construtor-blocos__corpo[b-zp5ommovde] {
    flex: 1 1 auto;
    display: flex;
    min-height: 0;
}

.construtor-blocos__esquerda[b-zp5ommovde],
.construtor-blocos__direita[b-zp5ommovde] {
    flex: none;
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: var(--cor-superficie);
}

.construtor-blocos__esquerda[b-zp5ommovde] {
    width: 288px;
    border-right: 1px solid var(--cor-borda);
}

.construtor-blocos__direita[b-zp5ommovde] {
    width: 348px;
    border-left: 1px solid var(--cor-borda);
}

/* Telas de notebook: painéis laterais mais estreitos para sobrar espaço ao preview. */
@media (max-width: 1280px) {
    .construtor-blocos__esquerda[b-zp5ommovde] {
        width: 232px;
    }

    .construtor-blocos__direita[b-zp5ommovde] {
        width: 296px;
    }

    .construtor-blocos__dica--barra[b-zp5ommovde] {
        display: none;
    }
}

.construtor-blocos__abas[b-zp5ommovde] {
    display: flex;
    border-bottom: 1px solid var(--cor-borda);
}

.construtor-blocos__abas button[b-zp5ommovde] {
    flex: 1;
    padding: var(--espacamento-3);
    background: none;
    border: 0;
    border-bottom: 2px solid transparent;
    color: var(--cor-texto-secundario);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

.construtor-blocos__abas button.ativa[b-zp5ommovde] {
    color: var(--cor-primaria);
    border-bottom-color: var(--cor-primaria);
}

.construtor-blocos__dica[b-zp5ommovde] {
    margin: 0;
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
    line-height: 1.4;
}

.construtor-blocos__dica--barra[b-zp5ommovde] {
    margin-left: auto;
}

.construtor-blocos__dica--global[b-zp5ommovde] {
    padding: var(--espacamento-2) var(--espacamento-3);
    border-radius: var(--raio-medio);
    background: color-mix(in srgb, var(--cor-primaria) 12%, transparent);
    color: var(--cor-texto);
}

/* ---------- Paleta ---------- */

.construtor-blocos__paleta[b-zp5ommovde] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: var(--espacamento-3);
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-4);
}

.construtor-blocos__paleta--modal[b-zp5ommovde] {
    max-height: 62vh;
}

.paleta-categoria h3[b-zp5ommovde] {
    margin: 0 0 var(--espacamento-2);
    font-size: 0.72rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--cor-texto-secundario);
}

.paleta-grade[b-zp5ommovde] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--espacamento-2);
}

.paleta-grade--larga[b-zp5ommovde] {
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
}

.paleta-bloco[b-zp5ommovde] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: var(--espacamento-3) var(--espacamento-2);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-fundo);
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.8rem;
    text-align: center;
    cursor: grab;
    transition: border-color 0.15s, transform 0.15s;
}

.paleta-bloco:hover[b-zp5ommovde] {
    border-color: var(--cor-primaria);
    transform: translateY(-1px);
}

.paleta-bloco:active[b-zp5ommovde] {
    cursor: grabbing;
}

.paleta-bloco[draggable="false"][b-zp5ommovde] {
    cursor: pointer;
}

.paleta-bloco--detalhe[b-zp5ommovde] {
    flex-direction: row;
    text-align: left;
    gap: var(--espacamento-3);
    cursor: pointer;
    align-items: flex-start;
}

.paleta-bloco--detalhe strong[b-zp5ommovde] {
    display: block;
}

.paleta-bloco--detalhe small[b-zp5ommovde] {
    display: block;
    color: var(--cor-texto-secundario);
    font-size: 0.75rem;
    margin-top: 2px;
}

/* ---------- Estrutura ---------- */

/* .construtor-blocos__estrutura é a raiz do componente ListaOrdenavel (fora do escopo desta página): ::deep a alcança a partir de .construtor-blocos__esquerda. */
.construtor-blocos__esquerda[b-zp5ommovde]  .construtor-blocos__estrutura {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: var(--espacamento-3);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.estrutura-linha[b-zp5ommovde] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    padding: var(--espacamento-2);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-fundo);
    cursor: pointer;
}

.estrutura-linha.ativa[b-zp5ommovde] {
    border-color: var(--cor-primaria);
    background: color-mix(in srgb, var(--cor-primaria) 10%, var(--cor-fundo));
}

.estrutura-linha.alvo[b-zp5ommovde] {
    box-shadow: 0 -3px 0 var(--cor-primaria);
}

.estrutura-linha--global[b-zp5ommovde] {
    border-style: dashed;
    cursor: pointer;
}

.estrutura-linha__alca[b-zp5ommovde] {
    width: 14px;
    color: var(--cor-texto-secundario);
    cursor: grab;
    display: inline-flex;
}

.estrutura-linha__texto[b-zp5ommovde] {
    min-width: 0;
    flex: 1;
}

.estrutura-linha__texto strong[b-zp5ommovde],
.estrutura-linha__texto small[b-zp5ommovde] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.estrutura-linha__texto small[b-zp5ommovde] {
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
}

/* ---------- Centro: preview ---------- */

.construtor-blocos__centro[b-zp5ommovde] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    background: color-mix(in srgb, var(--cor-texto) 8%, var(--cor-fundo));
}

.construtor-blocos__ferramentas[b-zp5ommovde] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-4);
    padding: var(--espacamento-2) var(--espacamento-4);
    border-bottom: 1px solid var(--cor-borda);
    background: var(--cor-superficie);
}

.construtor-blocos__dispositivos[b-zp5ommovde],
.construtor-blocos__historico[b-zp5ommovde] {
    display: flex;
    gap: 2px;
}

.construtor-blocos__palco[b-zp5ommovde] {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

/* Largura, altura e escala são definidas por construtor-blocos.js (largura "virtual" do dispositivo). */
.construtor-blocos__moldura[b-zp5ommovde] {
    position: relative;
    flex: none;
    width: 100%;
    height: 100%;
    background: #fff;
    box-shadow: 0 6px 28px rgba(0, 0, 0, 0.22);
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}

.construtor-blocos__iframe[b-zp5ommovde] {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background: #fff;
}

/* Camada por cima do iframe enquanto se arrasta um bloco da paleta. */
.construtor-blocos__soltar[b-zp5ommovde] {
    display: none;
    position: absolute;
    inset: 0;
    z-index: 5;
    background: rgba(37, 99, 235, 0.05);
}

/* InputFile renderiza o <input> dentro do componente dele (sem o escopo desta página): precisa de ::deep. */
.midia-modal[b-zp5ommovde]  .construtor-blocos__upload-oculto {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    opacity: 0;
    pointer-events: none;
}

/* ---------- Painel de propriedades ---------- */

.painel-cabecalho[b-zp5ommovde] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-2);
    padding: var(--espacamento-3) var(--espacamento-4);
    border-bottom: 1px solid var(--cor-borda);
}

.painel-cabecalho strong[b-zp5ommovde] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
}

.painel-cabecalho__acoes[b-zp5ommovde] {
    display: flex;
    gap: 2px;
}

.painel-corpo[b-zp5ommovde] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: var(--espacamento-4);
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-3);
}

.painel-vazio[b-zp5ommovde] {
    margin: auto;
    padding: var(--espacamento-5);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--espacamento-3);
    color: var(--cor-texto-secundario);
}

.painel-vazio h3[b-zp5ommovde] {
    margin: 0;
    color: var(--cor-texto);
    font-size: 1rem;
}

.painel-vazio p[b-zp5ommovde] {
    margin: 0;
    font-size: 0.85rem;
}

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

/* .itens-bloco é a raiz do componente ListaOrdenavel (fora do escopo desta página): ::deep a alcança a partir de .painel-corpo. */
.painel-corpo[b-zp5ommovde]  .itens-bloco {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-2);
    padding-top: var(--espacamento-3);
    border-top: 1px solid var(--cor-borda);
}

.itens-bloco__rodape[b-zp5ommovde] {
    display: flex;
    gap: var(--espacamento-2);
    flex-wrap: wrap;
}

.item-bloco[b-zp5ommovde] {
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-fundo);
}

.item-bloco.aberto[b-zp5ommovde] {
    border-color: var(--cor-primaria);
}

.item-bloco__topo[b-zp5ommovde] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    padding: var(--espacamento-2);
    cursor: pointer;
}

.item-bloco__miniatura[b-zp5ommovde] {
    width: 32px;
    height: 32px;
    object-fit: cover;
    border-radius: 6px;
    flex: none;
}

.item-bloco__resumo[b-zp5ommovde] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.85rem;
}

.item-bloco__acoes[b-zp5ommovde] {
    display: flex;
    flex: none;
}

/* Botões de ação compactos e sem moldura dentro de listas e do cabeçalho do painel. */
.item-bloco__acoes .botao-icone[b-zp5ommovde],
.painel-cabecalho__acoes .botao-icone[b-zp5ommovde] {
    width: 1.85rem;
    height: 1.85rem;
    border: 0;
    background: transparent;
    color: var(--cor-texto-secundario);
}

.item-bloco__acoes .botao-icone:hover:not(:disabled)[b-zp5ommovde],
.painel-cabecalho__acoes .botao-icone:hover:not(:disabled)[b-zp5ommovde] {
    background: var(--cor-superficie-suave);
    color: var(--cor-texto);
}

.item-bloco__acoes .botao-icone:disabled[b-zp5ommovde] {
    opacity: 0.3;
    cursor: default;
}

.item-bloco__topo[b-zp5ommovde] {
    border-radius: var(--raio-medio);
    transition: background-color 0.15s;
}

.item-bloco__topo:hover[b-zp5ommovde] {
    background: var(--cor-superficie-suave);
}

.estrutura-linha[b-zp5ommovde] {
    transition: border-color 0.15s, background-color 0.15s;
}

.estrutura-linha:hover[b-zp5ommovde] {
    border-color: var(--cor-primaria);
}

.paleta-bloco[b-zp5ommovde]  .icone-sistema {
    color: var(--cor-primaria);
}

.item-bloco__campos[b-zp5ommovde] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-3);
    padding: var(--espacamento-3);
    border-top: 1px solid var(--cor-borda);
}

/* ---------- Biblioteca de mídia ---------- */

.midia-modal[b-zp5ommovde] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-3);
}

.midia-modal__barra[b-zp5ommovde] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
}

.midia-modal__barra small[b-zp5ommovde] {
    color: var(--cor-texto-secundario);
}

.midia-modal__vazio[b-zp5ommovde] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--espacamento-2);
    padding: var(--espacamento-6, 2rem) var(--espacamento-4);
    border: 2px dashed var(--cor-borda);
    border-radius: var(--raio-medio);
    color: var(--cor-texto-secundario);
    text-align: center;
}

.midia-modal__vazio p[b-zp5ommovde] {
    margin: 0;
    font-size: 0.88rem;
}

.midia-modal__grade[b-zp5ommovde] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: var(--espacamento-2);
    max-height: 52vh;
    overflow-y: auto;
}

.midia-item[b-zp5ommovde] {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 2px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    font: inherit;
    color: inherit;
}

.midia-item:hover[b-zp5ommovde] {
    border-color: var(--cor-primaria);
}

.midia-item.selecionado[b-zp5ommovde] {
    border-color: var(--cor-primaria);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--cor-primaria) 35%, transparent);
}

.midia-item img[b-zp5ommovde],
.midia-item__video[b-zp5ommovde] {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--cor-fundo);
}

.midia-item__nome[b-zp5ommovde] {
    padding: 4px 6px;
    font-size: 0.72rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Estilos prontos no painel de tema */
.estilos-prontos[b-zp5ommovde] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--cor-borda);
}

.estilos-prontos small[b-zp5ommovde] {
    color: var(--cor-texto-secundario);
}

.estilos-prontos__grade[b-zp5ommovde] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
}

.estilos-prontos__item[b-zp5ommovde] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 0.4rem;
    background: var(--cor-superficie);
    color: var(--cor-texto);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    font: inherit;
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
}

.estilos-prontos__item:hover[b-zp5ommovde] {
    border-color: var(--cor-primaria);
}

.estilos-prontos__amostra[b-zp5ommovde] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 1.8rem;
    border: 1px solid var(--cor-borda);
    border-radius: 6px;
}

.estilos-prontos__amostra i[b-zp5ommovde] {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    display: inline-block;
}
/* /Components/Paginas/ConstrutorSite.razor.rz.scp.css */
/* Tela de bloqueio no mobile - ver ARQUITETURA_RESPONSIVIDADE.md. Edição de site
   (arrastar-e-soltar, GrapesJS) não é viável em tela de celular, então em vez de tentar
   encaixar o editor inteiro, mostra um aviso e um botão de volta. Some/aparece só por CSS
   (reage a resize e rotação em tempo real); o C# também evita montar o GrapesJS quando a
   tela já começa pequena (ver OnAfterRenderAsync). */
.construtor-site__bloqueio-mobile[b-tfhiy1e9wq] {
    display: none;
}

@media (max-width: 768px) {
    .construtor-site__bloqueio-mobile[b-tfhiy1e9wq] {
        position: fixed;
        inset: 0;
        z-index: 900;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0.85rem;
        padding: 2rem 1.5rem;
        text-align: center;
        background: var(--cor-fundo);
        color: var(--cor-texto);
    }

    .construtor-site__bloqueio-mobile h2[b-tfhiy1e9wq] {
        margin: 0;
        font-size: 1.15rem;
    }

    .construtor-site__bloqueio-mobile p[b-tfhiy1e9wq] {
        margin: 0;
        max-width: 24rem;
        color: var(--cor-texto-secundario);
        font-size: 0.9rem;
    }

    .construtor-site[b-tfhiy1e9wq] {
        display: none !important;
    }
}

.construtor-site[b-tfhiy1e9wq] {
    position: fixed;
    inset: 0;
    z-index: 900;
    display: flex;
    flex-direction: column;
    background: var(--cor-fundo);
    color: var(--cor-texto);

    /* Tema do GrapesJS = tema atual do Nexo. As variáveis --gjs-* são definidas aqui
       (ancestral de toda a UI do editor); como o valor herdado vem do ancestral mais
       próximo, isto sobrepõe o :root do grapes.min.css sem depender de ordem de carga.
       Os var(--cor-*) já reagem a [data-tema], então o editor acompanha claro/escuro. */
    --gjs-primary-color: var(--cor-superficie);
    --gjs-secondary-color: var(--cor-texto-secundario);
    --gjs-tertiary-color: var(--cor-primaria);
    --gjs-quaternary-color: var(--cor-primaria-hover);
    --gjs-font-color: var(--cor-texto-secundario);
    --gjs-font-color-active: var(--cor-texto);
    --gjs-color-highlight: var(--cor-primaria);
    --gjs-main-font: inherit;
    --gjs-color-blue: var(--cor-primaria);
    --gjs-color-red: var(--cor-erro);
    --gjs-color-green: var(--cor-sucesso);
    --gjs-color-yellow: var(--cor-alerta);
}

.construtor-site__barra[b-tfhiy1e9wq] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-4);
    padding: var(--espacamento-3) var(--espacamento-4);
    border-bottom: 1px solid var(--cor-borda);
    background: var(--cor-superficie);
    flex-wrap: wrap;
}

.construtor-site__identidade[b-tfhiy1e9wq] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    min-width: 0;
}

.construtor-site__identidade strong[b-tfhiy1e9wq] {
    display: block;
    max-width: 16rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.construtor-site__slug[b-tfhiy1e9wq] {
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
}

.construtor-site__voltar[b-tfhiy1e9wq] {
    display: inline-flex;
    color: var(--cor-texto-secundario);
}

.construtor-site__voltar:hover[b-tfhiy1e9wq] {
    color: var(--cor-texto);
}

.construtor-site__paginas[b-tfhiy1e9wq] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    flex: 1 1 auto;
    min-width: 0;
}

.construtor-site__paginas select[b-tfhiy1e9wq],
.construtor-site__paginas[b-tfhiy1e9wq]  .selecao-padrao {
    max-width: 22rem;
}

.construtor-site__rotulo[b-tfhiy1e9wq] {
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
}

.construtor-site__acoes[b-tfhiy1e9wq] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    margin-left: auto;
}

.construtor-site__pendente[b-tfhiy1e9wq] {
    color: #d29922;
    font-size: 1.1rem;
    line-height: 1;
}

.construtor-site__palco[b-tfhiy1e9wq] {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
}

.construtor-site__gjs[b-tfhiy1e9wq] {
    position: absolute;
    inset: 0;
}

.construtor-site__carregando[b-tfhiy1e9wq] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--cor-texto-secundario);
    z-index: 2;
}

.botao-icone--perigo:hover:not(:disabled)[b-tfhiy1e9wq] {
    color: var(--cor-erro, #c0362c);
}

.botao-icone--ativo[b-tfhiy1e9wq] {
    background: var(--cor-primaria, #4f8cff);
    color: #fff;
}

.construtor-site__manual[b-tfhiy1e9wq] {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 1px;
    background: var(--cor-borda);
}

.construtor-site__manual label[b-tfhiy1e9wq] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: var(--cor-superficie);
}

.construtor-site__manual label > span[b-tfhiy1e9wq] {
    padding: 6px 12px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: var(--cor-texto-secundario);
    border-bottom: 1px solid var(--cor-borda);
}

.construtor-site__codigo[b-tfhiy1e9wq] {
    flex: 1 1 auto;
    width: 100%;
    min-height: 120px;
    resize: none;
    border: 0;
    padding: 12px;
    font-family: "SFMono-Regular", ui-monospace, "Cascadia Mono", Consolas, monospace;
    font-size: 0.82rem;
    line-height: 1.5;
    color: var(--cor-texto);
    background: var(--cor-fundo);
    tab-size: 2;
}

.construtor-site__codigo:focus[b-tfhiy1e9wq] {
    outline: 2px solid var(--cor-primaria, #4f8cff);
    outline-offset: -2px;
}

.editor-codigo[b-tfhiy1e9wq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: var(--espacamento-4);
}

.editor-codigo__bloco[b-tfhiy1e9wq] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-2);
    border: 1px solid var(--cor-borda);
    border-radius: 8px;
    overflow: hidden;
}

.editor-codigo__cabecalho[b-tfhiy1e9wq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-2);
    padding: var(--espacamento-2) var(--espacamento-3);
    background: var(--cor-superficie);
    border-bottom: 1px solid var(--cor-borda);
}

.editor-codigo__cabecalho span[b-tfhiy1e9wq] {
    font-size: 0.8rem;
    color: var(--cor-texto-secundario);
}

.editor-codigo__bloco label[b-tfhiy1e9wq] {
    display: flex;
    flex-direction: column;
    padding: 0 var(--espacamento-3);
}

.editor-codigo__bloco label > span[b-tfhiy1e9wq] {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--cor-texto-secundario);
    margin: var(--espacamento-2) 0 2px;
}

.editor-codigo__bloco .construtor-site__codigo[b-tfhiy1e9wq] {
    min-height: 200px;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    margin-bottom: var(--espacamento-3);
}

.editor-formularios[b-tfhiy1e9wq] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-3);
}

.editor-formularios__vazio[b-tfhiy1e9wq] {
    color: var(--cor-texto-secundario);
}

.editor-formularios__lista[b-tfhiy1e9wq] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-2);
}

.editor-formularios__lista li[b-tfhiy1e9wq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-3);
    padding: var(--espacamento-3);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
}

.editor-formularios__lista small[b-tfhiy1e9wq] {
    display: block;
    color: var(--cor-texto-secundario);
}

.editor-formulario[b-tfhiy1e9wq] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-4);
}

.editor-formulario__campos[b-tfhiy1e9wq] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-2);
}

.editor-formulario__campo-item[b-tfhiy1e9wq] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-2);
}

/* InputFile oculto: acionado pelo <label for> na barra e pelo botão do GrapesJS. */
/* InputFile renderiza o <input> sem o escopo desta página: ::deep a partir do palco. */
.construtor-site__palco[b-tfhiy1e9wq]  .construtor-site__upload-oculto {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    opacity: 0;
    pointer-events: none;
}

/* <label> reaproveitando o visual de .botao-icone. */
.construtor-site__upload-botao[b-tfhiy1e9wq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.editor-formulario__campo-opcoes[b-tfhiy1e9wq] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: var(--espacamento-2) 0 var(--espacamento-2) var(--espacamento-3);
    border-left: 2px solid var(--cor-borda);
}

.editor-formulario__campo-opcoes label[b-tfhiy1e9wq] {
    font-size: 0.78rem;
    color: var(--cor-texto-secundario);
}

.editor-formulario__campo-opcoes textarea[b-tfhiy1e9wq] {
    resize: vertical;
    min-height: 64px;
    font-family: inherit;
}

.editor-formulario__campos-cabecalho[b-tfhiy1e9wq],
.editor-formulario__campo-linha[b-tfhiy1e9wq] {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1.2fr) auto auto;
    gap: var(--espacamento-2);
    align-items: center;
}

.editor-formulario__campos-cabecalho[b-tfhiy1e9wq] {
    font-size: 0.78rem;
    color: var(--cor-texto-secundario);
}

.editor-formulario__obrigatorio[b-tfhiy1e9wq] {
    display: flex;
    justify-content: center;
}

.editor-formulario__ativo[b-tfhiy1e9wq] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
}

.botao-secundario--pequeno[b-tfhiy1e9wq] {
    align-self: flex-start;
    padding: 4px 10px;
    font-size: 0.82rem;
}
/* /Components/Paginas/Dashboard.razor.rz.scp.css */
.layout-pagina[b-lty4ku027t] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-5);
    min-height: 0;
}

.layout-pagina[b-lty4ku027t]  .cabecalho-pagina {
    flex: 0 0 auto;
}

.painel[b-lty4ku027t] {
    display: grid;
    gap: var(--espacamento-4);
    padding: var(--espacamento-5);
    border-radius: var(--raio-grande);
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.painel--estado[b-lty4ku027t] {
    max-width: 38rem;
}

/* ------------------------------------------------------------------
   Grade de elementos: 12 colunas fixas (minmax(0, 1fr) impede que o conteúdo alargue a
   coluna), então a soma das larguras de uma linha nunca passa de 12 e não há rolagem horizontal.
   Cada elemento ocupa --dash-col colunas × --dash-lin linhas e os elementos fluem em ordem,
   ficando lado a lado enquanto couberem.
   ------------------------------------------------------------------ */
.dashboard-corpo[b-lty4ku027t] {
    display: block;
    min-width: 0;
}

.dashboard-corpo--edicao[b-lty4ku027t] {
    display: grid;
    grid-template-columns: 17rem minmax(0, 1fr);
    gap: var(--espacamento-4);
    align-items: start;
}

.dashboard-grade-area[b-lty4ku027t] {
    min-width: 0;
}

.dashboard-grade[b-lty4ku027t] {
    --dash-gap: 0.75rem;
    --dash-linha: 3.5rem;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-rows: var(--dash-linha);
    gap: var(--dash-gap);
    width: 100%;
    min-width: 0;
}

.dashboard-elemento[b-lty4ku027t] {
    position: relative;
    grid-column: span var(--dash-col, 4);
    grid-row: span var(--dash-lin, 4);
    min-width: 0;
    min-height: 0;
}

/* Em edição a grade mantém exatamente a mesma geometria (o redimensionamento calcula colunas
   a partir da largura dela), então o destaque é só um contorno por fora. */
.dashboard-grade--edicao[b-lty4ku027t] {
    outline: 2px dashed var(--cor-borda);
    outline-offset: 0.4rem;
    border-radius: var(--raio-grande);
}

/* Capa de edição: cobre o elemento (bloqueando cliques no conteúdo), seleciona e arrasta. */
.dashboard-elemento__capa[b-lty4ku027t] {
    position: absolute;
    inset: 0;
    z-index: 2;
    border-radius: var(--raio-grande);
    border: 2px solid transparent;
    background: color-mix(in srgb, var(--cor-primaria) 4%, transparent);
    cursor: grab;
    transition: border-color 0.12s ease, background 0.12s ease;
}

.dashboard-elemento:hover .dashboard-elemento__capa[b-lty4ku027t] {
    border-color: color-mix(in srgb, var(--cor-primaria) 50%, transparent);
}

.dashboard-elemento--selecionado .dashboard-elemento__capa[b-lty4ku027t] {
    border-color: var(--cor-primaria);
    background: color-mix(in srgb, var(--cor-primaria) 8%, transparent);
}

.dashboard-elemento--alvo .dashboard-elemento__capa[b-lty4ku027t] {
    border-color: var(--cor-primaria);
    box-shadow: -6px 0 0 0 var(--cor-primaria);
}

.dashboard-elemento__rotulo[b-lty4ku027t] {
    position: absolute;
    top: 0.4rem;
    left: 0.4rem;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    max-width: calc(100% - 5rem);
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    background: var(--cor-primaria);
    color: #fff;
    font-size: 0.72rem;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
}

.dashboard-elemento__acoes[b-lty4ku027t] {
    position: absolute;
    top: 0.3rem;
    right: 0.3rem;
    display: none;
    gap: 0.2rem;
    cursor: default;
}

.dashboard-elemento:hover .dashboard-elemento__acoes[b-lty4ku027t],
.dashboard-elemento--selecionado .dashboard-elemento__acoes[b-lty4ku027t] {
    display: inline-flex;
}

.dashboard-elemento__redimensionar[b-lty4ku027t] {
    position: absolute;
    right: 2px;
    bottom: 2px;
    width: 1.3rem;
    height: 1.3rem;
    cursor: nwse-resize;
    touch-action: none;
    border-radius: 0 0 var(--raio-grande) 0;
    background:
        linear-gradient(135deg, transparent 50%, var(--cor-primaria) 50%, var(--cor-primaria) 58%, transparent 58%, transparent 72%, var(--cor-primaria) 72%, var(--cor-primaria) 80%, transparent 80%);
}

.dashboard-soltar-fim[b-lty4ku027t] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
    border-radius: var(--raio-grande);
    border: 2px dashed var(--cor-borda);
    color: var(--cor-texto-secundario);
    font-size: 0.85rem;
    transition: border-color 0.12s ease, color 0.12s ease;
}

.dashboard-soltar-fim--alvo[b-lty4ku027t] {
    border-color: var(--cor-primaria);
    color: var(--cor-primaria);
}

/* ---------- Lateral do editor ---------- */
.dashboard-lateral[b-lty4ku027t] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-4);
    position: sticky;
    top: 0;
    max-height: calc(100dvh - 57px - 4rem);
    overflow-y: auto;
    padding: var(--espacamento-4);
    border-radius: var(--raio-grande);
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
    box-sizing: border-box;
}

.dashboard-lateral__secao[b-lty4ku027t] {
    display: grid;
    gap: var(--espacamento-3);
}

.dashboard-lateral__secao h3[b-lty4ku027t] {
    margin: 0;
    font-size: 0.9rem;
}

.dashboard-lateral__dica[b-lty4ku027t] {
    margin: 0;
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
}

.dashboard-lateral__acoes[b-lty4ku027t] {
    display: flex;
    gap: var(--espacamento-2);
}

.dashboard-paleta[b-lty4ku027t] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--espacamento-2);
}

.dashboard-paleta__item[b-lty4ku027t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    padding: 0.7rem 0.4rem;
    border-radius: var(--raio-medio);
    border: 1px solid var(--cor-borda);
    background: var(--cor-fundo-secundario);
    color: var(--cor-texto);
    font-size: 0.78rem;
    font-weight: 600;
    text-align: center;
    cursor: grab;
    transition: border-color 0.12s ease, background 0.12s ease;
}

.dashboard-paleta__item:hover[b-lty4ku027t] {
    border-color: var(--cor-primaria);
    background: var(--cor-primaria-suave);
}

.dashboard-tamanho[b-lty4ku027t] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--espacamento-3);
}

.dashboard-tamanho__campo[b-lty4ku027t] {
    display: grid;
    gap: 0.3rem;
    font-size: 0.8rem;
    color: var(--cor-texto-secundario);
}

.dashboard-tamanho__controle[b-lty4ku027t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.3rem;
}

.dashboard-tamanho__controle strong[b-lty4ku027t] {
    color: var(--cor-texto);
    min-width: 1.5rem;
    text-align: center;
}

.dashboard-colunas[b-lty4ku027t] {
    display: grid;
    gap: 0.3rem;
    max-height: 12rem;
    overflow-y: auto;
}

.dashboard-colunas__opcao[b-lty4ku027t] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.85rem;
}

.dashboard-colunas__cor[b-lty4ku027t] {
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 50%;
    flex: 0 0 auto;
}

/* ---------- Telas estreitas ---------- */
@media (max-width: 1100px) {
    .dashboard-corpo--edicao[b-lty4ku027t] {
        grid-template-columns: minmax(0, 1fr);
    }

    .dashboard-lateral[b-lty4ku027t] {
        position: static;
        max-height: none;
    }
}

@media (max-width: 760px) {
    /* Celular: um elemento por linha e sem edição (o editor exige mouse e espaço). */
    .dashboard-grade[b-lty4ku027t] {
        grid-template-columns: minmax(0, 1fr);
    }

    .dashboard-elemento[b-lty4ku027t] {
        grid-column: 1 / -1;
    }

    .dashboard-personalizar[b-lty4ku027t] {
        display: none;
    }
}
/* /Components/Paginas/EditorPlantaImovel.razor.rz.scp.css */
.planta[b-cidhs88ec3] {
    min-width: 0;
}

/* ---------- Cartões (aba Cômodos) ---------- */
.planta-cartao[b-cidhs88ec3] {
    display: grid;
    gap: var(--espacamento-2);
    padding: var(--espacamento-3) var(--espacamento-4);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
}

.planta-cartao__titulo[b-cidhs88ec3] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    font-size: 0.92rem;
}

.planta-ajuda[b-cidhs88ec3] {
    margin: 0;
    color: var(--cor-texto-secundario);
    font-size: 0.76rem;
    line-height: 1.35;
}

.planta-alerta[b-cidhs88ec3] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0;
    color: var(--cor-erro);
    font-size: 0.78rem;
    font-weight: 600;
}

.planta-resumo[b-cidhs88ec3] {
    display: grid;
    gap: 0.25rem;
    margin: 0;
}

.planta-resumo > div[b-cidhs88ec3] {
    display: flex;
    justify-content: space-between;
    gap: var(--espacamento-2);
    font-size: 0.84rem;
}

.planta-resumo dt[b-cidhs88ec3] {
    color: var(--cor-texto-secundario);
}

.planta-resumo dd[b-cidhs88ec3] {
    margin: 0;
    font-weight: 700;
}

/* ---------- Cores por tipo de cômodo ---------- */
.planta-comodo--quarto[b-cidhs88ec3] { --planta-cor: #3b82f6; }
.planta-comodo--suite[b-cidhs88ec3] { --planta-cor: #6366f1; }
.planta-comodo--banheiro[b-cidhs88ec3] { --planta-cor: #14b8a6; }
.planta-comodo--lavabo[b-cidhs88ec3] { --planta-cor: #06b6d4; }
.planta-comodo--sala[b-cidhs88ec3] { --planta-cor: #f59e0b; }
.planta-comodo--cozinha[b-cidhs88ec3] { --planta-cor: #f97316; }
.planta-comodo--varanda[b-cidhs88ec3] { --planta-cor: #22c55e; }
.planta-comodo--areaServico[b-cidhs88ec3] { --planta-cor: #94a3b8; }
.planta-comodo--escritorio[b-cidhs88ec3] { --planta-cor: #a855f7; }
.planta-comodo--garagem[b-cidhs88ec3] { --planta-cor: #64748b; }
.planta-comodo--outro[b-cidhs88ec3] { --planta-cor: #78716c; }
.planta-comodo--corredor[b-cidhs88ec3] { --planta-cor: #a8a29e; }

/* ---------- Contadores (quantos de cada cômodo) ---------- */
.planta-contadores[b-cidhs88ec3] {
    display: grid;
    gap: 0.2rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.planta-contador[b-cidhs88ec3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-2);
    padding: 0.2rem 0.3rem 0.2rem 0.5rem;
    border-radius: var(--raio-medio);
}

.planta-contador:hover[b-cidhs88ec3] {
    background: var(--cor-superficie-suave);
}

.planta-contador__rotulo[b-cidhs88ec3] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
    font-size: 0.86rem;
}

.planta-contador__cor[b-cidhs88ec3] {
    flex: 0 0 auto;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background: var(--planta-cor);
}

.planta-contador__controle[b-cidhs88ec3] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.planta-contador__botao[b-cidhs88ec3] {
    display: inline-grid;
    place-items: center;
    width: 1.65rem;
    height: 1.65rem;
    padding: 0;
    border: 1px solid var(--cor-borda);
    border-radius: 50%;
    background: var(--cor-superficie);
    color: var(--cor-texto);
    font-size: 1.05rem;
    line-height: 1;
    cursor: pointer;
}

.planta-contador__botao:hover:not(:disabled)[b-cidhs88ec3] {
    border-color: var(--cor-primaria);
    color: var(--cor-primaria);
}

.planta-contador__botao:disabled[b-cidhs88ec3] {
    opacity: 0.4;
    cursor: not-allowed;
}

.planta-contador__valor[b-cidhs88ec3] {
    min-width: 1.6rem;
    text-align: center;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

/* ---------- Barra, bandeja ---------- */
.planta-barra[b-cidhs88ec3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-3);
}

.planta-barra__texto[b-cidhs88ec3] {
    display: grid;
    min-width: 0;
}

.planta-barra__texto small[b-cidhs88ec3] {
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
}

.planta-barra__acoes[b-cidhs88ec3] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    flex: 0 0 auto;
}

.planta-bandeja[b-cidhs88ec3] {
    display: grid;
    gap: var(--espacamento-2);
    padding: var(--espacamento-3);
    border: 1px dashed var(--cor-borda-forte);
    border-radius: var(--raio-medio);
    background: var(--cor-fundo-secundario);
}

.planta-bandeja__cabecalho[b-cidhs88ec3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-3);
    font-size: 0.86rem;
}

.planta-bandeja__itens[b-cidhs88ec3] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espacamento-2);
}

.planta-ficha[b-cidhs88ec3] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.3rem 0.6rem 0.3rem 0.3rem;
    border: 1px solid var(--cor-borda);
    border-left: 4px solid var(--planta-cor);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
    font-size: 0.84rem;
    cursor: grab;
    user-select: none;
    touch-action: none;
}

.planta-ficha:hover[b-cidhs88ec3],
.planta-ficha--ativa[b-cidhs88ec3] {
    border-color: var(--planta-cor);
    box-shadow: var(--sombra-cartao);
}

.planta-ficha__arrasto[b-cidhs88ec3] {
    display: inline-grid;
    place-items: center;
    color: var(--cor-texto-secundario);
}

.planta-ficha__nome[b-cidhs88ec3] {
    font-weight: 600;
}

.planta-ficha small[b-cidhs88ec3] {
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
}

/* Cópia que acompanha o ponteiro (criada pelo JavaScript, no <body>). */
.planta-ficha.planta-fantasma[b-cidhs88ec3] {
    position: fixed;
    z-index: 100000;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0.2rem;
    border: 3px solid color-mix(in srgb, var(--planta-cor) 80%, #000);
    background: color-mix(in srgb, var(--planta-cor) 30%, var(--cor-superficie-elevada));
    opacity: 0.85;
    pointer-events: none;
    box-shadow: 0 8px 24px rgb(0 0 0 / 0.25);
}

.planta-fantasma small[b-cidhs88ec3],
.planta-fantasma .planta-ficha__arrasto[b-cidhs88ec3] {
    display: none;
}

/* ---------- Planta (régua + grade + cômodos) ---------- */
.planta-rolagem[b-cidhs88ec3] {
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding: var(--espacamento-4);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-fundo-secundario);
}

.planta-moldura[b-cidhs88ec3] {
    --planta-linha: color-mix(in srgb, var(--cor-borda) 60%, transparent);
    --planta-linha-forte: color-mix(in srgb, var(--cor-borda-forte) 80%, transparent);
    display: grid;
    grid-template-columns: 1.7rem max-content;
    grid-template-rows: 1.4rem max-content;
    width: max-content;
}

.planta-regua[b-cidhs88ec3] {
    position: relative;
    color: var(--cor-texto-secundario);
    font-size: 0.66rem;
    font-variant-numeric: tabular-nums;
    user-select: none;
}

.planta-regua span[b-cidhs88ec3] {
    position: absolute;
}

.planta-regua--x span[b-cidhs88ec3] {
    bottom: 0.1rem;
    transform: translateX(-50%);
}

.planta-regua--x span:first-child[b-cidhs88ec3] {
    transform: translateX(0);
}

.planta-regua--y span[b-cidhs88ec3] {
    right: 0.3rem;
    transform: translateY(-50%);
}

.planta-regua--y span:first-child[b-cidhs88ec3] {
    transform: translateY(0);
}

.planta-palco[b-cidhs88ec3] {
    position: relative;
    box-sizing: content-box;
    border: 2px solid var(--cor-borda-forte);
    background-color: var(--cor-superficie);
    background-image:
        linear-gradient(to right, var(--planta-linha-forte) 1px, transparent 1px),
        linear-gradient(to bottom, var(--planta-linha-forte) 1px, transparent 1px),
        linear-gradient(to right, var(--planta-linha) 1px, transparent 1px),
        linear-gradient(to bottom, var(--planta-linha) 1px, transparent 1px);
    background-size:
        var(--escala) var(--escala),
        var(--escala) var(--escala),
        calc(var(--escala) / 2) calc(var(--escala) / 2),
        calc(var(--escala) / 2) calc(var(--escala) / 2);
    touch-action: pan-x pan-y;
}

.planta-palco__vazio[b-cidhs88ec3] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    margin: 0;
    padding: var(--espacamento-4);
    color: var(--cor-texto-secundario);
    font-size: 0.9rem;
    text-align: center;
    pointer-events: none;
}

.planta-palco[b-cidhs88ec3]  .planta-previa {
    position: absolute;
    z-index: 5;
    box-sizing: border-box;
    border: 2px dashed var(--cor-primaria);
    background: color-mix(in srgb, var(--cor-primaria) 14%, transparent);
    pointer-events: none;
}

/* Cômodo: piso colorido + paredes grossas, como numa planta baixa. */
.planta-comodo[b-cidhs88ec3] {
    --planta-parede: color-mix(in srgb, var(--planta-cor) 72%, #000);
    position: absolute;
    box-sizing: border-box;
    container-type: size;
    overflow: hidden;
    border: 4px solid var(--planta-parede);
    background:
        linear-gradient(135deg, rgb(255 255 255 / 0.07), transparent 55%),
        color-mix(in srgb, var(--planta-cor) 30%, var(--cor-superficie-elevada));
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.1), 0 2px 8px rgb(0 0 0 / 0.22);
    color: var(--cor-texto);
    cursor: grab;
    user-select: none;
    touch-action: none;
}

.planta-comodo:hover[b-cidhs88ec3] {
    background:
        linear-gradient(135deg, rgb(255 255 255 / 0.1), transparent 55%),
        color-mix(in srgb, var(--planta-cor) 38%, var(--cor-superficie-elevada));
}

.planta-comodo--ativo[b-cidhs88ec3] {
    z-index: 3;
    border-color: var(--cor-primaria);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--cor-primaria) 45%, transparent), 0 6px 18px rgb(0 0 0 / 0.3);
}

.planta-comodo--arrastando[b-cidhs88ec3] {
    z-index: 6;
    opacity: 0.88;
    cursor: grabbing;
    box-shadow: 0 12px 28px rgb(0 0 0 / 0.35);
}

.planta-comodo--sobreposto[b-cidhs88ec3] {
    border-color: var(--cor-erro);
    border-style: dashed;
    background-image: repeating-linear-gradient(135deg, transparent 0 8px, color-mix(in srgb, var(--cor-erro) 20%, transparent) 8px 16px);
}

/* Nome, ícone e área no centro do cômodo. */
.planta-comodo__centro[b-cidhs88ec3] {
    position: absolute;
    inset: 0;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 0.1rem;
    padding: 1.2rem 1.3rem;
    text-align: center;
    pointer-events: none;
}

.planta-comodo__icone[b-cidhs88ec3] {
    display: inline-grid;
    color: color-mix(in srgb, var(--planta-cor) 55%, var(--cor-texto));
    opacity: 0.9;
}

.planta-comodo__nome[b-cidhs88ec3] {
    max-width: 100%;
    overflow: hidden;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.planta-comodo__medidas[b-cidhs88ec3] {
    color: var(--cor-texto-secundario);
    font-size: 0.7rem;
    font-weight: 600;
    line-height: 1.2;
}

/* Cotas estilo planta técnica: linha fina com marcas nas pontas e o valor no meio (sem fundo arredondado). */
.planta-comodo__cota[b-cidhs88ec3] {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: color-mix(in srgb, var(--cor-texto) 70%, transparent);
    font-size: 0.62rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    line-height: 1;
    pointer-events: none;
    white-space: nowrap;
}

.planta-comodo__cota[b-cidhs88ec3]::before,
.planta-comodo__cota[b-cidhs88ec3]::after {
    content: "";
    flex: 1 1 0;
    min-width: 0.3rem;
    opacity: 0.55;
}

.planta-comodo__cota--x[b-cidhs88ec3] {
    top: 3px;
    right: 4px;
    left: 4px;
}

.planta-comodo__cota--x[b-cidhs88ec3]::before {
    height: 7px;
    background:
        linear-gradient(currentColor, currentColor) left center / 1px 100% no-repeat,
        linear-gradient(currentColor, currentColor) left center / 100% 1px no-repeat;
}

.planta-comodo__cota--x[b-cidhs88ec3]::after {
    height: 7px;
    background:
        linear-gradient(currentColor, currentColor) right center / 1px 100% no-repeat,
        linear-gradient(currentColor, currentColor) right center / 100% 1px no-repeat;
}

/* Cota vertical: o eixo principal do flex vira o vertical (writing-mode); a marca da ponta fica no extremo externo. */
.planta-comodo__cota--y[b-cidhs88ec3] {
    top: 4px;
    bottom: 4px;
    left: 3px;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

.planta-comodo__cota--y[b-cidhs88ec3]::before,
.planta-comodo__cota--y[b-cidhs88ec3]::after {
    block-size: 7px;
}

.planta-comodo__cota--y[b-cidhs88ec3]::before {
    background:
        linear-gradient(currentColor, currentColor) center center / 1px 100% no-repeat,
        linear-gradient(currentColor, currentColor) center top / 100% 1px no-repeat;
}

.planta-comodo__cota--y[b-cidhs88ec3]::after {
    background:
        linear-gradient(currentColor, currentColor) center center / 1px 100% no-repeat,
        linear-gradient(currentColor, currentColor) center bottom / 100% 1px no-repeat;
}

/*
 * Cômodos pequenos se adaptam ao tamanho que têm (as medidas são do conteúdo do cômodo, sem as paredes):
 *  - ≤ 84px de largura: some a cota de cima; ≤ 100px: some a cota lateral e o nome pode quebrar em até 3 linhas;
 *  - estreito e alto (≤ 66px × ≥ 80px): nome e área viram texto vertical, lendo de baixo para cima;
 *  - baixo (≤ 84px de altura): some o ícone; muito baixo (≤ 48px): some a área.
 * O nome completo sempre aparece ao passar o mouse (title).
 */
.planta-comodo__nome[b-cidhs88ec3],
.planta-comodo__medidas[b-cidhs88ec3] {
    min-width: 0;
}

.planta-comodo__medidas[b-cidhs88ec3] {
    white-space: nowrap;
}

@container (max-width: 100px) {
    .planta-comodo__cota--y[b-cidhs88ec3] { display: none; }

    .planta-comodo__centro[b-cidhs88ec3] {
        padding-inline: 0.3rem;
    }

    .planta-comodo__nome[b-cidhs88ec3] {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        font-size: 0.7rem;
        line-height: 1.12;
        overflow-wrap: anywhere;
        text-wrap: balance;
        white-space: normal;
    }

    .planta-comodo__medidas[b-cidhs88ec3] {
        font-size: 0.64rem;
    }

    .planta-comodo__icone[b-cidhs88ec3] {
        zoom: 0.8;
    }
}

@container (max-width: 84px) {
    .planta-comodo__cota--x[b-cidhs88ec3] { display: none; }

    .planta-comodo__centro[b-cidhs88ec3] {
        padding-block: 0.25rem;
    }
}

@container (max-height: 84px) {
    .planta-comodo__cota--y[b-cidhs88ec3] { display: none; }
    .planta-comodo__icone[b-cidhs88ec3] { display: none; }
    .planta-comodo__centro[b-cidhs88ec3] { padding-block: 0.2rem; }
}

@container (max-height: 48px) {
    .planta-comodo__medidas[b-cidhs88ec3] { display: none; }
}

@container (max-width: 66px) and (min-height: 80px) {
    .planta-comodo__centro[b-cidhs88ec3] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 0.35rem;
        padding: 0.3rem;
    }

    .planta-comodo__icone[b-cidhs88ec3] { display: none; }

    .planta-comodo__nome[b-cidhs88ec3],
    .planta-comodo__medidas[b-cidhs88ec3] {
        display: block;
        max-height: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        transform: rotate(180deg);
        white-space: nowrap;
        writing-mode: vertical-rl;
        -webkit-line-clamp: unset;
    }
}

.planta-comodo__alca[b-cidhs88ec3] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1.05rem;
    height: 1.05rem;
    background: linear-gradient(135deg, transparent 50%, var(--planta-parede) 50%);
    cursor: nwse-resize;
    touch-action: none;
}

.planta-comodo--ativo .planta-comodo__alca[b-cidhs88ec3] {
    background: linear-gradient(135deg, transparent 50%, var(--cor-primaria) 50%);
}

/* Arrastar um cômodo da planta até a bandeja tira ele da planta. */
.planta-bandeja[b-cidhs88ec3] {
    transition: border-color 0.12s, background-color 0.12s;
}

.planta-bandeja--alvo[b-cidhs88ec3] {
    border-color: var(--cor-primaria);
    border-style: solid;
    background: color-mix(in srgb, var(--cor-primaria) 12%, var(--cor-fundo-secundario));
}

.planta-comodo--saindo[b-cidhs88ec3] {
    opacity: 0.45;
}

/* ---------- Galeria de modelos prontos de planta ---------- */
.modelos-planta__filtros[b-cidhs88ec3] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espacamento-2);
    margin-bottom: var(--espacamento-3);
}

.modelos-planta__filtro[b-cidhs88ec3] {
    padding: 0.3rem 0.85rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background: var(--cor-superficie);
    color: var(--cor-texto-secundario);
    font: inherit;
    font-size: 0.82rem;
    cursor: pointer;
}

.modelos-planta__filtro:hover[b-cidhs88ec3] {
    border-color: var(--cor-primaria);
    color: var(--cor-primaria);
}

.modelos-planta__filtro--ativo[b-cidhs88ec3] {
    border-color: var(--cor-primaria);
    background: color-mix(in srgb, var(--cor-primaria) 16%, var(--cor-superficie));
    color: var(--cor-primaria);
    font-weight: 700;
}

.modelos-planta__grade[b-cidhs88ec3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    gap: var(--espacamento-3);
}

.modelos-planta__cartao[b-cidhs88ec3] {
    display: grid;
    gap: 0.3rem;
    padding: var(--espacamento-3);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
    color: var(--cor-texto);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.modelos-planta__cartao:hover[b-cidhs88ec3] {
    border-color: var(--cor-primaria);
}

.modelos-planta__cartao--ativo[b-cidhs88ec3] {
    border-color: var(--cor-primaria);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--cor-primaria) 40%, transparent);
}

.modelos-planta__previa[b-cidhs88ec3] {
    display: grid;
    place-items: center;
    height: 9rem;
    border-radius: var(--raio-pequeno);
    background-color: var(--cor-fundo-secundario);
    background-image:
        linear-gradient(to right, var(--cor-borda) 1px, transparent 1px),
        linear-gradient(to bottom, var(--cor-borda) 1px, transparent 1px);
    background-size: 12px 12px;
}

.modelos-planta__desenho[b-cidhs88ec3] {
    position: relative;
    display: block;
}

.modelos-planta__comodo[b-cidhs88ec3] {
    position: absolute;
    box-sizing: border-box;
    border: 1.5px solid color-mix(in srgb, var(--planta-cor) 72%, #000);
    background: color-mix(in srgb, var(--planta-cor) 38%, var(--cor-superficie-elevada));
}

.modelos-planta__nome[b-cidhs88ec3] {
    font-size: 0.9rem;
}

.modelos-planta__resumo[b-cidhs88ec3] {
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
}

/* ---------- Andares: trilho à esquerda da planta, cabeçalho do andar e resumo por andar ---------- */
.planta-comodo--escada[b-cidhs88ec3] { --planta-cor: #a16207; }

.planta-cartao__andar[b-cidhs88ec3] {
    margin-left: auto;
    max-width: 8rem;
    overflow: hidden;
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--cor-primaria) 16%, transparent);
    color: var(--cor-primaria);
    font-size: 0.72rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.planta-andar-cabecalho[b-cidhs88ec3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.3rem 0.6rem;
    min-height: 2.2rem;
}

.planta-andar-cabecalho__icone[b-cidhs88ec3] {
    display: inline-grid;
    place-items: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: var(--raio-pequeno);
    background: color-mix(in srgb, var(--cor-primaria) 16%, transparent);
    color: var(--cor-primaria);
}

.planta-andar-cabecalho__nome[b-cidhs88ec3] {
    font-size: 1rem;
}

.planta-andar-cabecalho__campo[b-cidhs88ec3] {
    width: 12rem;
    max-width: 100%;
}

.planta-andar-cabecalho__info[b-cidhs88ec3] {
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
}

.planta-andar-cabecalho__acoes[b-cidhs88ec3] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    margin-left: auto;
}

.planta-andar-cabecalho__confirmar[b-cidhs88ec3] {
    color: var(--cor-erro);
    font-size: 0.78rem;
    font-weight: 600;
}

.planta-andares-resumo[b-cidhs88ec3] {
    display: grid;
    gap: 0.25rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.planta-andar-linha[b-cidhs88ec3] {
    position: relative;
    display: grid;
    gap: 0.05rem;
    width: 100%;
    padding: 0.4rem 0.6rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
    color: var(--cor-texto);
    text-align: left;
    cursor: pointer;
    transition: background 0.12s ease, border-color 0.12s ease;
}

.planta-andar-linha:hover[b-cidhs88ec3] {
    border-color: var(--cor-primaria);
}

.planta-andar-linha--ativo[b-cidhs88ec3] {
    border-color: var(--cor-primaria);
    background: color-mix(in srgb, var(--cor-primaria) 12%, var(--cor-superficie));
}

.planta-andar-linha__nome[b-cidhs88ec3] {
    overflow: hidden;
    font-size: 0.86rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.planta-andar-linha__info[b-cidhs88ec3] {
    color: var(--cor-texto-secundario);
    font-size: 0.74rem;
}

.planta-andar-linha__alerta[b-cidhs88ec3] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    display: inline-grid;
    color: var(--cor-erro);
}

/* ---------- Escada: degraus, setas de subida/descida e o reflexo no andar de cima ---------- */
.planta-comodo--escada[b-cidhs88ec3],
.planta-comodo--escada:hover[b-cidhs88ec3] {
    background:
        repeating-linear-gradient(to bottom, color-mix(in srgb, var(--planta-parede) 60%, transparent) 0 2px, transparent 2px 12px),
        color-mix(in srgb, var(--planta-cor) 24%, var(--cor-superficie-elevada));
}

.planta-comodo--escada.planta-escada--horizontal[b-cidhs88ec3],
.planta-comodo--escada.planta-escada--horizontal:hover[b-cidhs88ec3] {
    background:
        repeating-linear-gradient(to right, color-mix(in srgb, var(--planta-parede) 60%, transparent) 0 2px, transparent 2px 12px),
        color-mix(in srgb, var(--planta-cor) 24%, var(--cor-superficie-elevada));
}

/* Reflexo: mesma escada, vista do andar de cima (tracejada, só para consulta; edita-se no andar de baixo). */
.planta-comodo--reflexo[b-cidhs88ec3] {
    z-index: 0;
    border-style: dashed;
    opacity: 0.8;
    cursor: pointer;
    box-shadow: none;
}

.planta-comodo--reflexo:hover[b-cidhs88ec3] {
    opacity: 1;
}

.planta-escada__setas[b-cidhs88ec3] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    line-height: 0;
    color: color-mix(in srgb, var(--planta-cor) 55%, var(--cor-texto));
    filter: drop-shadow(0 0 3px var(--cor-superficie-elevada));
}

.planta-escada__setas > :nth-child(2)[b-cidhs88ec3] {
    margin-top: -9px;
}

.planta-escada--horizontal .planta-escada__setas[b-cidhs88ec3] {
    transform: rotate(90deg);
}

.planta-escada--horizontal .planta-comodo__centro.planta-escada[b-cidhs88ec3] {
    display: flex;
    flex-direction: row;
    align-content: unset;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    padding: 0.2rem 0.6rem;
}

.planta-escada .planta-comodo__nome[b-cidhs88ec3],
.planta-escada .planta-comodo__medidas[b-cidhs88ec3] {
    text-shadow: 0 0 4px var(--cor-superficie-elevada), 0 0 4px var(--cor-superficie-elevada);
}

/* Escada estreita (a padrão tem 1,2 m): setas em cima e o destino em pé embaixo; o nome vai para a dica quando há destino. */
@container (max-width: 66px) and (min-height: 80px) {
    .planta-comodo__centro.planta-escada[b-cidhs88ec3] {
        flex-direction: column;
        gap: 0.3rem;
    }

    .planta-escada--com-destino .planta-comodo__nome[b-cidhs88ec3] {
        display: none;
    }
}

.planta-barra__zoom[b-cidhs88ec3] {
    min-width: 3.4rem;
    padding: 0.2rem 0.3rem;
    border: 1px solid transparent;
    border-radius: var(--raio-pequeno);
    background: transparent;
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
    font-variant-numeric: tabular-nums;
    text-align: center;
    cursor: pointer;
}

.planta-barra__zoom:hover:not(:disabled)[b-cidhs88ec3] {
    border-color: var(--cor-primaria);
    color: var(--cor-primaria);
}

.planta-barra__zoom:disabled[b-cidhs88ec3] {
    cursor: default;
}

/* ---------- Portas, janelas e entradas ---------- */
.planta-aberturas-botoes[b-cidhs88ec3] {
    display: grid;
    gap: 0.35rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.planta-abertura-botao[b-cidhs88ec3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.4rem 0.55rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-fundo-secundario);
    color: var(--cor-texto);
    font-size: 0.84rem;
    text-align: left;
    cursor: pointer;
}

.planta-abertura-botao:hover:not(:disabled)[b-cidhs88ec3] {
    border-color: var(--cor-primaria);
    background: color-mix(in srgb, var(--cor-primaria) 8%, var(--cor-fundo-secundario));
}

.planta-abertura-botao:disabled[b-cidhs88ec3] {
    opacity: 0.55;
    cursor: not-allowed;
}

.planta-abertura-botao__icone[b-cidhs88ec3] {
    display: inline-grid;
    place-items: center;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--cor-texto-secundario) 16%, transparent);
}

.planta-abertura-botao--entrada .planta-abertura-botao__icone[b-cidhs88ec3] {
    background: color-mix(in srgb, var(--cor-primaria) 20%, transparent);
    color: var(--cor-primaria);
}

.planta-abertura-botao--janela .planta-abertura-botao__icone[b-cidhs88ec3] {
    background: color-mix(in srgb, #38bdf8 22%, transparent);
    color: #0284c7;
}

.planta-abertura-botao__nome[b-cidhs88ec3] {
    flex: 1 1 auto;
    font-weight: 600;
}

.planta-abertura-botao__total[b-cidhs88ec3] {
    min-width: 1.4rem;
    padding: 0.05rem 0.4rem;
    border-radius: 999px;
    background: var(--cor-superficie-elevada);
    font-size: 0.76rem;
    font-weight: 700;
    text-align: center;
}

/* Camada de portas/janelas sobre os cômodos (em metros, mesma escala do palco). */
.planta-aberturas[b-cidhs88ec3] {
    position: absolute;
    inset: 0;
    z-index: 4;
    width: 100%;
    height: 100%;
    overflow: visible;
    pointer-events: none;
}

.planta-aberturas[b-cidhs88ec3]  .ab__vao {
    stroke: var(--cor-superficie-elevada);
    stroke-width: 0.24;
}

.planta-aberturas[b-cidhs88ec3]  .ab__folha {
    stroke: var(--cor-texto);
    stroke-width: 0.07;
    stroke-linecap: round;
}

.planta-aberturas[b-cidhs88ec3]  .ab__arco {
    fill: none;
    stroke: var(--cor-texto-secundario);
    stroke-width: 0.04;
    stroke-dasharray: 0.12 0.1;
}

.planta-aberturas[b-cidhs88ec3]  .ab__vidro {
    stroke: #0ea5e9;
    stroke-width: 0.04;
}

.planta-aberturas[b-cidhs88ec3]  .ab__vidro--meio {
    stroke-width: 0.07;
}

.planta-aberturas[b-cidhs88ec3]  .ab--entrada .ab__folha {
    stroke: var(--cor-primaria);
    stroke-width: 0.1;
}

.planta-aberturas[b-cidhs88ec3]  .ab--entrada .ab__arco {
    stroke: var(--cor-primaria);
}

.planta-aberturas[b-cidhs88ec3]  .ab__seta {
    fill: var(--cor-primaria);
}

.planta-aberturas[b-cidhs88ec3]  .ab__alvo {
    stroke: transparent;
    stroke-width: 0.7;
    stroke-linecap: round;
    pointer-events: stroke;
    cursor: grab;
}

.planta-aberturas[b-cidhs88ec3]  .ab--sel .ab__vao {
    stroke: color-mix(in srgb, var(--cor-primaria) 35%, var(--cor-superficie-elevada));
}

.planta-aberturas[b-cidhs88ec3]  .ab--sel .ab__folha,
.planta-aberturas[b-cidhs88ec3]  .ab--sel .ab__arco,
.planta-aberturas[b-cidhs88ec3]  .ab--sel .ab__vidro {
    stroke: var(--cor-primaria);
}

/* Marcador que acompanha o ponteiro ao arrastar (criado pelo JavaScript dentro do palco). */
.planta-palco[b-cidhs88ec3]  .planta-abertura-fantasma {
    position: absolute;
    z-index: 7;
    box-sizing: border-box;
    border-radius: 3px;
    background: color-mix(in srgb, var(--cor-primaria) 70%, transparent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--cor-primaria) 35%, transparent);
    pointer-events: none;
}

/* Selo de fotos no canto do cômodo. */
.planta-comodo__fotos[b-cidhs88ec3] {
    position: absolute;
    right: 6px;
    bottom: 6px;
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--cor-primaria) 88%, #000);
    color: #fff;
    font-size: 0.66rem;
    font-weight: 700;
    pointer-events: none;
}

.planta-aberturas-lista[b-cidhs88ec3] {
    display: grid;
    gap: 0.4rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.planta-abertura-linha[b-cidhs88ec3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    align-items: end;
    gap: 0.5rem;
    padding: 0.4rem 0.5rem;
    border: 1px solid var(--cor-borda);
    border-left: 4px solid var(--cor-texto-secundario);
    border-radius: var(--raio-medio);
    background: var(--cor-fundo-secundario);
    cursor: pointer;
}

.planta-abertura-linha--entrada[b-cidhs88ec3] {
    border-left-color: var(--cor-primaria);
}

.planta-abertura-linha--janela[b-cidhs88ec3] {
    border-left-color: #0ea5e9;
}

.planta-abertura-linha--ativa[b-cidhs88ec3] {
    border-color: var(--cor-primaria);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--cor-primaria) 30%, transparent);
}

.planta-abertura-linha__tipo[b-cidhs88ec3] {
    display: inline-flex;
    grid-column: 1 / span 2;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.82rem;
    font-weight: 700;
}

.planta-abertura-linha__campo[b-cidhs88ec3] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
    color: var(--cor-texto-secundario);
    font-size: 0.7rem;
}

.planta-abertura-linha__campo--posicao[b-cidhs88ec3] {
    grid-column: 1 / -1;
}

.planta-abertura-linha__remover[b-cidhs88ec3] {
    align-self: start;
}

.planta-abertura-linha__campo input[type="range"][b-cidhs88ec3] {
    width: 100%;
    margin: 0;
    padding: 0.4rem 0;
    accent-color: var(--cor-primaria);
}

.planta-fotos[b-cidhs88ec3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.planta-fotos--escolha[b-cidhs88ec3] {
    max-height: 15rem;
    overflow: auto;
}

.planta-foto[b-cidhs88ec3] {
    position: relative;
    width: 4.6rem;
    height: 3.4rem;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 2px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    background: var(--cor-fundo-secundario);
}

.planta-foto img[b-cidhs88ec3] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.planta-foto--escolha[b-cidhs88ec3] {
    cursor: pointer;
}

.planta-foto--escolha:hover[b-cidhs88ec3],
.planta-foto--vinculada[b-cidhs88ec3] {
    border-color: var(--cor-primaria);
}

.planta-foto__marca[b-cidhs88ec3] {
    position: absolute;
    top: 3px;
    right: 3px;
    display: grid;
    place-items: center;
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 999px;
    background: var(--cor-primaria);
    color: #fff;
}

.planta-foto__outro[b-cidhs88ec3] {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0.05rem 0.25rem;
    overflow: hidden;
    background: rgb(0 0 0 / 0.6);
    color: #fff;
    font-size: 0.6rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.planta-foto__remover[b-cidhs88ec3] {
    position: absolute;
    top: 2px;
    right: 2px;
    display: grid;
    place-items: center;
    width: 1.1rem;
    height: 1.1rem;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgb(0 0 0 / 0.65);
    color: #fff;
    cursor: pointer;
}

.planta-foto__remover:hover[b-cidhs88ec3] {
    background: var(--cor-erro);
}

/* ---------- Prévia (aba Cômodos): planta só de leitura, em porcentagens, que acompanha a largura disponível ---------- */
.planta-previa__andares[b-cidhs88ec3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.planta-previa__andar[b-cidhs88ec3] {
    padding: 0.25rem 0.7rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background: var(--cor-superficie-elevada);
    color: var(--cor-texto);
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
}

.planta-previa__andar:hover[b-cidhs88ec3] {
    border-color: var(--cor-primaria);
}

.planta-previa__andar--ativo[b-cidhs88ec3],
.planta-previa__andar--ativo:hover[b-cidhs88ec3] {
    border-color: var(--cor-primaria);
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
}

.planta-previa[b-cidhs88ec3] {
    display: grid;
    padding: var(--espacamento-4);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-fundo-secundario);
}

.planta-previa__palco[b-cidhs88ec3] {
    position: relative;
    box-sizing: border-box;
    width: min(100%, calc(var(--aspecto) * 30rem));
    aspect-ratio: var(--aspecto);
    margin-inline: auto;
    border: 2px solid var(--cor-borda-forte);
    background-color: var(--cor-superficie);
    background-image:
        linear-gradient(to right, color-mix(in srgb, var(--cor-borda-forte) 80%, transparent) 1px, transparent 1px),
        linear-gradient(to bottom, color-mix(in srgb, var(--cor-borda-forte) 80%, transparent) 1px, transparent 1px);
    background-size: var(--gx) var(--gy);
}

.planta-previa__palco .planta-comodo[b-cidhs88ec3] {
    border-width: 3px;
    cursor: pointer;
    touch-action: auto;
}

.planta-previa-fotos[b-cidhs88ec3] {
    display: grid;
    gap: var(--espacamento-3);
    padding: var(--espacamento-3) var(--espacamento-4);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
}

.planta-previa-fotos__grupo[b-cidhs88ec3] {
    display: grid;
    gap: 0.3rem;
    font-size: 0.82rem;
}

.planta-previa-fotos__grupo small[b-cidhs88ec3] {
    color: var(--cor-texto-secundario);
    font-weight: 500;
}

.planta-previa-fotos__mais[b-cidhs88ec3] {
    align-self: center;
    padding: 0 0.4rem;
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
    font-weight: 700;
}

/* ---------- Aba Cômodos: números no topo, cômodos + prévia lado a lado, andares e fotos embaixo (largura toda) ---------- */
.planta-aba[b-cidhs88ec3] {
    display: grid;
    gap: var(--espacamento-4);
    min-width: 0;
}

.planta-aba__resumo[b-cidhs88ec3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: var(--espacamento-3);
}

.planta-metrica[b-cidhs88ec3] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.3rem var(--espacamento-3);
    padding: var(--espacamento-3) var(--espacamento-4);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
}

.planta-metrica__icone[b-cidhs88ec3] {
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: var(--raio-pequeno);
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
}

.planta-metrica__texto[b-cidhs88ec3] {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
}

.planta-metrica__texto small[b-cidhs88ec3] {
    color: var(--cor-texto-secundario);
    font-size: 0.74rem;
}

.planta-metrica__texto strong[b-cidhs88ec3] {
    font-size: 1.05rem;
    font-variant-numeric: tabular-nums;
}

.planta-metrica__aberturas[b-cidhs88ec3] {
    display: flex;
    gap: 0.7rem;
}

.planta-metrica__aberturas span[b-cidhs88ec3] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.planta-metrica__acao[b-cidhs88ec3] {
    flex: 1 0 100%;
    justify-content: center;
}

.planta-metrica--alerta[b-cidhs88ec3] {
    border-color: var(--cor-erro);
    color: var(--cor-erro);
}

.planta-metrica--alerta .planta-metrica__icone[b-cidhs88ec3] {
    background: color-mix(in srgb, var(--cor-erro) 14%, transparent);
    color: var(--cor-erro);
}

.planta-metrica--alerta strong[b-cidhs88ec3] {
    font-size: 0.86rem;
}

.planta-aba__corpo[b-cidhs88ec3] {
    display: grid;
    grid-template-columns: minmax(18rem, 5fr) minmax(0, 7fr);
    gap: var(--espacamento-4);
    align-items: start;
}

.planta-aba__previa[b-cidhs88ec3] {
    display: grid;
    gap: var(--espacamento-3);
    min-width: 0;
}

.planta-contadores--grade[b-cidhs88ec3] {
    grid-template-columns: repeat(auto-fill, minmax(12.5rem, 1fr));
    gap: 0.35rem;
}

.planta-contadores--grade .planta-contador[b-cidhs88ec3] {
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie);
}

.planta-aba__rodape[b-cidhs88ec3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    gap: var(--espacamento-4);
    align-items: start;
}

.planta-andares-resumo--grade[b-cidhs88ec3] {
    grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
}

.planta-previa-fotos[b-cidhs88ec3] {
    gap: var(--espacamento-3);
}

.planta-previa-fotos__lista[b-cidhs88ec3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    gap: var(--espacamento-3);
}

@media (max-width: 1100px) {
    .planta-aba__corpo[b-cidhs88ec3] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* ---------- Editor em tela cheia (estúdio): barra no topo; cômodos | planta | propriedades; cada coluna rola sozinha ---------- */
.estudio[b-cidhs88ec3] {
    display: grid;
    grid-template-columns: 18.5rem minmax(0, 1fr) 21rem;
    grid-template-rows: auto minmax(0, 1fr);
    grid-template-areas:
        "barra barra barra"
        "comodos tela inspetor";
    gap: var(--espacamento-3);
    height: 100%;
    min-height: 0;
}

.estudio__barra[b-cidhs88ec3] {
    grid-area: barra;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-2) var(--espacamento-4);
    padding: var(--espacamento-2) var(--espacamento-3);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
}

.estudio__grupo[b-cidhs88ec3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espacamento-2) var(--espacamento-3);
    min-width: 0;
}

.estudio__comodos[b-cidhs88ec3],
.estudio__inspetor[b-cidhs88ec3] {
    display: grid;
    align-content: start;
    gap: var(--espacamento-3);
    min-height: 0;
    padding-right: 0.25rem;
    overflow-y: auto;
}

.estudio__comodos[b-cidhs88ec3] { grid-area: comodos; }
.estudio__inspetor[b-cidhs88ec3] { grid-area: inspetor; }

.estudio__tela[b-cidhs88ec3] {
    grid-area: tela;
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-2);
    min-width: 0;
    min-height: 0;
}

.estudio__tela .planta-rolagem[b-cidhs88ec3] {
    flex: 1 1 0;
    justify-content: flex-start;
    min-height: 0;
    overflow: auto;
}

.estudio .planta-moldura[b-cidhs88ec3] {
    flex: 0 0 auto;
    margin: auto;
}

.estudio__dica[b-cidhs88ec3] {
    flex: 0 0 auto;
}

.estudio__bloco[b-cidhs88ec3] {
    display: grid;
    gap: var(--espacamento-2);
    padding: var(--espacamento-3);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
}

.estudio__titulo[b-cidhs88ec3] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    font-size: 0.9rem;
}

.estudio__titulo-acao[b-cidhs88ec3] {
    margin-left: auto;
}

.estudio__zoom[b-cidhs88ec3] {
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
    padding: 0.1rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
}

.estudio__passos[b-cidhs88ec3] {
    display: grid;
    gap: 0.4rem;
    margin: 0;
    padding-left: 1.2rem;
    font-size: 0.82rem;
    line-height: 1.35;
}

/* Andares: botões T, 1, 2… + o nome do andar atual (renomear / excluir ao lado). */
.planta-andares-barra[b-cidhs88ec3] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.planta-andares-barra__item[b-cidhs88ec3] {
    display: inline-grid;
    place-items: center;
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.4rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
    color: var(--cor-texto);
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
}

.planta-andares-barra__item:hover:not(:disabled)[b-cidhs88ec3] {
    border-color: var(--cor-primaria);
}

.planta-andares-barra__item--ativo[b-cidhs88ec3],
.planta-andares-barra__item--ativo:hover[b-cidhs88ec3] {
    border-color: var(--cor-primaria);
    background: var(--cor-primaria);
    color: #fff;
}

.planta-andares-barra__novo[b-cidhs88ec3] {
    border-style: dashed;
    color: var(--cor-texto-secundario);
}

.planta-andares-barra__novo:disabled[b-cidhs88ec3] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Paleta: um botão por tipo; clicar inclui o cômodo já na planta. */
.planta-paleta[b-cidhs88ec3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.35rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.planta-paleta__item[b-cidhs88ec3] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    width: 100%;
    padding: 0.4rem 0.5rem;
    border: 1px solid var(--cor-borda);
    border-left: 4px solid var(--planta-cor);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
    color: var(--cor-texto);
    font-size: 0.8rem;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    transition: background 0.12s ease, border-color 0.12s ease;
}

.planta-paleta__item:hover:not(:disabled)[b-cidhs88ec3] {
    border-color: var(--planta-cor);
    background: color-mix(in srgb, var(--planta-cor) 14%, var(--cor-superficie));
}

.planta-paleta__item:disabled[b-cidhs88ec3] {
    opacity: 0.5;
    cursor: not-allowed;
}

.planta-paleta__icone[b-cidhs88ec3] {
    display: inline-grid;
    flex: 0 0 auto;
    color: color-mix(in srgb, var(--planta-cor) 70%, var(--cor-texto));
}

.planta-paleta__nome[b-cidhs88ec3] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.planta-paleta__qtd[b-cidhs88ec3] {
    position: absolute;
    top: -0.4rem;
    right: -0.3rem;
    min-width: 1.1rem;
    padding: 0 0.3rem;
    box-sizing: border-box;
    background-color: var(--cor-superficie-elevada);
    border-radius: 999px;
    border: 1px solid var(--planta-cor);
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1.1rem;
    text-align: center;
}

/* Bandeja (cômodos fora da planta) dentro da coluna da esquerda. */
.estudio .planta-bandeja__itens[b-cidhs88ec3] {
    display: grid;
    gap: 0.3rem;
}

.estudio .planta-ficha[b-cidhs88ec3] {
    display: flex;
    width: 100%;
    box-sizing: border-box;
}

.estudio .planta-ficha__nome[b-cidhs88ec3] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.estudio .planta-ficha small[b-cidhs88ec3] {
    margin-left: auto;
    white-space: nowrap;
}

/* Lista "Na planta": clicar seleciona o cômodo. */
.planta-lista[b-cidhs88ec3] {
    display: grid;
    gap: 0.25rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.planta-lista__linha[b-cidhs88ec3] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    width: 100%;
    padding: 0.3rem 0.5rem;
    border: 1px solid transparent;
    border-radius: var(--raio-medio);
    background: transparent;
    color: var(--cor-texto);
    font-size: 0.82rem;
    text-align: left;
    cursor: pointer;
}

.planta-lista__linha:hover[b-cidhs88ec3] {
    background: var(--cor-superficie-suave);
}

.planta-lista__linha--ativa[b-cidhs88ec3],
.planta-lista__linha--ativa:hover[b-cidhs88ec3] {
    border-color: var(--cor-primaria);
    background: color-mix(in srgb, var(--cor-primaria) 12%, var(--cor-superficie));
}

.planta-lista__cor[b-cidhs88ec3] {
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: var(--raio-pequeno);
    background: color-mix(in srgb, var(--planta-cor) 28%, transparent);
    color: color-mix(in srgb, var(--planta-cor) 70%, var(--cor-texto));
}

.planta-lista__nome[b-cidhs88ec3] {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.planta-lista__linha small[b-cidhs88ec3] {
    color: var(--cor-texto-secundario);
    white-space: nowrap;
}

.planta-lista__alerta[b-cidhs88ec3] {
    display: inline-grid;
    color: var(--cor-erro);
}

/* Propriedades do cômodo selecionado (coluna da direita). */
.inspetor__cabeca[b-cidhs88ec3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-2);
}

.inspetor__tipo[b-cidhs88ec3] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
    padding: 0.2rem 0.6rem 0.2rem 0.25rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--planta-cor) 22%, transparent);
    font-size: 0.8rem;
    font-weight: 700;
}

.inspetor__tipo-icone[b-cidhs88ec3] {
    display: inline-grid;
    place-items: center;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--planta-cor) 35%, var(--cor-superficie-elevada));
    color: color-mix(in srgb, var(--planta-cor) 60%, var(--cor-texto));
}

.inspetor__tipo-nome[b-cidhs88ec3] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inspetor__campo[b-cidhs88ec3] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.inspetor__campo label[b-cidhs88ec3] {
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
    font-weight: 600;
}

.inspetor__campo input[b-cidhs88ec3],
.estudio .planta-abertura-linha__campo .campo-formulario__entrada[b-cidhs88ec3] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 0;
    height: 2.5rem;
}

.inspetor__medidas[b-cidhs88ec3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: end;
    gap: 0.4rem;
}

.inspetor__vezes[b-cidhs88ec3] {
    padding-bottom: 0.55rem;
    color: var(--cor-texto-secundario);
}

.inspetor__area[b-cidhs88ec3] {
    grid-column: 1 / -1;
    display: flex;
    justify-content: space-between;
    padding: 0.35rem 0.6rem;
    border-radius: var(--raio-medio);
    background: var(--cor-fundo-secundario);
    font-size: 0.84rem;
}

.inspetor__area span[b-cidhs88ec3] {
    color: var(--cor-texto-secundario);
}

.inspetor__acoes[b-cidhs88ec3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.inspetor__perigo:hover:not(:disabled)[b-cidhs88ec3] {
    border-color: var(--cor-erro);
    color: var(--cor-erro);
}

.estudio .planta-aberturas-botoes[b-cidhs88ec3] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.estudio .planta-abertura-botao[b-cidhs88ec3] {
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.4rem 0.3rem;
    text-align: center;
}

.estudio .planta-abertura-botao__nome[b-cidhs88ec3] {
    font-size: 0.74rem;
}

/* Celular / tablet: tudo em coluna (barra, planta, cômodos, propriedades) e o modal inteiro rola. */
@media (max-width: 1180px) {
    .estudio[b-cidhs88ec3] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: none;
        grid-template-areas:
            "barra"
            "tela"
            "comodos"
            "inspetor";
        align-content: start;
        overflow-y: auto;
    }

    .estudio__tela[b-cidhs88ec3] {
        height: min(68vh, 34rem);
    }

    .estudio__comodos[b-cidhs88ec3],
    .estudio__inspetor[b-cidhs88ec3] {
        overflow: visible;
        padding-right: 0;
    }

    .planta-paleta[b-cidhs88ec3] {
        grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
    }
}
/* /Components/Paginas/EmailMensagem.razor.rz.scp.css */
.email-mensagem__topo[b-f78dl1wus3] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-4);
    min-height: 3.75rem;
    margin-bottom: var(--espacamento-4);
    padding: var(--espacamento-3) var(--espacamento-4);
    border: 1px solid var(--cor-borda);
    border-radius: 8px;
    background: var(--cor-superficie-elevada);
}

.email-mensagem__topo h1[b-f78dl1wus3] {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    font-size: 1.1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.email-mensagem__voltar[b-f78dl1wus3] {
    flex: 0 0 auto;
}

.email-mensagem__layout[b-f78dl1wus3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(16rem, 21rem);
    align-items: start;
    gap: var(--espacamento-4);
}

.email-mensagem[b-f78dl1wus3] {
    display: flex;
    min-height: calc(100dvh - 10rem);
    flex-direction: column;
}

.email-mensagem[b-f78dl1wus3],
.email-mensagem__lateral[b-f78dl1wus3],
.email-mensagem__estado[b-f78dl1wus3] {
    border: 1px solid var(--cor-borda);
    border-radius: 8px;
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.email-mensagem__estado[b-f78dl1wus3] {
    display: grid;
    min-height: 16rem;
    place-items: center;
    padding: var(--espacamento-6);
    color: var(--cor-texto-secundario);
}

.email-mensagem__cabecalho[b-f78dl1wus3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--espacamento-4);
    padding: var(--espacamento-4) var(--espacamento-5);
    border-bottom: 1px solid var(--cor-borda);
}

.email-mensagem__remetente[b-f78dl1wus3] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: var(--espacamento-3);
}

.email-mensagem__avatar[b-f78dl1wus3] {
    display: grid;
    flex: 0 0 2.25rem;
    width: 2.25rem;
    height: 2.25rem;
    place-items: center;
    border-radius: 50%;
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
    font-size: 0.75rem;
    font-weight: 700;
}

.email-mensagem__remetente > div[b-f78dl1wus3] {
    display: grid;
    min-width: 0;
    gap: 0.1rem;
}

.email-mensagem__remetente strong[b-f78dl1wus3],
.email-mensagem__remetente span[b-f78dl1wus3] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.email-mensagem__remetente span[b-f78dl1wus3] {
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
}

.email-mensagem__cabecalho dl[b-f78dl1wus3] {
    display: grid;
    gap: 0.25rem;
    min-width: min(45%, 24rem);
    margin: 0;
}

.email-mensagem__cabecalho dl div[b-f78dl1wus3] {
    display: grid;
    grid-template-columns: 4.5rem minmax(0, 1fr);
    gap: var(--espacamento-2);
    font-size: 0.8rem;
}

.email-mensagem__cabecalho dt[b-f78dl1wus3] {
    color: var(--cor-texto-secundario);
    font-weight: 600;
}

.email-mensagem__cabecalho dd[b-f78dl1wus3] {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.email-mensagem__corpo[b-f78dl1wus3] {
    display: flex;
    flex: 1;
    min-height: 15rem;
    padding: var(--espacamento-5);
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.email-mensagem__corpo-html[b-f78dl1wus3] {
    display: block;
    width: 100%;
    min-height: calc(100dvh - 17rem);
    flex: 1;
    border: 0;
    background: #fff;
}

.email-mensagem__corpo p[b-f78dl1wus3],
.email-mensagem__anexos > p[b-f78dl1wus3],
.email-mensagem__vinculo > p[b-f78dl1wus3] {
    margin: var(--espacamento-2) 0 0;
    color: var(--cor-texto-secundario);
    font-size: 0.9rem;
}

.email-mensagem__anexos[b-f78dl1wus3] {
    padding: var(--espacamento-4) var(--espacamento-5) var(--espacamento-5);
    border-top: 1px solid var(--cor-borda);
}

.email-mensagem__anexos h3[b-f78dl1wus3] {
    margin: 0;
    font-size: 0.95rem;
}

.email-mensagem__anexos-lista[b-f78dl1wus3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: var(--espacamento-2);
    margin-top: var(--espacamento-3);
}

.email-mensagem__anexo[b-f78dl1wus3],
.email-mensagem__trabalho-vinculado[b-f78dl1wus3] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    min-width: 0;
    padding: var(--espacamento-3);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    color: var(--cor-texto);
    text-decoration: none;
}

.email-mensagem__anexo:hover[b-f78dl1wus3],
.email-mensagem__trabalho-vinculado:hover[b-f78dl1wus3] {
    border-color: color-mix(in srgb, var(--cor-primaria) 35%, var(--cor-borda));
    background: var(--cor-primaria-suave);
}

.email-mensagem__anexo span[b-f78dl1wus3] {
    display: grid;
    min-width: 0;
}

.email-mensagem__anexo strong[b-f78dl1wus3],
.email-mensagem__anexo small[b-f78dl1wus3] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.email-mensagem__anexo small[b-f78dl1wus3] {
    color: var(--cor-texto-secundario);
}

.email-mensagem__anexo > :last-child[b-f78dl1wus3],
.email-mensagem__trabalho-vinculado > :last-child[b-f78dl1wus3] {
    flex: 0 0 auto;
    margin-left: auto;
    color: var(--cor-texto-secundario);
}

.email-mensagem__lateral[b-f78dl1wus3] {
    display: grid;
    gap: var(--espacamento-4);
    padding: var(--espacamento-4);
}

.email-mensagem__vinculo[b-f78dl1wus3] {
    display: grid;
    gap: var(--espacamento-2);
}

.email-mensagem__lateral-titulo[b-f78dl1wus3] {
    color: var(--cor-texto-secundario);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.email-mensagem__trabalho-vinculado span[b-f78dl1wus3] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.email-mensagem__criar-trabalho[b-f78dl1wus3] {
    width: 100%;
    justify-content: center;
}

@media (max-width: 960px) {
    .email-mensagem[b-f78dl1wus3] {
        min-height: auto;
    }

    .email-mensagem__layout[b-f78dl1wus3] {
        grid-template-columns: 1fr;
    }

    .email-mensagem__lateral[b-f78dl1wus3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: end;
    }

    .email-mensagem__criar-trabalho[b-f78dl1wus3] {
        grid-column: span 2;
    }
}

@media (max-width: 640px) {
    .email-mensagem__topo[b-f78dl1wus3],
    .email-mensagem__cabecalho[b-f78dl1wus3] {
        align-items: flex-start;
        flex-direction: column;
    }

    .email-mensagem__cabecalho dl[b-f78dl1wus3] {
        width: 100%;
    }

    .email-mensagem__cabecalho[b-f78dl1wus3],
    .email-mensagem__corpo[b-f78dl1wus3],
    .email-mensagem__anexos[b-f78dl1wus3] {
        padding: var(--espacamento-4);
    }

    .email-mensagem__lateral[b-f78dl1wus3] {
        grid-template-columns: 1fr;
    }

    .email-mensagem__criar-trabalho[b-f78dl1wus3] {
        grid-column: auto;
    }

    .email-mensagem__corpo-html[b-f78dl1wus3] {
        min-height: 34rem;
    }
}
/* /Components/Paginas/EmailsInicial.razor.rz.scp.css */
.emails-inicial__layout[b-u3y3kfevya] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    /* Linha 1 (auto) reservada pras abas de categoria, sempre no topo de tudo (lista + leitura do email juntos)
       - linha 2 (1fr) e o resto: preenchida por ".emails-inicial__lista" e, quando um email esta aberto, tambem
       por ".emails-inicial__visualizacao" ao lado (ver grid-column dela abaixo). */
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 0;
    border: 1px solid var(--cor-borda);
    border-radius: 8px;
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
    /* "overflow: hidden" (so para arredondar os cantos) cria um contexto de rolagem por conta propria e
       "prende" qualquer "position: sticky" dentro dele - mesmo sem barra de rolagem visivel aqui, isso
       impede o cabecalho/metadados da conversa (".emails-inicial__visualizacao-fixo") de grudar no topo
       enquanto a pagina rola. Por isso so o cantos superiores/inferiores sao arredondados via clip-path, sem
       criar esse contexto de rolagem. */
    overflow: visible;
    clip-path: inset(0 round 8px);
}

@media (min-width: 761px) {
    .emails-inicial__layout[b-u3y3kfevya] {
        height: 100%;
    }
}

.emails-inicial__layout--com-visualizacao[b-u3y3kfevya] {
    grid-template-columns: minmax(19rem, 25rem) minmax(0, 1fr);
}

.emails-inicial__layout--lista-minimizada[b-u3y3kfevya] {
    grid-template-columns: minmax(0, 1fr);
}

.emails-inicial__vazio[b-u3y3kfevya] {
    display: grid;
    min-height: 20rem;
    place-items: center;
    padding: var(--espacamento-7) var(--espacamento-6);
    border: 1px solid var(--cor-borda);
    border-radius: 8px;
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.emails-inicial__vazio[b-u3y3kfevya]  .estado-vazio {
    max-width: 32rem;
    justify-items: center;
    padding: 0;
    text-align: center;
}

.emails-inicial__caixas[b-u3y3kfevya] {
    position: relative;
    display: grid;
    align-content: start;
    gap: var(--espacamento-5);
    padding: var(--espacamento-4);
    border-right: 1px solid var(--cor-borda);
    background: var(--cor-superficie-suave);
    font-size: 0.9rem;
}

.emails-inicial__caixas-alternar[b-u3y3kfevya] {
    position: absolute;
    top: 0.35rem;
    right: 0.35rem;
    width: 2rem;
    height: 2rem;
    z-index: 1;
}

.emails-inicial__caixas > .emails-inicial__caixas-grupo:first-of-type .emails-inicial__caixas-titulo[b-u3y3kfevya] {
    padding-right: 2.75rem;
}

.emails-inicial__caixas-grupo[b-u3y3kfevya] {
    display: grid;
    gap: 0.2rem;
}

.emails-inicial__caixas-titulo[b-u3y3kfevya] {
    padding: 0 0.55rem 0.45rem;
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.emails-inicial__caixas-secoes[b-u3y3kfevya] {
    display: grid;
    gap: var(--espacamento-5);
}

.emails-inicial__caixas-cabecalho[b-u3y3kfevya] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 1.75rem;
    margin-bottom: 0.45rem;
    border-radius: var(--raio-medio);
}

.emails-inicial__caixas-cabecalho .emails-inicial__caixas-titulo[b-u3y3kfevya] {
    padding-bottom: 0;
}

[data-email-secoes-reordenaveis="true"] .emails-inicial__caixas-cabecalho[b-u3y3kfevya] {
    cursor: grab;
}

[data-email-secoes-reordenaveis="true"] .emails-inicial__caixas-cabecalho:active[b-u3y3kfevya] {
    cursor: grabbing;
}

.emails-inicial__caixas-cabecalho-acoes[b-u3y3kfevya] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    cursor: default;
}

.emails-inicial__secao-alternar[b-u3y3kfevya] {
    display: grid;
    width: 1.1rem;
    height: 1.1rem;
    padding: 0;
    border: 0;
    place-items: center;
    background: transparent;
    color: var(--cor-texto-suave);
    line-height: 1;
}

.emails-inicial__secao-alternar:hover[b-u3y3kfevya] {
    color: var(--cor-texto);
}

.emails-inicial__conta[b-u3y3kfevya],
.emails-inicial__caixa[b-u3y3kfevya] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    width: 100%;
    min-height: 2.2rem;
    padding: 0.4rem 0.55rem;
    border: 1px solid transparent;
    border-radius: var(--raio-medio);
    background: transparent;
    color: var(--cor-texto-secundario);
    text-align: left;
}

.emails-inicial__caixa-destino[b-u3y3kfevya] {
    border: 1px solid transparent;
    border-radius: var(--raio-medio);
}

.emails-inicial__categorias-lista[b-u3y3kfevya] {
    display: grid;
    gap: 0.2rem;
}

.emails-inicial__categoria-item[b-u3y3kfevya] {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 0;
    border: 1px solid transparent;
    border-radius: var(--raio-medio);
}

.emails-inicial__categoria-selecao[b-u3y3kfevya] {
    display: flex;
    flex: 1;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
    min-height: 2.2rem;
    padding: 0.4rem 0.25rem 0.4rem 0.55rem;
    border: 0;
    border-radius: var(--raio-medio);
    background: transparent;
    color: var(--cor-texto-secundario);
    font: inherit;
    text-align: left;
}

[data-email-categorias-reordenaveis="true"] .emails-inicial__categoria-selecao[b-u3y3kfevya] {
    cursor: grab;
}

[data-email-categorias-reordenaveis="true"] .emails-inicial__categoria-selecao:active[b-u3y3kfevya] {
    cursor: grabbing;
}

.emails-inicial__categoria-selecao span[b-u3y3kfevya] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.emails-inicial__categoria-contador[b-u3y3kfevya] {
    flex: 0 0 auto;
    width: 1.8rem;
    min-width: 1.1rem;
    margin-right: 0.15rem;
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
    text-align: center;
}

.emails-inicial__categoria-item:hover[b-u3y3kfevya],
.emails-inicial__categoria-item.ativa[b-u3y3kfevya] {
    border-color: color-mix(in srgb, var(--cor-primaria) 25%, var(--cor-borda));
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
}

.emails-inicial__categoria-item:hover .emails-inicial__categoria-selecao[b-u3y3kfevya],
.emails-inicial__categoria-item.ativa .emails-inicial__categoria-selecao[b-u3y3kfevya] {
    color: var(--cor-primaria);
}


.emails-inicial__conta:hover[b-u3y3kfevya],
.emails-inicial__caixa:hover[b-u3y3kfevya],
.emails-inicial__conta.ativa[b-u3y3kfevya],
.emails-inicial__caixa.ativa[b-u3y3kfevya] {
    border-color: color-mix(in srgb, var(--cor-primaria) 25%, var(--cor-borda));
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
}

.emails-inicial__conta span[b-u3y3kfevya],
.emails-inicial__caixa span[b-u3y3kfevya] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.emails-inicial__lista[b-u3y3kfevya] {
    display: grid;
    /* 3a linha (auto) reservada pra paginacao, sempre fixa no rodape da lista - so a linha do meio
       (".emails-inicial__lista-conteudo") rola, ver "overflow-y: auto" dela abaixo. */
    grid-template-rows: auto minmax(0, 1fr) auto;
    grid-row: 2;
    min-width: 0;
}

.emails-inicial__layout--com-visualizacao .emails-inicial__lista[b-u3y3kfevya] {
    border-right: 1px solid var(--cor-borda);
}

.emails-inicial__layout--lista-minimizada .emails-inicial__lista[b-u3y3kfevya] {
    display: none;
}

.emails-inicial__layout--com-visualizacao .emails-inicial__lista-cabecalho[b-u3y3kfevya] {
    align-items: stretch;
    flex-direction: column;
    gap: var(--espacamento-3);
    padding: var(--espacamento-4);
}

.emails-inicial__layout--com-visualizacao .emails-inicial__lista-cabecalho h2[b-u3y3kfevya] {
    font-size: 1.05rem;
}

.emails-inicial__layout--com-visualizacao .emails-inicial__acoes-selecao[b-u3y3kfevya] {
    margin-left: 0;
}

.emails-inicial__layout--com-visualizacao .emails-inicial__busca[b-u3y3kfevya] {
    min-width: 0;
}

.emails-inicial__layout--com-visualizacao .emails-inicial__lista-conteudo[b-u3y3kfevya] {
    /* Sem "max-height" fixo (era um "calc(100dvh - 15rem)" que so acertava a altura por coincidencia em
       alguns tamanhos de tela) - a altura real ja vem da linha "minmax(0, 1fr)" do grid de ".emails-inicial__lista",
       igual ao modo normal (nao-compacto), preenchendo ate o fim disponivel em vez de sobrar espaco em branco
       embaixo com scroll antes da hora. */
    padding: var(--espacamento-3);
}

.emails-inicial__visualizacao[b-u3y3kfevya] {
    display: flex;
    grid-row: 2;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
    background: var(--cor-superficie-elevada);
}

/* Mantem o cabecalho e os metadados da mensagem visiveis no topo mesmo rolando a lista de mensagens da
   conversa (".emails-inicial__conversa") para baixo - sticky (em vez de so ficar fora do container com
   scroll) garante isso mesmo quando, por algum motivo, quem acaba rolando e um ancestral mais externo
   (ex.: a propria pagina), nao ".emails-inicial__conversa". O "top" e a altura da barra fixa do sistema
   (".cabecalho-sistema" em app.css: padding 0.7rem + 2.3rem do botao-icone + 0.7rem + 1px de borda) - sem
   isso, os dois ficam sobrepostos no mesmo "top: 0" e a barra do sistema (com z-index maior) corta a parte
   de cima deste cabecalho.
*/
.emails-inicial__visualizacao-fixo[b-u3y3kfevya] {
    position: sticky;
    top: calc(3.7rem + 1px);
    z-index: 5;
    flex: 0 0 auto;
    background: var(--cor-superficie-elevada);
}

.emails-inicial__visualizacao-estado[b-u3y3kfevya] {
    display: grid;
    min-height: 18rem;
    place-items: center;
    padding: var(--espacamento-6);
    color: var(--cor-texto-secundario);
}

.emails-inicial__visualizacao-estado[b-u3y3kfevya]  .estado-vazio {
    padding: 0;
}

/* Painel largo: voltar | assunto + remetente/data | acoes (a direita). Painel estreito: as acoes nao cabem ao lado do
   assunto (que precisa de ~22rem para nao ficar espremido) e quebram para uma linha propria, abaixo. */
.emails-inicial__visualizacao-cabecalho[b-u3y3kfevya] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--espacamento-3) var(--espacamento-4);
    padding: var(--espacamento-4) var(--espacamento-5);
    border-bottom: 1px solid var(--cor-borda);
}

.emails-inicial__visualizacao-voltar[b-u3y3kfevya] {
    width: 2rem;
    height: 2rem;
}

.emails-inicial__visualizacao-navegacao[b-u3y3kfevya] {
    display: grid;
    justify-items: start;
    gap: var(--espacamento-2);
}

.emails-inicial__lista-maximizar[b-u3y3kfevya] {
    width: 2rem;
    height: 2rem;
}

.emails-inicial__visualizacao-titulo[b-u3y3kfevya] {
    display: grid;
    flex: 1 1 22rem;
    min-width: 0;
    gap: 0.35rem;
}

.emails-inicial__visualizacao-titulo-linha[b-u3y3kfevya] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
}

.emails-inicial__visualizacao-titulo-linha h2[b-u3y3kfevya] {
    min-width: 0;
    /* Assunto quebra em ate 2 linhas (reticencias so se passar disso) em vez de uma linha cortada. */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    overflow-wrap: anywhere;
    white-space: normal;
    line-height: 1.3;
}

.emails-inicial__visualizacao-remetente-linha[b-u3y3kfevya] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.1rem 0.75rem;
    min-width: 0;
}

.emails-inicial__visualizacao-remetente-linha strong[b-u3y3kfevya] {
    min-width: 0;
    max-width: 100%;
}

.emails-inicial__visualizacao-titulo-linha button[b-u3y3kfevya] {
    flex: 0 0 auto;
    width: 1.6rem;
    height: 1.6rem;
    padding: 0;
    line-height: 1;
}

.emails-inicial__visualizacao-titulo-linha button .icone-sistema[b-u3y3kfevya] {
    margin: 0 auto;
}

.emails-inicial__visualizacao-acoes[b-u3y3kfevya] {
    flex: 0 1 auto;
    min-width: 0;
    margin-left: auto;
}

.emails-inicial__visualizacao-acoes-botoes[b-u3y3kfevya] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--espacamento-2);
}

/* Mesmo visual do seletor de categoria da lista de emails (".emails-inicial__mensagem-categoria" em
   EmailsInicial.razor.css) - select customizado (com busca, bolinha de cor, "No category") em vez do antigo
   botao que abria um modal separado. */
.emails-inicial__categoria-atual[b-u3y3kfevya] {
    display: inline-flex;
    flex: 0 0 auto;
    /* Largura adaptavel (nao mais fixa) - acompanha o nome da categoria dentro desses limites, em vez de
       cortar nomes longos ou sobrar espaco vazio com nomes curtos. */
    min-width: 7rem;
    max-width: 14rem;
    width: auto;
}

.emails-inicial__categoria-atual[b-u3y3kfevya]  .selecao-padrao {
    width: 100%;
}

.emails-inicial__categoria-atual[b-u3y3kfevya]  .selecao-padrao__gatilho {
    /* Um pouco mais alto que os outros botoes dessa linha (Reply, "...", Work, que usam 2rem) - ganha o espaco
       extra de volta reduzindo a fonte (letra menor, botao maior). */
    box-sizing: border-box;
    min-height: 2.25rem;
    max-height: 2.25rem;
    padding: 0.25rem 0.7rem;
    box-shadow: none;
    font-size: 0.76rem;
}

.emails-inicial__visualizacao-menu-acoes[b-u3y3kfevya] {
    position: relative;
}

.emails-inicial__visualizacao-menu-gatilho[b-u3y3kfevya] {
    width: 2rem;
    height: 2rem;
}

/* Na barra de acoes do cabecalho de leitura o "..." tem a mesma altura (e largura) dos demais controles da linha
   (categoria, Responder, Trabalho, Comentarios: 2.25rem). */
.emails-inicial__visualizacao-acoes-botoes .emails-inicial__visualizacao-menu-gatilho[b-u3y3kfevya] {
    width: 2.25rem;
    height: 2.25rem;
}

.emails-inicial__visualizacao-menu-overlay[b-u3y3kfevya] {
    position: fixed;
    inset: 0;
    border: 0;
    background: transparent;
    z-index: 15;
}

/* Posicao (fixed, para cima ou para baixo do gatilho) vem de ".menu-flutuante" em app.css - ver
   nexoMenuFlutuante em sistema.js. */
.emails-inicial__visualizacao-menu[b-u3y3kfevya] {
    display: grid;
    min-width: 11rem;
    padding: 0.3rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.emails-inicial__visualizacao-menu button[b-u3y3kfevya] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    width: 100%;
    min-height: 2.3rem;
    padding: 0.45rem 0.55rem;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.82rem;
    text-align: left;
}

.emails-inicial__visualizacao-menu button:hover[b-u3y3kfevya] {
    background: var(--cor-superficie-suave);
}

.emails-inicial__visualizacao-menu .emails-inicial__visualizacao-menu-opcao--perigo[b-u3y3kfevya],
.emails-inicial__mensagem-menu .emails-inicial__visualizacao-menu-opcao--perigo[b-u3y3kfevya] {
    color: var(--cor-erro);
}

.emails-inicial__visualizacao-cabecalho h2[b-u3y3kfevya],
.emails-inicial__visualizacao-cabecalho strong[b-u3y3kfevya] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.emails-inicial__visualizacao-cabecalho h2[b-u3y3kfevya] {
    margin: 0;
    font-size: 1.15rem;
}

.emails-inicial__visualizacao-cabecalho strong[b-u3y3kfevya],
.emails-inicial__visualizacao-cabecalho time[b-u3y3kfevya] {
    color: var(--cor-texto-secundario);
    font-size: 0.82rem;
    font-weight: 500;
}

.emails-inicial__visualizacao-cabecalho time[b-u3y3kfevya] {
    white-space: nowrap;
}


.emails-inicial__vinculo-trabalho[b-u3y3kfevya] {
    display: grid;
    gap: var(--espacamento-4);
    padding: var(--espacamento-4);
}

.emails-inicial__vinculo-trabalho-filtros[b-u3y3kfevya] {
    display: grid;
    grid-template-columns: minmax(16rem, 1fr) minmax(13rem, 0.65fr) auto;
    align-items: end;
    gap: var(--espacamento-3);
}

.emails-inicial__vinculo-trabalho-arquivados[b-u3y3kfevya] {
    padding-bottom: 0.6rem;
    white-space: nowrap;
}

.emails-inicial__vinculo-trabalho-lista[b-u3y3kfevya] {
    display: grid;
    gap: var(--espacamento-2);
}

.emails-inicial__vinculo-trabalho-item[b-u3y3kfevya] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: var(--espacamento-3);
    padding: var(--espacamento-3) var(--espacamento-4);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    cursor: pointer;
    transition:
        background-color 0.15s ease,
        border-color 0.15s ease;
}

.emails-inicial__vinculo-trabalho-item:hover[b-u3y3kfevya] {
    background: var(--cor-superficie-suave);
    border-color: var(--cor-borda-forte);
}

.emails-inicial__vinculo-trabalho-item > div[b-u3y3kfevya] {
    display: grid;
    min-width: 0;
    gap: 0.15rem;
}

.emails-inicial__vinculo-trabalho-item strong[b-u3y3kfevya] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.emails-inicial__vinculo-trabalho-item strong > span:first-child[b-u3y3kfevya],
.emails-inicial__vinculo-trabalho-item small[b-u3y3kfevya] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.emails-inicial__vinculo-trabalho-item small[b-u3y3kfevya] {
    color: var(--cor-texto-secundario);
}

.emails-inicial__visualizacao-responder[b-u3y3kfevya],
.emails-inicial__visualizacao-trabalho[b-u3y3kfevya],
.emails-inicial__visualizacao-comentario[b-u3y3kfevya] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 2.25rem;
    padding: 0 0.65rem;
    font-size: 0.78rem;
    white-space: nowrap;
}

.emails-inicial__conversa[b-u3y3kfevya] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1;
    overflow: auto;
}

.emails-inicial__conversa > .emails-inicial__visualizacao-corpo[b-u3y3kfevya] {
    /* O corpo e um <iframe> dentro de "display:flex" - sem NENHUM min-height ele nao tem altura propria pra
       crescer a partir dela (o iframe nao tem conteudo "natural" que force uma altura, diferente de texto
       normal), entao colapsa pros ~150px padrao do iframe em vez de acompanhar o conteudo. Por isso o minimo
       aqui e bem menor que o antigo (so o suficiente pra nao colapsar), nao removido - o teto de "max-height"
       continua limitando o crescimento pra emails longos, com scroll proprio dali pra frente. */
    min-height: 8rem;
    /* Cresce para ocupar o espaco, mas nunca encolhe abaixo do conteudo (o iframe tem altura propria). */
    flex: 1 0 auto;
}

.emails-inicial__conversa-mensagem .emails-inicial__visualizacao-corpo[b-u3y3kfevya] {
    min-height: 8rem;
    flex: 0 0 auto;
}

.emails-inicial__conversa-mensagem[b-u3y3kfevya] {
    border-top: 1px solid var(--cor-borda);
}

.emails-inicial__conversa-mensagem-cabecalho[b-u3y3kfevya] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    padding-right: var(--espacamento-4);
}

.emails-inicial__conversa-mensagem-cabecalho:hover[b-u3y3kfevya] {
    background: var(--cor-superficie-suave);
}

/* O "..." de cada mensagem da conversa (reply, work, categorizar, etc. - ver EmailsInicial.razor) so aparece
   com o mouse em cima da linha, igual as acoes rapidas da lista de emails (".emails-inicial__mensagem-acoes-
   rapidas" mais abaixo) - some tambem com o mouse fora quando o menu suspenso dele nao esta aberto. */
.emails-inicial__conversa-mensagem-cabecalho .emails-inicial__mensagem-menu-acoes[b-u3y3kfevya] {
    opacity: 0;
    transition: opacity 0.15s ease;
}

.emails-inicial__conversa-mensagem-cabecalho:hover .emails-inicial__mensagem-menu-acoes[b-u3y3kfevya],
.emails-inicial__conversa-mensagem-cabecalho .emails-inicial__mensagem-menu-acoes:has(.emails-inicial__mensagem-menu)[b-u3y3kfevya] {
    opacity: 1;
}

.emails-inicial__conversa-mensagem-resumo[b-u3y3kfevya] {
    display: flex;
    align-items: center;
    min-width: 0;
    flex: 1 1 0;
    gap: var(--espacamento-3);
    padding: var(--espacamento-3) var(--espacamento-5);
    border: 0;
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    text-align: left;
}

.emails-inicial__conversa-mensagem-avatar-grupo[b-u3y3kfevya] {
    position: relative;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
}

.emails-inicial__conversa-mensagem-avatar[b-u3y3kfevya] {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 50%;
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.emails-inicial__conversa-mensagem-direcao[b-u3y3kfevya] {
    position: absolute;
    top: -0.35rem;
    right: -0.35rem;
    display: grid;
    place-items: center;
    width: 1.05rem;
    height: 1.05rem;
    border-radius: 50%;
    background: var(--cor-superficie);
    box-shadow: 0 0 0 2px var(--cor-superficie);
}

.emails-inicial__conversa-mensagem-direcao--enviada[b-u3y3kfevya] {
    color: #1d4ed8;
}

.emails-inicial__conversa-mensagem-direcao--recebida[b-u3y3kfevya] {
    color: #15803d;
}

.emails-inicial__conversa-mensagem-info[b-u3y3kfevya] {
    display: grid;
    min-width: 0;
    gap: 0.15rem;
}

.emails-inicial__conversa-mensagem-nome[b-u3y3kfevya] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--cor-texto-secundario);
}

.emails-inicial__conversa-mensagem-nome strong[b-u3y3kfevya] {
    min-width: 0;
    overflow: hidden;
    color: var(--cor-texto);
    font-size: 0.88rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.emails-inicial__conversa-mensagem-previa[b-u3y3kfevya] {
    overflow: hidden;
    color: var(--cor-texto-suave);
    font-size: 0.82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.emails-inicial__conversa-mensagem-rastreamento[b-u3y3kfevya] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    width: fit-content;
    color: var(--cor-texto-secundario);
    font-size: 0.76rem;
}

.emails-inicial__conversa-mensagem-enviado-por[b-u3y3kfevya] {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
    padding: 0 var(--espacamento-2);
    text-align: center;
}

.emails-inicial__conversa-mensagem-enviado-por-info[b-u3y3kfevya] {
    display: grid;
    max-width: 5.5rem;
    gap: 0.05rem;
}

.emails-inicial__conversa-mensagem-enviado-por-info strong[b-u3y3kfevya] {
    overflow: hidden;
    color: var(--cor-texto);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.emails-inicial__conversa-mensagem-enviado-por-info small[b-u3y3kfevya] {
    overflow: hidden;
    color: var(--cor-texto-secundario);
    font-size: 0.68rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.emails-inicial__conversa-mensagem-acoes[b-u3y3kfevya] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: var(--espacamento-2);
}

.emails-inicial__conversa-mensagem-acoes time[b-u3y3kfevya] {
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
    white-space: nowrap;
}

.emails-inicial__conversa-mensagem .emails-inicial__visualizacao-metadados[b-u3y3kfevya] {
    padding-right: var(--espacamento-5);
}

/* O compositor de comentarios (textarea, anexos, botoes de enviar/cancelar) fica isolado no componente
   ModalComentarioEmail (ver ModalComentarioEmail.razor.css) - reaproveitado tanto para criar quanto para
   editar um comentario. */

.emails-inicial__conversa-comentario[b-u3y3kfevya] {
    display: grid;
    grid-template-columns: 1.9rem minmax(0, 1fr);
    align-items: start;
    gap: var(--espacamento-3);
    max-width: 82%;
    padding: var(--espacamento-3) var(--espacamento-5);
    border-top: 1px solid var(--cor-borda);
    background: transparent;
}

.emails-inicial__conversa-comentario--propria[b-u3y3kfevya] {
    grid-template-columns: minmax(0, 1fr) 1.9rem;
    align-self: flex-end;
}

/* O avatar e renderizado pelo componente filho AvatarCadastro, fora do escopo de CSS deste arquivo -
   precisa de "::deep" para alcancar o elemento real (mesmo padrao usado em
   ".emails-inicial__mensagem-rodape-direita ::deep .emails-inicial__mensagem-avatar" mais abaixo). */
.emails-inicial__conversa-comentario--propria[b-u3y3kfevya]  .emails-inicial__conversa-comentario-avatar {
    grid-column: 2;
}

.emails-inicial__conversa-comentario--propria .emails-inicial__conversa-comentario-corpo[b-u3y3kfevya] {
    grid-column: 1;
}

.emails-inicial__conversa-comentario[b-u3y3kfevya]  .emails-inicial__conversa-comentario-avatar {
    flex: 0 0 auto;
    margin-top: 0.15rem;
}

.emails-inicial__conversa-comentario-corpo[b-u3y3kfevya] {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 0.4rem;
    padding: 0.7rem 0.85rem;
    border-radius: 4px 12px 12px;
    background: color-mix(in srgb, var(--cor-primaria) 7%, var(--cor-superficie));
}

.emails-inicial__conversa-comentario--propria .emails-inicial__conversa-comentario-corpo[b-u3y3kfevya] {
    border-radius: 12px 4px 12px 12px;
    background: color-mix(in srgb, var(--cor-primaria) 16%, var(--cor-superficie));
}

.emails-inicial__conversa-comentario-cabecalho[b-u3y3kfevya] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
}

.emails-inicial__conversa-comentario-cabecalho strong[b-u3y3kfevya] {
    font-size: 0.86rem;
}

.emails-inicial__conversa-comentario-cabecalho time[b-u3y3kfevya] {
    color: var(--cor-texto-secundario);
    font-size: 0.76rem;
}

.emails-inicial__conversa-comentario-editado[b-u3y3kfevya] {
    color: var(--cor-texto-suave);
    font-size: 0.74rem;
    font-style: italic;
}

.emails-inicial__conversa-comentario-cabecalho .emails-inicial__mensagem-menu-acoes[b-u3y3kfevya] {
    margin-left: auto;
}

.emails-inicial__conversa-comentario-texto[b-u3y3kfevya] {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--cor-texto);
    font-size: 0.88rem;
    white-space: pre-wrap;
}

.emails-inicial__conversa-comentario-texto--truncado[b-u3y3kfevya] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.emails-inicial__conversa-comentario-expandir[b-u3y3kfevya] {
    margin: 0.25rem 0 0;
    padding: 0;
    border: none;
    background: none;
    color: var(--cor-primaria);
    font-size: 0.76rem;
    font-weight: 600;
    cursor: pointer;
}

.emails-inicial__conversa-comentario-expandir:hover[b-u3y3kfevya] {
    text-decoration: underline;
}

.emails-inicial__conversa-comentario-arquivos[b-u3y3kfevya] {
    display: grid;
    gap: 0.35rem;
}

.emails-inicial__conversa-comentario-arquivo[b-u3y3kfevya] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.emails-inicial__conversa-comentario-arquivo a[b-u3y3kfevya] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
    color: var(--cor-primaria);
    font-size: 0.8rem;
    text-decoration: none;
}

.emails-inicial__conversa-comentario-arquivo a:hover[b-u3y3kfevya] {
    text-decoration: underline;
}

.emails-inicial__conversa-comentario-arquivo a span[b-u3y3kfevya] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.emails-inicial__conversa-comentario-imagem[b-u3y3kfevya] {
    display: grid;
    gap: 0.3rem;
    max-width: 14rem;
}

.emails-inicial__conversa-comentario-imagem img[b-u3y3kfevya] {
    max-width: 100%;
    max-height: 10rem;
    border-radius: 8px;
    object-fit: cover;
}

.emails-composicao[b-u3y3kfevya] {
    display: grid;
    height: 100%;
    gap: var(--espacamento-3);
}

/* Cabecalho do email em linhas "Rotulo | campo" (Para, Copia, Copia oculta, Assunto, Assinatura), com o campo so com
   uma linha embaixo - ocupa bem menos altura que rotulo-em-cima + caixa e deixa mais espaco para o corpo. */
.emails-composicao .grade-campos[b-u3y3kfevya] {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--espacamento-3);
}

.emails-composicao__linha[b-u3y3kfevya] {
    grid-template-columns: 5.2rem minmax(0, 1fr);
    align-items: center;
    column-gap: var(--espacamento-2);
}

.emails-composicao__linha .campo-formulario__entrada[b-u3y3kfevya] {
    border: 0;
    border-bottom: 1px solid var(--cor-borda);
    border-radius: 0;
    background: transparent;
    padding-inline: 0.2rem;
}

.emails-composicao__linha .campo-formulario__entrada:focus[b-u3y3kfevya] {
    border-bottom-color: var(--cor-primaria);
    box-shadow: none;
    outline: 0;
}

/* "Para" com os links "Cc"/"Cco" na ponta direita da mesma linha (estilo Gmail): a linha de baixo e do conjunto. */
.emails-composicao__campo-com-acoes[b-u3y3kfevya] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: var(--espacamento-2);
    border-bottom: 1px solid var(--cor-borda);
}

.emails-composicao__campo-com-acoes:focus-within[b-u3y3kfevya] {
    border-bottom-color: var(--cor-primaria);
}

.emails-composicao__linha .emails-composicao__campo-com-acoes .campo-formulario__entrada[b-u3y3kfevya] {
    flex: 1;
    min-width: 0;
    border-bottom: 0;
}

.emails-composicao__alternar-copias[b-u3y3kfevya] {
    display: flex;
    flex: none;
    gap: 0.6rem;
}

.emails-composicao__alternar-copia[b-u3y3kfevya] {
    padding: 0.1rem 0.15rem;
    border: 0;
    background: transparent;
    color: var(--cor-texto-suave, var(--cor-texto));
    font: inherit;
    font-size: 0.85rem;
    cursor: pointer;
}

.emails-composicao__alternar-copia:hover[b-u3y3kfevya] {
    color: var(--cor-primaria);
    text-decoration: underline;
}

/* Anexar: botao com icone (o <input type="file"> nativo fica escondido; o label o aciona). */
.emails-composicao__anexar[b-u3y3kfevya] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 0.4rem;
    cursor: pointer;
}

.emails-composicao__anexar.desabilitado[b-u3y3kfevya] {
    opacity: 0.55;
    pointer-events: none;
}

.emails-composicao[b-u3y3kfevya]  .emails-composicao__anexos-entrada {
    display: none;
}

.emails-composicao .campo-formulario:has(#email-composicao-corpo)[b-u3y3kfevya] {
    min-height: 13rem;
}

/* Janela expandida: o editor ganha o espaco extra em vez de so ampliar as margens. */
.emails-composicao--expandida .campo-formulario:has(#email-composicao-corpo)[b-u3y3kfevya] {
    min-height: max(16rem, 35vh);
}

/* Sem isso o grid reparte a altura extra entre as duas linhas e a barra de formatacao fica esticada. */
.emails-composicao--expandida[b-u3y3kfevya]  .editor-html-rico {
    grid-template-rows: auto minmax(0, 1fr);
}

.emails-composicao #email-composicao-corpo[b-u3y3kfevya] {
    height: 100%;
    resize: none;
}

.emails-composicao__anexos[b-u3y3kfevya] {
    display: grid;
    gap: var(--espacamento-2);
    margin-top: var(--espacamento-2);
}

.emails-composicao__anexos-aviso[b-u3y3kfevya] {
    margin: var(--espacamento-2) 0 0;
    padding: var(--espacamento-2) var(--espacamento-3);
    border: 1px solid color-mix(in srgb, var(--cor-erro) 40%, var(--cor-borda));
    border-radius: var(--raio-medio);
    background: color-mix(in srgb, var(--cor-erro) 8%, var(--cor-superficie));
    color: var(--cor-erro);
    font-size: 0.82rem;
}

.emails-composicao__anexos > div[b-u3y3kfevya] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-2);
    padding: var(--espacamento-2) var(--espacamento-3);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    font-size: 0.82rem;
}

.emails-inicial__visualizacao-metadados[b-u3y3kfevya] {
    position: relative;
    display: grid;
    /* Coluna dos rotulos (Para, Copia, Rastreamento...) com a largura do maior rotulo - antes era fixa em 3.5rem e
       "Rastreamento" passava por cima do valor ao lado. Cada linha (div) usa "display: contents" para os rotulos
       e valores de todas as linhas ficarem alinhados nas mesmas duas colunas. */
    grid-template-columns: max-content minmax(0, 1fr);
    align-items: center;
    column-gap: var(--espacamento-3);
    row-gap: var(--espacamento-2);
    font-size: 0.82rem;
    margin: 0;
    padding: var(--espacamento-3) 4.25rem var(--espacamento-3) var(--espacamento-5);
    border-bottom: 1px solid var(--cor-borda);
}

.emails-inicial__visualizacao-metadados > div:not(.emails-inicial__visualizacao-metadados-acoes)[b-u3y3kfevya] {
    display: contents;
}

.emails-inicial__visualizacao-metadados dt[b-u3y3kfevya] {
    color: var(--cor-texto-secundario);
    font-weight: 600;
    white-space: nowrap;
}

.emails-inicial__visualizacao-metadados dd[b-u3y3kfevya] {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.emails-inicial__visualizacao-rastreamento[b-u3y3kfevya] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    overflow: visible;
    white-space: nowrap;
}

.emails-inicial__visualizacao-rastreamento span[b-u3y3kfevya] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: var(--cor-texto-secundario);
}

.emails-inicial__visualizacao-metadados > .emails-inicial__visualizacao-metadados-acoes[b-u3y3kfevya] {
    position: absolute;
    top: 50%;
    right: var(--espacamento-5);
    display: flex;
    align-items: center;
    transform: translateY(-50%);
}

.emails-inicial__modal-email-visualizacao[b-u3y3kfevya] {
    display: flex;
    flex: 1 1 0;
    min-height: 0;
    height: 100%;
    flex-direction: column;
}

.emails-inicial__modal-email-visualizacao .emails-inicial__visualizacao-metadados[b-u3y3kfevya] {
    flex: 0 0 auto;
}

.emails-inicial__modal-email-visualizacao .emails-inicial__visualizacao-anexos[b-u3y3kfevya] {
    flex: 0 0 auto;
}

.emails-inicial__modal-email-visualizacao .emails-inicial__visualizacao-corpo[b-u3y3kfevya] {
    flex: 1 1 0;
    min-height: 0;
}

.emails-inicial__modal-email-visualizacao .emails-inicial__visualizacao-corpo iframe[b-u3y3kfevya] {
    min-height: 0;
    height: 100%;
}

.emails-inicial__visualizacao-anexos[b-u3y3kfevya] {
    padding: var(--espacamento-3) var(--espacamento-5);
    border-bottom: 1px solid var(--cor-borda);
}

.emails-inicial__visualizacao-anexos h3[b-u3y3kfevya] {
    margin: 0 0 var(--espacamento-2);
    font-size: 0.88rem;
}

.emails-inicial__visualizacao-anexos > div[b-u3y3kfevya] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espacamento-2);
}

.emails-inicial__visualizacao-anexos a[b-u3y3kfevya] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    max-width: 15rem;
    padding: 0.35rem 0.5rem;
    border: 1px solid var(--cor-borda);
    border-radius: 5px;
    color: var(--cor-texto);
    font-size: 0.78rem;
    text-decoration: none;
}

.emails-inicial__visualizacao-anexos a:hover[b-u3y3kfevya] {
    border-color: var(--cor-primaria);
    color: var(--cor-primaria);
}

.emails-inicial__visualizacao-anexos span[b-u3y3kfevya] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.emails-inicial__visualizacao-corpo[b-u3y3kfevya] {
    display: flex;
    min-height: 8rem;
    flex: 1;
    padding: var(--espacamento-5);
    /* Sem teto de altura: o iframe cresce ate o conteudo inteiro do email (ver ajustarAlturaCorpoEmail em
       sistema.js) e quem rola e so a conversa (".emails-inicial__conversa"). Antes o teto de 40rem fazia o email
       longo ganhar uma segunda barra de rolagem dentro da propria area de leitura (scroll duplo). */
    overflow: hidden;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.emails-inicial__visualizacao-corpo iframe[b-u3y3kfevya] {
    display: block;
    width: 100%;
    flex: 1;
    border: 0;
    background: #fff;
    /* Comeca invisivel e so aparece depois que o JS mede o conteudo e aplica a altura real (ver
       nexoEmailLinks/ajustarAlturaCorpoEmail em sistema.js) - sem isso da pra ver, por um instante, o email
       inteiro "esmagado" dentro da altura minima ate o calculo terminar e o iframe pular pro tamanho certo. */
    opacity: 0;
    transition: opacity 0.18s ease;
}

.emails-inicial__visualizacao-corpo iframe.emails-inicial__visualizacao-corpo-pronto[b-u3y3kfevya],
/* O iframe do modal de visualizacao nunca recebe essa classe (ja preenche 100% da altura fixa do modal, sem
   calculo de altura - ver ajustarAlturaCorpoEmail) - fica sempre visivel desde o inicio. */
.emails-inicial__modal-email-visualizacao .emails-inicial__visualizacao-corpo iframe[b-u3y3kfevya] {
    opacity: 1;
}

.emails-inicial__lista-cabecalho[b-u3y3kfevya] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-4);
    padding: var(--espacamento-3) var(--espacamento-5);
    border-bottom: 1px solid var(--cor-borda);
}

.emails-inicial__lista-cabecalho-titulo[b-u3y3kfevya] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--espacamento-3);
    min-width: 0;
}

.emails-inicial__lista-cabecalho-titulo > div[b-u3y3kfevya] {
    min-width: 0;
}

.emails-inicial__lista-minimizar[b-u3y3kfevya] {
    width: 2rem;
    height: 2rem;
}

.emails-inicial__acoes-selecao[b-u3y3kfevya] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--espacamento-2);
    margin-left: auto;
}

.emails-inicial__acoes-selecao strong[b-u3y3kfevya] {
    color: var(--cor-texto-secundario);
    font-size: 0.82rem;
    white-space: nowrap;
}

.emails-inicial__acao-selecao[b-u3y3kfevya] {
    min-height: 2.3rem;
    padding: 0 0.75rem;
}

.emails-inicial__acao-selecao--perigo[b-u3y3kfevya] {
    color: var(--cor-erro);
}

.emails-inicial__lista-cabecalho span[b-u3y3kfevya] {
    color: var(--cor-texto-secundario);
    font-size: 0.82rem;
}

.emails-inicial__lista-cabecalho h2[b-u3y3kfevya] {
    margin: 0;
    font-size: 1.15rem;
}

.emails-inicial__titulo-caixa[b-u3y3kfevya] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.emails-inicial__titulo-caixa h2[b-u3y3kfevya] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Ocupa a linha 1 inteira do grid de ".emails-inicial__layout" (ambas as colunas, quando um email esta aberto
   e a lista/leitura ficam lado a lado) - fica no topo de tudo sempre, com ou sem email aberto, em vez de
   morar dentro de ".emails-inicial__lista" (que so ocuparia a coluna estreita da lista nesse estado). */
.emails-inicial__categorias[b-u3y3kfevya] {
    display: flex;
    grid-column: 1 / -1;
    grid-row: 1;
    align-items: stretch;
    min-width: 0;
    overflow-x: auto;
    border-bottom: 1px solid var(--cor-borda);
    background: var(--cor-superficie-suave);
}

.emails-inicial__categoria[b-u3y3kfevya] {
    display: flex;
    flex: 1 0 8.75rem;
    align-items: center;
    justify-content: flex-start;
    gap: 0.65rem;
    min-height: 3.65rem;
    padding: 0.65rem 1rem 0.5rem;
    border: 0;
    border-bottom: 3px solid transparent;
    background: transparent;
    color: var(--cor-texto-secundario);
    font: inherit;
    font-size: 0.86rem;
    font-weight: 600;
    white-space: nowrap;
}

.emails-inicial__categoria strong[b-u3y3kfevya] {
    margin-left: auto;
    color: inherit;
    font-size: 0.78rem;
}

.emails-inicial__categoria:hover[b-u3y3kfevya] {
    background: var(--cor-superficie-suave);
    color: var(--cor-texto);
}

.emails-inicial__categoria.ativa[b-u3y3kfevya] {
    border-bottom-color: transparent;
    background: var(--cor-superficie-elevada);
    color: var(--cor-primaria);
}

/* Categoria com mensagem(ns) nao lida(s): cor primaria do tema (mesmo destaque de uma aba ativa) + negrito,
   em vez da cor secundaria/apagada padrao da aba - fica visualmente igual a um email nao lido na lista, so que
   com a cor do tema em vez da cor de texto normal. Nao se aplica quando a aba tambem esta ativa (a cor
   primaria de ".ativa" ja cobre o mesmo destaque). */
.emails-inicial__categoria.com-nao-lidas:not(.ativa)[b-u3y3kfevya] {
    color: var(--cor-primaria);
    font-weight: 700;
}

/* Icone de envelope antes do nome, so quando ha mensagem(ns) nao lida(s) - reforca visualmente o mesmo sinal
   da cor/negrito. Acompanha a cor do texto (herdada via "currentColor" no IconeSistema). */
.emails-inicial__categoria.com-nao-lidas .icone-sistema[b-u3y3kfevya] {
    flex: 0 0 auto;
    color: inherit;
}

.emails-inicial__busca[b-u3y3kfevya] {
    display: flex;
    flex: 0 1 17rem;
    align-items: center;
    gap: 0.45rem;
    width: 17rem;
    min-width: 0;
    padding: 0 0.75rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
    color: var(--cor-texto-secundario);
}

.emails-inicial__lista-cabecalho-busca[b-u3y3kfevya] {
    display: flex;
    flex: 0 1 auto;
    align-items: center;
    gap: var(--espacamento-2);
    max-width: 100%;
    min-width: 0;
}

.emails-inicial__novo-email[b-u3y3kfevya] {
    flex-shrink: 0;
    white-space: nowrap;
    color: #fff;
}

.emails-inicial__novo-email span[b-u3y3kfevya] {
    white-space: nowrap;
    color: #fff;
}

.emails-inicial__busca input[b-u3y3kfevya] {
    min-width: 0;
    width: 100%;
    min-height: 2.3rem;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--cor-texto);
}

.emails-inicial__lista-conteudo[b-u3y3kfevya] {
    display: grid;
    align-content: start;
    gap: var(--espacamento-3);
    padding: var(--espacamento-4) var(--espacamento-5);
    /* Rola por conta propria (em vez da pagina toda) pra a paginacao no rodape de ".emails-inicial__lista"
       ficar sempre visivel, sem precisar rolar ate o fim de uma lista longa de mensagens pra encontra-la. */
    min-height: 0;
    overflow-y: auto;
}

.emails-inicial__lista-conteudo:has(.estado-vazio)[b-u3y3kfevya] {
    place-items: center;
}

.emails-inicial__lista-paginacao[b-u3y3kfevya] {
    padding: var(--espacamento-3) var(--espacamento-6);
    border-top: 1px solid var(--cor-borda);
    background: var(--cor-superficie-elevada);
}

.emails-inicial__lista-paginacao .paginacao-lista[b-u3y3kfevya] {
    margin-top: 0;
}

.emails-inicial__mensagens[b-u3y3kfevya] {
    display: grid;
    width: 100%;
    align-content: start;
    gap: 0.25rem;
}

.emails-inicial__mensagem-item[b-u3y3kfevya] {
    display: grid;
    /* 3 colunas: checkbox, conteudo (assunto + metadados empilhados) e as acoes/categoria/contador/avatar do
       fim da linha - "align-items: center" centraliza o checkbox e as acoes verticalmente em relacao a altura
       toda do card (as 2 linhas do conteudo), em vez de so alinhar com a primeira linha (o assunto). */
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--espacamento-3);
    min-height: 3.6rem;
    padding: 0.55rem var(--espacamento-3);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
    transition: 0.15s ease;
    /* Sem isso, arrastar a partir do texto do assunto compete com a selecao de texto nativa do navegador,
       deixando o arrasto "preso"/travado em vez de acompanhar o mouse com fluidez. */
    -webkit-user-drag: none;
    user-select: none;
    -webkit-user-select: none;
}

/* Com um email aberto a lista fica bem estreita (19-25rem, ver .emails-inicial__layout--com-visualizacao) - os
   icones individuais (arquivar/ler-nao lida/fechar/flag/excluir) lado a lado mais o seletor de categoria nao
   cabiam sem espremer o assunto/metadados a quase nada visivel (cortando tudo, ver captura do bug original).
   Por isso, so nesse estado estreito: as acoes viram um unico botao "..." com menu suspenso (troca via CSS,
   ver ".emails-inicial__mensagem-acoes-diretas/-menu" abaixo) e o seletor de categoria desce pra uma segunda
   linha (largura total do card), sobrando espaco de verdade pro conteudo na primeira linha (checkbox +
   assunto/metadados + "..."). ".emails-inicial__mensagem-rodape-direita" vira "display: contents": ele deixa
   de ser uma coluna do grid do card e seus filhos (acoes-rapidas, categoria, ...) passam a competir pelas
   areas nomeadas abaixo como se fossem filhos diretos do item - sem isso "grid-area" nos filhos seria ignorado
   (só participam do grid do avo quem e filho direto dele). */
.emails-inicial__layout--com-visualizacao .emails-inicial__mensagem-item[b-u3y3kfevya] {
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas:
        "selecao conteudo acoes"
        ".       categoria categoria";
    gap: 0.6rem;
    min-height: 0;
    padding: 0.5rem var(--espacamento-3);
    row-gap: 0.35rem;
}

.emails-inicial__layout--com-visualizacao .emails-inicial__mensagem-item .emails-inicial__mensagem-conteudo[b-u3y3kfevya] {
    grid-area: conteudo;
    gap: 0.25rem;
}

.emails-inicial__layout--com-visualizacao .emails-inicial__mensagem-item .emails-inicial__mensagem-selecao-area[b-u3y3kfevya] {
    grid-area: selecao;
}

.emails-inicial__layout--com-visualizacao .emails-inicial__mensagem-item .emails-inicial__mensagem-rodape-direita[b-u3y3kfevya] {
    display: contents;
}

.emails-inicial__layout--com-visualizacao .emails-inicial__mensagem-item .emails-inicial__mensagem-acoes-rapidas[b-u3y3kfevya] {
    grid-area: acoes;
    justify-self: end;
    min-width: 0;
}

.emails-inicial__layout--com-visualizacao .emails-inicial__mensagem-item .emails-inicial__mensagem-categoria[b-u3y3kfevya] {
    grid-area: categoria;
    justify-self: stretch;
    width: auto;
    /* Nesse layout estreito o botao ocupa a linha inteira (justify-self: stretch acima) - sem limitar a
       largura maxima como no layout normal, que so reserva espaco proporcional ao nome da categoria. */
    max-width: none;
}

.emails-inicial__layout--com-visualizacao .emails-inicial__mensagem-item .emails-inicial__mensagem-quantidade[b-u3y3kfevya],
.emails-inicial__layout--com-visualizacao .emails-inicial__mensagem-item .emails-inicial__mensagem-comentario[b-u3y3kfevya],
.emails-inicial__layout--com-visualizacao .emails-inicial__mensagem-item .emails-inicial__mensagem-avatar-slot[b-u3y3kfevya] {
    display: none;
}

.emails-inicial__mensagem-selecao[b-u3y3kfevya] {
    /* Checkbox maior que o padrao do sistema, para ficar em destaque igual ao modelo de referencia. Sem
       margin-top: com o item usando "align-items: center" agora, ele ja fica centralizado nas 2 linhas do
       card sozinho. */
    width: 1.15rem;
    height: 1.15rem;
    /* A area de clique maior fica no label pai (".emails-inicial__mensagem-selecao-area") - o input em si nao
       precisa reagir a hover/cursor separadamente. */
    pointer-events: none;
}

/* Label que envolve o checkbox: area clicavel bem maior que a caixinha (inclusive "sangrando" para a esquerda,
   sobre o padding do card, ate a borda) - clicar em qualquer parte dela marca/desmarca o input nativo dentro,
   sem precisar de JS. A caixinha em si continua do mesmo tamanho (".emails-inicial__mensagem-selecao" acima),
   so centralizada dentro dessa area maior. */
.emails-inicial__mensagem-selecao-area[b-u3y3kfevya] {
    /* Sem "grid-area" aqui: no layout largo (padrao) o item nao define "grid-template-areas", entao um nome
       inexistente ("selecao") quebrava o posicionamento e jogava o label pro canto inferior direito do card -
       nesse layout o label so precisa ocupar a 1a coluna normalmente, na ordem do DOM. A area nomeada
       "selecao" so existe no grid da variante estreita (".emails-inicial__layout--com-visualizacao") e no
       mobile - la sim ela e atribuida, nas regras abaixo. */
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    /* Estica para cobrir a altura toda do card e "come" o padding esquerdo/superior/inferior do item com margem
       negativa, compensada pelo padding equivalente - aumenta a area clicavel sem mudar o layout das colunas. */
    margin: -0.55rem 0 -0.55rem calc(-1 * var(--espacamento-3));
    padding: 0.55rem var(--espacamento-3) 0.55rem calc(var(--espacamento-3) + 0.35rem);
    cursor: pointer;
}

/* Clicavel: abre o email ao clicar em qualquer area dela que nao seja um botao/controle proprio (esses usam
   "@onclick:stopPropagation" para nao disparar a abertura tambem) - ver EmailsInicial.razor. */
.emails-inicial__mensagem-conteudo[b-u3y3kfevya] {
    /* 3 colunas: avatar do remetente (ocupa as 2 linhas), assunto/metadados e a data no canto direito da 1a linha. */
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.15rem 0.5rem;
    min-width: 0;
    color: var(--cor-texto);
    cursor: pointer;
}

.emails-inicial__mensagem-conteudo:focus-visible[b-u3y3kfevya] {
    outline: 2px solid var(--cor-primaria);
    outline-offset: 2px;
}

/* Somente :hover (sem :focus-within) - desde que o conteudo da linha ganhou "tabindex" (pra abrir o email
   tambem pelo teclado), qualquer clique num botao/controle dentro dela deixava o item com foco e o destaque
   "grudado" mesmo com o mouse bem longe dali. Deve sumir assim que o mouse realmente sai de cima da linha. */
.emails-inicial__mensagem-item:hover[b-u3y3kfevya] {
    border-color: color-mix(in srgb, var(--cor-primaria) 35%, var(--cor-borda));
    background: var(--cor-primaria-suave);
}

.emails-inicial__mensagem-item.nao-lida[b-u3y3kfevya] {
    border-left: 3px solid var(--cor-primaria);
}

.emails-inicial__mensagem-item.com-resposta:not(.nao-lida)[b-u3y3kfevya] {
    border-left: 3px solid color-mix(in srgb, var(--cor-primaria) 45%, transparent);
}

/* Nao lidas ficam em destaque (assunto em negrito); ja lidas voltam ao peso normal, mas mantem a cor de texto
   normal (nao apagada/fraca) - so o negrito marca o que ainda falta ler, igual a maioria dos clientes de email. */
/* Não lidas em destaque: assunto e remetente na cor de texto cheia (branco no tema escuro /
   preto no claro) e em negrito - não na cor secundária/apagada usada nos metadados. */
.emails-inicial__mensagem-item.nao-lida .emails-inicial__mensagem-assunto[b-u3y3kfevya],
.emails-inicial__mensagem-item.nao-lida .emails-inicial__mensagem-remetente[b-u3y3kfevya] {
    color: var(--cor-texto);
    font-weight: 700;
}

.emails-inicial__mensagem-item:not(.nao-lida) .emails-inicial__mensagem-assunto[b-u3y3kfevya] {
    color: var(--cor-texto);
    font-weight: 400;
}

.emails-inicial__mensagem-item.selecionada[b-u3y3kfevya] {
    border-color: var(--cor-primaria);
    background: var(--cor-primaria-suave);
}

.emails-inicial__mensagem-item.arrastando[b-u3y3kfevya] {
    opacity: 0.55;
}

.emails-inicial__mensagem-item.mensagem-movida[b-u3y3kfevya],
.emails-inicial__categoria-item > .emails-inicial__mensagem-item[b-u3y3kfevya],
.emails-inicial__caixa-destino > .emails-inicial__mensagem-item[b-u3y3kfevya] {
    display: none;
}

.emails-inicial__mensagem-arrasto[b-u3y3kfevya] {
    pointer-events: none;
    z-index: 9999;
    box-shadow: 0 0.5rem 1.5rem rgb(0 0 0 / 20%);
    user-select: none;
    -webkit-user-select: none;
}

.emails-inicial__mensagem-remetente-avatar[b-u3y3kfevya] {
    display: grid;
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 2.15rem;
    height: 2.15rem;
    margin-right: 0.15rem;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    /* Foto do remetente (quando ele e um usuario/cliente cadastrado) cobre as iniciais. */
    position: relative;
    overflow: hidden;
}

.emails-inicial__mensagem-remetente-avatar > img[b-u3y3kfevya] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.emails-inicial__mensagem-conteudo > .emails-inicial__mensagem-assunto-grupo[b-u3y3kfevya] {
    grid-column: 2 / -1;
    grid-row: 1;
}

.emails-inicial__mensagem-conteudo > .emails-inicial__mensagem-meta[b-u3y3kfevya] {
    grid-column: 2;
    grid-row: 2;
}

.emails-inicial__mensagem-assunto-grupo[b-u3y3kfevya] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
}

.emails-inicial__mensagem-assunto[b-u3y3kfevya] {
    min-width: 0;
    overflow: hidden;
    font-size: 0.89rem;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.emails-inicial__mensagem-flag[b-u3y3kfevya] {
    display: inline-flex;
    flex: 0 0 auto;
    color: var(--cor-primaria);
}

/* Tag de texto exibida antes do assunto quando a mensagem tem prioridade definida (diferente de "Nenhuma") -
   so exibicao, sem interacao: o clique para editar a prioridade continua no botao-icone (ver
   ".emails-inicial__prioridade-icone-wrapper" logo abaixo). */
.emails-inicial__mensagem-prioridade-tag[b-u3y3kfevya] {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    border-radius: var(--raio-pequeno);
    padding: 0.05rem 0.5rem;
    font-size: 0.7rem;
    font-weight: 600;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.emails-inicial__mensagem-prioridade-tag--alta[b-u3y3kfevya] {
    color: var(--cor-perigo, #e5484d);
    background: color-mix(in srgb, var(--cor-perigo, #e5484d) 14%, transparent);
}

.emails-inicial__mensagem-prioridade-tag--media[b-u3y3kfevya] {
    color: var(--cor-alerta, #f5a623);
    background: color-mix(in srgb, var(--cor-alerta, #f5a623) 16%, transparent);
}

.emails-inicial__mensagem-prioridade-tag--baixa[b-u3y3kfevya] {
    color: var(--cor-sucesso, #2e7d32);
    background: color-mix(in srgb, var(--cor-sucesso, #2e7d32) 14%, transparent);
}

/* Wrapper do botao de prioridade na linha da lista (icone, ao lado do flag) - so precisa ser o pai imediato do
   botao gatilho e do painel ".menu-flutuante" para o auto-posicionamento generico (ver "nexoMenuFlutuante" em
   sistema.js) funcionar. */
.emails-inicial__prioridade-icone-wrapper[b-u3y3kfevya] {
    display: inline-flex;
    position: relative;
}

/* Cor do icone reflete a prioridade atual da mensagem - "Nenhuma" fica com a cor neutra padrao do ".botao-icone". */
.emails-inicial__prioridade-icone--alta[b-u3y3kfevya] {
    color: var(--cor-perigo, #e5484d);
}

.emails-inicial__prioridade-icone--media[b-u3y3kfevya] {
    color: var(--cor-alerta, #f5a623);
}

.emails-inicial__prioridade-icone--baixa[b-u3y3kfevya] {
    color: var(--cor-sucesso, #2e7d32);
}

/* Pontos coloridos ao lado de cada opcao no menu de escolha de prioridade - mesma paleta da tag. */
.emails-inicial__prioridade-ponto[b-u3y3kfevya] {
    display: inline-block;
    flex: 0 0 auto;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 999px;
}

.emails-inicial__prioridade-ponto--alta[b-u3y3kfevya] {
    background: var(--cor-perigo, #e5484d);
}

.emails-inicial__prioridade-ponto--media[b-u3y3kfevya] {
    background: var(--cor-alerta, #f5a623);
}

.emails-inicial__prioridade-ponto--baixa[b-u3y3kfevya] {
    background: var(--cor-sucesso, #2e7d32);
}

.emails-inicial__prioridade-ponto--nenhuma[b-u3y3kfevya] {
    background: var(--cor-texto-suave);
}

/* Wrapper do botao "Prioridade" da barra de acoes em massa - so precisa ser o pai imediato do botao gatilho e do
   painel ".menu-flutuante" para o auto-posicionamento generico (ver "nexoMenuFlutuante" em sistema.js) funcionar. */
.emails-inicial__prioridade-selecao[b-u3y3kfevya] {
    display: inline-flex;
    position: relative;
}

.emails-inicial__mensagem-trabalho[b-u3y3kfevya] {
    align-self: center;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    flex: 0 1 fit-content;
    width: fit-content;
    max-width: 18rem;
    min-width: min-content;
    overflow: hidden;
    color: var(--cor-primaria);
    font-size: 0.85rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.emails-inicial__mensagem-trabalho > span[b-u3y3kfevya] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

button.emails-inicial__mensagem-trabalho--acao[b-u3y3kfevya] {
    align-items: center;
    gap: 0.2rem;
    padding: 0.1rem 0.32rem;
    border: 1px solid color-mix(in srgb, var(--cor-primaria) 30%, transparent);
    border-radius: 0.35rem;
    background: color-mix(in srgb, var(--cor-primaria) 8%, transparent);
    cursor: pointer;
    font: inherit;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1;
    color: var(--cor-primaria);
}

button.emails-inicial__mensagem-trabalho--acao > span[b-u3y3kfevya] {
    line-height: 1;
}

button.emails-inicial__mensagem-trabalho--acao:hover[b-u3y3kfevya],
button.emails-inicial__mensagem-trabalho--acao:focus-visible[b-u3y3kfevya] {
    background: color-mix(in srgb, var(--cor-primaria) 18%, transparent);
    border-color: var(--cor-primaria);
}

.emails-inicial__mensagem-anexo[b-u3y3kfevya] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    color: var(--cor-texto-secundario);
}

/* Linha inferior do item: metadados (ID/remetente/tempo) a esquerda, acoes rapidas + categoria + contagem de
   respostas + comentario + avatar do dono a direita - ver EmailsInicial.razor. */
.emails-inicial__mensagem-meta[b-u3y3kfevya] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
    overflow: hidden;
    color: var(--cor-texto-secundario);
    font-size: 0.9rem;
    white-space: nowrap;
}

.emails-inicial__mensagem-id[b-u3y3kfevya] {
    flex: 0 0 auto;
    font-weight: 600;
}

.emails-inicial__mensagem-remetente[b-u3y3kfevya] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.emails-inicial__mensagem-meta-separador[b-u3y3kfevya] {
    flex: 0 0 auto;
    opacity: 0.6;
}

.emails-inicial__mensagem-tempo[b-u3y3kfevya] {
    grid-column: 3;
    grid-row: 2;
    flex: 0 0 auto;
    /* Encostada na borda direita do conteudo, com algarismos de largura fixa: as horas ficam alinhadas
       verticalmente entre as linhas, mesmo com textos de tamanhos diferentes ("08:00", "Ontem as 08:00"). */
    justify-self: end;
    text-align: right;
    font-variant-numeric: tabular-nums;
    color: var(--cor-texto-secundario);
    font-size: 0.74rem;
    white-space: nowrap;
}

.emails-inicial__mensagem-item.nao-lida .emails-inicial__mensagem-tempo[b-u3y3kfevya] {
    color: var(--cor-primaria);
    font-weight: 600;
}

/* "align-items: center" ja centraliza este bloco verticalmente em relacao ao resto do rodape (meta a esquerda),
   independente de qual lado ficar mais alto - com os elementos maiores abaixo, a altura da linha cresce e tudo
   dentro dela (icones, select de categoria, contador, comentario, avatar) acompanha centralizado. */
.emails-inicial__mensagem-rodape-direita[b-u3y3kfevya] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-height: 2.5rem;
}

/* Largura fixa reservada para as acoes (5 icones individuais na lista larga, ou um unico "..." na lista
   estreita - ver ".emails-inicial__mensagem-acoes-diretas/-menu" abaixo) - fica sempre renderizado, mesmo
   vazio/sem hover, pra coluna seguinte (categoria) sempre comecar no mesmo x. */
.emails-inicial__mensagem-acoes-rapidas[b-u3y3kfevya] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /* Cabe os 8 icones possiveis (vinculo de job, arquivar, lida, fechar, flag, prioridade, dono, excluir): com
       menos que isso, linhas que tem todos os icones (ex.: com job vinculado) ficavam com o fim mais largo e
       empurravam a coluna da data para a esquerda em relacao as outras linhas. */
    min-width: 13.9rem;
    flex: 0 0 auto;
    opacity: 0;
    transition: opacity 0.15s ease;
}

/* Somente :hover (sem :focus-within) - o item nao deve continuar mostrando as acoes rapidas so porque um
   elemento dele (ex.: o seletor de categoria) ficou com foco depois de clicado; devem sumir assim que o mouse
   realmente sai de cima da linha. */
.emails-inicial__mensagem-item:hover .emails-inicial__mensagem-acoes-rapidas[b-u3y3kfevya] {
    opacity: 1;
}

/* Com o menu "..." aberto o botao precisa continuar visivel mesmo se o mouse sair da linha (ex.: usuario move
   o cursor em linha reta ate um item do menu, que fica visualmente abaixo do card) - sem isso o botao "..."
   sumiria (opacity: 0 da regra de hover acima) enquanto o menu embaixo dele continua aberto. */
.emails-inicial__mensagem-acoes-rapidas:has(.emails-inicial__mensagem-menu)[b-u3y3kfevya] {
    opacity: 1;
}

/* As duas variantes das acoes rapidas (icones individuais vs. botao "..." com menu) ficam sempre as duas no
   DOM - alternadas so por CSS conforme a largura da lista, nunca por um "if" do Blazor, pra abrir/fechar um
   email nao derrubar e remontar esses elementos (perderia o estado de foco/menu aberto). Ver
   EmailsInicial.razor. */
.emails-inicial__mensagem-acoes-diretas[b-u3y3kfevya] {
    display: flex;
    align-items: center;
    gap: 0.15rem;
}

.emails-inicial__mensagem-acoes-menu[b-u3y3kfevya] {
    display: none;
    align-items: center;
}

.emails-inicial__layout--com-visualizacao .emails-inicial__mensagem-acoes-diretas[b-u3y3kfevya] {
    display: none;
}

.emails-inicial__layout--com-visualizacao .emails-inicial__mensagem-acoes-menu[b-u3y3kfevya] {
    display: flex;
}

.emails-inicial__mensagem-acoes-diretas .botao-icone[b-u3y3kfevya] {
    box-sizing: border-box;
    /* Bem menores que o "botao-icone" padrao do sistema e sem borda/fundo (so o icone) - ficam discretos ate o
       hover no card os revelar; um leve fundo redondo aparece so no :hover/:focus-visible do proprio botao,
       como feedback de clique. */
    width: 1.6rem;
    height: 1.6rem;
    padding: 0;
    /* Centraliza o SVG dentro do botao de forma explicita - nao depende do "display: inline-grid/place-items"
       herdado do ".botao-icone" padrao, que na pratica deixava alguns icones levemente deslocados aqui. */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    border: none;
    background: transparent;
    border-radius: 999px;
}

.emails-inicial__mensagem-acoes-diretas .botao-icone .icone-sistema[b-u3y3kfevya] {
    display: block;
}

.emails-inicial__mensagem-acoes-diretas .botao-icone:hover[b-u3y3kfevya],
.emails-inicial__mensagem-acoes-diretas .botao-icone:focus-visible[b-u3y3kfevya] {
    background: var(--cor-superficie-suave);
}

/* "Mais pra cima" da linha: em vez de acompanhar o "align-items: center" do rodape (que centraliza em relacao
   as 2 linhas do card inteiro), esse grupo de icones sobe e fica alinhado ao topo, rente a linha do assunto -
   ver referencia visual. Sem alterar a altura/alinhamento do avatar, categoria e contador ao lado, que
   continuam centralizados normalmente. */
.emails-inicial__mensagem-acoes-rapidas[b-u3y3kfevya] {
    align-self: flex-start;
    margin-top: -0.1rem;
}

.emails-inicial__mensagem-acoes-menu .botao-icone[b-u3y3kfevya] {
    box-sizing: border-box;
    width: 1.9rem;
    height: 1.9rem;
}

.emails-inicial__mensagem-acao--perigo[b-u3y3kfevya] {
    color: var(--cor-erro);
}

/* Largura adaptavel (acompanha o nome da categoria, dentro destes limites) em vez de fixa - "No category" nao
   fica com espaco sobrando, e o teto foi levantado pra caber nomes de categoria bem mais longos (ex.: "Awaiting
   Approval") sem cortar - antes 8.25rem truncava a maioria dos nomes com mais de uma palavra. */
.emails-inicial__mensagem-categoria[b-u3y3kfevya] {
    min-width: 4.5rem;
    max-width: 13rem;
    width: auto;
    flex: 0 0 auto;
}

.emails-inicial__mensagem-categoria[b-u3y3kfevya]  .selecao-padrao {
    width: 100%;
}

/* Lista larga (sem email aberto): a coluna da categoria tem largura fixa, com a pilula encostada na direita.
   Sem isso a largura do fim da linha varia com o nome da categoria ("New enquiry" x "Ready to book") e a
   coluna da data, que fica logo antes, desalinha de uma linha para outra. */
@media (min-width: 1101px) {
    .emails-inicial__layout:not(.emails-inicial__layout--com-visualizacao) .emails-inicial__mensagem-categoria[b-u3y3kfevya] {
        display: flex;
        justify-content: flex-end;
        width: 10rem;
        min-width: 10rem;
        max-width: 10rem;
    }

    .emails-inicial__layout:not(.emails-inicial__layout--com-visualizacao) .emails-inicial__mensagem-categoria[b-u3y3kfevya]  .selecao-padrao {
        width: auto;
        max-width: 100%;
    }

    /* Coluna da data com largura fixa e texto alinhado a esquerda: todas as datas/horas comecam no mesmo x
       (o fim da linha tambem tem largura fixa, entao a coluna fica sempre no mesmo lugar). */
    .emails-inicial__layout:not(.emails-inicial__layout--com-visualizacao) .emails-inicial__mensagem-conteudo[b-u3y3kfevya] {
        grid-template-columns: auto minmax(0, 1fr) 8.5rem;
    }

    .emails-inicial__layout:not(.emails-inicial__layout--com-visualizacao) .emails-inicial__mensagem-tempo[b-u3y3kfevya] {
        justify-self: start;
        text-align: left;
    }
}

.emails-inicial__mensagem-categoria[b-u3y3kfevya]  .selecao-padrao__gatilho {
    /* "box-sizing: border-box" e essencial aqui: sem ele, o padding soma por cima do min/max-height (que e so
       o content-box por padrao no projeto), deixando este botao mais alto que os icones ao lado e quebrando o
       alinhamento vertical de toda a linha ("align-items: center" no pai nao resolve isso sozinho).
       Bem menor que o padrao do sistema (letra e padding bem reduzidos, borda mais fina) - fica discreto ao
       lado dos icones de acao. */
    box-sizing: border-box;
    min-height: 1.4rem;
    max-height: 1.4rem;
    padding: 0 0.55rem;
    /* Etiqueta (pilula) discreta: fundo suave e borda transparente em vez de um campo de formulario com borda. */
    border: 1px solid transparent;
    border-radius: 999px;
    background: var(--cor-superficie-suave);
    box-shadow: none;
    font-size: 0.68rem;
    gap: 0.25rem;
}

.emails-inicial__mensagem-categoria[b-u3y3kfevya]  .selecao-padrao__gatilho:hover {
    border-color: var(--cor-borda);
}

.emails-inicial__mensagem-categoria[b-u3y3kfevya]  .selecao-padrao__icone .icone-sistema {
    /* Seta do gatilho acompanha a reducao geral do componente - o "IconeSistema" define largura/altura via
       "style" inline (com base no parametro "Tamanho"), entao precisa de "!important" pra um CSS externo
       conseguir encolher esse icone especifico sem alterar o componente compartilhado. */
    width: 0.65rem !important;
    height: 0.65rem !important;
}

/* Sem a bolinha colorida da categoria - nem na caixinha fechada da lista, nem nas opcoes do painel que abre ao
   clicar (":deep" alcanca as duas, ja que o painel continua sendo filho do mesmo componente no DOM, so
   reposicionado via JS) - so o nome em ambos os lugares, sem nenhuma cor antes do texto. */
.emails-inicial__mensagem-categoria[b-u3y3kfevya]  .amostra-cor__preview {
    display: none;
}

/* Icone de email com um contador no canto superior direito (quando a conversa tem mais de 1 mensagem) - sempre
   renderizado (mesmo sem nenhuma resposta) pra reservar a largura da coluna, mas nesse caso fica "desabilitado"
   (variante ".emails-inicial__mensagem-quantidade--vazia" abaixo: sem contador, icone apagado), em vez de
   escondido, pra deixar claro visualmente que aquele email nao tem respostas. */
.emails-inicial__mensagem-quantidade[b-u3y3kfevya] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    box-sizing: border-box;
    width: 2.3rem;
    height: 2.3rem;
    /* Mesmo visual "quadrado" do ".botao-icone" (sem border-radius, fundo/cor neutros) usado pelo botao de
       comentario ao lado - so o contador no canto (abaixo) fica colorido, nao o icone inteiro. A borda e
       explicita nos dois (nao so no comentario) porque, sendo um <button>, ele ganha a borda nativa do
       navegador de graca - este e um <span>, que nao tem essa borda por padrao. */
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie-elevada);
    color: var(--cor-texto);
}

.emails-inicial__mensagem-quantidade--vazia[b-u3y3kfevya] {
    opacity: 0.45;
}

.emails-inicial__mensagem-quantidade-contador[b-u3y3kfevya] {
    position: absolute;
    top: -0.15rem;
    right: -0.15rem;
    min-width: 1.15rem;
    height: 1.15rem;
    padding: 0 0.25rem;
    border-radius: 999px;
    background: var(--cor-primaria);
    color: #fff;
    font-size: 0.62rem;
    font-weight: 700;
    line-height: 1.15rem;
    text-align: center;
}

.emails-inicial__mensagem-comentario[b-u3y3kfevya] {
    position: relative;
    box-sizing: border-box;
    width: 2.3rem;
    height: 2.3rem;
    border: 1px solid var(--cor-borda);
    opacity: 0.55;
}

/* Quando ha comentarios (contador > 0), o botao fica com a mesma opacidade "cheia" dos demais icones da linha,
   em vez do estado apagado padrao - mesmo criterio usado por ".emails-inicial__mensagem-quantidade--vazia". */
.emails-inicial__mensagem-comentario--com-contador[b-u3y3kfevya] {
    opacity: 1;
}

.emails-inicial__mensagem-comentario-contador[b-u3y3kfevya] {
    position: absolute;
    top: -0.15rem;
    right: -0.15rem;
    min-width: 1.15rem;
    height: 1.15rem;
    padding: 0 0.25rem;
    border-radius: 999px;
    background: var(--cor-primaria);
    color: #fff;
    font-size: 0.62rem;
    font-weight: 700;
    line-height: 1.15rem;
    text-align: center;
}

/* Avatar do dono da conversa: sem tamanho fixo em px vindo do componente (ver IndicadorEnviadoPorEmail.razor) -
   preenche o tamanho maximo da linha de acoes (".emails-inicial__mensagem-rodape-direita"), do mesmo porte dos
   demais icones/botoes dela, em vez do avatar pequeno usado antes. Precisa de "::deep" porque o elemento e
   renderizado pelo componente filho AvatarCadastro, fora do escopo de CSS deste arquivo. */
.emails-inicial__mensagem-rodape-direita[b-u3y3kfevya]  .emails-inicial__mensagem-avatar.avatar-cadastro {
    width: 2.3rem;
    height: 2.3rem;
    font-size: 0.92rem;
}

.emails-inicial__mensagem-avatar[b-u3y3kfevya] {
    flex: 0 0 auto;
}

/* Sempre renderizado (mesmo sem dono definido para a conversa) para reservar a coluna final da linha - o
   avatar de dentro, quando existe, ja preenche esse espaco via ".emails-inicial__mensagem-avatar" acima. */
.emails-inicial__mensagem-avatar-slot[b-u3y3kfevya] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.3rem;
    flex: 0 0 auto;
}

.emails-inicial__categorias-mensagem-opcoes[b-u3y3kfevya] {
    display: grid;
    gap: var(--espacamento-2);
}

.emails-inicial__mesclagem-item[b-u3y3kfevya] {
    align-items: center;
    justify-content: space-between;
}

.emails-categorias__lista[b-u3y3kfevya] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espacamento-2);
}

.emails-categorias__item[b-u3y3kfevya] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 2rem;
    padding: 0.35rem 0.55rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
    color: var(--cor-texto-secundario);
    font: inherit;
    font-size: 0.82rem;
}

.emails-categorias__item:hover[b-u3y3kfevya],
.emails-categorias__item.ativa[b-u3y3kfevya] {
    border-color: color-mix(in srgb, var(--cor-primaria) 35%, var(--cor-borda));
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
}

.emails-inicial__mensagem-menu-acoes[b-u3y3kfevya] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.1rem;
}

.emails-inicial__mensagem-menu-overlay[b-u3y3kfevya] {
    position: fixed;
    inset: 0;
    border: 0;
    background: transparent;
    z-index: 15;
}

/* Posicao (fixed, para cima ou para baixo do gatilho) vem de ".menu-flutuante" em app.css - ver
   nexoMenuFlutuante em sistema.js. */
.emails-inicial__mensagem-menu[b-u3y3kfevya] {
    display: grid;
    min-width: 10.5rem;
    padding: 0.3rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.emails-inicial__mensagem-menu button:not(.emails-inicial__mensagem-menu-overlay)[b-u3y3kfevya] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    width: 100%;
    min-height: 2.3rem;
    padding: 0.45rem 0.55rem;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.82rem;
    text-align: left;
}

.emails-inicial__mensagem-menu button:not(.emails-inicial__mensagem-menu-overlay):hover[b-u3y3kfevya] {
    background: var(--cor-superficie-suave);
}

/* Precisa vir depois (e ser tao especifica quanto) a regra generica acima, que tambem define "color" para
   todo botao do menu e por isso sobrescrevia o vermelho da opcao de excluir. */
.emails-inicial__mensagem-menu button.emails-inicial__visualizacao-menu-opcao--perigo:not(.emails-inicial__mensagem-menu-overlay)[b-u3y3kfevya] {
    color: var(--cor-erro);
}

/* Seletor rapido de dono da conversa (a "listinha" que abre ao clicar no avatar do dono, na linha da lista). O
   ".menu-flutuante" precisa ser o proximo elemento depois do botao gatilho dentro deste wrapper para o
   auto-posicionamento (nexoMenuFlutuante em sistema.js) achar o gatilho. */
.emails-inicial__dono-inline[b-u3y3kfevya] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.emails-inicial__dono-inline-gatilho[b-u3y3kfevya] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: inherit;
    cursor: pointer;
}

.emails-inicial__dono-inline-gatilho:hover[b-u3y3kfevya] {
    opacity: 0.85;
}

.emails-inicial__dono-inline-gatilho:focus-visible[b-u3y3kfevya] {
    outline: 2px solid var(--cor-primaria);
    outline-offset: 2px;
}

/* Placeholder mostrado quando a conversa ainda nao tem dono definido. */
.emails-inicial__dono-inline-vazio[b-u3y3kfevya] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 999px;
    border: 1px dashed var(--cor-borda);
    color: var(--cor-texto-secundario);
}

.emails-inicial__dono-inline-gatilho:hover .emails-inicial__dono-inline-vazio[b-u3y3kfevya] {
    border-color: color-mix(in srgb, var(--cor-primaria) 40%, var(--cor-borda));
    color: var(--cor-primaria);
}

.emails-inicial__dono-inline-menu[b-u3y3kfevya] {
    max-height: 16rem;
    overflow-y: auto;
}

.emails-inicial__dono-inline-menu button.emails-inicial__dono-inline-opcao--ativa:not(.emails-inicial__mensagem-menu-overlay)[b-u3y3kfevya] {
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
}

.emails-inicial__dono-inline-menu button:not(.emails-inicial__mensagem-menu-overlay) > span[b-u3y3kfevya] {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* Telas estreitas (notebook pequeno, janela reduzida): uma coluna de lista com ~14rem ao lado da leitura nao comporta
   assunto + categoria + acoes da linha, que vazavam por cima do email. Com um email aberto, mostra so a leitura em
   largura total (o botao "Voltar para a caixa" do cabecalho volta para a lista) - como ja e no celular. */
@media (max-width: 1100px) {
    .emails-inicial__layout.emails-inicial__layout--com-visualizacao[b-u3y3kfevya] {
        grid-template-columns: minmax(0, 1fr);
    }

    .emails-inicial__layout--com-visualizacao .emails-inicial__lista[b-u3y3kfevya] {
        display: none;
    }

    .emails-inicial__layout--com-visualizacao .emails-inicial__visualizacao[b-u3y3kfevya] {
        grid-column: auto;
    }
}

/* Tablet (ex.: iPad) - a largura fica entre o mobile e o desktop e nao ha hover, entao os 12.1rem reservados
   para as acoes rapidas (invisiveis sem hover) mais categoria/contador/avatar espremiam o assunto a poucos
   caracteres. Usa o mesmo layout compacto de 2 linhas do mobile: assunto/metadados com largura total, "..."
   para as acoes e a categoria descendo para a segunda linha. */
@media (max-width: 1100px), (pointer: coarse) and (max-width: 1400px) {
    .emails-inicial__mensagem-item[b-u3y3kfevya] {
        grid-template-columns: auto minmax(0, 1fr) auto;
        grid-template-areas:
            "selecao conteudo acoes"
            ".       categoria categoria";
        gap: 0.6rem;
        min-height: 0;
        padding: 0.5rem var(--espacamento-3);
        row-gap: 0.35rem;
    }

    .emails-inicial__mensagem-item .emails-inicial__mensagem-conteudo[b-u3y3kfevya] {
        grid-area: conteudo;
        gap: 0.25rem;
    }

    .emails-inicial__mensagem-item .emails-inicial__mensagem-assunto[b-u3y3kfevya] {
        font-size: 0.98rem;
    }

    .emails-inicial__mensagem-item .emails-inicial__mensagem-selecao-area[b-u3y3kfevya] {
        grid-area: selecao;
    }

    .emails-inicial__mensagem-item .emails-inicial__mensagem-rodape-direita[b-u3y3kfevya] {
        display: contents;
    }

    .emails-inicial__mensagem-item .emails-inicial__mensagem-acoes-rapidas[b-u3y3kfevya] {
        grid-area: acoes;
        justify-self: end;
        min-width: 0;
        opacity: 1;
    }

    .emails-inicial__mensagem-item .emails-inicial__mensagem-categoria[b-u3y3kfevya] {
        grid-area: categoria;
        justify-self: stretch;
        width: auto;
        max-width: none;
    }

    .emails-inicial__mensagem-item .emails-inicial__mensagem-quantidade[b-u3y3kfevya],
    .emails-inicial__mensagem-item .emails-inicial__mensagem-comentario[b-u3y3kfevya],
    .emails-inicial__mensagem-item .emails-inicial__mensagem-avatar-slot[b-u3y3kfevya] {
        display: none;
    }

    .emails-inicial__mensagem-acoes-diretas[b-u3y3kfevya] {
        display: none;
    }

    .emails-inicial__mensagem-acoes-menu[b-u3y3kfevya] {
        display: flex;
    }
}

@media (max-width: 760px) {
    .emails-inicial__layout[b-u3y3kfevya],
    .emails-inicial__layout.emails-inicial__layout--com-visualizacao[b-u3y3kfevya] {
        grid-template-columns: 1fr;
    }

    .emails-inicial__lista-cabecalho[b-u3y3kfevya] {
        align-items: stretch;
        flex-direction: column;
    }

    /* ".emails-inicial__busca" tinha um piso de 17rem (pensado pra sobrar espaço no desktop),
       que nessa largura estoura a tela sozinho — ainda mais dividindo linha com o botão "New
       email". Deixa encolher de verdade e, se mesmo assim não couber ao lado do botão, quebra
       pra própria linha em vez de vazar da tela. */
    .emails-inicial__lista-cabecalho-busca[b-u3y3kfevya] {
        flex-wrap: wrap;
    }

    .emails-inicial__busca[b-u3y3kfevya] {
        flex: 1 1 auto;
        min-width: min(10rem, 100%);
    }

    .emails-inicial__layout--com-visualizacao .emails-inicial__visualizacao[b-u3y3kfevya] {
        grid-column: auto;
    }

    .emails-inicial__layout--com-visualizacao .emails-inicial__lista-conteudo[b-u3y3kfevya] {
        max-height: none;
    }

    .emails-inicial__visualizacao-cabecalho[b-u3y3kfevya] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .emails-inicial__visualizacao-acoes[b-u3y3kfevya] {
        flex-basis: 100%;
        margin-left: 0;
    }

    .emails-inicial__visualizacao-acoes-botoes[b-u3y3kfevya] {
        justify-content: flex-start;
    }

    .emails-inicial__vinculo-trabalho-filtros[b-u3y3kfevya] {
        grid-template-columns: 1fr;
    }

    .emails-inicial__vinculo-trabalho-arquivados[b-u3y3kfevya] {
        padding-bottom: 0;
    }

    .emails-inicial__acoes-selecao[b-u3y3kfevya] {
        margin-left: 0;
    }

    .emails-inicial__categoria[b-u3y3kfevya] {
        flex-basis: 8rem;
    }

    .emails-inicial__layout[b-u3y3kfevya] {
        border-inline: 0;
        border-radius: 0;
    }

    .emails-inicial__layout--com-visualizacao .emails-inicial__lista[b-u3y3kfevya] {
        display: none;
    }

    .emails-inicial__visualizacao[b-u3y3kfevya] {
        min-height: calc(100dvh - 9.5rem);
    }

    /* No mobile a barra do sistema (".cabecalho-sistema") quebra em duas linhas e sua altura varia, entao o
       "top" fixo usado no desktop (calc(3.7rem + 1px)) ficaria errado aqui - em vez de arriscar sobrepor a
       barra de novo, desativa o sticky nessa largura. */
    .emails-inicial__visualizacao-fixo[b-u3y3kfevya] {
        position: static;
    }

    .emails-inicial__lista-cabecalho[b-u3y3kfevya],
    .emails-inicial__layout--com-visualizacao .emails-inicial__lista-cabecalho[b-u3y3kfevya] {
        gap: var(--espacamento-2);
        padding: var(--espacamento-3);
    }

    .emails-inicial__lista-conteudo[b-u3y3kfevya] {
        gap: var(--espacamento-3);
        padding: var(--espacamento-3);
    }

    .emails-inicial__lista-paginacao[b-u3y3kfevya] {
        padding: var(--espacamento-2) var(--espacamento-3);
    }

    /* No mobile a linha da mensagem é sempre estreita (a lista nunca fica lado a lado com a
       leitura do email, ver ".emails-inicial__layout--com-visualizacao .emails-inicial__lista"
       virando "display: none" logo abaixo) — então aplica aqui, incondicionalmente, o mesmo
       layout compacto de 2 linhas que já existe pra quando a lista fica estreita no desktop
       (".emails-inicial__layout--com-visualizacao .emails-inicial__mensagem-item" etc. acima).
       Sem isso, a linha tenta caber assunto + categoria + contador + comentário + avatar todos
       lado a lado com larguras fixas do layout largo, estourando bem além dos 375px da tela. */
    .emails-inicial__mensagem-item[b-u3y3kfevya] {
        grid-template-columns: auto minmax(0, 1fr) auto;
        grid-template-areas:
            "selecao conteudo acoes"
            ".       categoria categoria";
        gap: 0.6rem;
        min-height: 0;
        padding: 0.5rem var(--espacamento-2);
        row-gap: 0.35rem;
    }

    .emails-inicial__mensagem-item .emails-inicial__mensagem-conteudo[b-u3y3kfevya] {
        grid-area: conteudo;
        gap: 0.25rem;
    }

    .emails-inicial__mensagem-item .emails-inicial__mensagem-selecao-area[b-u3y3kfevya] {
        grid-area: selecao;
    }

    .emails-inicial__mensagem-item .emails-inicial__mensagem-rodape-direita[b-u3y3kfevya] {
        display: contents;
    }

    .emails-inicial__mensagem-item .emails-inicial__mensagem-acoes-rapidas[b-u3y3kfevya] {
        grid-area: acoes;
        justify-self: end;
        min-width: 0;
    }

    .emails-inicial__mensagem-item .emails-inicial__mensagem-categoria[b-u3y3kfevya] {
        grid-area: categoria;
        justify-self: stretch;
        width: auto;
        max-width: none;
    }

    .emails-inicial__mensagem-item .emails-inicial__mensagem-quantidade[b-u3y3kfevya],
    .emails-inicial__mensagem-item .emails-inicial__mensagem-comentario[b-u3y3kfevya],
    .emails-inicial__mensagem-item .emails-inicial__mensagem-avatar-slot[b-u3y3kfevya] {
        display: none;
    }

    .emails-inicial__mensagem-acoes-diretas[b-u3y3kfevya] {
        display: none;
    }

    .emails-inicial__mensagem-acoes-menu[b-u3y3kfevya] {
        display: flex;
    }

    .emails-inicial__mensagem-acoes-rapidas[b-u3y3kfevya] {
        opacity: 1;
    }

    .emails-inicial__visualizacao-cabecalho[b-u3y3kfevya] {
        gap: var(--espacamento-2);
        padding: var(--espacamento-3);
    }

    .emails-inicial__visualizacao-acoes-botoes .botao-secundario[b-u3y3kfevya],
    .emails-inicial__visualizacao-acoes-botoes .botao-primario[b-u3y3kfevya] {
        width: 2.25rem;
        min-width: 2.25rem;
        padding: 0;
        justify-content: center;
    }

    .emails-inicial__visualizacao-acoes-botoes .botao-secundario > span:not(.icone-sistema)[b-u3y3kfevya],
    .emails-inicial__visualizacao-acoes-botoes .botao-primario > span:not(.icone-sistema)[b-u3y3kfevya] {
        display: none;
    }

    .emails-inicial__chat-balao-mais[b-u3y3kfevya] {
        opacity: 1;
    }

    /* ".emails-inicial__visualizacao-metadados-acoes" (troca email/chat, comentário, maximizar)
       fica posicionado em "position: absolute" flutuando por cima dos metadados (To/Cc/rastreio),
       centralizado verticalmente e com um "padding-right: 4.25rem" reservado pra caber. Isso é
       apertado demais no mobile — principalmente com destinatários longos — então aqui ele vira
       uma segunda linha normal, abaixo dos metadados, em vez de flutuar por cima. */
    .emails-inicial__visualizacao-metadados[b-u3y3kfevya] {
        padding-right: var(--espacamento-3);
    }

    .emails-inicial__visualizacao-metadados > .emails-inicial__visualizacao-metadados-acoes[b-u3y3kfevya] {
        position: static;
        justify-content: flex-end;
        margin-top: var(--espacamento-1);
        padding-top: var(--espacamento-2);
        border-top: 1px solid var(--cor-borda);
        transform: none;
    }
}

/* Switch com 2 icones (email / chat) para alternar o formato de visualizacao da conversa. */
.emails-inicial__visualizacao-metadados-acoes[b-u3y3kfevya] {
    gap: var(--espacamento-2);
}

.emails-inicial__modo-visualizacao[b-u3y3kfevya] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background: var(--cor-superficie);
}

.emails-inicial__modo-visualizacao-opcao[b-u3y3kfevya] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.85rem;
    height: 1.85rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--cor-texto-secundario);
    cursor: pointer;
}

.emails-inicial__modo-visualizacao-opcao:hover[b-u3y3kfevya] {
    color: var(--cor-texto);
}

.emails-inicial__modo-visualizacao-opcao.ativo[b-u3y3kfevya] {
    background: var(--cor-primaria);
    color: #fff;
}

/* Visualizacao em formato de chat: mensagens (emails) exibidas como balões, alinhados a esquerda quando
   recebidos e a direita quando enviados pela conta atual - o mesmo padrao usado por apps de mensagens. */
.emails-inicial__chat[b-u3y3kfevya] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    flex: 1 1 auto;
    padding: var(--espacamento-4) var(--espacamento-5);
    overflow: auto;
}

.emails-inicial__chat-separador[b-u3y3kfevya] {
    display: flex;
    justify-content: center;
    margin: var(--espacamento-3) 0;
}

.emails-inicial__chat-separador span[b-u3y3kfevya] {
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
    font-size: 0.74rem;
    font-weight: 600;
}

.emails-inicial__chat-linha[b-u3y3kfevya] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0.3rem;
}

.emails-inicial__chat-linha--enviada[b-u3y3kfevya] {
    align-items: flex-end;
}

.emails-inicial__chat-balao[b-u3y3kfevya] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: min(20rem, 100%);
    max-width: min(52rem, 88%);
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: var(--cor-superficie);
    box-shadow: var(--sombra-cartao);
    font-size: 0.92rem;
}

.emails-inicial__chat-linha--recebida .emails-inicial__chat-balao[b-u3y3kfevya] {
    border-bottom-left-radius: 3px;
    /* Cinza escuro neutro (fundo padrao do balao, ver ".emails-inicial__chat-balao" acima) - so o lado enviado
       (verde/cor primaria) fica colorido. */
    background: var(--cor-superficie);
}

.emails-inicial__chat-linha--enviada .emails-inicial__chat-balao[b-u3y3kfevya] {
    border-bottom-right-radius: 3px;
    /* "--cor-primaria-hover" ja e a cor primaria customizada do tema misturada com branco (ver
       sistema.js/misturarCores), entao usa-la aqui (numa proporcao bem maior que a cor de fundo) da um balao
       visivelmente mais claro que o resto do chat, mas ainda dentro da cor personalizada - em vez do
       "--cor-primaria-suave" (rgba() fixo, nao acompanha o tema) ou de so uma pitada de "--cor-primaria". */
    background: color-mix(in srgb, var(--cor-primaria-hover) 35%, var(--cor-superficie));
}

.emails-inicial__chat-balao-remetente[b-u3y3kfevya] {
    color: var(--cor-primaria);
    font-size: 0.76rem;
}

.emails-inicial__chat-balao-corpo[b-u3y3kfevya] {
    min-width: 16rem;
    max-height: 34rem;
    overflow: auto;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.emails-inicial__chat-balao-anexos[b-u3y3kfevya] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.emails-inicial__chat-balao-rodape[b-u3y3kfevya] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.3rem;
}

.emails-inicial__chat-balao-rodape time[b-u3y3kfevya] {
    color: var(--cor-texto-secundario);
    font-size: 0.7rem;
    white-space: nowrap;
}

.emails-inicial__chat-ticks[b-u3y3kfevya] {
    display: inline-flex;
    align-items: center;
    color: var(--cor-texto-secundario);
}

.emails-inicial__chat-ticks--lida[b-u3y3kfevya] {
    color: #1d9bf0;
}

.emails-inicial__chat-balao-menu[b-u3y3kfevya] {
    position: absolute;
    top: 0.2rem;
    right: 0.2rem;
}

.emails-inicial__chat-balao-mais[b-u3y3kfevya] {
    width: 1.7rem;
    height: 1.7rem;
    opacity: 0;
    background: var(--cor-superficie-elevada);
}

.emails-inicial__chat-balao:hover .emails-inicial__chat-balao-mais[b-u3y3kfevya],
.emails-inicial__chat-balao:focus-within .emails-inicial__chat-balao-mais[b-u3y3kfevya] {
    opacity: 1;
}

/* Status de entrega de e-mail enviado pelo WebMail (Amazon SES). */
.emails-inicial__status-envio[b-u3y3kfevya] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 0.05rem 0.5rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    color: var(--cor-texto-secundario);
    background: var(--cor-superficie-suave);
    font-size: 0.72rem;
    font-weight: 600;
    white-space: nowrap;
}

.emails-inicial__status-envio--ok[b-u3y3kfevya] {
    color: var(--cor-sucesso);
    border-color: color-mix(in srgb, var(--cor-sucesso) 35%, transparent);
    background: color-mix(in srgb, var(--cor-sucesso) 12%, transparent);
}

.emails-inicial__status-envio--erro[b-u3y3kfevya] {
    color: var(--cor-erro);
    border-color: color-mix(in srgb, var(--cor-erro) 35%, transparent);
    background: color-mix(in srgb, var(--cor-erro) 12%, transparent);
}

.emails-inicial__status-envio--alerta[b-u3y3kfevya] {
    color: var(--cor-alerta);
    border-color: color-mix(in srgb, var(--cor-alerta) 40%, transparent);
    background: color-mix(in srgb, var(--cor-alerta) 12%, transparent);
}
/* /Components/Paginas/Erro.razor.rz.scp.css */
.painel[b-7gy676oxpa] {
    display: grid;
    gap: var(--espacamento-4);
    padding: var(--espacamento-5);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.painel--estado[b-7gy676oxpa] {
    max-width: 38rem;
}
/* /Components/Paginas/ExtratoBank.razor.rz.scp.css */
.extrato__vazio[b-7dt162x6oq] {
    display: grid;
    justify-items: center;
    gap: 0.75rem;
    padding: 2.5rem 1.5rem;
    text-align: center;
}

.extrato__vazio p[b-7dt162x6oq] {
    max-width: 32rem;
    margin: 0;
    color: var(--cor-texto-secundario);
}

.extrato__icone[b-7dt162x6oq] {
    display: inline-grid;
    place-items: center;
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 1rem;
    background: color-mix(in srgb, var(--cor-primaria) 16%, transparent);
    color: var(--cor-primaria);
}

.extrato__faixa-sandbox[b-7dt162x6oq] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin: 0 0 var(--espacamento-4, 1rem);
    padding: 0.6rem 0.9rem;
    border: 1px solid rgba(245, 159, 0, 0.35);
    border-radius: var(--raio-pequeno);
    background: rgba(245, 159, 0, 0.1);
    color: var(--cor-texto);
    font-size: 0.85rem;
}

.extrato__faixa-sandbox[b-7dt162x6oq]  svg {
    flex: none;
    color: #f59f00;
}

.extrato__resumo[b-7dt162x6oq] {
    margin-bottom: var(--espacamento-4, 1rem);
}

.extrato__card[b-7dt162x6oq] {
    position: relative;
    overflow: hidden;
}

.extrato__card[b-7dt162x6oq]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: var(--extrato-cor, var(--cor-primaria));
}

.extrato__card strong[b-7dt162x6oq] {
    font-size: 1.65rem;
    letter-spacing: -0.01em;
}

.extrato__card small[b-7dt162x6oq] {
    color: var(--cor-texto-secundario);
}

.extrato__card--saldo[b-7dt162x6oq] { --extrato-cor: #228be6; }
.extrato__card--entrada[b-7dt162x6oq] { --extrato-cor: #12b886; }
.extrato__card--saida[b-7dt162x6oq] { --extrato-cor: #e03131; }

.extrato__barra[b-7dt162x6oq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
}

.extrato__busca[b-7dt162x6oq] {
    flex: 1 1 16rem;
    min-width: 0;
}

.extrato__chips[b-7dt162x6oq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.extrato__chip[b-7dt162x6oq] {
    padding: 0.38rem 0.8rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.extrato__chip:hover:not(:disabled)[b-7dt162x6oq] {
    border-color: var(--cor-borda-forte);
    color: var(--cor-texto);
}

.extrato__chip.ativo[b-7dt162x6oq] {
    border-color: var(--cor-primaria);
    background: color-mix(in srgb, var(--cor-primaria) 16%, transparent);
    color: var(--cor-texto);
}

.extrato__aviso[b-7dt162x6oq] {
    margin: 0.75rem 0 0;
    padding: 0.55rem 0.8rem;
    border: 1px solid rgba(245, 159, 0, 0.3);
    border-radius: var(--raio-pequeno);
    background: rgba(245, 159, 0, 0.1);
    font-size: 0.84rem;
}

.tabela-sistema--extrato .tabela-sistema__cabecalho[b-7dt162x6oq],
.tabela-sistema--extrato .tabela-sistema__linha[b-7dt162x6oq] {
    grid-template-columns: 0.9fr 2.6fr 1.4fr 1fr 1fr;
    align-items: center;
}

.extrato__direita[b-7dt162x6oq] {
    text-align: right;
}

.extrato__descricao[b-7dt162x6oq] {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
}

.extrato__descricao small[b-7dt162x6oq] {
    color: var(--cor-texto-secundario);
    font-size: 0.76rem;
}

.extrato__suave[b-7dt162x6oq] {
    color: var(--cor-texto-secundario);
}

.extrato__valor--entrada[b-7dt162x6oq] { color: #12b886; }
.extrato__valor--saida[b-7dt162x6oq] { color: #f06565; }

.extrato__tipo[b-7dt162x6oq] {
    display: inline-flex;
    padding: 0.16rem 0.6rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 600;
    white-space: nowrap;
}

.extrato__tipo--entrada[b-7dt162x6oq] {
    background: rgba(25, 201, 139, 0.14);
    color: #12b886;
}

.extrato__tipo--saida[b-7dt162x6oq] {
    background: rgba(224, 49, 49, 0.14);
    color: #f06565;
}

@media (max-width: 900px) {
    .tabela-sistema--extrato .tabela-sistema__cabecalho[b-7dt162x6oq],
    .tabela-sistema--extrato .tabela-sistema__linha[b-7dt162x6oq] {
        grid-template-columns: 1fr;
    }

    .extrato__direita[b-7dt162x6oq] {
        text-align: left;
    }
}
/* /Components/Paginas/FaixaAvisoTeste.razor.rz.scp.css */
.faixa-aviso-teste[b-7wo5f2yhow] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    margin: 0 0 1.25rem;
    padding: .9rem 1.1rem;
    border: 1px solid var(--cor-aviso-borda, #e0c48a);
    border-left-width: 4px;
    border-radius: .7rem;
    background: var(--cor-aviso-fundo, #fffaf0);
    color: var(--cor-aviso-texto, #7a5a12);
}

.faixa-aviso-teste .icone-sistema[b-7wo5f2yhow] {
    flex-shrink: 0;
    margin-top: .1rem;
}

.faixa-aviso-teste__texto[b-7wo5f2yhow] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    font-size: .9rem;
    line-height: 1.5;
}

.faixa-aviso-teste__texto strong[b-7wo5f2yhow] {
    font-size: .95rem;
}

.faixa-aviso-teste__prazo[b-7wo5f2yhow] {
    font-weight: 600;
}

:global([data-tema="escuro"]) .faixa-aviso-teste[b-7wo5f2yhow] {
    border-color: #6b5320;
    background: rgba(122, 90, 18, .16);
    color: #e6c98a;
}
/* /Components/Paginas/Faturas.razor.rz.scp.css */
.tabela-sistema--faturas .tabela-sistema__cabecalho[b-bmmranu61i],
.tabela-sistema--faturas .tabela-sistema__linha[b-bmmranu61i] {
    grid-template-columns: 0.9fr 1.4fr 0.95fr 0.95fr 0.95fr 0.85fr 8rem;
}

.tabela-sistema--faturas .linha-acoes[b-bmmranu61i] {
    justify-content: flex-end;
}

@media (max-width: 900px) {
    .tabela-sistema--faturas .tabela-sistema__cabecalho[b-bmmranu61i],
    .tabela-sistema--faturas .tabela-sistema__linha[b-bmmranu61i] {
        grid-template-columns: 1fr;
    }
}


.etiqueta-status[b-bmmranu61i] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.6rem;
    border-radius: var(--raio-grande);
    font-size: 0.8rem;
    font-weight: 600;
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
}

.etiqueta-status--sucesso[b-bmmranu61i] {
    background: rgba(25, 201, 139, 0.14);
    color: var(--cor-sucesso);
}

.etiqueta-status--erro[b-bmmranu61i] {
    background: rgba(240, 93, 111, 0.14);
    color: var(--cor-erro);
}

.etiqueta-status--info[b-bmmranu61i] {
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
}
/* /Components/Paginas/Ged.razor.rz.scp.css */
.painel[b-sk825h9riq] {
    display: grid;
    gap: var(--espacamento-4);
    padding: var(--espacamento-5);
    border-radius: var(--raio-grande);
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.layout-pagina[b-sk825h9riq] {
    display: grid;
    gap: var(--espacamento-5);
    min-width: 0;
}

/* Altura mínima: o painel não encolhe até o tamanho do conteúdo (ex.: só a pasta "Sistema"). */
.ged[b-sk825h9riq] {
    min-height: max(24rem, calc(100dvh - 12rem));
    align-content: start;
}

/* ---------- Barra ---------- */
.ged__barra[b-sk825h9riq] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--espacamento-3);
    padding: 0.5rem 0.65rem;
    border-radius: var(--raio-grande);
    background: var(--cor-fundo-secundario);
    border: 1px solid var(--cor-borda);
}

.ged__trilha[b-sk825h9riq] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.2rem;
    flex: 1 1 14rem;
    min-width: 0;
    color: var(--cor-texto-secundario);
}

.ged__trilha-item[b-sk825h9riq] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.6rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: inherit;
    cursor: pointer;
    max-width: 16rem;
    transition: background 0.15s;
}

.ged__trilha-item span[b-sk825h9riq] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ged__trilha-item:hover[b-sk825h9riq] {
    background: var(--cor-superficie-elevada);
}

.ged__trilha-item.atual[b-sk825h9riq] {
    font-weight: 700;
    color: var(--cor-texto);
    background: var(--cor-superficie-elevada);
}

.ged__busca[b-sk825h9riq] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex: 0 1 16rem;
    min-width: 9rem;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie-elevada);
    color: var(--cor-texto-secundario);
}

.ged__busca input[b-sk825h9riq] {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--cor-texto);
}

.ged__visoes[b-sk825h9riq] {
    display: inline-flex;
    gap: 0.2rem;
    padding: 0.15rem;
    border-radius: var(--raio-medio, 0.5rem);
    background: var(--cor-superficie-elevada);
    border: 1px solid var(--cor-borda);
}

.ged__visoes .ativo[b-sk825h9riq] {
    background: var(--cor-fundo-secundario);
    color: var(--cor-primaria);
}

.ged__dica[b-sk825h9riq] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    font-size: 0.85rem;
    color: var(--cor-texto-secundario);
}

.ged__vazio[b-sk825h9riq] {
    display: grid;
    justify-items: center;
    gap: 0.5rem;
    padding: 3rem 0;
    color: var(--cor-texto-secundario);
}

/* ---------- Grade ---------- */
.ged__grade[b-sk825h9riq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr));
    gap: var(--espacamento-4);
}

.ged__cartao[b-sk825h9riq] {
    position: relative;
    display: flex;
    min-width: 0;
    border-radius: var(--raio-grande);
    border: 1px solid var(--cor-borda);
    background: var(--cor-fundo-secundario);
    transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s;
}

.ged__cartao:hover[b-sk825h9riq] {
    border-color: var(--cor-primaria);
    transform: translateY(-2px);
    box-shadow: var(--sombra-cartao);
}

.ged__cartao-corpo[b-sk825h9riq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    width: 100%;
    min-width: 0;
    padding: var(--espacamento-4) var(--espacamento-3) var(--espacamento-3);
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    text-align: center;
}

.ged__cartao-visual[b-sk825h9riq] {
    display: grid;
    place-items: center;
    width: 100%;
    height: 5.75rem;
    border-radius: var(--raio-medio, 0.5rem);
    overflow: hidden;
    background: var(--cor-superficie-elevada);
    color: var(--cor-texto-secundario);
}

.ged__cartao.pasta .ged__cartao-visual[b-sk825h9riq] {
    color: var(--cor-primaria);
    background: color-mix(in srgb, var(--cor-primaria) 10%, transparent);
}

.ged__cartao.sistema .ged__cartao-visual[b-sk825h9riq] {
    color: var(--cor-texto-secundario);
    background: var(--cor-superficie-elevada);
}

.ged__cartao-visual img[b-sk825h9riq] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ged__cartao-nome[b-sk825h9riq] {
    width: 100%;
    font-weight: 600;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
}

.ged__cartao-meta[b-sk825h9riq] {
    font-size: 0.78rem;
    color: var(--cor-texto-secundario);
}

/* Arquivo aberto no editor por alguém agora. */
.ged__em-edicao[b-sk825h9riq] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--cor-primaria);
    font-size: 0.74rem;
    font-weight: 600;
}

.ged__selo[b-sk825h9riq] {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    display: grid;
    place-items: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 999px;
    background: var(--cor-superficie-elevada);
    border: 1px solid var(--cor-borda);
    color: var(--cor-texto-secundario);
}

.ged__cartao-acoes[b-sk825h9riq] {
    position: absolute;
    top: 0.35rem;
    right: 0.35rem;
    display: flex;
    gap: 0.1rem;
    opacity: 0;
    transition: opacity 0.15s;
}

.ged__cartao:hover .ged__cartao-acoes[b-sk825h9riq],
.ged__cartao:focus-within .ged__cartao-acoes[b-sk825h9riq] {
    opacity: 1;
}

@media (hover: none) {
    .ged__cartao-acoes[b-sk825h9riq] {
        opacity: 1;
    }
}

/* ---------- Lista ---------- */
.ged__tabela[b-sk825h9riq] {
    display: grid;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-grande);
    overflow: hidden;
}

.ged__linha[b-sk825h9riq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 8rem 11rem 7rem;
    align-items: center;
    gap: var(--espacamento-3);
    padding: 0.45rem 0.85rem;
    border-bottom: 1px solid var(--cor-borda);
}

.ged__linha:last-child[b-sk825h9riq] {
    border-bottom: 0;
}

.ged__linha:not(.ged__linha--cabecalho):hover[b-sk825h9riq] {
    background: var(--cor-fundo-secundario);
}

.ged__linha--cabecalho[b-sk825h9riq] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--cor-texto-secundario);
    background: var(--cor-fundo-secundario);
}

.ged__linha-nome[b-sk825h9riq] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    text-align: left;
}

.ged__linha-nome.pasta[b-sk825h9riq] {
    color: var(--cor-primaria);
    font-weight: 600;
}

.ged__linha-nome span[b-sk825h9riq] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ged__linha-acoes[b-sk825h9riq] {
    display: flex;
    justify-content: flex-end;
    gap: 0.1rem;
}

/* ---------- Prévia ---------- */
.ged__previa[b-sk825h9riq] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    grid-template-rows: auto 1fr;
    justify-items: center;
    gap: var(--espacamento-3);
    padding: var(--espacamento-4);
    background: rgba(0, 0, 0, 0.82);
}

.ged__previa-topo[b-sk825h9riq] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    color: #fff;
}

.ged__previa img[b-sk825h9riq] {
    max-width: 100%;
    max-height: 100%;
    min-height: 0;
    object-fit: contain;
}

/* ---------- Modal ---------- */
.ged-modal[b-sk825h9riq] {
    display: grid;
    gap: var(--espacamento-4);
}

.ged-modal__corpo[b-sk825h9riq] {
    display: grid;
    gap: var(--espacamento-4);
    align-content: start;
    min-height: 16rem;
}

.ged-modal__meta[b-sk825h9riq] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 0.35rem 1rem;
    margin: 0;
    font-size: 0.88rem;
}

.ged-modal__meta dt[b-sk825h9riq] {
    color: var(--cor-texto-secundario);
}

.ged-modal__meta dd[b-sk825h9riq] {
    margin: 0;
    overflow-wrap: anywhere;
}

.ged-modal__baixar[b-sk825h9riq] {
    justify-self: start;
}

/* ---------- Versões ---------- */
.ged-versoes__nota[b-sk825h9riq] {
    color: var(--cor-texto-secundario);
}

.ged-versoes[b-sk825h9riq] {
    display: grid;
    gap: var(--espacamento-2);
    margin: 0;
    padding: 0;
    list-style: none;
    max-height: 20rem;
    overflow-y: auto;
}

.ged-versoes__item[b-sk825h9riq] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    padding: 0.55rem var(--espacamento-3);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
}

.ged-versoes__item.atual[b-sk825h9riq] {
    border-color: var(--cor-primaria);
    background: color-mix(in srgb, var(--cor-primaria) 8%, var(--cor-superficie-elevada));
}

.ged-versoes__numero[b-sk825h9riq] {
    flex: none;
    min-width: 2.4rem;
    text-align: center;
    padding: 0.2rem 0.4rem;
    border-radius: 999px;
    background: var(--cor-fundo-secundario);
    color: var(--cor-texto-secundario);
    font-size: 0.75rem;
    font-weight: 700;
}

.ged-versoes__texto[b-sk825h9riq] {
    display: grid;
    gap: 0.1rem;
    flex: 1 1 auto;
    min-width: 0;
}

.ged-versoes__texto strong[b-sk825h9riq] {
    font-size: 0.88rem;
}

.ged-versoes__texto small[b-sk825h9riq] {
    color: var(--cor-texto-secundario);
    font-size: 0.76rem;
}

.ged-versoes__acoes[b-sk825h9riq] {
    display: flex;
    gap: 0.1rem;
}

/* ---------- Permissões ---------- */
.ged-perm__opcao[b-sk825h9riq] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    padding: 0.8rem var(--espacamento-4);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-grande);
    background: var(--cor-superficie-elevada);
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
}

.ged-perm__opcao:hover[b-sk825h9riq] {
    border-color: var(--cor-primaria);
}

.ged-perm__opcao.marcada[b-sk825h9riq] {
    border-color: var(--cor-primaria);
    background: color-mix(in srgb, var(--cor-primaria) 8%, var(--cor-superficie-elevada));
}

.ged-perm__icone[b-sk825h9riq] {
    display: grid;
    place-items: center;
    flex: none;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: var(--raio-medio);
    background: var(--cor-fundo-secundario);
    color: var(--cor-primaria);
}

.ged-perm__texto[b-sk825h9riq] {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
}

.ged-perm__texto strong[b-sk825h9riq] {
    font-size: 0.88rem;
}

.ged-perm__texto small[b-sk825h9riq] {
    font-size: 0.76rem;
    color: var(--cor-texto-secundario);
    overflow: hidden;
    text-overflow: ellipsis;
}

.ged-perm__regras[b-sk825h9riq] {
    display: grid;
    gap: var(--espacamento-3);
    padding: var(--espacamento-4);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-grande);
    background: var(--cor-fundo-secundario);
}

.ged-perm__resumo[b-sk825h9riq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    font-size: 0.88rem;
}

.ged-perm__nota[b-sk825h9riq] {
    margin-top: -0.4rem;
    color: var(--cor-texto-secundario);
}

.ged-perm__busca[b-sk825h9riq] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.75rem;
    margin-bottom: var(--espacamento-3);
    border-radius: 999px;
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie-elevada);
    color: var(--cor-texto-secundario);
}

.ged-perm__busca input[b-sk825h9riq] {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--cor-texto);
}

.ged-perm__grade[b-sk825h9riq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    gap: var(--espacamento-3);
    max-height: 17rem;
    overflow-y: auto;
    padding-right: 0.25rem;
    align-content: start;
}

.ged-perm__item[b-sk825h9riq] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
    padding: 0.55rem var(--espacamento-3);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
}

.ged-perm__item:hover[b-sk825h9riq] {
    border-color: var(--cor-primaria);
}

.ged-perm__item.marcada[b-sk825h9riq] {
    border-color: var(--cor-primaria);
    background: color-mix(in srgb, var(--cor-primaria) 8%, var(--cor-superficie-elevada));
}

.ged-perm__avatar[b-sk825h9riq] {
    display: grid;
    place-items: center;
    flex: none;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--cor-primaria) 18%, transparent);
    color: var(--cor-primaria);
    font-size: 0.72rem;
    font-weight: 700;
}

.ged-perm__avatar.grupo[b-sk825h9riq] {
    border-radius: var(--raio-medio);
    background: var(--cor-fundo-secundario);
    color: var(--cor-texto-secundario);
}

@media (max-width: 640px) {
    .ged__linha[b-sk825h9riq] {
        grid-template-columns: minmax(0, 1fr) 6.5rem;
    }

    .ged__linha > span:nth-child(2)[b-sk825h9riq],
    .ged__linha > span:nth-child(3)[b-sk825h9riq] {
        display: none;
    }

}

/* Bolinhas de quem está com a planilha aberta: canto inferior direito do cartão (grade); na lista ficam ao lado do nome. */
.ged__presenca[b-sk825h9riq] {
    position: absolute;
    bottom: 0.5rem;
    right: 0.5rem;
    z-index: 2;
}

/* ---------- Ícone e cor por tipo de arquivo ---------- */
.ged-tipo[b-sk825h9riq] {
    display: inline-flex;
    flex: none;
}

.ged-tipo--file-pdf[b-sk825h9riq] { --ged-cor-tipo: #e5484d; }
.ged-tipo--file-word[b-sk825h9riq] { --ged-cor-tipo: #3b82f6; }
.ged-tipo--file-powerpoint[b-sk825h9riq] { --ged-cor-tipo: #f97316; }
.ged-tipo--file-analytics[b-sk825h9riq] { --ged-cor-tipo: #22a06b; }
.ged-tipo--file-zip[b-sk825h9riq] { --ged-cor-tipo: #d9a006; }
.ged-tipo--file-json[b-sk825h9riq] { --ged-cor-tipo: #a78bfa; }
.ged-tipo--file-exe[b-sk825h9riq] { --ged-cor-tipo: #ef6b57; }
.ged-tipo--video[b-sk825h9riq] { --ged-cor-tipo: #ec4899; }
.ged-tipo--file-music[b-sk825h9riq] { --ged-cor-tipo: #14b8a6; }
.ged-tipo--file-code[b-sk825h9riq] { --ged-cor-tipo: #38bdf8; }
.ged-tipo--database[b-sk825h9riq] { --ged-cor-tipo: #06b6d4; }
.ged-tipo--photo[b-sk825h9riq] { --ged-cor-tipo: #22c55e; }
.ged-tipo--file-settings[b-sk825h9riq] { --ged-cor-tipo: #94a3b8; }

.ged-tipo[class*="ged-tipo--"][b-sk825h9riq] {
    color: var(--ged-cor-tipo, var(--cor-texto-secundario));
}

.ged__cartao-visual[class*="ged-tipo--"][b-sk825h9riq] {
    color: var(--ged-cor-tipo, var(--cor-texto-secundario));
    background: color-mix(in srgb, var(--ged-cor-tipo, transparent) 11%, var(--cor-fundo-secundario));
}

/* ---------- Selos: restrito (cadeado) e com senha (chave) ---------- */
.ged__selos[b-sk825h9riq] {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    z-index: 2;
    display: flex;
    gap: 0.25rem;
}

.ged__selos .ged__selo[b-sk825h9riq] {
    position: static;
}

.ged__selo--senha[b-sk825h9riq] {
    color: var(--cor-alerta, #d9a006);
}

.ged__selo-linha[b-sk825h9riq] {
    display: inline-flex;
    color: var(--cor-alerta, #d9a006);
}

/* ---------- Senha ---------- */
.ged-senha[b-sk825h9riq] {
    display: grid;
    gap: var(--espacamento-3);
}

.ged-senha__erro[b-sk825h9riq] {
    color: var(--cor-erro);
}

.ged-perm__vazio[b-sk825h9riq] {
    grid-column: 1 / -1;
    padding: var(--espacamento-3);
    color: var(--cor-texto-secundario);
    text-align: center;
}
/* /Components/Paginas/GedEditor.razor.rz.scp.css */
/* Tela cheia, como o construtor de sites (ConstrutorSite): planilha precisa de todo o espaço. */
.ged-editor[b-htt266axd3] {
    position: fixed;
    inset: 0;
    z-index: 900;
    display: flex;
    flex-direction: column;
    background: var(--cor-fundo);
    color: var(--cor-texto);
}

.ged-editor__barra[b-htt266axd3] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-4);
    padding: var(--espacamento-3) var(--espacamento-4);
    border-bottom: 1px solid var(--cor-borda);
    background: var(--cor-superficie);
}

.ged-editor__voltar[b-htt266axd3] {
    display: inline-flex;
    color: var(--cor-texto-secundario);
}

.ged-editor__voltar:hover[b-htt266axd3] {
    color: var(--cor-texto);
}

.ged-editor__identidade[b-htt266axd3] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    min-width: 0;
}

.ged-editor__identidade strong[b-htt266axd3] {
    max-width: 28rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ged-editor__modo[b-htt266axd3] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.15rem 0.6rem;
    border-radius: 999px;
    border: 1px solid var(--cor-borda);
    background: var(--cor-fundo-secundario);
    color: var(--cor-texto-secundario);
    font-size: 0.75rem;
    white-space: nowrap;
}

.ged-editor__modo.edicao[b-htt266axd3] {
    color: var(--cor-primaria);
    border-color: color-mix(in srgb, var(--cor-primaria) 45%, var(--cor-borda));
}

.ged-editor__dica[b-htt266axd3] {
    margin-left: auto;
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
}

.ged-editor__palco[b-htt266axd3] {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
}

/* O iframe do servidor de documentos ocupa o container inteiro. */
.ged-editor__container[b-htt266axd3] {
    position: absolute;
    inset: 0;
}

.ged-editor__aviso[b-htt266axd3] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.85rem;
    padding: 2rem 1.5rem;
    text-align: center;
    background: var(--cor-fundo);
    color: var(--cor-texto-secundario);
}

.ged-editor__aviso h2[b-htt266axd3] {
    margin: 0;
    font-size: 1.15rem;
    color: var(--cor-texto);
}

.ged-editor__aviso p[b-htt266axd3] {
    margin: 0;
    max-width: 30rem;
}

.ged-editor__aviso.erro[b-htt266axd3] {
    color: var(--cor-erro);
}

.ged-editor__aviso.erro p[b-htt266axd3] {
    color: var(--cor-texto-secundario);
}

.ged-editor__carregando[b-htt266axd3] {
    width: 2.2rem;
    height: 2.2rem;
    border: 3px solid var(--cor-borda);
    border-top-color: var(--cor-primaria);
    border-radius: 50%;
    animation: ged-editor-giro-b-htt266axd3 0.8s linear infinite;
}

@keyframes ged-editor-giro-b-htt266axd3 {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 640px) {
    .ged-editor__dica[b-htt266axd3] {
        display: none;
    }
}
/* /Components/Paginas/GerenciadorFormulariosSite.razor.rz.scp.css */
.editor-formularios[b-2hhjiepm5j] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-3);
}

.editor-formularios__vazio[b-2hhjiepm5j] {
    color: var(--cor-texto-secundario);
}

.editor-formularios__lista[b-2hhjiepm5j] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-2);
}

.editor-formularios__lista li[b-2hhjiepm5j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-3);
    padding: var(--espacamento-3);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
}

.editor-formularios__lista small[b-2hhjiepm5j] {
    display: block;
    color: var(--cor-texto-secundario);
}

.editor-formulario[b-2hhjiepm5j] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-4);
}

.editor-formulario__campos[b-2hhjiepm5j] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-2);
}

.editor-formulario__campo-item[b-2hhjiepm5j] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-2);
}

.editor-formulario__campo-opcoes[b-2hhjiepm5j] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: var(--espacamento-2) 0 var(--espacamento-2) var(--espacamento-3);
    border-left: 2px solid var(--cor-borda);
}

.editor-formulario__campo-opcoes label[b-2hhjiepm5j] {
    font-size: 0.78rem;
    color: var(--cor-texto-secundario);
}

.editor-formulario__campo-opcoes textarea[b-2hhjiepm5j] {
    resize: vertical;
    min-height: 64px;
    font-family: inherit;
}

.editor-formulario__campos-cabecalho[b-2hhjiepm5j],
.editor-formulario__campo-linha[b-2hhjiepm5j] {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1.2fr) auto auto;
    gap: var(--espacamento-2);
    align-items: center;
}

.editor-formulario__campos-cabecalho[b-2hhjiepm5j] {
    font-size: 0.78rem;
    color: var(--cor-texto-secundario);
}

.editor-formulario__obrigatorio[b-2hhjiepm5j] {
    display: flex;
    justify-content: center;
}

.editor-formulario__ativo[b-2hhjiepm5j] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
}

.botao-secundario--pequeno[b-2hhjiepm5j] {
    align-self: flex-start;
    padding: 4px 10px;
    font-size: 0.82rem;
}

.botao-icone--perigo:hover:not(:disabled)[b-2hhjiepm5j] {
    color: var(--cor-erro, #c0362c);
}
/* /Components/Paginas/GoogleDrive.razor.rz.scp.css */
.painel[b-8jyhat7gv9] {
    display: grid;
    gap: var(--espacamento-4);
    padding: var(--espacamento-5);
    border-radius: var(--raio-grande);
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.layout-pagina[b-8jyhat7gv9] {
    display: grid;
    gap: var(--espacamento-5);
    min-width: 0;
}

/* ---------- Estado "não conectado" ---------- */
.drive__conectar[b-8jyhat7gv9] {
    justify-items: center;
    text-align: center;
    padding-block: var(--espacamento-6, 3rem);
}

.drive__conectar h2[b-8jyhat7gv9] {
    margin: 0;
}

.drive__conectar p[b-8jyhat7gv9] {
    margin: 0;
    max-width: 38rem;
    color: var(--cor-texto-secundario);
}

.drive__conectar--erro[b-8jyhat7gv9] {
    border-color: var(--cor-erro, #dc2626);
}

.drive__aviso[b-8jyhat7gv9] {
    padding: 0.6rem 0.9rem;
    border-radius: var(--raio-medio, 0.5rem);
    background: var(--cor-fundo-secundario);
}

/* ---------- Barra ---------- */
.drive__barra[b-8jyhat7gv9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--espacamento-3);
    padding: 0.5rem 0.65rem;
    border-radius: var(--raio-grande);
    background: var(--cor-fundo-secundario);
    border: 1px solid var(--cor-borda);
}

.drive__trilha[b-8jyhat7gv9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.2rem;
    flex: 1 1 14rem;
    min-width: 0;
    color: var(--cor-texto-secundario);
}

.drive__trilha--seletor[b-8jyhat7gv9] {
    margin-bottom: var(--espacamento-3);
}

.drive__trilha-item[b-8jyhat7gv9] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.6rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: inherit;
    cursor: pointer;
    max-width: 16rem;
    transition: background 0.15s;
}

.drive__trilha-item span[b-8jyhat7gv9] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.drive__trilha-item:hover[b-8jyhat7gv9] {
    background: var(--cor-superficie-elevada);
}

.drive__trilha-item.atual[b-8jyhat7gv9] {
    font-weight: 700;
    color: var(--cor-texto);
    background: var(--cor-superficie-elevada);
}

.drive__busca[b-8jyhat7gv9] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex: 0 1 16rem;
    min-width: 9rem;
    margin: 0;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie-elevada);
    color: var(--cor-texto-secundario);
}

.drive__busca input[b-8jyhat7gv9] {
    flex: 1;
    width: auto;
    min-width: 0;
    padding: 0;
    border: 0;
    outline: 0;
    box-shadow: none;
    background: transparent;
    color: var(--cor-texto);
}

.drive__visoes[b-8jyhat7gv9] {
    display: inline-flex;
    gap: 0.2rem;
}

.drive__visoes .ativo[b-8jyhat7gv9] {
    background: var(--cor-superficie-elevada);
    color: var(--cor-primaria);
}

/* Botão "Enviar arquivos": o <input type="file"> é renderizado dentro do InputFileRapido (outro componente),
   então precisa de ::deep para o CSS isolado alcançá-lo. Sem isso o campo nativo aparece por cima do botão. */
.drive__enviar[b-8jyhat7gv9] {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.drive__enviar.desabilitado[b-8jyhat7gv9] {
    opacity: 0.6;
    pointer-events: none;
}

.drive__enviar[b-8jyhat7gv9]  input[type="file"] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.drive__progresso[b-8jyhat7gv9] {
    display: grid;
    gap: 0.35rem;
    padding: 0.6rem 0.9rem;
    border-radius: var(--raio-medio, 0.5rem);
    background: var(--cor-fundo-secundario);
    border: 1px solid var(--cor-borda);
    font-size: 0.9rem;
}

.drive__progresso progress[b-8jyhat7gv9] {
    width: 100%;
}

.drive__vazio[b-8jyhat7gv9] {
    display: grid;
    justify-items: center;
    gap: 0.5rem;
    padding: 3rem 0;
    color: var(--cor-texto-secundario);
}

.drive__mais[b-8jyhat7gv9] {
    display: flex;
    justify-content: center;
}

/* ---------- Grade ---------- */
.drive__grade[b-8jyhat7gv9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr));
    gap: var(--espacamento-4);
}

.drive__cartao[b-8jyhat7gv9] {
    position: relative;
    display: flex;
    min-width: 0;
    border-radius: var(--raio-grande);
    border: 1px solid var(--cor-borda);
    background: var(--cor-fundo-secundario);
    transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s;
}

.drive__cartao:hover[b-8jyhat7gv9] {
    border-color: var(--cor-primaria);
    transform: translateY(-2px);
    box-shadow: var(--sombra-cartao);
}

.drive__cartao-corpo[b-8jyhat7gv9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    width: 100%;
    min-width: 0;
    padding: var(--espacamento-4) var(--espacamento-3) var(--espacamento-3);
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    text-align: center;
}

.drive__cartao-visual[b-8jyhat7gv9] {
    position: relative;
    display: grid;
    place-items: center;
    width: 100%;
    height: 5.75rem;
    border-radius: var(--raio-medio, 0.5rem);
    overflow: hidden;
    background: var(--cor-superficie-elevada);
    color: var(--cor-texto-secundario);
}

.drive__cartao.pasta .drive__cartao-visual[b-8jyhat7gv9] {
    color: var(--cor-primaria);
    background: color-mix(in srgb, var(--cor-primaria) 10%, transparent);
}

.drive__cartao-visual img[b-8jyhat7gv9] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: var(--cor-superficie-elevada);
}

.drive__cartao-nome[b-8jyhat7gv9] {
    width: 100%;
    font-weight: 600;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
}

.drive__cartao-meta[b-8jyhat7gv9] {
    min-height: 1em;
    font-size: 0.78rem;
    color: var(--cor-texto-secundario);
}

/* Menu "⋮": aparece ao passar o mouse (sempre visível em telas de toque). */
.drive__cartao > .drive__menu[b-8jyhat7gv9] {
    position: absolute;
    top: 0.35rem;
    right: 0.35rem;
}

.drive__cartao > .drive__menu > .botao-icone[b-8jyhat7gv9] {
    opacity: 0;
    transition: opacity 0.15s;
}

.drive__cartao:hover > .drive__menu > .botao-icone[b-8jyhat7gv9],
.drive__cartao:focus-within > .drive__menu > .botao-icone[b-8jyhat7gv9] {
    opacity: 1;
}

@media (hover: none) {
    .drive__cartao > .drive__menu > .botao-icone[b-8jyhat7gv9] {
        opacity: 1;
    }
}

/* ---------- Lista ---------- */
.drive__tabela[b-8jyhat7gv9] {
    display: grid;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-grande);
}

.drive__linha[b-8jyhat7gv9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 8rem 11rem 2.75rem;
    align-items: center;
    gap: var(--espacamento-3);
    padding: 0.45rem 0.85rem;
    border-bottom: 1px solid var(--cor-borda);
}

.drive__linha:last-child[b-8jyhat7gv9] {
    border-bottom: 0;
}

.drive__linha:not(.drive__linha--cabecalho):hover[b-8jyhat7gv9] {
    background: var(--cor-fundo-secundario);
}

.drive__linha--cabecalho[b-8jyhat7gv9] {
    border-radius: var(--raio-grande) var(--raio-grande) 0 0;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--cor-texto-secundario);
    background: var(--cor-fundo-secundario);
}

.drive__linha-nome[b-8jyhat7gv9] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    text-align: left;
}

.drive__linha-nome.pasta[b-8jyhat7gv9] {
    color: var(--cor-primaria);
    font-weight: 600;
}

.drive__linha-nome span[b-8jyhat7gv9] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ---------- Menu do item ---------- */
.drive__menu[b-8jyhat7gv9] {
    position: relative;
}

.drive__menu-fundo[b-8jyhat7gv9] {
    position: fixed;
    inset: 0;
    z-index: 40;
}

.drive__menu-lista[b-8jyhat7gv9] {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 41;
    min-width: 13rem;
    margin: 0.2rem 0 0;
    padding: 0.3rem;
    list-style: none;
    border-radius: var(--raio-medio, 0.5rem);
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.drive__menu-lista li > button[b-8jyhat7gv9],
.drive__menu-lista li > a[b-8jyhat7gv9] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    width: 100%;
    padding: 0.45rem 0.6rem;
    border: 0;
    border-radius: var(--raio-medio, 0.5rem);
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.drive__menu-lista li > button:hover[b-8jyhat7gv9],
.drive__menu-lista li > a:hover[b-8jyhat7gv9] {
    background: var(--cor-fundo-secundario);
}

.drive__menu-lista li.perigo > button[b-8jyhat7gv9] {
    color: var(--cor-erro, #dc2626);
}

/* ---------- Prévia ---------- */
.drive__previa[b-8jyhat7gv9] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: var(--espacamento-3);
    padding: var(--espacamento-4);
    background: rgba(0, 0, 0, 0.82);
}

.drive__previa-topo[b-8jyhat7gv9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--espacamento-3);
    color: #fff;
}

.drive__previa-topo strong[b-8jyhat7gv9] {
    flex: 1 1 12rem;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.drive__previa-corpo[b-8jyhat7gv9] {
    display: grid;
    place-items: center;
    min-height: 0;
    overflow: auto;
}

.drive__previa-corpo img[b-8jyhat7gv9] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.drive__previa-corpo iframe[b-8jyhat7gv9] {
    width: min(100%, 70rem);
    height: 100%;
    border: 0;
    border-radius: var(--raio-medio, 0.5rem);
    background: #fff;
}

.drive__previa-corpo pre[b-8jyhat7gv9] {
    width: min(100%, 70rem);
    max-height: 100%;
    margin: 0;
    padding: var(--espacamento-4);
    overflow: auto;
    border-radius: var(--raio-medio, 0.5rem);
    background: var(--cor-superficie-elevada);
    color: var(--cor-texto, inherit);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.drive__previa-corpo p[b-8jyhat7gv9] {
    color: #fff;
}

/* ---------- Modais ---------- */
.drive__campo[b-8jyhat7gv9] {
    display: grid;
    gap: 0.35rem;
}

.drive__campo input[b-8jyhat7gv9] {
    width: 100%;
}

.drive__editor[b-8jyhat7gv9] {
    width: 100%;
    min-height: 22rem;
    resize: vertical;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.88rem;
}

.drive__seletor[b-8jyhat7gv9] {
    display: grid;
    gap: 0.15rem;
    max-height: 18rem;
    overflow-y: auto;
}

.drive__seletor-item[b-8jyhat7gv9] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.45rem 0.6rem;
    border: 0;
    border-radius: var(--raio-medio, 0.5rem);
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.drive__seletor-item:hover:not(:disabled)[b-8jyhat7gv9] {
    background: var(--cor-fundo-secundario);
}

.drive__seletor-item:disabled[b-8jyhat7gv9] {
    opacity: 0.45;
    cursor: default;
}

.drive__config[b-8jyhat7gv9] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 0.6rem var(--espacamento-4);
    margin: 0;
}

.drive__config dt[b-8jyhat7gv9] {
    font-weight: 600;
}

.drive__config dd[b-8jyhat7gv9] {
    display: grid;
    gap: 0.35rem;
    margin: 0;
}

.drive__config small[b-8jyhat7gv9] {
    color: var(--cor-texto-secundario);
}

.drive__config-acoes[b-8jyhat7gv9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

@media (max-width: 640px) {
    .drive__linha[b-8jyhat7gv9] {
        grid-template-columns: minmax(0, 1fr) 2.75rem;
    }

    .drive__linha > span:nth-child(2)[b-8jyhat7gv9],
    .drive__linha > span:nth-child(3)[b-8jyhat7gv9] {
        display: none;
    }

    .drive__config[b-8jyhat7gv9] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Paginas/Grupos.razor.rz.scp.css */
.grade-resumo[b-jxla4v8hr1] {
    display: grid;
    gap: var(--espacamento-4);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: var(--espacamento-5);
}

.cartao-resumo[b-jxla4v8hr1],
.painel[b-jxla4v8hr1] {
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.cartao-resumo[b-jxla4v8hr1],
.painel[b-jxla4v8hr1],
.tabela-sistema__linha[b-jxla4v8hr1],
.tag[b-jxla4v8hr1],
.campo-formulario__entrada[b-jxla4v8hr1] {
    border-radius: var(--raio-medio);
}

.cartao-resumo[b-jxla4v8hr1] {
    padding: var(--espacamento-5);
}

.cartao-resumo span[b-jxla4v8hr1],
.painel__cabecalho p[b-jxla4v8hr1],
.campo-formulario label[b-jxla4v8hr1],
.campo-formulario small[b-jxla4v8hr1] {
    color: var(--cor-texto-secundario);
}

.cartao-resumo strong[b-jxla4v8hr1] {
    font-size: 2rem;
}

.layout-pagina[b-jxla4v8hr1] {
    display: grid;
    gap: var(--espacamento-5);
}

.painel[b-jxla4v8hr1] {
    display: grid;
    gap: var(--espacamento-4);
    padding: var(--espacamento-5);
}

.painel__cabecalho[b-jxla4v8hr1] {
    display: grid;
    gap: var(--espacamento-4);
}

.painel__cabecalho h2[b-jxla4v8hr1] {
    margin: 0;
}

.painel__cabecalho p[b-jxla4v8hr1] {
    margin: 0.35rem 0 0;
}

.campo-formulario[b-jxla4v8hr1] {
    display: grid;
    gap: 0.45rem;
}

.formulario-grupo[b-jxla4v8hr1] {
    display: grid;
    gap: var(--espacamento-4);
}

.grade-permissoes[b-jxla4v8hr1] {
    display: grid;
    grid-template-columns: minmax(11rem, 14rem) 1fr;
    gap: var(--espacamento-4);
    align-items: start;
    height: min(70vh, 46rem);
}

.lista-categorias-permissoes[b-jxla4v8hr1] {
    display: grid;
    gap: var(--espacamento-2);
    align-content: start;
    height: 100%;
    overflow-y: auto;
    padding-right: 0.35rem;
}

.categoria-permissao[b-jxla4v8hr1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-2);
    padding: 0.55rem var(--espacamento-3);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
    color: var(--cor-texto-principal);
    font: inherit;
    font-size: 0.82rem;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.categoria-permissao:hover[b-jxla4v8hr1] {
    border-color: var(--cor-primaria);
}

.categoria-permissao small[b-jxla4v8hr1] {
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
    white-space: nowrap;
}

.categoria-permissao--ativa[b-jxla4v8hr1] {
    border-color: var(--cor-primaria);
    background: color-mix(in srgb, var(--cor-primaria) 10%, var(--cor-superficie));
}

.categoria-permissao--ativa small[b-jxla4v8hr1] {
    color: var(--cor-primaria);
}

.painel-categoria-permissoes[b-jxla4v8hr1] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: var(--espacamento-3);
    height: 100%;
    padding: var(--espacamento-3);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
    overflow: hidden;
}

.painel-categoria-permissoes header[b-jxla4v8hr1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-3);
    padding-bottom: var(--espacamento-3);
    border-bottom: 1px solid var(--cor-borda);
    font-size: 0.85rem;
}

.lista-itens-permissoes[b-jxla4v8hr1] {
    display: grid;
    gap: var(--espacamento-2);
    align-content: start;
    overflow-y: auto;
    padding-right: 0.35rem;
}

.grupo-formulario__atalhos[b-jxla4v8hr1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--espacamento-3);
}

.item-selecao[b-jxla4v8hr1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-3);
    padding: 0.6rem var(--espacamento-3);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
}

.item-selecao span[b-jxla4v8hr1] {
    display: grid;
    gap: 0.1rem;
}

.item-selecao strong[b-jxla4v8hr1] {
    font-size: 0.82rem;
}

.item-selecao small[b-jxla4v8hr1] {
    font-size: 0.74rem;
}

.item-selecao--compacto[b-jxla4v8hr1] {
    align-items: center;
}

.item-selecao .checkbox-sistema[b-jxla4v8hr1] {
    margin-top: 0.15rem;
}

.item-selecao--compacto .checkbox-sistema[b-jxla4v8hr1] {
    margin-top: 0;
}

.interruptor-permissao[b-jxla4v8hr1] {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    width: 2.35rem;
    height: 1.3rem;
    margin: 0;
    flex: 0 0 auto;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background: var(--cor-superficie);
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.interruptor-permissao[b-jxla4v8hr1]::before {
    content: "";
    position: absolute;
    top: 0.1rem;
    left: 0.1rem;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    transition: transform 0.15s ease;
}

.interruptor-permissao:checked[b-jxla4v8hr1] {
    border-color: var(--cor-primaria);
    background: var(--cor-primaria);
}

.interruptor-permissao:checked[b-jxla4v8hr1]::before {
    transform: translateX(1.05rem);
}

.interruptor-permissao:focus-visible[b-jxla4v8hr1] {
    outline: 2px solid color-mix(in srgb, var(--cor-primaria) 55%, transparent);
    outline-offset: 2px;
}

.interruptor-permissao:disabled[b-jxla4v8hr1] {
    opacity: 0.65;
    cursor: not-allowed;
}

.botao-secundario--perigo[b-jxla4v8hr1] {
    border-color: rgba(223, 135, 148, 0.28);
    color: var(--cor-erro);
}

.botao-secundario--perigo:hover[b-jxla4v8hr1] {
    background: color-mix(in srgb, var(--cor-erro) 10%, var(--cor-superficie));
}

.selecao-todas-permissoes[b-jxla4v8hr1] {
    display: inline-flex;
    align-items: center;
    gap: var(--espacamento-2);
}

.linha-acoes[b-jxla4v8hr1] {
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
    align-items: center;
}

.linha-acoes--compacta[b-jxla4v8hr1] {
    gap: var(--espacamento-3);
}

.tabela-sistema[b-jxla4v8hr1] {
    display: grid;
    gap: var(--espacamento-2);
}

.tabela-sistema__cabecalho[b-jxla4v8hr1],
.tabela-sistema__linha[b-jxla4v8hr1] {
    display: grid;
    grid-template-columns: 2.2fr 1.5fr 1fr 1.2fr;
    gap: var(--espacamento-3);
    align-items: center;
}

.tabela-sistema__cabecalho[b-jxla4v8hr1] {
    padding: 0 var(--espacamento-3);
    color: var(--cor-texto-secundario);
    font-size: 0.85rem;
}

.tabela-sistema--usuarios-grupo .tabela-sistema__cabecalho[b-jxla4v8hr1],
.tabela-sistema--usuarios-grupo .tabela-sistema__linha[b-jxla4v8hr1] {
    grid-template-columns: 0.6fr 1.5fr 1fr 1.4fr;
}

.selecao-usuario-grupo[b-jxla4v8hr1] {
    display: flex;
    align-items: center;
}

.tabela-sistema__linha[b-jxla4v8hr1] {
    padding: var(--espacamento-3);
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie);
}

.tabela-sistema__linha.selecionada[b-jxla4v8hr1] {
    border-color: rgba(36, 91, 157, 0.22);
    background: var(--cor-primaria-suave);
}

.linha-selecao[b-jxla4v8hr1] {
    border: none;
    background: transparent;
    color: inherit;
    text-align: left;
    display: grid;
    gap: 0.15rem;
    padding: 0;
}

.tag[b-jxla4v8hr1] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.65rem;
    background: var(--cor-superficie-suave);
    border: 1px solid var(--cor-borda);
    font-size: 0.85rem;
}

@media (max-width: 760px) {
    .grade-resumo[b-jxla4v8hr1],
    .grupo-formulario__atalhos[b-jxla4v8hr1],
    .tabela-sistema__cabecalho[b-jxla4v8hr1],
    .tabela-sistema__linha[b-jxla4v8hr1] {
        grid-template-columns: 1fr;
    }

    .tabela-sistema--usuarios-grupo .tabela-sistema__cabecalho[b-jxla4v8hr1],
    .tabela-sistema--usuarios-grupo .tabela-sistema__linha[b-jxla4v8hr1] {
        grid-template-columns: 1fr;
    }

    .linha-acoes[b-jxla4v8hr1] {
        grid-auto-flow: row;
    }

    .grade-permissoes[b-jxla4v8hr1] {
        grid-template-columns: 1fr;
        height: auto;
        max-height: min(80vh, 48rem);
    }

    .lista-categorias-permissoes[b-jxla4v8hr1] {
        grid-auto-flow: column;
        height: auto;
        max-height: none;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .painel-categoria-permissoes[b-jxla4v8hr1] {
        height: min(52vh, 30rem);
    }
}
/* /Components/Paginas/Imoveis.razor.rz.scp.css */
.painel[b-mszs1npbl8] {
    display: grid;
    gap: var(--espacamento-4);
    padding: var(--espacamento-5);
    border-radius: var(--raio-grande);
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.layout-pagina[b-mszs1npbl8] {
    display: grid;
    gap: var(--espacamento-5);
    min-width: 0;
}

.imoveis-lista[b-mszs1npbl8] {
    min-width: 0;
}

/* ---------- Barra de busca / filtros ---------- */
.imoveis-barra[b-mszs1npbl8] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--espacamento-3);
    min-width: 0;
}

.imoveis-barra__busca[b-mszs1npbl8] {
    flex: 1 1 16rem;
    min-width: 0;
}

.imoveis-barra__filtros[b-mszs1npbl8] {
    position: relative;
}

.imoveis-barra__filtros.ativo[b-mszs1npbl8] {
    border-color: var(--cor-primaria);
    color: var(--cor-primaria);
}

.imoveis-barra__contagem[b-mszs1npbl8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.15rem;
    height: 1.15rem;
    padding: 0 0.3rem;
    border-radius: 999px;
    background: var(--cor-primaria);
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
}

.imoveis-aguardando[b-mszs1npbl8] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.8rem;
    border: 1px solid color-mix(in srgb, #d98e04 45%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, #d98e04 14%, transparent);
    color: #d98e04;
    font: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
}

.imoveis-aguardando.ativo[b-mszs1npbl8] {
    background: #d98e04;
    color: #fff;
}

.imoveis-barra__visualizacao[b-mszs1npbl8] {
    flex: 0 0 auto;
    display: inline-flex;
    padding: 3px;
    gap: 2px;
    border-radius: var(--raio-medio);
    border: 1px solid var(--cor-borda);
    background: var(--cor-fundo-secundario);
}

.imoveis-barra__visualizacao button[b-mszs1npbl8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 1.9rem;
    padding: 0;
    border: 0;
    border-radius: calc(var(--raio-medio) - 2px);
    background: transparent;
    color: var(--cor-texto-secundario);
    cursor: pointer;
    transition: background 0.12s ease, color 0.12s ease;
}

.imoveis-barra__visualizacao button.ativo[b-mszs1npbl8] {
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
}

.imoveis-filtros[b-mszs1npbl8] {
    display: grid;
    /* 9 filtros + botão de limpar, todos em uma linha; em telas estreitas quebram em várias. */
    grid-template-columns: repeat(9, minmax(0, 1fr)) auto;
    gap: var(--espacamento-3);
    align-items: end;
    padding: var(--espacamento-4);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-fundo-secundario);
}

.imoveis-filtros__limpar[b-mszs1npbl8] {
    display: flex;
    justify-content: flex-end;
}

.imoveis-filtros__botao-limpar[b-mszs1npbl8] {
    width: 2.6rem;
    padding: 0;
    justify-content: center;
}

@media (max-width: 1500px) {
    .imoveis-filtros[b-mszs1npbl8] {
        grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
    }
}

.imoveis-selecao[b-mszs1npbl8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    background: color-mix(in srgb, var(--cor-primaria) 8%, var(--cor-superficie));
}

.imoveis-selecao strong[b-mszs1npbl8] {
    margin-right: auto;
    font-size: 0.85rem;
}

/* ---------- Lista ---------- */
.tabela-sistema--imoveis .tabela-sistema__cabecalho[b-mszs1npbl8],
.tabela-sistema--imoveis .tabela-sistema__linha[b-mszs1npbl8] {
    align-items: center;
}

.imovel-linha[b-mszs1npbl8] {
    cursor: pointer;
    transition: background 0.12s ease;
}

.imovel-linha:hover[b-mszs1npbl8] {
    background: var(--cor-fundo-secundario);
}

.imovel-linha--inativa > span:not(.imovel-acoes):not(.imovel-linha__selecao)[b-mszs1npbl8] {
    opacity: 0.6;
}

.imovel-linha__selecao[b-mszs1npbl8] {
    display: grid;
    place-items: center;
}

.imovel-linha__referencia[b-mszs1npbl8] {
    display: grid;
    gap: 0.25rem;
    justify-items: start;
    min-width: 0;
}

.imovel-linha__referencia strong[b-mszs1npbl8] {
    font-size: 0.95rem;
}

.imovel-linha__imagem[b-mszs1npbl8] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.4rem;
    height: 2.6rem;
    border-radius: var(--raio-medio);
    border: 1px solid var(--cor-borda);
    background: var(--cor-fundo-secundario);
    color: var(--cor-texto-secundario);
    overflow: visible;
}

.imovel-linha__imagem img[b-mszs1npbl8] {
    width: 100%;
    height: 100%;
    border-radius: calc(var(--raio-medio) - 1px);
    object-fit: cover;
}

.imovel-linha__fotos[b-mszs1npbl8] {
    position: absolute;
    top: -0.4rem;
    left: -0.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.2rem;
    height: 1.2rem;
    padding: 0 0.25rem;
    border-radius: 999px;
    background: #2eaa6b;
    color: #fff;
    font-size: 0.68rem;
    font-weight: 700;
}

.imovel-linha__titulo[b-mszs1npbl8] {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
}

.imovel-linha__titulo strong[b-mszs1npbl8],
.imovel-linha__titulo small[b-mszs1npbl8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.imovel-linha__titulo strong[b-mszs1npbl8] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.imovel-linha__titulo small[b-mszs1npbl8],
.imovel-linha__endereco[b-mszs1npbl8] {
    color: var(--cor-texto-secundario);
}

.imovel-linha__endereco[b-mszs1npbl8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.85rem;
}

.imovel-valores[b-mszs1npbl8] {
    display: grid;
    gap: 0.3rem;
    min-width: 0;
}

.imovel-valores__item[b-mszs1npbl8] {
    display: grid;
    gap: 0.05rem;
}

.imovel-valores__item small[b-mszs1npbl8] {
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
}

.imovel-valores__item strong[b-mszs1npbl8] {
    font-size: 0.95rem;
    overflow-wrap: anywhere;
}

.imovel-valores__anterior[b-mszs1npbl8] {
    color: var(--cor-texto-secundario);
    font-size: 0.75rem;
    text-decoration: line-through;
}

.imovel-valores__anterior b[b-mszs1npbl8] {
    display: inline-block;
    margin-left: 0.25rem;
    padding: 0 0.3rem;
    border-radius: 999px;
    background: color-mix(in srgb, #2eaa6b 18%, transparent);
    color: #2eaa6b;
    text-decoration: none;
}

.imovel-valores__vazio[b-mszs1npbl8] {
    color: var(--cor-texto-secundario);
}

@media (max-width: 900px) {
    .tabela-sistema--imoveis .tabela-sistema__cabecalho[b-mszs1npbl8],
    .tabela-sistema--imoveis .tabela-sistema__linha[b-mszs1npbl8] {
        grid-template-columns: 1fr !important;
    }
}

/* ---------- Status ---------- */
.imovel-status[b-mszs1npbl8] {
    display: inline-flex;
    align-items: center;
    padding: 0.05rem 0.55rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
    white-space: nowrap;
    background: var(--cor-fundo-secundario);
    color: var(--cor-texto-secundario);
}

.imovel-status--ativo[b-mszs1npbl8] {
    background: #2eaa6b;
    color: #fff;
}

.imovel-status--aguardandoaprovacao[b-mszs1npbl8] {
    background: color-mix(in srgb, #d98e04 22%, transparent);
    color: #d98e04;
}

.imovel-status--inativo[b-mszs1npbl8] {
    background: var(--cor-fundo-secundario);
    color: var(--cor-texto-secundario);
    border: 1px solid var(--cor-borda);
}

.imovel-status--vendido[b-mszs1npbl8] {
    background: color-mix(in srgb, #245b9d 20%, transparent);
    color: #5b9bd9;
}

.imovel-status--alugado[b-mszs1npbl8] {
    background: color-mix(in srgb, #8b5cf6 20%, transparent);
    color: #8b5cf6;
}

/* ---------- Grade ---------- */
.imoveis-grade[b-mszs1npbl8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
    gap: var(--espacamento-4);
}

.imovel-cartao[b-mszs1npbl8] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    border-radius: var(--raio-grande);
    border: 1px solid var(--cor-borda);
    background: var(--cor-fundo-secundario);
    overflow: hidden;
    cursor: pointer;
    transition: border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

.imovel-cartao:hover[b-mszs1npbl8] {
    border-color: var(--cor-primaria);
    box-shadow: var(--sombra-cartao);
}

.imovel-cartao--inativo .imovel-cartao__corpo[b-mszs1npbl8],
.imovel-cartao--inativo .imovel-cartao__rodape[b-mszs1npbl8],
.imovel-cartao--inativo .imovel-cartao__imagem > img[b-mszs1npbl8] {
    opacity: 0.6;
}

.imovel-cartao__imagem[b-mszs1npbl8] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 16 / 10;
    background: var(--cor-superficie-elevada);
    color: var(--cor-texto-secundario);
    overflow: hidden;
}

.imovel-cartao__imagem img[b-mszs1npbl8] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.imovel-cartao__selecao[b-mszs1npbl8],
.imovel-cartao__acoes[b-mszs1npbl8] {
    position: absolute;
    top: 0.4rem;
    z-index: 2;
    padding: 0.15rem;
    border-radius: var(--raio-pequeno);
    background: color-mix(in srgb, var(--cor-superficie) 85%, transparent);
}

.imovel-cartao__selecao[b-mszs1npbl8] {
    left: 0.4rem;
}

.imovel-cartao__acoes[b-mszs1npbl8] {
    right: 0.4rem;
}

.imovel-cartao__status[b-mszs1npbl8] {
    position: absolute;
    left: 0.5rem;
    bottom: 0.5rem;
}

.imovel-cartao__fotos[b-mszs1npbl8] {
    position: absolute;
    right: 0.5rem;
    bottom: 0.5rem;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.05rem 0.5rem;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.65);
    color: #fff;
    font-size: 0.72rem;
    font-weight: 700;
}

.imovel-cartao__corpo[b-mszs1npbl8] {
    display: grid;
    gap: 0.2rem;
    padding: var(--espacamento-3) var(--espacamento-4) 0;
    flex: 1 1 auto;
    align-content: start;
}

.imovel-cartao__codigo[b-mszs1npbl8] {
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.03em;
}

.imovel-cartao__titulo[b-mszs1npbl8] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.imovel-cartao__endereco[b-mszs1npbl8],
.imovel-cartao__resumo[b-mszs1npbl8] {
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
}

.imovel-cartao__rodape[b-mszs1npbl8] {
    padding: var(--espacamento-3) var(--espacamento-4);
}

/* ---------- Menu de três pontos ---------- */
.imovel-acoes[b-mszs1npbl8],
.imovel-acoes__envoltorio[b-mszs1npbl8] {
    position: relative;
    display: inline-flex;
}

.imovel-acoes__overlay[b-mszs1npbl8] {
    position: fixed;
    inset: 0;
    z-index: 1;
    border: 0;
    background: transparent;
    cursor: default;
}

.imovel-acoes__menu[b-mszs1npbl8] {
    display: grid;
    min-width: 11rem;
    padding: 0.25rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    background: var(--cor-superficie);
    box-shadow: var(--sombra-cartao);
    opacity: 1;
}

.imovel-acoes__menu button[b-mszs1npbl8] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    width: 100%;
    padding: 0.45rem 0.55rem;
    border: 0;
    border-radius: calc(var(--raio-base) - 2px);
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.8rem;
    text-align: left;
    cursor: pointer;
}

.imovel-acoes__menu button:hover:not(:disabled)[b-mszs1npbl8] {
    background: color-mix(in srgb, var(--cor-primaria) 10%, var(--cor-superficie));
}

.imovel-acoes__menu button:disabled[b-mszs1npbl8] {
    opacity: 0.45;
    cursor: default;
}

/* ---------- Modal ---------- */
.imovel-ed[b-mszs1npbl8] {
    gap: 0;
    display: grid;
    grid-template-columns: 16.5rem minmax(0, 1fr);
    height: 100%;
    min-height: 0;
    min-width: 0;
    border-top: 1px solid var(--cor-borda);
}

.imovel-ed__nav[b-mszs1npbl8] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-height: 0;
    padding: 0.8rem 0.6rem;
    border-right: 1px solid var(--cor-borda);
    background: var(--cor-fundo-secundario);
    overflow-y: auto;
    scrollbar-width: thin;
}

.imovel-ed__grupo[b-mszs1npbl8] {
    display: grid;
    gap: 0.1rem;
    margin-bottom: 0.35rem;
}

.imovel-ed__aba[b-mszs1npbl8] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    padding: 0.55rem 0.7rem;
    border: 0;
    border-radius: var(--raio-medio);
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.9rem;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
    transition: background 0.12s, color 0.12s;
}

.imovel-ed__aba > span:not(.imovel-editor__pendencias)[b-mszs1npbl8] {
    flex: 1 1 auto;
    min-width: 0;
}

.imovel-ed__aba:hover[b-mszs1npbl8] {
    background: color-mix(in srgb, var(--cor-primaria) 8%, transparent);
}

.imovel-ed__aba--ativa[b-mszs1npbl8],
.imovel-ed__aba--ativa:hover[b-mszs1npbl8] {
    background: color-mix(in srgb, var(--cor-primaria) 14%, transparent);
    color: var(--cor-primaria);
}

.imovel-ed__subs[b-mszs1npbl8] {
    display: grid;
    gap: 0.1rem;
    margin-left: 1.2rem;
    padding-left: 0.5rem;
    border-left: 1px solid var(--cor-borda);
}

.imovel-ed__sub[b-mszs1npbl8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.38rem 0.6rem;
    border: 0;
    border-radius: var(--raio-medio);
    background: transparent;
    color: var(--cor-texto-secundario);
    font: inherit;
    font-size: 0.84rem;
    text-align: left;
    cursor: pointer;
    transition: background 0.12s, color 0.12s;
}

.imovel-ed__sub:hover[b-mszs1npbl8] {
    background: color-mix(in srgb, var(--cor-primaria) 8%, transparent);
    color: var(--cor-texto);
}

.imovel-ed__sub--ativa[b-mszs1npbl8],
.imovel-ed__sub--ativa:hover[b-mszs1npbl8] {
    background: color-mix(in srgb, var(--cor-primaria) 12%, transparent);
    color: var(--cor-primaria);
    font-weight: 600;
}

.imovel-ed__rodape-nav[b-mszs1npbl8] {
    display: grid;
    gap: 0.5rem;
    margin-top: auto;
    padding: 0.8rem 0.3rem 0;
}

.imovel-ed__rodape-nav .imovel-qualidade[b-mszs1npbl8] {
    width: 100%;
    margin: 0;
    justify-content: flex-start;
}

.imovel-ed__rodape-nav .imovel-qualidade__rotulo[b-mszs1npbl8] {
    flex: 1 1 auto;
    text-align: left;
    opacity: 1;
}

.imovel-ed__conteudo[b-mszs1npbl8] {
    min-width: 0;
    min-height: 0;
    padding: 1.1rem 1.4rem 1.5rem;
    overflow-y: auto;
    scrollbar-width: thin;
}

.imovel-ed__conteudo > .imovel-formulario[b-mszs1npbl8] {
    align-content: start;
}
.imovel-editor__pendencias[b-mszs1npbl8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.1rem;
    height: 1.1rem;
    padding: 0 0.3rem;
    border-radius: 999px;
    background: color-mix(in srgb, #d98e04 25%, transparent);
    color: #d98e04;
    font-size: 0.68rem;
    font-weight: 700;
}

/* Nota de qualidade do anúncio */
.imovel-qualidade[b-mszs1npbl8] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.4rem 0.7rem;
    border: 1px solid currentColor;
    border-radius: var(--raio-medio);
    background: transparent;
    font: inherit;
    font-size: 0.82rem;
    cursor: pointer;
}

.imovel-qualidade span[b-mszs1npbl8] {
    opacity: 0.7;
}

.imovel-qualidade--alta[b-mszs1npbl8] { color: #2eaa6b; }
.imovel-qualidade--media[b-mszs1npbl8] { color: #d98e04; }
.imovel-qualidade--baixa[b-mszs1npbl8] { color: #d64545; }

/* Formulário */
.imovel-formulario[b-mszs1npbl8] {
    display: grid;
    gap: var(--espacamento-4);
    border: 0;
    margin: 0;
    padding: 0;
    min-width: 0;
}

.imovel-grade[b-mszs1npbl8] {
    display: grid;
    gap: var(--espacamento-3) var(--espacamento-3);
    align-items: start;
}

.imovel-grade--2[b-mszs1npbl8] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.imovel-grade--3[b-mszs1npbl8] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.imovel-grade--4[b-mszs1npbl8] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.imovel-grade--5[b-mszs1npbl8] { grid-template-columns: repeat(5, minmax(0, 1fr)); }

.imovel-grade__largo[b-mszs1npbl8] {
    grid-column: span 2;
}

.imovel-secao[b-mszs1npbl8] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin: var(--espacamento-2) 0 0;
    padding-bottom: var(--espacamento-2);
    border-bottom: 1px solid var(--cor-borda);
    font-size: 1rem;
}

.imovel-campo-acao[b-mszs1npbl8] {
    display: flex;
    gap: var(--espacamento-2);
    align-items: stretch;
}

.imovel-campo-acao .botao-secundario[b-mszs1npbl8] {
    flex: 0 0 auto;
    white-space: nowrap;
}

.imovel-campo-acao .campo-formulario__entrada[b-mszs1npbl8] {
    flex: 1 1 auto;
    min-width: 0;
}

.imovel-chips[b-mszs1npbl8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.imovel-chip[b-mszs1npbl8] {
    padding: 0.45rem 0.85rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background: var(--cor-fundo-secundario);
    color: var(--cor-texto-secundario);
    font: inherit;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 0.12s ease, color 0.12s ease, background 0.12s ease;
}

.imovel-chip.ativo[b-mszs1npbl8] {
    border-color: var(--cor-primaria);
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
}

.imovel-chave[b-mszs1npbl8] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.88rem;
    cursor: pointer;
}

.imovel-chave--campo[b-mszs1npbl8] {
    min-height: 2.4rem;
}

.imovel-exibicao[b-mszs1npbl8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espacamento-3) var(--espacamento-5);
    padding: var(--espacamento-3) var(--espacamento-4);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-fundo-secundario);
}

.imovel-exibicao__titulo[b-mszs1npbl8] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
    font-weight: 700;
}

.imovel-recolhivel[b-mszs1npbl8] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    justify-self: start;
    padding: 0.3rem 0;
    border: 0;
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.9rem;
    font-weight: 700;
    cursor: pointer;
}

.imovel-comodidades[b-mszs1npbl8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
    gap: var(--espacamento-3);
}

.imovel-ajuda[b-mszs1npbl8] {
    color: var(--cor-texto-secundario);
    font-size: 0.75rem;
}

.imovel-ajuda--direita[b-mszs1npbl8] {
    justify-self: end;
}

.imovel-descricao-rodape[b-mszs1npbl8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.imovel-descricao-rodape .imovel-ajuda--direita[b-mszs1npbl8] {
    margin-left: auto;
}

.imovel-ajuda--sucesso[b-mszs1npbl8] {
    color: #2eaa6b;
    font-weight: 700;
}

@media (max-width: 1100px) {
    .imovel-grade--4[b-mszs1npbl8],
    .imovel-grade--5[b-mszs1npbl8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .imovel-grade--3[b-mszs1npbl8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .imovel-grade--2[b-mszs1npbl8],
    .imovel-grade--3[b-mszs1npbl8],
    .imovel-grade--4[b-mszs1npbl8],
    .imovel-grade--5[b-mszs1npbl8] {
        grid-template-columns: minmax(0, 1fr);
    }

    .imovel-grade__largo[b-mszs1npbl8] {
        grid-column: span 1;
    }

    .imovel-ed__conteudo[b-mszs1npbl8] {
        padding: 0.9rem;
    }
}

/* Celular/tablet estreito: o menu lateral vira uma faixa rolável no topo do modal. */
@media (max-width: 900px) {
    .imovel-ed[b-mszs1npbl8] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto minmax(0, 1fr);
    }

    .imovel-ed__nav[b-mszs1npbl8] {
        max-height: 12rem;
        border-right: 0;
        border-bottom: 1px solid var(--cor-borda);
    }

    .imovel-ed__rodape-nav[b-mszs1npbl8] {
        grid-auto-flow: column;
        margin-top: 0;
        padding-top: 0.4rem;
    }
}

/* ---------- Grades extras ---------- */
.imovel-grade--1[b-mszs1npbl8] { grid-template-columns: minmax(0, 1fr); }
.imovel-grade--6[b-mszs1npbl8] { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.imovel-grade--valores[b-mszs1npbl8] { grid-template-columns: 9rem minmax(0, 14rem) auto minmax(0, 14rem); align-items: end; }

@media (max-width: 1100px) {
    .imovel-grade--6[b-mszs1npbl8] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .imovel-grade--valores[b-mszs1npbl8] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .imovel-grade--6[b-mszs1npbl8],
    .imovel-grade--valores[b-mszs1npbl8] { grid-template-columns: minmax(0, 1fr); }
}

.imovel-secao--sem-borda[b-mszs1npbl8] {
    padding-bottom: 0;
    border-bottom: 0;
}

.imovel-subsecao[b-mszs1npbl8] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin: var(--espacamento-2) 0 0;
    padding-bottom: var(--espacamento-2);
    border-bottom: 1px solid var(--cor-borda);
    font-size: 0.92rem;
}

.imovel-ajuda--atualizacao[b-mszs1npbl8] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0;
}

/* ---------- Interruptor (liga/desliga) ---------- */
.imovel-interruptor[b-mszs1npbl8] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.86rem;
    cursor: pointer;
}

.imovel-interruptor input[b-mszs1npbl8] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.imovel-interruptor__trilho[b-mszs1npbl8] {
    position: relative;
    flex: 0 0 auto;
    width: 2.1rem;
    height: 1.2rem;
    border-radius: 999px;
    background: var(--cor-texto-secundario);
    opacity: 0.55;
    transition: background 0.15s ease, opacity 0.15s ease;
}

.imovel-interruptor__trilho[b-mszs1npbl8]::after {
    content: "";
    position: absolute;
    top: 0.15rem;
    left: 0.15rem;
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 50%;
    background: #fff;
    transition: transform 0.15s ease;
}

.imovel-interruptor input:checked + .imovel-interruptor__trilho[b-mszs1npbl8] {
    background: var(--cor-primaria);
    opacity: 1;
}

.imovel-interruptor input:checked + .imovel-interruptor__trilho[b-mszs1npbl8]::after {
    transform: translateX(0.9rem);
}

.imovel-interruptor input:focus-visible + .imovel-interruptor__trilho[b-mszs1npbl8] {
    outline: 2px solid var(--cor-primaria);
    outline-offset: 2px;
}

.imovel-interruptor--titulo .imovel-interruptor__texto[b-mszs1npbl8] {
    font-size: 0.95rem;
    font-weight: 700;
}

.imovel-campo-interruptor[b-mszs1npbl8] {
    align-self: end;
}

.imovel-campo-interruptor label[aria-hidden][b-mszs1npbl8] {
    visibility: hidden;
}

.imovel-data-compacta[b-mszs1npbl8] {
    width: 11rem;
}

/* ---------- Listas editáveis (pacotes, proprietários, chaves) ---------- */
.imovel-lista-cabecalho[b-mszs1npbl8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-3);
    margin-top: var(--espacamento-2);
    padding-bottom: var(--espacamento-2);
    border-bottom: 1px solid var(--cor-borda);
}

.imovel-lista-cabecalho .imovel-secao[b-mszs1npbl8],
.imovel-lista-cabecalho .imovel-subsecao[b-mszs1npbl8] {
    margin: 0;
    border-bottom: 0;
    padding-bottom: 0;
}

.imovel-botao-adicionar[b-mszs1npbl8] {
    flex: 0 0 auto;
    color: var(--cor-primaria);
    border-color: color-mix(in srgb, var(--cor-primaria) 45%, transparent);
}

.imovel-link-acao[b-mszs1npbl8] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 0;
    background: transparent;
    color: var(--cor-texto-secundario);
    font: inherit;
    font-size: 0.82rem;
    cursor: pointer;
}

.imovel-link-acao:hover[b-mszs1npbl8] {
    color: var(--cor-primaria);
}

.imovel-aviso[b-mszs1npbl8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    padding: 0.55rem 0.8rem;
    border: 1px solid color-mix(in srgb, var(--cor-primaria) 30%, transparent);
    border-radius: var(--raio-medio);
    background: color-mix(in srgb, var(--cor-primaria) 8%, transparent);
    color: var(--cor-texto);
    font-size: 0.85rem;
}

.imovel-linha-editavel[b-mszs1npbl8] {
    display: grid;
    gap: var(--espacamento-2);
    align-items: center;
}

.imovel-linha-editavel--pacote[b-mszs1npbl8] { grid-template-columns: minmax(0, 2fr) 6rem 9rem minmax(0, 2fr) 2.4rem; }
.imovel-linha-editavel--proprietario[b-mszs1npbl8] { grid-template-columns: minmax(0, 2fr) minmax(0, 1.2fr) minmax(0, 1.2fr) minmax(0, 1.6fr) 7rem 2.4rem; }
.imovel-linha-editavel--chave[b-mszs1npbl8] { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.6fr) 11rem minmax(0, 2fr) 2.4rem; }

@media (max-width: 900px) {
    .imovel-linha-editavel--pacote[b-mszs1npbl8],
    .imovel-linha-editavel--proprietario[b-mszs1npbl8],
    .imovel-linha-editavel--chave[b-mszs1npbl8] {
        grid-template-columns: minmax(0, 1fr);
        padding: var(--espacamento-3);
        border: 1px solid var(--cor-borda);
        border-radius: var(--raio-medio);
    }
}

.tabela-sistema--movimentos .tabela-sistema__cabecalho[b-mszs1npbl8],
.tabela-sistema--movimentos .tabela-sistema__linha[b-mszs1npbl8] {
    grid-template-columns: 11rem minmax(0, 1.2fr) minmax(0, 2.4fr) minmax(0, 1.2fr);
    align-items: center;
}

@media (max-width: 900px) {
    .tabela-sistema--movimentos .tabela-sistema__cabecalho[b-mszs1npbl8],
    .tabela-sistema--movimentos .tabela-sistema__linha[b-mszs1npbl8] {
        grid-template-columns: 1fr;
    }
}

/* ---------- Temporada ---------- */
.imovel-temporada[b-mszs1npbl8] {
    display: grid;
    gap: var(--espacamento-3);
    min-width: 0;
}

.imovel-temporada__titulo[b-mszs1npbl8] {
    padding-bottom: var(--espacamento-2);
    border-bottom: 1px solid var(--cor-borda);
}

/* ---------- Detalhes do imóvel ---------- */
.imovel-detalhes-barra[b-mszs1npbl8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espacamento-3);
}

.imovel-detalhes-barra__busca[b-mszs1npbl8] {
    flex: 1 1 14rem;
    min-width: 0;
}

.imovel-detalhes-barra__resumo[b-mszs1npbl8] {
    color: var(--cor-texto-secundario);
    font-size: 0.84rem;
    white-space: nowrap;
}

.imovel-detalhes-grupo[b-mszs1npbl8] {
    display: grid;
    gap: var(--espacamento-2);
    margin-top: var(--espacamento-2);
    padding: 0.8rem 1rem 0.9rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: color-mix(in srgb, var(--cor-primaria) 2%, transparent);
}

.imovel-detalhes-grupo__titulo[b-mszs1npbl8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-3);
    padding-bottom: 0.45rem;
    border-bottom: 1px solid var(--cor-borda);
}

.imovel-detalhes-grupo__contagem[b-mszs1npbl8] {
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
    font-variant-numeric: tabular-nums;
}

.imovel-detalhes-grupo__itens[b-mszs1npbl8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    gap: 0.45rem var(--espacamento-4);
}

.imovel-detalhes-grupo__adicionar[b-mszs1npbl8] {
    justify-self: start;
}

.imovel-detalhes-novo[b-mszs1npbl8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espacamento-2);
}

.imovel-detalhes-novo .campo-formulario__entrada[b-mszs1npbl8] {
    flex: 1 1 14rem;
    min-width: 0;
}

/* Caixa de seleção (checkbox) de um detalhe */
.imovel-caixa[b-mszs1npbl8] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
    padding: 0.2rem 0;
    cursor: pointer;
    font-size: 0.9rem;
    line-height: 1.25;
}

.imovel-caixa > span[b-mszs1npbl8] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.imovel-caixa--titulo[b-mszs1npbl8] {
    font-weight: 700;
}
.imovel-comodidades[b-mszs1npbl8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    gap: var(--espacamento-3) var(--espacamento-4);
}

/* ---------- Tags ---------- */
.imovel-tags[b-mszs1npbl8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    min-height: 2.4rem;
    padding: 0.3rem 0.5rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
}

.imovel-tag[b-mszs1npbl8] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.1rem 0.25rem 0.1rem 0.6rem;
    border-radius: 999px;
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
    font-size: 0.8rem;
    font-weight: 600;
}

.imovel-tag button[b-mszs1npbl8] {
    display: inline-grid;
    place-items: center;
    width: 1.1rem;
    height: 1.1rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: inherit;
    cursor: pointer;
}

.imovel-tags__entrada[b-mszs1npbl8] {
    flex: 1 1 8rem;
    min-width: 6rem;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
}

/* ---------- Campos personalizados ---------- */
.imovel-campos-personalizados[b-mszs1npbl8] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--espacamento-4) var(--espacamento-3);
    align-items: start;
}

.imovel-campo--1[b-mszs1npbl8] { grid-column: span 1; }
.imovel-campo--2[b-mszs1npbl8] { grid-column: span 2; }
.imovel-campo--3[b-mszs1npbl8] { grid-column: span 3; }

@media (max-width: 1100px) {
    .imovel-campos-personalizados[b-mszs1npbl8] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .imovel-campo--3[b-mszs1npbl8] { grid-column: span 2; }
}

@media (max-width: 760px) {
    .imovel-campos-personalizados[b-mszs1npbl8] { grid-template-columns: minmax(0, 1fr); }
    .imovel-campo--2[b-mszs1npbl8],
    .imovel-campo--3[b-mszs1npbl8] { grid-column: span 1; }
}

/* ---------- Modal da qualidade do anúncio ---------- */
.imovel-qualidade-resumo[b-mszs1npbl8] {
    display: grid;
    gap: var(--espacamento-2);
}

.imovel-qualidade-resumo strong[b-mszs1npbl8] {
    font-size: 2rem;
    line-height: 1;
}

.imovel-qualidade-resumo strong small[b-mszs1npbl8] {
    margin-left: 0.2rem;
    color: var(--cor-texto-secundario);
    font-size: 1rem;
    font-weight: 600;
}

.imovel-qualidade-resumo__barra[b-mszs1npbl8] {
    height: 0.55rem;
    border-radius: 999px;
    background: var(--cor-fundo-secundario);
    overflow: hidden;
}

.imovel-qualidade-resumo__barra span[b-mszs1npbl8] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: currentColor;
}

.imovel-qualidade-resumo--alta[b-mszs1npbl8] { color: #2eaa6b; }
.imovel-qualidade-resumo--media[b-mszs1npbl8] { color: #d98e04; }
.imovel-qualidade-resumo--baixa[b-mszs1npbl8] { color: #d64545; }
.imovel-qualidade-resumo strong[b-mszs1npbl8] { color: var(--cor-texto); }

.imovel-qualidade-lista[b-mszs1npbl8] {
    display: grid;
    gap: 0.2rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.imovel-qualidade-lista__item[b-mszs1npbl8] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    padding: 0.5rem 0.6rem;
    border: 0;
    border-radius: var(--raio-pequeno);
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.88rem;
    text-align: left;
}

.imovel-qualidade-lista__item > span:not(:first-child)[b-mszs1npbl8] {
    flex: 1 1 auto;
}

.imovel-qualidade-lista__item b[b-mszs1npbl8] {
    flex: 0 0 auto;
    font-size: 0.8rem;
}

button.imovel-qualidade-lista__item[b-mszs1npbl8] {
    cursor: pointer;
}

button.imovel-qualidade-lista__item:hover[b-mszs1npbl8] {
    background: color-mix(in srgb, var(--cor-primaria) 10%, var(--cor-superficie));
}

.imovel-qualidade-lista .atendido[b-mszs1npbl8] {
    color: var(--cor-texto-secundario);
}

.imovel-qualidade-lista .atendido svg[b-mszs1npbl8],
.imovel-qualidade-lista .atendido b[b-mszs1npbl8] {
    color: #2eaa6b;
}

.imovel-qualidade-lista .pendente svg[b-mszs1npbl8],
.imovel-qualidade-lista .pendente b[b-mszs1npbl8] {
    color: #d98e04;
}

/* ---------- Menu de visualização ---------- */
.imoveis-visualizacao[b-mszs1npbl8] {
    position: relative;
    flex: 0 0 auto;
}

.imoveis-visualizacao__overlay[b-mszs1npbl8] {
    position: fixed;
    inset: 0;
    z-index: 30;
    border: 0;
    background: transparent;
    cursor: default;
}

.imoveis-visualizacao__menu[b-mszs1npbl8] {
    /* A posição (fixa, junto ao botão) vem de .menu-flutuante + nexoMenuFlutuante; não definir position/top/left aqui. */
    display: grid;
    min-width: 16rem;
    padding: 0.35rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
    box-shadow: var(--sombra-cartao);
}

.imoveis-visualizacao__item[b-mszs1npbl8],
.imoveis-visualizacao__radio[b-mszs1npbl8] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    padding: 0.5rem 0.65rem;
    border: 0;
    border-radius: var(--raio-pequeno);
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.9rem;
    text-align: left;
    cursor: pointer;
}

.imoveis-visualizacao__item > span:nth-child(2)[b-mszs1npbl8],
.imoveis-visualizacao__radio > span:nth-child(2)[b-mszs1npbl8] {
    flex: 1 1 auto;
}

.imoveis-visualizacao__item.ativo[b-mszs1npbl8] {
    font-weight: 700;
}

.imoveis-visualizacao__item:hover[b-mszs1npbl8],
.imoveis-visualizacao__radio:hover[b-mszs1npbl8] {
    background: color-mix(in srgb, var(--cor-primaria) 10%, var(--cor-superficie));
}

.imoveis-visualizacao__sub[b-mszs1npbl8] {
    display: grid;
    margin: 0 0 0.2rem 1.15rem;
    padding-left: 0.5rem;
    border-left: 1px solid var(--cor-borda);
}

.imoveis-visualizacao__radio small[b-mszs1npbl8] {
    color: var(--cor-texto-secundario);
    font-size: 0.75rem;
}

.imoveis-visualizacao__radio.ativo[b-mszs1npbl8] {
    font-weight: 700;
}

.imoveis-visualizacao__radio--acao[b-mszs1npbl8] {
    color: var(--cor-texto-secundario);
}

.imoveis-visualizacao__bolinha[b-mszs1npbl8] {
    flex: 0 0 auto;
    width: 0.95rem;
    height: 0.95rem;
    border: 1.5px solid var(--cor-texto-secundario);
    border-radius: 50%;
}

.imoveis-visualizacao__radio.ativo .imoveis-visualizacao__bolinha[b-mszs1npbl8] {
    border-color: var(--cor-primaria);
    background: radial-gradient(circle, var(--cor-primaria) 45%, transparent 50%);
}

/* ---------- Paginação ---------- */
.imoveis-paginacao[b-mszs1npbl8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-3);
    padding-top: var(--espacamento-3);
    border-top: 1px solid var(--cor-borda);
    color: var(--cor-texto-secundario);
    font-size: 0.85rem;
}

.imoveis-paginacao__botoes[b-mszs1npbl8] {
    display: inline-flex;
    align-items: center;
    gap: var(--espacamento-3);
    color: var(--cor-texto);
}

/* ---------- Nota, chips e valores ---------- */
.imovel-nota[b-mszs1npbl8] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0.05rem 0.5rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 700;
    background: color-mix(in srgb, currentColor 16%, var(--cor-superficie));
}

.imovel-nota--alta[b-mszs1npbl8] { color: #2eaa6b; }
.imovel-nota--media[b-mszs1npbl8] { color: #d98e04; }
.imovel-nota--baixa[b-mszs1npbl8] { color: #d64545; }

.imovel-chip-info[b-mszs1npbl8] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.05rem 0.45rem;
    border: 1px solid color-mix(in srgb, var(--cor-primaria) 35%, transparent);
    border-radius: var(--raio-pequeno);
    background: color-mix(in srgb, var(--cor-primaria) 9%, transparent);
    color: var(--cor-primaria);
    font-size: 0.72rem;
    font-weight: 600;
    white-space: nowrap;
}

.imovel-valor-linha[b-mszs1npbl8] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35rem;
}

.imovel-valor-linha small[b-mszs1npbl8] {
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
}

.imovel-valor-linha strong[b-mszs1npbl8] {
    font-size: 0.95rem;
}

/* ---------- Lista: densidades média e grande ---------- */
.tabela-sistema--imoveis-media .imovel-linha__imagem[b-mszs1npbl8] {
    width: 5.6rem;
    height: 4.2rem;
}

.tabela-sistema--imoveis-grande .imovel-linha__imagem[b-mszs1npbl8] {
    width: 8.2rem;
    height: 6rem;
}

.tabela-sistema--imoveis-media .imovel-linha[b-mszs1npbl8],
.tabela-sistema--imoveis-grande .imovel-linha[b-mszs1npbl8] {
    align-items: start;
}

.tabela-sistema--imoveis-media .imovel-linha__titulo strong[b-mszs1npbl8],
.tabela-sistema--imoveis-grande .imovel-linha__titulo strong[b-mszs1npbl8] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    white-space: normal;
}

.tabela-sistema--imoveis-media .imovel-linha__endereco[b-mszs1npbl8],
.tabela-sistema--imoveis-grande .imovel-linha__endereco[b-mszs1npbl8] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    white-space: normal;
}

.tabela-sistema--imoveis-grande .imovel-linha__endereco[b-mszs1npbl8] {
    -webkit-line-clamp: 5;
}

.imovel-linha__classificacao[b-mszs1npbl8] {
    color: var(--cor-texto-secundario);
    font-size: 0.74rem;
    white-space: normal !important;
}

.imovel-linha__descricao[b-mszs1npbl8] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    white-space: normal !important;
}

.imovel-linha__resumo[b-mszs1npbl8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    min-width: 0;
}

/* ---------- Grade: tamanhos ---------- */
.imoveis-grade--grande[b-mszs1npbl8] { grid-template-columns: repeat(auto-fill, minmax(21rem, 1fr)); }
.imoveis-grade--medio[b-mszs1npbl8] { grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); }
.imoveis-grade--pequeno[b-mszs1npbl8] { grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)); }
.imoveis-grade--miniatura[b-mszs1npbl8] { grid-template-columns: repeat(auto-fill, minmax(8.5rem, 1fr)); gap: var(--espacamento-3); }

.imoveis-grade--miniatura .imovel-cartao__imagem[b-mszs1npbl8] { aspect-ratio: 1; }
.imoveis-grade--pequeno .imovel-cartao__imagem[b-mszs1npbl8] { aspect-ratio: 4 / 3; }

.imovel-cartao__nota[b-mszs1npbl8] {
    position: absolute;
    right: 0.5rem;
    bottom: 0.5rem;
}

.imovel-cartao__nota .imovel-nota[b-mszs1npbl8] {
    background: var(--cor-superficie);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}

.imovel-cartao__fotos[b-mszs1npbl8] {
    right: auto;
    left: 0.5rem;
    top: 0.5rem;
    bottom: auto;
    margin-left: 2rem;
}

.imovel-cartao__codigo[b-mszs1npbl8] {
    display: flex;
    gap: 0.4rem;
    color: var(--cor-texto);
    font-size: 0.8rem;
}

.imovel-cartao__classificacao[b-mszs1npbl8] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--cor-texto-secundario);
    font-size: 0.75rem;
}

.imovel-cartao__classificacao i[b-mszs1npbl8] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: #d64545;
}

.imovel-cartao__valores[b-mszs1npbl8] {
    display: grid;
    gap: 0.1rem;
}

.imovel-cartao__titulo[b-mszs1npbl8] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.85rem;
}

.imovel-cartao__endereco[b-mszs1npbl8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.imovel-cartao__chips[b-mszs1npbl8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    padding-top: 0.2rem;
}

.imovel-cartao__corpo[b-mszs1npbl8] {
    padding-bottom: var(--espacamento-3);
}

.imoveis-grade--miniatura .imovel-cartao__corpo[b-mszs1npbl8] {
    padding: var(--espacamento-2);
}

.imoveis-cartao-opcoes[b-mszs1npbl8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--espacamento-3) var(--espacamento-4);
}

@media (max-width: 600px) {
    .imoveis-cartao-opcoes[b-mszs1npbl8] { grid-template-columns: minmax(0, 1fr); }
}

.imovel-botao-cep[b-mszs1npbl8] {
    flex: 0 0 auto;
    width: 2.6rem;
    padding: 0;
    justify-content: center;
}

/* ---------- Ações (três pontos) no card da grade ---------- */
/* Especificidade maior que ".imovel-acoes { position: relative }", que deixava o botão fora do canto da foto. */
.imovel-cartao__imagem .imovel-cartao__acoes[b-mszs1npbl8] {
    position: absolute;
    top: 0.4rem;
    right: 0.4rem;
    left: auto;
    z-index: 2;
}

.imovel-cartao__imagem .imovel-cartao__selecao[b-mszs1npbl8] {
    position: absolute;
    top: 0.4rem;
    left: 0.4rem;
}

/* Com o menu aberto, o botão sobe acima dos cards vizinhos para o clique fora (overlay) valer para a tela toda. */
.imovel-cartao__imagem .imovel-cartao__acoes:has(.imovel-acoes__overlay)[b-mszs1npbl8] {
    z-index: 40;
}

.imovel-cartao__acoes .botao-icone[b-mszs1npbl8] {
    width: 1.8rem;
    height: 1.8rem;
}

/* ---------- Levantamento e medidas: blocos e resumo dos ambientes ---------- */
.imovel-ambientes[b-mszs1npbl8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-3);
    padding: var(--espacamento-3) var(--espacamento-4);
    border: 1px solid color-mix(in srgb, var(--cor-primaria) 30%, var(--cor-borda));
    border-radius: var(--raio-medio);
    background: color-mix(in srgb, var(--cor-primaria) 7%, var(--cor-superficie-elevada));
}

.imovel-ambientes__resumo[b-mszs1npbl8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espacamento-2) var(--espacamento-4);
    min-width: 0;
}

.imovel-ambientes__titulo[b-mszs1npbl8] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-weight: 700;
    font-size: 0.9rem;
}

.imovel-ambientes__item[b-mszs1npbl8] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--cor-texto-secundario);
    font-size: 0.84rem;
}

.imovel-ambientes__item strong[b-mszs1npbl8] {
    color: var(--cor-texto);
    font-size: 1rem;
}

.imovel-bloco[b-mszs1npbl8] {
    display: grid;
    gap: var(--espacamento-3);
    padding: var(--espacamento-4);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
}

.imovel-bloco__cabecalho[b-mszs1npbl8] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    padding-bottom: var(--espacamento-3);
    border-bottom: 1px solid var(--cor-borda);
}

.imovel-bloco__cabecalho h3[b-mszs1npbl8] {
    margin: 0;
    font-size: 1rem;
}

.imovel-bloco__cabecalho p[b-mszs1npbl8] {
    margin: 0.1rem 0 0;
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
}

.imovel-bloco__icone[b-mszs1npbl8] {
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    width: 2.3rem;
    height: 2.3rem;
    border-radius: var(--raio-medio);
    background: color-mix(in srgb, var(--cor-primaria) 14%, transparent);
    color: var(--cor-primaria);
}

.imovel-bloco__subtitulo[b-mszs1npbl8] {
    margin: var(--espacamento-1) 0 0;
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

@media (max-width: 1100px) {
    .imovel-grade--4[b-mszs1npbl8] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .imovel-grade--5[b-mszs1npbl8] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .imovel-grade--4[b-mszs1npbl8],
    .imovel-grade--5[b-mszs1npbl8] { grid-template-columns: minmax(0, 1fr); }
}

/* ---------- Identificação: código, tipo e referência ---------- */
.imovel-identidade[b-mszs1npbl8] {
    display: grid;
    grid-template-columns: 9.5rem minmax(0, 1fr) minmax(0, 1.2fr);
    gap: var(--espacamento-4);
    align-items: start;
}

.imovel-codigo.campo-formulario__entrada[b-mszs1npbl8] {
    border-style: dashed;
    background: var(--cor-fundo-secundario);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    opacity: 1;
    cursor: help;
}

.imovel-referencia__entrada[b-mszs1npbl8] {
    font-weight: 700;
    letter-spacing: 0.03em;
}

.imovel-referencia__entrada--livre[b-mszs1npbl8] {
    border-color: color-mix(in srgb, #16a34a 55%, var(--cor-borda));
}

.imovel-referencia__entrada--uso[b-mszs1npbl8],
.imovel-referencia__entrada--invalida[b-mszs1npbl8] {
    border-color: var(--cor-perigo, #dc2626);
}

.imovel-referencia__estado[b-mszs1npbl8] {
    color: var(--cor-texto-secundario);
    font-size: 0.76rem;
}

.imovel-referencia__estado--livre[b-mszs1npbl8] {
    color: #15803d;
}

.imovel-referencia__estado--uso[b-mszs1npbl8],
.imovel-referencia__estado--invalida[b-mszs1npbl8] {
    color: var(--cor-perigo, #dc2626);
    font-weight: 600;
}

/* Lista: código em destaque, referência logo abaixo e status */
.imovel-linha__codigo[b-mszs1npbl8] {
    font-size: 1.05rem;
    font-variant-numeric: tabular-nums;
}

.imovel-linha__ref[b-mszs1npbl8] {
    color: var(--cor-texto-secundario);
    font-size: 0.82rem;
    letter-spacing: 0.02em;
}

.imovel-cartao__codigo small[b-mszs1npbl8] {
    color: var(--cor-texto-secundario);
    font-weight: 600;
}

@media (max-width: 1100px) {
    .imovel-identidade[b-mszs1npbl8] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .imovel-identidade > :nth-child(3)[b-mszs1npbl8] { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
    .imovel-identidade[b-mszs1npbl8] { grid-template-columns: minmax(0, 1fr); }
}

.imovel-linha__ref[b-mszs1npbl8] {
    max-width: 100%;
    overflow-wrap: anywhere;
}

/* ---------- Fotos: galeria com ambiente e descrição ---------- */
.fotos[b-mszs1npbl8] {
    display: grid;
    gap: var(--espacamento-3);
    min-width: 0;
}

.fotos__barra[b-mszs1npbl8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-3);
}

.fotos__titulo[b-mszs1npbl8] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    font-size: 1rem;
}

.fotos__contador[b-mszs1npbl8] {
    padding: 0.05rem 0.55rem;
    border-radius: 999px;
    background: var(--cor-fundo-secundario);
    border: 1px solid var(--cor-borda);
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
    font-weight: 700;
}

.fotos__adicionar[b-mszs1npbl8],
.fotos__selecionar[b-mszs1npbl8] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.85rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background: var(--cor-superficie-elevada);
    color: var(--cor-texto-secundario);
    font: inherit;
    font-size: 0.84rem;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 0.12s ease, color 0.12s ease, background 0.12s ease;
}

.fotos__adicionar[b-mszs1npbl8] {
    border-color: color-mix(in srgb, var(--cor-primaria) 45%, var(--cor-borda));
    background: color-mix(in srgb, var(--cor-primaria) 10%, var(--cor-superficie-elevada));
    color: var(--cor-primaria);
}

.fotos__adicionar:hover[b-mszs1npbl8],
.fotos__selecionar:hover[b-mszs1npbl8],
.fotos__selecionar--ativo[b-mszs1npbl8] {
    border-color: var(--cor-primaria);
    color: var(--cor-primaria);
}

.fotos__selecionar--ativo[b-mszs1npbl8] {
    background: color-mix(in srgb, var(--cor-primaria) 12%, var(--cor-superficie-elevada));
}

.fotos__filtros[b-mszs1npbl8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.fotos__filtros .imovel-chip[b-mszs1npbl8] {
    padding: 0.3rem 0.75rem;
    font-size: 0.8rem;
}

.fotos__filtros .imovel-chip b[b-mszs1npbl8] {
    margin-left: 0.2rem;
    opacity: 0.75;
}

.imovel-chip--suave[b-mszs1npbl8] {
    border-style: dashed;
}

.fotos__lote[b-mszs1npbl8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espacamento-3);
    padding: var(--espacamento-2) var(--espacamento-3);
    border: 1px solid color-mix(in srgb, var(--cor-primaria) 35%, var(--cor-borda));
    border-radius: var(--raio-medio);
    background: color-mix(in srgb, var(--cor-primaria) 7%, var(--cor-superficie-elevada));
    font-size: 0.86rem;
}

.fotos__lote-ambiente[b-mszs1npbl8] {
    width: 15rem;
    max-width: 100%;
}

.fotos__lote-excluir[b-mszs1npbl8] {
    margin-left: auto;
}

.fotos__lote-confirmar[b-mszs1npbl8] {
    margin-left: auto;
    color: var(--cor-perigo, #dc2626);
    font-weight: 600;
}

.fotos__corpo[b-mszs1npbl8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--espacamento-4);
    align-items: start;
}

.fotos__corpo--painel[b-mszs1npbl8] {
    grid-template-columns: minmax(0, 1fr) 20.5rem;
}

/* .fotos__grade é a raiz do componente ListaOrdenavel (fora do escopo desta página): ::deep a alcança a partir de .fotos__corpo. */
.fotos__corpo[b-mszs1npbl8]  .fotos__grade {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr));
    gap: var(--espacamento-3);
    min-width: 0;
}

.fotos__vazio[b-mszs1npbl8] {
    grid-column: 1 / -1;
    margin: 0;
    padding: var(--espacamento-5);
    border: 1px dashed var(--cor-borda);
    border-radius: var(--raio-medio);
    color: var(--cor-texto-secundario);
    text-align: center;
}

.foto-card[b-mszs1npbl8] {
    position: relative;
    display: grid;
    grid-template-rows: auto 1fr;
    min-width: 0;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
    overflow: hidden;
    transition: border-color 0.12s ease, box-shadow 0.12s ease;
}

/* Alça de arrastar a foto (canto superior direito da imagem). */
.foto-card__alca[b-mszs1npbl8] {
    position: absolute;
    top: 0.3rem;
    right: 0.3rem;
    z-index: 2;
    display: inline-flex;
    border-radius: var(--raio-pequeno);
    background: color-mix(in srgb, var(--cor-superficie-elevada) 85%, transparent);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}

.foto-card:hover[b-mszs1npbl8] {
    border-color: var(--cor-borda-forte);
}

.foto-card--aberta[b-mszs1npbl8],
.foto-card--marcada[b-mszs1npbl8] {
    border-color: var(--cor-primaria);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--cor-primaria) 30%, transparent);
}

.foto-card__imagem[b-mszs1npbl8] {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    padding: 0;
    border: 0;
    background: var(--cor-fundo-secundario);
    cursor: pointer;
    overflow: hidden;
}

.foto-card__imagem img[b-mszs1npbl8] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.foto-card--marcada .foto-card__imagem img[b-mszs1npbl8] {
    opacity: 0.8;
}

.foto-card__selo[b-mszs1npbl8] {
    position: absolute;
    top: 0.4rem;
    left: 0.4rem;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    background: var(--cor-primaria);
    color: #fff;
    font-size: 0.68rem;
    font-weight: 700;
}

.foto-card__marca[b-mszs1npbl8] {
    position: absolute;
    top: 0.4rem;
    right: 0.4rem;
    display: inline-grid;
    place-items: center;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 0.4rem;
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
}

.foto-card--marcada .foto-card__marca[b-mszs1npbl8] {
    background: var(--cor-primaria);
}

.foto-card__legenda[b-mszs1npbl8] {
    display: grid;
    align-content: start;
    gap: 0.1rem;
    padding: 0.45rem 0.6rem 0.55rem;
    min-width: 0;
}

.foto-card__legenda strong[b-mszs1npbl8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.82rem;
}

.foto-card__legenda--vazia[b-mszs1npbl8] {
    color: var(--cor-texto-secundario);
    font-style: italic;
    font-weight: 500;
}

.foto-card__legenda small[b-mszs1npbl8] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--cor-texto-secundario);
    font-size: 0.75rem;
    line-height: 1.3;
}

.fotos__painel[b-mszs1npbl8] {
    position: sticky;
    top: 0;
    display: grid;
    gap: var(--espacamento-3);
    padding: var(--espacamento-3);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.fotos__painel-cabecalho[b-mszs1npbl8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-2);
    font-size: 0.86rem;
}

.fotos__painel-cabecalho > span[b-mszs1npbl8] {
    display: inline-flex;
    gap: 0.15rem;
}

.fotos__previa[b-mszs1npbl8] {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 4 / 3;
    border-radius: var(--raio-medio);
    background: var(--cor-fundo-secundario);
    overflow: hidden;
}

.fotos__previa img[b-mszs1npbl8] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.fotos__arquivo[b-mszs1npbl8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: calc(var(--espacamento-2) * -1);
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
}

.fotos__descricao[b-mszs1npbl8] {
    min-height: 4.6rem;
    resize: vertical;
}

.fotos__painel-acoes[b-mszs1npbl8] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
}

.fotos__painel-capa[b-mszs1npbl8] {
    flex: 1 1 auto;
    justify-content: center;
}

@media (max-width: 1100px) {
    .fotos__corpo--painel[b-mszs1npbl8] {
        grid-template-columns: minmax(0, 1fr);
    }

    .fotos__painel[b-mszs1npbl8] {
        position: static;
    }
}

/* ---------- Rótulos com ícone (Levantamento e medidas): sempre em uma linha, para os campos ficarem alinhados ---------- */
.imovel-bloco .campo-formulario > label[b-mszs1npbl8],
.imovel-bloco .campo-formulario > .imovel-rotulo[b-mszs1npbl8] {
    min-height: 1.35rem;
}

.imovel-rotulo[b-mszs1npbl8] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    min-width: 0;
    white-space: nowrap;
}

.imovel-rotulo > span:not(.icone-sistema)[b-mszs1npbl8] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.imovel-rotulo[b-mszs1npbl8]  .icone-sistema {
    flex: 0 0 auto;
    color: var(--cor-primaria);
    opacity: 0.9;
}

/* Campos de uma mesma linha da grade alinham pela base do rótulo. */
.imovel-bloco .imovel-grade[b-mszs1npbl8] {
    align-items: start;
}

/* Lápis (editar) ao lado dos três pontos */
.imovel-acoes[b-mszs1npbl8] {
    gap: 0.15rem;
}

/* =====================================================================================
   Lista: pequena, média e grande (código/status, nota, tipo, preço, endereço, responsáveis)
   ===================================================================================== */
.imoveis-filtros[b-mszs1npbl8] {
    grid-template-columns: repeat(10, minmax(0, 1fr)) auto;
}

.imoveis-meus[b-mszs1npbl8] {
    border-color: color-mix(in srgb, var(--cor-primaria) 45%, transparent);
    background: color-mix(in srgb, var(--cor-primaria) 12%, transparent);
    color: var(--cor-primaria);
}

.imoveis-meus.ativo[b-mszs1npbl8] {
    background: var(--cor-primaria);
    color: #fff;
}

.imovel-linha__referencia[b-mszs1npbl8] {
    gap: 0.2rem;
}

.imovel-linha__codigo[b-mszs1npbl8] {
    font-size: 1.05rem;
    line-height: 1.1;
}

.imovel-linha__ref[b-mszs1npbl8] {
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
    font-weight: 600;
}

.imovel-linha__nota[b-mszs1npbl8] {
    display: inline-flex;
    justify-content: center;
}

.imovel-linha__valores[b-mszs1npbl8] {
    justify-self: end;
    text-align: right;
}

.imovel-linha__valores .imovel-valores__item[b-mszs1npbl8] {
    justify-items: end;
}

.imovel-linha--media .imovel-linha__valores[b-mszs1npbl8] {
    justify-self: center;
    text-align: center;
}

.imovel-linha--media .imovel-linha__valores .imovel-valores__item[b-mszs1npbl8] {
    justify-items: center;
}

.imovel-linha--media .imovel-linha__imagem[b-mszs1npbl8] {
    width: 5.6rem;
    height: 4.2rem;
}

.imovel-linha--media[b-mszs1npbl8] {
    padding-block: 0.7rem;
    align-items: start;
}

.imovel-linha--media > span[b-mszs1npbl8] {
    min-width: 0;
}

.imovel-linha--media .imovel-linha__titulo strong[b-mszs1npbl8] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: normal;
    line-height: 1.25;
}

/* Tipo: "Residencial › Casa" com a bolinha colorida do grupo */
.imovel-tipo[b-mszs1npbl8] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-width: 0;
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
    font-weight: 600;
}

.imovel-tipo > span[b-mszs1npbl8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.imovel-tipo__ponto[b-mszs1npbl8] {
    flex: 0 0 auto;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 2px;
    background: #94a3b8;
}

.imovel-tipo__ponto--residencial[b-mszs1npbl8] { background: #ef4444; }
.imovel-tipo__ponto--comercial[b-mszs1npbl8] { background: #3b82f6; }
.imovel-tipo__ponto--rural[b-mszs1npbl8] { background: #22c55e; }
.imovel-tipo__ponto--terreno[b-mszs1npbl8] { background: #f59e0b; }

/* Endereço: uma linha (pequena) ou até três com "Ver mais..." (média) */
.imovel-linha__enderecos[b-mszs1npbl8] {
    display: grid;
    gap: 0.15rem;
    justify-items: start;
    min-width: 0;
}

.imovel-linha__endereco--quebra[b-mszs1npbl8] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    white-space: normal;
    line-height: 1.35;
}

.imovel-linha__endereco--quebra.imovel-linha__endereco--aberto[b-mszs1npbl8] {
    -webkit-line-clamp: unset;
}

.imovel-linha__ver-mais[b-mszs1npbl8] {
    padding: 0;
    border: 0;
    background: none;
    color: var(--cor-primaria);
    font: inherit;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
}

.imovel-linha__ver-mais:hover[b-mszs1npbl8] {
    text-decoration: underline;
}

.imovel-linha__resumo[b-mszs1npbl8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    align-content: start;
}

.imovel-linha__responsaveis[b-mszs1npbl8] {
    min-width: 0;
}

/* Responsáveis: fotos sobrepostas + nome do principal */
.imovel-resp[b-mszs1npbl8] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
    max-width: 100%;
}

.imovel-resp__pilha[b-mszs1npbl8] {
    display: inline-flex;
    flex: 0 0 auto;
}

.imovel-resp__pilha[b-mszs1npbl8]  .imovel-resp__avatar {
    margin-left: -0.4rem;
    border: 2px solid var(--cor-superficie-elevada);
}

.imovel-resp__pilha[b-mszs1npbl8]  .imovel-resp__avatar:first-child {
    margin-left: 0;
}

.imovel-resp__nome[b-mszs1npbl8] {
    overflow: hidden;
    font-size: 0.82rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.imovel-resp--vazio[b-mszs1npbl8] {
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
    font-style: italic;
}

/* ---------- Lista grande ---------- */
.imoveis-linhas-grandes[b-mszs1npbl8] {
    display: grid;
    gap: var(--espacamento-3);
}

.imovel-grande[b-mszs1npbl8] {
    position: relative;
    display: grid;
    grid-template-columns: 15rem minmax(0, 1fr) auto 5rem;
    gap: var(--espacamento-4);
    align-items: stretch;
    padding: 0.5rem 0.6rem 0.5rem 0.5rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.imovel-grande:hover[b-mszs1npbl8] {
    border-color: var(--cor-primaria);
    box-shadow: var(--sombra-cartao);
}

.imovel-grande--inativo .imovel-grande__corpo[b-mszs1npbl8],
.imovel-grande--inativo .imovel-grande__mosaico[b-mszs1npbl8] {
    opacity: 0.6;
}

.imovel-grande__foto[b-mszs1npbl8] {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 10.8rem;
    overflow: hidden;
    border-radius: calc(var(--raio-medio) - 2px);
    background: var(--cor-fundo-secundario);
    color: var(--cor-texto-secundario);
}

.imovel-grande__foto img[b-mszs1npbl8] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.imovel-grande__selecao[b-mszs1npbl8] {
    position: absolute;
    top: 0.45rem;
    left: 0.45rem;
    display: grid;
    place-items: center;
    padding: 0.2rem;
    border-radius: var(--raio-pequeno);
    background: color-mix(in srgb, var(--cor-superficie) 88%, transparent);
}

.imovel-grande__codigo[b-mszs1npbl8] {
    position: absolute;
    top: 0.45rem;
    left: 2.7rem;
    padding: 0.12rem 0.55rem;
    border-radius: 0.4rem;
    background: rgb(15 20 28 / 0.82);
    color: #fff;
    font-size: 0.82rem;
    font-weight: 800;
}

.imovel-grande__status[b-mszs1npbl8] {
    position: absolute;
    bottom: 0.5rem;
    left: 0.5rem;
}

.imovel-grande__nota[b-mszs1npbl8] {
    position: absolute;
    right: 0.5rem;
    bottom: 0.5rem;
}

.imovel-grande__corpo[b-mszs1npbl8] {
    display: grid;
    align-content: start;
    gap: 0.3rem;
    min-width: 0;
}

.imovel-grande__topo[b-mszs1npbl8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-3);
}

.imovel-grande__ref[b-mszs1npbl8] {
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
    font-weight: 700;
}

.imovel-grande__titulo[b-mszs1npbl8] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    overflow: hidden;
    font-size: 1.02rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.imovel-grande__precos .imovel-valores[b-mszs1npbl8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem 1.4rem;
}

.imovel-grande__precos .imovel-valores__item[b-mszs1npbl8] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.4rem;
}

.imovel-grande__precos .imovel-valores__item strong[b-mszs1npbl8] {
    font-size: 1.05rem;
}

.imovel-grande__endereco[b-mszs1npbl8],
.imovel-grande__descricao[b-mszs1npbl8] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0;
    overflow: hidden;
    color: var(--cor-texto-secundario);
    font-size: 0.85rem;
}

.imovel-grande__descricao[b-mszs1npbl8] {
    font-size: 0.8rem;
}

.imovel-grande__rodape[b-mszs1npbl8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-2) var(--espacamento-4);
    margin-top: auto;
    padding-top: 0.3rem;
}

.imovel-grande__chips[b-mszs1npbl8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.imovel-grande__mosaico[b-mszs1npbl8] {
    display: grid;
    grid-template-columns: repeat(3, 5.2rem);
    grid-auto-rows: 5.2rem;
    gap: 0.3rem;
    align-content: start;
}

.imovel-grande__mini[b-mszs1npbl8] {
    position: relative;
    overflow: hidden;
    border-radius: 0.5rem;
    background: var(--cor-fundo-secundario);
}

.imovel-grande__mini img[b-mszs1npbl8] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.imovel-grande__mais[b-mszs1npbl8] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background: rgb(0 0 0 / 0.55);
    color: #fff;
    font-size: 1.05rem;
}

.imovel-grande__acoes[b-mszs1npbl8] {
    align-self: start;
    justify-self: end;
}

@media (max-width: 1250px) {
    .imovel-grande[b-mszs1npbl8] {
        grid-template-columns: 13rem minmax(0, 1fr) 5rem;
    }

    .imovel-grande__mosaico[b-mszs1npbl8] {
        display: none;
    }
}

@media (max-width: 720px) {
    .imovel-grande[b-mszs1npbl8] {
        grid-template-columns: minmax(0, 1fr);
    }

    .imovel-grande__acoes[b-mszs1npbl8] {
        position: absolute;
        top: 0.6rem;
        right: 0.6rem;
        z-index: 3;
    }
}

/* ---------- Cadastro: aba Responsáveis ---------- */
.imovel-vinculos[b-mszs1npbl8] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--espacamento-4);
    align-items: start;
}

@media (max-width: 1250px) {
    .imovel-vinculos[b-mszs1npbl8] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.imovel-vinculo[b-mszs1npbl8] {
    display: grid;
    gap: var(--espacamento-3);
    align-content: start;
    padding: var(--espacamento-4);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
}

.imovel-vinculo > header[b-mszs1npbl8] {
    display: grid;
    gap: 0.15rem;
}

.imovel-vinculo > header strong[b-mszs1npbl8] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.imovel-vinculo > header small[b-mszs1npbl8],
.imovel-vinculo__vazio[b-mszs1npbl8] {
    margin: 0;
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
}

.imovel-vinculo__vazio[b-mszs1npbl8] {
    padding: 0.7rem;
    border: 1px dashed var(--cor-borda-forte);
    border-radius: var(--raio-medio);
    text-align: center;
}

.imovel-vinculados[b-mszs1npbl8] {
    display: grid;
    gap: 0.4rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.imovel-vinculados__item[b-mszs1npbl8] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.45rem 0.6rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
}

.imovel-vinculados__item--principal[b-mszs1npbl8] {
    border-color: color-mix(in srgb, var(--cor-primaria) 55%, var(--cor-borda));
    background: color-mix(in srgb, var(--cor-primaria) 8%, var(--cor-superficie));
}

.imovel-vinculados__textos[b-mszs1npbl8] {
    display: grid;
    flex: 1 1 auto;
    min-width: 0;
}

.imovel-vinculados__textos strong[b-mszs1npbl8],
.imovel-vinculados__textos small[b-mszs1npbl8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.imovel-vinculados__textos small[b-mszs1npbl8] {
    color: var(--cor-texto-secundario);
    font-size: 0.76rem;
}

.imovel-vinculados__principal[b-mszs1npbl8] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--cor-primaria) 16%, transparent);
    color: var(--cor-primaria);
    font-size: 0.72rem;
    font-weight: 800;
}

.vincular-responsavel[b-mszs1npbl8] {
    display: grid;
    gap: var(--espacamento-4);
}

/* Lista pequena: os preços de cada finalidade ficam lado a lado, na mesma linha */
.imovel-linha--compacta .imovel-valores[b-mszs1npbl8] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.15rem 1.4rem;
}

/* Lista média: preços lado a lado também */
.imovel-linha--media .imovel-linha__valores[b-mszs1npbl8] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.15rem 1.2rem;
}

/* ---------- Registros e inscrições: campos à esquerda, descrição da incorporação à direita ---------- */
.imovel-registros[b-mszs1npbl8] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: var(--espacamento-5);
    align-items: start;
}

.imovel-registros__campos[b-mszs1npbl8] {
    display: grid;
    gap: var(--espacamento-4);
}

.imovel-registros__grupo[b-mszs1npbl8] {
    display: grid;
    gap: var(--espacamento-3);
    padding: var(--espacamento-3) var(--espacamento-4) var(--espacamento-4);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
}

.imovel-registros__grupo > h4[b-mszs1npbl8] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    color: var(--cor-texto-secundario);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.imovel-registros__descricao[b-mszs1npbl8]  .editor-html-rico__area {
    min-height: 15rem;
}

@media (max-width: 1250px) {
    .imovel-registros[b-mszs1npbl8] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Lista média: o grid interno dos preços vira uma linha (o seletor anterior pegava o span externo) */
.imovel-linha--media .imovel-valores[b-mszs1npbl8] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.15rem 1.2rem;
}

/* Lista grande: miniatura ativa e setas de navegação na foto principal */
.imovel-grande__mini[b-mszs1npbl8] {
    cursor: pointer;
    transition: transform 0.12s ease, outline-color 0.12s ease;
    outline: 2px solid transparent;
    outline-offset: -2px;
}

.imovel-grande__mini:hover[b-mszs1npbl8] {
    transform: scale(1.04);
}

.imovel-grande__mini--ativa[b-mszs1npbl8] {
    outline-color: var(--cor-primaria);
}

.imovel-grande__setas[b-mszs1npbl8] {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.35rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease;
}

.imovel-grande__foto:hover .imovel-grande__setas[b-mszs1npbl8] {
    opacity: 1;
}

.imovel-grande__seta[b-mszs1npbl8] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgb(255 255 255 / 0.92);
    box-shadow: 0 2px 8px rgb(0 0 0 / 0.35);
    color: #1f2937;
    cursor: pointer;
    pointer-events: auto;
}

.imovel-grande__seta[hidden][b-mszs1npbl8] {
    display: none;
}

.imovel-grande__seta--ant[b-mszs1npbl8] {
    margin-right: auto;
}

.imovel-grande__seta--prox[b-mszs1npbl8] {
    margin-left: auto;
}

/* ---------- Presença: bolinhas de quem está com o imóvel aberto, ao lado do título ---------- */
.imovel-titulo-presenca[b-mszs1npbl8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.imovel-titulo-presenca > strong[b-mszs1npbl8] {
    flex: 0 1 auto;
    min-width: 0;
}

.imovel-presenca[b-mszs1npbl8] {
    display: inline-flex;
    flex: none;
    align-items: center;
}

/* Prévia da foto no painel: clicável, abre a galeria em tela grande. */
.fotos__previa[b-mszs1npbl8] {
    position: relative;
    width: 100%;
    padding: 0;
    border: none;
    cursor: zoom-in;
}

.fotos__previa-ampliar[b-mszs1npbl8] {
    position: absolute;
    right: var(--espacamento-2);
    bottom: var(--espacamento-2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
    opacity: 0;
    transition: opacity var(--transicao-rapida);
    pointer-events: none;
}

.fotos__previa:hover .fotos__previa-ampliar[b-mszs1npbl8],
.fotos__previa:focus-visible .fotos__previa-ampliar[b-mszs1npbl8] {
    opacity: 1;
}

.fotos__previa:focus-visible[b-mszs1npbl8] {
    outline: 2px solid var(--cor-primaria);
    outline-offset: 2px;
}

/* ---------- Portais imobiliários (Publicação > Portais) ---------- */
.portais-cabecalho[b-mszs1npbl8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-3);
    flex-wrap: wrap;
    margin-top: var(--espacamento-2);
    padding-bottom: var(--espacamento-2);
    border-bottom: 1px solid var(--cor-borda);
}

.portais-cabecalho__acoes[b-mszs1npbl8] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    flex-wrap: wrap;
    font-size: 0.82rem;
}

.portais-legenda[b-mszs1npbl8] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--cor-texto-secundario);
    font-style: italic;
}

.portais-legenda__ponto[b-mszs1npbl8] {
    width: 0.85rem;
    height: 0.85rem;
    border: 2px solid var(--cor-texto);
    border-radius: 50%;
}

.portais-legenda__ponto--sim[b-mszs1npbl8] {
    border-color: var(--cor-sucesso, #2eaa6b);
}

.portais-grade[b-mszs1npbl8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr));
    gap: var(--espacamento-3);
}

.portal-cartao[b-mszs1npbl8] {
    display: grid;
    grid-template-rows: 1fr auto;
    min-height: 5.2rem;
    border: 2px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
    overflow: hidden;
}

.portal-cartao--marcado[b-mszs1npbl8] {
    border-color: var(--cor-sucesso, #2eaa6b);
}

.portal-cartao--desativado[b-mszs1npbl8] {
    opacity: 0.7;
}

.portal-cartao__corpo[b-mszs1npbl8] {
    display: grid;
    place-items: center;
    padding: 0.6rem;
    border: 0;
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    cursor: pointer;
}

.portal-cartao__corpo:disabled[b-mszs1npbl8] {
    cursor: default;
}

.portal-cartao__corpo:not(:disabled):hover[b-mszs1npbl8] {
    background: var(--cor-fundo-secundario);
}

.portal-cartao__corpo:focus-visible[b-mszs1npbl8] {
    outline: 2px solid var(--cor-primaria);
    outline-offset: -2px;
}

.portal-cartao__nome[b-mszs1npbl8] {
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    overflow-wrap: anywhere;
}

.portal-cartao__rodape[b-mszs1npbl8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.3rem;
    padding: 0.25rem 0.45rem;
    font-size: 0.74rem;
}

.portal-cartao__estado[b-mszs1npbl8] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    color: #b97d00;
}

.portal-cartao__destaque[b-mszs1npbl8] {
    max-width: 7.4rem;
    border: 0;
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.74rem;
}

.portal-cartao__icones[b-mszs1npbl8] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-left: auto;
    color: var(--cor-texto-secundario);
}

.portal-cartao__icone[b-mszs1npbl8] {
    display: inline-flex;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
}

.portal-cartao__icone:hover[b-mszs1npbl8] {
    color: var(--cor-primaria);
}

.portal-cartao__alerta[b-mszs1npbl8] {
    display: inline-flex;
    color: #b97d00;
}

.portal-cartao__alerta--erro[b-mszs1npbl8] {
    color: var(--cor-perigo);
}
/* /Components/Paginas/Inicial.razor.rz.scp.css */
.painel[b-154o8xgevh] {
    display: grid;
    gap: var(--espacamento-4);
    padding: var(--espacamento-5);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.painel--estado[b-154o8xgevh] {
    max-width: 38rem;
}
/* /Components/Paginas/Leads.razor.rz.scp.css */
.leads-nav[b-gsbydep58i] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.15rem;
    margin-bottom: 1.1rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    background: var(--cor-superficie-suave);
    width: fit-content;
    max-width: 100%;
    min-width: 0;
    /* No mobile as 4 abas (Partners/Customers/Companies/General leads) não cabem lado a
       lado - em vez de deixar a página inteira ficar mais larga que a viewport, a barra
       de abas rola horizontalmente sozinha, contida. width:fit-content sozinho pede o
       tamanho de conteúdo "preferido" (todas as abas) e isso furava max-width:100% através
       do <main> ancestral (block, width:auto) - por isso também precisa de min-width:0. */
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.leads-nav__item[b-gsbydep58i] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 2.2rem;
    padding: 0 0.9rem;
    border-radius: calc(var(--raio-pequeno) - 2px);
    color: var(--cor-texto-secundario);
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: 0.2s ease;
}

.leads-nav__item:hover[b-gsbydep58i] {
    color: var(--cor-texto);
    background: var(--cor-superficie-elevada);
}

.leads-nav__item.ativo[b-gsbydep58i] {
    background: var(--cor-primaria);
    color: #fff;
}

.leads-nav__item .icone-sistema[b-gsbydep58i] {
    color: inherit;
}

.leads-conteudo[b-gsbydep58i]  .cabecalho-pagina {
    padding-top: 0;
}
/* /Components/Paginas/LeadsSites.razor.rz.scp.css */
.leads-sites__carregando[b-injs2vylro] {
    color: var(--cor-texto-secundario);
    padding: var(--espacamento-4) 0;
}

.tabela-leads-sites .tabela-sistema__cabecalho[b-injs2vylro],
.tabela-leads-sites .tabela-sistema__linha[b-injs2vylro] {
    /* data · nome · contato · origem · imóvel · região · status · atribuído · ações */
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.1fr) minmax(0, 1.35fr) minmax(0, 1.25fr) minmax(0, 1.7fr) minmax(0, 0.9fr) minmax(0, 0.85fr) minmax(0, 0.9fr) minmax(0, 0.5fr);
}

.lead-contato[b-injs2vylro] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.lead-contato__linha[b-injs2vylro] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Origem da captura: selo colorido + (para sites/imóveis) o nome do formulário e do site. */
.lead-origem[b-injs2vylro] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    min-width: 0;
}

.lead-origem__selo[b-injs2vylro] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: 2px 9px;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 600;
    border: 1px solid var(--cor-borda);
    color: var(--cor-texto-secundario);
    background: var(--cor-superficie);
    white-space: nowrap;
}

.lead-origem__selo--site[b-injs2vylro] { color: #1a73e8; border-color: color-mix(in srgb, #1a73e8 35%, transparent); background: color-mix(in srgb, #1a73e8 10%, transparent); }
.lead-origem__selo--whatsapp[b-injs2vylro] { color: #128c3e; border-color: color-mix(in srgb, #128c3e 35%, transparent); background: color-mix(in srgb, #128c3e 10%, transparent); }
.lead-origem__selo--imobiliaria[b-injs2vylro] { color: #b45309; border-color: color-mix(in srgb, #b45309 35%, transparent); background: color-mix(in srgb, #b45309 10%, transparent); }

.lead-origem__detalhe[b-injs2vylro] {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .8rem;
}

.lead-origem__detalhe--suave[b-injs2vylro] {
    color: var(--cor-texto-secundario);
    font-size: .75rem;
}

/* Imóvel de interesse: miniatura + referência/título/local. */
.lead-informacao[b-injs2vylro] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    min-width: 0;
}

.lead-informacao__foto[b-injs2vylro] {
    flex: 0 0 auto;
    width: 52px;
    height: 40px;
    border-radius: var(--raio-pequeno);
    object-fit: cover;
    background: var(--cor-superficie);
    border: 1px solid var(--cor-borda);
}

.lead-informacao__foto--vazia[b-injs2vylro] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--cor-texto-secundario);
}

.lead-informacao__texto[b-injs2vylro] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.25;
}

.lead-informacao__texto > *[b-injs2vylro] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lead-informacao__texto small[b-injs2vylro] {
    color: var(--cor-texto-secundario);
    font-size: .72rem;
}

.selo-status[b-injs2vylro] {
    display: inline-flex;
    align-items: center;
    gap: var(--espacamento-1);
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    border: 1px solid var(--cor-borda);
    color: var(--cor-texto-secundario);
    background: var(--cor-superficie);
}

.selo-status[b-injs2vylro]::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
}

.selo-status--lead-novo[b-injs2vylro] { color: #1a73e8; border-color: color-mix(in srgb, #1a73e8 35%, transparent); background: color-mix(in srgb, #1a73e8 12%, transparent); }
.selo-status--lead-emcontato[b-injs2vylro] { color: #9a6700; border-color: color-mix(in srgb, #9a6700 35%, transparent); background: color-mix(in srgb, #9a6700 12%, transparent); }
.selo-status--lead-qualificado[b-injs2vylro] { color: #6f42c1; border-color: color-mix(in srgb, #6f42c1 35%, transparent); background: color-mix(in srgb, #6f42c1 12%, transparent); }
.selo-status--lead-convertido[b-injs2vylro] { color: #1a7f37; border-color: color-mix(in srgb, #1a7f37 35%, transparent); background: color-mix(in srgb, #1a7f37 12%, transparent); }
.selo-status--lead-descartado[b-injs2vylro] { color: var(--cor-texto-secundario); }
.selo-status--ia[b-injs2vylro] {
    color: #6f42c1;
    border-color: color-mix(in srgb, #6f42c1 35%, transparent);
    background: color-mix(in srgb, #6f42c1 12%, transparent);
    margin-left: .35rem;
    padding: 1px 7px;
    font-size: .7rem;
}
.selo-status--ia[b-injs2vylro]::before { display: none; }

.selo-status--aviso[b-injs2vylro] {
    color: #9a6700;
    border-color: color-mix(in srgb, #9a6700 35%, transparent);
    background: color-mix(in srgb, #9a6700 12%, transparent);
    margin-left: .35rem;
    padding: 1px 7px;
    font-size: .7rem;
}
.selo-status--aviso[b-injs2vylro]::before { display: none; }

/* Filtros numa linha só: os campos dividem a largura (a busca leva o dobro) e "Limpar" vira botão de ícone.
   Em telas estreitas voltam a quebrar em várias linhas. */
.barra-filtros--linha-unica[b-injs2vylro] {
    flex-wrap: nowrap;
}

.barra-filtros--linha-unica .barra-filtros__grupo[b-injs2vylro] {
    flex: 1 1 0;
    min-width: 6.5rem;
}

.barra-filtros--linha-unica .barra-filtros__grupo--largo[b-injs2vylro] {
    flex: 2 1 0;
    min-width: 8rem;
}

.barra-filtros--linha-unica .barra-filtros__grupo--data[b-injs2vylro] {
    flex: 1 1 0;
    min-width: 8.5rem;
}

/* Campos de data usam content-box por padrão: ficavam mais largos que o grupo (sobrepondo o vizinho) e mais altos que os selects. */
.barra-filtros--linha-unica input[b-injs2vylro] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
}

.barra-filtros--linha-unica .barra-filtros__acoes[b-injs2vylro] {
    flex: 0 0 auto;
}

.leads-sites__botao-limpar[b-injs2vylro] {
    width: 2.6rem;
    padding: 0;
    justify-content: center;
}

@media (max-width: 1280px) {
    .barra-filtros--linha-unica[b-injs2vylro] {
        flex-wrap: wrap;
    }

    .barra-filtros--linha-unica .barra-filtros__grupo[b-injs2vylro],
    .barra-filtros--linha-unica .barra-filtros__grupo--data[b-injs2vylro] {
        flex: 1 1 10rem;
    }

    .barra-filtros--linha-unica .barra-filtros__grupo--largo[b-injs2vylro] {
        flex: 2 1 14rem;
    }
}

.lead-detalhe[b-injs2vylro] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-5);
}

.lead-detalhe__campos[b-injs2vylro] {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: var(--espacamento-3);
}

.lead-detalhe__campos > div[b-injs2vylro] {
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    padding: var(--espacamento-3);
}

.lead-detalhe__campos dt[b-injs2vylro] {
    font-size: 0.75rem;
    color: var(--cor-texto-secundario);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 2px;
}

.lead-detalhe__campos dd[b-injs2vylro] {
    margin: 0;
    word-break: break-word;
}

.lead-detalhe__ua[b-injs2vylro] {
    font-size: 0.8rem;
    color: var(--cor-texto-secundario);
}

.lead-detalhe__convertido[b-injs2vylro] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    margin: 0;
    padding: var(--espacamento-3);
    border: 1px solid var(--cor-sucesso, var(--cor-borda));
    border-radius: var(--raio-medio);
    color: var(--cor-sucesso, var(--cor-texto));
    font-size: 0.875rem;
}

.lead-detalhe__gestao[b-injs2vylro] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--espacamento-4);
    border-top: 1px solid var(--cor-borda);
    padding-top: var(--espacamento-4);
}

.lead-detalhe__conflito[b-injs2vylro] {
    display: grid;
    gap: var(--espacamento-3);
    padding: var(--espacamento-3);
    border: 1px solid var(--cor-aviso, #d97706);
    border-radius: var(--raio-medio);
    background: color-mix(in srgb, var(--cor-aviso, #d97706) 8%, transparent);
}

.lead-detalhe__conflito-aviso[b-injs2vylro] {
    display: flex;
    align-items: flex-start;
    gap: var(--espacamento-2);
    margin: 0;
    font-size: 0.875rem;
}

.lead-detalhe__conflito-acoes[b-injs2vylro] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espacamento-2);
}

.lead-detalhe__gestao .campo-formulario--largo[b-injs2vylro] {
    grid-column: 1 / -1;
}

.lead-detalhe__campo-largo[b-injs2vylro] {
    grid-column: 1 / -1;
}

/* Cartão do imóvel de interesse no detalhe da captura. */
.lead-detalhe__informacao[b-injs2vylro] {
    display: flex;
    gap: var(--espacamento-4);
    align-items: center;
    padding: var(--espacamento-3);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
}

.lead-detalhe__informacao-foto[b-injs2vylro] {
    flex: 0 0 auto;
    width: 132px;
    height: 92px;
    border-radius: var(--raio-pequeno);
    object-fit: cover;
    border: 1px solid var(--cor-borda);
}

.lead-detalhe__informacao-foto--vazia[b-injs2vylro] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--cor-texto-secundario);
    background: color-mix(in srgb, var(--cor-texto-secundario) 8%, transparent);
}

.lead-detalhe__informacao-info[b-injs2vylro] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    min-width: 0;
}

.lead-detalhe__informacao-rotulo[b-injs2vylro] {
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: var(--cor-texto-secundario);
}

.lead-detalhe__informacao-local[b-injs2vylro] {
    font-size: .85rem;
    color: var(--cor-texto-secundario);
}

.lead-detalhe__informacao-abrir[b-injs2vylro] {
    margin-top: var(--espacamento-2);
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    text-decoration: none;
}

@media (max-width: 560px) {
    .lead-detalhe__informacao[b-injs2vylro] {
        flex-direction: column;
        align-items: flex-start;
    }

    .lead-detalhe__informacao-foto[b-injs2vylro] {
        width: 100%;
        height: 160px;
    }
}

/* Modal "Vincular a cliente existente" */
.lead-vinculo[b-injs2vylro] {
    display: grid;
    gap: var(--espacamento-4);
}

.lead-vinculo__aviso[b-injs2vylro] {
    color: var(--cor-texto-secundario);
    font-size: .875rem;
}

.lead-vinculo__sugestoes[b-injs2vylro] {
    display: grid;
    gap: var(--espacamento-2);
}

.lead-vinculo__rotulo[b-injs2vylro] {
    font-size: .8rem;
    font-weight: 600;
    color: var(--cor-texto-secundario);
}

.lead-vinculo__sugestao[b-injs2vylro] {
    display: flex;
    align-items: baseline;
    gap: var(--espacamento-2);
    width: 100%;
    text-align: left;
    padding: var(--espacamento-2) var(--espacamento-3);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    background: var(--cor-superficie);
    font: inherit;
    cursor: pointer;
}

.lead-vinculo__sugestao:hover[b-injs2vylro] {
    border-color: color-mix(in srgb, var(--cor-primaria) 40%, var(--cor-borda));
}

.lead-vinculo__sugestao--ativa[b-injs2vylro] {
    border-color: var(--cor-primaria);
    background: var(--cor-primaria-suave);
}

.lead-vinculo__sugestao-nome[b-injs2vylro] {
    font-weight: 600;
}

.lead-vinculo__sugestao-contato[b-injs2vylro] {
    color: var(--cor-texto-secundario);
    font-size: .85rem;
}

.lead-vinculo__sugestao-motivo[b-injs2vylro] {
    margin-left: auto;
    font-size: .75rem;
    color: var(--cor-primaria);
    white-space: nowrap;
}

.lead-vinculo__opcao[b-injs2vylro] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    font-size: .875rem;
}
/* /Components/Paginas/Meet.razor.rz.scp.css */
.meet[b-xvtld0s9zi] {
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: var(--cor-fundo, #0f172a);
}

.meet__cartao[b-xvtld0s9zi] {
    width: 100%;
    max-width: 420px;
    background: var(--cor-superficie, #fff);
    border-radius: 16px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
    padding: 28px 26px 26px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.meet__marca[b-xvtld0s9zi] {
    display: flex;
    justify-content: center;
    margin-bottom: 4px;
}

.meet__logo[b-xvtld0s9zi] {
    height: 34px;
    width: auto;
}

.meet__titulo[b-xvtld0s9zi] {
    margin: 0;
    font-size: 1.25rem;
    text-align: center;
}

.meet__sub[b-xvtld0s9zi] {
    margin: 0;
    text-align: center;
    color: var(--cor-texto-suave, #64748b);
    font-size: 0.9rem;
}

.meet__preview[b-xvtld0s9zi] {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    background: #111827;
    border-radius: 12px;
    overflow: hidden;
}

.meet__preview-video[b-xvtld0s9zi] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scaleX(-1);
}

.meet__preview-aviso[b-xvtld0s9zi] {
    position: absolute;
    inset: auto 0 0 0;
    padding: 6px 10px;
    font-size: 0.78rem;
    color: #fff;
    background: rgba(220, 38, 38, 0.85);
    text-align: center;
}

.meet__campo[b-xvtld0s9zi] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 0.85rem;
}

.meet__campo span[b-xvtld0s9zi] {
    color: var(--cor-texto-suave, #64748b);
}

.meet__campo input[b-xvtld0s9zi],
.meet__campo select[b-xvtld0s9zi] {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    font: inherit;
    padding: 8px 10px;
    border: 1px solid var(--cor-borda, #cbd5e1);
    border-radius: 8px;
    background: var(--cor-superficie, #fff);
}

.meet__ingressar[b-xvtld0s9zi] {
    margin-top: 4px;
}

.meet__estado[b-xvtld0s9zi] {
    text-align: center;
    color: var(--cor-texto-suave, #64748b);
}

.meet__estado--aguardando[b-xvtld0s9zi] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.meet__erro[b-xvtld0s9zi] {
    text-align: center;
    color: #dc2626;
    font-size: 0.88rem;
    margin: 0;
}

.meet__spinner[b-xvtld0s9zi] {
    width: 16px;
    height: 16px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    display: inline-block;
    animation: meet-gira-b-xvtld0s9zi 0.8s linear infinite;
}

@keyframes meet-gira-b-xvtld0s9zi {
    to { transform: rotate(360deg); }
}
/* /Components/Paginas/MeusTrabalhos.razor.rz.scp.css */
.meus-trabalhos__alternador[b-c3rfxvs20b] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0.2rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    background: var(--cor-superficie-suave);
}

.meus-trabalhos__alternador-botao[b-c3rfxvs20b] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.75rem;
    border: 0;
    border-radius: calc(var(--raio-base) - 0.15rem);
    background: transparent;
    color: var(--cor-texto-secundario);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
    transition: background 120ms ease, color 120ms ease;
}

.meus-trabalhos__alternador-botao:hover[b-c3rfxvs20b] {
    color: var(--cor-texto-principal);
}

.meus-trabalhos__alternador-botao.ativo[b-c3rfxvs20b] {
    background: var(--cor-superficie);
    color: var(--cor-primaria);
    box-shadow: 0 1px 2px rgb(15 23 42 / 12%);
}

.tabela-sistema--meus-trabalhos[b-c3rfxvs20b] {
    gap: 0;
    overflow-x: auto;
}

.tabela-sistema--meus-trabalhos .tabela-sistema__cabecalho[b-c3rfxvs20b] {
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.tabela-sistema--meus-trabalhos .tabela-sistema__cabecalho[b-c3rfxvs20b],
.tabela-sistema--meus-trabalhos .tabela-sistema__linha[b-c3rfxvs20b] {
    grid-template-columns: minmax(9rem, 1.1fr) minmax(9rem, 1.2fr) minmax(8rem, 1fr) minmax(7rem, 0.8fr) minmax(7rem, 1fr) minmax(8rem, 1fr) minmax(12rem, 1.6fr) minmax(7rem, 0.8fr);
    min-width: 71rem;
}

.tabela-sistema--meus-trabalhos-com-acoes .tabela-sistema__cabecalho[b-c3rfxvs20b],
.tabela-sistema--meus-trabalhos-com-acoes .tabela-sistema__linha[b-c3rfxvs20b] {
    grid-template-columns: minmax(9rem, 1.1fr) minmax(9rem, 1.2fr) minmax(8rem, 1fr) minmax(7rem, 0.8fr) minmax(7rem, 1fr) minmax(8rem, 1fr) minmax(12rem, 1.6fr) minmax(7rem, 0.8fr) minmax(8rem, 0.9fr);
    min-width: 79rem;
}

/* PostCode como linha secundária sob o Title do job. */
.meus-trabalhos__postcode-secundario[b-c3rfxvs20b] {
    display: block;
    color: var(--cor-texto-secundario);
    font-size: 0.75rem;
    line-height: 1.25;
}

.meus-trabalhos__relatorio-concluido[b-c3rfxvs20b] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: var(--cor-sucesso);
    font-weight: 600;
    font-size: 0.8rem;
}

.meus-trabalhos__relatorio-pendente[b-c3rfxvs20b] {
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
    font-style: italic;
}

.meus-trabalhos__relatorio-reportado[b-c3rfxvs20b] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: var(--cor-primaria);
    font-weight: 600;
    font-size: 0.78rem;
    cursor: help;
}

.meus-trabalhos__descricao[b-c3rfxvs20b] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.meus-trabalhos__agenda-cabecalho[b-c3rfxvs20b] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2, 0.5rem);
    margin-bottom: var(--espacamento-3, 0.75rem);
}

.meus-trabalhos__agenda-cabecalho strong[b-c3rfxvs20b] {
    min-width: 10rem;
    text-align: center;
    text-transform: capitalize;
}

.meus-trabalhos__agenda-hoje[b-c3rfxvs20b] {
    margin-left: auto;
}

.meus-trabalhos__agenda-grade[b-c3rfxvs20b] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 1px;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    background: var(--cor-borda);
    overflow: hidden;
}

.meus-trabalhos__agenda-dia-semana[b-c3rfxvs20b] {
    padding: 0.5rem;
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.meus-trabalhos__agenda-dia[b-c3rfxvs20b] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    min-height: 6.5rem;
    padding: 0.35rem;
    background: var(--cor-superficie);
}

.meus-trabalhos__agenda-dia--fora[b-c3rfxvs20b] {
    background: var(--cor-superficie-suave);
    opacity: 0.55;
}

.meus-trabalhos__agenda-dia--hoje[b-c3rfxvs20b] {
    box-shadow: inset 0 0 0 2px var(--cor-primaria);
}

.meus-trabalhos__agenda-numero[b-c3rfxvs20b] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--cor-texto-secundario);
}

.meus-trabalhos__agenda-eventos[b-c3rfxvs20b] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    overflow: hidden;
}

.meus-trabalhos__agenda-evento[b-c3rfxvs20b] {
    --meus-trabalhos-cor: var(--cor-primaria);
    display: flex;
    align-items: baseline;
    gap: 0.3rem;
    padding: 0.15rem 0.35rem;
    border-radius: 0.3rem;
    border-left: 3px solid var(--meus-trabalhos-cor);
    background: color-mix(in srgb, var(--meus-trabalhos-cor) 14%, var(--cor-superficie));
    font-size: 0.68rem;
    line-height: 1.2;
    cursor: default;
}

.meus-trabalhos__agenda-evento-hora[b-c3rfxvs20b] {
    flex: 0 0 auto;
    font-weight: 700;
    color: var(--meus-trabalhos-cor);
}

.meus-trabalhos__agenda-evento-texto[b-c3rfxvs20b] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.meus-trabalhos__agenda-aviso[b-c3rfxvs20b] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: var(--espacamento-3, 0.75rem);
    color: var(--cor-texto-secundario);
    font-size: 0.82rem;
}

.meus-trabalhos-relatorio[b-c3rfxvs20b] {
    display: grid;
    gap: var(--espacamento-4, 1rem);
}

.meus-trabalhos-relatorio__horarios[b-c3rfxvs20b] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    gap: var(--espacamento-3, 0.75rem);
}

.meus-trabalhos-relatorio__horarios label[b-c3rfxvs20b],
.meus-trabalhos-relatorio__descricao-campo[b-c3rfxvs20b] {
    display: grid;
    gap: 0.3rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--cor-texto-secundario);
}

.meus-trabalhos-relatorio__descricao-entrada[b-c3rfxvs20b] {
    min-height: 6rem;
    resize: vertical;
}

.meus-trabalhos-relatorio__fotos[b-c3rfxvs20b] {
    display: grid;
    gap: 0.6rem;
    padding: 0.75rem;
    border: 1px solid color-mix(in srgb, var(--cor-primaria) 20%, var(--cor-borda));
    border-radius: var(--raio-medio);
    background: color-mix(in srgb, var(--cor-primaria) 5%, var(--cor-superficie));
}

.meus-trabalhos-relatorio__fotos > header[b-c3rfxvs20b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.meus-trabalhos-relatorio__fotos > header > strong[b-c3rfxvs20b] {
    font-size: 0.82rem;
    color: var(--cor-texto);
}

.meus-trabalhos-relatorio__fotos-enviar[b-c3rfxvs20b] {
    position: relative;
    min-height: 2rem;
}

.meus-trabalhos-relatorio__fotos-enviar[b-c3rfxvs20b]  .meus-trabalhos-relatorio__seletor-arquivo {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.meus-trabalhos-relatorio__fotos-grade[b-c3rfxvs20b] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
    gap: 0.55rem;
}

.meus-trabalhos-relatorio__foto[b-c3rfxvs20b] {
    overflow: hidden;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    background: var(--cor-superficie);
}

.meus-trabalhos-relatorio__foto > a[b-c3rfxvs20b] {
    display: block;
    aspect-ratio: 1;
}

.meus-trabalhos-relatorio__foto img[b-c3rfxvs20b] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.meus-trabalhos-relatorio__foto footer[b-c3rfxvs20b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.45rem;
    min-width: 0;
    padding: 0.35rem;
}

.meus-trabalhos-relatorio__foto footer > span[b-c3rfxvs20b] {
    overflow: hidden;
    color: var(--cor-texto-secundario);
    font-size: 0.68rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 760px) {
    .tabela-sistema--meus-trabalhos .tabela-sistema__cabecalho[b-c3rfxvs20b] {
        display: none;
    }

    .tabela-sistema--meus-trabalhos .tabela-sistema__linha[b-c3rfxvs20b] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
        min-width: 0;
        margin-bottom: 0.7rem;
        padding: 0;
        border: 1px solid var(--cor-borda);
        border-radius: var(--raio-base);
        background: var(--cor-superficie);
        overflow: hidden;
    }

    .tabela-sistema--meus-trabalhos .tabela-sistema__linha > [data-rotulo][b-c3rfxvs20b] {
        display: grid;
        align-content: center;
        gap: 0.16rem;
        min-width: 0;
        min-height: 2.7rem;
        padding: 0.5rem 0.65rem;
        border-bottom: 1px solid var(--cor-borda);
    }

    .tabela-sistema--meus-trabalhos .tabela-sistema__linha > [data-rotulo][b-c3rfxvs20b]::before {
        content: attr(data-rotulo);
        color: var(--cor-texto-secundario);
        font-size: 0.62rem;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }

    .tabela-sistema--meus-trabalhos .tabela-sistema__linha > [data-rotulo]:nth-child(even)[b-c3rfxvs20b] {
        border-right: 1px solid var(--cor-borda);
    }

    .tabela-sistema--meus-trabalhos .tabela-sistema__linha > [data-rotulo="Description"][b-c3rfxvs20b],
    .tabela-sistema--meus-trabalhos .tabela-sistema__linha > [data-rotulo="Status"][b-c3rfxvs20b],
    .tabela-sistema--meus-trabalhos .tabela-sistema__linha > [data-rotulo="Report"][b-c3rfxvs20b] {
        grid-column: 1 / -1;
    }

    .meus-trabalhos__agenda-dia[b-c3rfxvs20b] {
        min-height: 4.5rem;
    }
}
/* /Components/Paginas/MiniaturaTema.razor.rz.scp.css */
.mini[b-yaoj8buio9] {
    display: flex;
    flex-direction: column;
    height: 84px;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 8px;
    overflow: hidden;
}

.mini__topo[b-yaoj8buio9] {
    display: flex;
    gap: 6px;
    align-items: center;
    padding: 5px 8px;
}

.mini__topo b[b-yaoj8buio9] {
    width: 18px;
    height: 4px;
    border-radius: 2px;
    opacity: .75;
}

.mini__corpo[b-yaoj8buio9] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    padding: 8px;
}

.mini__corpo i[b-yaoj8buio9] {
    width: 70%;
    height: 4px;
    border-radius: 2px;
    opacity: .8;
}

.mini__corpo i.mini__curta[b-yaoj8buio9] {
    width: 45%;
    opacity: .45;
}

.mini__corpo em[b-yaoj8buio9] {
    width: 30px;
    height: 10px;
    border: 1.5px solid transparent;
    margin-top: 2px;
}

.mini__paleta[b-yaoj8buio9] {
    display: flex;
    gap: 3px;
    padding: 0 8px 6px;
}

.mini__paleta u[b-yaoj8buio9] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .12);
}
/* /Components/Paginas/ModalEnderecoWebmail.razor.rz.scp.css */
.modal-webmail[b-9z9pmcvgo8] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.modal-webmail__texto[b-9z9pmcvgo8] {
    margin: 0;
    color: var(--cor-texto-secundario);
}

.modal-webmail__endereco[b-9z9pmcvgo8] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.modal-webmail__endereco input[b-9z9pmcvgo8] {
    flex: 1 1 10rem;
    min-width: 8rem;
}

.modal-webmail__endereco select[b-9z9pmcvgo8] {
    flex: 1 1 12rem;
    min-width: 10rem;
}

.modal-webmail__arroba[b-9z9pmcvgo8],
.modal-webmail__sufixo[b-9z9pmcvgo8] {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    color: var(--cor-texto-secundario);
    word-break: break-all;
}

.modal-webmail__fixo[b-9z9pmcvgo8] {
    margin: 0;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    word-break: break-all;
}

.modal-webmail__grupos[b-9z9pmcvgo8] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem .9rem;
    margin: .25rem 0;
}

.modal-webmail__check[b-9z9pmcvgo8] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .88rem;
    cursor: pointer;
}

.modal-webmail__check--bloco[b-9z9pmcvgo8] {
    align-items: flex-start;
    margin-top: .6rem;
}

.modal-webmail__check--bloco small[b-9z9pmcvgo8] {
    display: block;
    color: var(--cor-texto-secundario);
}

.modal-webmail__aliases[b-9z9pmcvgo8] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-bottom: .4rem;
}

.modal-webmail__alias[b-9z9pmcvgo8] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .12rem .2rem .12rem .6rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    font-size: .8rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    background: var(--cor-superficie-suave);
}

.modal-webmail__alias button[b-9z9pmcvgo8] {
    border: none;
    background: none;
    cursor: pointer;
    color: var(--cor-texto-secundario);
    padding: 0 .3rem;
    border-radius: 50%;
}

.modal-webmail__alias button:hover:not(:disabled)[b-9z9pmcvgo8] {
    color: var(--cor-erro);
}

.modal-webmail__mais[b-9z9pmcvgo8] {
    border: 1px dashed var(--cor-borda);
    border-radius: var(--raio-grande);
    padding: .6rem .8rem;
}

.modal-webmail__mais > summary[b-9z9pmcvgo8] {
    cursor: pointer;
    font-weight: 600;
    font-size: .88rem;
    color: var(--cor-primaria);
}

.modal-webmail__mais[open] > summary[b-9z9pmcvgo8] {
    margin-bottom: .8rem;
}

.modal-webmail__sem-dominio[b-9z9pmcvgo8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .4rem;
    padding: 1.4rem .5rem;
    text-align: center;
}

.modal-webmail__sem-dominio p[b-9z9pmcvgo8] {
    margin: 0 0 .6rem;
    max-width: 28rem;
    font-size: .9rem;
    color: var(--cor-texto-secundario);
}

.modal-webmail__icone[b-9z9pmcvgo8] {
    display: grid;
    place-items: center;
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 50%;
    color: var(--cor-primaria);
    background: color-mix(in srgb, var(--cor-primaria) 12%, transparent);
}

.modal-webmail__link[b-9z9pmcvgo8] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    align-self: flex-start;
    padding: .2rem 0;
    border: none;
    background: none;
    color: var(--cor-primaria);
    font-size: .88rem;
    cursor: pointer;
}

.modal-webmail__link:hover:not(:disabled)[b-9z9pmcvgo8] {
    text-decoration: underline;
}

.modal-webmail__usuario[b-9z9pmcvgo8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.modal-webmail__usuario select[b-9z9pmcvgo8] {
    flex: 1 1 auto;
    min-width: 0;
}
/* /Components/Paginas/ModalImportarImoveisSite.razor.rz.scp.css */
.importar-imoveis__opcoes[b-gil8hsnsfx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.25rem;
    margin: 0.75rem 0;
}

.importar-imoveis__opcao[b-gil8hsnsfx] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

.importar-imoveis__aviso[b-gil8hsnsfx] {
    margin-top: 0.75rem;
    font-size: 0.85rem;
    opacity: 0.8;
}

.importar-imoveis__andamento progress[b-gil8hsnsfx] {
    width: 100%;
    margin: 0.5rem 0;
}

.importar-imoveis__atual[b-gil8hsnsfx] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: 0.7;
}

.importar-imoveis__erro[b-gil8hsnsfx] {
    color: var(--cor-erro, #c0392b);
    font-weight: 600;
}

.importar-imoveis__contagens[b-gil8hsnsfx] {
    display: grid;
    gap: 0.25rem;
    margin: 0.75rem 0;
    padding: 0;
    list-style: none;
}

.importar-imoveis__falhas ul[b-gil8hsnsfx] {
    max-height: 12rem;
    overflow: auto;
    margin: 0.5rem 0 0;
    padding-left: 1.1rem;
    font-size: 0.8rem;
    word-break: break-all;
}

.importar-imoveis__filtros[b-gil8hsnsfx] {
    margin: 0.75rem 0;
}

.importar-imoveis__filtros summary[b-gil8hsnsfx] {
    cursor: pointer;
    font-weight: 600;
}

.importar-imoveis__grade[b-gil8hsnsfx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    gap: 0.5rem 0.75rem;
    margin: 0.5rem 0;
}
/* /Components/Paginas/NaoEncontrado.razor.rz.scp.css */
.painel[b-udo76aa2d0] {
    display: grid;
    gap: var(--espacamento-4);
    padding: var(--espacamento-5);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.painel--estado[b-udo76aa2d0] {
    max-width: 38rem;
}
/* /Components/Paginas/Negocios.razor.rz.scp.css */
/* ============================================================ Cabeçalho do quadro */

.negocios-pagina[b-hx1sclvth8] {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 0;
}

.negocios-hero[b-hx1sclvth8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: .85rem;
}

.negocios-hero__info[b-hx1sclvth8] {
    min-width: 0;
    flex: 1 1 16rem;
}

.negocios-hero__titulo[b-hx1sclvth8] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.negocios-hero__descricao[b-hx1sclvth8] {
    margin: .2rem 0 0;
    font-size: .82rem;
    color: var(--cor-texto-suave);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.negocios-hero__descricao--vazia[b-hx1sclvth8] {
    font-style: italic;
    opacity: .7;
}

.negocios-hero__acoes[b-hx1sclvth8] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.negocios-hero__filtro.ativo[b-hx1sclvth8],
.negocios-hero__filtros.ativo[b-hx1sclvth8] {
    background: color-mix(in srgb, var(--cor-primaria) 14%, var(--cor-superficie));
    color: var(--cor-primaria);
}

.negocios-hero__contagem[b-hx1sclvth8] {
    min-width: 1.15rem;
    height: 1.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 .3rem;
    border-radius: 999px;
    background: var(--cor-primaria);
    color: #fff;
    font-size: .68rem;
    font-weight: 700;
}

.negocios-hero__busca[b-hx1sclvth8] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: 0 .6rem;
    height: 2.25rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    background: var(--cor-superficie);
    color: var(--cor-texto-suave);
}

.negocios-hero__busca:focus-within[b-hx1sclvth8] {
    border-color: var(--cor-primaria);
}

.negocios-hero__busca-entrada[b-hx1sclvth8] {
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: .82rem;
    width: 12rem;
    max-width: 40vw;
}

.negocios-hero__menu-wrap[b-hx1sclvth8] {
    position: relative;
    display: inline-flex;
}

/* Posição (fixed) vem de ".menu-flutuante" + nexoMenuFlutuante. */
.negocios-hero__menu[b-hx1sclvth8] {
    display: grid;
    min-width: 12rem;
    max-height: 60vh;
    overflow-y: auto;
    padding: .25rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    background: var(--cor-superficie);
    box-shadow: 0 .5rem 1.25rem color-mix(in srgb, #000 18%, transparent);
}

.negocios-hero__menu button[b-hx1sclvth8] {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%;
    padding: .45rem .55rem;
    border: 0;
    border-radius: calc(var(--raio-base) - 2px);
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: .8rem;
    text-align: left;
    cursor: pointer;
}

.negocios-hero__menu-check[b-hx1sclvth8] {
    margin-left: auto;
    display: inline-flex;
}

.negocios-hero__menu button:hover:not(:disabled)[b-hx1sclvth8] {
    background: color-mix(in srgb, var(--cor-primaria) 10%, var(--cor-superficie));
}

.negocios-hero__menu button:disabled[b-hx1sclvth8] {
    opacity: .5;
    cursor: not-allowed;
}

.negocios-hero__menu button.ativo[b-hx1sclvth8] {
    color: var(--cor-primaria);
    font-weight: 600;
}

.negocios-hero__menu-rotulo[b-hx1sclvth8] {
    padding: .45rem .55rem .2rem;
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--cor-texto-suave);
}

.negocios-hero__menu-cor[b-hx1sclvth8] {
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    flex: 0 0 auto;
}

.negocios-hero__menu-vazio[b-hx1sclvth8] {
    padding: .5rem .55rem;
    font-size: .78rem;
    color: var(--cor-texto-suave);
}

.negocios-menu-overlay[b-hx1sclvth8] {
    position: fixed;
    inset: 0;
    z-index: 1;
    border: 0;
    background: transparent;
    cursor: default;
}

/* ============================================================ Layout do conteúdo (painel + quadro) */

.negocios-conteudo[b-hx1sclvth8] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    min-width: 0;
}

.negocios-conteudo__painel[b-hx1sclvth8] {
    flex: 0 0 15rem;
    min-width: 0;
    position: sticky;
    top: .5rem;
}

.negocios-quadro-area[b-hx1sclvth8] {
    flex: 1 1 auto;
    min-width: 0;
}

.negocios-vazio[b-hx1sclvth8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    flex: 1 1 auto;
    min-height: 16rem;
    padding: 2rem 1rem;
    text-align: center;
}

.negocios-vazio[b-hx1sclvth8]  .estado-vazio {
    justify-items: center;
    align-content: center;
    padding: 0;
    max-width: 28rem;
}

.negocios-vazio[b-hx1sclvth8]  .estado-vazio strong {
    font-size: 1.05rem;
}

.negocios-vazio__modelos[b-hx1sclvth8] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .75rem;
}

.negocios-vazio__modelo[b-hx1sclvth8] {
    display: grid;
    gap: .3rem;
    width: 17rem;
    padding: .9rem 1rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    background: var(--cor-superficie);
    color: var(--cor-texto);
    text-align: left;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.negocios-vazio__modelo:hover:not(:disabled)[b-hx1sclvth8] {
    border-color: var(--cor-primaria);
    background: color-mix(in srgb, var(--cor-primaria) 6%, var(--cor-superficie));
}

.negocios-vazio__modelo:disabled[b-hx1sclvth8] {
    opacity: .6;
    cursor: progress;
}

.negocios-vazio__modelo-cor[b-hx1sclvth8] {
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
}

.negocios-vazio__modelo small[b-hx1sclvth8] {
    color: var(--cor-texto-suave);
    font-size: .75rem;
}

.negocios-vazio__modelo-etapas[b-hx1sclvth8] {
    display: flex;
    gap: .2rem;
    margin-top: .25rem;
}

.negocios-vazio__modelo-etapas i[b-hx1sclvth8] {
    flex: 1 1 0;
    height: .3rem;
    border-radius: 999px;
}

/* ============================================================ Quadro */

.negocios-board[b-hx1sclvth8] {
    display: flex;
    box-sizing: border-box;
    gap: 0;
    align-items: stretch;
    overflow-x: auto;
    overflow-y: visible;
    padding-bottom: .5rem;
    touch-action: pan-x pan-y;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

@media (hover: hover) and (pointer: fine) {
    .negocios-board[b-hx1sclvth8],
    .negocios-board__pilha[b-hx1sclvth8],
    .negocios-etapa[b-hx1sclvth8],
    .negocios-etapa__divisoria[b-hx1sclvth8],
    .negocios-etapa__cartoes[b-hx1sclvth8] {
        cursor: grab;
    }

    .negocios-etapa__cabecalho[b-hx1sclvth8] {
        cursor: default;
    }

    .negocios-board--arrastando-rolagem[b-hx1sclvth8],
    .negocios-board--arrastando-rolagem .negocios-board__pilha[b-hx1sclvth8],
    .negocios-board--arrastando-rolagem .negocios-etapa[b-hx1sclvth8],
    .negocios-board--arrastando-rolagem .negocios-etapa__cartoes[b-hx1sclvth8] {
        cursor: grabbing;
        user-select: none;
    }
}

/* Desktop: a página fica travada na altura da viewport e só o quadro rola na vertical;
   o cabeçalho, o resumo e a busca permanecem fixos no topo. */
@media (min-width: 48.01rem) {
    .negocios-pagina[b-hx1sclvth8] {
        min-height: 0;
        height: 100%;
        overflow: hidden;
    }

    .negocios-conteudo[b-hx1sclvth8] {
        flex: 1 1 auto;
        min-height: 0;
        overflow: hidden;
    }

    .negocios-conteudo__painel[b-hx1sclvth8] {
        position: static;
        top: auto;
        align-self: stretch;
        overflow-y: auto;
    }

    .negocios-quadro-area[b-hx1sclvth8] {
        display: flex;
        flex-direction: column;
        min-height: 0;
        height: 100%;
    }

    .negocios-quadro[b-hx1sclvth8] {
        flex: 1 1 auto;
        min-height: 0;
    }

    /* O quadro não rola na vertical: cada coluna tem a altura do quadro e rola os próprios cartões. */
    .negocios-board[b-hx1sclvth8] {
        height: 100%;
        overflow-y: hidden;
        overscroll-behavior: contain;
    }
}

/* A coluna ocupa exatamente a altura do quadro (altura mínima e máxima ao mesmo tempo): com poucos cartões
   ela continua cheia, e com muitos ela não cresce, rola só a lista de cartões dela (.negocios-etapa__cartoes).
   Assim a barra de rolagem horizontal fica no fim da área. */
.negocios-board__pilha[b-hx1sclvth8] {
    flex: 0 0 19rem;
    width: 19rem;
    min-width: 19rem;
    max-width: 19rem;
    min-height: 0;
    padding: .375rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.negocios-board__pilha > .negocios-etapa[b-hx1sclvth8] {
    flex: 1 1 auto;
    min-height: 0;
}

.negocios-etapa[b-hx1sclvth8] {
    --negocios-etapa-cor: var(--cor-primaria);
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    border: 1px solid var(--cor-borda);
    border-radius: calc(var(--raio-base) + 4px);
    background: var(--cor-fundo-secundario);
}

.negocios-etapa__cabecalho[b-hx1sclvth8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .4rem;
    padding: .55rem .5rem .1rem .35rem;
}

.negocios-etapa__grip[b-hx1sclvth8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    flex: 0 0 auto;
    color: var(--cor-texto-suave);
    opacity: .55;
    cursor: grab;
}

.negocios-etapa__cabecalho:hover .negocios-etapa__grip[b-hx1sclvth8] {
    opacity: 1;
}

.negocios-etapa__titulos[b-hx1sclvth8] {
    display: flex;
    align-items: center;
    gap: .4rem;
    min-width: 0;
    flex: 1 1 auto;
}

.negocios-etapa__titulos strong[b-hx1sclvth8] {
    color: var(--cor-texto);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.negocios-etapa__contador[b-hx1sclvth8] {
    min-width: 1.35rem;
    height: 1.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 .35rem;
    font-size: .72rem;
    font-weight: 700;
    border-radius: var(--raio-medio);
    background: color-mix(in srgb, var(--cor-texto) 10%, var(--cor-superficie));
    color: var(--cor-texto-secundario);
}

.negocios-etapa__acoes[b-hx1sclvth8] {
    display: flex;
    align-items: center;
    gap: .3rem;
    flex: 0 0 auto;
    color: var(--cor-texto-suave);
}

.negocios-etapa__selo[b-hx1sclvth8] {
    display: inline-flex;
}

.negocios-etapa__selo--ganho[b-hx1sclvth8] {
    color: var(--cor-sucesso);
}

.negocios-etapa__selo--perdido[b-hx1sclvth8] {
    color: var(--cor-erro);
}

.negocios-etapa__menu-gatilho[b-hx1sclvth8] {
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--cor-texto-suave);
}

.negocios-etapa__menu-gatilho:hover[b-hx1sclvth8] {
    background: color-mix(in srgb, var(--cor-texto) 10%, transparent);
    color: var(--cor-texto);
}

.negocios-etapa__total[b-hx1sclvth8] {
    padding: 0 .75rem .45rem 2rem;
    font-size: .74rem;
    color: var(--cor-texto-suave);
}

.negocios-etapa__divisoria[b-hx1sclvth8] {
    height: 2px;
    margin: 0 .6rem;
    border-radius: 2px;
    background: var(--negocios-etapa-cor);
}

.negocios-etapa__cartoes[b-hx1sclvth8] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    gap: .5rem;
    min-height: 3rem;
    padding: .55rem;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-width: thin;
}

.negocios-board.arrastando-cartao .negocios-etapa__cartoes[b-hx1sclvth8] {
    background: color-mix(in srgb, var(--negocios-etapa-cor) 6%, transparent);
    outline: 1px dashed color-mix(in srgb, var(--negocios-etapa-cor) 35%, transparent);
    outline-offset: -3px;
    border-radius: var(--raio-base);
}

.negocios-etapa__cartoes.recebendo-cartao[b-hx1sclvth8] {
    outline: 2px dashed var(--negocios-etapa-cor);
    outline-offset: -4px;
    border-radius: var(--raio-base);
    background: color-mix(in srgb, var(--negocios-etapa-cor) 12%, transparent);
}

.negocios-etapa__novo[b-hx1sclvth8] {
    display: flex;
    align-items: center;
    gap: .35rem;
    width: 100%;
    min-height: 2rem;
    border: 0;
    border-radius: .5rem;
    background: transparent;
    color: var(--cor-texto-suave);
    padding: 0 .4rem;
    font-size: .75rem;
    cursor: pointer;
}

.negocios-etapa__novo:hover[b-hx1sclvth8] {
    background: color-mix(in srgb, var(--cor-texto) 7%, transparent);
    color: var(--negocios-etapa-cor);
}

.negocios-etapa--ghost[b-hx1sclvth8],
.negocios-cartao--ghost[b-hx1sclvth8] {
    opacity: .4;
}

.negocios-etapa--chosen[b-hx1sclvth8],
.negocios-cartao--chosen[b-hx1sclvth8] {
    box-shadow: var(--sombra-cartao);
}

/* ============================================================ Cartão do negócio */

.negocios-cartao[b-hx1sclvth8] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: .7rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    background: var(--cor-superficie);
    cursor: pointer;
    transition: border-color .12s ease;
}

.negocios-cartao:hover[b-hx1sclvth8] {
    border-color: color-mix(in srgb, var(--cor-primaria) 55%, var(--cor-borda));
}

.negocios-cartao[b-hx1sclvth8] {
    position: relative;
}

/* Quem está com o cartão aberto: bolinhas no canto superior direito; o mouse (ou o foco) expande a lista com os nomes. */
.negocios-cartao__presenca[b-hx1sclvth8] {
    position: absolute;
    top: -.5rem;
    right: -.4rem;
    z-index: 4;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    outline: none;
}

.negocios-cartao__presenca-bolinhas[b-hx1sclvth8] {
    display: inline-flex;
    align-items: center;
}

.negocios-cartao__presenca-item[b-hx1sclvth8] {
    position: relative;
    display: inline-flex;
    border-radius: 50%;
    box-shadow: 0 0 0 2px var(--cor-superficie);
}

.negocios-cartao__presenca-item + .negocios-cartao__presenca-item[b-hx1sclvth8] {
    margin-left: -.5rem;
}

.negocios-cartao__presenca-item[b-hx1sclvth8]  .avatar-cadastro {
    border-radius: 50%;
}

.negocios-cartao__presenca-mais[b-hx1sclvth8] {
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    background: var(--cor-borda);
    color: var(--cor-texto);
    font-size: .65rem;
    font-weight: 700;
}

.negocios-cartao__presenca-lista[b-hx1sclvth8] {
    display: none;
    flex-direction: column;
    gap: .3rem;
    margin-top: .3rem;
    padding: .45rem .6rem;
    min-width: 9.5rem;
    max-width: 14rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    background: var(--cor-superficie);
    box-shadow: 0 6px 18px rgba(0, 0, 0, .28);
}

.negocios-cartao__presenca-lista small[b-hx1sclvth8] {
    color: var(--cor-texto-suave);
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.negocios-cartao__presenca-linha[b-hx1sclvth8] {
    display: flex;
    align-items: center;
    gap: .45rem;
    font-size: .78rem;
}

.negocios-cartao__presenca-linha span:last-child[b-hx1sclvth8] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.negocios-cartao__presenca:hover .negocios-cartao__presenca-lista[b-hx1sclvth8],
.negocios-cartao__presenca:focus-within .negocios-cartao__presenca-lista[b-hx1sclvth8],
.negocios-cartao__presenca:focus .negocios-cartao__presenca-lista[b-hx1sclvth8] {
    display: flex;
}

.negocios-cartao--Ganho[b-hx1sclvth8] {
    border-left: 3px solid var(--cor-sucesso);
}

.negocios-cartao--Perdido[b-hx1sclvth8] {
    border-left: 3px solid var(--cor-texto-suave);
    opacity: .78;
}

.negocios-cartao__topo[b-hx1sclvth8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .5rem;
}

.negocios-cartao__titulo[b-hx1sclvth8] {
    margin: 0;
    font-size: .84rem;
    font-weight: 600;
    min-width: 0;
    overflow-wrap: anywhere;
}

.negocios-cartao__titulo small[b-hx1sclvth8] {
    color: var(--cor-texto-suave);
    font-weight: 500;
    margin-right: .15rem;
}

.negocios-cartao__sinais[b-hx1sclvth8] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    flex: 0 0 auto;
}

.negocios-cartao__sinal[b-hx1sclvth8] {
    display: inline-flex;
    color: var(--cor-texto-suave);
}

.negocios-cartao__sinal--Frio[b-hx1sclvth8] {
    color: #4da3ff;
}

.negocios-cartao__sinal--Morno[b-hx1sclvth8] {
    color: #f2a33c;
}

.negocios-cartao__sinal--Quente[b-hx1sclvth8] {
    color: #e5484d;
}

.negocios-cartao__cliente[b-hx1sclvth8] {
    display: flex;
    align-items: center;
    gap: .35rem;
    font-size: .76rem;
    color: var(--cor-texto-secundario);
    min-width: 0;
}

.negocios-cartao__cliente span[b-hx1sclvth8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.negocios-cartao__imovel[b-hx1sclvth8] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .3rem;
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-suave);
}

.negocios-cartao__imovel-foto[b-hx1sclvth8] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: var(--raio-pequeno);
    overflow: hidden;
    background: color-mix(in srgb, var(--cor-texto) 8%, var(--cor-superficie));
    color: var(--cor-texto-suave);
}

.negocios-cartao__imovel-foto img[b-hx1sclvth8] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.negocios-cartao__imovel-texto[b-hx1sclvth8] {
    display: grid;
    min-width: 0;
    flex: 1 1 auto;
    font-size: .72rem;
    line-height: 1.25;
}

.negocios-cartao__imovel-texto b[b-hx1sclvth8] {
    font-size: .72rem;
}

.negocios-cartao__imovel-texto span[b-hx1sclvth8] {
    color: var(--cor-texto-secundario);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.negocios-cartao__imovel-mais[b-hx1sclvth8] {
    flex: 0 0 auto;
    padding: .1rem .4rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--cor-primaria) 16%, transparent);
    color: var(--cor-primaria);
    font-size: .68rem;
    font-weight: 700;
}

.negocios-cartao__valor[b-hx1sclvth8] {
    display: flex;
    align-items: baseline;
    gap: .4rem;
    font-size: .86rem;
}

.negocios-cartao__valor small[b-hx1sclvth8] {
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--cor-texto-suave);
}

.negocios-cartao__etiquetas[b-hx1sclvth8] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
}

.negocios-cartao__rodape[b-hx1sclvth8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.negocios-cartao__indicadores[b-hx1sclvth8] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .55rem;
    font-size: .7rem;
    color: var(--cor-texto-suave);
    min-width: 0;
}

.negocios-cartao__previsao[b-hx1sclvth8],
.negocios-cartao__parado[b-hx1sclvth8],
.negocios-cartao__indicador[b-hx1sclvth8] {
    display: inline-flex;
    align-items: center;
    gap: .2rem;
}

.negocios-cartao__previsao--atraso[b-hx1sclvth8],
.negocios-cartao__parado--critico[b-hx1sclvth8] {
    color: var(--cor-erro);
    font-weight: 600;
}

.negocios-cartao__parado--alerta[b-hx1sclvth8] {
    color: var(--cor-alerta);
    font-weight: 600;
}

.negocios-cartao__responsaveis[b-hx1sclvth8] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

.negocios-cartao__responsavel[b-hx1sclvth8] {
    display: inline-flex;
    margin-left: -.3rem;
}

.negocios-cartao__responsavel:first-child[b-hx1sclvth8] {
    margin-left: 0;
}

.negocios-cartao__responsaveis-mais[b-hx1sclvth8] {
    margin-left: .25rem;
    font-size: .68rem;
    font-weight: 700;
    color: var(--cor-texto-suave);
}

/* ============================================================ Painel do negócio (mesma estrutura e estilização do modal de Trabalhos) */

.negocios-detalhes[b-hx1sclvth8] {
    position: fixed;
    z-index: 80;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 0.4rem;
}

.negocios-detalhes__fundo[b-hx1sclvth8] {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.56);
}

.negocios-detalhes__painel[b-hx1sclvth8] {
    position: relative;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    width: min(105rem, calc(100vw - 0.8rem));
    height: min(53.5rem, calc(100dvh - 1.2rem));
    overflow: hidden;
    border: 1px solid var(--cor-borda-forte);
    border-radius: 15px;
    background: var(--cor-fundo);
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.42);
}

/* SelecaoPadrao e os campos usam width:100% sem box-sizing:border-box: sem isso estouram a coluna. */
.negocios-detalhes[b-hx1sclvth8]  .selecao-padrao,
.negocios-detalhes[b-hx1sclvth8]  .selecao-padrao__gatilho,
.negocios-detalhes .campo-formulario__entrada[b-hx1sclvth8] {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
}

.negocios-detalhes[b-hx1sclvth8]  .selecao-padrao {
    width: 100%;
}

/* ---------------------------------------------------------- Cabeçalho */

.negocios-detalhes__cabecalho[b-hx1sclvth8] {
    display: flex;
    grid-row: 1;
    align-items: center;
    gap: 1rem;
    min-height: 5.2rem;
    padding: 0.8rem 1.35rem 0.8rem 1.45rem;
    border-bottom: 1px solid var(--cor-borda);
}

.negocios-detalhes__titulo[b-hx1sclvth8] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 1 auto;
    min-width: 0;
    gap: 0.35rem;
}

.negocios-detalhes__titulo-linha[b-hx1sclvth8] {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
    gap: 0.6rem;
}

.negocios-detalhes__potencial[b-hx1sclvth8] {
    display: inline-flex;
    flex: 0 0 auto;
    color: var(--cor-texto-suave);
}

.negocios-detalhes__potencial--Frio[b-hx1sclvth8] {
    color: #4da3ff;
}

.negocios-detalhes__potencial--Morno[b-hx1sclvth8] {
    color: #f2a33c;
}

.negocios-detalhes__potencial--Quente[b-hx1sclvth8] {
    color: #e5484d;
}

.negocios-detalhes__entrada[b-hx1sclvth8] {
    box-sizing: border-box;
    width: 100%;
    min-height: 2rem;
    padding: 0.35rem 0.5rem;
    border: 1px solid var(--cor-borda);
    border-radius: 5px;
    background: var(--cor-superficie);
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.76rem;
    outline: none;
}

.negocios-detalhes__entrada:focus[b-hx1sclvth8] {
    border-color: var(--cor-primaria);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--cor-primaria) 22%, transparent);
}

.negocios-detalhes__entrada:disabled[b-hx1sclvth8] {
    opacity: 0.8;
}

.negocios-detalhes input.negocios-detalhes__entrada--titulo[b-hx1sclvth8] {
    flex: 1 1 auto;
    width: auto;
    min-width: 10rem;
    max-width: 36rem;
    min-height: 2.3rem;
    padding-inline: 0.7rem;
    font-size: 1rem;
    font-weight: 700;
}

.negocios-detalhes__obrigatorio[b-hx1sclvth8] {
    color: var(--cor-erro);
    font-size: 1rem;
    font-weight: 800;
    line-height: 1;
}

.negocios-detalhes__campo > span .negocios-detalhes__obrigatorio[b-hx1sclvth8] {
    margin-left: 0.1rem;
    font-size: 0.82rem;
    letter-spacing: normal;
    text-transform: none;
}

.negocios-detalhes__subtitulo[b-hx1sclvth8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.8rem;
    color: var(--cor-texto-secundario);
    font-size: 0.74rem;
}

.negocios-detalhes__codigo[b-hx1sclvth8] {
    font-weight: 700;
    color: var(--cor-texto-suave);
}

.negocios-detalhes__subtitulo-item[b-hx1sclvth8] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.negocios-detalhes__subtitulo-item--privado[b-hx1sclvth8] {
    color: var(--cor-alerta);
    font-weight: 600;
}

/* Caixinhas de resumo à direita do cabeçalho (como "Total com VAT" / "Lucro" em Trabalhos). */
.negocios-detalhes__indicadores[b-hx1sclvth8] {
    display: flex;
    align-items: stretch;
    gap: 0.55rem;
}

.negocios-detalhes__indicadores > div[b-hx1sclvth8] {
    display: grid;
    align-content: center;
    min-width: 5.6rem;
    min-height: 3.15rem;
    padding: 0.35rem 0.65rem;
    border-radius: 8px;
    background: color-mix(in srgb, var(--cor-primaria) 10%, var(--cor-superficie));
}

.negocios-detalhes__indicadores span[b-hx1sclvth8] {
    color: var(--cor-texto-secundario);
    font-size: 0.67rem;
}

.negocios-detalhes__indicadores strong[b-hx1sclvth8] {
    margin-top: 0.18rem;
    color: var(--cor-texto);
    font-size: 0.75rem;
    white-space: nowrap;
}

.negocios-detalhes__valor-atraso[b-hx1sclvth8] {
    color: var(--cor-erro) !important;
}

.negocios-detalhes__indicador-status--Ganho[b-hx1sclvth8] {
    background: color-mix(in srgb, var(--cor-sucesso) 16%, var(--cor-superficie)) !important;
}

.negocios-detalhes__indicador-status--Ganho strong[b-hx1sclvth8] {
    color: var(--cor-sucesso);
}

.negocios-detalhes__indicador-status--Perdido[b-hx1sclvth8] {
    background: color-mix(in srgb, var(--cor-erro) 14%, var(--cor-superficie)) !important;
}

.negocios-detalhes__indicador-status--Perdido strong[b-hx1sclvth8] {
    color: var(--cor-erro);
}

.negocios-detalhes__fechar[b-hx1sclvth8] {
    display: inline-grid;
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 0;
    place-items: center;
    border-radius: var(--raio-medio);
    background: transparent;
    color: var(--cor-texto-secundario);
    cursor: pointer;
}

.negocios-detalhes__fechar:hover[b-hx1sclvth8] {
    background: color-mix(in srgb, var(--cor-texto) 10%, transparent);
    color: var(--cor-texto);
}

/* ---------------------------------------------------------- Faixa de etapas (chevrons) */

.negocios-detalhes__etapas[b-hx1sclvth8] {
    display: flex;
    grid-row: 2;
    align-items: stretch;
    width: 100%;
    height: 1.75rem;
    overflow: hidden;
    border-bottom: 1px solid var(--cor-borda);
    background: var(--cor-superficie);
}

.negocios-detalhes__etapa[b-hx1sclvth8] {
    position: relative;
    display: flex;
    flex: 1 1 0;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 100%;
    gap: 0.22rem;
    min-width: 0;
    margin: 0 0 0 -0.7rem;
    padding: 0 0.9rem 0 1.2rem;
    border: 0;
    background: color-mix(in srgb, var(--cor-texto) 6%, var(--cor-superficie));
    color: var(--cor-texto-secundario);
    font-family: inherit;
    font-size: 0.62rem;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    clip-path: polygon(0 0, calc(100% - 0.55rem) 0, 100% 50%, calc(100% - 0.55rem) 100%, 0 100%, 0.55rem 50%);
    transition: background 120ms ease, color 120ms ease, filter 120ms ease;
}

.negocios-detalhes__etapa:first-child[b-hx1sclvth8] {
    margin-left: 0;
    padding-left: 0.8rem;
    clip-path: polygon(0 0, calc(100% - 0.55rem) 0, 100% 50%, calc(100% - 0.55rem) 100%, 0 100%);
}

.negocios-detalhes__etapa:last-child[b-hx1sclvth8] {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0.55rem 50%);
}

.negocios-detalhes__etapa span[b-hx1sclvth8] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.negocios-detalhes__etapa:disabled[b-hx1sclvth8] {
    cursor: default;
}

.negocios-detalhes__etapa:not(:disabled):hover[b-hx1sclvth8] {
    background: color-mix(in srgb, var(--cor-texto) 14%, var(--cor-superficie));
}

/* Etapas já percorridas e a atual: cor cheia da etapa (sem transparência) e um pouco mais saturada. */
.negocios-detalhes__etapa--concluida[b-hx1sclvth8],
.negocios-detalhes__etapa--atual[b-hx1sclvth8] {
    z-index: 1;
    background: var(--negocios-etapa-cor);
    color: #fff;
    text-shadow: 0 1px 1px rgb(0 0 0 / 30%);
    filter: saturate(1.35) brightness(1.05);
}

.negocios-detalhes__etapa--concluida:not(:disabled):hover[b-hx1sclvth8],
.negocios-detalhes__etapa--atual:not(:disabled):hover[b-hx1sclvth8] {
    background: var(--negocios-etapa-cor);
    filter: saturate(1.35) brightness(1.2);
}

.negocios-detalhes__etapa--atual[b-hx1sclvth8] {
    z-index: 2;
    font-weight: 700;
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--negocios-etapa-cor) 55%, white 25%);
}

/* ---------------------------------------------------------- Corpo: lateral + abas */

.negocios-detalhes__corpo[b-hx1sclvth8] {
    display: grid;
    grid-row: 3;
    grid-template-columns: 24.5rem minmax(0, 1fr);
    min-height: 0;
}

.negocios-detalhes__lateral[b-hx1sclvth8] {
    display: grid;
    align-content: start;
    gap: 1.05rem;
    min-width: 0;
    min-height: 0;
    padding: 1.15rem 0.95rem;
    border-right: 1px solid var(--cor-borda);
    overflow-y: auto;
}

.negocios-detalhes__campo[b-hx1sclvth8] {
    display: grid;
    align-content: start;
    gap: 0.35rem;
    min-width: 0;
}

.negocios-detalhes__campo > span[b-hx1sclvth8] {
    color: var(--cor-texto-secundario);
    font-size: 0.67rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.negocios-detalhes__campo--checkbox small[b-hx1sclvth8] {
    color: var(--cor-texto-suave);
    font-size: 0.72rem;
    line-height: 1.35;
}

.negocios-detalhes__interruptor[b-hx1sclvth8] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    width: fit-content;
    color: var(--cor-texto);
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
}

.negocios-detalhes__linha-acao[b-hx1sclvth8] {
    display: flex;
    align-items: stretch;
    gap: 0.5rem;
}

.negocios-detalhes__linha-acao > :first-child[b-hx1sclvth8] {
    flex: 1 1 auto;
    min-width: 0;
}

.negocios-detalhes__mais[b-hx1sclvth8] {
    flex: 0 0 auto;
    padding: 0 0.65rem;
}

.negocios-detalhes__etiquetas[b-hx1sclvth8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-top: 0.15rem;
}

.negocios-vinculados[b-hx1sclvth8] {
    display: grid;
    gap: 0.35rem;
    margin: 0.3rem 0 0;
    padding: 0;
    list-style: none;
}

.negocios-vinculados__item[b-hx1sclvth8] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
    padding: 0.3rem 0.4rem 0.3rem 0.35rem;
    border: 1px solid var(--cor-borda);
    border-radius: 8px;
    background: var(--cor-superficie);
}

.negocios-vinculados__texto[b-hx1sclvth8] {
    display: grid;
    flex: 1 1 auto;
    min-width: 0;
    font-size: 0.78rem;
    line-height: 1.2;
}

.negocios-vinculados__texto strong[b-hx1sclvth8],
.negocios-vinculados__texto small[b-hx1sclvth8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.negocios-vinculados__texto small[b-hx1sclvth8] {
    color: var(--cor-texto-suave);
    font-size: 0.68rem;
}

.negocios-detalhes__conteudo[b-hx1sclvth8] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

/* Abas: mesma estilização das abas do modal de Trabalhos (sublinhado na ativa). */
.negocios-detalhes__abas-linha[b-hx1sclvth8] {
    display: flex;
    flex: 0 0 auto;
    align-items: stretch;
    min-width: 0;
    border-bottom: 1px solid var(--cor-borda);
}

.negocios-detalhes__abas[b-hx1sclvth8] {
    display: flex;
    flex: 1;
    align-items: center;
    gap: 0.15rem;
    min-height: 2.8rem;
    padding: 0 0.9rem;
    overflow-x: auto;
}

.negocios-detalhes__abas button[b-hx1sclvth8] {
    display: inline-flex;
    align-items: center;
    align-self: stretch;
    gap: 0.35rem;
    padding: 0 0.65rem;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: var(--cor-texto-secundario);
    font-size: 0.76rem;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}

.negocios-detalhes__abas button:hover[b-hx1sclvth8] {
    color: var(--cor-texto);
}

.negocios-detalhes__abas button.ativo[b-hx1sclvth8] {
    border-bottom-color: var(--cor-primaria);
    color: var(--cor-texto);
}

.negocios-detalhes__aba-contagem[b-hx1sclvth8] {
    min-width: 1.15rem;
    height: 1.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.3rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--cor-texto) 12%, var(--cor-superficie));
    color: var(--cor-texto-secundario);
    font-size: 0.66rem;
    font-weight: 700;
}

.negocios-detalhes__abas button.ativo .negocios-detalhes__aba-contagem[b-hx1sclvth8] {
    background: color-mix(in srgb, var(--cor-primaria) 22%, var(--cor-superficie));
    color: var(--cor-primaria);
}

.negocios-detalhes__aba-painel[b-hx1sclvth8] {
    flex: 1 1 auto;
    min-height: 0;
    padding: 1.1rem 1.25rem 1.25rem;
    overflow-y: auto;
}

.negocios-detalhes__grade[b-hx1sclvth8] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.95rem 1rem;
    align-content: start;
}

.negocios-detalhes__campo--largo[b-hx1sclvth8] {
    grid-column: 1 / -1;
}

.negocios-detalhes__moeda[b-hx1sclvth8] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.negocios-detalhes__moeda > b[b-hx1sclvth8] {
    flex: 0 0 auto;
    color: var(--cor-texto-suave);
    font-size: 0.85rem;
    font-weight: 600;
}

.negocios-detalhes__descricao[b-hx1sclvth8] {
    min-height: 9rem;
    resize: vertical;
}

.negocios-detalhes__secao[b-hx1sclvth8] {
    display: grid;
    gap: 0.9rem;
    align-content: start;
}

.negocios-detalhes__vazio[b-hx1sclvth8] {
    margin: 0;
    color: var(--cor-texto-suave);
    font-size: 0.82rem;
}

/* ---------------------------------------------------------- Imóveis do negócio */

.negocios-imoveis__lista[b-hx1sclvth8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(21rem, 1fr));
    gap: 0.75rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.negocios-imovel[b-hx1sclvth8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
    padding: 0.5rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    background: var(--cor-superficie);
}

.negocios-imovel__foto[b-hx1sclvth8] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 5.6rem;
    height: 4.2rem;
    border-radius: var(--raio-medio);
    overflow: hidden;
    background: color-mix(in srgb, var(--cor-texto) 8%, var(--cor-superficie));
    color: var(--cor-texto-suave);
}

.negocios-imovel__foto img[b-hx1sclvth8] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.negocios-imovel__info[b-hx1sclvth8] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
    flex: 1 1 auto;
}

.negocios-imovel__linha[b-hx1sclvth8] {
    display: flex;
    align-items: baseline;
    gap: 0.4rem;
    min-width: 0;
    font-size: 0.8rem;
}

.negocios-imovel__titulo[b-hx1sclvth8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.negocios-imovel__linha--suave[b-hx1sclvth8] {
    font-size: 0.72rem;
    color: var(--cor-texto-suave);
}

.negocios-imovel__linha--detalhes[b-hx1sclvth8] {
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.74rem;
    color: var(--cor-texto-secundario);
}

.negocios-imovel__linha--detalhes span[b-hx1sclvth8] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
}

.negocios-imovel__status[b-hx1sclvth8] {
    padding: 0.05rem 0.4rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--cor-alerta) 18%, transparent);
    color: var(--cor-alerta);
    font-size: 0.66rem;
    font-weight: 700;
}

/* ---------------------------------------------------------- Histórico e atividade */

.negocios-compositor[b-hx1sclvth8] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.6rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    background: var(--cor-superficie);
}

.negocios-compositor__texto[b-hx1sclvth8] {
    resize: vertical;
    min-height: 3.2rem;
}

.negocios-compositor__acoes[b-hx1sclvth8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.negocios-compositor__acoes > :first-child[b-hx1sclvth8] {
    flex: 0 1 11rem;
    min-width: 0;
}

.negocios-linha-tempo[b-hx1sclvth8] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.negocios-tl[b-hx1sclvth8] {
    display: flex;
    gap: 0.55rem;
    align-items: flex-start;
}

.negocios-tl__avatar[b-hx1sclvth8] {
    flex: 0 0 auto;
}

.negocios-tl__corpo[b-hx1sclvth8] {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0.5rem 0.65rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    background: var(--cor-superficie);
}

.negocios-tl--sistema .negocios-tl__corpo[b-hx1sclvth8] {
    border-style: dashed;
    background: transparent;
}

.negocios-tl__corpo header[b-hx1sclvth8] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
    font-size: 0.76rem;
}

.negocios-tl__corpo header time[b-hx1sclvth8] {
    margin-left: auto;
    color: var(--cor-texto-suave);
    font-size: 0.7rem;
}

.negocios-tl__tipo[b-hx1sclvth8] {
    padding: 0.05rem 0.45rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--cor-primaria) 16%, transparent);
    color: var(--cor-primaria);
    font-size: 0.66rem;
    font-weight: 700;
}

.negocios-tl__acoes[b-hx1sclvth8] {
    display: inline-flex;
    gap: 0.1rem;
}

.negocios-tl__corpo p[b-hx1sclvth8] {
    margin: 0.3rem 0 0;
    font-size: 0.82rem;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.negocios-tl--sistema .negocios-tl__corpo p[b-hx1sclvth8] {
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
}

.negocios-tl__edicao[b-hx1sclvth8] {
    display: flex;
    justify-content: flex-end;
    gap: 0.4rem;
    margin-top: 0.4rem;
}

/* ---------------------------------------------------------- Rodapé */

.negocios-detalhes__rodape[b-hx1sclvth8] {
    display: flex;
    grid-row: 4;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    min-height: 4.2rem;
    padding: 0.8rem 1.35rem;
    border-top: 1px solid var(--cor-borda);
    background: color-mix(in srgb, var(--cor-superficie) 92%, var(--cor-primaria) 8%);
}

.negocios-detalhes__rodape > span[b-hx1sclvth8] {
    margin-right: auto;
    color: var(--cor-texto-secundario);
    font-size: 0.76rem;
}

.negocios-detalhes__excluir[b-hx1sclvth8] {
    margin-right: auto;
}

.negocios-detalhes__salvar[b-hx1sclvth8] {
    min-height: 2.3rem;
    white-space: nowrap;
}

/* ---------------------------------------------------------- Responsivo */

@media (max-width: 70rem) {
    .negocios-detalhes__grade[b-hx1sclvth8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 64rem) {
    .negocios-detalhes__cabecalho[b-hx1sclvth8] {
        flex-wrap: wrap;
    }

    .negocios-detalhes__indicadores[b-hx1sclvth8] {
        flex-wrap: wrap;
        order: 3;
        width: 100%;
    }

    /* Uma coluna só: a lateral e as abas empilham e o corpo rola inteiro. As linhas precisam ter a altura do
       próprio conteúdo (min-height: auto), senão a grade as espreme e a lateral sobrepõe as abas. */
    .negocios-detalhes__corpo[b-hx1sclvth8] {
        grid-template-columns: minmax(0, 1fr);
        grid-auto-rows: max-content;
        align-content: start;
        overflow-y: auto;
    }

    .negocios-detalhes__lateral[b-hx1sclvth8] {
        min-height: auto;
        border-right: 0;
        border-bottom: 1px solid var(--cor-borda);
        overflow: visible;
    }

    .negocios-detalhes__conteudo[b-hx1sclvth8] {
        min-height: 30rem;
        overflow: visible;
    }

    .negocios-detalhes__aba-painel[b-hx1sclvth8] {
        overflow-y: visible;
    }
}

@media (max-width: 40rem) {
    .negocios-detalhes__grade[b-hx1sclvth8],
    .negocios-imoveis__lista[b-hx1sclvth8] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* ============================================================ Painel de etiquetas do funil */

.negocios-conteudo__painel[b-hx1sclvth8] {
    flex-basis: 17rem;
}

.negocios-etiquetas[b-hx1sclvth8] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
    padding: .9rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    background: var(--cor-superficie);
}

.negocios-etiquetas__cabecalho[b-hx1sclvth8] {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
}

.negocios-etiquetas__icone[b-hx1sclvth8] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 8px;
    color: var(--cor-primaria);
    background: color-mix(in srgb, var(--cor-primaria) 13%, var(--cor-superficie));
}

.negocios-etiquetas__titulos[b-hx1sclvth8] {
    flex: 1 1 auto;
    min-width: 0;
}

.negocios-etiquetas__titulos h2[b-hx1sclvth8] {
    margin: 0;
    font-size: .92rem;
    font-weight: 700;
    line-height: 1.25;
}

.negocios-etiquetas__titulos p[b-hx1sclvth8] {
    margin: .15rem 0 0;
    font-size: .72rem;
    line-height: 1.35;
    color: var(--cor-texto-suave);
}

.negocios-etiquetas__filtro-ativo[b-hx1sclvth8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .4rem .6rem;
    border-radius: 8px;
    font-size: .75rem;
    color: var(--cor-texto-secundario);
    background: color-mix(in srgb, var(--cor-primaria) 10%, var(--cor-superficie));
}

.negocios-etiquetas__filtro-ativo strong[b-hx1sclvth8] {
    color: var(--cor-texto);
}

.negocios-etiquetas__filtro-ativo button[b-hx1sclvth8] {
    flex: 0 0 auto;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--cor-primaria);
    font-size: .75rem;
    font-weight: 600;
    cursor: pointer;
}

.negocios-etiquetas__filtro-ativo button:hover[b-hx1sclvth8] {
    text-decoration: underline;
}

.negocios-etiquetas__atalhos[b-hx1sclvth8] {
    display: grid;
    gap: .2rem;
}

.negocios-etiquetas__atalho[b-hx1sclvth8],
.negocios-etiquetas__filtro[b-hx1sclvth8] {
    display: flex;
    align-items: center;
    gap: .55rem;
    width: 100%;
    min-width: 0;
    padding: .45rem .6rem;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: var(--cor-texto);
    font-size: .8rem;
    text-align: left;
    cursor: pointer;
}

.negocios-etiquetas__atalho:hover[b-hx1sclvth8],
.negocios-etiquetas__filtro:hover[b-hx1sclvth8] {
    background: var(--cor-superficie-suave);
}

.negocios-etiquetas__atalho.ativo[b-hx1sclvth8] {
    border-color: color-mix(in srgb, var(--cor-primaria) 40%, transparent);
    background: color-mix(in srgb, var(--cor-primaria) 10%, var(--cor-superficie));
    color: var(--cor-primaria);
    font-weight: 600;
}

.negocios-etiquetas__atalho-nome[b-hx1sclvth8],
.negocios-etiquetas__nome[b-hx1sclvth8] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.negocios-etiquetas__contagem[b-hx1sclvth8] {
    flex: 0 0 auto;
    min-width: 1.4rem;
    padding: .02rem .4rem;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 700;
    text-align: center;
    color: var(--cor-texto-secundario);
    background: var(--cor-superficie-suave);
}

.negocios-etiquetas__rotulo[b-hx1sclvth8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: .75rem;
    border-top: 1px solid var(--cor-borda);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--cor-texto-secundario);
}

.negocios-etiquetas__total[b-hx1sclvth8] {
    font-weight: 600;
    letter-spacing: 0;
    color: var(--cor-texto-suave);
}

.negocios-etiquetas__busca[b-hx1sclvth8] {
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: 0 .6rem;
    border: 1px solid var(--cor-borda);
    border-radius: 8px;
    color: var(--cor-texto-suave);
}

.negocios-etiquetas__busca input[b-hx1sclvth8] {
    flex: 1 1 auto;
    min-width: 0;
    padding: .4rem 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--cor-texto);
    font-size: .78rem;
}

.negocios-etiquetas__lista[b-hx1sclvth8] {
    display: grid;
    gap: .2rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.negocios-etiquetas__item[b-hx1sclvth8] {
    display: flex;
    align-items: center;
    gap: .15rem;
    border-radius: 8px;
}

.negocios-etiquetas__item .negocios-etiquetas__filtro[b-hx1sclvth8] {
    flex: 1 1 auto;
}

.negocios-etiquetas__item.ativo .negocios-etiquetas__filtro[b-hx1sclvth8] {
    border-color: color-mix(in srgb, var(--etiqueta-cor) 55%, transparent);
    background: color-mix(in srgb, var(--etiqueta-cor) 14%, var(--cor-superficie));
    font-weight: 600;
}

.negocios-etiquetas__ponto[b-hx1sclvth8] {
    flex: 0 0 auto;
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    background: var(--etiqueta-cor);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--etiqueta-cor) 22%, transparent);
}

.negocios-etiquetas__editar[b-hx1sclvth8] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--cor-texto-suave);
    cursor: pointer;
    opacity: 0;
}

.negocios-etiquetas__item:hover .negocios-etiquetas__editar[b-hx1sclvth8],
.negocios-etiquetas__editar:focus-visible[b-hx1sclvth8] {
    opacity: 1;
}

.negocios-etiquetas__editar:hover[b-hx1sclvth8] {
    background: var(--cor-superficie-suave);
    color: var(--cor-texto);
}

@media (hover: none) {
    .negocios-etiquetas__editar[b-hx1sclvth8] {
        opacity: 1;
    }
}

.negocios-etiquetas__sem-resultado[b-hx1sclvth8] {
    margin: 0;
    font-size: .75rem;
    text-align: center;
    color: var(--cor-texto-suave);
}

.negocios-etiquetas__vazio[b-hx1sclvth8] {
    display: grid;
    justify-items: center;
    gap: .35rem;
    padding: 1rem .75rem;
    border: 1px dashed var(--cor-borda-forte);
    border-radius: var(--raio-base);
    text-align: center;
}

.negocios-etiquetas__vazio-icone[b-hx1sclvth8] {
    display: inline-flex;
    color: var(--cor-texto-suave);
}

.negocios-etiquetas__vazio strong[b-hx1sclvth8] {
    font-size: .82rem;
}

.negocios-etiquetas__vazio p[b-hx1sclvth8] {
    margin: 0;
    font-size: .73rem;
    line-height: 1.4;
    color: var(--cor-texto-suave);
}

.negocios-etiquetas__nova[b-hx1sclvth8] {
    justify-content: center;
    width: 100%;
}

.negocios-etiqueta-previa[b-hx1sclvth8] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: 1rem;
    padding: .75rem .9rem;
    border-radius: var(--raio-base);
    background: var(--cor-superficie-suave);
}

.negocios-etiquetas__confirmar-exclusao[b-hx1sclvth8] {
    background: var(--cor-erro);
    border-color: var(--cor-erro);
}

/* ---------------------------------------------------------- Aba Documentos */

.negocios-documentos__envio[b-hx1sclvth8] {
    position: relative;
    display: grid;
    justify-items: center;
    gap: .25rem;
    padding: 1.1rem 1rem;
    border: 2px dashed var(--cor-borda-forte);
    border-radius: var(--raio-base);
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
    text-align: center;
    cursor: pointer;
    transition: border-color 120ms ease, background 120ms ease;
}

.negocios-documentos__envio:hover[b-hx1sclvth8],
.negocios-documentos__envio:focus-within[b-hx1sclvth8] {
    border-color: var(--cor-primaria);
    background: color-mix(in srgb, var(--cor-primaria) 7%, var(--cor-superficie));
    color: var(--cor-primaria);
}

.negocios-documentos__envio.enviando[b-hx1sclvth8] {
    cursor: progress;
    opacity: .75;
}

.negocios-documentos__envio strong[b-hx1sclvth8] {
    color: var(--cor-texto);
    font-size: .88rem;
}

.negocios-documentos__envio small[b-hx1sclvth8] {
    color: var(--cor-texto-suave);
    font-size: .74rem;
}

/* O <input> cobre a área toda (clique e arrastar-e-soltar), mas fica invisível. */
.negocios-documentos__envio[b-hx1sclvth8]  .negocios-documentos__seletor {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.negocios-documentos__aviso[b-hx1sclvth8] {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin: 0;
    color: var(--cor-texto-suave);
    font-size: .76rem;
}

.negocios-documentos__lista[b-hx1sclvth8] {
    display: grid;
    gap: .5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.negocios-documento[b-hx1sclvth8] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .55rem .7rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    background: var(--cor-superficie);
}

.negocios-documento--pendente[b-hx1sclvth8] {
    border-style: dashed;
}

.negocios-documento__icone[b-hx1sclvth8] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    overflow: hidden;
    border-radius: 8px;
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
}

.negocios-documento__icone img[b-hx1sclvth8] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.negocios-documento__info[b-hx1sclvth8] {
    display: grid;
    flex: 1 1 auto;
    gap: .1rem;
    min-width: 0;
}

.negocios-documento__nome[b-hx1sclvth8] {
    overflow: hidden;
    color: var(--cor-texto);
    font-size: .86rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

a.negocios-documento__nome:hover[b-hx1sclvth8] {
    color: var(--cor-primaria);
    text-decoration: underline;
}

.negocios-documento__info small[b-hx1sclvth8] {
    overflow: hidden;
    color: var(--cor-texto-suave);
    font-size: .72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Paginas/Orcamentos.razor.rz.scp.css */
.tabela-sistema--orcamentos .tabela-sistema__cabecalho[b-wj85hsvzp8],
.tabela-sistema--orcamentos .tabela-sistema__linha[b-wj85hsvzp8] {
    grid-template-columns: 0.9fr 1.4fr 0.95fr 0.95fr 0.95fr 0.85fr 8rem;
}

.tabela-sistema--orcamentos .linha-acoes[b-wj85hsvzp8] {
    justify-content: flex-end;
}

@media (max-width: 900px) {
    .tabela-sistema--orcamentos .tabela-sistema__cabecalho[b-wj85hsvzp8],
    .tabela-sistema--orcamentos .tabela-sistema__linha[b-wj85hsvzp8] {
        grid-template-columns: 1fr;
    }
}


.etiqueta-status[b-wj85hsvzp8] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.6rem;
    border-radius: var(--raio-grande);
    font-size: 0.8rem;
    font-weight: 600;
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
}

.etiqueta-status--sucesso[b-wj85hsvzp8] {
    background: rgba(25, 201, 139, 0.14);
    color: var(--cor-sucesso);
}

.etiqueta-status--erro[b-wj85hsvzp8] {
    background: rgba(240, 93, 111, 0.14);
    color: var(--cor-erro);
}

.etiqueta-status--info[b-wj85hsvzp8] {
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
}
/* /Components/Paginas/PainelAutomacaoIa.razor.rz.scp.css */
.ia-config[b-zs4ih4c5ab] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}

.ia-config__cabecalho[b-zs4ih4c5ab] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .75rem 1rem;
}

.ia-config__titulos[b-zs4ih4c5ab] {
    flex: 1 1 18rem;
    min-width: 0;
}

.ia-config__cabecalho h1[b-zs4ih4c5ab] {
    font-size: 1.15rem;
    margin: 0;
}

.ia-config__cabecalho p[b-zs4ih4c5ab] {
    margin: .15rem 0 0;
    color: var(--cor-texto-secundario, #667);
    font-size: .9rem;
}

.ia-config__icone[b-zs4ih4c5ab] {
    position: relative;
    display: inline-flex;
    padding: .6rem;
    border-radius: .75rem;
    background: var(--cor-superficie-suave, #f2f4f7);
    color: var(--cor-texto);
}

/* bolinha de conexão com a IA (verde = conectada, amarela = indisponível) */
.ia-config__ponto[b-zs4ih4c5ab] {
    position: absolute;
    top: -.2rem;
    right: -.2rem;
    width: .85rem;
    height: .85rem;
    border-radius: 50%;
    border: 2px solid var(--cor-superficie, #fff);
    box-sizing: border-box;
}

.ia-config__ponto--ok[b-zs4ih4c5ab] {
    background: var(--cor-sucesso, #16a34a);
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--cor-sucesso, #16a34a) 55%, transparent);
    animation: ia-ponto-pulso-b-zs4ih4c5ab 2.4s ease-out infinite;
}

.ia-config__ponto--alerta[b-zs4ih4c5ab] {
    background: #f5b301;
}

@keyframes ia-ponto-pulso-b-zs4ih4c5ab {
    0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--cor-sucesso, #16a34a) 55%, transparent); }
    70%, 100% { box-shadow: 0 0 0 .45rem transparent; }
}

@media (prefers-reduced-motion: reduce) {
    .ia-config__ponto--ok[b-zs4ih4c5ab] { animation: none; }
}

.ia-config__status[b-zs4ih4c5ab] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .6rem .8rem;
    border-radius: .6rem;
    font-size: .88rem;
}

.ia-config__status--ok[b-zs4ih4c5ab] {
    background: color-mix(in srgb, var(--cor-sucesso, #16a34a) 12%, transparent);
    color: var(--cor-sucesso, #16a34a);
}

.ia-config__status--alerta[b-zs4ih4c5ab] {
    background: color-mix(in srgb, var(--cor-alerta, #d97706) 14%, transparent);
    color: var(--cor-alerta, #b45309);
}

.ia-config__status--cabecalho[b-zs4ih4c5ab] {
    margin-left: auto;
    flex: 0 1 auto;
}

.ia-config__lista-topo[b-zs4ih4c5ab] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .6rem 1rem;
    margin-bottom: .85rem;
}

.ia-config__lista-topo h2[b-zs4ih4c5ab] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-size: 1.05rem;
    margin: 0;
}

.ia-config__contagem[b-zs4ih4c5ab] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    height: 1.5rem;
    padding: 0 .45rem;
    border-radius: 999px;
    background: var(--cor-superficie-suave, #eef1f5);
    color: var(--cor-texto-secundario, #667085);
    font-size: .78rem;
    font-weight: 600;
}

.ia-config__acoes[b-zs4ih4c5ab] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .6rem;
}

.ia-config__novo[b-zs4ih4c5ab] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    height: 2.4rem;
    padding-block: 0;
}

.ia-config__agentes[b-zs4ih4c5ab] {
    list-style: none;
    margin: .5rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.ia-config__agente-nome[b-zs4ih4c5ab] {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%;
    padding: .6rem .8rem;
    border: 1px solid var(--cor-borda, #e3e6ea);
    border-radius: .6rem;
    background: var(--cor-superficie, #fff);
    color: var(--cor-texto);
    cursor: pointer;
    text-align: left;
}

.ia-config__agente--ativo .ia-config__agente-nome[b-zs4ih4c5ab] {
    border-color: var(--cor-primaria, #2563eb);
}

.ia-config__selo[b-zs4ih4c5ab] {
    margin-left: auto;
    font-size: .72rem;
    padding: .1rem .45rem;
    border-radius: 1rem;
    background: var(--cor-superficie-suave, #f2f4f7);
    color: var(--cor-texto-suave, #667);
}

.ia-config__selo--on[b-zs4ih4c5ab] {
    background: color-mix(in srgb, var(--cor-sucesso, #16a34a) 15%, transparent);
    color: var(--cor-sucesso, #16a34a);
}

/* ---- grid de cards de agente ---- */
.ia-grid[b-zs4ih4c5ab] {
    margin-top: .6rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 24rem), 1fr));
    gap: 1rem;
}

.ia-card[b-zs4ih4c5ab] {
    --ia-cor: var(--cor-primaria, #2563eb);
    position: relative;
    container-type: inline-size;
    display: block;
    min-height: 18.5rem;
    overflow: hidden;
    border: 1.5px solid color-mix(in srgb, var(--ia-cor) 75%, transparent);
    border-radius: 1rem;
    background:
        radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--ia-cor) 22%, transparent), transparent 60%),
        var(--cor-superficie, #fff);
    color: var(--cor-texto);
    cursor: pointer;
    text-align: left;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--ia-cor) 12%, transparent), 0 6px 22px color-mix(in srgb, var(--ia-cor) 22%, transparent);
    transition: box-shadow .18s, transform .18s;
}
.ia-card:focus-visible[b-zs4ih4c5ab] { outline: 2px solid var(--ia-cor); outline-offset: 2px; }
.ia-card--inativo .ia-card__foto[b-zs4ih4c5ab],
.ia-card--inativo .ia-card__corpo[b-zs4ih4c5ab] { opacity: .55; filter: grayscale(.45); }

.ia-card__foto[b-zs4ih4c5ab] {
    position: absolute;
    inset: 0 auto 0 0;
    width: 46%;
    height: 100%;
    object-fit: cover;
    object-position: 35% 20%;
    -webkit-mask-image: linear-gradient(to right, #000 55%, transparent);
    mask-image: linear-gradient(to right, #000 55%, transparent);
    pointer-events: none;
    user-select: none;
}

.ia-card__corpo[b-zs4ih4c5ab] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: .55rem;
    min-height: 18.5rem;
    margin-left: 40%;
    padding: 1rem 1rem 1rem .4rem;
}

.ia-card__topo[b-zs4ih4c5ab] { display: flex; align-items: center; gap: .5rem; padding-right: 2rem; }
.ia-card__nome[b-zs4ih4c5ab] { margin: 0; font-size: 1.3rem; font-weight: 800; line-height: 1.15; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ia-card__selo[b-zs4ih4c5ab] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    font-size: .68rem;
    font-weight: 600;
    padding: .12rem .5rem;
    border-radius: 1rem;
    background: var(--cor-superficie-suave, #f2f4f7);
    color: var(--cor-texto-suave, #667);
}
.ia-card__selo i[b-zs4ih4c5ab] { width: .45rem; height: .45rem; border-radius: 50%; background: currentColor; }
.ia-card__selo--on[b-zs4ih4c5ab] { background: color-mix(in srgb, var(--cor-sucesso, #16a34a) 15%, transparent); color: var(--cor-sucesso, #16a34a); }

.ia-card__funcao[b-zs4ih4c5ab] { font-size: .9rem; font-weight: 600; color: var(--cor-texto-secundario, #556); margin-top: -.3rem; }
.ia-card__desc[b-zs4ih4c5ab] { margin: 0; font-size: .85rem; line-height: 1.35; color: var(--cor-texto); }

.ia-card__caps[b-zs4ih4c5ab] {
    list-style: none;
    margin: .1rem 0 0;
    padding: .55rem 0 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem .6rem;
    border-top: 1px solid var(--cor-borda, #e3e6ea);
}
.ia-card__caps li[b-zs4ih4c5ab] { display: flex; align-items: center; gap: .4rem; min-width: 0; font-size: .74rem; line-height: 1.2; color: var(--cor-texto-secundario, #556); }
.ia-card__caps li > span:first-child[b-zs4ih4c5ab] { flex: 0 0 auto; color: var(--ia-cor); }

.ia-card__pilula[b-zs4ih4c5ab] {
    align-self: flex-start;
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .4rem 1rem .4rem .75rem;
    border-radius: 2rem;
    background: var(--ia-cor);
    color: #fff;
    font-size: .88rem;
    font-weight: 700;
    box-shadow: 0 4px 12px color-mix(in srgb, var(--ia-cor) 40%, transparent);
}

.ia-card__engrenagem[b-zs4ih4c5ab] {
    position: absolute;
    top: .6rem;
    right: .6rem;
    z-index: 3;
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 1px solid var(--cor-borda, #e3e6ea);
    border-radius: 50%;
    background: color-mix(in srgb, var(--cor-superficie, #fff) 85%, transparent);
    color: var(--cor-texto);
    cursor: pointer;
}
.ia-card__engrenagem:hover[b-zs4ih4c5ab] { border-color: var(--ia-cor); color: var(--ia-cor); }

/* detalhes: só aparecem ao passar o mouse (ou tocar / focar com o teclado) */
.ia-card__detalhes[b-zs4ih4c5ab] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: .55rem;
    padding: 1rem 3.2rem 1rem 1rem;
    overflow-y: auto;
    background: color-mix(in srgb, var(--cor-superficie, #fff) 95%, var(--ia-cor));
    opacity: 0;
    visibility: hidden;
    transform: translateY(.4rem);
    transition: opacity .18s, transform .18s, visibility .18s;
}
.ia-card--aberto .ia-card__detalhes[b-zs4ih4c5ab],
.ia-card:has(:focus-visible) .ia-card__detalhes[b-zs4ih4c5ab] { opacity: 1; visibility: visible; transform: none; }
@media (hover: hover) {
    .ia-card:hover[b-zs4ih4c5ab] { transform: translateY(-2px); box-shadow: 0 0 0 1px color-mix(in srgb, var(--ia-cor) 30%, transparent), 0 10px 30px color-mix(in srgb, var(--ia-cor) 38%, transparent); }
    .ia-card:hover .ia-card__detalhes[b-zs4ih4c5ab] { opacity: 1; visibility: visible; transform: none; }
}

.ia-card__tags[b-zs4ih4c5ab] { display: flex; flex-wrap: wrap; gap: .3rem; }
.ia-card__tag[b-zs4ih4c5ab] {
    font-size: .68rem;
    padding: .08rem .4rem;
    border-radius: .4rem;
    background: var(--cor-superficie-suave, #f2f4f7);
    color: var(--cor-texto-secundario, #667);
}

.ia-card__stats[b-zs4ih4c5ab] {
    display: flex;
    gap: 1rem;
    margin: 0;
    padding: .4rem 0 0;
    border-top: 1px solid var(--cor-borda, #e3e6ea);
}
.ia-card__stats > div[b-zs4ih4c5ab] { display: flex; flex-direction: column; }
.ia-card__stats dt[b-zs4ih4c5ab] { font-size: 1.05rem; font-weight: 700; line-height: 1.1; }
.ia-card__stats dd[b-zs4ih4c5ab] { margin: 0; font-size: .64rem; text-transform: uppercase; letter-spacing: .03em; color: var(--cor-texto-suave, #667); }

.ia-card__rodape[b-zs4ih4c5ab] { display: flex; justify-content: space-between; gap: .5rem; font-size: .7rem; color: var(--cor-texto-suave, #667); }
.ia-card__erros[b-zs4ih4c5ab] { color: var(--cor-erro, #dc2626); }

.ia-card__configurar[b-zs4ih4c5ab] {
    align-self: flex-start;
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .4rem .9rem;
    border: 0;
    border-radius: 2rem;
    background: var(--ia-cor);
    color: #fff;
    font: inherit;
    font-size: .82rem;
    font-weight: 700;
    cursor: pointer;
}

/* card estreito: foto vira faixa no topo */
@container (max-width: 25rem) {
    .ia-card__foto[b-zs4ih4c5ab] { inset: 0 0 auto 0; width: 100%; height: 9rem; -webkit-mask-image: linear-gradient(to bottom, #000 55%, transparent); mask-image: linear-gradient(to bottom, #000 55%, transparent); }
    .ia-card__corpo[b-zs4ih4c5ab] { margin-left: 0; padding: 7.5rem 1rem 1rem; min-height: 0; }
    .ia-card[b-zs4ih4c5ab] { min-height: 0; }
    .ia-card__detalhes[b-zs4ih4c5ab] { padding-right: 1rem; padding-top: 3rem; }
}

.ia-config__editor[b-zs4ih4c5ab] {
    border: 1px solid var(--cor-borda, #e3e6ea);
    border-radius: .7rem;
    padding: 1rem;
    background: var(--cor-superficie, #fff);
    color: var(--cor-texto);
}

.ia-config__editor-acoes[b-zs4ih4c5ab] {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}

.ia-config__ajuda[b-zs4ih4c5ab] {
    color: var(--cor-texto-secundario, #667);
    font-size: .85rem;
    margin: 0 0 .75rem;
}

.ia-teste[b-zs4ih4c5ab] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.ia-teste__mensagens[b-zs4ih4c5ab] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    max-height: 340px;
    overflow-y: auto;
    padding: .5rem;
    border: 1px solid var(--cor-borda, #e3e6ea);
    border-radius: .6rem;
    background: var(--cor-superficie-suave, #f7f8fa);
}

.ia-teste__linha[b-zs4ih4c5ab] {
    display: flex;
    flex-direction: column;
    max-width: 85%;
}

.ia-teste__linha--cliente[b-zs4ih4c5ab] {
    align-self: flex-end;
    align-items: flex-end;
}

.ia-teste__linha--ia[b-zs4ih4c5ab] {
    align-self: flex-start;
}

.ia-teste__balao[b-zs4ih4c5ab] {
    padding: .5rem .7rem;
    border-radius: .7rem;
    background: var(--cor-superficie, #fff);
    color: var(--cor-texto);
    border: 1px solid var(--cor-borda, #e3e6ea);
    white-space: pre-wrap;
}

.ia-teste__linha--cliente .ia-teste__balao[b-zs4ih4c5ab] {
    background: var(--cor-primaria-suave, color-mix(in srgb, #2563eb 12%, transparent));
    border-color: color-mix(in srgb, var(--cor-primaria, #2563eb) 30%, transparent);
}

.ia-teste__funil[b-zs4ih4c5ab] {
    margin-top: .3rem;
    font-size: .78rem;
}

.ia-teste__funil ul[b-zs4ih4c5ab] {
    margin: .25rem 0 0;
    padding-left: 1.1rem;
    display: grid;
    gap: .15rem;
}

.ia-teste__json[b-zs4ih4c5ab] {
    font-size: .78rem;
    margin-top: .25rem;
    color: var(--cor-texto-suave, #667);
}

.ia-teste__json pre[b-zs4ih4c5ab] {
    white-space: pre-wrap;
    background: var(--cor-superficie-suave, #f2f4f7);
    color: var(--cor-texto-secundario, #667);
    padding: .4rem;
    border-radius: .4rem;
    overflow-x: auto;
}

.ia-teste__entrada[b-zs4ih4c5ab] {
    display: flex;
    gap: .5rem;
}

.ia-teste__entrada .campo-formulario__entrada[b-zs4ih4c5ab] {
    flex: 1;
}

/* ---- aba Permissões ---- */
.ia-perm[b-zs4ih4c5ab] {
    border: 1px solid var(--cor-borda, #e3e6ea);
    border-radius: .6rem;
    padding: .75rem .9rem;
    margin-bottom: .6rem;
    background: var(--cor-superficie, #fff);
    color: var(--cor-texto);
}
.ia-perm--desabilitado[b-zs4ih4c5ab] { opacity: .55; }
.ia-perm__cabecalho[b-zs4ih4c5ab] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.ia-perm__switch[b-zs4ih4c5ab] { display: inline-flex; align-items: center; gap: .4rem; font-size: .85rem; cursor: pointer; }
.ia-perm__switch--desabilitado[b-zs4ih4c5ab] { opacity: .6; cursor: default; margin-top: .5rem; }
.ia-perm__corpo[b-zs4ih4c5ab] { margin-top: .7rem; display: flex; flex-direction: column; gap: .6rem; }
.ia-perm__campos[b-zs4ih4c5ab] { display: flex; flex-wrap: wrap; gap: .4rem .9rem; }
.ia-perm__campo[b-zs4ih4c5ab] { display: inline-flex; align-items: center; gap: .35rem; font-size: .82rem; cursor: pointer; }
.ia-perm__breve[b-zs4ih4c5ab] {
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    padding: .05rem .4rem;
    border-radius: 1rem;
    background: var(--cor-superficie-suave, #f2f4f7);
    color: var(--cor-texto-suave, #667);
}

/* ---- abas Logs / Erros ---- */
.ia-logs__topo[b-zs4ih4c5ab] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.ia-logs__topo .ia-config__ajuda[b-zs4ih4c5ab] { margin: 0; }
.ia-logs[b-zs4ih4c5ab] { list-style: none; margin: .6rem 0 0; padding: 0; display: flex; flex-direction: column; gap: .5rem; }
.ia-logs__item[b-zs4ih4c5ab] {
    border: 1px solid var(--cor-borda, #e3e6ea);
    border-left: 3px solid var(--cor-primaria, #2563eb);
    border-radius: .5rem;
    padding: .55rem .75rem;
    background: var(--cor-superficie, #fff);
    color: var(--cor-texto);
    display: flex;
    flex-direction: column;
    gap: .3rem;
    font-size: .82rem;
}
.ia-logs__item--erro[b-zs4ih4c5ab] { border-left-color: var(--cor-erro, #dc2626); }
.ia-logs__linha[b-zs4ih4c5ab] { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.ia-logs__quando[b-zs4ih4c5ab] { color: var(--cor-texto-suave, #667); font-size: .74rem; }
.ia-logs__contato[b-zs4ih4c5ab] { font-weight: 600; }
.ia-logs__acao[b-zs4ih4c5ab] {
    font-size: .72rem;
    padding: .05rem .35rem;
    border-radius: .35rem;
    background: var(--cor-superficie-suave, #f2f4f7);
    color: var(--cor-texto-secundario, #667);
}
.ia-logs__dur[b-zs4ih4c5ab] { margin-left: auto; color: var(--cor-texto-suave, #667); font-size: .72rem; }
.ia-logs__troca[b-zs4ih4c5ab] { white-space: pre-wrap; word-break: break-word; }
.ia-logs__erro[b-zs4ih4c5ab] {
    color: var(--cor-erro, #dc2626);
    background: color-mix(in srgb, var(--cor-erro, #dc2626) 10%, transparent);
    border-radius: .35rem;
    padding: .3rem .45rem;
    white-space: pre-wrap;
}
.ia-logs__json[b-zs4ih4c5ab] { font-size: .76rem; color: var(--cor-texto-suave, #667); }
.ia-logs__json pre[b-zs4ih4c5ab] {
    white-space: pre-wrap;
    word-break: break-word;
    background: var(--cor-superficie-suave, #f2f4f7);
    color: var(--cor-texto-secundario, #667);
    padding: .4rem;
    border-radius: .4rem;
    margin: .3rem 0 0;
    overflow-x: auto;
}

/* ---- novo agente: cards de tipo ---- */
.ia-tipos[b-zs4ih4c5ab] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    gap: .6rem;
}
.ia-tipo[b-zs4ih4c5ab] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    align-items: flex-start;
    padding: .75rem .8rem;
    border: 1px solid var(--cor-borda, #e3e6ea);
    border-radius: .65rem;
    background: var(--cor-superficie, #fff);
    color: var(--cor-texto);
    text-align: left;
    cursor: pointer;
    transition: border-color .12s, background .12s;
}
.ia-tipo:hover[b-zs4ih4c5ab] { border-color: var(--cor-primaria, #2563eb); }
.ia-tipo--ativo[b-zs4ih4c5ab] {
    border-color: var(--cor-primaria, #2563eb);
    background: color-mix(in srgb, var(--cor-primaria, #2563eb) 9%, var(--cor-superficie, #fff));
}
.ia-tipo__icone[b-zs4ih4c5ab] { color: var(--cor-primaria, #2563eb); }
.ia-tipo small[b-zs4ih4c5ab] { color: var(--cor-texto-suave, #6b7280); line-height: 1.35; }

/* =====================================================================
   Editor do agente (modal): menu lateral + seções em cartões
   ===================================================================== */
.ia-ed[b-zs4ih4c5ab] {
    display: grid;
    grid-template-columns: 13.5rem minmax(0, 1fr);
    height: 100%;
    min-height: 0;
    border-top: 1px solid var(--cor-borda, #e3e6ea);
}

.ia-ed__nav[b-zs4ih4c5ab] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    padding: .8rem .6rem;
    border-right: 1px solid var(--cor-borda, #e3e6ea);
    background: var(--cor-superficie-suave, #f7f8fa);
    overflow-y: auto;
}

.ia-ed__aba[b-zs4ih4c5ab] {
    display: flex;
    align-items: center;
    gap: .6rem;
    width: 100%;
    padding: .6rem .7rem;
    border: 0;
    border-radius: .55rem;
    background: transparent;
    color: var(--cor-texto-secundario, #667);
    font: inherit;
    font-size: .9rem;
    text-align: left;
    cursor: pointer;
    transition: background .12s, color .12s;
}
.ia-ed__aba:hover[b-zs4ih4c5ab] { background: color-mix(in srgb, var(--cor-primaria, #2563eb) 8%, transparent); color: var(--cor-texto); }
.ia-ed__aba--ativa[b-zs4ih4c5ab],
.ia-ed__aba--ativa:hover[b-zs4ih4c5ab] {
    background: color-mix(in srgb, var(--cor-primaria, #2563eb) 14%, transparent);
    color: var(--cor-primaria, #2563eb);
    font-weight: 600;
}

.ia-ed__estado[b-zs4ih4c5ab] {
    margin-top: auto;
    padding: .7rem .5rem 0;
    display: flex;
    flex-direction: column;
    gap: .4rem;
    align-items: flex-start;
}
.ia-ed__pilula[b-zs4ih4c5ab] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .2rem .65rem;
    border-radius: 1rem;
    font-size: .78rem;
    background: var(--cor-superficie, #fff);
    border: 1px solid var(--cor-borda, #e3e6ea);
    color: var(--cor-texto-secundario, #667);
}
.ia-ed__pilula i[b-zs4ih4c5ab] { width: .5rem; height: .5rem; border-radius: 50%; background: #9ca3af; }
.ia-ed__pilula--on[b-zs4ih4c5ab] { color: var(--cor-sucesso, #16a34a); border-color: color-mix(in srgb, var(--cor-sucesso, #16a34a) 40%, transparent); }
.ia-ed__pilula--on i[b-zs4ih4c5ab] { background: var(--cor-sucesso, #16a34a); }
.ia-ed__pendente[b-zs4ih4c5ab] { font-size: .75rem; color: var(--cor-alerta, #b45309); }

.ia-ed__conteudo[b-zs4ih4c5ab] {
    min-height: 0;
    overflow-y: auto;
    padding: 1.1rem 1.3rem 1.4rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ia-ed__excluir[b-zs4ih4c5ab] { margin-right: auto; }

/* ---- seção (cartão) ---- */
.ia-sec[b-zs4ih4c5ab] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
    padding: 1rem 1.1rem;
    border: 1px solid var(--cor-borda, #e3e6ea);
    border-radius: .8rem;
    background: var(--cor-superficie, #fff);
    color: var(--cor-texto);
}
.ia-sec--off[b-zs4ih4c5ab] { opacity: .6; }
.ia-sec__cab h3[b-zs4ih4c5ab] { margin: 0; font-size: 1rem; }
.ia-sec__cab p[b-zs4ih4c5ab] { margin: .2rem 0 0; color: var(--cor-texto-secundario, #667); font-size: .85rem; line-height: 1.4; }

.ia-campo[b-zs4ih4c5ab] { display: flex; flex-direction: column; gap: .3rem; min-width: 0; }
.ia-campo > label[b-zs4ih4c5ab] { font-size: .84rem; font-weight: 600; }
.ia-campo > small[b-zs4ih4c5ab] { color: var(--cor-texto-secundario, #667); font-size: .78rem; line-height: 1.35; }
.ia-campo textarea[b-zs4ih4c5ab] { resize: vertical; min-height: 4rem; line-height: 1.45; }
.ia-grade2[b-zs4ih4c5ab] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; }

/* ---- chave liga/desliga ---- */
.ia-chave-linha[b-zs4ih4c5ab] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .7rem .8rem;
    border: 1px solid var(--cor-borda, #e3e6ea);
    border-radius: .65rem;
    background: var(--cor-superficie-suave, #f7f8fa);
    cursor: pointer;
}
.ia-chave-linha--off[b-zs4ih4c5ab] { cursor: default; opacity: .75; }
.ia-chave-linha__texto[b-zs4ih4c5ab] { display: flex; flex-direction: column; gap: .15rem; min-width: 0; }
.ia-chave-linha__texto strong[b-zs4ih4c5ab] { font-size: .9rem; font-weight: 600; }
.ia-chave-linha__texto small[b-zs4ih4c5ab] { color: var(--cor-texto-secundario, #667); font-size: .78rem; line-height: 1.35; }

.ia-chave[b-zs4ih4c5ab] {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    flex: 0 0 auto;
    width: 2.6rem;
    height: 1.45rem;
    margin: 0;
    display: inline-block;
    border: 1px solid color-mix(in srgb, var(--cor-texto, #111) 28%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--cor-texto, #111) 22%, var(--cor-superficie, #fff));
    cursor: pointer;
    transition: background-color .15s, border-color .15s;
}
.ia-chave:hover:not(:disabled)[b-zs4ih4c5ab] { border-color: var(--cor-primaria, #2563eb); }
.ia-chave[b-zs4ih4c5ab]::before {
    content: "";
    position: absolute;
    top: 50%;
    left: .17rem;
    width: 1.05rem;
    height: 1.05rem;
    margin: 0;
    border: 0;                 /* o estilo global de checkbox põe uma "setinha" com borda */
    border-radius: 50%;
    background: #fff;
    opacity: 1;                /* o global deixa opacity:0 até marcar — por isso a bolinha sumia desligado */
    box-shadow: 0 1px 3px rgba(0, 0, 0, .45);
    transform: translateY(-50%);
    transition: transform .15s;
}
.ia-chave:checked[b-zs4ih4c5ab] { background: var(--cor-primaria, #2563eb); border-color: var(--cor-primaria, #2563eb); }
.ia-chave:checked[b-zs4ih4c5ab]::before { transform: translate(1.12rem, -50%); }
.ia-chave:focus-visible[b-zs4ih4c5ab] { outline: 2px solid color-mix(in srgb, var(--cor-primaria, #2563eb) 55%, transparent); outline-offset: 2px; }
.ia-chave:disabled[b-zs4ih4c5ab] { cursor: not-allowed; opacity: .6; }

/* ---- linha com número ---- */
.ia-linha-num[b-zs4ih4c5ab] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .7rem .8rem;
    border: 1px solid var(--cor-borda, #e3e6ea);
    border-radius: .65rem;
    background: var(--cor-superficie-suave, #f7f8fa);
}
.ia-num[b-zs4ih4c5ab] { display: inline-flex; align-items: center; gap: .45rem; flex: 0 0 auto; }
.ia-num .campo-formulario__entrada[b-zs4ih4c5ab] { width: 5.2rem; min-height: 2.3rem; text-align: center; }
.ia-num em[b-zs4ih4c5ab] { font-style: normal; font-size: .8rem; color: var(--cor-texto-secundario, #667); }

/* ---- seletor segmentado ---- */
.ia-segmento[b-zs4ih4c5ab] {
    display: inline-flex;
    padding: .2rem;
    gap: .2rem;
    border-radius: .7rem;
    background: var(--cor-superficie-suave, #f2f4f7);
    border: 1px solid var(--cor-borda, #e3e6ea);
    align-self: flex-start;
}
.ia-segmento__op[b-zs4ih4c5ab] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .4rem .85rem;
    border: 0;
    border-radius: .5rem;
    background: transparent;
    color: var(--cor-texto-secundario, #667);
    font: inherit;
    font-size: .85rem;
    cursor: pointer;
}
.ia-segmento__op--ativo[b-zs4ih4c5ab] { background: var(--cor-superficie, #fff); color: var(--cor-primaria, #2563eb); font-weight: 600; box-shadow: 0 1px 3px rgba(0, 0, 0, .12); }

/* ---- avisos ---- */
.ia-aviso[b-zs4ih4c5ab] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    margin: 0;
    padding: .6rem .75rem;
    border-radius: .6rem;
    font-size: .82rem;
    line-height: 1.4;
    background: color-mix(in srgb, var(--cor-primaria, #2563eb) 8%, transparent);
    color: var(--cor-texto-secundario, #556);
}
.ia-aviso--alerta[b-zs4ih4c5ab] { background: color-mix(in srgb, var(--cor-alerta, #d97706) 14%, transparent); color: var(--cor-alerta, #b45309); }
.ia-vazio-texto[b-zs4ih4c5ab] { margin: 0; color: var(--cor-texto-secundario, #667); font-size: .87rem; }

/* ---- pílulas (campos permitidos) ---- */
.ia-pilulas[b-zs4ih4c5ab] { display: flex; flex-wrap: wrap; gap: .45rem; }
.ia-pilula[b-zs4ih4c5ab] {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: .35rem .8rem;
    border: 1px solid var(--cor-borda, #e3e6ea);
    border-radius: 1rem;
    font-size: .82rem;
    background: var(--cor-superficie, #fff);
    color: var(--cor-texto-secundario, #667);
    cursor: pointer;
    user-select: none;
}
.ia-pilula input[b-zs4ih4c5ab] { position: absolute; opacity: 0; pointer-events: none; }
.ia-pilula--on[b-zs4ih4c5ab] {
    border-color: var(--cor-primaria, #2563eb);
    background: color-mix(in srgb, var(--cor-primaria, #2563eb) 12%, transparent);
    color: var(--cor-primaria, #2563eb);
    font-weight: 600;
}
.ia-pilula--off[b-zs4ih4c5ab] { cursor: default; opacity: .7; border-style: dashed; }

/* ---- regras de transferência ---- */
.ia-regra[b-zs4ih4c5ab] {
    display: flex;
    flex-direction: column;
    gap: .7rem;
    padding: .85rem;
    border: 1px solid var(--cor-borda, #e3e6ea);
    border-radius: .7rem;
    background: var(--cor-superficie-suave, #f7f8fa);
}
.ia-regra__topo[b-zs4ih4c5ab] { display: flex; align-items: flex-end; gap: .6rem; }
.ia-regra__destino[b-zs4ih4c5ab] { flex: 1; }
.ia-add[b-zs4ih4c5ab] { align-self: flex-start; }

/* ---- teste (chat) ---- */
.ia-teste__vazio[b-zs4ih4c5ab] { margin: auto; padding: 1.5rem 1rem; text-align: center; color: var(--cor-texto-secundario, #667); font-size: .85rem; }
.ia-teste__meta[b-zs4ih4c5ab] { display: flex; flex-wrap: wrap; gap: .2rem .8rem; margin-top: .25rem; font-size: .72rem; color: var(--cor-texto-secundario, #667); }
.ia-teste__meta span[b-zs4ih4c5ab] { display: inline-flex; align-items: center; gap: .25rem; }
.ia-sec--chat .ia-teste__mensagens[b-zs4ih4c5ab] { min-height: 14rem; max-height: 22rem; }

/* ---- histórico ---- */
.ia-hist__topo[b-zs4ih4c5ab] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; flex-wrap: wrap; }
.ia-hist[b-zs4ih4c5ab] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    padding: .7rem .8rem;
    border: 1px solid var(--cor-borda, #e3e6ea);
    border-radius: .7rem;
    background: var(--cor-superficie, #fff);
    color: var(--cor-texto);
    font-size: .84rem;
    list-style: none;
}
.ia-hist--erro[b-zs4ih4c5ab] { border-color: color-mix(in srgb, var(--cor-erro, #dc2626) 45%, transparent); }
.ia-hist__cab[b-zs4ih4c5ab] { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.ia-hist__acao[b-zs4ih4c5ab] {
    padding: .1rem .5rem;
    border-radius: 1rem;
    font-size: .72rem;
    background: color-mix(in srgb, var(--cor-primaria, #2563eb) 12%, transparent);
    color: var(--cor-primaria, #2563eb);
}
.ia-hist__quando[b-zs4ih4c5ab] { margin-left: auto; font-size: .74rem; color: var(--cor-texto-secundario, #667); }
.ia-hist__rota[b-zs4ih4c5ab] { display: flex; align-items: center; gap: .4rem; font-size: .78rem; color: var(--cor-texto-secundario, #667); }
.ia-hist__rota--troca[b-zs4ih4c5ab] { color: var(--cor-primaria, #2563eb); }
.ia-hist__rota strong[b-zs4ih4c5ab] { font-weight: 600; }
.ia-hist__balao[b-zs4ih4c5ab] {
    padding: .45rem .65rem;
    border-radius: .65rem;
    white-space: pre-wrap;
    word-break: break-word;
    max-width: 88%;
}
.ia-hist__balao--entrada[b-zs4ih4c5ab] { align-self: flex-start; background: var(--cor-superficie-suave, #f2f4f7); }
.ia-hist__balao--saida[b-zs4ih4c5ab] { align-self: flex-end; background: color-mix(in srgb, var(--cor-primaria, #2563eb) 12%, transparent); }

/* ---- celular: menu vira uma faixa rolável no topo ---- */
@media (max-width: 760px) {
    .ia-ed[b-zs4ih4c5ab] { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); }
    .ia-ed__nav[b-zs4ih4c5ab] {
        flex-direction: row;
        overflow-x: auto;
        overflow-y: hidden;
        border-right: 0;
        border-bottom: 1px solid var(--cor-borda, #e3e6ea);
        padding: .5rem;
    }
    .ia-ed__aba[b-zs4ih4c5ab] { width: auto; flex: 0 0 auto; white-space: nowrap; }
    .ia-ed__estado[b-zs4ih4c5ab] { display: none; }
    .ia-ed__conteudo[b-zs4ih4c5ab] { padding: .9rem; }
    .ia-grade2[b-zs4ih4c5ab] { grid-template-columns: minmax(0, 1fr); }
    .ia-chave-linha[b-zs4ih4c5ab], .ia-linha-num[b-zs4ih4c5ab] { align-items: flex-start; }
}

.ia-add-linha[b-zs4ih4c5ab] { display: flex; flex-wrap: wrap; gap: .5rem; }

/* ---- Conhecimento: cartão por público + blocos recolhíveis ---- */
.ia-sec__cab--icone[b-zs4ih4c5ab] { display: flex; align-items: flex-start; gap: .7rem; }
.ia-sec__cab--icone > :first-child[b-zs4ih4c5ab] { flex: 0 0 auto; color: var(--cor-primaria, #2563eb); margin-top: .1rem; }
.ia-detalhes > summary[b-zs4ih4c5ab] { cursor: pointer; font-weight: 600; font-size: .9rem; }
.ia-detalhes[open] > summary[b-zs4ih4c5ab] { margin-bottom: .6rem; }
.ia-detalhes__sub[b-zs4ih4c5ab] { margin: 0 0 .6rem; color: var(--cor-texto-secundario, #667); font-size: .82rem; }
details.ia-sec.ia-detalhes[b-zs4ih4c5ab] { display: block; }
.ia-campo .ia-detalhes[b-zs4ih4c5ab] { margin-top: .2rem; }

/* erro real da interação (aba Histórico › Com problema) */
.ia-hist__erro > div[b-zs4ih4c5ab] { min-width: 0; flex: 1; }
.ia-hist__erro pre[b-zs4ih4c5ab] {
    margin: .3rem 0 0;
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 9rem;
    overflow: auto;
    font: inherit;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: .78rem;
    color: var(--cor-texto);
}.ia-teste__escolha[b-zs4ih4c5ab] { display: block; margin-top: .6rem; font-weight: 600; font-size: .85rem; }

.ia-teste__balao--midia[b-zs4ih4c5ab] {
    display: grid;
    gap: .35rem;
    max-width: 18rem;
    padding: .35rem;
}

.ia-teste__balao--midia img[b-zs4ih4c5ab] {
    display: block;
    width: 100%;
    max-height: 14rem;
    object-fit: cover;
    border-radius: .45rem;
}

.ia-teste__balao--midia small[b-zs4ih4c5ab],
.ia-teste__nota-midia[b-zs4ih4c5ab] {
    color: var(--cor-texto-suave, #667);
    font-size: .72rem;
}

/* ---- áudios no chat de teste ---- */
.ia-teste__anexos[b-zs4ih4c5ab] {
    display: grid;
    gap: .35rem;
    padding: .4rem 0;
}

.ia-teste__anexo[b-zs4ih4c5ab] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.ia-teste__anexo audio[b-zs4ih4c5ab] {
    height: 2rem;
    max-width: 16rem;
}

.ia-teste__balao--audio[b-zs4ih4c5ab] {
    display: grid;
    gap: .25rem;
    max-width: 22rem;
}

.ia-teste__balao--audio audio[b-zs4ih4c5ab] {
    width: 100%;
    height: 2rem;
}

.ia-teste__balao--audio small[b-zs4ih4c5ab] {
    color: var(--cor-texto-suave, #667);
    font-size: .72rem;
}

.ia-teste__mic--gravando[b-zs4ih4c5ab] {
    background: #d92d20;
    border-color: #d92d20;
    color: #fff;
    animation: ia-teste-gravando-b-zs4ih4c5ab 1.2s ease-in-out infinite;
}

@keyframes ia-teste-gravando-b-zs4ih4c5ab {
    50% { opacity: .65; }
}

.ia-teste__clipe[b-zs4ih4c5ab] {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.ia-teste__clipe--desabilitado[b-zs4ih4c5ab] {
    opacity: .5;
    pointer-events: none;
}

/* ---- números vivos do cartão (atendendo agora, hoje, total) ---- */
.ia-card__agora[b-zs4ih4c5ab] {
    display: flex;
    flex-direction: column;
    gap: .1rem;
    padding: .45rem .6rem;
    border-radius: .55rem;
    background: var(--cor-superficie-suave, #f2f4f7);
}

.ia-card__agora-rotulo[b-zs4ih4c5ab] {
    font-size: .64rem;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: var(--cor-texto-suave, #667);
}

.ia-card__agora-valor[b-zs4ih4c5ab] {
    font-size: .86rem;
    overflow-wrap: anywhere;
}

.ia-card__agora--viva[b-zs4ih4c5ab] {
    background: color-mix(in srgb, var(--cor-sucesso, #16a34a) 13%, transparent);
}

.ia-card__agora--viva .ia-card__agora-valor[b-zs4ih4c5ab] {
    color: var(--cor-sucesso, #16a34a);
}

.ia-card__grupo[b-zs4ih4c5ab] {
    font-size: .66rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--cor-texto-suave, #667);
}

.ia-card__stats--hoje[b-zs4ih4c5ab] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem 1rem;
    padding-top: .5rem;
}

.ia-config__abas[b-zs4ih4c5ab] {
    display: flex;
    gap: .25rem;
    border-bottom: 1px solid var(--cor-borda, #e3e6ec);
}

.ia-config__aba[b-zs4ih4c5ab] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .6rem 1rem;
    border: 0;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    background: transparent;
    color: var(--cor-texto-secundario, #667);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

.ia-config__aba:hover[b-zs4ih4c5ab] {
    color: var(--cor-texto);
}

.ia-config__aba--ativa[b-zs4ih4c5ab] {
    color: var(--cor-primaria, #2563eb);
    border-bottom-color: var(--cor-primaria, #2563eb);
}
/* /Components/Paginas/PainelBuscaWhatsapp.razor.rz.scp.css */
/* Painel de resultados da busca do WhatsApp - ocupa o lugar das abas + lista de conversas. */
.busca[b-nondl4x5sp] {
    flex: 1;
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.busca__contexto[b-nondl4x5sp] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0 var(--espacamento-4) var(--espacamento-2);
    font-size: 0.72rem;
    color: var(--cor-texto-suave);
}

.busca__contexto span[b-nondl4x5sp] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ---- chips ---- */
.busca__filtros[b-nondl4x5sp],
.busca__refino[b-nondl4x5sp] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0 var(--espacamento-4) var(--espacamento-2);
    overflow-x: auto;
    scrollbar-width: none;
    cursor: grab;
    user-select: none;
}

.busca__filtros[b-nondl4x5sp]::-webkit-scrollbar,
.busca__refino[b-nondl4x5sp]::-webkit-scrollbar {
    display: none;
}

/* "Mãozinha" (data-rolagem-mao, ver sistema.js): mão fechada enquanto arrasta. */
.busca__filtros.rolagem-mao--arrastando[b-nondl4x5sp],
.busca__refino.rolagem-mao--arrastando[b-nondl4x5sp],
.busca__filtros.rolagem-mao--arrastando .busca__chip[b-nondl4x5sp],
.busca__refino.rolagem-mao--arrastando .busca__chip[b-nondl4x5sp] {
    cursor: grabbing;
}

.busca__chip[b-nondl4x5sp] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    flex: 0 0 auto;
    padding: 0.25rem 0.6rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background: transparent;
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color var(--transicao-rapida), color var(--transicao-rapida), border-color var(--transicao-rapida);
}

.busca__chip:hover[b-nondl4x5sp] {
    color: var(--cor-texto);
    border-color: var(--cor-borda-forte);
}

.busca__chip--ativo[b-nondl4x5sp],
.busca__chip--ativo:hover[b-nondl4x5sp] {
    background: var(--cor-primaria);
    border-color: var(--cor-primaria);
    color: #fff;
}

/* Filtros de refino (tipo/autor): menores, para não competirem com as seções. */
.busca__chip--leve[b-nondl4x5sp] {
    padding: 0.15rem 0.5rem;
    font-size: 0.68rem;
    border-style: dashed;
}

.busca__chip--leve.busca__chip--ativo[b-nondl4x5sp] {
    border-style: solid;
}

.busca__chip-contagem[b-nondl4x5sp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.15rem;
    height: 1.15rem;
    padding: 0 0.3rem;
    border-radius: 999px;
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
    font-size: 0.66rem;
    font-weight: 700;
}

.busca__chip--ativo .busca__chip-contagem[b-nondl4x5sp] {
    background: rgba(255, 255, 255, 0.28);
    color: #fff;
}

.busca__separador[b-nondl4x5sp] {
    flex: 0 0 auto;
    width: 1px;
    height: 1rem;
    margin: 0 0.15rem;
    background: var(--cor-borda);
}

/* ---- resultados ---- */
.busca__resultados[b-nondl4x5sp] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0 var(--espacamento-2) var(--espacamento-3);
}

.busca__estado[b-nondl4x5sp] {
    padding: var(--espacamento-5);
    color: var(--cor-texto-secundario);
    text-align: center;
    font-size: 0.875rem;
}

.busca__estado--vazio[b-nondl4x5sp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--espacamento-2);
    padding-top: var(--espacamento-6);
}

.busca__estado--vazio strong[b-nondl4x5sp] {
    color: var(--cor-texto);
    overflow-wrap: anywhere;
}

.busca__estado--vazio span[b-nondl4x5sp] {
    font-size: 0.8rem;
    color: var(--cor-texto-suave);
}

.busca__secao[b-nondl4x5sp] {
    margin-bottom: var(--espacamento-3);
}

.busca__secao-cabecalho[b-nondl4x5sp] {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-2);
    padding: var(--espacamento-2) var(--espacamento-3);
    background: var(--cor-superficie);
}

.busca__secao-cabecalho h3[b-nondl4x5sp] {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--cor-texto-secundario);
}

.busca__secao-cabecalho h3 span[b-nondl4x5sp] {
    font-weight: 600;
    color: var(--cor-texto-suave);
}

.busca__ver-todas[b-nondl4x5sp] {
    border: none;
    background: transparent;
    color: var(--cor-primaria);
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
}

.busca__ver-todas:hover[b-nondl4x5sp] {
    text-decoration: underline;
}

.busca__lista[b-nondl4x5sp] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.busca__lista li[b-nondl4x5sp] {
    min-width: 0;
}

.busca__item[b-nondl4x5sp] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    width: 100%;
    padding: var(--espacamento-2) var(--espacamento-3);
    border: none;
    border-radius: var(--raio-medio);
    background: transparent;
    color: var(--cor-texto);
    text-align: left;
    cursor: pointer;
    transition: background-color var(--transicao-rapida);
}

.busca__item:hover[b-nondl4x5sp] {
    background: var(--cor-superficie-suave);
}

.busca__item:focus-visible[b-nondl4x5sp] {
    outline: 2px solid var(--cor-primaria);
    outline-offset: -2px;
}

.busca__item--ativo[b-nondl4x5sp],
.busca__item--ativo:hover[b-nondl4x5sp] {
    background: var(--cor-primaria-suave);
    box-shadow: inset 3px 0 0 var(--cor-primaria);
}

.busca__avatar[b-nondl4x5sp] {
    flex: 0 0 auto;
    line-height: 0;
}

.busca__texto[b-nondl4x5sp] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.busca__linha[b-nondl4x5sp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-2);
    min-width: 0;
}

.busca__linha strong[b-nondl4x5sp] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.9rem;
    font-weight: 600;
}

.busca__hora[b-nondl4x5sp] {
    flex: 0 0 auto;
    font-size: 0.7rem;
    color: var(--cor-texto-suave);
}

.busca__previa[b-nondl4x5sp],
.busca__trecho[b-nondl4x5sp] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.82rem;
    color: var(--cor-texto-secundario);
}

.busca__remetente[b-nondl4x5sp] {
    flex: 0 0 auto;
    font-weight: 600;
    color: var(--cor-texto);
}

.busca__numero[b-nondl4x5sp] {
    font-variant-numeric: tabular-nums;
}

.busca__tag[b-nondl4x5sp] {
    flex: 0 0 auto;
    padding: 0.05rem 0.4rem;
    border-radius: 999px;
    background: var(--cor-superficie-elevada);
    color: var(--cor-texto-secundario);
    font-size: 0.65rem;
    font-weight: 600;
}

.busca__mais[b-nondl4x5sp] {
    display: block;
    margin: var(--espacamento-2) auto 0;
    padding: 0.4rem 1rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background: transparent;
    color: var(--cor-primaria);
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
}

.busca__mais:hover:not(:disabled)[b-nondl4x5sp] {
    background: var(--cor-primaria-suave);
}

.busca__mais:disabled[b-nondl4x5sp] {
    opacity: 0.6;
    cursor: default;
}

/* Termo destacado (TextoDestacadoBusca renderiza <mark> dentro deste componente e em filhos). */
.busca[b-nondl4x5sp]  .texto-destacado-busca {
    padding: 0 0.1em;
    border-radius: 3px;
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
    font-weight: 700;
}
/* /Components/Paginas/PainelCamposImovel.razor.rz.scp.css */
.painel[b-h535y5z2x7] {
    display: grid;
    gap: var(--espacamento-4);
    padding: var(--espacamento-5);
    border-radius: var(--raio-grande);
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.painel__cabecalho[b-h535y5z2x7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--espacamento-4);
}

.painel__cabecalho > div[b-h535y5z2x7] {
    flex: 1 1 auto;
    min-width: 0;
}

.painel__cabecalho h2[b-h535y5z2x7] {
    margin: 0;
    font-size: 1.1rem;
}

.painel__cabecalho p[b-h535y5z2x7] {
    margin: 0.25rem 0 0;
    color: var(--cor-texto-secundario);
    font-size: 0.88rem;
}

.painel__cabecalho > .botao-primario[b-h535y5z2x7] {
    flex: 0 0 auto;
    white-space: nowrap;
}

.tabela-sistema--campos-imovel .tabela-sistema__cabecalho[b-h535y5z2x7],
.tabela-sistema--campos-imovel .tabela-sistema__linha[b-h535y5z2x7] {
    grid-template-columns: 5rem minmax(0, 2.2fr) minmax(0, 1.2fr) minmax(0, 0.9fr) minmax(0, 1fr) 6rem;
    align-items: center;
}

.tabela-sistema--campos-imovel .linha-acoes[b-h535y5z2x7] {
    justify-content: flex-end;
}

.campo-linha--oculto[b-h535y5z2x7] {
    opacity: 0.6;
}

.campo-linha__ordem[b-h535y5z2x7] {
    display: inline-flex;
    gap: 0.15rem;
}

.campo-linha__chave[b-h535y5z2x7] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.85rem;
}

.campo-linha__opcoes[b-h535y5z2x7] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espacamento-5);
    margin-top: var(--espacamento-3);
}

@media (max-width: 900px) {
    .tabela-sistema--campos-imovel .tabela-sistema__cabecalho[b-h535y5z2x7],
    .tabela-sistema--campos-imovel .tabela-sistema__linha[b-h535y5z2x7] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Paginas/PainelCamposProduto.razor.rz.scp.css */
.painel[b-ag4u0tw6s0] {
    display: grid;
    gap: var(--espacamento-4);
    padding: var(--espacamento-5);
    border-radius: var(--raio-grande);
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.painel__cabecalho[b-ag4u0tw6s0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--espacamento-4);
}

.painel__cabecalho h2[b-ag4u0tw6s0] {
    margin: 0;
    font-size: 1.1rem;
}

.painel__cabecalho p[b-ag4u0tw6s0] {
    margin: 0.25rem 0 0;
    color: var(--cor-texto-secundario);
    font-size: 0.88rem;
}

.tabela-sistema--campos .tabela-sistema__cabecalho[b-ag4u0tw6s0],
.tabela-sistema--campos .tabela-sistema__linha[b-ag4u0tw6s0] {
    grid-template-columns: 5rem minmax(0, 2.4fr) minmax(0, 1fr) minmax(0, 1.1fr) minmax(0, 0.8fr) minmax(0, 0.9fr) 6rem;
    align-items: center;
}

.campo-linha--oculto[b-ag4u0tw6s0] {
    opacity: 0.6;
}

.campo-linha__ordem[b-ag4u0tw6s0] {
    display: inline-flex;
    gap: 0.15rem;
}

.campo-linha__nome[b-ag4u0tw6s0] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.campo-linha__selos[b-ag4u0tw6s0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.campo-linha__selo[b-ag4u0tw6s0] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0.05rem 0.5rem;
    border-radius: 999px;
    background: var(--cor-fundo-secundario);
    color: var(--cor-texto-secundario);
    font-size: 0.7rem;
    font-weight: 600;
}

.campo-linha__selo--personalizado[b-ag4u0tw6s0] {
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
}

.campo-linha__selo--trava[b-ag4u0tw6s0] {
    color: var(--cor-texto);
}

.campo-linha__chave[b-ag4u0tw6s0] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.85rem;
}

.campo-linha__opcoes[b-ag4u0tw6s0] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espacamento-5);
    margin-top: var(--espacamento-3);
}

.tabela-sistema--campos .linha-acoes[b-ag4u0tw6s0] {
    justify-content: flex-end;
}

@media (max-width: 900px) {
    .tabela-sistema--campos .tabela-sistema__cabecalho[b-ag4u0tw6s0],
    .tabela-sistema--campos .tabela-sistema__linha[b-ag4u0tw6s0] {
        grid-template-columns: 1fr;
    }
}

/* .campo-lista-itens é a raiz do componente ListaOrdenavel (fora do escopo desta página): ::deep a alcança a partir de .campo-formulario. */
.campo-formulario[b-ag4u0tw6s0]  .campo-lista-itens {
    display: grid;
    gap: 0.4rem;
}

.campo-lista-itens__item[b-ag4u0tw6s0] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.3rem 0.5rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
}

.campo-lista-itens__icone[b-ag4u0tw6s0] {
    display: grid;
    place-items: center;
    width: 1.8rem;
    height: 1.8rem;
    color: var(--cor-primaria);
}

.campo-lista-itens__texto[b-ag4u0tw6s0] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.campo-lista-itens__adicionar[b-ag4u0tw6s0] {
    justify-self: start;
}

.campo-lista-itens__seletor-icone[b-ag4u0tw6s0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.painel__cabecalho > div[b-ag4u0tw6s0] {
    flex: 1 1 auto;
    min-width: 0;
}

.painel__cabecalho > .botao-primario[b-ag4u0tw6s0] {
    flex: 0 0 auto;
    white-space: nowrap;
}

.painel__cabecalho > .botao-primario > span[b-ag4u0tw6s0] {
    white-space: nowrap;
}
/* /Components/Paginas/PainelClassificacoesImovel.razor.rz.scp.css */
.painel[b-rptt54c86s] {
    display: grid;
    gap: var(--espacamento-4);
    padding: var(--espacamento-5);
    border-radius: var(--raio-grande);
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.painel__cabecalho[b-rptt54c86s] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--espacamento-4);
}

.painel__cabecalho > div[b-rptt54c86s] {
    flex: 1 1 auto;
    min-width: 0;
}

.painel__cabecalho h2[b-rptt54c86s] {
    margin: 0;
    font-size: 1.1rem;
}

.painel__cabecalho p[b-rptt54c86s] {
    margin: 0.25rem 0 0;
    color: var(--cor-texto-secundario);
    font-size: 0.88rem;
}

.painel__cabecalho > .botao-primario[b-rptt54c86s] {
    flex: 0 0 auto;
    white-space: nowrap;
}

.tabela-sistema--classificacoes .tabela-sistema__cabecalho[b-rptt54c86s],
.tabela-sistema--classificacoes .tabela-sistema__linha[b-rptt54c86s] {
    grid-template-columns: 5rem minmax(0, 2.4fr) 5.5rem minmax(0, 1.4fr) minmax(0, 1fr) 6rem;
    align-items: center;
}

.classificacao-linha__prefixo code[b-rptt54c86s] {
    padding: 0.1rem 0.5rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno, 6px);
    background: var(--cor-fundo-secundario);
    font-family: var(--fonte-mono, ui-monospace, Consolas, monospace);
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.classificacao-prefixo[b-rptt54c86s] {
    max-width: 8rem;
    text-transform: uppercase;
}

.tabela-sistema--classificacoes .linha-acoes[b-rptt54c86s] {
    justify-content: flex-end;
}

.classificacao-linha--inativa[b-rptt54c86s] {
    opacity: 0.6;
}

.classificacao-linha__ordem[b-rptt54c86s] {
    display: inline-flex;
    gap: 0.15rem;
}

.classificacao-linha__nome[b-rptt54c86s] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.classificacao-linha__nome strong[b-rptt54c86s] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.classificacao-linha__selo[b-rptt54c86s] {
    padding: 0.05rem 0.5rem;
    border-radius: 999px;
    background: var(--cor-fundo-secundario);
    color: var(--cor-texto-secundario);
    font-size: 0.7rem;
    font-weight: 600;
}

.classificacao-linha__chave[b-rptt54c86s] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.85rem;
}

.classificacao-opcoes[b-rptt54c86s] {
    display: grid;
    gap: 0.3rem;
}

.classificacao-seletor-icone[b-rptt54c86s] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

@media (max-width: 900px) {
    .tabela-sistema--classificacoes .tabela-sistema__cabecalho[b-rptt54c86s],
    .tabela-sistema--classificacoes .tabela-sistema__linha[b-rptt54c86s] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Paginas/PainelConfiguracaoImoveis.razor.rz.scp.css */
.config-imoveis[b-y07mulusk3] {
    display: grid;
    gap: var(--espacamento-4);
    min-width: 0;
}

.config-imoveis__abas[b-y07mulusk3] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 2px;
    justify-self: start;
    padding: 3px;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-fundo-secundario);
}

.config-imoveis__aba[b-y07mulusk3] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.9rem;
    border: 0;
    border-radius: calc(var(--raio-medio) - 2px);
    background: transparent;
    color: var(--cor-texto-secundario);
    font: inherit;
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
}

.config-imoveis__aba.ativa[b-y07mulusk3] {
    background: var(--cor-superficie-elevada);
    color: var(--cor-primaria);
    box-shadow: var(--sombra-cartao);
}
/* /Components/Paginas/PainelConfiguracaoLeads.razor.rz.scp.css */
.painel[b-jwtjtypm4x] {
    display: grid;
    gap: var(--espacamento-4);
    padding: var(--espacamento-5);
    border-radius: var(--raio-grande);
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.painel__cabecalho[b-jwtjtypm4x] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--espacamento-4);
}

.painel__cabecalho > div[b-jwtjtypm4x] {
    flex: 1 1 auto;
    min-width: 0;
}

.painel__cabecalho h2[b-jwtjtypm4x] {
    margin: 0;
    font-size: 1.1rem;
}

.painel__cabecalho p[b-jwtjtypm4x] {
    margin: 0.25rem 0 0;
    color: var(--cor-texto-secundario);
    font-size: 0.88rem;
}

.painel__cabecalho > .botao-primario[b-jwtjtypm4x] {
    flex: 0 0 auto;
    white-space: nowrap;
}

.config-leads[b-jwtjtypm4x] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--espacamento-3);
}

.config-leads__tipo[b-jwtjtypm4x] {
    display: grid;
    justify-items: center;
    gap: var(--espacamento-3);
    padding: var(--espacamento-4);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio, 12px);
    min-width: 0;
}

.config-leads__tipo h3[b-jwtjtypm4x] {
    margin: 0;
    font-size: 0.98rem;
}

.config-leads__campo[b-jwtjtypm4x] {
    width: 100%;
}

.config-leads__icone[b-jwtjtypm4x] {
    position: relative;
    display: grid;
    place-items: center;
    width: 3.4rem;
    height: 3.4rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio, 12px);
    background: var(--cor-superficie, transparent);
    color: var(--cor-primaria, inherit);
    cursor: pointer;
}

.config-leads__icone:hover:not(:disabled)[b-jwtjtypm4x] {
    border-color: var(--cor-primaria, currentColor);
}

.config-leads__icone:disabled[b-jwtjtypm4x] {
    cursor: default;
    opacity: 0.7;
}

.config-leads__icone-editar[b-jwtjtypm4x] {
    position: absolute;
    right: -0.35rem;
    bottom: -0.35rem;
    display: grid;
    place-items: center;
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 50%;
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie-elevada);
    color: var(--cor-texto-secundario);
}

@media (max-width: 900px) {
    .painel__cabecalho[b-jwtjtypm4x] {
        flex-direction: column;
    }

    .config-leads[b-jwtjtypm4x] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Paginas/PainelConfiguracoesWhatsapp.razor.rz.scp.css */
.wpp-config[b-lpg7nxljeq] { width: 100%; }

.wpp-config__cabecalho[b-lpg7nxljeq] { display: flex; gap: .75rem; align-items: flex-start; margin-bottom: 1.25rem; }
.wpp-config__cabecalho h1[b-lpg7nxljeq] { margin: 0 0 .15rem; font-size: 1.15rem; }
.wpp-config__cabecalho p[b-lpg7nxljeq] { margin: 0; color: var(--cor-texto-secundario, #667085); font-size: .875rem; }
.wpp-config__icone[b-lpg7nxljeq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #25d36622;
    color: #128c3e;
}

.wpp-config__alerta[b-lpg7nxljeq] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .65rem .85rem;
    border-radius: 8px;
    font-size: .85rem;
    margin-bottom: 1rem;
}
.wpp-config__alerta--info[b-lpg7nxljeq] { background: #eff6ff; color: #1d4ed8; }
.wpp-config__alerta--erro[b-lpg7nxljeq] { background: #fef2f2; color: #b91c1c; }
.wpp-config__alerta--aviso[b-lpg7nxljeq] { background: #fff7ed; color: #c2410c; }

.wpp-config__barra[b-lpg7nxljeq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 1rem 0 .75rem;
}
.wpp-config__contador[b-lpg7nxljeq] { color: var(--cor-texto-secundario, #667085); font-size: .85rem; }

.wpp-config__numeros[b-lpg7nxljeq] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .6rem; }

.wpp-config__numero[b-lpg7nxljeq] {
    position: relative;
    display: flex;
    gap: .75rem;
    padding: .9rem 1rem;
    border: 1px solid var(--cor-borda, #e4e7ec);
    border-radius: 12px;
    background: var(--cor-superficie, #fff);
}

.wpp-config__numero-avatar[b-lpg7nxljeq] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    background: var(--cor-fundo-suave, #e9edf1);
    color: var(--cor-texto-fraco, #667085);
}

.wpp-config__numero-avatar img[b-lpg7nxljeq] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wpp-config__numero-corpo[b-lpg7nxljeq] { flex: 1; min-width: 0; }

.wpp-config__numero-linha[b-lpg7nxljeq] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}
.wpp-config__numero-linha strong[b-lpg7nxljeq] { font-size: .95rem; }

.wpp-config__dot[b-lpg7nxljeq] { width: 9px; height: 9px; border-radius: 50%; flex: 0 0 auto; }
.wpp-config__dot--verde[b-lpg7nxljeq] { background: #16a34a; box-shadow: 0 0 0 3px #16a34a22; }
.wpp-config__dot--amarelo[b-lpg7nxljeq] { background: #d97706; box-shadow: 0 0 0 3px #d9770622; }
.wpp-config__dot--vermelho[b-lpg7nxljeq] { background: #dc2626; box-shadow: 0 0 0 3px #dc262622; }
.wpp-config__dot--cinza[b-lpg7nxljeq] {
    background: #9ca3af;
    box-shadow: 0 0 0 3px #9ca3af22;
    animation: wpp-config-ping-b-lpg7nxljeq 1.1s ease-in-out infinite;
}

@keyframes wpp-config-ping-b-lpg7nxljeq {
    0%, 100% { opacity: 1; }
    50% { opacity: .35; }
}

.wpp-config__numero-status[b-lpg7nxljeq] { font-size: .72rem; font-weight: 600; text-transform: uppercase; letter-spacing: .03em; }
.wpp-config__numero-status--verde[b-lpg7nxljeq] { color: #16a34a; }
.wpp-config__numero-status--amarelo[b-lpg7nxljeq] { color: #d97706; }
.wpp-config__numero-status--vermelho[b-lpg7nxljeq] { color: #dc2626; }
.wpp-config__numero-status--cinza[b-lpg7nxljeq] { color: #9ca3af; }

.wpp-config__numero-fone[b-lpg7nxljeq] { color: var(--cor-texto-secundario, #667085); font-size: .82rem; }
.wpp-config__numero-desc[b-lpg7nxljeq] { margin: .35rem 0 0; font-size: .82rem; color: var(--cor-texto-secundario, #667085); white-space: pre-wrap; }
.wpp-config__numero-desde[b-lpg7nxljeq] { margin: .3rem 0 0; font-size: .75rem; color: var(--cor-texto-secundario, #667085); }
.wpp-config__numero-erro[b-lpg7nxljeq] { margin: .3rem 0 0; font-size: .78rem; color: #b91c1c; }

.wpp-config__stats[b-lpg7nxljeq] { display: flex; gap: 1.4rem; margin: .7rem 0 0; }
.wpp-config__stats > div[b-lpg7nxljeq] { display: flex; flex-direction: column; }
.wpp-config__stats dt[b-lpg7nxljeq] { font-size: 1.05rem; font-weight: 700; line-height: 1.1; }
.wpp-config__stats dd[b-lpg7nxljeq] { margin: 0; font-size: .68rem; text-transform: uppercase; letter-spacing: .03em; color: var(--cor-texto-secundario, #667085); }

.wpp-config__numero-acoes[b-lpg7nxljeq] {
    display: flex;
    gap: .25rem;
    align-items: flex-start;
    opacity: 0;
    transition: opacity .12s;
}
.wpp-config__numero:hover .wpp-config__numero-acoes[b-lpg7nxljeq],
.wpp-config__numero:focus-within .wpp-config__numero-acoes[b-lpg7nxljeq],
.wpp-config__numero-acoes:has(.botao-icone--girando)[b-lpg7nxljeq] { opacity: 1; }

/* Botão de sincronizar histórico enquanto roda em 2º plano. */
.botao-icone--girando[b-lpg7nxljeq]  svg { animation: wpp-config-girar-b-lpg7nxljeq 1.1s linear infinite; }

@keyframes wpp-config-girar-b-lpg7nxljeq {
    to { transform: rotate(360deg); }
}

.wpp-config__edicao-acoes[b-lpg7nxljeq] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--cor-borda, #e4e7ec);
}

/* --------- Modal "Editar número": duas colunas (principal | abas), como o modal da agenda */
.wpp-edit-modal[b-lpg7nxljeq] {
    display: grid;
    gap: .85rem;
    padding: .1rem;
}

.wpp-edit-modal__colunas[b-lpg7nxljeq] {
    display: grid;
    grid-template-columns: minmax(0, .38fr) minmax(0, 1fr);
    align-items: start;
    gap: 1.25rem;
}

.wpp-edit-modal__principal[b-lpg7nxljeq] {
    display: grid;
    gap: .8rem;
    align-content: start;
}

.wpp-edit-modal__principal .campo-formulario > label[b-lpg7nxljeq] {
    font-size: .82rem;
}

.wpp-edit-modal__lateral[b-lpg7nxljeq] {
    padding-left: 1.25rem;
    border-left: 1px solid var(--cor-borda, #e4e7ec);
    min-width: 0;
}

.wpp-edit-modal__aba[b-lpg7nxljeq] {
    display: grid;
    gap: .7rem;
    align-content: start;
}

.wpp-edit-modal__aba-vazio[b-lpg7nxljeq] {
    margin: .15rem 0;
    color: var(--cor-texto-secundario, #667085);
    font-size: .82rem;
}

.wpp-edit-modal__meta[b-lpg7nxljeq] {
    display: flex;
    align-items: center;
    gap: .35rem;
    margin: 0;
    font-size: .8rem;
    color: var(--cor-texto-secundario, #667085);
}

/* Dentro de uma aba não há nada acima do bloco de ações — tira a borda/afastamento do topo. */
.wpp-edit-modal__aba .wpp-config__edicao-acoes[b-lpg7nxljeq] {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

@media (max-width: 720px) {
    .wpp-edit-modal__colunas[b-lpg7nxljeq] {
        grid-template-columns: 1fr;
    }

    .wpp-edit-modal__lateral[b-lpg7nxljeq] {
        padding-left: 0;
        padding-top: .85rem;
        margin-top: .85rem;
        border-left: 0;
        border-top: 1px solid var(--cor-borda, #e4e7ec);
    }
}


.wpp-config__cartao[b-lpg7nxljeq] {
    padding: 1.1rem;
    border: 1px solid var(--cor-borda, #e4e7ec);
    border-radius: var(--raio-medio, 8px);
    background: var(--cor-superficie, #fff);
}

.wpp-config__status[b-lpg7nxljeq] { display: flex; align-items: center; gap: .5rem; }
.wpp-config__status-rotulo[b-lpg7nxljeq] { color: var(--cor-texto-secundario, #667085); font-size: .8rem; }
.wpp-config__status-valor[b-lpg7nxljeq] { font-weight: 700; font-size: .9rem; }
.wpp-config__status-valor--conectada[b-lpg7nxljeq] { color: #128c3e; }
.wpp-config__status-valor--falha[b-lpg7nxljeq] { color: #b91c1c; }
.wpp-config__status-valor--aguardandoqr[b-lpg7nxljeq] { color: #b45309; }

.wpp-config__qr[b-lpg7nxljeq] { margin: 1rem 0; text-align: center; }
.wpp-config__qr img[b-lpg7nxljeq] { border: 1px solid var(--cor-borda, #e4e7ec); border-radius: 8px; }
.wpp-config__qr-vazio[b-lpg7nxljeq] {
    width: 264px;
    height: 264px;
    margin: 0 auto;
    display: grid;
    place-items: center;
    border: 1px dashed var(--cor-borda, #e4e7ec);
    border-radius: 8px;
    color: var(--cor-texto-secundario, #667085);
}
.wpp-config__qr p[b-lpg7nxljeq] { margin: .6rem auto 0; max-width: 340px; font-size: .8rem; color: var(--cor-texto-secundario, #667085); }

.wpp-config__acoes[b-lpg7nxljeq] { display: flex; align-items: center; gap: .5rem; margin-top: 1rem; }
.wpp-config__confirmar[b-lpg7nxljeq] { font-size: .8rem; color: var(--cor-texto-secundario, #667085); }
.wpp-config__carregando[b-lpg7nxljeq],
.wpp-config__estado[b-lpg7nxljeq] { color: var(--cor-texto-secundario, #667085); }

/* Nota do cooldown de 24 h dentro do modal de sincronização de histórico. */
.wpp-config__cooldown-nota[b-lpg7nxljeq] {
    margin: .75rem 0 0;
    font-size: .8rem;
    color: var(--cor-texto-secundario, #667085);
}

/* Opção por número no modal de edição (ex.: criar cliente automaticamente de contato novo). */
.wpp-config__opcao[b-lpg7nxljeq] {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    cursor: pointer;
    margin-top: .35rem;
}

.wpp-config__opcao input[b-lpg7nxljeq] {
    margin-top: .2rem;
    flex: 0 0 auto;
}

.wpp-config__opcao span[b-lpg7nxljeq] {
    display: grid;
    gap: .15rem;
}

.wpp-config__opcao small[b-lpg7nxljeq] {
    color: var(--cor-texto-secundario, #667085);
}

/* Badge "Privado" no card do número. */
.wpp-config__numero-privado[b-lpg7nxljeq] {
    display: inline-flex;
    align-items: center;
    gap: .2rem;
    font-size: .68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: var(--cor-texto-secundario, #667085);
    border: 1px solid var(--cor-borda, #d0d5dd);
    border-radius: 999px;
    padding: .05rem .4rem;
}

/* Bloco "quem pode acessar" no modal de edição do número privado. */
.wpp-config__acessos[b-lpg7nxljeq] {
    margin-top: .5rem;
    padding: .6rem;
    border: 1px solid var(--cor-borda, #d0d5dd);
    border-radius: 10px;
    display: grid;
    gap: .5rem;
}

.wpp-config__acessos-titulo[b-lpg7nxljeq] {
    font-size: .8rem;
    font-weight: 600;
}

.wpp-config__acesso-add[b-lpg7nxljeq] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    align-items: center;
}

.wpp-config__acesso-add > select[b-lpg7nxljeq] {
    flex: 1 1 8rem;
    min-width: 6rem;
}

.wpp-config__acessos-vazio[b-lpg7nxljeq] {
    font-size: .78rem;
    color: var(--cor-texto-secundario, #667085);
    margin: 0;
}

.wpp-config__acessos-lista[b-lpg7nxljeq] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: .3rem;
}

.wpp-config__acesso-item[b-lpg7nxljeq] {
    display: flex;
    align-items: center;
    gap: .4rem;
}

.wpp-config__acesso-nome[b-lpg7nxljeq] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .85rem;
}

.campo-formulario__entrada--compacto[b-lpg7nxljeq] {
    width: auto;
    flex: 0 0 auto;
    padding: .2rem .4rem;
    font-size: .8rem;
}

/* Resumo das IAs de um número, embaixo do card. */
.wpp-config__automacao-resumo[b-lpg7nxljeq] { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem; }
.wpp-config__automacao-chip[b-lpg7nxljeq] {
    display: inline-flex;
    align-items: center;
    padding: .1rem .45rem;
    border-radius: 999px;
    background: #25d36622;
    color: #0f7a37;
    font-size: .72rem;
    font-weight: 600;
}
.wpp-config__automacao-chip--inativo[b-lpg7nxljeq] { background: var(--cor-borda, #e4e7ec); color: var(--cor-texto-secundario, #667085); }

/* Lista master-detail de IAs dentro do modal de automação de um número. */
.wpp-config__vinculos[b-lpg7nxljeq] { display: flex; flex-direction: column; gap: .6rem; min-width: 0; }
.wpp-config__vinculos-topo[b-lpg7nxljeq] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem; }
.wpp-config__vinculos-topo h3[b-lpg7nxljeq] { margin: 0; font-size: .95rem; }
.wpp-config__vinculos-vazio[b-lpg7nxljeq] { margin: 0; font-size: .82rem; color: var(--cor-texto-secundario, #667085); }
.wpp-config__vinculos-lista[b-lpg7nxljeq] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .4rem; }
.wpp-config__vinculo[b-lpg7nxljeq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .5rem .7rem;
    border: 1px solid var(--cor-borda, #e4e7ec);
    border-radius: 10px;
}
.wpp-config__vinculo--inativo[b-lpg7nxljeq] { opacity: .6; }
.wpp-config__vinculo-info[b-lpg7nxljeq] { display: flex; flex-direction: column; gap: .1rem; min-width: 0; }
.wpp-config__vinculo-info strong[b-lpg7nxljeq] { font-size: .88rem; }
.wpp-config__vinculo-info span[b-lpg7nxljeq] { font-size: .75rem; color: var(--cor-texto-secundario, #667085); }
.wpp-config__vinculo-acoes[b-lpg7nxljeq] { display: flex; gap: .2rem; flex: 0 0 auto; }
.wpp-config__vinculo-form[b-lpg7nxljeq] {
    margin-top: .4rem;
    padding: .8rem;
    border: 1px dashed var(--cor-borda, #e4e7ec);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.wpp-config__vinculo-form-acoes[b-lpg7nxljeq] { display: flex; justify-content: flex-end; gap: .5rem; margin-top: .3rem; }
.wpp-config__radio--desabilitado[b-lpg7nxljeq] { opacity: .5; }

/* Aba "Opções" do número: sincronizar nomes dos contatos com o celular. */
.wpp-config__sync-contatos[b-lpg7nxljeq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
    margin-top: 1rem;
    padding-top: .9rem;
    border-top: 1px solid var(--cor-borda, #d0d5dd);
}

.wpp-config__avisos[b-lpg7nxljeq] {
    display: grid;
    gap: .6rem;
    margin-top: 1rem;
    padding-top: .9rem;
    border-top: 1px solid var(--cor-borda, #d0d5dd);
}

.wpp-config__avisos > span[b-lpg7nxljeq] {
    display: grid;
    gap: .15rem;
}

.wpp-config__avisos small[b-lpg7nxljeq] {
    color: var(--cor-texto-secundario, #667085);
}

.wpp-config__sync-contatos > span[b-lpg7nxljeq] {
    display: grid;
    gap: .15rem;
    flex: 1 1 14rem;
}

.wpp-config__sync-contatos small[b-lpg7nxljeq] {
    color: var(--cor-texto-secundario, #667085);
}

/* Modal de confirmação dos contatos do celular que viram clientes. */
.wpp-importar__resumo[b-lpg7nxljeq] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: .75rem;
}

.wpp-importar__chip[b-lpg7nxljeq] {
    display: inline-flex;
    align-items: baseline;
    gap: .35rem;
    padding: .3rem .7rem;
    border: 1px solid var(--cor-borda, #d0d5dd);
    border-radius: 999px;
    font-size: .8rem;
    color: var(--cor-texto-secundario, #667085);
}

.wpp-importar__chip strong[b-lpg7nxljeq] {
    font-size: .95rem;
    color: var(--cor-texto, inherit);
}

.wpp-importar__chip--novo strong[b-lpg7nxljeq],
.wpp-importar__chip--selecionado strong[b-lpg7nxljeq] {
    color: var(--cor-primaria);
}

.wpp-importar__filtros[b-lpg7nxljeq] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem 1rem;
    margin-bottom: .6rem;
}

.wpp-importar__filtros .campo-formulario__entrada[b-lpg7nxljeq] {
    flex: 1 1 14rem;
    min-width: 0;
}

.wpp-importar__opcao[b-lpg7nxljeq] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .85rem;
    cursor: pointer;
}

.wpp-importar__lista[b-lpg7nxljeq] {
    height: min(52vh, 24rem);
    overflow-y: auto;
    border: 1px solid var(--cor-borda, #d0d5dd);
    border-radius: var(--raio-pequeno, 8px);
}

.wpp-importar__item[b-lpg7nxljeq] {
    display: flex;
    align-items: center;
    gap: .75rem;
    height: 54px;
    padding: 0 .85rem;
    border-bottom: 1px solid var(--cor-borda, #eaecf0);
    box-sizing: border-box;
}

.wpp-importar__item--bloqueado[b-lpg7nxljeq] {
    opacity: .5;
    pointer-events: none;
    user-select: none;
}

.wpp-importar__nome[b-lpg7nxljeq] {
    display: grid;
    min-width: 0;
    flex: 1;
}

.wpp-importar__nome strong[b-lpg7nxljeq],
.wpp-importar__nome small[b-lpg7nxljeq] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wpp-importar__nome small[b-lpg7nxljeq] {
    color: var(--cor-texto-secundario, #667085);
}

.wpp-importar__selo[b-lpg7nxljeq] {
    flex: 0 0 auto;
    padding: .15rem .55rem;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 600;
    background: color-mix(in srgb, var(--cor-primaria) 14%, transparent);
    color: var(--cor-primaria);
}

.wpp-importar__selo--existente[b-lpg7nxljeq] {
    background: var(--cor-borda, #eaecf0);
    color: var(--cor-texto-secundario, #667085);
}

.wpp-importar__vazio[b-lpg7nxljeq] {
    margin: 1.5rem 0;
    text-align: center;
    color: var(--cor-texto-secundario, #667085);
}

.wpp-importar__espaco[b-lpg7nxljeq] {
    flex: 1;
}
/* /Components/Paginas/PainelDetalhesImovel.razor.rz.scp.css */
.painel[b-7y2ox0och8] {
    display: grid;
    gap: var(--espacamento-4);
    padding: var(--espacamento-5);
    border-radius: var(--raio-grande);
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.painel__cabecalho[b-7y2ox0och8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--espacamento-4);
}

.painel__cabecalho > div[b-7y2ox0och8] {
    flex: 1 1 auto;
    min-width: 0;
}

.painel__cabecalho h2[b-7y2ox0och8] {
    margin: 0;
    font-size: 1.1rem;
}

.painel__cabecalho p[b-7y2ox0och8] {
    margin: 0.25rem 0 0;
    color: var(--cor-texto-secundario);
    font-size: 0.88rem;
}

.painel__cabecalho > .botao-primario[b-7y2ox0och8] {
    flex: 0 0 auto;
    white-space: nowrap;
}

.detalhes-grupos[b-7y2ox0och8] {
    display: grid;
    gap: var(--espacamento-4);
}

.detalhes-grupo[b-7y2ox0och8] {
    display: grid;
    gap: var(--espacamento-3);
    padding: var(--espacamento-3) var(--espacamento-4);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-fundo-secundario);
}

.detalhes-grupo__cabecalho[b-7y2ox0och8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espacamento-3);
}

.detalhes-grupo__cabecalho small[b-7y2ox0och8] {
    color: var(--cor-texto-secundario);
}

.detalhes-grupo__acoes[b-7y2ox0och8] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem;
    margin-left: auto;
}

.detalhes-grupo__vazio[b-7y2ox0och8] {
    margin: 0;
    color: var(--cor-texto-secundario);
    font-size: 0.85rem;
}

.detalhes-grupo__itens[b-7y2ox0och8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    min-height: 2.2rem;
}

.detalhes-item[b-7y2ox0och8] {
    display: inline-flex;
    align-items: center;
    gap: 0.1rem;
    padding: 0.15rem 0.3rem 0.15rem 0.2rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background: var(--cor-superficie);
    font-size: 0.82rem;
}

.detalhes-item__nome[b-7y2ox0och8] {
    max-width: 14rem;
    margin-right: 0.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.detalhes-item__botao[b-7y2ox0och8] {
    display: inline-grid;
    place-items: center;
    width: 1.35rem;
    height: 1.35rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--cor-texto-secundario);
    cursor: pointer;
}

.detalhes-item__botao:hover:not(:disabled)[b-7y2ox0och8] {
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
}

.detalhes-item__botao--perigo:hover:not(:disabled)[b-7y2ox0och8] {
    background: color-mix(in srgb, #d64545 16%, transparent);
    color: #d64545;
}

.detalhes-item__botao:disabled[b-7y2ox0och8] {
    opacity: 0.35;
    cursor: default;
}

/* ---------- Arrastar e soltar (grab point à esquerda) ---------- */
.detalhes-grupo__arrasto[b-7y2ox0och8],
.detalhes-item__arrasto[b-7y2ox0och8] {
    display: inline-grid;
    place-items: center;
    color: var(--cor-texto-secundario);
    cursor: grab;
    touch-action: none;
    user-select: none;
}

.detalhes-grupo__arrasto[b-7y2ox0och8] {
    padding: 0.15rem 0.1rem;
    border-radius: var(--raio-medio);
}

.detalhes-item__arrasto[b-7y2ox0och8] {
    width: 1.1rem;
    height: 1.35rem;
}

.detalhes-grupo__arrasto:hover[b-7y2ox0och8],
.detalhes-item__arrasto:hover[b-7y2ox0och8] {
    color: var(--cor-primaria);
}

.detalhes-grupo__arrasto:active[b-7y2ox0och8],
.detalhes-item__arrasto:active[b-7y2ox0och8] {
    cursor: grabbing;
}

.detalhes-grupo.sortable-ghost[b-7y2ox0och8],
.detalhes-item.sortable-ghost[b-7y2ox0och8] {
    opacity: 0.4;
}

.detalhes-grupo.sortable-chosen[b-7y2ox0och8] {
    border-color: var(--cor-primaria);
}

.detalhes-item.sortable-chosen[b-7y2ox0och8] {
    border-color: var(--cor-primaria);
    box-shadow: var(--sombra-cartao);
}

/* ---------- Modais: nome e grupo na mesma linha; Excluir à esquerda ---------- */
.detalhes-modal__linha[b-7y2ox0och8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--espacamento-3);
    align-items: start;
}

.detalhes-modal__excluir[b-7y2ox0och8] {
    margin-right: auto;
}

@media (max-width: 600px) {
    .detalhes-modal__linha[b-7y2ox0och8] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Paginas/PainelDominioTenant.razor.rz.scp.css */
.painel-dominio__novo[b-x649o1ncvg] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: .75rem;
    margin-bottom: 1.25rem;
}

.painel-dominio__novo .campo-formulario[b-x649o1ncvg] {
    flex: 1 1 12rem;
    min-width: 10rem;
}

.painel-dominio__novo .campo-formulario--tipo[b-x649o1ncvg],
.painel-dominio__novo .campo-formulario--site[b-x649o1ncvg] {
    flex: 0 1 12rem;
}

.painel-dominio__indisponivel[b-x649o1ncvg],
.painel-dominio__vazio[b-x649o1ncvg],
.painel-dominio__carregando[b-x649o1ncvg] {
    color: var(--cor-texto-secundario);
    margin: .5rem 0 0;
}

.painel-dominio__lista[b-x649o1ncvg] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

.painel-dominio__item[b-x649o1ncvg] {
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-grande);
    padding: .75rem .9rem;
    background: var(--cor-superficie);
    color: var(--cor-texto);
}

.painel-dominio__linha[b-x649o1ncvg] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.painel-dominio__identidade[b-x649o1ncvg] {
    display: flex;
    flex-direction: column;
    min-width: 12rem;
    flex: 1 1 auto;
}

.painel-dominio__host[b-x649o1ncvg] {
    font-weight: 600;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    color: var(--cor-texto);
}

.painel-dominio__meta[b-x649o1ncvg] {
    font-size: .8rem;
    color: var(--cor-texto-secundario);
}

.painel-dominio__selo[b-x649o1ncvg] {
    font-size: .75rem;
    font-weight: 600;
    padding: .15rem .6rem;
    border-radius: 999px;
    white-space: nowrap;
    border: 1px solid var(--cor-borda);
    color: var(--cor-texto-secundario);
    background: var(--cor-superficie-suave);
}

.painel-dominio__selo--ativo[b-x649o1ncvg] {
    color: var(--cor-sucesso);
    border-color: color-mix(in srgb, var(--cor-sucesso) 35%, transparent);
    background: color-mix(in srgb, var(--cor-sucesso) 12%, transparent);
}

.painel-dominio__selo--verificado[b-x649o1ncvg] {
    color: var(--cor-alerta);
    border-color: color-mix(in srgb, var(--cor-alerta) 35%, transparent);
    background: color-mix(in srgb, var(--cor-alerta) 12%, transparent);
}

.painel-dominio__selo--pendente[b-x649o1ncvg] {
    color: var(--cor-texto-suave);
    border-color: var(--cor-borda);
    background: var(--cor-superficie-suave);
}

.painel-dominio__selo--desativado[b-x649o1ncvg] {
    color: var(--cor-erro);
    border-color: color-mix(in srgb, var(--cor-erro) 35%, transparent);
    background: color-mix(in srgb, var(--cor-erro) 12%, transparent);
}

.painel-dominio__acoes[b-x649o1ncvg] {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin-left: auto;
    flex-wrap: wrap;
}

.painel-dominio__toggle[b-x649o1ncvg] {
    background: none;
    border: none;
    color: var(--cor-primaria);
    cursor: pointer;
    font-size: .82rem;
    padding: .2rem .3rem;
}

.painel-dominio__toggle:hover[b-x649o1ncvg] {
    color: var(--cor-primaria-hover);
    text-decoration: underline;
}

.painel-dominio__teste-erro[b-x649o1ncvg] {
    margin: .5rem 0 0;
    font-size: .82rem;
    color: var(--cor-erro);
}

.painel-dominio__teste-detalhe[b-x649o1ncvg] {
    color: var(--cor-texto-secundario);
}

.painel-dominio__instrucoes[b-x649o1ncvg] {
    margin-top: .75rem;
    padding-top: .75rem;
    border-top: 1px dashed var(--cor-borda);
    font-size: .86rem;
    color: var(--cor-texto);
}

.painel-dominio__instrucoes h4[b-x649o1ncvg] {
    margin: .75rem 0 .35rem;
    font-size: .84rem;
    color: var(--cor-texto);
}

.painel-dominio__instrucoes p[b-x649o1ncvg] {
    color: var(--cor-texto-secundario);
    margin: .3rem 0 0;
}

.painel-dominio__dns[b-x649o1ncvg] {
    border-collapse: collapse;
    width: 100%;
    max-width: 40rem;
    margin-top: .2rem;
}

.painel-dominio__dns th[b-x649o1ncvg],
.painel-dominio__dns td[b-x649o1ncvg] {
    text-align: left;
    padding: .35rem .55rem;
    border: 1px solid var(--cor-borda);
    vertical-align: top;
    color: var(--cor-texto);
}

.painel-dominio__dns th[b-x649o1ncvg] {
    width: 8rem;
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
    font-weight: 600;
}

.painel-dominio__dns code[b-x649o1ncvg] {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: .82rem;
    word-break: break-all;
    background: var(--cor-superficie-suave);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    padding: .05rem .3rem;
    color: var(--cor-texto);
}

.painel-dominio__copiar[b-x649o1ncvg] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--cor-primaria);
    margin-left: .35rem;
    font-size: .9rem;
}

.painel-dominio__copiar:hover[b-x649o1ncvg] {
    color: var(--cor-primaria-hover);
}
/* /Components/Paginas/PainelFerramentasIa.razor.rz.scp.css */
.ia-ferr[b-ubar4m0m2u] {
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
}

.ia-ferr__cartao[b-ubar4m0m2u] {
    display: grid;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid var(--cor-borda, #e3e6ec);
    border-radius: var(--raio-borda, 12px);
    background: var(--cor-superficie, #fff);
}

.ia-ferr__topo[b-ubar4m0m2u] {
    display: flex;
    gap: .85rem;
    align-items: flex-start;
}

.ia-ferr__topo h2[b-ubar4m0m2u] {
    margin: 0;
    font-size: 1.05rem;
}

.ia-ferr__topo p[b-ubar4m0m2u] {
    margin: .2rem 0 0;
    color: var(--cor-texto-secundario, #667);
    font-size: .9rem;
}

.ia-ferr__icone[b-ubar4m0m2u] {
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    flex: none;
    border-radius: 10px;
    background: var(--cor-superficie-suave, #f2f4f7);
}

.ia-ferr__texto[b-ubar4m0m2u] {
    font-family: inherit;
    line-height: 1.5;
    resize: vertical;
}

.ia-ferr__rodape[b-ubar4m0m2u] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    color: var(--cor-texto-secundario, #667);
}

.ia-ferr__acoes[b-ubar4m0m2u] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
}

.ia-ferr__aviso[b-ubar4m0m2u] {
    margin: 0;
    color: var(--cor-texto-secundario, #667);
}
/* /Components/Paginas/PainelMarcaDaguaImoveis.razor.rz.scp.css */
.painel[b-1iczlnjnho] {
    display: grid;
    gap: var(--espacamento-4);
    padding: var(--espacamento-5);
    border-radius: var(--raio-grande);
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.painel__cabecalho[b-1iczlnjnho] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--espacamento-4);
}

.painel__cabecalho > div[b-1iczlnjnho] {
    flex: 1 1 auto;
    min-width: 0;
}

.painel__cabecalho h2[b-1iczlnjnho] {
    margin: 0;
    font-size: 1.1rem;
}

.painel__cabecalho p[b-1iczlnjnho] {
    margin: 0.25rem 0 0;
    color: var(--cor-texto-secundario);
    font-size: 0.88rem;
}

.painel__cabecalho > .botao-primario[b-1iczlnjnho] {
    flex: 0 0 auto;
    white-space: nowrap;
}

.marca[b-1iczlnjnho] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    gap: var(--espacamento-5);
    align-items: start;
}

.marca__controles[b-1iczlnjnho] {
    display: grid;
    gap: var(--espacamento-4);
    min-width: 0;
}

.marca__interruptor[b-1iczlnjnho] {
    display: flex;
    align-items: flex-start;
    gap: var(--espacamento-3);
    padding: var(--espacamento-3) var(--espacamento-4);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-fundo-secundario);
    cursor: pointer;
}

.marca__interruptor input[b-1iczlnjnho] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.marca__interruptor > span:last-child[b-1iczlnjnho] {
    display: grid;
    gap: 0.15rem;
}

.marca__interruptor small[b-1iczlnjnho] {
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
}

.marca__trilho[b-1iczlnjnho] {
    position: relative;
    flex: 0 0 auto;
    width: 2.4rem;
    height: 1.35rem;
    margin-top: 0.1rem;
    border-radius: 999px;
    background: var(--cor-borda-forte);
    transition: background 0.15s ease;
}

.marca__trilho[b-1iczlnjnho]::after {
    content: "";
    position: absolute;
    top: 0.15rem;
    left: 0.15rem;
    width: 1.05rem;
    height: 1.05rem;
    border-radius: 50%;
    background: #fff;
    transition: transform 0.15s ease;
}

.marca__interruptor input:checked + .marca__trilho[b-1iczlnjnho] {
    background: var(--cor-primaria);
}

.marca__interruptor input:checked + .marca__trilho[b-1iczlnjnho]::after {
    transform: translateX(1.05rem);
}

.marca__interruptor input:disabled + .marca__trilho[b-1iczlnjnho] {
    opacity: 0.5;
}

.marca__arquivo[b-1iczlnjnho] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
}

.marca__miniatura[b-1iczlnjnho] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 4.5rem;
    height: 4.5rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background:
        conic-gradient(#8884 25%, transparent 0 50%, #8884 0 75%, transparent 0) 0 0 / 12px 12px,
        var(--cor-superficie);
    overflow: hidden;
}

.marca__miniatura img[b-1iczlnjnho] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.marca__miniatura--vazia[b-1iczlnjnho] {
    color: var(--cor-texto-secundario);
    background: var(--cor-fundo-secundario);
}

.marca__arquivo-acoes[b-1iczlnjnho] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espacamento-2);
}

.marca__desabilitado[b-1iczlnjnho] {
    opacity: 0.5;
    pointer-events: none;
}

.marca__valor[b-1iczlnjnho] {
    margin-left: 0.3rem;
    color: var(--cor-primaria);
    font-variant-numeric: tabular-nums;
}

.marca__faixa[b-1iczlnjnho] {
    width: 100%;
    accent-color: var(--cor-primaria);
}

.marca__previa[b-1iczlnjnho] {
    display: grid;
    gap: var(--espacamento-2);
    min-width: 0;
}

.marca__previa-titulo[b-1iczlnjnho] {
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.marca__foto[b-1iczlnjnho] {
    position: relative;
    aspect-ratio: 4 / 3;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: linear-gradient(to bottom, #8ec5f0 0%, #cfe8f7 58%, #7fae6a 58%, #5f9150 100%);
    overflow: hidden;
}

.marca__sol[b-1iczlnjnho] {
    position: absolute;
    top: 12%;
    right: 14%;
    width: 11%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #ffe27a;
}

.marca__casa[b-1iczlnjnho] {
    position: absolute;
    left: 22%;
    bottom: 22%;
    width: 56%;
    height: 34%;
    background: #e9dcc8;
    clip-path: polygon(0 32%, 50% 0, 100% 32%, 100% 100%, 0 100%);
}

.marca__selo[b-1iczlnjnho] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    object-fit: contain;
}

@media (max-width: 900px) {
    .marca[b-1iczlnjnho] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Paginas/PainelPortaisImoveis.razor.rz.scp.css */
.painel[b-e7x94ex4mu] {
    display: grid;
    gap: var(--espacamento-4);
    padding: var(--espacamento-5);
    border-radius: var(--raio-grande);
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.painel__cabecalho h2[b-e7x94ex4mu] {
    margin: 0;
    font-size: 1.1rem;
}

.painel__cabecalho p[b-e7x94ex4mu] {
    margin: 0.25rem 0 0;
    color: var(--cor-texto-secundario);
    font-size: 0.88rem;
}

.portais__subtitulo[b-e7x94ex4mu] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    padding-bottom: var(--espacamento-2);
    border-bottom: 1px solid var(--cor-borda);
    font-size: 0.98rem;
}

.portais__ajuda[b-e7x94ex4mu] {
    margin: 0;
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
}

.portais__ajuda--ok[b-e7x94ex4mu] {
    color: var(--cor-sucesso, #2eaa6b);
    font-weight: 600;
}

.portais__passos[b-e7x94ex4mu] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin: 0;
    padding: 0.6rem 0.8rem;
    border: 1px solid color-mix(in srgb, var(--cor-primaria) 30%, transparent);
    border-radius: var(--raio-medio);
    background: color-mix(in srgb, var(--cor-primaria) 8%, transparent);
    font-size: 0.85rem;
}

.portais-contato[b-e7x94ex4mu],
.portais-grupo[b-e7x94ex4mu] {
    display: grid;
    gap: var(--espacamento-3);
}

.portais-contato__grade[b-e7x94ex4mu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--espacamento-3);
}

.portais-contato__acoes[b-e7x94ex4mu] {
    display: flex;
    justify-content: flex-end;
}

.portal-item[b-e7x94ex4mu] {
    display: grid;
    gap: var(--espacamento-3);
    padding: var(--espacamento-3) var(--espacamento-4);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-fundo-secundario);
}

.portal-item--ativo[b-e7x94ex4mu] {
    border-color: color-mix(in srgb, var(--cor-sucesso, #2eaa6b) 55%, var(--cor-borda));
}

.portal-item__cabecalho[b-e7x94ex4mu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-3);
    flex-wrap: wrap;
}

.portal-item__interruptor[b-e7x94ex4mu] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    cursor: pointer;
}

.portal-item__interruptor input[b-e7x94ex4mu] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.portal-item__trilho[b-e7x94ex4mu] {
    position: relative;
    flex: 0 0 auto;
    width: 2.4rem;
    height: 1.35rem;
    border-radius: 999px;
    background: var(--cor-borda-forte, var(--cor-borda));
    transition: background 0.15s;
}

.portal-item__trilho[b-e7x94ex4mu]::after {
    content: "";
    position: absolute;
    top: 0.17rem;
    left: 0.17rem;
    width: 1.01rem;
    height: 1.01rem;
    border-radius: 50%;
    background: var(--cor-superficie, #fff);
    transition: transform 0.15s;
}

.portal-item__interruptor input:checked + .portal-item__trilho[b-e7x94ex4mu] {
    background: var(--cor-sucesso, #2eaa6b);
}

.portal-item__interruptor input:checked + .portal-item__trilho[b-e7x94ex4mu]::after {
    transform: translateX(1.05rem);
}

.portal-item__interruptor input:focus-visible + .portal-item__trilho[b-e7x94ex4mu] {
    outline: 2px solid var(--cor-primaria);
    outline-offset: 2px;
}

.portal-item__interruptor input:disabled + .portal-item__trilho[b-e7x94ex4mu] {
    opacity: 0.55;
}

.portal-item__selo[b-e7x94ex4mu] {
    padding: 0.15rem 0.55rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
}

.portal-item__selo--ok[b-e7x94ex4mu] {
    border-color: color-mix(in srgb, var(--cor-sucesso, #2eaa6b) 55%, transparent);
    color: var(--cor-sucesso, #2eaa6b);
    font-weight: 600;
}

.portal-item__link[b-e7x94ex4mu] {
    display: flex;
    gap: var(--espacamento-2);
}

.portal-item__link input[b-e7x94ex4mu] {
    flex: 1 1 auto;
    min-width: 0;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.8rem;
}

.portal-item__destaque select[b-e7x94ex4mu] {
    max-width: 22rem;
}

.portal-item__acoes[b-e7x94ex4mu] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    flex-wrap: wrap;
}

.portal-item__confirmacao[b-e7x94ex4mu] {
    display: inline-flex;
    align-items: center;
    gap: var(--espacamento-2);
    font-size: 0.82rem;
    color: var(--cor-perigo);
}

.portal-item__analise[b-e7x94ex4mu] {
    display: grid;
    gap: var(--espacamento-2);
    padding: var(--espacamento-3);
    border: 1px dashed var(--cor-borda);
    border-radius: var(--raio-medio);
}

.portal-item__problemas[b-e7x94ex4mu] {
    display: grid;
    gap: 0.35rem;
    max-height: 18rem;
    margin: 0;
    padding: 0;
    overflow: auto;
    list-style: none;
    font-size: 0.82rem;
}

.portal-item__problemas li[b-e7x94ex4mu] {
    display: grid;
    grid-template-columns: 6rem minmax(0, 1fr);
    gap: 0.15rem var(--espacamento-3);
    padding-bottom: 0.35rem;
    border-bottom: 1px solid var(--cor-borda);
}

.portal-item__referencia[b-e7x94ex4mu] {
    font-weight: 700;
}

.portal-item__titulo[b-e7x94ex4mu] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--cor-texto-secundario);
}

.portal-item__pendencias[b-e7x94ex4mu] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.portal-pendencia[b-e7x94ex4mu] {
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    font-size: 0.74rem;
}

.portal-pendencia--erro[b-e7x94ex4mu] {
    background: color-mix(in srgb, var(--cor-perigo) 14%, transparent);
    color: var(--cor-perigo);
}

.portal-pendencia--aviso[b-e7x94ex4mu] {
    background: color-mix(in srgb, #e0a100 18%, transparent);
    color: #a87800;
}

@media (max-width: 720px) {
    .portais-contato__grade[b-e7x94ex4mu] {
        grid-template-columns: 1fr;
    }
}

.portal-atividade[b-e7x94ex4mu] {
    display: grid;
    gap: var(--espacamento-2);
    padding: var(--espacamento-3);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
}

.portal-atividade__titulo[b-e7x94ex4mu] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    font-size: 0.88rem;
}

.portal-atividade__atualizar[b-e7x94ex4mu] {
    display: inline-flex;
    margin-left: auto;
    padding: 0.2rem;
    border: 0;
    border-radius: var(--raio-pequeno, 6px);
    background: transparent;
    color: var(--cor-texto-secundario);
    cursor: pointer;
}

.portal-atividade__atualizar:hover[b-e7x94ex4mu] {
    color: var(--cor-primaria);
}

.portal-atividade__estado[b-e7x94ex4mu] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0;
    font-size: 0.86rem;
    font-weight: 600;
}

.portal-atividade__estado--ok[b-e7x94ex4mu] {
    color: var(--cor-sucesso, #2eaa6b);
}

.portal-atividade__estado--erro[b-e7x94ex4mu] {
    color: var(--cor-perigo);
}

.portal-atividade__estado--aguardando[b-e7x94ex4mu] {
    color: var(--cor-texto-secundario);
    font-weight: 500;
}

.portal-atividade__historico summary[b-e7x94ex4mu] {
    cursor: pointer;
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
}

.portal-atividade__historico ul[b-e7x94ex4mu] {
    display: grid;
    gap: 0.25rem;
    max-height: 14rem;
    margin: 0.4rem 0 0;
    padding: 0;
    overflow: auto;
    list-style: none;
    font-size: 0.78rem;
}

.portal-atividade__historico li[b-e7x94ex4mu] {
    display: grid;
    grid-template-columns: 6.5rem 5rem minmax(0, 1fr) minmax(0, 14rem);
    gap: 0.5rem;
    padding-bottom: 0.25rem;
    border-bottom: 1px solid var(--cor-borda);
}

.portal-atividade__falha[b-e7x94ex4mu] {
    color: var(--cor-perigo);
}

.portal-atividade__agente[b-e7x94ex4mu] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--cor-texto-secundario);
}

.portal-atividade__teste[b-e7x94ex4mu] {
    display: grid;
    gap: 0.35rem;
    padding: 0.55rem 0.75rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    font-size: 0.84rem;
}

.portal-atividade__teste--ok[b-e7x94ex4mu] {
    border-color: color-mix(in srgb, var(--cor-sucesso, #2eaa6b) 55%, var(--cor-borda));
    background: color-mix(in srgb, var(--cor-sucesso, #2eaa6b) 8%, transparent);
}

.portal-atividade__teste--erro[b-e7x94ex4mu] {
    border-color: color-mix(in srgb, var(--cor-perigo) 55%, var(--cor-borda));
    background: color-mix(in srgb, var(--cor-perigo) 8%, transparent);
}

.portal-atividade__teste ul[b-e7x94ex4mu] {
    display: grid;
    gap: 0.25rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.portal-atividade__teste li[b-e7x94ex4mu] {
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
}

.portal-atividade__teste li.ok[b-e7x94ex4mu] {
    color: var(--cor-sucesso, #2eaa6b);
}

.portal-atividade__teste li.erro[b-e7x94ex4mu] {
    color: var(--cor-perigo);
}

@media (max-width: 720px) {
    .portal-atividade__historico li[b-e7x94ex4mu] {
        grid-template-columns: 1fr 1fr;
    }
}

.portais-resumo[b-e7x94ex4mu] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--espacamento-3);
}

.portais-resumo__item[b-e7x94ex4mu] {
    display: grid;
    gap: 0.15rem;
    padding: var(--espacamento-3) var(--espacamento-4);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-fundo-secundario);
}

.portais-resumo__item strong[b-e7x94ex4mu] {
    font-size: 1.5rem;
    line-height: 1.1;
}

.portais-resumo__item small[b-e7x94ex4mu] {
    color: var(--cor-texto-secundario);
    font-size: 0.9rem;
    font-weight: 500;
}

.portais-resumo__item span[b-e7x94ex4mu] {
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
}

.portais-resumo__item--aviso[b-e7x94ex4mu] {
    border-color: color-mix(in srgb, #e0a100 55%, var(--cor-borda));
}

@media (max-width: 720px) {
    .portais-resumo[b-e7x94ex4mu] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Paginas/PainelTemasSite.razor.rz.scp.css */
.temas[b-7spnci672b] {
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
}

.temas__topo[b-7spnci672b] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
}

.temas__topo h2[b-7spnci672b] {
    margin: 0;
    font-size: 1.15rem;
}

.temas__topo p[b-7spnci672b] {
    margin: .2rem 0 0;
    color: var(--cor-texto-secundario, #667);
    font-size: .9rem;
}

.temas__topo-acoes[b-7spnci672b] {
    display: flex;
    gap: .5rem;
}

.temas__voltar[b-7spnci672b] {
    border: 0;
    background: none;
    padding: 0;
    margin-bottom: .35rem;
    color: var(--cor-texto-secundario, #667);
    cursor: pointer;
    font: inherit;
    font-size: .85rem;
}

.temas__voltar:hover[b-7spnci672b] {
    text-decoration: underline;
}

.temas__secao[b-7spnci672b] {
    margin: .5rem 0 0;
    font-size: .8rem;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--cor-texto-secundario, #667);
}

.temas__vazio[b-7spnci672b] {
    margin: 0;
    padding: 1.25rem;
    border: 1px dashed var(--cor-borda, #e3e6ec);
    border-radius: var(--raio-borda, 12px);
    color: var(--cor-texto-secundario, #667);
    text-align: center;
}

.temas__grade[b-7spnci672b] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: .85rem;
}

.tema-cartao[b-7spnci672b] {
    display: grid;
    gap: .65rem;
    align-content: start;
    padding: .85rem;
    border: 1px solid var(--cor-borda, #e3e6ec);
    border-radius: var(--raio-borda, 12px);
    background: var(--cor-superficie, #fff);
}

.tema-cartao__info[b-7spnci672b] {
    display: grid;
    gap: .15rem;
}

.tema-cartao__info small[b-7spnci672b] {
    color: var(--cor-texto-secundario, #667);
}

.tema-cartao__acoes[b-7spnci672b] {
    display: flex;
    gap: .4rem;
    align-items: center;
    margin-top: auto;
}

.tema-cartao__acoes span[b-7spnci672b] {
    margin-left: .25rem;
}

/* ---------- Editor ---------- */

.editor[b-7spnci672b] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    gap: 1.25rem;
    align-items: start;
}

.editor__controles[b-7spnci672b] {
    display: grid;
    gap: .85rem;
    padding: 1.1rem;
    border: 1px solid var(--cor-borda, #e3e6ec);
    border-radius: var(--raio-borda, 12px);
    background: var(--cor-superficie, #fff);
}

.editor__secao[b-7spnci672b] {
    margin: .5rem 0 0;
    padding-top: .75rem;
    border-top: 1px solid var(--cor-borda, #e3e6ec);
    font-size: .95rem;
}

.editor__rotulo[b-7spnci672b] {
    display: block;
    margin-bottom: .35rem;
    font-size: .85rem;
    font-weight: 600;
}

.editor__duplo[b-7spnci672b] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: .85rem;
}

.editor__aviso[b-7spnci672b] {
    margin: 0;
    padding: .55rem .75rem;
    border-radius: 8px;
    background: #fff4e0;
    color: #8a5a00;
    font-size: .85rem;
}

.editor__cores[b-7spnci672b] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: .75rem;
}

.cor-campo[b-7spnci672b] {
    display: flex;
    gap: .6rem;
    align-items: flex-start;
}

.cor-campo__seletor[b-7spnci672b] {
    flex: none;
    width: 2.6rem;
    height: 2.6rem;
    padding: 0;
    border: 1px solid var(--cor-borda, #d5d9e0);
    border-radius: 10px;
    background: none;
    cursor: pointer;
}

.cor-campo__texto[b-7spnci672b] {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

.cor-campo__texto label[b-7spnci672b] {
    font-size: .85rem;
    font-weight: 600;
}

.cor-campo__texto small[b-7spnci672b] {
    color: var(--cor-texto-secundario, #667);
    font-size: .75rem;
    line-height: 1.3;
}

.cor-campo__hex[b-7spnci672b] {
    width: 100%;
    max-width: 7.5rem;
    padding: .25rem .45rem;
    border: 1px solid var(--cor-borda, #d5d9e0);
    border-radius: 6px;
    background: var(--cor-superficie, #fff);
    color: inherit;
    font-family: ui-monospace, Menlo, Consolas, monospace;
    font-size: .85rem;
    text-transform: lowercase;
}

.fichas[b-7spnci672b] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.ficha[b-7spnci672b] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .4rem .7rem;
    border: 1px solid var(--cor-borda, #d5d9e0);
    border-radius: 999px;
    background: var(--cor-superficie, #fff);
    color: inherit;
    cursor: pointer;
    font-size: .85rem;
}

.ficha:hover[b-7spnci672b] {
    border-color: var(--cor-primaria, #2563eb);
}

.ficha--ativa[b-7spnci672b] {
    border-color: var(--cor-primaria, #2563eb);
    box-shadow: 0 0 0 1px var(--cor-primaria, #2563eb);
    font-weight: 600;
}

.ficha__canto[b-7spnci672b] {
    width: 12px;
    height: 12px;
    border-top: 2px solid currentColor;
    border-left: 2px solid currentColor;
}

/* ---------- Pré-visualização ---------- */

.editor__previa[b-7spnci672b] {
    position: sticky;
    top: 1rem;
    display: grid;
    gap: .5rem;
}

.previa-rotulo[b-7spnci672b] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: baseline;
    flex-wrap: wrap;
}

.previa-rotulo small[b-7spnci672b] {
    color: var(--cor-texto-secundario, #667);
}

.previa-quadro[b-7spnci672b] {
    border: 1px solid var(--cor-borda, #e3e6ec);
    border-radius: var(--raio-borda, 12px);
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(15, 23, 42, .1);
}

.pv[b-7spnci672b] {
    background: var(--pv-fundo);
    color: var(--pv-texto);
    font-family: var(--pv-fonte-corpo);
    font-size: .85rem;
    line-height: 1.5;
}

.pv h4[b-7spnci672b] {
    margin: 0 0 .4rem;
    font-family: var(--pv-fonte-titulos);
    line-height: 1.2;
}

.pv p[b-7spnci672b] {
    margin: 0 0 .75rem;
}

.pv a[b-7spnci672b] {
    color: var(--pv-primaria);
    text-decoration: underline;
}

.pv__cab[b-7spnci672b] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .7rem 1.1rem;
    background: var(--pv-fundo);
    border-bottom: 1px solid color-mix(in srgb, var(--pv-texto) 12%, transparent);
}

.pv__cab--escuro[b-7spnci672b] {
    background: var(--pv-escura);
    color: #fff;
    border-bottom-color: transparent;
}

.pv__logo[b-7spnci672b] {
    font-family: var(--pv-fonte-titulos);
    font-size: 1rem;
}

.pv__menu[b-7spnci672b] {
    display: flex;
    gap: .9rem;
    margin-left: auto;
    opacity: .85;
}

.pv__btn[b-7spnci672b] {
    display: inline-block;
    padding: .55rem 1.1rem;
    border: 2px solid var(--pv-primaria);
    border-radius: var(--pv-raio-btn);
    background: var(--pv-btn-fundo);
    color: var(--pv-btn-texto);
    font-weight: 600;
    font-size: .8rem;
}

.pv__btn--pequeno[b-7spnci672b] {
    padding: .3rem .8rem;
    font-size: .75rem;
}

.pv__btn--contorno[b-7spnci672b] {
    background: transparent;
    color: var(--pv-primaria);
}

.pv__hero[b-7spnci672b] {
    padding: 2rem 1.25rem;
    background: var(--pv-escura);
    color: #fff;
}

.pv__hero h4[b-7spnci672b] {
    font-size: 1.5rem;
}

.pv__hero p[b-7spnci672b] {
    max-width: 30rem;
    opacity: .85;
}

.pv__corpo[b-7spnci672b] {
    padding: 1.5rem 1.25rem;
}

.pv__corpo h4[b-7spnci672b] {
    font-size: 1.1rem;
}

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

.pv__card[b-7spnci672b] {
    display: grid;
    gap: .25rem;
    align-content: start;
    padding: .75rem;
    background: var(--pv-superficie);
    border-radius: var(--pv-raio-card);
}

.pv__card small[b-7spnci672b] {
    opacity: .75;
}

.pv__card em[b-7spnci672b] {
    font-style: normal;
    font-weight: 700;
    color: var(--pv-primaria);
}

.pv__selo[b-7spnci672b] {
    justify-self: start;
    padding: .1rem .5rem;
    border-radius: 999px;
    background: var(--pv-secundaria);
    color: #fff;
    font-size: .68rem;
    font-weight: 700;
}

.pv__rod[b-7spnci672b] {
    padding: 1rem 1.25rem;
    background: var(--pv-escura);
    color: var(--pv-rodape);
    font-size: .78rem;
}

@media (max-width: 980px) {
    .editor[b-7spnci672b] {
        grid-template-columns: minmax(0, 1fr);
    }

    .editor__previa[b-7spnci672b] {
        position: static;
    }
}

@media (max-width: 520px) {
    .pv__cards[b-7spnci672b] {
        grid-template-columns: minmax(0, 1fr);
    }

    .pv__menu[b-7spnci672b] {
        display: none;
    }
}
/* /Components/Paginas/PainelTiposComodoImovel.razor.rz.scp.css */
.painel[b-1bd6hgqtkf] {
    display: grid;
    gap: var(--espacamento-4);
    padding: var(--espacamento-5);
    border-radius: var(--raio-grande);
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.painel__cabecalho[b-1bd6hgqtkf] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--espacamento-4);
}

.painel__cabecalho > div[b-1bd6hgqtkf] {
    flex: 1 1 auto;
    min-width: 0;
}

.painel__cabecalho h2[b-1bd6hgqtkf] {
    margin: 0;
    font-size: 1.1rem;
}

.painel__cabecalho p[b-1bd6hgqtkf] {
    margin: 0.25rem 0 0;
    color: var(--cor-texto-secundario);
    font-size: 0.88rem;
}

.painel__cabecalho > .botao-primario[b-1bd6hgqtkf] {
    flex: 0 0 auto;
    white-space: nowrap;
}

.tipos-comodo__padrao[b-1bd6hgqtkf] {
    display: grid;
    gap: var(--espacamento-2);
    padding: var(--espacamento-3) var(--espacamento-4);
    border: 1px dashed var(--cor-borda-forte);
    border-radius: var(--raio-medio);
    background: var(--cor-fundo-secundario);
    font-size: 0.84rem;
}

.tipos-comodo__chips[b-1bd6hgqtkf] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espacamento-2);
}

.tipos-comodo__chip[b-1bd6hgqtkf] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.15rem 0.55rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background: var(--cor-superficie-elevada);
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
}

.tipos-comodo__lista[b-1bd6hgqtkf] {
    display: grid;
    gap: var(--espacamento-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.tipos-comodo__linha[b-1bd6hgqtkf] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: var(--espacamento-3);
    padding: var(--espacamento-2) var(--espacamento-3);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
}

.tipos-comodo__icone[b-1bd6hgqtkf] {
    display: inline-grid;
    place-items: center;
    width: 2.3rem;
    height: 2.3rem;
    border-radius: var(--raio-medio);
    background: color-mix(in srgb, var(--cor-primaria) 14%, transparent);
    color: var(--cor-primaria);
}

.tipos-comodo__nome[b-1bd6hgqtkf] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tipos-comodo__medida[b-1bd6hgqtkf] {
    color: var(--cor-texto-secundario);
    font-size: 0.84rem;
    font-variant-numeric: tabular-nums;
}

.tipos-comodo__icones[b-1bd6hgqtkf] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(2.8rem, 1fr));
    gap: var(--espacamento-2);
}

.tipos-comodo__opcao[b-1bd6hgqtkf] {
    display: inline-grid;
    place-items: center;
    height: 2.8rem;
    padding: 0;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
    color: var(--cor-texto-secundario);
    cursor: pointer;
}

.tipos-comodo__opcao:hover[b-1bd6hgqtkf] {
    border-color: var(--cor-primaria);
    color: var(--cor-primaria);
}

.tipos-comodo__opcao--ativa[b-1bd6hgqtkf] {
    border-color: var(--cor-primaria);
    background: color-mix(in srgb, var(--cor-primaria) 16%, var(--cor-superficie));
    color: var(--cor-primaria);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--cor-primaria) 35%, transparent);
}

.tipos-comodo__medidas[b-1bd6hgqtkf] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--espacamento-3);
}

@media (max-width: 600px) {
    .tipos-comodo__linha[b-1bd6hgqtkf] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .tipos-comodo__medida[b-1bd6hgqtkf] {
        grid-column: 2 / -1;
        grid-row: 2;
    }
}
/* /Components/Paginas/PainelWebmailTenant.razor.rz.scp.css */
.painel-webmail__cabecalho[b-rs0xz8c7xo] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1.1rem;
}

.painel-webmail__titulo[b-rs0xz8c7xo] {
    flex: 1 1 18rem;
    min-width: 0;
}

.painel-webmail__titulo h2[b-rs0xz8c7xo] {
    margin: 0;
}

.painel-webmail__titulo p[b-rs0xz8c7xo] {
    margin: .25rem 0 0;
    font-size: .88rem;
    color: var(--cor-texto-secundario);
}

.painel-webmail__novo-botao[b-rs0xz8c7xo] {
    flex: 0 0 auto;
}

.painel-webmail__indisponivel[b-rs0xz8c7xo],
.painel-webmail__carregando[b-rs0xz8c7xo] {
    color: var(--cor-texto-secundario);
    margin: .5rem 0 0;
}

.painel-webmail__vazio[b-rs0xz8c7xo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .35rem;
    padding: 2.2rem 1rem;
    text-align: center;
    border: 1px dashed var(--cor-borda);
    border-radius: var(--raio-grande);
    color: var(--cor-texto-secundario);
}

.painel-webmail__vazio strong[b-rs0xz8c7xo] {
    color: var(--cor-texto);
    font-size: 1.02rem;
}

.painel-webmail__vazio p[b-rs0xz8c7xo] {
    margin: 0 0 .6rem;
    max-width: 30rem;
    font-size: .9rem;
}

.painel-webmail__vazio-icone[b-rs0xz8c7xo] {
    display: grid;
    place-items: center;
    width: 3.4rem;
    height: 3.4rem;
    margin-bottom: .3rem;
    border-radius: 50%;
    color: var(--cor-primaria);
    background: color-mix(in srgb, var(--cor-primaria) 12%, transparent);
}

.painel-webmail__aviso[b-rs0xz8c7xo] {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    padding: .7rem .9rem;
    margin-bottom: 1rem;
    border: 1px solid color-mix(in srgb, var(--cor-primaria) 30%, transparent);
    border-radius: var(--raio-grande);
    background: color-mix(in srgb, var(--cor-primaria) 8%, transparent);
    color: var(--cor-texto);
    font-size: .88rem;
}

.painel-webmail__novo[b-rs0xz8c7xo] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: .75rem;
}

.painel-webmail__campo-dominio[b-rs0xz8c7xo] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.painel-webmail__campo-modo[b-rs0xz8c7xo] {
    flex: 0 1 14rem;
}

.painel-webmail__dica-modo[b-rs0xz8c7xo] {
    margin: .5rem 0 1.25rem;
    font-size: .84rem;
    color: var(--cor-texto-secundario);
    max-width: 52rem;
}

.painel-webmail__confirmacao[b-rs0xz8c7xo] {
    margin: 1rem 0 0;
    padding: .9rem 1rem;
    border: 1px solid color-mix(in srgb, var(--cor-alerta) 45%, transparent);
    border-radius: var(--raio-grande);
    background: color-mix(in srgb, var(--cor-alerta) 10%, transparent);
    color: var(--cor-texto);
}

.painel-webmail__confirmacao h4[b-rs0xz8c7xo] {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin: 0 0 .4rem;
    color: var(--cor-alerta);
}

.painel-webmail__confirmacao p[b-rs0xz8c7xo] {
    margin: 0 0 .7rem;
    font-size: .9rem;
}

.painel-webmail__confirmar-check[b-rs0xz8c7xo] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    margin-bottom: .8rem;
    font-size: .88rem;
    cursor: pointer;
}

.painel-webmail__confirmacao-acoes[b-rs0xz8c7xo] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.painel-webmail__lista[b-rs0xz8c7xo] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .7rem;
}

.painel-webmail__item[b-rs0xz8c7xo] {
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-grande);
    padding: 1rem 1.1rem;
    background: var(--cor-superficie);
    color: var(--cor-texto);
}

.painel-webmail__linha[b-rs0xz8c7xo] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.painel-webmail__identidade[b-rs0xz8c7xo] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-width: 12rem;
    flex: 1 1 auto;
}

.painel-webmail__host[b-rs0xz8c7xo] {
    font-weight: 600;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

.painel-webmail__meta[b-rs0xz8c7xo] {
    font-size: .8rem;
    color: var(--cor-texto-secundario);
}

.painel-webmail__selos[b-rs0xz8c7xo] {
    display: flex;
    gap: .4rem;
    flex-wrap: wrap;
}

.painel-webmail__selo[b-rs0xz8c7xo],
.painel-webmail__estado[b-rs0xz8c7xo] {
    font-size: .75rem;
    font-weight: 600;
    padding: .15rem .6rem;
    border-radius: 999px;
    white-space: nowrap;
    border: 1px solid var(--cor-borda);
    color: var(--cor-texto-secundario);
    background: var(--cor-superficie-suave);
}

.painel-webmail__selo--ok[b-rs0xz8c7xo],
.painel-webmail__estado--ok[b-rs0xz8c7xo] {
    color: var(--cor-sucesso);
    border-color: color-mix(in srgb, var(--cor-sucesso) 35%, transparent);
    background: color-mix(in srgb, var(--cor-sucesso) 12%, transparent);
}

.painel-webmail__estado--conflito[b-rs0xz8c7xo] {
    color: var(--cor-alerta);
    border-color: color-mix(in srgb, var(--cor-alerta) 40%, transparent);
    background: color-mix(in srgb, var(--cor-alerta) 12%, transparent);
}

.painel-webmail__selo--erro[b-rs0xz8c7xo] {
    color: var(--cor-erro);
    border-color: color-mix(in srgb, var(--cor-erro) 35%, transparent);
    background: color-mix(in srgb, var(--cor-erro) 12%, transparent);
}

.painel-webmail__acoes[b-rs0xz8c7xo] {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin-left: auto;
    flex-wrap: wrap;
}

.painel-webmail__toggle[b-rs0xz8c7xo] {
    background: none;
    border: none;
    color: var(--cor-primaria);
    cursor: pointer;
    font-size: .82rem;
    padding: .2rem .3rem;
}

.painel-webmail__toggle:hover:not(:disabled)[b-rs0xz8c7xo] {
    text-decoration: underline;
}

.painel-webmail__erro[b-rs0xz8c7xo] {
    margin: .6rem 0 0;
    font-size: .84rem;
    color: var(--cor-erro);
}

.painel-webmail__dns[b-rs0xz8c7xo] {
    margin-top: .8rem;
    padding-top: .8rem;
    border-top: 1px dashed var(--cor-borda);
}

.painel-webmail__dns h4[b-rs0xz8c7xo] {
    margin: 0 0 .25rem;
}

.painel-webmail__dns-intro[b-rs0xz8c7xo],
.painel-webmail__rodape-dns[b-rs0xz8c7xo] {
    margin: 0 0 .7rem;
    font-size: .84rem;
    color: var(--cor-texto-secundario);
}

.painel-webmail__tabela-wrap[b-rs0xz8c7xo] {
    overflow-x: auto;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio, .6rem);
}

.painel-webmail__tabela[b-rs0xz8c7xo] {
    width: 100%;
    border-collapse: collapse;
    font-size: .84rem;
}

.painel-webmail__tabela th[b-rs0xz8c7xo] {
    text-align: left;
    padding: .5rem .65rem;
    font-size: .74rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--cor-texto-secundario);
    background: var(--cor-superficie-suave);
    white-space: nowrap;
}

.painel-webmail__tabela td[b-rs0xz8c7xo] {
    padding: .55rem .65rem;
    border-top: 1px solid var(--cor-borda);
    vertical-align: top;
}

.painel-webmail__tabela code[b-rs0xz8c7xo] {
    font-size: .8rem;
    overflow-wrap: anywhere;
}

.painel-webmail__valor[b-rs0xz8c7xo] {
    word-break: break-all;
}

.painel-webmail__copiar[b-rs0xz8c7xo] {
    border: none;
    background: none;
    color: var(--cor-primaria);
    cursor: pointer;
    padding: 0 .25rem;
}

.painel-webmail__obrigatoriedade[b-rs0xz8c7xo],
.painel-webmail__dica-registro[b-rs0xz8c7xo] {
    display: block;
    margin-top: .15rem;
    color: var(--cor-texto-secundario);
}

.painel-webmail__dica-registro[b-rs0xz8c7xo] {
    color: var(--cor-alerta);
}

.painel-webmail__rodape-dns[b-rs0xz8c7xo] {
    margin: .6rem 0 0;
}

.painel-webmail__ajuda[b-rs0xz8c7xo] {
    margin-top: .7rem;
    font-size: .85rem;
}

.painel-webmail__ajuda summary[b-rs0xz8c7xo] {
    cursor: pointer;
    color: var(--cor-primaria);
}

.painel-webmail__ajuda ul[b-rs0xz8c7xo] {
    margin: .5rem 0 0;
    padding-left: 1.2rem;
    color: var(--cor-texto-secundario);
}

.painel-webmail__ajuda li + li[b-rs0xz8c7xo] {
    margin-top: .3rem;
}

.painel-webmail__uso[b-rs0xz8c7xo] {
    margin: 0 0 .8rem;
    font-size: .84rem;
    color: var(--cor-texto-secundario);
}

/* Passo a passo no topo */
.painel-webmail__passos[b-rs0xz8c7xo] {
    list-style: none;
    margin: 0 0 1.25rem;
    padding: 0;
    counter-reset: none;
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

.painel-webmail__passos li[b-rs0xz8c7xo] {
    display: flex;
    gap: .7rem;
    align-items: flex-start;
    padding: .75rem .85rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-grande);
    background: var(--cor-superficie-suave);
}

.painel-webmail__passos li > span[b-rs0xz8c7xo] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 50%;
    background: var(--cor-primaria);
    color: #fff;
    font-weight: 700;
    font-size: .85rem;
}

.painel-webmail__passos strong[b-rs0xz8c7xo] {
    display: block;
    font-size: .92rem;
}

.painel-webmail__passos small[b-rs0xz8c7xo] {
    display: block;
    margin-top: .15rem;
    color: var(--cor-texto-secundario);
    line-height: 1.35;
}

.painel-webmail__campo-dominio small[b-rs0xz8c7xo] {
    color: var(--cor-texto-secundario);
}

/* Estado único do domínio */
.painel-webmail__estado-texto[b-rs0xz8c7xo] {
    font-size: .82rem;
    font-weight: 600;
    color: var(--cor-texto-secundario);
}

.painel-webmail__estado-texto--ativo[b-rs0xz8c7xo] {
    color: var(--cor-sucesso);
}

.painel-webmail__estado-texto--pendente[b-rs0xz8c7xo] {
    color: var(--cor-alerta);
}

.painel-webmail__estado-texto--suspenso[b-rs0xz8c7xo] {
    color: var(--cor-erro);
}

.painel-webmail__item--ativo[b-rs0xz8c7xo] {
    border-left: 3px solid var(--cor-sucesso);
}

.painel-webmail__item--pendente[b-rs0xz8c7xo] {
    border-left: 3px solid var(--cor-alerta);
}

.painel-webmail__item--suspenso[b-rs0xz8c7xo] {
    border-left: 3px solid var(--cor-erro);
}

.painel-webmail__cabecalho--modal[b-rs0xz8c7xo] {
    justify-content: space-between;
    align-items: center;
}

.painel-webmail__intro[b-rs0xz8c7xo] {
    flex: 1 1 18rem;
    margin: 0;
    font-size: .88rem;
    color: var(--cor-texto-secundario);
}

.painel-webmail__criar-endereco[b-rs0xz8c7xo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
    margin-top: .8rem;
    padding-top: .8rem;
    border-top: 1px dashed var(--cor-borda);
    font-size: .86rem;
    color: var(--cor-texto-secundario);
}
/* /Components/Paginas/Parceiros.razor.rz.scp.css */
.parceiros-categorias[b-5jnwamp5be] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--espacamento-2);
}

.parceiro-numero[b-5jnwamp5be] {
    flex: 0 0 auto;
    color: var(--cor-texto-secundario);
    font-size: 0.75rem;
    font-variant-numeric: tabular-nums;
}

.parceiro-formulario-grade[b-5jnwamp5be] {
    display: grid;
    grid-template-columns: 40% 1fr;
    gap: 1.25rem;
    align-items: start;
}

.parceiro-formulario-coluna-principal[b-5jnwamp5be] {
    display: grid;
    gap: 0.75rem;
    min-width: 0;
}

.parceiro-formulario-coluna-abas[b-5jnwamp5be] {
    min-width: 0;
    border-left: 1px solid var(--cor-borda);
    padding-left: 1.25rem;
}

.formulario-modal-cadastro__secao--aba[b-5jnwamp5be] {
    padding-top: 0;
    border-top: 0;
}

.parceiro-documentos[b-5jnwamp5be] {
    display: grid;
    gap: 0.75rem;
}

.parceiro-documentos__acoes[b-5jnwamp5be] {
    display: flex;
    justify-content: flex-start;
}

.parceiro-documentos__lista[b-5jnwamp5be] {
    display: grid;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.parceiro-documentos__item[b-5jnwamp5be] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.6rem 0.75rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
}

.parceiro-documentos__info[b-5jnwamp5be] {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
    flex: 1 1 auto;
}

.parceiro-documentos__info a[b-5jnwamp5be] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
}

.parceiro-documentos__info small[b-5jnwamp5be] {
    color: var(--cor-texto-secundario);
    font-size: 0.75rem;
}

@media (max-width: 760px) {
    .parceiro-formulario-grade[b-5jnwamp5be] {
        grid-template-columns: 1fr;
    }

    .parceiro-formulario-coluna-abas[b-5jnwamp5be] {
        border-left: none;
        padding-left: 0;
        padding-top: 1rem;
        border-top: 1px solid var(--cor-borda);
    }
}
/* /Components/Paginas/Pessoas.razor.rz.scp.css */
.tabela-sistema--pessoas .tabela-sistema__cabecalho[b-lweg4lty8b],
.tabela-sistema--pessoas .tabela-sistema__linha[b-lweg4lty8b] {
    grid-template-columns: minmax(140px, 1.4fr) minmax(110px, 1fr) minmax(105px, .8fr) minmax(100px, .8fr) minmax(110px, 1fr) 90px 82px;
}

/* Start date + End date lado a lado, ocupando o espaço que "Start date" sozinho ocupava. */
.grade-campos--datas-pessoa[b-lweg4lty8b] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--espacamento-2);
}

.pessoas-formulario__ajuda-data-fim[b-lweg4lty8b] {
    display: block;
    margin-top: -0.5rem;
    color: var(--cor-texto-secundario);
    font-size: 0.75rem;
}

.pessoas-blacklist[b-lweg4lty8b] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--espacamento-2);
    margin-top: var(--espacamento-2);
}

.pessoas-blacklist__item[b-lweg4lty8b] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    padding: var(--espacamento-2);
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie);
}

@media (max-width: 1100px) {
    .tabela-sistema--pessoas[b-lweg4lty8b] {
        overflow-x: auto;
    }

    .tabela-sistema--pessoas .tabela-sistema__cabecalho[b-lweg4lty8b],
    .tabela-sistema--pessoas .tabela-sistema__linha[b-lweg4lty8b] {
        min-width: 900px;
    }
}
/* /Components/Paginas/Recebimentos.razor.rz.scp.css */
.receb-pagina[b-loxqg1ovkh] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.receb-carregando[b-loxqg1ovkh] {
    padding: 2rem 0;
    text-align: center;
    color: var(--cor-texto-secundario);
}

/* ============================================================ Cabeçalho */

.receb-hero[b-loxqg1ovkh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .75rem 1rem;
}

.receb-hero__info[b-loxqg1ovkh] {
    min-width: 0;
}

.receb-hero__info h1[b-loxqg1ovkh] {
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.2;
}

.receb-hero__info p[b-loxqg1ovkh] {
    margin: .2rem 0 0;
    font-size: .85rem;
    color: var(--cor-texto-secundario);
}

.receb-hero__acoes[b-loxqg1ovkh] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

/* ============================================================ Cartões-resumo */

.receb-resumo[b-loxqg1ovkh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13.5rem, 1fr));
    gap: .75rem;
}

.receb-resumo__cartao[b-loxqg1ovkh] {
    --receb-cor: var(--cor-texto-secundario);
    display: flex;
    align-items: center;
    gap: .8rem;
    min-width: 0;
    padding: .9rem 1rem;
    text-align: left;
    color: var(--cor-texto);
    background: var(--cor-superficie);
    border: 1px solid var(--cor-borda);
    border-radius: calc(var(--raio-base) + 2px);
    box-shadow: 0 1px 2px rgb(0 0 0 / 6%);
}

.receb-resumo__cartao--primario[b-loxqg1ovkh] { --receb-cor: var(--cor-primaria); }
.receb-resumo__cartao--sucesso[b-loxqg1ovkh] { --receb-cor: var(--cor-sucesso); }
.receb-resumo__cartao--erro[b-loxqg1ovkh] { --receb-cor: var(--cor-erro); }
.receb-resumo__cartao--info[b-loxqg1ovkh] { --receb-cor: var(--cor-alerta); }

.receb-resumo__cartao--botao[b-loxqg1ovkh] {
    cursor: pointer;
    font: inherit;
    transition: transform .12s ease, border-color .12s ease;
}

.receb-resumo__cartao--botao:hover[b-loxqg1ovkh] {
    transform: translateY(-1px);
    border-color: var(--receb-cor);
}

.receb-resumo__cartao--erro:not(.receb-resumo__cartao--calmo)[b-loxqg1ovkh] {
    border-color: color-mix(in srgb, var(--cor-erro) 45%, var(--cor-borda));
    background: color-mix(in srgb, var(--cor-erro) 6%, var(--cor-superficie));
}

.receb-resumo__cartao--calmo[b-loxqg1ovkh] {
    --receb-cor: var(--cor-texto-secundario);
}

.receb-resumo__icone[b-loxqg1ovkh] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 12px;
    color: var(--receb-cor);
    background: color-mix(in srgb, var(--receb-cor) 14%, var(--cor-superficie));
}

.receb-resumo__cartao > div[b-loxqg1ovkh] {
    display: grid;
    gap: .05rem;
    min-width: 0;
}

.receb-resumo__cartao small[b-loxqg1ovkh] {
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--cor-texto-secundario);
}

.receb-resumo__cartao strong[b-loxqg1ovkh] {
    font-size: 1.3rem;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.receb-resumo__cartao > div > span[b-loxqg1ovkh] {
    font-size: .74rem;
    color: var(--cor-texto-secundario);
}

/* ============================================================ Abas e filtros */

.receb-barra[b-loxqg1ovkh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .6rem 1rem;
}

.receb-abas[b-loxqg1ovkh] {
    display: inline-flex;
    gap: .25rem;
    padding: .25rem;
    border-radius: 999px;
    background: var(--cor-superficie-suave);
    border: 1px solid var(--cor-borda);
    max-width: 100%;
    overflow-x: auto;
}

.receb-aba[b-loxqg1ovkh] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .4rem .9rem;
    font: inherit;
    font-size: .84rem;
    color: var(--cor-texto-secundario);
    background: transparent;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    white-space: nowrap;
}

.receb-aba b[b-loxqg1ovkh] {
    min-width: 1.3rem;
    padding: 0 .35rem;
    font-size: .7rem;
    line-height: 1.3rem;
    text-align: center;
    border-radius: 999px;
    background: color-mix(in srgb, var(--cor-texto-secundario) 16%, var(--cor-superficie));
}

.receb-aba.ativa[b-loxqg1ovkh] {
    color: var(--cor-primaria);
    font-weight: 600;
    background: var(--cor-superficie);
    box-shadow: 0 1px 3px rgb(0 0 0 / 14%);
}

.receb-filtros[b-loxqg1ovkh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    min-width: 0;
}

.receb-filtros__busca[b-loxqg1ovkh] {
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: 0 .7rem;
    height: 2.35rem;
    color: var(--cor-texto-secundario);
    background: var(--cor-superficie);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
}

.receb-filtros__busca input[b-loxqg1ovkh] {
    width: 11rem;
    font: inherit;
    font-size: .85rem;
    color: var(--cor-texto);
    background: transparent;
    border: 0;
    outline: 0;
}

.receb-filtros__seletor[b-loxqg1ovkh] {
    min-width: 9.5rem;
}

/* ============================================================ Previsão (barras) */

.receb-previsao[b-loxqg1ovkh] {
    padding: .9rem 1rem .6rem;
    background: var(--cor-superficie);
    border: 1px solid var(--cor-borda);
    border-radius: calc(var(--raio-base) + 2px);
}

.receb-previsao__cabecalho[b-loxqg1ovkh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .4rem 1rem;
    margin-bottom: .5rem;
}

.receb-previsao__cabecalho h2[b-loxqg1ovkh] {
    margin: 0;
    font-size: .95rem;
}

.receb-legenda[b-loxqg1ovkh] {
    display: flex;
    flex-wrap: wrap;
    gap: .2rem .9rem;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: .74rem;
    color: var(--cor-texto-secundario);
}

.receb-legenda li[b-loxqg1ovkh] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.receb-legenda__ponto[b-loxqg1ovkh] {
    width: .65rem;
    height: .65rem;
    border-radius: 3px;
}

.receb-legenda__ponto--recebido[b-loxqg1ovkh],
.receb-barra-mes__seg--recebido[b-loxqg1ovkh] { background: var(--cor-sucesso); }
.receb-legenda__ponto--areceber[b-loxqg1ovkh],
.receb-barra-mes__seg--areceber[b-loxqg1ovkh] { background: var(--cor-primaria); }
.receb-legenda__ponto--atrasado[b-loxqg1ovkh],
.receb-barra-mes__seg--atrasado[b-loxqg1ovkh] { background: var(--cor-erro); }

.receb-barras[b-loxqg1ovkh] {
    display: grid;
    grid-template-columns: repeat(12, minmax(3.4rem, 1fr));
    gap: .35rem;
    overflow-x: auto;
    padding-bottom: .3rem;
}

.receb-barra-mes[b-loxqg1ovkh] {
    display: grid;
    grid-template-rows: auto 7rem auto;
    justify-items: center;
    gap: .25rem;
    padding: .35rem .15rem .3rem;
    font: inherit;
    color: var(--cor-texto-secundario);
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--raio-base);
    cursor: pointer;
}

.receb-barra-mes:hover[b-loxqg1ovkh] {
    background: var(--cor-superficie-suave);
}

.receb-barra-mes.selecionado[b-loxqg1ovkh] {
    color: var(--cor-texto);
    background: color-mix(in srgb, var(--cor-primaria) 9%, var(--cor-superficie));
    border-color: color-mix(in srgb, var(--cor-primaria) 50%, var(--cor-borda));
}

.receb-barra-mes__valor[b-loxqg1ovkh] {
    font-size: .68rem;
    font-weight: 600;
    white-space: nowrap;
}

.receb-barra-mes__coluna[b-loxqg1ovkh] {
    display: flex;
    align-items: flex-end;
    width: 100%;
    max-width: 2.2rem;
    height: 100%;
}

.receb-barra-mes__pilha[b-loxqg1ovkh] {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    border-radius: 6px 6px 3px 3px;
    background: var(--cor-borda);
    transition: height .25s ease;
}

.receb-barra-mes__seg[b-loxqg1ovkh] {
    display: block;
    flex-basis: 0;
    min-height: 2px;
}

.receb-barra-mes__rotulo[b-loxqg1ovkh] {
    font-size: .72rem;
    font-weight: 600;
    text-transform: capitalize;
}

.receb-barra-mes.atual .receb-barra-mes__rotulo[b-loxqg1ovkh]::after {
    content: "";
    display: block;
    height: 3px;
    margin: 2px auto 0;
    width: 1rem;
    border-radius: 3px;
    background: var(--cor-primaria);
}

/* ============================================================ Mês selecionado */

.receb-mes[b-loxqg1ovkh] {
    display: grid;
    gap: .75rem;
    padding: 1rem;
    background: var(--cor-superficie);
    border: 1px solid var(--cor-borda);
    border-radius: calc(var(--raio-base) + 2px);
}

.receb-mes__cabecalho[b-loxqg1ovkh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .6rem 1.5rem;
}

.receb-mes__navegacao[b-loxqg1ovkh] {
    display: flex;
    align-items: center;
    gap: .4rem;
}

.receb-mes__navegacao h2[b-loxqg1ovkh] {
    min-width: 10rem;
    margin: 0;
    font-size: 1.15rem;
    text-align: center;
    text-transform: capitalize;
}

.receb-mes__hoje[b-loxqg1ovkh] {
    margin-left: .3rem;
}

.receb-mes__totais[b-loxqg1ovkh] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem 1.4rem;
    margin: 0;
}

.receb-mes__totais div[b-loxqg1ovkh] {
    display: grid;
    gap: .05rem;
}

.receb-mes__totais dt[b-loxqg1ovkh] {
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--cor-texto-secundario);
}

.receb-mes__totais dd[b-loxqg1ovkh] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}

.receb-mes__total--sucesso dd[b-loxqg1ovkh] { color: var(--cor-sucesso); }
.receb-mes__total--primario dd[b-loxqg1ovkh] { color: var(--cor-primaria); }
.receb-mes__total--erro dd[b-loxqg1ovkh] { color: var(--cor-erro); }

.receb-progresso[b-loxqg1ovkh] {
    height: .55rem;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--cor-primaria) 16%, var(--cor-borda));
}

.receb-progresso--fino[b-loxqg1ovkh] {
    height: .4rem;
}

.receb-progresso__recebido[b-loxqg1ovkh] {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: var(--cor-sucesso);
    transition: width .3s ease;
}

.receb-progresso__texto[b-loxqg1ovkh] {
    margin: -.4rem 0 0;
    font-size: .74rem;
    color: var(--cor-texto-secundario);
}

/* ------------------------------------------------------------ Dias e parcelas */

.receb-dias[b-loxqg1ovkh] {
    display: grid;
    gap: .9rem;
}

.receb-dia__cabecalho[b-loxqg1ovkh] {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin-bottom: .4rem;
}

.receb-dia__data[b-loxqg1ovkh] {
    display: inline-flex;
    align-items: baseline;
    gap: .35rem;
}

.receb-dia__data b[b-loxqg1ovkh] {
    font-size: 1.15rem;
}

.receb-dia__data small[b-loxqg1ovkh] {
    font-size: .74rem;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: var(--cor-texto-secundario);
}

.receb-dia__total[b-loxqg1ovkh] {
    margin-left: auto;
    font-size: .8rem;
    font-weight: 600;
    color: var(--cor-texto-secundario);
}

.receb-dia--hoje .receb-dia__data b[b-loxqg1ovkh] {
    color: var(--cor-primaria);
}

.receb-parcelas[b-loxqg1ovkh] {
    display: grid;
    gap: .4rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.receb-parcela[b-loxqg1ovkh] {
    --receb-borda: var(--cor-borda);
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto auto auto;
    align-items: center;
    gap: .6rem;
    padding: .55rem .75rem;
    background: var(--cor-superficie);
    border: 1px solid var(--cor-borda);
    border-left: 4px solid var(--receb-borda);
    border-radius: var(--raio-base);
}

.receb-parcela--paga[b-loxqg1ovkh] { --receb-borda: var(--cor-sucesso); }
.receb-parcela--atrasada[b-loxqg1ovkh] { --receb-borda: var(--cor-erro); background: color-mix(in srgb, var(--cor-erro) 5%, var(--cor-superficie)); }
.receb-parcela--hoje[b-loxqg1ovkh] { --receb-borda: var(--cor-alerta); }
.receb-parcela--pendente[b-loxqg1ovkh] { --receb-borda: var(--cor-primaria); }
.receb-parcela--cancelada[b-loxqg1ovkh] { --receb-borda: var(--cor-borda-forte); opacity: .65; }

.receb-parcela__principal[b-loxqg1ovkh] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 0;
    padding: 0;
    font: inherit;
    text-align: left;
    color: inherit;
    background: transparent;
    border: 0;
    cursor: pointer;
}

.receb-parcela__texto[b-loxqg1ovkh] {
    display: grid;
    min-width: 0;
}

.receb-parcela__texto strong[b-loxqg1ovkh],
.receb-parcela__texto small[b-loxqg1ovkh] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.receb-parcela__texto small[b-loxqg1ovkh] {
    font-size: .76rem;
    color: var(--cor-texto-secundario);
}

.receb-parcela__numero[b-loxqg1ovkh] {
    padding: .1rem .5rem;
    font-size: .72rem;
    font-weight: 600;
    white-space: nowrap;
    color: var(--cor-texto-secundario);
    border-radius: 999px;
    background: var(--cor-superficie-suave);
}

.receb-parcela__valor[b-loxqg1ovkh] {
    display: grid;
    justify-items: end;
    gap: .15rem;
    min-width: 7rem;
}

.receb-parcela__acoes[b-loxqg1ovkh] {
    min-width: 6.5rem;
    display: flex;
    justify-content: flex-end;
}

/* ============================================================ Etiquetas de situação */

.receb-chip[b-loxqg1ovkh] {
    --receb-chip: var(--cor-texto-secundario);
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding: .12rem .5rem;
    font-size: .7rem;
    font-weight: 600;
    line-height: 1.3;
    white-space: nowrap;
    color: var(--receb-chip);
    border-radius: 999px;
    background: color-mix(in srgb, var(--receb-chip) 14%, var(--cor-superficie));
}

.receb-chip--paga[b-loxqg1ovkh] { --receb-chip: var(--cor-sucesso); }
.receb-chip--atrasada[b-loxqg1ovkh] { --receb-chip: var(--cor-erro); }
.receb-chip--hoje[b-loxqg1ovkh] { --receb-chip: var(--cor-alerta); }
.receb-chip--pendente[b-loxqg1ovkh] { --receb-chip: var(--cor-primaria); }
.receb-chip--pausado[b-loxqg1ovkh] { --receb-chip: var(--cor-alerta); }

/* ============================================================ Ações da parcela */

.receb-acoes[b-loxqg1ovkh] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
}

.receb-acoes__receber[b-loxqg1ovkh] {
    gap: .3rem;
    padding: .3rem .65rem;
    font-size: .78rem;
    color: var(--cor-sucesso);
    border-color: color-mix(in srgb, var(--cor-sucesso) 55%, var(--cor-borda));
}

.receb-acoes__receber:hover[b-loxqg1ovkh] {
    background: color-mix(in srgb, var(--cor-sucesso) 12%, var(--cor-superficie));
}

.receb-menu-ancora[b-loxqg1ovkh] {
    position: relative;
}

.receb-menu-fundo[b-loxqg1ovkh] {
    position: fixed;
    inset: 0;
    z-index: 30;
    background: transparent;
    border: 0;
    cursor: default;
}

.receb-menu[b-loxqg1ovkh] {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    z-index: 31;
    display: grid;
    min-width: 13rem;
    padding: .3rem;
    background: var(--cor-superficie-elevada, var(--cor-superficie));
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    box-shadow: 0 8px 24px rgb(0 0 0 / 22%);
}

.receb-menu button[b-loxqg1ovkh] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .65rem;
    font: inherit;
    font-size: .83rem;
    text-align: left;
    color: var(--cor-texto);
    background: transparent;
    border: 0;
    border-radius: 6px;
    cursor: pointer;
}

.receb-menu button:hover[b-loxqg1ovkh] {
    background: var(--cor-superficie-suave);
}

/* ============================================================ Cartões de contrato */

.receb-grade[b-loxqg1ovkh] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));
    gap: .85rem;
}

.receb-vazio[b-loxqg1ovkh] {
    display: grid;
    justify-items: center;
    gap: .75rem;
    padding: 1rem 0 2rem;
}

.receb-cartao[b-loxqg1ovkh] {
    --receb-borda: var(--cor-sucesso);
    position: relative;
    display: grid;
    align-content: start;
    gap: .6rem;
    padding: .9rem 1rem 1rem;
    cursor: pointer;
    background: var(--cor-superficie);
    border: 1px solid var(--cor-borda);
    border-top: 4px solid var(--receb-borda);
    border-radius: calc(var(--raio-base) + 2px);
    box-shadow: 0 1px 2px rgb(0 0 0 / 6%);
    transition: transform .12s ease, box-shadow .12s ease;
}

.receb-cartao:hover[b-loxqg1ovkh],
.receb-cartao:focus-visible[b-loxqg1ovkh] {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgb(0 0 0 / 14%);
    outline: none;
}

.receb-cartao--atrasada[b-loxqg1ovkh] { --receb-borda: var(--cor-erro); }
.receb-cartao--pausado[b-loxqg1ovkh] { --receb-borda: var(--cor-alerta); }
.receb-cartao--cancelada[b-loxqg1ovkh] { --receb-borda: var(--cor-borda-forte); }
.receb-cartao--cancelada .receb-cartao__titulo[b-loxqg1ovkh] { color: var(--cor-texto-secundario); }

.receb-cartao__topo[b-loxqg1ovkh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem;
}

.receb-cartao__codigo[b-loxqg1ovkh] {
    margin-left: auto;
    font-size: .72rem;
    color: var(--cor-texto-secundario);
}

.receb-cartao__titulo[b-loxqg1ovkh] {
    margin: 0;
    font-size: 1rem;
    line-height: 1.3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.receb-cartao__pessoa[b-loxqg1ovkh] {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-width: 0;
    font-size: .86rem;
}

.receb-cartao__pessoa > span[b-loxqg1ovkh] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.receb-cartao__sem[b-loxqg1ovkh] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: var(--cor-texto-secundario);
}

.receb-cartao__imovel[b-loxqg1ovkh] {
    display: flex;
    align-items: center;
    gap: .55rem;
    min-width: 0;
    font-size: .8rem;
    color: var(--cor-texto-secundario);
}

.receb-cartao__miniatura[b-loxqg1ovkh] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 2.6rem;
    height: 2.1rem;
    overflow: hidden;
    border-radius: 6px;
    color: var(--cor-texto-secundario);
    background: var(--cor-superficie-suave);
}

.receb-cartao__miniatura img[b-loxqg1ovkh] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.receb-cartao__imovel-texto[b-loxqg1ovkh] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.receb-cartao__imovel-texto b[b-loxqg1ovkh] {
    color: var(--cor-texto);
}

.receb-cartao__valor[b-loxqg1ovkh] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .1rem .5rem;
}

.receb-cartao__valor strong[b-loxqg1ovkh] {
    font-size: 1.4rem;
    line-height: 1.2;
}

.receb-cartao__valor small[b-loxqg1ovkh] {
    font-size: .76rem;
    color: var(--cor-texto-secundario);
}

.receb-cartao__progresso[b-loxqg1ovkh] {
    display: grid;
    gap: .3rem;
}

.receb-cartao__progresso small[b-loxqg1ovkh] {
    font-size: .74rem;
    color: var(--cor-texto-secundario);
}

.receb-cartao__rodape[b-loxqg1ovkh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding-top: .55rem;
    border-top: 1px dashed var(--cor-borda);
    font-size: .78rem;
}

.receb-cartao__alerta[b-loxqg1ovkh],
.receb-cartao__proxima[b-loxqg1ovkh] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-width: 0;
}

.receb-cartao__alerta[b-loxqg1ovkh] {
    font-weight: 600;
    color: var(--cor-erro);
}

.receb-cartao__proxima[b-loxqg1ovkh] {
    color: var(--cor-texto-secundario);
}

.receb-cartao__proxima--fim[b-loxqg1ovkh] {
    color: var(--cor-sucesso);
}

.receb-cartao__receber[b-loxqg1ovkh] {
    justify-content: center;
    gap: .35rem;
    font-size: .8rem;
    color: var(--cor-sucesso);
    border-color: color-mix(in srgb, var(--cor-sucesso) 55%, var(--cor-borda));
}

/* ============================================================ Ficha do contrato */

.receb-ficha[b-loxqg1ovkh] {
    display: grid;
    gap: 1rem;
}

.receb-ficha__chips[b-loxqg1ovkh] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.receb-ficha__numeros[b-loxqg1ovkh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    gap: .6rem;
    margin: 0;
}

.receb-ficha__numeros > div[b-loxqg1ovkh] {
    display: grid;
    gap: .15rem;
    padding: .65rem .8rem;
    border-radius: var(--raio-base);
    background: var(--cor-superficie-suave);
    border: 1px solid var(--cor-borda);
}

.receb-ficha__numeros dt[b-loxqg1ovkh] {
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--cor-texto-secundario);
}

.receb-ficha__numeros dd[b-loxqg1ovkh] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}

.receb-texto--sucesso[b-loxqg1ovkh] { color: var(--cor-sucesso); }
.receb-texto--erro[b-loxqg1ovkh] { color: var(--cor-erro); }

.receb-ficha__vinculos[b-loxqg1ovkh] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    gap: .6rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.receb-ficha__vinculos li[b-loxqg1ovkh] {
    display: flex;
    align-items: center;
    gap: .6rem;
    min-width: 0;
    padding: .5rem .65rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
}

.receb-ficha__vinculos li > span:last-child[b-loxqg1ovkh] {
    display: grid;
    min-width: 0;
}

.receb-ficha__vinculos small[b-loxqg1ovkh] {
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: var(--cor-texto-secundario);
}

.receb-ficha__vinculos strong[b-loxqg1ovkh] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .85rem;
}

.receb-ficha__vinculos a[b-loxqg1ovkh] {
    color: var(--cor-primaria);
    text-decoration: none;
    min-width: 0;
}

.receb-ficha__miniatura[b-loxqg1ovkh] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 2.6rem;
    height: 2.2rem;
    overflow: hidden;
    border-radius: 8px;
    color: var(--cor-texto-secundario);
    background: var(--cor-superficie-suave);
}

.receb-ficha__miniatura img[b-loxqg1ovkh] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.receb-ficha__observacoes[b-loxqg1ovkh] {
    margin: 0;
    padding: .65rem .8rem;
    font-size: .85rem;
    white-space: pre-wrap;
    border-left: 3px solid var(--cor-borda-forte);
    background: var(--cor-superficie-suave);
    border-radius: 0 var(--raio-base) var(--raio-base) 0;
}

.receb-ficha__subtitulo[b-loxqg1ovkh] {
    margin: .2rem 0 0;
    font-size: .92rem;
}

.receb-ficha__vazio[b-loxqg1ovkh] {
    margin: 0;
    font-size: .85rem;
    color: var(--cor-texto-secundario);
}

.receb-ficha__parcelas[b-loxqg1ovkh] {
    display: grid;
    gap: .3rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.receb-linha[b-loxqg1ovkh] {
    display: grid;
    grid-template-columns: 5.5rem 6.5rem minmax(6rem, 1fr) auto auto;
    align-items: center;
    gap: .6rem;
    padding: .4rem .7rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
}

.receb-linha--atrasada[b-loxqg1ovkh] { background: color-mix(in srgb, var(--cor-erro) 5%, var(--cor-superficie)); }
.receb-linha--cancelada[b-loxqg1ovkh] { opacity: .6; }

.receb-linha__numero[b-loxqg1ovkh] {
    font-size: .78rem;
    font-weight: 600;
    color: var(--cor-texto-secundario);
}

.receb-linha__data[b-loxqg1ovkh] {
    font-size: .84rem;
}

.receb-linha__valor[b-loxqg1ovkh] {
    text-align: right;
}

.receb-linha__acoes[b-loxqg1ovkh] {
    display: flex;
    justify-content: flex-end;
    min-width: 6rem;
}

.receb-botao-perigo[b-loxqg1ovkh] {
    margin-right: auto;
    color: var(--cor-erro);
}

.receb-botao-perigo-cheio[b-loxqg1ovkh] {
    background: var(--cor-erro);
    border-color: var(--cor-erro);
}

.receb-pagamento[b-loxqg1ovkh] {
    display: grid;
    gap: .8rem;
}

.receb-pagamento__vencimento[b-loxqg1ovkh] {
    margin: 0;
    padding: .5rem .7rem;
    font-size: .84rem;
    border-radius: var(--raio-base);
    background: var(--cor-superficie-suave);
}

.receb-ajuda[b-loxqg1ovkh] {
    display: block;
    margin-top: .25rem;
    font-size: .74rem;
    color: var(--cor-texto-secundario);
}

.receb-excluir__nome[b-loxqg1ovkh] {
    margin: 0;
}

/* ============================================================ Telas estreitas */

@media (max-width: 900px) {
    .receb-parcela[b-loxqg1ovkh] {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "principal valor"
            "numero acoes";
        row-gap: .35rem;
    }

    .receb-parcela__principal[b-loxqg1ovkh] { grid-area: principal; }
    .receb-parcela__valor[b-loxqg1ovkh] { grid-area: valor; }
    .receb-parcela__numero[b-loxqg1ovkh] { grid-area: numero; justify-self: start; }
    .receb-parcela__acoes[b-loxqg1ovkh] { grid-area: acoes; }
    .receb-parcela__responsavel[b-loxqg1ovkh] { display: none; }
}

@media (max-width: 640px) {
    .receb-hero__acoes[b-loxqg1ovkh] {
        width: 100%;
    }

    .receb-hero__acoes > button[b-loxqg1ovkh] {
        flex: 1 1 auto;
        justify-content: center;
    }

    .receb-filtros[b-loxqg1ovkh] {
        width: 100%;
    }

    .receb-filtros__busca[b-loxqg1ovkh] {
        flex: 1 1 100%;
    }

    .receb-filtros__busca input[b-loxqg1ovkh] {
        width: 100%;
    }

    .receb-filtros__seletor[b-loxqg1ovkh] {
        flex: 1 1 8rem;
    }

    .receb-mes__navegacao h2[b-loxqg1ovkh] {
        min-width: 0;
        flex: 1 1 auto;
    }

    .receb-grade[b-loxqg1ovkh] {
        grid-template-columns: minmax(0, 1fr);
    }

    .receb-linha[b-loxqg1ovkh] {
        grid-template-columns: 4.5rem minmax(0, 1fr) auto;
        grid-template-areas:
            "numero data valor"
            "chip chip acoes";
    }

    .receb-linha__numero[b-loxqg1ovkh] { grid-area: numero; }
    .receb-linha__data[b-loxqg1ovkh] { grid-area: data; }
    .receb-linha__valor[b-loxqg1ovkh] { grid-area: valor; }
    .receb-linha > .receb-chip[b-loxqg1ovkh] { grid-area: chip; justify-self: start; }
    .receb-linha__acoes[b-loxqg1ovkh] { grid-area: acoes; }
}

/* Atalho da cobrança do Asaas ligada à parcela */
.receb-acoes__cobranca[b-loxqg1ovkh] {
    color: var(--cor-primaria);
}

/* Repasse (divisão da cobrança entre participantes) */
.receb-divisao[b-loxqg1ovkh] {
    display: grid;
    gap: 0.5rem;
    margin: 0 0 0.75rem;
    padding: 0;
    list-style: none;
}

.receb-divisao li[b-loxqg1ovkh] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    background: var(--cor-superficie-suave);
}

.receb-divisao li small[b-loxqg1ovkh] {
    display: block;
    color: var(--cor-texto-secundario);
    font-size: 0.74rem;
}

.receb-divisao__acoes[b-loxqg1ovkh] {
    margin-bottom: 0.75rem;
}

.receb-divisao__marcar[b-loxqg1ovkh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    cursor: pointer;
}

.receb-divisao-linha[b-loxqg1ovkh] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1.2fr) minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.5rem;
}

.receb-divisao__resumo[b-loxqg1ovkh] {
    margin: 0;
    color: var(--cor-texto-secundario);
    font-size: 0.88rem;
}

@media (max-width: 700px) {
    .receb-divisao-linha[b-loxqg1ovkh] {
        grid-template-columns: 1fr 1fr;
    }
}

/* Confirmação de "Receber próxima parcela" */
.receb-proxima[b-loxqg1ovkh] {
    display: grid;
    gap: .55rem;
    margin: 0;
    padding: .85rem 1rem;
    border-radius: var(--raio-base);
    background: var(--cor-superficie-suave);
}

.receb-proxima div[b-loxqg1ovkh] {
    display: grid;
    grid-template-columns: 7.5rem minmax(0, 1fr);
    gap: .6rem;
    align-items: baseline;
}

.receb-proxima dt[b-loxqg1ovkh] {
    font-size: .8rem;
    color: var(--cor-texto-secundario);
}

.receb-proxima dd[b-loxqg1ovkh] {
    margin: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 520px) {
    .receb-proxima div[b-loxqg1ovkh] {
        grid-template-columns: minmax(0, 1fr);
        gap: .1rem;
    }
}
/* /Components/Paginas/RecuperarSenha.razor.rz.scp.css */
.recuperar-senha[b-087uy1s28w] {
    display: grid;
    place-items: center;
    width: 100%;
    min-height: 100dvh;
    padding: 1.5rem;
}

.recuperar-senha__cartao[b-087uy1s28w] {
    display: grid;
    gap: 1.4rem;
    width: min(28rem, 100%);
    padding: clamp(1.6rem, 4vw, 2.4rem);
    background: var(--cor-superficie, #ffffff);
    border: 1px solid var(--cor-borda, rgba(17, 37, 69, 0.1));
    border-radius: 8px;
    box-shadow: 0 24px 56px rgba(16, 24, 40, 0.13);
}

.recuperar-senha__marca[b-087uy1s28w] {
    display: flex;
    justify-content: center;
}

.recuperar-senha__logo[b-087uy1s28w] {
    width: clamp(9rem, 40vw, 11rem);
    height: auto;
    object-fit: contain;
}

.recuperar-senha__cabecalho[b-087uy1s28w],
.recuperar-senha__aviso[b-087uy1s28w] {
    display: grid;
    gap: 0.4rem;
    text-align: center;
}

.recuperar-senha__cabecalho h1[b-087uy1s28w],
.recuperar-senha__aviso h1[b-087uy1s28w] {
    margin: 0;
    font-family: var(--fonte-titulos);
    font-size: clamp(1.5rem, 1rem + 1.6vw, 2rem);
    line-height: 1.1;
    letter-spacing: -0.03em;
    color: var(--cor-texto, #112545);
}

.recuperar-senha__cabecalho p[b-087uy1s28w],
.recuperar-senha__aviso p[b-087uy1s28w] {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.45;
    color: var(--cor-texto-suave, #66758b);
}

.recuperar-senha__aviso[b-087uy1s28w] {
    justify-items: center;
    padding: 0.4rem 0;
}

.recuperar-senha__aviso small[b-087uy1s28w] {
    font-size: 0.8rem;
    line-height: 1.4;
    color: var(--cor-texto-suave, #90a0b4);
}

.recuperar-senha__aviso-icone[b-087uy1s28w] {
    display: inline-grid;
    place-items: center;
    width: 3.6rem;
    height: 3.6rem;
    margin-bottom: 0.3rem;
    border-radius: 50%;
}

.recuperar-senha__aviso--ok .recuperar-senha__aviso-icone[b-087uy1s28w] {
    background: rgba(22, 163, 74, 0.12);
    color: #16a34a;
}

.recuperar-senha__aviso--erro .recuperar-senha__aviso-icone[b-087uy1s28w] {
    background: rgba(220, 38, 38, 0.12);
    color: #dc2626;
}

.recuperar-senha__erro[b-087uy1s28w] {
    margin: 0;
    padding: 0.8rem 1rem;
    border-radius: var(--raio-medio);
    background: rgba(220, 38, 38, 0.08);
    color: #b91c1c;
    font-size: 0.88rem;
    line-height: 1.45;
    text-align: center;
}

/* O <form> é renderizado pelo EditForm (componente filho) e não recebe o atributo de escopo: ::deep alcança ele. */
.recuperar-senha__cartao[b-087uy1s28w]  .recuperar-senha__form {
    display: grid;
    gap: 1.4rem;
}

.recuperar-senha__campo[b-087uy1s28w] {
    display: grid;
    gap: 0.45rem;
}

.recuperar-senha__campo label[b-087uy1s28w] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--cor-texto, #1a2b47);
}

.recuperar-senha__entrada[b-087uy1s28w] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.65rem;
    min-height: 3.2rem;
    padding: 0 0.85rem;
    border: 1px solid var(--cor-borda, #dce3ed);
    border-radius: var(--raio-medio);
    background: var(--cor-fundo-secundario, #ffffff);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.recuperar-senha__entrada--com-acao[b-087uy1s28w] {
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.recuperar-senha__entrada:focus-within[b-087uy1s28w] {
    border-color: var(--cor-primaria, rgba(16, 36, 67, 0.5));
    box-shadow: 0 0 0 0.2rem var(--cor-primaria-suave, rgba(16, 36, 67, 0.1));
}

.recuperar-senha__entrada-icone[b-087uy1s28w],
.recuperar-senha__alternar-senha[b-087uy1s28w] {
    display: inline-grid;
    place-items: center;
    color: var(--cor-texto-suave, #6f7d92);
}

.recuperar-senha__alternar-senha[b-087uy1s28w] {
    width: 1.3rem;
    height: 1.3rem;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
}

.recuperar-senha__campo-input[b-087uy1s28w] {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    color: var(--cor-texto, #17253d);
    font-size: 0.92rem;
    padding: 0;
}

.recuperar-senha__campo-input[b-087uy1s28w]::-ms-reveal,
.recuperar-senha__campo-input[b-087uy1s28w]::-ms-clear {
    display: none;
}

.recuperar-senha__ajuda[b-087uy1s28w] {
    font-size: 0.8rem;
    color: var(--cor-texto-suave, #90a0b4);
}

.recuperar-senha__botao[b-087uy1s28w] {
    box-sizing: border-box;
    width: 100%;
    min-height: 3.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    border: none;
    border-radius: var(--raio-medio);
    background: var(--cor-primaria, #0d2140);
    color: #ffffff;
    font-size: 0.98rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.2s ease, filter 0.2s ease;
}

.recuperar-senha__botao:hover:not(:disabled)[b-087uy1s28w] {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

.recuperar-senha__botao:disabled[b-087uy1s28w] {
    opacity: 0.65;
    cursor: progress;
}

.recuperar-senha__botao--secundario[b-087uy1s28w] {
    background: transparent;
    color: var(--cor-primaria, #0d2140);
    border: 1px solid var(--cor-borda, #dce3ed);
}

.recuperar-senha__voltar[b-087uy1s28w] {
    justify-self: center;
    padding: 0.2rem 0.5rem;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--cor-texto-suave, #66758b);
    text-decoration: none;
}

.recuperar-senha__voltar:hover[b-087uy1s28w] {
    text-decoration: underline;
}
/* /Components/Paginas/RepassesBank.razor.rz.scp.css */
.repasses__aviso[b-ys6m24vg98] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    margin: 0 0 var(--espacamento-4, 1rem);
    padding: 0.65rem 0.9rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
    font-size: 0.86rem;
}

.repasses__aviso[b-ys6m24vg98]  svg {
    flex: none;
    margin-top: 0.1rem;
    color: var(--cor-primaria);
}

.tabela-sistema--repasses .tabela-sistema__cabecalho[b-ys6m24vg98],
.tabela-sistema--repasses .tabela-sistema__linha[b-ys6m24vg98] {
    grid-template-columns: 2fr 1.4fr 0.8fr 1fr 8rem;
    align-items: center;
}

.tabela-sistema--repasses .linha-acoes[b-ys6m24vg98] {
    justify-content: flex-end;
}

.repasses__sub[b-ys6m24vg98] {
    display: block;
    color: var(--cor-texto-secundario);
    font-size: 0.76rem;
}

.repasses__inativo[b-ys6m24vg98] {
    opacity: 0.6;
}

.repasses__status[b-ys6m24vg98] {
    display: inline-flex;
    padding: 0.18rem 0.65rem;
    border-radius: 999px;
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
    font-weight: 600;
}

.repasses__status--ativo[b-ys6m24vg98] {
    background: rgba(25, 201, 139, 0.14);
    color: #12b886;
}

.repasses__form[b-ys6m24vg98] {
    display: grid;
    gap: 0.85rem;
}

.repasses__form small[b-ys6m24vg98] {
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
}

@media (max-width: 900px) {
    .tabela-sistema--repasses .tabela-sistema__cabecalho[b-ys6m24vg98],
    .tabela-sistema--repasses .tabela-sistema__linha[b-ys6m24vg98] {
        grid-template-columns: 1fr;
    }

    .tabela-sistema--repasses .linha-acoes[b-ys6m24vg98] {
        justify-content: flex-start;
    }
}
/* /Components/Paginas/ResumoImovel.razor.rz.scp.css */
.resumo-imovel[b-eb41tya6t4] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    height: 100%;
    min-height: 0;
}

.resumo-imovel__barra[b-eb41tya6t4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espacamento-2);
    padding: var(--espacamento-3) var(--espacamento-4);
    border-bottom: 1px solid var(--cor-borda);
    background: var(--cor-superficie-elevada);
}

.resumo-imovel__ref[b-eb41tya6t4] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--cor-primaria) 14%, transparent);
    color: var(--cor-primaria);
    font-size: 0.8rem;
    font-weight: 800;
}

.resumo-imovel__codigo[b-eb41tya6t4] {
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
    font-weight: 700;
}

.resumo-imovel__espaco[b-eb41tya6t4] {
    flex: 1 1 auto;
}

.resumo-imovel__aviso[b-eb41tya6t4] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
}

.resumo-imovel__barra a.botao-secundario[b-eb41tya6t4] {
    text-decoration: none;
}

.resumo-imovel__corpo[b-eb41tya6t4] {
    min-height: 0;
    overflow: auto;
    padding: var(--espacamento-4);
    background: var(--cor-fundo-secundario);
}

.resumo-imovel__vazio[b-eb41tya6t4] {
    margin: 0;
    padding: var(--espacamento-5, 2rem);
    color: var(--cor-texto-secundario);
    text-align: center;
}
/* /Components/Paginas/SaquesBank.razor.rz.scp.css */
.saques__faixa[b-s0be6q1nlx] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    margin: 0;
    padding: 0.6rem 0.9rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    background: var(--cor-superficie-suave);
    color: var(--cor-texto);
    font-size: 0.85rem;
}

.saques__faixa[b-s0be6q1nlx]  svg {
    flex: none;
    margin-top: 0.1rem;
    color: var(--cor-primaria);
}

.saques__faixa--sandbox[b-s0be6q1nlx] {
    border-color: rgba(245, 159, 0, 0.35);
    background: rgba(245, 159, 0, 0.1);
}

.saques__faixa--sandbox[b-s0be6q1nlx]  svg {
    color: #f59f00;
}

.saques__vazio[b-s0be6q1nlx] {
    display: grid;
    justify-items: center;
    gap: 0.6rem;
    padding: 2.5rem 1rem;
    text-align: center;
}

.saques__vazio h3[b-s0be6q1nlx],
.saques__vazio p[b-s0be6q1nlx] {
    margin: 0;
}

.saques__vazio p[b-s0be6q1nlx] {
    max-width: 34rem;
    color: var(--cor-texto-secundario);
}

.saques__icone[b-s0be6q1nlx] {
    display: inline-grid;
    place-items: center;
    width: 4rem;
    height: 4rem;
    border-radius: 1.2rem;
    background: color-mix(in srgb, var(--cor-primaria) 16%, transparent);
    color: var(--cor-primaria);
}

.saques__card[b-s0be6q1nlx] {
    position: relative;
    display: grid;
    gap: 0.15rem;
}

.saques__card strong[b-s0be6q1nlx] {
    font-size: 1.45rem;
}

.saques__card small[b-s0be6q1nlx] {
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
}

.saques__card--saldo strong[b-s0be6q1nlx] {
    color: #12b886;
}

.saques__link[b-s0be6q1nlx] {
    justify-self: start;
    padding: 0;
    border: 0;
    background: none;
    color: var(--cor-primaria);
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
}

.saques__cabecalho[b-s0be6q1nlx] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: var(--espacamento-4, 1rem);
}

.saques__cabecalho h3[b-s0be6q1nlx],
.saques__cabecalho p[b-s0be6q1nlx] {
    margin: 0;
}

.saques__cabecalho p[b-s0be6q1nlx] {
    margin-top: 0.2rem;
    color: var(--cor-texto-secundario);
    font-size: 0.86rem;
}

.tabela-sistema--destinos .tabela-sistema__cabecalho[b-s0be6q1nlx],
.tabela-sistema--destinos .tabela-sistema__linha[b-s0be6q1nlx] {
    grid-template-columns: 2fr 1.4fr 1.2fr 5rem;
    align-items: center;
}

.tabela-sistema--saques .tabela-sistema__cabecalho[b-s0be6q1nlx],
.tabela-sistema--saques .tabela-sistema__linha[b-s0be6q1nlx] {
    grid-template-columns: 1.1fr 2fr 1fr 1.5fr 7rem;
    align-items: center;
}

.tabela-sistema--destinos .linha-acoes[b-s0be6q1nlx],
.tabela-sistema--saques .linha-acoes[b-s0be6q1nlx] {
    justify-content: flex-end;
}

.saques__direita[b-s0be6q1nlx] {
    text-align: right;
}

.saques__sub[b-s0be6q1nlx] {
    display: block;
    color: var(--cor-texto-secundario);
    font-size: 0.76rem;
}

.saques__sub--erro[b-s0be6q1nlx] {
    color: #f06565;
}

.saques__status[b-s0be6q1nlx] {
    display: inline-flex;
    padding: 0.18rem 0.65rem;
    border-radius: 999px;
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
    font-weight: 600;
}

.saques__status--ok[b-s0be6q1nlx] {
    background: rgba(25, 201, 139, 0.14);
    color: #12b886;
}

.saques__status--erro[b-s0be6q1nlx] {
    background: rgba(224, 49, 49, 0.14);
    color: #f06565;
}

.saques__status--aviso[b-s0be6q1nlx] {
    background: rgba(245, 159, 0, 0.14);
    color: #d98200;
}

.saques__form[b-s0be6q1nlx] {
    display: grid;
    gap: 0.85rem;
}

.saques__form small[b-s0be6q1nlx] {
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
}

.saques__linha-form[b-s0be6q1nlx] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.85rem;
}

.saques__aviso[b-s0be6q1nlx] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    margin: 0;
    padding: 0.65rem 0.9rem;
    border: 1px solid rgba(245, 159, 0, 0.3);
    border-radius: var(--raio-pequeno);
    background: rgba(245, 159, 0, 0.1);
    font-size: 0.86rem;
}

.saques__aviso[b-s0be6q1nlx]  svg {
    flex: none;
    margin-top: 0.1rem;
    color: #f59f00;
}

@media (max-width: 900px) {
    .tabela-sistema--destinos .tabela-sistema__cabecalho[b-s0be6q1nlx],
    .tabela-sistema--destinos .tabela-sistema__linha[b-s0be6q1nlx],
    .tabela-sistema--saques .tabela-sistema__cabecalho[b-s0be6q1nlx],
    .tabela-sistema--saques .tabela-sistema__linha[b-s0be6q1nlx] {
        grid-template-columns: 1fr;
    }

    .saques__direita[b-s0be6q1nlx] {
        text-align: left;
    }

    .saques__linha-form[b-s0be6q1nlx] {
        grid-template-columns: 1fr;
    }
}

.saques__faixa--aprovacao[b-s0be6q1nlx] {
    border-color: rgba(245, 159, 0, 0.35);
    background: rgba(245, 159, 0, 0.1);
}

.saques__detalhe[b-s0be6q1nlx] {
    display: grid;
    gap: 0.5rem;
    margin: 0;
}

.saques__detalhe div[b-s0be6q1nlx] {
    display: grid;
    grid-template-columns: 8rem 1fr;
    gap: 0.6rem;
}

.saques__detalhe dt[b-s0be6q1nlx] {
    color: var(--cor-texto-secundario);
    font-size: 0.82rem;
}

.saques__detalhe dd[b-s0be6q1nlx] {
    margin: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 900px) {
    .saques__detalhe div[b-s0be6q1nlx] {
        grid-template-columns: 1fr;
        gap: 0.1rem;
    }
}
/* /Components/Paginas/Sites.razor.rz.scp.css */
.sites-carregando[b-wjejmqzsir] {
    color: var(--cor-texto-secundario);
    padding: var(--espacamento-4) 0;
}

/* site | status | páginas | leads | visitantes(7d) | atualizado | ações.
   Colunas numéricas curtas; "ações" com largura FIXA (7 ícones de 2rem + gaps) para o
   cabeçalho e as linhas — que são grids independentes — ficarem alinhados. */
.tabela-sites .tabela-sistema__cabecalho[b-wjejmqzsir],
.tabela-sites .tabela-sistema__linha[b-wjejmqzsir] {
    grid-template-columns:
        minmax(0, 2.2fr)
        minmax(84px, 0.8fr)
        minmax(48px, 0.4fr)
        minmax(48px, 0.4fr)
        minmax(72px, 0.6fr)
        minmax(96px, 0.9fr)
        calc(7 * 2rem + 6 * 2px);
    column-gap: var(--espacamento-2);
}

/* Ações mais compactas só nesta tabela (são 7 ícones). */
.tabela-sites .linha-acoes--icones[b-wjejmqzsir] {
    gap: 2px;
}

.tabela-sites .botao-icone--tabela[b-wjejmqzsir] {
    width: 2rem;
    height: 2rem;
}

.tabela-sites__sub[b-wjejmqzsir] {
    color: var(--cor-texto-secundario);
    margin-left: 2px;
}

.selo-status[b-wjejmqzsir] {
    display: inline-flex;
    align-items: center;
    gap: var(--espacamento-1);
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    border: 1px solid var(--cor-borda);
    color: var(--cor-texto-secundario);
    background: var(--cor-superficie);
}

.selo-status[b-wjejmqzsir]::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
}

.selo-status--publicado[b-wjejmqzsir] {
    color: #1a7f37;
    border-color: color-mix(in srgb, #1a7f37 35%, transparent);
    background: color-mix(in srgb, #1a7f37 12%, transparent);
}

.selo-status--rascunho[b-wjejmqzsir] {
    color: #9a6700;
    border-color: color-mix(in srgb, #9a6700 35%, transparent);
    background: color-mix(in srgb, #9a6700 12%, transparent);
}

.selo-status--arquivado[b-wjejmqzsir] {
    color: var(--cor-texto-secundario);
}

.formulario-site[b-wjejmqzsir] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-4);
}

.formulario-site .campo-formulario__ajuda[b-wjejmqzsir] {
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
}

.botao-icone--perigo:hover:not(:disabled)[b-wjejmqzsir] {
    color: var(--cor-erro, #c0362c);
}

/* ---------- Assistente de criação de site (escolha de modelo) ---------- */
.assistente-passos[b-wjejmqzsir] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    list-style: none;
    margin: 0 0 var(--espacamento-5);
    padding: 0;
}

.assistente-passos__item[b-wjejmqzsir] {
    display: inline-flex;
    align-items: center;
    gap: var(--espacamento-2);
    color: var(--cor-texto-suave);
    font-weight: 600;
    font-size: 0.9rem;
}

.assistente-passos__numero[b-wjejmqzsir] {
    display: inline-grid;
    place-items: center;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    border: 1px solid var(--cor-borda-forte);
    font-size: 0.8rem;
}

.assistente-passos__item--ativo[b-wjejmqzsir] {
    color: var(--cor-texto);
}

.assistente-passos__item--ativo .assistente-passos__numero[b-wjejmqzsir] {
    background: var(--cor-primaria);
    border-color: var(--cor-primaria);
    color: #fff;
}

.assistente-passos__item--feito[b-wjejmqzsir] {
    color: var(--cor-texto-secundario);
}

.assistente-passos__item--feito .assistente-passos__numero[b-wjejmqzsir] {
    background: var(--cor-primaria-suave);
    border-color: var(--cor-primaria);
    color: var(--cor-primaria);
}

.assistente-passos__linha[b-wjejmqzsir] {
    flex: 0 0 3rem;
    height: 1px;
    background: var(--cor-borda-forte);
}

.modelos-grupo + .modelos-grupo[b-wjejmqzsir] {
    margin-top: var(--espacamento-6);
}

.modelos-grupo__titulo[b-wjejmqzsir] {
    margin: 0 0 var(--espacamento-3);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--cor-texto-suave);
}

.modelos-grade[b-wjejmqzsir] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(21rem, 1fr));
    gap: var(--espacamento-4);
}

.modelo-cartao[b-wjejmqzsir] {
    display: flex;
    flex-direction: column;
    padding: 0;
    text-align: left;
    background: var(--cor-superficie);
    color: var(--cor-texto);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-grande);
    overflow: hidden;
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s;
}

.modelo-cartao:hover:not(:disabled)[b-wjejmqzsir] {
    border-color: var(--cor-borda-forte);
    box-shadow: var(--sombra-suave);
    transform: translateY(-2px);
}

.modelo-cartao--escolhido[b-wjejmqzsir],
.modelo-cartao--escolhido:hover:not(:disabled)[b-wjejmqzsir] {
    border-color: var(--cor-primaria);
    box-shadow: 0 0 0 2px var(--cor-primaria-suave), var(--sombra-suave);
}

.modelo-cartao--bloqueado[b-wjejmqzsir] {
    opacity: 0.55;
    cursor: not-allowed;
}

/* Miniatura: o site de verdade renderizado em um quadro 4x maior e reduzido a 0,25x (sempre encaixa). */
.modelo-cartao__miniatura[b-wjejmqzsir] {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid var(--cor-borda);
}

.modelo-cartao__quadro[b-wjejmqzsir] {
    position: absolute;
    top: 0;
    left: 0;
    width: 400%;
    height: 400%;
    border: 0;
    transform-origin: top left;
    transform: scale(0.25);
    pointer-events: none;
    background: #fff;
}

.modelo-cartao__bloqueio[b-wjejmqzsir] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: var(--cor-texto-suave);
    background: var(--cor-superficie-suave);
}

.modelo-cartao__marca[b-wjejmqzsir] {
    position: absolute;
    top: var(--espacamento-3);
    right: var(--espacamento-3);
    display: grid;
    place-items: center;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 50%;
    background: var(--cor-primaria);
    color: #fff;
    box-shadow: var(--sombra-suave);
}

.modelo-cartao__info[b-wjejmqzsir] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-1);
    padding: var(--espacamento-4);
}

.modelo-cartao__info strong[b-wjejmqzsir] {
    font-size: 1rem;
}

.modelo-cartao__info small[b-wjejmqzsir] {
    color: var(--cor-texto-secundario);
    font-size: 0.85rem;
    line-height: 1.45;
}

.modelo-cartao__tags[b-wjejmqzsir] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espacamento-2);
    margin-top: var(--espacamento-2);
}

.modelo-tag[b-wjejmqzsir] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--cor-texto-secundario);
    background: var(--cor-superficie-suave);
    border: 1px solid var(--cor-borda);
}

.modelo-tag--modulo[b-wjejmqzsir] {
    color: var(--cor-primaria);
    border-color: var(--cor-primaria-suave);
    background: var(--cor-primaria-suave);
}

.modelo-tag--aviso[b-wjejmqzsir] {
    color: var(--cor-alerta);
}

.assistente-avancado[b-wjejmqzsir] {
    margin: var(--espacamento-5) 0 0;
}

.link-discreto[b-wjejmqzsir] {
    display: inline-flex;
    align-items: center;
    gap: var(--espacamento-2);
    padding: 0;
    background: none;
    border: 0;
    color: var(--cor-texto-secundario);
    font: inherit;
    font-size: 0.85rem;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}

.link-discreto:hover[b-wjejmqzsir] {
    color: var(--cor-texto);
}

/* Passo 2: formulário à esquerda, prévia do modelo à direita. */
.assistente-detalhes[b-wjejmqzsir] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
    gap: var(--espacamento-6);
    align-items: start;
}

.formulario-site__mais > summary[b-wjejmqzsir] {
    cursor: pointer;
    color: var(--cor-texto-secundario);
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: var(--espacamento-3);
}

.assistente-previa[b-wjejmqzsir] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-3);
    padding: var(--espacamento-4);
    background: var(--cor-superficie-suave);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-grande);
}

.assistente-previa__cabecalho[b-wjejmqzsir] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-3);
}

.assistente-previa__quadro[b-wjejmqzsir] {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: #fff;
}

.assistente-previa__iframe[b-wjejmqzsir] {
    position: absolute;
    top: 0;
    left: 0;
    width: 250%;
    height: 250%;
    border: 0;
    transform-origin: top left;
    transform: scale(0.4);
    pointer-events: none;
    background: #fff;
}

.assistente-previa__rotulo[b-wjejmqzsir] {
    margin: 0;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--cor-texto-suave);
}

.assistente-previa__paginas[b-wjejmqzsir] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espacamento-2);
}

.modelo-tag--pagina[b-wjejmqzsir] {
    cursor: pointer;
    font: inherit;
    font-size: 0.8rem;
    font-weight: 600;
    padding: 4px 12px;
}

.modelo-tag--pagina small[b-wjejmqzsir] {
    opacity: 0.6;
    font-weight: 500;
}

.modelo-tag--pagina:hover[b-wjejmqzsir] {
    border-color: var(--cor-borda-forte);
    color: var(--cor-texto);
}

.modelo-tag--ativa[b-wjejmqzsir] {
    color: var(--cor-primaria);
    border-color: var(--cor-primaria);
    background: var(--cor-primaria-suave);
}

@media (max-width: 900px) {
    .assistente-detalhes[b-wjejmqzsir] {
        grid-template-columns: 1fr;
    }

    .modelos-grade[b-wjejmqzsir] {
        grid-template-columns: 1fr;
    }
}

/* Estilos prontos (paleta + fontes + cantos) */
.estilos-grade[b-wjejmqzsir] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr));
    gap: var(--espacamento-2);
}

.estilo-opcao[b-wjejmqzsir] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-2);
    align-items: stretch;
    padding: var(--espacamento-2);
    background: var(--cor-superficie);
    color: var(--cor-texto);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    font: inherit;
    font-size: 0.8rem;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
}

.estilo-opcao:hover[b-wjejmqzsir] {
    border-color: var(--cor-borda-forte);
}

.estilo-opcao--ativo[b-wjejmqzsir] {
    border-color: var(--cor-primaria);
    box-shadow: 0 0 0 2px var(--cor-primaria-suave);
}

.estilo-opcao__amostra[b-wjejmqzsir] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 2.2rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
}

.estilo-opcao__amostra i[b-wjejmqzsir] {
    width: 0.85rem;
    height: 0.85rem;
    border-radius: 50%;
    display: inline-block;
}

.estilo-opcao__amostra--modelo[b-wjejmqzsir] {
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
    font-size: 1rem;
}

.estilos-margem[b-wjejmqzsir] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin-top: 0.9rem;
    font-weight: 600;
}

.estilos-margem input[type="range"][b-wjejmqzsir] {
    width: 100%;
    accent-color: var(--cor-primaria, currentColor);
}

.estilos-margem small[b-wjejmqzsir] {
    font-weight: 400;
}

/* Marca do site padrão da imobiliária (IA de Imóveis): selo na lista e estrela acesa na ação. */
.selo-padrao-imobiliaria[b-wjejmqzsir] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 2px;
    font-size: 0.72rem;
    font-weight: 600;
    color: #9a6700;
}

/* ---------- Modal de site: seções em cartões ---------- */
.formulario-site--secoes[b-wjejmqzsir] {
    gap: var(--espacamento-4);
}

.secao-site[b-wjejmqzsir] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-4);
    padding: var(--espacamento-5);
    background: var(--cor-superficie);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-grande);
}

.secao-site__cabecalho[b-wjejmqzsir],
.secao-site--recolhivel > summary[b-wjejmqzsir] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
}

.secao-site__cabecalho h3[b-wjejmqzsir],
.secao-site__titulo-resumo h3[b-wjejmqzsir] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}

.secao-site__cabecalho p[b-wjejmqzsir],
.secao-site__titulo-resumo p[b-wjejmqzsir] {
    margin: 2px 0 0;
    color: var(--cor-texto-secundario);
    font-size: 0.82rem;
    line-height: 1.4;
}

.secao-site__icone[b-wjejmqzsir] {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--raio-medio);
    color: var(--cor-primaria);
    background: var(--cor-primaria-suave);
}

.secao-site--recolhivel[b-wjejmqzsir] {
    gap: 0;
}

.secao-site--recolhivel > summary[b-wjejmqzsir] {
    cursor: pointer;
    list-style: none;
}

.secao-site--recolhivel > summary[b-wjejmqzsir]::-webkit-details-marker {
    display: none;
}

.secao-site--recolhivel > summary[b-wjejmqzsir]::after {
    content: "";
    margin-left: auto;
    width: 0.55rem;
    height: 0.55rem;
    border-right: 2px solid var(--cor-texto-suave);
    border-bottom: 2px solid var(--cor-texto-suave);
    transform: rotate(45deg);
    transition: transform 0.15s;
}

.secao-site--recolhivel[open] > summary[b-wjejmqzsir]::after {
    transform: rotate(-135deg);
}

.secao-site__conteudo[b-wjejmqzsir] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-4);
    margin-top: var(--espacamento-4);
    padding-top: var(--espacamento-4);
    border-top: 1px solid var(--cor-borda);
}

/* Endereço do site: "/" fixo antes do campo. */
.campo-prefixado[b-wjejmqzsir] {
    display: flex;
    align-items: stretch;
}

.campo-prefixado > span[b-wjejmqzsir] {
    display: grid;
    place-items: center;
    padding: 0 var(--espacamento-3);
    color: var(--cor-texto-secundario);
    background: var(--cor-superficie-suave);
    border: 1px solid var(--cor-borda);
    border-right: 0;
    border-radius: var(--raio-medio) 0 0 var(--raio-medio);
    font-weight: 600;
}

.campo-prefixado > input[b-wjejmqzsir] {
    flex: 1 1 auto;
    min-width: 0;
    border-radius: 0 var(--raio-medio) var(--raio-medio) 0;
}

/* Idioma: escolha entre poucas opções, lado a lado. */
.segmentado[b-wjejmqzsir] {
    display: inline-flex;
    gap: 2px;
    padding: 3px;
    background: var(--cor-superficie-suave);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
}

.segmentado__opcao[b-wjejmqzsir] {
    padding: 0.4rem 1rem;
    background: transparent;
    color: var(--cor-texto-secundario);
    border: 0;
    border-radius: calc(var(--raio-medio) - 2px);
    font: inherit;
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}

.segmentado__opcao:hover[b-wjejmqzsir] {
    color: var(--cor-texto);
}

.segmentado__opcao--ativa[b-wjejmqzsir],
.segmentado__opcao--ativa:hover[b-wjejmqzsir] {
    color: var(--cor-primaria);
    background: var(--cor-superficie);
    box-shadow: var(--sombra-suave);
}

/* Cartão com interruptor (padrão da imobiliária). */
.cartao-interruptor[b-wjejmqzsir] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-4);
    padding: var(--espacamento-4);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
}

.cartao-interruptor:hover[b-wjejmqzsir] {
    border-color: var(--cor-borda-forte);
}

.cartao-interruptor--ativo[b-wjejmqzsir] {
    border-color: var(--cor-primaria);
    background: var(--cor-primaria-suave);
}

.cartao-interruptor__texto[b-wjejmqzsir] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cartao-interruptor__texto small[b-wjejmqzsir] {
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
    line-height: 1.4;
}

.cartao-interruptor input[b-wjejmqzsir] {
    position: absolute;
    opacity: 0;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
}

.cartao-interruptor__trilho[b-wjejmqzsir] {
    position: relative;
    flex: 0 0 auto;
    width: 2.75rem;
    height: 1.55rem;
    border-radius: 999px;
    background: var(--cor-borda-forte);
    transition: background 0.15s;
}

.cartao-interruptor__trilho[b-wjejmqzsir]::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    transition: transform 0.15s;
}

.cartao-interruptor input:checked ~ .cartao-interruptor__trilho[b-wjejmqzsir] {
    background: var(--cor-primaria);
}

.cartao-interruptor input:checked ~ .cartao-interruptor__trilho[b-wjejmqzsir]::after {
    transform: translateX(1.2rem);
}

.cartao-interruptor input:focus-visible ~ .cartao-interruptor__trilho[b-wjejmqzsir] {
    outline: 2px solid var(--cor-primaria);
    outline-offset: 2px;
}

.cartao-interruptor input:disabled ~ .cartao-interruptor__trilho[b-wjejmqzsir] {
    opacity: 0.5;
}

/* ---------- Estilos: miniatura de um site de verdade (cabeçalho, texto, botão, paleta) ---------- */
.estilo-opcao__nome[b-wjejmqzsir] {
    font-size: 0.82rem;
}

.estilo-mini[b-wjejmqzsir] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 4.6rem;
    overflow: hidden;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    text-align: left;
}

.estilo-mini--atual[b-wjejmqzsir] {
    align-items: center;
    justify-content: center;
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
    border-style: dashed;
}

.estilo-mini__topo[b-wjejmqzsir] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 0.8rem;
    padding: 0 6px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.estilo-mini__topo b[b-wjejmqzsir] {
    display: block;
    width: 1.1rem;
    height: 3px;
    border-radius: 2px;
    opacity: 0.85;
}

.estilo-mini__topo b + b[b-wjejmqzsir] {
    width: 0.6rem;
}

.estilo-mini__corpo[b-wjejmqzsir] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    padding: 0 8px;
}

.estilo-mini__corpo i[b-wjejmqzsir] {
    display: block;
    width: 70%;
    height: 4px;
    border-radius: 2px;
    opacity: 0.8;
}

.estilo-mini__corpo i.estilo-mini__curta[b-wjejmqzsir] {
    width: 45%;
    opacity: 0.4;
}

.estilo-mini__corpo em[b-wjejmqzsir] {
    display: block;
    width: 1.6rem;
    height: 0.5rem;
    margin-top: 2px;
    border: 1.5px solid transparent;
}

.estilo-mini__paleta[b-wjejmqzsir] {
    position: absolute;
    right: 5px;
    bottom: 5px;
    display: inline-flex;
    gap: 2px;
}

.estilo-mini__paleta u[b-wjejmqzsir] {
    display: block;
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.7);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
}

.estilos-grade[b-wjejmqzsir] {
    grid-template-columns: repeat(auto-fill, minmax(8.25rem, 1fr));
}

.estilo-opcao[b-wjejmqzsir] {
    padding: var(--espacamento-2);
    transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s;
}

.estilo-opcao:hover[b-wjejmqzsir] {
    transform: translateY(-1px);
}

/* ---------- Prévia ao vivo na edição ---------- */
.assistente-detalhes--unico[b-wjejmqzsir] {
    grid-template-columns: minmax(0, 1fr);
}

.assistente-detalhes > .assistente-previa[b-wjejmqzsir] {
    position: sticky;
    top: 0;
}

.assistente-previa__quadro--alto[b-wjejmqzsir] {
    aspect-ratio: 4 / 5;
}

.assistente-previa__estado[b-wjejmqzsir] {
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
}

.assistente-previa__vazio[b-wjejmqzsir] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    padding: var(--espacamento-4);
    color: var(--cor-texto-secundario);
    font-size: 0.9rem;
    text-align: center;
}

.assistente-previa__nota[b-wjejmqzsir] {
    margin: 0;
    color: var(--cor-texto-suave);
    font-size: 0.78rem;
    line-height: 1.4;
}

@media (max-width: 900px) {
    .assistente-detalhes > .assistente-previa[b-wjejmqzsir] {
        position: static;
    }

    .secao-site[b-wjejmqzsir] {
        padding: var(--espacamento-4);
    }
}

.secao-site__aviso[b-wjejmqzsir] {
    margin: 0;
    padding: var(--espacamento-3);
    color: var(--cor-alerta);
    background: color-mix(in srgb, var(--cor-alerta) 10%, transparent);
    border-radius: var(--raio-medio);
    font-size: 0.82rem;
    line-height: 1.4;
}
/* /Components/Paginas/Tarefas.razor.rz.scp.css */
/* ============================================================ Cabeçalho do quadro */

.tarefas-hero[b-omhl2qcleo] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.tarefas-hero__info[b-omhl2qcleo] {
    min-width: 0;
    flex: 1 1 16rem;
}

.tarefas-hero__titulo[b-omhl2qcleo] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tarefas-hero__descricao[b-omhl2qcleo] {
    margin: .2rem 0 0;
    font-size: .82rem;
    color: var(--cor-texto-suave);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tarefas-hero__descricao--vazia[b-omhl2qcleo] {
    font-style: italic;
    opacity: .7;
}

.tarefas-hero__acoes[b-omhl2qcleo] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.tarefas-hero__filtro.ativo[b-omhl2qcleo] {
    background: color-mix(in srgb, var(--cor-primaria) 14%, var(--cor-superficie));
    color: var(--cor-primaria);
}

.tarefas-hero__busca[b-omhl2qcleo] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: 0 .6rem;
    height: 2.25rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    background: var(--cor-superficie);
    color: var(--cor-texto-suave);
}

.tarefas-hero__busca:focus-within[b-omhl2qcleo] {
    border-color: var(--cor-primaria);
}

.tarefas-hero__busca-entrada[b-omhl2qcleo] {
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: .82rem;
    width: 12rem;
    max-width: 40vw;
}

.tarefas-hero__menu-wrap[b-omhl2qcleo] {
    position: relative;
    display: inline-flex;
}

/* Posição (fixed) vem de ".menu-flutuante" + nexoMenuFlutuante. */
.tarefas-hero__menu[b-omhl2qcleo] {
    display: grid;
    min-width: 12rem;
    max-height: 60vh;
    overflow-y: auto;
    padding: .25rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    background: var(--cor-superficie);
    box-shadow: 0 .5rem 1.25rem color-mix(in srgb, #000 18%, transparent);
}

.tarefas-hero__menu button[b-omhl2qcleo] {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%;
    padding: .45rem .55rem;
    border: 0;
    border-radius: calc(var(--raio-base) - 2px);
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: .8rem;
    text-align: left;
    cursor: pointer;
}

.tarefas-hero__menu button:hover:not(:disabled)[b-omhl2qcleo] {
    background: color-mix(in srgb, var(--cor-primaria) 10%, var(--cor-superficie));
}

.tarefas-hero__menu button:disabled[b-omhl2qcleo] {
    opacity: .5;
    cursor: not-allowed;
}

.tarefas-hero__menu button.ativo[b-omhl2qcleo] {
    color: var(--cor-primaria);
    font-weight: 600;
}

.tarefas-hero__menu-cor[b-omhl2qcleo] {
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    flex: 0 0 auto;
}

.tarefas-hero__menu-etiqueta[b-omhl2qcleo] {
    margin-left: auto;
    font-size: .65rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--cor-texto-suave);
}

.tarefas-hero__menu-vazio[b-omhl2qcleo] {
    padding: .5rem .55rem;
    font-size: .78rem;
    color: var(--cor-texto-suave);
}

/* ============================================================ Layout do conteúdo (painel + quadro) */

.tarefas-pagina[b-omhl2qcleo] {
    display: block;
}

.tarefas-conteudo[b-omhl2qcleo] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    min-width: 0;
}

.tarefas-conteudo__painel[b-omhl2qcleo] {
    flex: 0 0 15rem;
    min-width: 0;
    position: sticky;
    top: .5rem;
}

.tarefas-quadro-area[b-omhl2qcleo] {
    flex: 1 1 auto;
    min-width: 0;
}

.tarefas-quadro[b-omhl2qcleo] {
    margin-top: 0;
}

/* Estado vazio (sem projeto / sem colunas): centralizado na área do quadro. Sem isso o
   ".estado-vazio" (grid) estica pela linha 1fr da página e espalha ícone, título e texto. */
.tarefas-vazio[b-omhl2qcleo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    flex: 1 1 auto;
    min-height: 16rem;
    padding: 2rem 1rem;
    text-align: center;
}

.tarefas-vazio[b-omhl2qcleo]  .estado-vazio {
    justify-items: center;
    align-content: center;
    padding: 0;
    max-width: 28rem;
}

.tarefas-vazio[b-omhl2qcleo]  .estado-vazio strong {
    font-size: 1.05rem;
}

.tarefas-board[b-omhl2qcleo] {
    display: flex;
    gap: 0;
    align-items: flex-start;
    overflow-x: auto;
    overflow-y: visible;
    padding-bottom: .5rem;
    /* No touch, o navegador rola nos dois eixos com inércia; a "mãozinha" (arrasto
       com o mouse) é tratada por criarArrastoPan em sistema.js. */
    touch-action: pan-x pan-y;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

/* "Mãozinha": arrastar uma parte vazia do quadro rola nos dois eixos (só no mouse).
   Cursor aberto na área arrastável; fechado enquanto arrasta. */
@media (hover: hover) and (pointer: fine) {
    .tarefas-board[b-omhl2qcleo],
    .tarefas-board__pilha[b-omhl2qcleo],
    .tarefas-coluna[b-omhl2qcleo],
    .tarefas-coluna__divisoria[b-omhl2qcleo],
    .tarefas-coluna__cards[b-omhl2qcleo] {
        cursor: grab;
    }

    .tarefas-coluna__cabecalho[b-omhl2qcleo] {
        cursor: default;
    }

    .tarefas-board--arrastando-rolagem[b-omhl2qcleo],
    .tarefas-board--arrastando-rolagem .tarefas-board__pilha[b-omhl2qcleo],
    .tarefas-board--arrastando-rolagem .tarefas-coluna[b-omhl2qcleo],
    .tarefas-board--arrastando-rolagem .tarefas-coluna__cards[b-omhl2qcleo] {
        cursor: grabbing;
        user-select: none;
    }
}

/* Desktop: a página fica travada na altura da viewport e só o quadro (as colunas)
   rola na vertical — o cabeçalho com busca/botões permanece fixo no topo. */
@media (min-width: 48.01rem) {
    .tarefas-pagina[b-omhl2qcleo] {
        display: grid;
        grid-template-rows: auto minmax(0, 1fr);
        min-height: 0;
        height: 100%;
        overflow: hidden;
    }

    .tarefas-conteudo[b-omhl2qcleo] {
        min-height: 0;
        height: 100%;
        overflow: hidden;
    }

    .tarefas-conteudo__painel[b-omhl2qcleo] {
        position: static;
        top: auto;
        align-self: stretch;
        overflow-y: auto;
    }

    .tarefas-quadro-area[b-omhl2qcleo] {
        display: flex;
        flex-direction: column;
        min-height: 0;
        height: 100%;
    }

    .tarefas-quadro[b-omhl2qcleo] {
        flex: 1 1 auto;
        min-height: 0;
    }

    .tarefas-board[b-omhl2qcleo] {
        height: 100%;
        overflow-y: auto;
        overscroll-behavior: contain;
    }
}

.tarefas-board__pilha[b-omhl2qcleo] {
    flex: 0 0 18rem;
    width: 18rem;
    min-width: 18rem;
    max-width: 18rem;
    padding: .375rem;
    box-sizing: border-box;
}

.tarefas-coluna[b-omhl2qcleo] {
    --tarefas-coluna-cor: var(--cor-primaria);
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--cor-borda);
    border-radius: calc(var(--raio-base) + 4px);
    background: var(--cor-fundo-secundario);
}

.tarefas-coluna__cabecalho[b-omhl2qcleo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .4rem;
    padding: .55rem .5rem .5rem .35rem;
}

.tarefas-coluna__grip[b-omhl2qcleo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    flex: 0 0 auto;
    color: var(--cor-texto-suave);
    opacity: .55;
    cursor: grab;
}

.tarefas-coluna__grip:active[b-omhl2qcleo] {
    cursor: grabbing;
}

.tarefas-coluna__cabecalho:hover .tarefas-coluna__grip[b-omhl2qcleo] {
    opacity: 1;
}

.tarefas-coluna__menu-gatilho[b-omhl2qcleo] {
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--cor-texto-suave);
}

.tarefas-coluna__menu-gatilho:hover[b-omhl2qcleo] {
    background: color-mix(in srgb, var(--cor-texto) 10%, transparent);
    color: var(--cor-texto);
}

.tarefas-coluna__titulos[b-omhl2qcleo] {
    display: flex;
    align-items: center;
    gap: .4rem;
    min-width: 0;
    flex: 1 1 auto;
}

.tarefas-coluna__titulos strong[b-omhl2qcleo] {
    color: var(--cor-texto);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tarefas-coluna__acoes[b-omhl2qcleo] {
    display: flex;
    align-items: center;
    gap: .3rem;
    flex: 0 0 auto;
}

.tarefas-coluna__contador[b-omhl2qcleo] {
    min-width: 1.35rem;
    height: 1.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 .35rem;
    font-size: .72rem;
    font-weight: 700;
    border-radius: var(--raio-medio);
    background: color-mix(in srgb, var(--cor-texto) 10%, var(--cor-superficie));
    color: var(--cor-texto-suave);
}

.tarefas-coluna__divisoria[b-omhl2qcleo] {
    height: 2px;
    margin: 0 .6rem;
    border-radius: 2px;
    background: var(--tarefas-coluna-cor);
}

.tarefas-coluna__cards[b-omhl2qcleo] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    min-height: 3rem;
    padding: .55rem;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Enquanto um cartão é arrastado, o JS estica os containers de cartões até perto da base da
   janela: dá pra soltar em qualquer ponto da coluna sem mirar num cartão. Ao soltar, o
   tamanho volta ao conteúdo — a coluna só fica "cheia" enquanto o arrasto acontece. */
.tarefas-board.arrastando-item .tarefas-coluna__cards[b-omhl2qcleo] {
    background: color-mix(in srgb, var(--tarefas-coluna-cor) 6%, transparent);
    outline: 1px dashed color-mix(in srgb, var(--tarefas-coluna-cor) 35%, transparent);
    outline-offset: -3px;
    border-radius: var(--raio-base);
}

.tarefas-coluna__cards.recebendo-item[b-omhl2qcleo] {
    outline: 2px dashed var(--tarefas-coluna-cor);
    outline-offset: -4px;
    border-radius: var(--raio-base);
    background: color-mix(in srgb, var(--tarefas-coluna-cor) 12%, transparent);
}

.tarefas-coluna__novo-card[b-omhl2qcleo] {
    display: flex;
    align-items: center;
    gap: .35rem;
    width: 100%;
    min-height: 2rem;
    border: 0;
    border-radius: .5rem;
    background: transparent;
    color: var(--cor-texto-suave);
    padding: 0 .4rem;
    font-size: .75rem;
    cursor: pointer;
}

.tarefas-coluna__novo-card:hover[b-omhl2qcleo] {
    background: color-mix(in srgb, var(--cor-texto) 7%, transparent);
    color: var(--tarefas-coluna-cor);
}

.tarefas-item[b-omhl2qcleo] {
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    background: var(--cor-superficie);
    padding: .7rem;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.tarefas-item__topo[b-omhl2qcleo] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .5rem;
}

.tarefas-item__titulo[b-omhl2qcleo] {
    margin: 0;
    font-size: .82rem;
    font-weight: 600;
    min-width: 0;
}

.tarefas-item__descricao[b-omhl2qcleo] {
    margin: 0;
    font-size: .72rem;
    opacity: .75;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tarefas-item__prazo[b-omhl2qcleo] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    width: fit-content;
    font-size: .72rem;
    color: var(--cor-texto-suave);
}

.tarefas-item__prazo--atrasado[b-omhl2qcleo] {
    color: var(--cor-perigo, #e5484d);
}

.tarefas-item__etiquetas[b-omhl2qcleo] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
}

.tarefas-item__rodape[b-omhl2qcleo] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
}

.tarefas-item__responsaveis[b-omhl2qcleo] {
    display: flex;
    align-items: center;
    gap: .15rem;
    flex: 0 0 auto;
}

.tarefas-item__responsavel[b-omhl2qcleo] {
    display: inline-flex;
}

.tarefas-item__indicadores[b-omhl2qcleo] {
    display: flex;
    align-items: center;
    gap: .45rem;
    font-size: .72rem;
    opacity: .8;
}

.tarefas-item__indicador[b-omhl2qcleo] {
    display: inline-flex;
    align-items: center;
    gap: .2rem;
}

.tarefas-item--ghost[b-omhl2qcleo] {
    opacity: .4;
}

.tarefas-item--chosen[b-omhl2qcleo],
.tarefas-coluna--chosen[b-omhl2qcleo] {
    box-shadow: var(--sombra-cartao);
}

.tarefas-detalhes[b-omhl2qcleo] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.tarefas-detalhes__secao[b-omhl2qcleo] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
    border-top: 1px solid var(--cor-borda);
    padding-top: .8rem;
}

.tarefas-detalhes__secao-cabecalho[b-omhl2qcleo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.tarefas-detalhes__secao-cabecalho h3[b-omhl2qcleo] {
    margin: 0;
    font-size: .9rem;
}

.tarefas-detalhes__anexar[b-omhl2qcleo] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-size: .78rem;
    cursor: pointer;
    border: 1px solid var(--cor-borda);
    border-radius: .45rem;
    padding: .3rem .55rem;
}

.tarefas-detalhes__seletor-arquivo[b-omhl2qcleo] {
    display: none;
}

.tarefas-detalhes__responsaveis[b-omhl2qcleo] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .5rem;
}

.tarefas-detalhes__responsavel[b-omhl2qcleo] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-size: .8rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    padding: .2rem .6rem .2rem .2rem;
}

.tarefas-detalhes__imagens[b-omhl2qcleo] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.tarefas-detalhes__imagem[b-omhl2qcleo] {
    position: relative;
    margin: 0;
    width: 110px;
    height: 110px;
    border-radius: .5rem;
    overflow: hidden;
    border: 1px solid var(--cor-borda);
}

.tarefas-detalhes__imagem img[b-omhl2qcleo] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.tarefas-detalhes__imagem button[b-omhl2qcleo] {
    position: absolute;
    top: .2rem;
    right: .2rem;
    background: rgba(0, 0, 0, .55);
    color: #fff;
    border-radius: 50%;
}

.tarefas-detalhes__notas[b-omhl2qcleo] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
    max-height: 320px;
    overflow-y: auto;
}

.tarefas-detalhes__nota[b-omhl2qcleo] {
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie-elevada);
    border-radius: .55rem;
    padding: .55rem .65rem;
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.tarefas-detalhes__nota header[b-omhl2qcleo] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .78rem;
}

.tarefas-detalhes__nota header small[b-omhl2qcleo] {
    opacity: .7;
}

.tarefas-detalhes__nota p[b-omhl2qcleo] {
    margin: 0;
    font-size: .85rem;
    white-space: pre-wrap;
}

.tarefas-detalhes__nota-arquivos[b-omhl2qcleo] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.tarefas-detalhes__nota-arquivo img[b-omhl2qcleo] {
    max-width: 160px;
    max-height: 160px;
    border-radius: .4rem;
    display: block;
}

.tarefas-detalhes__vazio[b-omhl2qcleo] {
    margin: 0;
    font-size: .82rem;
    opacity: .7;
}

.tarefas-detalhes__nota-compositor[b-omhl2qcleo] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.tarefas-detalhes__nota-acoes[b-omhl2qcleo] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
}

.tarefas-detalhes__nota-pendentes[b-omhl2qcleo] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.tarefas-detalhes__nota-pendentes li[b-omhl2qcleo] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    font-size: .75rem;
    border: 1px solid var(--cor-borda);
    border-radius: .4rem;
    padding: .15rem .35rem;
}

/* ============================================================ Editor de tarefa (2 colunas + abas) */

.tarefas-editor[b-omhl2qcleo] {
    display: flex;
    gap: 1.5rem;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.tarefas-editor__lateral[b-omhl2qcleo] {
    /* ~33% da largura, mas com piso e teto pra adaptar bem a telas pequenas e grandes */
    flex: 0 0 33%;
    min-width: 14rem;
    max-width: 24rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-right: 1.5rem;
    border-right: 1px solid var(--cor-borda);
    overflow-y: auto;
    overflow-x: hidden;
}

.tarefas-editor__lateral .campo-formulario[b-omhl2qcleo] {
    min-width: 0;
}

.tarefas-editor__conteudo[b-omhl2qcleo] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

/* Abas: mesma estilizacao das abas de Trabalhos (trabalhos-detalhes__abas) */

.tarefas-editor__abas-linha[b-omhl2qcleo] {
    display: flex;
    align-items: stretch;
    min-width: 0;
    border-bottom: 1px solid var(--cor-borda);
    margin-bottom: .75rem;
}

.tarefas-editor__abas[b-omhl2qcleo] {
    display: flex;
    align-items: center;
    gap: 0.15rem;
    min-height: 2.8rem;
    padding: 0 0.9rem;
    overflow-x: auto;
    flex: 1;
}

.tarefas-editor__abas button[b-omhl2qcleo] {
    align-self: stretch;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0 0.65rem;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: var(--cor-texto-secundario);
    font-size: 0.76rem;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}

.tarefas-editor__abas button.ativo[b-omhl2qcleo] {
    border-bottom-color: var(--cor-primaria);
    color: var(--cor-texto);
}

.tarefas-editor__painel[b-omhl2qcleo] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Aba de comentarios: lista rola e o compositor fica fixo embaixo, estilo chat */

.tarefas-editor__painel--comentarios[b-omhl2qcleo] {
    min-height: 24rem;
    gap: 0;
    overflow: hidden;
}

/* ---- prazo / contagem regressiva */

.tarefas-editor__prazo-badge[b-omhl2qcleo] {
    margin-top: .4rem;
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    font-size: .75rem;
    padding: .2rem .5rem;
    border-radius: .4rem;
    border: 1px solid var(--cor-borda);
    color: var(--cor-texto-suave);
    width: fit-content;
}

.tarefas-editor__prazo-badge--atrasado[b-omhl2qcleo] {
    color: #b42318;
    border-color: #f9c9c4;
    background: #fef3f2;
}

/* ---- usuarios vinculados */

.tarefas-editor__vinculados[b-omhl2qcleo] {
    list-style: none;
    margin: .5rem 0 0;
    padding: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.tarefas-editor__vinculado[b-omhl2qcleo] {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    min-width: 0;
    padding: .55rem 0;
    border-bottom: 1px solid var(--cor-borda);
}

.tarefas-editor__vinculado:last-child[b-omhl2qcleo] {
    border-bottom: none;
}

.tarefas-editor__vinculado-info[b-omhl2qcleo] {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

.tarefas-editor__vinculado-info strong[b-omhl2qcleo],
.tarefas-editor__vinculado-info span[b-omhl2qcleo] {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tarefas-editor__vinculado-info strong[b-omhl2qcleo] {
    font-size: .85rem;
}

.tarefas-editor__vinculado-info span[b-omhl2qcleo] {
    font-size: .78rem;
    color: var(--cor-texto-suave);
}

/* Descricao: no maximo 1 linha dentro do card; o resto vira "..." e aparece no balao (data-dica). */
.tarefas-editor__vinculado-desc[b-omhl2qcleo] {
    cursor: help;
}

.tarefas-editor__vinculado-vazio[b-omhl2qcleo] {
    font-style: italic;
    opacity: .7;
}

.tarefas-editor__vinculado-acoes[b-omhl2qcleo] {
    display: flex;
    gap: .2rem;
    flex-shrink: 0;
}

/* ---- menu "..." de acoes (comentarios e usuarios vinculados) */

.tarefas-editor__menu-wrap[b-omhl2qcleo] {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
}

.tarefas-editor__menu-gatilho[b-omhl2qcleo] {
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    min-height: 1.5rem;
    padding: 0;
    opacity: 0;
    transition: opacity .12s ease;
}

.tarefas-editor__nota-chat:hover .tarefas-editor__menu-gatilho[b-omhl2qcleo],
.tarefas-editor__nota-chat:focus-within .tarefas-editor__menu-gatilho[b-omhl2qcleo],
.tarefas-editor__vinculado:hover .tarefas-editor__menu-gatilho[b-omhl2qcleo],
.tarefas-editor__vinculado:focus-within .tarefas-editor__menu-gatilho[b-omhl2qcleo],
.tarefas-editor__menu-gatilho[aria-expanded="true"][b-omhl2qcleo] {
    opacity: 1;
}

@media (hover: none) {
    .tarefas-editor__menu-gatilho[b-omhl2qcleo] {
        opacity: 1;
    }
}

.tarefas-editor__menu-overlay[b-omhl2qcleo] {
    position: fixed;
    inset: 0;
    z-index: 1;
    border: 0;
    background: transparent;
    cursor: default;
}

/* Posicao (fixed) vem de ".menu-flutuante" em app.css + nexoMenuFlutuante em sistema.js. */
.tarefas-editor__menu[b-omhl2qcleo] {
    display: grid;
    min-width: 9rem;
    padding: .25rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    background: var(--cor-superficie);
    box-shadow: 0 .5rem 1.25rem color-mix(in srgb, #000 18%, transparent);
}

.tarefas-editor__menu button[b-omhl2qcleo] {
    display: flex;
    align-items: center;
    gap: .45rem;
    width: 100%;
    padding: .45rem .55rem;
    border: 0;
    border-radius: calc(var(--raio-base) - 2px);
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: .78rem;
    text-align: left;
    cursor: pointer;
}

.tarefas-editor__menu button:hover[b-omhl2qcleo] {
    background: color-mix(in srgb, var(--cor-primaria) 10%, var(--cor-superficie));
}

.tarefas-editor__menu .tarefas-editor__menu-perigo[b-omhl2qcleo] {
    color: var(--cor-perigo, #e5484d);
}

/* ---- comentarios (chat) */

.tarefas-editor__notas-lista[b-omhl2qcleo] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: .25rem;
}

.tarefas-editor__nota-chat[b-omhl2qcleo] {
    display: flex;
    gap: .5rem;
    align-items: flex-start;
    min-width: 0;
    max-width: 100%;
}

.tarefas-editor__nota-chat--propria[b-omhl2qcleo] {
    flex-direction: row-reverse;
}

.tarefas-editor__nota-avatar[b-omhl2qcleo] {
    flex-shrink: 0;
}

.tarefas-editor__nota-bolha[b-omhl2qcleo] {
    background: var(--cor-superficie);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    padding: .5rem .7rem;
    min-width: 0;
    max-width: min(80%, 42rem);
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.tarefas-editor__nota-chat--propria .tarefas-editor__nota-bolha[b-omhl2qcleo] {
    background: var(--cor-superficie-elevada);
}

.tarefas-editor__nota-bolha header[b-omhl2qcleo] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    min-width: 0;
    font-size: .72rem;
    color: var(--cor-texto-suave);
}

.tarefas-editor__nota-bolha header strong[b-omhl2qcleo] {
    font-size: .8rem;
    color: var(--cor-texto);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tarefas-editor__nota-bolha header time[b-omhl2qcleo] {
    margin-left: auto;
}

.tarefas-editor__nota-bolha p[b-omhl2qcleo] {
    margin: 0;
    font-size: .84rem;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.tarefas-editor__nota-arquivos[b-omhl2qcleo] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    min-width: 0;
    max-width: 100%;
}

.tarefas-editor__nota-arquivo[b-omhl2qcleo] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    max-width: 100%;
    font-size: .75rem;
    border: 1px solid var(--cor-borda);
    border-radius: .4rem;
    padding: .2rem .4rem;
    color: var(--cor-texto);
    text-decoration: none;
    overflow: hidden;
}

.tarefas-editor__nota-arquivo span[b-omhl2qcleo] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tarefas-editor__nota-arquivo img[b-omhl2qcleo] {
    max-width: min(8rem, 100%);
    max-height: 6rem;
    border-radius: .3rem;
    display: block;
}

.tarefas-editor__nota-edicao[b-omhl2qcleo] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
}

.tarefas-editor__nota-edicao-acoes[b-omhl2qcleo] {
    display: flex;
    justify-content: flex-end;
    gap: .4rem;
}

.tarefas-editor__nota-compositor[b-omhl2qcleo] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    flex-shrink: 0;
    min-width: 0;
    margin-top: auto;
    border-top: 1px solid var(--cor-borda);
    padding-top: .6rem;
}

.tarefas-editor__nota-compositor textarea[b-omhl2qcleo] {
    resize: vertical;
    box-sizing: border-box;
    max-width: 100%;
}

.tarefas-editor__nota-acoes[b-omhl2qcleo] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    min-width: 0;
}

.tarefas-editor__anexar-imagem[b-omhl2qcleo] {
    align-self: flex-start;
}

/* ---- activity log */

.tarefas-editor__atividade[b-omhl2qcleo] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .6rem;
    max-height: 28rem;
    overflow-y: auto;
}

.tarefas-editor__atividade-item[b-omhl2qcleo] {
    display: flex;
    gap: .5rem;
    align-items: flex-start;
}

.tarefas-editor__atividade-texto[b-omhl2qcleo] {
    display: flex;
    flex-direction: column;
    gap: .1rem;
}

.tarefas-editor__atividade-texto p[b-omhl2qcleo] {
    margin: 0;
    font-size: .82rem;
}

.tarefas-editor__atividade-texto small[b-omhl2qcleo] {
    font-size: .72rem;
    color: var(--cor-texto-suave);
}

@media (max-width: 860px) {
    .tarefas-editor[b-omhl2qcleo] {
        flex-direction: column;
    }

    .tarefas-editor__lateral[b-omhl2qcleo] {
        flex-basis: auto;
        max-width: none;
        width: 100%;
        padding-right: 0;
        padding-bottom: 1.5rem;
        border-right: 0;
        border-bottom: 1px solid var(--cor-borda);
    }

    .tarefas-editor__painel--comentarios[b-omhl2qcleo] {
        height: auto;
        max-height: none;
    }
}

/* No celular o quadro (kanban) vira uma lista vertical de colunas em vez de rolagem
   horizontal de colunas estreitas de 18rem - mesmo padrão já usado em Trabalhos.razor.css
   (ver ARQUITETURA_RESPONSIVIDADE.md §4.2). */
@media (max-width: 768px) {
    .tarefas-board[b-omhl2qcleo] {
        display: block;
        overflow-x: hidden;
        overflow-y: visible;
        padding-bottom: 0.75rem;
    }

    .tarefas-board__pilha[b-omhl2qcleo] {
        flex-basis: auto;
        width: 100%;
        min-width: 0;
        max-width: none;
        padding: 0.375rem 0 0.75rem;
    }

    .tarefas-coluna[b-omhl2qcleo] {
        min-height: 0;
    }

    .tarefas-coluna__cards[b-omhl2qcleo] {
        max-height: none;
        overflow-y: visible;
    }
}
/* /Components/Paginas/Trabalhos.razor.rz.scp.css */
.trabalhos-layout[b-5urn54k4wo] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 1rem;
    width: calc(100% + 2.5rem);
    margin: -1rem -1.25rem 0;
    min-height: 0;
    height: calc(100dvh - 57px - 2.25rem);
    max-height: calc(100dvh - 57px - 2.25rem);
    overflow: hidden;
}

.trabalhos-pagina[b-5urn54k4wo] {
    min-width: 0;
    min-height: 0;
    height: 100%;
    max-height: 100%;
    padding: 0 1.25rem 1.25rem;
    box-sizing: border-box;
    overflow: hidden;
}

.trabalhos-hero[b-5urn54k4wo] {
    width: 100%;
    margin: 0;
    padding: 0.6rem;
    border: 0;
    border-bottom: 1px solid var(--cor-borda);
    border-radius: 0;
    background: var(--cor-fundo);
    box-shadow: none;
    box-sizing: border-box;
}

.trabalhos-hero__acoes[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    flex-wrap: wrap;
}

.trabalhos-hero__bloco[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.trabalhos-hero__bloco--projeto[b-5urn54k4wo] {
    min-width: 18rem;
    flex: 0 1 26rem;
}

.trabalhos-hero__seletor-projeto[b-5urn54k4wo] {
    flex: 1 1 auto;
    width: 100%;
}

.trabalhos-hero__seletor-projeto[b-5urn54k4wo]  .selecao-padrao {
    width: 100%;
}

.trabalhos-hero__acao-projeto[b-5urn54k4wo] {
    width: 2.8rem;
    min-width: 2.8rem;
    height: 2.8rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.trabalhos-hero__acao-arquivados[b-5urn54k4wo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    min-width: 2.8rem;
    height: 2.8rem;
    padding: 0;
}

.trabalhos-hero__seletor-arquivamento[b-5urn54k4wo] {
    width: 8rem;
}

.trabalhos-hero__seletor-arquivamento[b-5urn54k4wo]  .selecao-padrao__gatilho {
    min-width: 0;
}

.trabalhos-hero__botoes[b-5urn54k4wo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    justify-content: flex-start;
    margin-left: auto;
}

.trabalhos-hero__modo-compacto.ativo[b-5urn54k4wo] {
    border-color: color-mix(in srgb, var(--cor-primaria) 55%, var(--cor-borda));
    background: color-mix(in srgb, var(--cor-primaria) 12%, var(--cor-superficie));
    color: var(--cor-primaria);
}

.trabalhos-hero__modo-compacto-estado[b-5urn54k4wo] {
    min-width: 2.8rem;
    padding: 0.15rem 0.38rem;
    border-radius: var(--raio-medio);
    background: color-mix(in srgb, var(--cor-texto) 10%, transparent);
    color: var(--cor-texto-secundario);
    font-size: 0.65rem;
    text-align: center;
}

.trabalhos-hero__modo-compacto.ativo .trabalhos-hero__modo-compacto-estado[b-5urn54k4wo] {
    background: color-mix(in srgb, var(--cor-primaria) 18%, transparent);
    color: var(--cor-primaria);
}

.trabalhos-hero[b-5urn54k4wo]  .selecao-padrao__gatilho,
.trabalhos-hero .campo-formulario__entrada[b-5urn54k4wo] {
    border-color: var(--cor-borda);
    background: var(--cor-superficie);
    color: var(--cor-texto);
    box-shadow: none;
}

.trabalhos-hero[b-5urn54k4wo]  .selecao-padrao__texto--placeholder,
.trabalhos-hero[b-5urn54k4wo]  .selecao-padrao__texto small {
    color: var(--cor-texto-suave);
}

.trabalhos-hero[b-5urn54k4wo]  .selecao-padrao__gatilho {
    min-height: 2.8rem;
    max-height: 2.8rem;
    padding: 0.34rem 2.2rem 0.34rem 0.75rem;
    font-size: 0.8rem;
    border-radius: var(--raio-medio);
}

.trabalhos-hero[b-5urn54k4wo]  .selecao-padrao__texto-principal {
    gap: 0.35rem;
}

.trabalhos-hero[b-5urn54k4wo]  .selecao-padrao__texto-principal span:last-child {
    font-size: 0.8rem;
    font-weight: 600;
}

.trabalhos-hero[b-5urn54k4wo]  .selecao-padrao__texto small {
    font-size: 0.7rem;
}

.trabalhos-hero[b-5urn54k4wo]  .selecao-padrao__icone {
    width: 1rem;
    margin-right: 0.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.trabalhos-modais[b-5urn54k4wo]  .modal-sistema--trabalho .selecao-padrao__gatilho {
    min-height: 2.8rem;
    max-height: 2.8rem;
}

.botao-secundario--perigo[b-5urn54k4wo] {
    border-color: color-mix(in srgb, var(--cor-erro) 28%, var(--cor-borda));
    color: var(--cor-erro);
}

.botao-secundario--perigo:hover[b-5urn54k4wo] {
    background: color-mix(in srgb, var(--cor-erro) 10%, var(--cor-superficie));
}

.trabalhos-hero[b-5urn54k4wo]  .selecao-padrao__gatilho:hover,
.trabalhos-hero .campo-formulario__entrada:hover[b-5urn54k4wo] {
    background: color-mix(in srgb, var(--cor-superficie) 88%, var(--cor-primaria) 12%);
}

.trabalhos-hero .botao-secundario[b-5urn54k4wo] {
    border-color: var(--cor-borda);
    background: var(--cor-superficie);
    color: var(--cor-texto);
}

.trabalhos-hero .botao-secundario:hover[b-5urn54k4wo] {
    background: color-mix(in srgb, var(--cor-superficie) 88%, var(--cor-primaria) 12%);
}

.trabalhos-hero .botao-primario[b-5urn54k4wo] {
    background: var(--cor-primaria);
    border-color: transparent;
}

.trabalhos-hero .botao-primario:hover[b-5urn54k4wo] {
    background: var(--cor-primaria-hover);
}

.trabalhos-hero__resumo-colunas[b-5urn54k4wo] {
    display: flex;
    align-items: stretch;
    width: calc(100% + 1.2rem);
    margin: 0.6rem -0.6rem -0.6rem;
    border-top: 1px solid var(--cor-borda);
    overflow-x: auto;
}

.trabalhos-hero__resumo-coluna[b-5urn54k4wo] {
    --trabalhos-coluna-cor: var(--cor-primaria);
    position: relative;
    min-width: 8.5rem;
    display: grid;
    grid-template-columns: auto auto;
    align-content: center;
    column-gap: 0.35rem;
    row-gap: 0.18rem;
    padding: 0.5rem 0.8rem;
}

.trabalhos-hero__resumo-coluna:not(:last-child)[b-5urn54k4wo]::after {
    content: "";
    position: absolute;
    top: 0.55rem;
    right: 0;
    bottom: 0.55rem;
    width: 1px;
    background: var(--cor-borda);
}

.trabalhos-hero__resumo-coluna strong[b-5urn54k4wo] {
    grid-column: 1 / -1;
    overflow: hidden;
    color: var(--trabalhos-coluna-cor);
    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 0.045em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.trabalhos-hero__resumo-coluna span[b-5urn54k4wo] {
    color: var(--cor-texto);
    font-size: 0.8rem;
    font-weight: 700;
    white-space: nowrap;
}

.trabalhos-hero__resumo-coluna small[b-5urn54k4wo] {
    align-self: end;
    color: var(--cor-texto-secundario);
    font-size: 0.67rem;
    font-weight: 600;
    white-space: nowrap;
}

.trabalhos-quadro[b-5urn54k4wo] {
    display: block;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    min-height: 0;
    height: calc(100% + 0.5rem);
    max-height: calc(100% + 0.5rem);
    overflow: hidden;
}

.trabalhos-conteudo[b-5urn54k4wo] {
    min-width: 0;
    min-height: 0;
    height: 100%;
}

.trabalhos-conteudo--com-categorias[b-5urn54k4wo] {
    display: grid;
    grid-template-columns: minmax(13rem, 16rem) minmax(0, 1fr);
    gap: 0.75rem;
}

.trabalhos-conteudo__quadro[b-5urn54k4wo] {
    min-width: 0;
    min-height: 0;
    height: 100%;
}

.trabalhos-categorias[b-5urn54k4wo] {
    min-width: 0;
    min-height: 0;
    padding: 0.7rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
    overflow-y: auto;
}

.trabalhos-categorias__cabecalho[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.7rem;
}

.trabalhos-categorias__cabecalho h2[b-5urn54k4wo] {
    margin: 0;
    color: var(--cor-texto);
    font-size: 0.85rem;
}

.trabalhos-categorias__cabecalho .botao-secundario[b-5urn54k4wo] {
    min-height: 2rem;
    padding: 0 0.55rem;
    font-size: 0.72rem;
}

.trabalhos-categorias__lista[b-5urn54k4wo] {
    display: grid;
    gap: 0.35rem;
}

.trabalhos-categorias__item[b-5urn54k4wo] {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    min-height: 2.3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.55rem;
    padding: 0.4rem 0.5rem;
    border: 1px solid transparent;
    border-radius: 4px;
    background: transparent;
    color: var(--cor-texto);
    text-align: left;
}

.trabalhos-categorias__item:hover[b-5urn54k4wo] {
    background: var(--cor-superficie-suave);
}

.trabalhos-categorias__item.ativo[b-5urn54k4wo] {
    border-color: color-mix(in srgb, var(--cor-primaria) 28%, var(--cor-borda));
    background: var(--cor-primaria-suave);
}

.trabalhos-categorias__item > span:last-child[b-5urn54k4wo] {
    min-width: 1.35rem;
    height: 1.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
    font-size: 0.68rem;
    font-weight: 700;
}

.trabalhos-categorias__nome[b-5urn54k4wo] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.trabalhos-categorias__nome strong[b-5urn54k4wo],
.trabalhos-categorias__item > strong[b-5urn54k4wo] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.76rem;
}

.trabalhos-categorias__vazio[b-5urn54k4wo] {
    margin: 0;
    color: var(--cor-texto-secundario);
    font-size: 0.76rem;
    line-height: 1.4;
}

.trabalhos-board[b-5urn54k4wo] {
    display: flex;
    align-items: stretch;
    gap: 0;
    width: 100%;
    min-height: 0;
    height: 100%;
    max-height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 0;
    justify-content: start;
}

.trabalhos-board__pilha[b-5urn54k4wo] {
    flex: 0 0 20rem;
    display: block;
    width: 20rem;
    min-width: 20rem;
    max-width: 20rem;
    min-height: 0;
    height: 100%;
    align-self: stretch;
    padding: 0;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.trabalhos-coluna[b-5urn54k4wo] {
    --trabalhos-coluna-cor: #4f91ff;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: 0;
    width: 100%;
    max-width: 100%;
    min-height: 0;
    height: 100%;
    max-height: 100%;
    padding: 0.35rem;
    box-sizing: border-box;
    border: none;
    border-radius: 12px;
    background: transparent;
    box-shadow: none;
    cursor: default;
    user-select: none;
    transition: transform 0.18s ease, opacity 0.18s ease;
    overflow: hidden;
}

.trabalhos-board__pilha:first-child .trabalhos-coluna[b-5urn54k4wo] {
    padding-left: 0;
}

.trabalhos-coluna:active[b-5urn54k4wo] {
    cursor: default;
}

.trabalhos-coluna.arrastando[b-5urn54k4wo] {
    opacity: 0.7;
    transform: scale(0.985) rotate(0.25deg);
}

.trabalhos-coluna--ghost[b-5urn54k4wo] {
    opacity: 0.45;
}

.trabalhos-coluna--chosen[b-5urn54k4wo] {
    cursor: grabbing;
}

.trabalhos-coluna__cabecalho[b-5urn54k4wo] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.78rem 0.9rem;
    border: 1px solid color-mix(in srgb, var(--trabalhos-coluna-cor) 38%, var(--cor-borda));
    border-radius: calc(var(--raio-base) + 4px);
    background: color-mix(in srgb, var(--trabalhos-coluna-cor) 5%, var(--cor-superficie));
    cursor: grab;
}

.trabalhos-coluna__titulos[b-5urn54k4wo] {
    display: grid;
    gap: 0.3rem;
    min-width: 0;
}

.trabalhos-coluna__nome-linha[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
}

.trabalhos-coluna__nome-linha strong[b-5urn54k4wo] {
    color: var(--trabalhos-coluna-cor);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.trabalhos-coluna__titulo-editavel[b-5urn54k4wo] {
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--trabalhos-coluna-cor);
    font: inherit;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 1.2;
    text-align: left;
    text-transform: uppercase;
    cursor: pointer;
}

.trabalhos-coluna__titulo-editavel:hover[b-5urn54k4wo] {
    text-decoration: underline;
}

.trabalhos-coluna__ponto[b-5urn54k4wo] {
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 999px;
    background: var(--trabalhos-coluna-cor);
    box-shadow: 0 0 0 0.15rem color-mix(in srgb, var(--trabalhos-coluna-cor) 22%, transparent);
    flex: 0 0 auto;
}

.trabalhos-coluna__fixa[b-5urn54k4wo] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.45rem;
    border-radius: 4px;
    background: color-mix(in srgb, var(--cor-superficie) 84%, var(--cor-texto) 16%);
    color: var(--cor-texto-secundario);
    font-size: 0.7rem;
    font-weight: 600;
}

.trabalhos-coluna__meta[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--cor-texto-secundario);
    font-size: 0.76rem;
    white-space: nowrap;
}

.trabalhos-coluna__meta span:first-child[b-5urn54k4wo] {
    color: var(--cor-texto);
    font-size: 0.92rem;
    font-weight: 700;
}

.trabalhos-coluna__meta span:last-child[b-5urn54k4wo] {
    color: color-mix(in srgb, var(--trabalhos-coluna-cor) 62%, var(--cor-texto));
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.trabalhos-coluna__acoes[b-5urn54k4wo] {
    display: flex;
    align-items: flex-start;
    gap: 0.38rem;
    flex: 0 0 auto;
    position: relative;
}

.trabalhos-coluna__acoes .botao-icone[b-5urn54k4wo] {
    width: 1.95rem;
    height: 1.95rem;
    background: transparent;
    border-color: transparent;
    color: var(--cor-texto);
    border-radius: var(--raio-medio);
}

.trabalhos-coluna__acoes .botao-icone:hover[b-5urn54k4wo] {
    background: color-mix(in srgb, var(--cor-superficie) 86%, var(--cor-texto) 14%);
    border-color: var(--cor-borda);
}

.trabalhos-coluna__acoes .botao-icone.trabalhos-coluna__menu-gatilho[b-5urn54k4wo] {
    width: 1.45rem;
    height: 1.45rem;
    min-width: 1.45rem;
    padding: 0.08rem;
    border: none;
    color: var(--cor-texto-suave);
}

.trabalhos-coluna__indicador-fixa[b-5urn54k4wo] {
    width: 1.45rem;
    min-width: 1.45rem;
    height: 1.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--raio-medio);
    background: color-mix(in srgb, var(--trabalhos-coluna-cor) 16%, var(--cor-superficie));
    color: color-mix(in srgb, var(--trabalhos-coluna-cor) 75%, var(--cor-texto));
}

.trabalhos-coluna__menu-overlay[b-5urn54k4wo] {
    position: fixed;
    inset: 0;
    border: none;
    background: transparent;
    z-index: 15;
}

/* Posicao (fixed, para cima ou para baixo do gatilho) vem de ".menu-flutuante" em app.css - ver
   nexoMenuFlutuante em sistema.js. */
.trabalhos-coluna__menu[b-5urn54k4wo] {
    min-width: 10.5rem;
    display: grid;
    gap: 0.2rem;
    padding: 0.35rem;
    border: 1px solid color-mix(in srgb, var(--trabalhos-coluna-cor) 28%, var(--cor-borda));
    border-radius: 0.65rem;
    background: var(--cor-superficie);
    box-shadow: var(--sombra-cartao);
}

.trabalhos-coluna__menu-opcao[b-5urn54k4wo] {
    width: 100%;
    min-height: 2.2rem;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0 0.7rem;
    border: none;
    border-radius: 0.45rem;
    background: transparent;
    color: var(--cor-texto);
    text-align: left;
}

.trabalhos-coluna__menu-opcao:hover[b-5urn54k4wo] {
    background: color-mix(in srgb, var(--trabalhos-coluna-cor) 10%, var(--cor-superficie));
}

.trabalhos-coluna__contador[b-5urn54k4wo] {
    width: 1.45rem;
    min-width: 1.45rem;
    height: 1.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    border-radius: var(--raio-medio);
    background: color-mix(in srgb, var(--trabalhos-coluna-cor) 16%, var(--cor-superficie));
    color: color-mix(in srgb, var(--trabalhos-coluna-cor) 75%, var(--cor-texto));
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1;
}

.trabalhos-coluna__cards[b-5urn54k4wo] {
    display: grid;
    gap: 0.55rem;
    margin-top: 0.2rem;
    min-height: 0;
    height: calc(100% - 0.2rem);
    align-self: stretch;
    overflow-y: auto;
    overflow-x: hidden;
    align-content: start;
    /* folga em cima e à direita: as bolinhas de quem está no trabalho ficam em cima da quina do cartão (como em Negócios) */
    padding: 0.5rem 0.45rem 0 0;
    border-radius: var(--raio-base);
}

.trabalhos-board__rodape-arquivamento[b-5urn54k4wo] {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 30;
    display: none;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.3rem;
    box-sizing: border-box;
    padding: 0.45rem;
    border-top: 1px solid var(--cor-borda);
    background: var(--cor-superficie);
    box-shadow: 0 -0.4rem 1rem color-mix(in srgb, #000 24%, transparent);
}

.trabalhos-board__rodape-arquivamento--aberto[b-5urn54k4wo] {
    display: grid;
}

.trabalhos-board__destino-arquivamento[b-5urn54k4wo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    min-height: 2.15rem;
    padding: 0.28rem 0.35rem;
    border: 1px dashed currentColor;
    border-radius: var(--raio-pequeno);
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1;
}

.trabalhos-board__destino-arquivamento--won[b-5urn54k4wo] {
    background: color-mix(in srgb, #16a34a 14%, var(--cor-superficie));
    color: #22c55e;
}

.trabalhos-board__destino-arquivamento--lost[b-5urn54k4wo] {
    background: color-mix(in srgb, #e11d48 14%, var(--cor-superficie));
    color: #fb7185;
}

.trabalhos-board__destino-arquivamento--archive[b-5urn54k4wo] {
    background: color-mix(in srgb, #d97706 14%, var(--cor-superficie));
    color: #fbbf24;
}

.trabalhos-coluna__cards.recebendo-item[b-5urn54k4wo] {
    background: var(--cor-primaria-suave);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cor-primaria) 24%, transparent);
}

.trabalhos-board.arrastando-item .trabalhos-coluna__cards[b-5urn54k4wo] {
    min-height: 100%;
}

.trabalhos-board.arrastando-item .trabalhos-coluna__novo-card[b-5urn54k4wo],
.trabalhos-board.arrastando-item .trabalhos-item__cabecalho .botao-icone[b-5urn54k4wo],
.trabalhos-board.arrastando-item .trabalhos-coluna__acoes .botao-icone[b-5urn54k4wo] {
    pointer-events: none;
}

.trabalhos-coluna__cards[b-5urn54k4wo]::-webkit-scrollbar,
.trabalhos-board[b-5urn54k4wo]::-webkit-scrollbar {
    width: 0.55rem;
    height: 0.55rem;
}

.trabalhos-coluna__cards[b-5urn54k4wo]::-webkit-scrollbar-thumb,
.trabalhos-board[b-5urn54k4wo]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: var(--cor-borda-forte);
}

.trabalhos-coluna__cards[b-5urn54k4wo]::-webkit-scrollbar-track,
.trabalhos-board[b-5urn54k4wo]::-webkit-scrollbar-track {
    background: transparent;
}

.trabalhos-item[b-5urn54k4wo] {
    position: relative;
    display: grid;
    gap: 0.75rem;
    padding: 0.9rem;
    overflow: hidden;
    border-radius: var(--raio-base);
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie);
    box-shadow: none;
    cursor: grab;
}

.trabalhos-item__mobile-resumo[b-5urn54k4wo],
.trabalhos-item__mobile-detalhes[b-5urn54k4wo] {
    display: none;
}

/* Com alguém no trabalho: o cartão deixa a lista de nomes (hover) sair da borda, e o cabeçalho abre espaço para as bolinhas. */
.trabalhos-item--com-presenca[b-5urn54k4wo] {
    overflow: visible;
}

.trabalhos-item--com-presenca .trabalhos-item__cabecalho[b-5urn54k4wo] {
    padding-right: 1.4rem;
}

.trabalhos-item.arrastando[b-5urn54k4wo] {
    opacity: 0.72;
    transform: scale(0.985);
    box-shadow: 0 0 0 1px rgba(79, 145, 255, 0.24), 0 12px 24px rgba(0, 0, 0, 0.24);
}

.trabalhos-item--ghost[b-5urn54k4wo] {
    opacity: 0.35;
}

.trabalhos-item--chosen[b-5urn54k4wo],
.trabalhos-item--drag[b-5urn54k4wo] {
    cursor: grabbing;
}

.trabalhos-item--retornado[b-5urn54k4wo] {
    border-color: #fbbf24;
    animation: trabalhos-item-retornado-pulsar-b-5urn54k4wo 1.8s ease-in-out infinite;
}

@keyframes trabalhos-item-retornado-pulsar-b-5urn54k4wo {
    0%,
    100% {
        border-color: #fbbf24;
        box-shadow: 0 0 0 1px color-mix(in srgb, #fbbf24 55%, transparent);
    }

    50% {
        border-color: #facc15;
        box-shadow: 0 0 0 3px color-mix(in srgb, #fbbf24 48%, transparent), 0 0 1rem color-mix(in srgb, #fbbf24 30%, transparent);
    }
}

@media (prefers-reduced-motion: reduce) {
    .trabalhos-item--retornado[b-5urn54k4wo],
    .trabalhos-item__alerta-trabalho--critico[b-5urn54k4wo] {
        animation: none;
    }
}

.trabalhos-item.alvo-drop[b-5urn54k4wo] {
    box-shadow: 0 0 0 1px rgba(79, 145, 255, 0.34), 0 12px 24px rgba(0, 0, 0, 0.2);
}

.trabalhos-item:active[b-5urn54k4wo] {
    cursor: grabbing;
}

.trabalhos-item__cabecalho[b-5urn54k4wo] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: flex-start;
    gap: 0.65rem;
}

.trabalhos-item__cabecalho > div:first-child[b-5urn54k4wo] {
    min-width: 0;
}

.trabalhos-item__cabecalho strong[b-5urn54k4wo] {
    display: block;
    color: var(--cor-texto);
    font-size: 1rem;
}

.trabalhos-item__titulo[b-5urn54k4wo],
.trabalhos-item__compacto-titulo[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 0.28rem;
}

.trabalhos-item__titulo-textos[b-5urn54k4wo] {
    flex: 1 1 auto;
    min-width: 0;
}

.trabalhos-item__job-title[b-5urn54k4wo] {
    display: block;
    overflow: hidden;
    color: var(--cor-texto-secundario);
    font-size: 0.75rem;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trabalhos-item__titulo strong[b-5urn54k4wo] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trabalhos-item__check-iniciado[b-5urn54k4wo] {
    flex: 0 0 auto;
    display: inline-grid;
    width: 0.82rem;
    height: 0.82rem;
    place-items: center;
    box-sizing: border-box;
    border: 1px solid var(--cor-borda-forte);
    border-radius: 50%;
    background: var(--cor-superficie-suave);
    color: #fff;
}

.trabalhos-item__check-iniciado.marcado[b-5urn54k4wo] {
    border-color: color-mix(in srgb, var(--cor-primaria) 62%, #000);
    background: color-mix(in srgb, var(--cor-primaria) 80%, #000);
}

.trabalhos-item__check-iniciado[b-5urn54k4wo]  .icone-sistema {
    display: grid;
    color: #f8fafc !important;
}

.trabalhos-item__check-iniciado[b-5urn54k4wo]  .icone-sistema__svg {
    stroke-width: 2.75;
}

.trabalhos-item__relatorio-parceiro[b-5urn54k4wo] {
    flex: 0 0 auto;
    display: inline-grid;
    place-items: center;
    color: var(--cor-primaria);
    cursor: help;
}

.trabalhos-item__cabecalho > div > span[b-5urn54k4wo] {
    display: block;
    color: var(--cor-texto-secundario);
    font-size: 0.86rem;
}

.trabalhos-item__cabecalho .botao-icone[b-5urn54k4wo] {
    width: 1.9rem;
    height: 1.9rem;
    background: transparent;
    border-color: transparent;
    color: var(--cor-texto-secundario);
    border-radius: var(--raio-base);
}

.trabalhos-item__cabecalho .botao-icone:hover[b-5urn54k4wo] {
    background: color-mix(in srgb, var(--cor-superficie) 86%, var(--cor-texto) 14%);
}

.trabalhos-item__acoes[b-5urn54k4wo] {
    display: grid;
    grid-template-columns: repeat(2, 1.7rem);
    justify-items: center;
    width: 3.52rem;
    gap: 0.12rem;
    flex: 0 0 auto;
    direction: rtl;
}

.trabalhos-item__acoes > *[b-5urn54k4wo] {
    direction: ltr;
    cursor: help;
}

.trabalhos-item__acoes .trabalhos-item__email-vinculado[b-5urn54k4wo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.25rem;
    margin-top: 0;
    color: var(--cor-texto-secundario);
}

.trabalhos-item__acoes .trabalhos-item__relatorio-parceiro[b-5urn54k4wo] {
    color: var(--cor-sucesso);
    width: 1.9rem;
    height: 1.25rem;
}

.trabalhos-item__acoes .trabalhos-item__alerta-trabalho[b-5urn54k4wo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
}

.trabalhos-item__acoes > .trabalhos-item__email-vinculado[b-5urn54k4wo],
.trabalhos-item__acoes > .trabalhos-item__relatorio-parceiro[b-5urn54k4wo],
.trabalhos-item__acoes > .trabalhos-item__alerta-arquivamento[b-5urn54k4wo],
.trabalhos-item__acoes > .trabalhos-item__alerta-trabalho[b-5urn54k4wo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.7rem;
    height: 1.7rem;
    box-sizing: border-box;
}

.trabalhos-item__acoes[b-5urn54k4wo]  .icone-sistema {
    width: 14px !important;
    height: 14px !important;
}

.trabalhos-item__acoes > .trabalhos-item__alerta-trabalho[b-5urn54k4wo] {
    color: #fbbf24;
}

.trabalhos-item__acoes > .trabalhos-item__alerta-trabalho--critico[b-5urn54k4wo] {
    color: #dc2626;
}

.trabalhos-item__acoes .trabalhos-item__notas-vinculadas[b-5urn54k4wo] {
    position: relative;
}

.trabalhos-item__notas-contador[b-5urn54k4wo] {
    position: absolute;
    top: -0.1rem;
    right: 0rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0.85rem;
    height: 0.85rem;
    padding: 0 0.15rem;
    border-radius: 999px;
    background: var(--cor-erro);
    color: #fff;
    font-size: 0.55rem;
    font-weight: 500;
    line-height: 1;
    text-align: center;
}

.trabalhos-item__descricao[b-5urn54k4wo] {
    margin: 0;
    color: var(--cor-texto-secundario);
    font-size: 0.86rem;
    line-height: 1.45;
}

.trabalhos-item__etiquetas[b-5urn54k4wo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.trabalhos-item__etiquetas[b-5urn54k4wo]  .etiqueta-categoria {
    min-height: 1.15rem;
    padding: 0.04rem 0.3rem;
    border-radius: max(0px, calc(var(--raio-base) - 2px));
    font-size: 0.62rem;
}

.trabalhos-item__etiquetas[b-5urn54k4wo]  .etiqueta-categoria__ponto {
    width: 0.32rem;
    height: 0.32rem;
}

.trabalhos-item__valor[b-5urn54k4wo] {
    color: var(--cor-sucesso);
    font-size: 1.18rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.trabalhos-item__divisor[b-5urn54k4wo] {
    height: 1px;
    margin: -0.12rem 0;
    background: var(--cor-borda);
}

.trabalhos-item__cliente[b-5urn54k4wo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 0.4rem 0.75rem;
    color: var(--cor-texto);
    font-size: 0.76rem;
}

.trabalhos-item__cliente-informacao[b-5urn54k4wo] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    gap: 0.28rem;
}

.trabalhos-item__cliente-informacao > span[b-5urn54k4wo] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trabalhos-item__cliente-informacao[b-5urn54k4wo]  .icone-sistema {
    color: var(--cor-texto-secundario);
    flex: 0 0 auto;
}

.trabalhos-item__cliente-telefone[b-5urn54k4wo] {
    color: var(--cor-texto-secundario);
}

.trabalhos-item--compacto[b-5urn54k4wo] {
    gap: 0.45rem;
    padding: 0.65rem 0.7rem;
}

.trabalhos-item__compacto-titulo strong[b-5urn54k4wo] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trabalhos-item__compacto-titulo strong[b-5urn54k4wo] {
    color: var(--cor-texto);
    font-size: 0.82rem;
}

.trabalhos-item__compacto-informacoes[b-5urn54k4wo] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.2rem;
    padding-top: 0.4rem;
    border-top: 1px solid var(--cor-borda);
}

.trabalhos-item__compacto-informacoes > span[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 0.3rem;
    color: var(--cor-texto);
    font-size: 0.68rem;
}

.trabalhos-item__compacto-informacoes > span:last-child[b-5urn54k4wo] {
    justify-content: flex-end;
    text-align: right;
}

.trabalhos-item__compacto-informacoes > span > span[b-5urn54k4wo] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trabalhos-item__compacto-informacoes[b-5urn54k4wo]  .icone-sistema {
    flex: 0 0 auto;
    color: var(--cor-texto-secundario);
}

.trabalhos-coluna__novo-card[b-5urn54k4wo] {
    order: 1;
    min-height: 2.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.45rem;
    width: 100%;
    padding: 0 0.8rem;
    border: 1px dashed var(--cor-borda);
    border-radius: var(--raio-base);
    background: transparent;
    color: var(--cor-texto-secundario);
    font-weight: 600;
}

.trabalhos-coluna__novo-card:hover[b-5urn54k4wo] {
    background: color-mix(in srgb, var(--cor-superficie) 86%, var(--cor-texto) 14%);
    color: var(--cor-texto);
}

.trabalhos-form__checkbox[b-5urn54k4wo] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    color: var(--cor-texto);
}

.trabalhos-form__cabecalho-campo[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
    margin-bottom: 0.45rem;
}

.trabalhos-form__cabecalho-campo label[b-5urn54k4wo] {
    margin-bottom: 0;
}

.trabalhos-form__atalho-endereco[b-5urn54k4wo] {
    padding: 0;
    border: none;
    background: transparent;
    color: var(--cor-primaria);
    font-size: 0.76rem;
    font-weight: 600;
    line-height: 1.2;
}

.trabalhos-form__atalho-endereco:hover[b-5urn54k4wo] {
    color: var(--cor-primaria-hover);
}

.trabalhos-modais[b-5urn54k4wo]  .modal-sistema--trabalho.modal-sistema {
    max-height: calc(100vh - 1rem);
    overflow-x: visible;
    overflow-y: auto;
}

.trabalhos-modais[b-5urn54k4wo]  .modal-sistema--trabalho .modal-sistema__cartao {
    overflow: hidden;
}

.trabalhos-modais[b-5urn54k4wo]  .modal-sistema--trabalho .modal-sistema__corpo {
    overflow: visible;
}

.grade-campos--triplos[b-5urn54k4wo] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 1180px) {
    .trabalhos-hero__botoes[b-5urn54k4wo] {
        margin-left: 0;
    }
}

@media (max-width: 760px) {
    .trabalhos-quadro[b-5urn54k4wo] {
        padding: 0;
    }

    .trabalhos-conteudo--com-categorias[b-5urn54k4wo] {
        grid-template-columns: 1fr;
        overflow-y: auto;
    }

    .trabalhos-categorias[b-5urn54k4wo] {
        max-height: 14rem;
    }

    .trabalhos-quadro[b-5urn54k4wo] {
        min-height: 0;
        height: calc(100% + 0.5rem);
        max-height: calc(100% + 0.5rem);
    }

    .trabalhos-hero__botoes[b-5urn54k4wo] {
        display: grid;
    }

    .trabalhos-hero__botoes > button[b-5urn54k4wo] {
        width: 100%;
    }

    .trabalhos-hero__bloco--projeto[b-5urn54k4wo] {
        min-width: 100%;
        flex-basis: 100%;
    }

    .trabalhos-board[b-5urn54k4wo] {
        gap: 0;
    }

    .trabalhos-board__pilha[b-5urn54k4wo] {
        flex-basis: 17rem;
        width: 17rem;
        min-width: 17rem;
        max-width: 17rem;
    }

    .grade-campos--triplos[b-5urn54k4wo] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 980px) {
    .trabalhos-layout[b-5urn54k4wo] {
        width: calc(100% + 1.7rem);
        margin: -0.85rem -0.85rem 0;
        height: calc(100dvh - 57px - 1.7rem);
        max-height: calc(100dvh - 57px - 1.7rem);
    }

    .trabalhos-pagina[b-5urn54k4wo] {
        padding-inline: 0.85rem;
        padding-bottom: 0.85rem;
    }
}

@media (max-width: 760px) {
    .trabalhos-layout[b-5urn54k4wo] {
        width: calc(100% + 1.5rem);
        margin: -0.75rem -0.75rem 0;
        height: calc(100dvh - 57px - 1.5rem);
        max-height: calc(100dvh - 57px - 1.5rem);
    }

    .trabalhos-pagina[b-5urn54k4wo] {
        padding-inline: 0.75rem;
        padding-bottom: 0.75rem;
    }
}

/* Quadro denso: mais contexto visivel sem perder a leitura. */
.trabalhos-layout[b-5urn54k4wo] {
    gap: 0.75rem;
}

.trabalhos-hero__acoes[b-5urn54k4wo],
.trabalhos-hero__botoes[b-5urn54k4wo] {
    gap: 0.45rem;
}

.trabalhos-hero__bloco[b-5urn54k4wo] {
    gap: 0.4rem;
}

.trabalhos-hero__bloco--projeto[b-5urn54k4wo] {
    min-width: 15rem;
    flex-basis: 22rem;
}

.trabalhos-hero__acao-projeto[b-5urn54k4wo] {
    width: 2.15rem;
    min-width: 2.15rem;
    height: 2.15rem;
}

.trabalhos-hero__botoes > button[b-5urn54k4wo] {
    min-height: 2.15rem;
    height: 2.15rem;
    padding: 0 0.75rem;
    font-size: 0.8rem;
}

.trabalhos-hero__botoes > .trabalhos-hero__acao-arquivados[b-5urn54k4wo] {
    width: 2.15rem;
    min-width: 2.15rem;
    padding: 0;
}

.trabalhos-hero[b-5urn54k4wo]  .selecao-padrao__gatilho,
.trabalhos-modais[b-5urn54k4wo]  .modal-sistema--trabalho .selecao-padrao__gatilho {
    min-height: 2.15rem;
    max-height: 2.15rem;
    padding: 0.28rem 1.8rem 0.28rem 0.6rem;
    border-radius: 3px;
    font-size: 0.75rem;
}

.trabalhos-form__lucro[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 2.8rem;
    padding: 0 0.85rem;
    border: 1px solid color-mix(in srgb, var(--cor-sucesso) 28%, var(--cor-borda));
    border-radius: var(--raio-medio);
    background: color-mix(in srgb, var(--cor-sucesso) 8%, var(--cor-superficie));
    color: var(--cor-texto);
}

.trabalhos-form__parceiros[b-5urn54k4wo] {
    display: grid;
    gap: 0.65rem;
    width: min(100%, 42rem);
    padding: 0.85rem;
    border: 1px solid var(--cor-borda);
    border-radius: 10px;
}

.trabalhos-form__parceiro[b-5urn54k4wo] {
    position: relative;
    display: grid;
    gap: 0.5rem;
    padding: 0.8rem;
    border: 1px solid var(--cor-borda);
    border-radius: 8px;
    background: color-mix(in srgb, var(--cor-primaria) 4%, var(--cor-superficie));
}

.trabalhos-form__parceiros-cabecalho[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.trabalhos-form__parceiros-cabecalho label[b-5urn54k4wo] {
    color: var(--cor-texto);
    font-size: 0.85rem;
    font-weight: 700;
}

.trabalhos-form__parceiro .campo-formulario:first-child[b-5urn54k4wo] {
    width: min(100%, 34rem);
}

.trabalhos-form__parceiro[b-5urn54k4wo]  .selecao-padrao,
.trabalhos-form__parceiro[b-5urn54k4wo]  .selecao-padrao__gatilho {
    width: 100%;
}

.trabalhos-form__parceiro[b-5urn54k4wo]  .selecao-padrao__gatilho {
    min-height: 2.65rem;
    max-height: none;
    font-size: 0.85rem;
}

.trabalhos-form__parceiro-valor[b-5urn54k4wo] {
    width: min(100%, 13rem);
    gap: 0.2rem;
}

.trabalhos-form__parceiro-valor label[b-5urn54k4wo],
.trabalhos-form__parceiro-extra[b-5urn54k4wo],
.trabalhos-detalhes__parceiro-rotulo[b-5urn54k4wo],
.trabalhos-detalhes__parceiro-extra[b-5urn54k4wo] {
    font-size: 0.72rem;
}

.trabalhos-form__parceiro-extra[b-5urn54k4wo],
.trabalhos-detalhes__parceiro-extra[b-5urn54k4wo] {
    width: fit-content;
    min-height: 1.75rem;
    padding: 0.2rem 0.45rem;
}

.trabalhos-form__parceiro-remover[b-5urn54k4wo] {
    position: absolute;
    top: 0.65rem;
    right: 0.65rem;
}

.trabalhos-form__lucro strong[b-5urn54k4wo] {
    color: var(--cor-sucesso);
    font-size: 1rem;
}

.trabalhos-detalhes[b-5urn54k4wo] {
    position: fixed;
    z-index: 80;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 0.4rem;
}

.trabalhos-detalhes__fundo[b-5urn54k4wo] {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(0, 0, 0, 0.56);
    cursor: default;
}

.trabalhos-detalhes--somente-leitura .trabalhos-detalhes__editavel[b-5urn54k4wo] {
    cursor: default;
    pointer-events: none;
}

.trabalhos-detalhes__painel[b-5urn54k4wo] {
    position: relative;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    width: min(60rem, calc(100vw - 1.2rem));
    height: min(49rem, calc(100dvh - 1.2rem));
    overflow: hidden;
    border: 1px solid var(--cor-borda-forte);
    border-radius: 15px;
    background: var(--cor-fundo);
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.42);
}

.trabalhos-detalhes__painel--com-rodape[b-5urn54k4wo] {
    width: min(105rem, calc(100vw - 0.8rem));
    height: min(53.5rem, calc(100dvh - 1.2rem));
}

.trabalhos-detalhes__cabecalho[b-5urn54k4wo] {
    display: flex;
    grid-row: 1;
    align-items: center;
    gap: 1rem;
    min-height: 5.2rem;
    padding: 0.8rem 1.35rem 0.8rem 1.45rem;
    border-bottom: 1px solid var(--cor-borda);
}

.trabalhos-detalhes__titulo[b-5urn54k4wo] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 1 auto;
    min-width: 0;
    gap: 0.35rem;
}

.trabalhos-detalhes__titulo-linha[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
    gap: 0.7rem;
}

.trabalhos-detalhes__check-iniciado[b-5urn54k4wo] {
    position: relative;
    flex: 0 0 auto;
    display: inline-grid;
    width: 0.92rem;
    height: 0.92rem;
    place-items: center;
    cursor: pointer;
}

.trabalhos-detalhes__check-iniciado .checkbox-sistema[b-5urn54k4wo] {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.trabalhos-detalhes__check-iniciado .checkbox-sistema:disabled[b-5urn54k4wo] {
    cursor: default;
}

.trabalhos-detalhes__check-iniciado-indicador[b-5urn54k4wo] {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    box-sizing: border-box;
    border: 1px solid rgb(255 255 255 / 48%);
    border-radius: 50%;
    background: rgb(15 23 42 / 34%);
    box-shadow: inset 0 1px 1px rgb(255 255 255 / 12%), 0 1px 2px rgb(15 23 42 / 28%);
    transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.trabalhos-detalhes__check-iniciado-indicador.marcado[b-5urn54k4wo] {
    border-color: rgb(255 255 255 / 82%);
    background: #166534;
    box-shadow: 0 1px 3px rgb(15 23 42 / 38%);
}

.trabalhos-detalhes__check-iniciado-indicador[b-5urn54k4wo]  .icone-sistema {
    display: grid;
    color: #fff !important;
}

.trabalhos-detalhes__check-iniciado-indicador[b-5urn54k4wo]  .icone-sistema__svg {
    stroke-width: 2.75;
}

.trabalhos-detalhes__check-iniciado:hover .checkbox-sistema:not(:disabled) + .trabalhos-detalhes__check-iniciado-indicador[b-5urn54k4wo] {
    border-color: #fff;
    background: rgb(15 23 42 / 36%);
    transform: scale(1.08);
}

.trabalhos-detalhes__check-iniciado:hover .checkbox-sistema:not(:disabled) + .trabalhos-detalhes__check-iniciado-indicador.marcado[b-5urn54k4wo] {
    background: #15803d;
}

.trabalhos-detalhes__check-iniciado .checkbox-sistema:focus-visible + .trabalhos-detalhes__check-iniciado-indicador[b-5urn54k4wo] {
    outline: 2px solid var(--cor-primaria);
    outline-offset: 2px;
}

.trabalhos-detalhes__check-iniciado .checkbox-sistema:disabled + .trabalhos-detalhes__check-iniciado-indicador[b-5urn54k4wo] {
    opacity: 0.72;
}

.trabalhos-detalhes__projeto[b-5urn54k4wo] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    margin: 0.15rem 0 0.4rem;
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
}

.trabalhos-detalhes__seletor-tipo[b-5urn54k4wo] {
    display: inline-flex;
    overflow: hidden;
    border: 1px solid var(--cor-borda);
    border-radius: 4px;
    background: color-mix(in srgb, var(--cor-texto) 8%, var(--cor-superficie));
}

.trabalhos-detalhes__seletor-tipo button[b-5urn54k4wo] {
    min-height: 1.7rem;
    padding: 0 0.65rem;
    border: 0;
    border-right: 1px solid var(--cor-borda);
    background: transparent;
    color: var(--cor-texto-secundario);
    font-size: 0.76rem;
    font-weight: 600;
    cursor: pointer;
}

.trabalhos-detalhes__seletor-tipo button:last-child[b-5urn54k4wo] {
    border-right: 0;
}

.trabalhos-detalhes__seletor-tipo button.ativo[b-5urn54k4wo] {
    background: var(--cor-primaria);
    color: #fff;
}

.trabalhos-detalhes__seletor-tipo button:disabled[b-5urn54k4wo] {
    cursor: default;
    opacity: 0.72;
}

.trabalhos-detalhes__titulo--novo[b-5urn54k4wo] {
    flex: 1 0 14rem;
}

.trabalhos-detalhes__titulo--novo input.trabalhos-detalhes__entrada--titulo[b-5urn54k4wo] {
    width: 13rem;
    min-width: 13rem;
    min-height: 2.7rem;
    flex: 0 0 13rem;
    font-size: 1.05rem;
}

.trabalhos-detalhes__obrigatorio[b-5urn54k4wo] {
    color: var(--cor-erro);
    font-size: 1rem;
    font-weight: 800;
    line-height: 1;
}

.trabalhos-detalhes__status .trabalhos-detalhes__obrigatorio[b-5urn54k4wo] {
    margin-left: 0.18rem;
    font-size: 0.82rem;
}

.trabalhos-detalhes__titulo > strong[b-5urn54k4wo] {
    overflow: hidden;
    color: var(--cor-texto);
    font-size: 1.18rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trabalhos-detalhes__titulo-texto[b-5urn54k4wo] {
    overflow: hidden;
    color: var(--cor-texto) !important;
    font-size: 1.18rem !important;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trabalhos-detalhes__salvar[b-5urn54k4wo] {
    min-height: 2.3rem;
    white-space: nowrap;
}

.trabalhos-detalhes__movimentacao[b-5urn54k4wo] {
    position: relative;
}

.trabalhos-detalhes__movimentacao-lista[b-5urn54k4wo] {
    position: absolute;
    right: 0;
    bottom: calc(100% + 0.45rem);
    z-index: 2;
    display: grid;
    min-width: 12rem;
    max-height: 14rem;
    overflow-y: auto;
    padding: 0.3rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
    box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.18);
}

.trabalhos-detalhes__movimentacao-lista button[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.15rem;
    padding: 0 0.65rem;
    border: none;
    border-radius: 4px;
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.8rem;
    text-align: left;
    cursor: pointer;
}

.trabalhos-detalhes__movimentacao-lista button:hover:not(:disabled)[b-5urn54k4wo] {
    background: var(--cor-primaria-suave);
}

.trabalhos-detalhes__movimentacao-lista button:disabled[b-5urn54k4wo] {
    color: var(--cor-texto-secundario);
    cursor: default;
    opacity: 0.65;
}

.trabalhos-detalhes__movimentacao-cor[b-5urn54k4wo] {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background: var(--trabalhos-coluna-cor);
}

.trabalhos-detalhes__rodape[b-5urn54k4wo] {
    display: flex;
    grid-row: 4;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    min-height: 4.5rem;
    padding: 0.8rem 1.35rem;
    border-top: 1px solid var(--cor-borda);
    background: color-mix(in srgb, var(--cor-superficie) 92%, var(--cor-primaria) 8%);
}

.trabalhos-detalhes__rodape > span[b-5urn54k4wo] {
    margin-right: auto;
    color: var(--cor-texto-secundario);
    font-size: 0.76rem;
}

.trabalhos-detalhes__agenda[b-5urn54k4wo] {
    display: grid;
    gap: 0.75rem;
    min-height: 0;
    padding: 0.75rem;
}

.trabalhos-detalhes__agenda-cabecalho[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.trabalhos-detalhes__agenda-cabecalho > div:first-child[b-5urn54k4wo] {
    display: grid;
    gap: 0.2rem;
}

.trabalhos-detalhes__agenda-cabecalho strong[b-5urn54k4wo] {
    font-size: 0.92rem;
}

.trabalhos-detalhes__agenda-cabecalho span[b-5urn54k4wo] {
    color: var(--cor-texto-secundario);
    font-size: 0.75rem;
}

.trabalhos-detalhes__agenda-resumo-linha[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.trabalhos-detalhes__agenda-limpar[b-5urn54k4wo] {
    flex: none;
    color: var(--cor-texto-secundario);
}

.trabalhos-detalhes__agenda-limpar:hover[b-5urn54k4wo] {
    color: var(--cor-erro);
}

.trabalhos-detalhes__agenda-resumo[b-5urn54k4wo] {
    display: grid;
    align-content: center;
    gap: 0.12rem;
    min-width: 10.5rem;
    min-height: 2.15rem;
    padding: 0.35rem 0.65rem;
    border: 1px solid color-mix(in srgb, var(--cor-primaria) 28%, var(--cor-borda));
    border-radius: 8px;
    background: var(--cor-primaria-suave);
    text-align: right;
}

.trabalhos-detalhes__agenda-resumo strong[b-5urn54k4wo] {
    color: var(--cor-primaria);
    font-size: 0.76rem;
}

.trabalhos-calendario[b-5urn54k4wo] {
    padding: 0.7rem 0.8rem 0.75rem;
    border: 1px solid var(--cor-borda);
    border-radius: 10px;
    background: var(--cor-superficie);
}

.trabalhos-calendario__navegacao[b-5urn54k4wo] {
    display: grid;
    grid-template-columns: 2rem 1fr 2rem;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.trabalhos-calendario__navegacao .botao-icone[b-5urn54k4wo] {
    width: 2rem;
    height: 2rem;
}

.trabalhos-calendario__icone-anterior[b-5urn54k4wo] {
    display: inline-flex;
    transform: rotate(180deg);
}

.trabalhos-calendario__navegacao strong[b-5urn54k4wo] {
    font-size: 0.86rem;
    text-align: center;
}

.trabalhos-calendario__semana[b-5urn54k4wo],
.trabalhos-calendario__dias[b-5urn54k4wo] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.trabalhos-calendario__semana[b-5urn54k4wo] {
    margin-bottom: 0.25rem;
}

.trabalhos-calendario__semana span[b-5urn54k4wo] {
    padding: 0.25rem 0;
    color: var(--cor-texto-secundario);
    font-size: 0.66rem;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.trabalhos-calendario__dia[b-5urn54k4wo] {
    position: relative;
    z-index: 0;
    min-height: 2rem;
    border: 0;
    border-radius: var(--raio-medio);
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.76rem;
    cursor: pointer;
}

.trabalhos-calendario__dia:hover[b-5urn54k4wo] {
    background: color-mix(in srgb, var(--cor-primaria) 15%, var(--cor-superficie));
    color: var(--cor-primaria);
}

.trabalhos-calendario__dia:focus-visible[b-5urn54k4wo] {
    z-index: 1;
    outline: 2px solid var(--cor-primaria);
    outline-offset: -2px;
}

.trabalhos-calendario__dia--outro-mes[b-5urn54k4wo] {
    color: var(--cor-texto-secundario);
    opacity: 0.62;
}

.trabalhos-calendario__dia--hoje[b-5urn54k4wo] {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cor-primaria) 65%, transparent);
    color: var(--cor-primaria);
    font-weight: 700;
}

.trabalhos-calendario__dia--selecionado[b-5urn54k4wo],
.trabalhos-calendario__dia--inicio[b-5urn54k4wo],
.trabalhos-calendario__dia--fim[b-5urn54k4wo] {
    background: var(--cor-primaria);
    color: #fff;
    font-weight: 800;
}

.trabalhos-calendario__dia--inicio[b-5urn54k4wo] {
    border-radius: 6px 0 0 6px;
}

.trabalhos-calendario__dia--fim[b-5urn54k4wo] {
    border-radius: 0 6px 6px 0;
}

.trabalhos-calendario__dia--selecionado[b-5urn54k4wo] {
    border-radius: var(--raio-medio);
}

.trabalhos-calendario__dia--selecionado:hover[b-5urn54k4wo],
.trabalhos-calendario__dia--inicio:hover[b-5urn54k4wo],
.trabalhos-calendario__dia--fim:hover[b-5urn54k4wo] {
    background: var(--cor-primaria-hover);
    color: #fff;
}

.trabalhos-calendario__dia--intervalo[b-5urn54k4wo] {
    border-radius: 0;
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
    font-weight: 700;
}

.trabalhos-detalhes__agenda-horarios[b-5urn54k4wo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.trabalhos-detalhes__agenda-horarios label[b-5urn54k4wo] {
    display: grid;
    gap: 0.35rem;
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
    font-weight: 700;
}

.trabalhos-detalhes__agenda-acoes[b-5urn54k4wo] {
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 640px) {
    .trabalhos-detalhes__agenda-cabecalho[b-5urn54k4wo] {
        display: grid;
    }

    .trabalhos-detalhes__agenda-resumo[b-5urn54k4wo] {
        min-width: 0;
        text-align: left;
    }
}

.trabalhos-detalhes__solicitar-arquivamento[b-5urn54k4wo] {
    margin-right: auto;
}

.trabalhos-detalhes__alerta-arquivamento[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--cor-erro);
    font-size: 0.78rem;
    font-weight: 600;
}

.trabalhos-item__alerta-arquivamento[b-5urn54k4wo] {
    display: inline-flex;
    align-items: center;
    color: var(--cor-erro);
    cursor: help;
}

.trabalhos-item__alertas[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    align-content: center;
    align-self: start;
    flex-wrap: wrap;
    min-width: 0;
    min-height: 1.9rem;
    gap: 0.4rem;
    margin-left: 0;
    justify-content: flex-end;
}

.trabalhos-item__tag-arquivamento[b-5urn54k4wo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 0.9rem;
    padding: 0.03rem 0.24rem;
    border: 1px solid transparent;
    border-radius: max(0px, calc(var(--raio-base) - 2px));
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
}

.trabalhos-item__tag-arquivamento--won[b-5urn54k4wo] {
    border-color: #15803d;
    background: #22c55e;
    color: #fff;
}

.trabalhos-item__tag-arquivamento--lost[b-5urn54k4wo] {
    border-color: #be123c;
    background: #f43f5e;
    color: #fff;
}

.trabalhos-item__tag-arquivamento--archive[b-5urn54k4wo] {
    border-color: #d97706;
    background: #fbbf24;
    color: #fff;
}

.trabalhos-item__tag-arquivamento--onhold[b-5urn54k4wo] {
    border-color: #1d4ed8;
    background: #3b82f6;
    color: #fff;
}

.trabalhos-item__tag-arquivamento--aprovacao[b-5urn54k4wo] {
    border-color: #6d28d9;
    background: #8b5cf6;
    color: #fff;
}

.trabalhos-item__cabecalho .trabalhos-item__tag-arquivamento[b-5urn54k4wo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    font-size: 0.55rem;
}

/* Tags de status (aprovação pendente / arquivado) ficam numa linha própria,
   fora da grade fixa de ícones de ações, para não ficarem espremidas. */
.trabalhos-item__tags-status[b-5urn54k4wo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.15rem;
}

.trabalhos-item__tags-status .trabalhos-item__tag-arquivamento[b-5urn54k4wo] {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    padding: 0.12rem 0.4rem;
}

.trabalhos-item__compacto-titulo .trabalhos-item__tag-arquivamento[b-5urn54k4wo] {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.trabalhos-item__alerta-retorno[b-5urn54k4wo] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin-top: 0;
    color: #fbbf24;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    cursor: help;
}

.trabalhos-item__alerta-trabalho[b-5urn54k4wo] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    margin-top: 0;
    background: transparent;
    color: #fbbf24;
    line-height: 0;
    cursor: help;
}

.trabalhos-item__alertas .trabalhos-item__alerta-trabalho[b-5urn54k4wo] {
    display: inline-flex;
    margin-top: 0;
    color: #fbbf24;
}

.trabalhos-item__alertas .trabalhos-item__alerta-arquivamento[b-5urn54k4wo] {
    display: inline-flex;
}

.trabalhos-item__alerta-trabalho[b-5urn54k4wo]  .icone-sistema {
    display: inline-grid;
    color: inherit !important;
}

.trabalhos-item__alerta-trabalho--critico[b-5urn54k4wo] {
    background: transparent;
    color: #dc2626;
    animation: trabalhos-item-alerta-critico-b-5urn54k4wo 1.25s ease-in-out infinite;
}

.trabalhos-item__alertas .trabalhos-item__alerta-trabalho--critico[b-5urn54k4wo] {
    color: #dc2626;
}

@keyframes trabalhos-item-alerta-critico-b-5urn54k4wo {
    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.48;
    }
}

.trabalhos-item__alerta-retorno[b-5urn54k4wo]  .icone-sistema {
    display: inline-grid;
    color: #fbbf24 !important;
}

.trabalhos-item__retorno-cabecalho[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    min-height: 2rem;
    margin: -0.9rem -0.9rem 0;
    padding: 0.35rem 0.9rem;
    border-top: 1px solid color-mix(in srgb, #fbbf24 65%, var(--cor-borda));
    border-bottom: 1px solid color-mix(in srgb, #fbbf24 55%, var(--cor-borda));
    background: color-mix(in srgb, #fbbf24 12%, var(--cor-superficie));
}

.trabalhos-item--compacto .trabalhos-item__retorno-cabecalho[b-5urn54k4wo] {
    min-height: 1.8rem;
    margin: -0.65rem -0.7rem 0;
    padding: 0.3rem 0.7rem;
}

.trabalhos-arquivados__lista[b-5urn54k4wo] {
    display: grid;
    gap: 0.5rem;
}

.trabalhos-arquivados__filtros[b-5urn54k4wo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.trabalhos-arquivados__item[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.75rem;
    border: 1px solid var(--cor-borda);
    border-radius: 7px;
    background: var(--cor-superficie);
    color: var(--cor-texto);
    text-align: left;
}

.trabalhos-arquivados__item span[b-5urn54k4wo] {
    display: grid;
    gap: 0.2rem;
}

.trabalhos-arquivados__item small[b-5urn54k4wo] {
    color: var(--cor-texto-secundario);
}

.trabalhos-detalhes__status[b-5urn54k4wo] {
    display: inline-flex;
    align-items: center;
    min-height: 1.65rem;
    padding: 0 0.55rem;
    border: 1px solid color-mix(in srgb, var(--trabalhos-coluna-cor) 50%, var(--cor-borda));
    border-radius: 5px;
    background: color-mix(in srgb, var(--trabalhos-coluna-cor) 15%, var(--cor-superficie));
    color: var(--cor-texto);
    font-size: 0.72rem;
    font-weight: 700;
    white-space: nowrap;
}

.trabalhos-detalhes__editavel[b-5urn54k4wo] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0.12rem 0.22rem;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.35;
    text-align: left;
    cursor: pointer;
    transition: background 120ms ease, color 120ms ease;
}

.trabalhos-detalhes__editavel:hover[b-5urn54k4wo] {
    background: color-mix(in srgb, var(--cor-texto) 10%, var(--cor-superficie));
    color: var(--cor-texto);
}

.trabalhos-detalhes__editavel--vazio[b-5urn54k4wo] {
    gap: 0.35rem;
    padding: 0.3rem 0.45rem;
    border: 1px dashed color-mix(in srgb, var(--cor-primaria) 48%, var(--cor-borda));
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
    font-size: 0.74rem;
}

.trabalhos-detalhes__editavel--vazio:hover[b-5urn54k4wo] {
    background: color-mix(in srgb, var(--cor-primaria) 20%, var(--cor-superficie));
    color: var(--cor-primaria);
}

.trabalhos-detalhes__editavel:focus-visible[b-5urn54k4wo] {
    outline: 2px solid var(--cor-primaria);
    outline-offset: 2px;
}

.trabalhos-detalhes__status.trabalhos-detalhes__editavel[b-5urn54k4wo] {
    border-color: color-mix(in srgb, var(--trabalhos-coluna-cor) 65%, var(--cor-borda));
    background: color-mix(in srgb, var(--trabalhos-coluna-cor) 18%, var(--cor-superficie));
    color: var(--trabalhos-coluna-cor);
    font-size: 0.72rem;
}

.trabalhos-detalhes__status.trabalhos-detalhes__editavel:hover[b-5urn54k4wo] {
    background: color-mix(in srgb, var(--trabalhos-coluna-cor) 28%, var(--cor-superficie));
    color: var(--trabalhos-coluna-cor);
}

.trabalhos-detalhes__tipo[b-5urn54k4wo] {
    gap: 0.42rem;
    color: var(--cor-texto);
}

.trabalhos-detalhes__tipo-ponto[b-5urn54k4wo] {
    width: 0.58rem;
    height: 0.58rem;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--trabalhos-categoria-cor);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--trabalhos-categoria-cor) 12%, transparent);
}

.trabalhos-detalhes__endereco[b-5urn54k4wo] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    width: 100%;
    align-items: start;
    justify-content: initial;
    color: var(--cor-texto-secundario);
    font-size: 0.68rem;
    font-weight: 400;
    column-gap: 0.35rem;
    padding-left: 0;
}

.trabalhos-detalhes__endereco-acoes[b-5urn54k4wo] {
    display: flex;
    align-items: start;
    gap: 0.35rem;
    width: 100%;
}

.trabalhos-detalhes__endereco-acoes .trabalhos-detalhes__endereco[b-5urn54k4wo] {
    flex: 1 1 auto;
}

.trabalhos-detalhes__endereco-acoes .botao-icone[b-5urn54k4wo] {
    flex: 0 0 auto;
}

.trabalhos-detalhes__endereco-acao.botao-icone--tabela[b-5urn54k4wo] {
    width: 1.7rem;
    height: 1.7rem;
}

.trabalhos-detalhes__endereco[b-5urn54k4wo]  .icone-sistema {
    margin-top: 0.1rem;
    color: var(--cor-texto-secundario);
}

.trabalhos-detalhes__endereco-texto[b-5urn54k4wo] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.trabalhos-detalhes__mapa-endereco iframe[b-5urn54k4wo] {
    display: block;
    width: 100%;
    height: min(84vh, 66rem);
    min-height: 34rem;
    border: 0;
    border-radius: var(--raio-base);
}

@media (max-width: 640px) {
    .trabalhos-detalhes__mapa-endereco iframe[b-5urn54k4wo] {
        min-height: 24rem;
    }
}

.trabalhos-detalhes__sem-endereco[b-5urn54k4wo] {
    color: var(--cor-texto-secundario);
    font-size: 0.68rem;
    font-style: italic;
}

.trabalhos-detalhes__entrada[b-5urn54k4wo],
.trabalhos-detalhes[b-5urn54k4wo]  .selecao-padrao__gatilho {
    box-sizing: border-box;
    width: 100%;
    min-height: 2rem;
    padding: 0.35rem 0.5rem;
    border: 1px solid var(--cor-primaria);
    border-radius: 5px;
    background: var(--cor-superficie);
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.76rem;
    outline: none;
}

.trabalhos-detalhes input.trabalhos-detalhes__entrada[b-5urn54k4wo],
.trabalhos-detalhes textarea.trabalhos-detalhes__entrada[b-5urn54k4wo] {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    min-height: 2.35rem;
    padding: 0.48rem 0.62rem;
    border: 1px solid var(--cor-primaria) !important;
    border-radius: 6px !important;
    background: var(--cor-superficie) !important;
    color: var(--cor-texto) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--cor-texto) 4%, transparent);
    caret-color: var(--cor-primaria);
    font-family: inherit;
    font-size: 0.78rem;
    line-height: 1.35;
}

.trabalhos-detalhes[b-5urn54k4wo]  .selecao-padrao {
    width: 100%;
}

.trabalhos-detalhes[b-5urn54k4wo]  .selecao-padrao__gatilho {
    min-height: 2rem;
    padding: 0.28rem 1.7rem 0.28rem 0.5rem;
}

.trabalhos-detalhes[b-5urn54k4wo]  #endereco-cliente-trabalho-detalhes,
.trabalhos-modais[b-5urn54k4wo]  #endereco-cliente-trabalho {
    min-height: 3.5rem;
    max-height: none;
    padding-block: 0.45rem;
}

.trabalhos-detalhes[b-5urn54k4wo]  #endereco-cliente-trabalho-detalhes .selecao-padrao__texto,
.trabalhos-modais[b-5urn54k4wo]  #endereco-cliente-trabalho .selecao-padrao__texto {
    white-space: normal;
}

.trabalhos-detalhes__entrada:focus[b-5urn54k4wo] {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--cor-primaria) 22%, transparent);
}

.trabalhos-detalhes input.trabalhos-detalhes__entrada--titulo[b-5urn54k4wo] {
    width: 13rem;
    min-height: 2.3rem;
    padding-inline: 0.7rem;
    font-size: 1rem;
    font-weight: 700;
}

.trabalhos-detalhes__entrada--textarea[b-5urn54k4wo] {
    min-height: 4.5rem;
    resize: vertical;
}

.trabalhos-detalhes__descricao-entrada[b-5urn54k4wo] {
    height: 100%;
    min-height: 0;
    resize: none;
}

.trabalhos-detalhes__descricao-relatorio-entrada[b-5urn54k4wo] {
    min-height: 4.5rem;
    max-height: 18rem;
    overflow-y: auto;
    field-sizing: content;
}

.trabalhos-detalhes__tag-arquivamento[b-5urn54k4wo] {
    flex: 0 0 auto;
    min-height: 1.3rem;
    padding: 0.16rem 0.5rem;
    font-size: 0.68rem;
    letter-spacing: 0.03em;
}

.trabalhos-detalhes__onhold[b-5urn54k4wo] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 0.75rem;
    border: 1px solid var(--cor-primaria);
    border-radius: var(--raio-base);
    background: var(--cor-primaria-suave);
}

.trabalhos-detalhes__onhold-aviso[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--cor-primaria);
    font-size: 0.8rem;
    font-weight: 600;
}

.trabalhos-detalhes__onhold-acoes[b-5urn54k4wo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.trabalhos-detalhes__indicadores[b-5urn54k4wo] {
    display: flex;
    align-items: stretch;
    gap: 0.55rem;
}

.trabalhos-detalhes__indicadores > div[b-5urn54k4wo] {
    display: grid;
    align-content: center;
    min-width: 5.6rem;
    min-height: 3.15rem;
    padding: 0.35rem 0.65rem;
    border-radius: 8px;
    background: color-mix(in srgb, var(--cor-primaria) 10%, var(--cor-superficie));
}

.trabalhos-detalhes__indicadores span[b-5urn54k4wo] {
    color: var(--cor-texto-secundario);
    font-size: 0.67rem;
}

.trabalhos-detalhes__indicador-pagamento[b-5urn54k4wo] {
    min-width: 7.5rem !important;
    gap: 0.28rem;
}

.trabalhos-detalhes__indicador-pagamento .trabalhos-detalhes__editavel[b-5urn54k4wo] {
    margin-top: 0.1rem;
    gap: 0.3rem;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--cor-texto);
}

.trabalhos-detalhes__indicador-servico[b-5urn54k4wo] {
    min-width: 9rem !important;
    max-width: 14rem;
}

.trabalhos-detalhes__indicador-servico .trabalhos-detalhes__editavel[b-5urn54k4wo] {
    max-width: 100%;
    min-width: 0;
}

.trabalhos-detalhes__indicador-servico-nome[b-5urn54k4wo] {
    overflow: hidden;
    color: var(--cor-texto) !important;
    font-size: 0.75rem !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trabalhos-detalhes__indicadores strong[b-5urn54k4wo] {
    margin-top: 0.18rem;
    color: var(--cor-texto);
    font-size: 0.75rem;
    white-space: nowrap;
}

.trabalhos-detalhes__valor-liquido[b-5urn54k4wo] {
    color: var(--cor-sucesso) !important;
}

.trabalhos-detalhes__valor-lucro[b-5urn54k4wo] {
    color: var(--cor-primaria) !important;
}

.trabalhos-detalhes__valor-despesa[b-5urn54k4wo] {
    color: var(--cor-erro) !important;
}

.trabalhos-detalhes__fechar[b-5urn54k4wo] {
    display: inline-grid;
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 0;
    place-items: center;
    border-radius: var(--raio-medio);
    background: transparent;
    color: var(--cor-texto-secundario);
}

.trabalhos-detalhes__fechar:hover[b-5urn54k4wo] {
    background: color-mix(in srgb, var(--cor-texto) 10%, transparent);
    color: var(--cor-texto);
}

.trabalhos-detalhes__etapas[b-5urn54k4wo] {
    display: flex;
    grid-row: 2;
    align-items: stretch;
    width: 100%;
    height: 1.75rem;
    overflow: hidden;
    border-bottom: 1px solid var(--cor-borda);
    background: var(--cor-superficie);
}

.trabalhos-detalhes__etapa[b-5urn54k4wo] {
    position: relative;
    display: flex;
    flex: 1 1 0;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 100%;
    gap: 0.22rem;
    min-width: 0;
    margin: 0 0 0 -0.7rem;
    padding: 0 0.9rem 0 1.2rem;
    border: 0;
    background: color-mix(in srgb, var(--cor-texto) 6%, var(--cor-superficie));
    color: var(--cor-texto-secundario);
    font-family: inherit;
    font-size: 0.62rem;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    clip-path: polygon(0 0, calc(100% - 0.55rem) 0, 100% 50%, calc(100% - 0.55rem) 100%, 0 100%, 0.55rem 50%);
    transition: background 120ms ease, color 120ms ease, filter 120ms ease;
}

.trabalhos-detalhes__etapa:first-child[b-5urn54k4wo] {
    margin-left: 0;
    padding-left: 0.8rem;
    clip-path: polygon(0 0, calc(100% - 0.55rem) 0, 100% 50%, calc(100% - 0.55rem) 100%, 0 100%);
}

.trabalhos-detalhes__etapa:last-child[b-5urn54k4wo] {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0.55rem 50%);
}

.trabalhos-detalhes__etapa span[b-5urn54k4wo],
.trabalhos-detalhes__etapa strong[b-5urn54k4wo] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.trabalhos-detalhes__etapa:disabled[b-5urn54k4wo] {
    cursor: default;
}

.trabalhos-detalhes__etapa:not(:disabled):hover[b-5urn54k4wo] {
    background: color-mix(in srgb, var(--cor-texto) 14%, var(--cor-superficie));
}

/* Etapas já percorridas e a atual: cor cheia da etapa (sem transparência) e um pouco mais saturada. */
.trabalhos-detalhes__etapa--concluida[b-5urn54k4wo],
.trabalhos-detalhes__etapa--atual[b-5urn54k4wo] {
    z-index: 1;
    background: var(--trabalhos-coluna-cor);
    color: #fff;
    text-shadow: 0 1px 1px rgb(0 0 0 / 30%);
    filter: saturate(1.35) brightness(1.05);
}

.trabalhos-detalhes__etapa--concluida:not(:disabled):hover[b-5urn54k4wo],
.trabalhos-detalhes__etapa--atual:not(:disabled):hover[b-5urn54k4wo] {
    background: var(--trabalhos-coluna-cor);
    filter: saturate(1.35) brightness(1.2);
}

.trabalhos-detalhes__etapa--atual[b-5urn54k4wo] {
    z-index: 2;
    font-weight: 700;
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--trabalhos-coluna-cor) 55%, white 25%);
}

@media (max-width: 900px) {
    .trabalhos-detalhes__etapas[b-5urn54k4wo] {
        overflow-x: auto;
    }

    .trabalhos-detalhes__etapa[b-5urn54k4wo] {
        flex: 0 0 auto;
        min-width: 6.5rem;
    }
}

.trabalhos-detalhes__corpo[b-5urn54k4wo] {
    display: grid;
    grid-row: 3;
    grid-template-columns: 24.5rem minmax(0, 1fr);
    min-height: 0;
}

.trabalhos-detalhes__lateral[b-5urn54k4wo] {
    display: grid;
    align-content: start;
    gap: 1.05rem;
    min-width: 0;
    min-height: 0;
    padding: 1.15rem 0.95rem;
    border-right: 1px solid var(--cor-borda);
    overflow-y: auto;
}

.trabalhos-detalhes__provedor[b-5urn54k4wo],
.trabalhos-detalhes__campo[b-5urn54k4wo],
.trabalhos-detalhes__cliente[b-5urn54k4wo],
.trabalhos-detalhes__parceiro[b-5urn54k4wo] {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

.trabalhos-detalhes__provedor > span[b-5urn54k4wo],
.trabalhos-detalhes__campo > span[b-5urn54k4wo],
.trabalhos-detalhes__cliente > span[b-5urn54k4wo],
.trabalhos-detalhes__parceiro > span[b-5urn54k4wo],
.trabalhos-detalhes__secao-cabecalho > span[b-5urn54k4wo] {
    color: var(--cor-texto-secundario);
    font-size: 0.67rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.trabalhos-detalhes__secao-cabecalho > .trabalhos-detalhes__obrigatorio[b-5urn54k4wo] {
    margin-left: -0.3rem;
    margin-right: auto;
    color: var(--cor-erro);
    font-size: 0.9rem;
    letter-spacing: normal;
    text-transform: none;
}

.trabalhos-detalhes__secao-cabecalho[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.trabalhos-detalhes__alternar-secao[b-5urn54k4wo] {
    display: inline-grid;
    width: 1.45rem;
    height: 1.45rem;
    padding: 0;
    border: 0;
    place-items: center;
    border-radius: 4px;
    background: transparent;
    color: var(--cor-texto-secundario);
    cursor: pointer;
}

.trabalhos-detalhes__alternar-secao:hover[b-5urn54k4wo] {
    background: color-mix(in srgb, var(--cor-texto) 10%, transparent);
    color: var(--cor-texto);
}

.trabalhos-detalhes__provedor > strong[b-5urn54k4wo],
.trabalhos-detalhes__campo > strong[b-5urn54k4wo],
.trabalhos-detalhes__cliente > strong[b-5urn54k4wo],
.trabalhos-detalhes__parceiro > strong[b-5urn54k4wo] {
    color: var(--cor-texto);
    font-size: 0.8rem;
}

.trabalhos-detalhes__provedor > .trabalhos-detalhes__editavel[b-5urn54k4wo],
.trabalhos-detalhes__campo > .trabalhos-detalhes__editavel[b-5urn54k4wo],
.trabalhos-detalhes__cliente > .trabalhos-detalhes__editavel[b-5urn54k4wo],
.trabalhos-detalhes__parceiro > .trabalhos-detalhes__editavel[b-5urn54k4wo] {
    font-size: 0.8rem;
}

.trabalhos-detalhes__cliente[b-5urn54k4wo] {
    padding: 0.85rem 0.7rem;
    border-radius: 10px;
    background: color-mix(in srgb, var(--cor-primaria) 7%, var(--cor-superficie));
}

.trabalhos-detalhes__cliente-divisor[b-5urn54k4wo] {
    display: block !important;
    height: 1px;
    margin: 0.2rem 0 0.1rem;
    background: var(--cor-borda);
}

.trabalhos-detalhes__cliente-selecao[b-5urn54k4wo],
.trabalhos-detalhes__provedor-selecao[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 0.2rem;
}

.trabalhos-detalhes__cliente-editar[b-5urn54k4wo],
.trabalhos-detalhes__empresa-editar[b-5urn54k4wo],
.trabalhos-detalhes__parceiro-editar[b-5urn54k4wo] {
    width: 1.7rem;
    height: 1.7rem;
}

.trabalhos-detalhes__cliente div[b-5urn54k4wo],
.trabalhos-detalhes__parceiro div[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 0.35rem;
    color: var(--cor-texto-secundario);
    font-size: 0.68rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.trabalhos-detalhes__financeiro[b-5urn54k4wo] {
    display: grid;
    gap: 0.45rem;
    padding: 0.7rem;
    border-radius: 10px;
    background: color-mix(in srgb, var(--cor-primaria) 8%, var(--cor-superficie));
}

.trabalhos-detalhes__financeiro-linha[b-5urn54k4wo],
.trabalhos-detalhes__parceiro div[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.trabalhos-detalhes__financeiro-linha strong[b-5urn54k4wo] {
    margin-left: auto;
    text-align: right;
}

.trabalhos-detalhes__vat-editor[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.trabalhos-detalhes__vat-rotulo[b-5urn54k4wo] {
    color: var(--cor-texto-secundario);
}

.trabalhos-detalhes__vat-campo[b-5urn54k4wo] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.trabalhos-detalhes input.trabalhos-detalhes__entrada--vat[b-5urn54k4wo] {
    width: 4.4rem;
    min-height: 1.8rem;
    padding: 0.3rem 1.6rem 0.3rem 0.5rem;
    text-align: right;
    font-size: 0.76rem;
    -moz-appearance: textfield;
}

.trabalhos-detalhes input.trabalhos-detalhes__entrada--vat[b-5urn54k4wo]::-webkit-outer-spin-button,
.trabalhos-detalhes input.trabalhos-detalhes__entrada--vat[b-5urn54k4wo]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.trabalhos-detalhes__vat-campo .trabalhos-detalhes__vat-sufixo[b-5urn54k4wo] {
    position: absolute;
    right: 0.5rem;
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
    pointer-events: none;
}

.trabalhos-detalhes__grand-total-hourly[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.3rem;
}

.trabalhos-detalhes__grand-total-hourly small[b-5urn54k4wo] {
    color: var(--cor-texto-secundario);
    font-size: 0.58rem;
}

.trabalhos-detalhes__financeiro-divisor[b-5urn54k4wo] {
    height: 1px;
    margin: 0.08rem 0;
    background: var(--cor-borda);
}

.trabalhos-detalhes__financeiro span[b-5urn54k4wo],
.trabalhos-detalhes__financeiro strong[b-5urn54k4wo],
.trabalhos-detalhes__parceiro div[b-5urn54k4wo] {
    font-size: 0.68rem;
}

.trabalhos-detalhes__financeiro span[b-5urn54k4wo] {
    color: var(--cor-texto-secundario);
}

.trabalhos-detalhes__financeiro strong[b-5urn54k4wo],
.trabalhos-detalhes__parceiro div strong[b-5urn54k4wo] {
    color: var(--cor-texto);
    font-weight: 700;
}

.trabalhos-detalhes__parceiro[b-5urn54k4wo] {
    display: grid;
    gap: 0.75rem;
    padding: 0.85rem 0.7rem;
    border-radius: 10px;
    background: color-mix(in srgb, var(--cor-primaria) 7%, var(--cor-superficie));
}

.trabalhos-detalhes__parceiros-cabecalho[b-5urn54k4wo] {
    flex-wrap: wrap;
    align-items: center;
}

.trabalhos-detalhes__parceiros-titulo[b-5urn54k4wo],
.trabalhos-detalhes__parceiros-acoes[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.trabalhos-detalhes__parceiros-acoes[b-5urn54k4wo] {
    margin-left: auto;
}

.trabalhos-detalhes__parceiros-acoes .trabalhos-detalhes__parceiros-adicionar[b-5urn54k4wo] {
    white-space: nowrap;
}

.trabalhos-detalhes__parceiros-titulo > span[b-5urn54k4wo] {
    color: var(--cor-texto);
    font-size: 0.86rem;
    font-weight: 800;
    white-space: nowrap;
}

.trabalhos-detalhes__parceiros-titulo small[b-5urn54k4wo] {
    white-space: nowrap;
    padding: 0.18rem 0.42rem;
    border-radius: 4px;
    background: color-mix(in srgb, var(--cor-primaria) 16%, var(--cor-superficie));
    color: var(--cor-texto-secundario);
    font-size: 0.65rem;
    font-weight: 600;
}

.trabalhos-detalhes__parceiros-adicionar[b-5urn54k4wo] {
    min-height: 1.7rem;
    padding: 0.16rem 0.45rem;
    font-size: 0.7rem;
}

.trabalhos-detalhes__parceiro-divisor[b-5urn54k4wo] {
    display: block !important;
    height: 1px;
    margin: 0.2rem 0 0.1rem;
    background: var(--cor-borda);
}

.trabalhos-detalhes__parceiro-item[b-5urn54k4wo] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 0.5rem;
    padding: 0.75rem;
    border: 1px solid color-mix(in srgb, var(--cor-borda) 82%, transparent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--cor-fundo) 60%, var(--cor-superficie));
}

.trabalhos-detalhes__parceiro-cabecalho[b-5urn54k4wo] {
    display: grid !important;
    grid-template-columns: 2.25rem minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.4rem;
}

.trabalhos-detalhes__parceiro-avatar[b-5urn54k4wo] {
    display: inline-grid;
    width: 2.15rem;
    height: 2.15rem;
    place-items: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--cor-primaria) 25%, var(--cor-superficie));
    color: color-mix(in srgb, var(--cor-primaria) 70%, white);
}

.trabalhos-detalhes__parceiro-item[b-5urn54k4wo]  .selecao-padrao,
.trabalhos-detalhes__parceiro-item[b-5urn54k4wo]  .selecao-padrao__gatilho {
    width: 100%;
}

.trabalhos-detalhes__parceiro-item[b-5urn54k4wo]  .selecao-padrao__gatilho {
    min-height: 2.55rem;
    max-height: none;
}

.trabalhos-detalhes__parceiro-rotulo[b-5urn54k4wo] {
    color: var(--cor-texto-secundario);
}

.trabalhos-detalhes__parceiro-financeiro[b-5urn54k4wo] {
    display: flex !important;
    flex-direction: column;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    align-self: stretch;
    justify-self: stretch;
    justify-content: normal;
    gap: 0.55rem;
}

.trabalhos-detalhes__parceiro-subtitulo[b-5urn54k4wo] {
    color: var(--cor-texto-secundario);
    font-size: 0.68rem;
    font-weight: 600;
}

.trabalhos-detalhes__parceiro-subtitulo-linha[b-5urn54k4wo] {
    display: flex !important;
    flex: 0 0 auto;
    width: 100% !important;
    min-width: 0;
    max-width: none !important;
    align-items: center;
    justify-content: space-between !important;
    min-height: 1.4rem;
}

.trabalhos-detalhes__parceiro-subtitulo-linha .trabalhos-detalhes__parceiro-subtitulo[b-5urn54k4wo] {
    flex: 0 0 auto;
    white-space: nowrap;
}

.trabalhos-detalhes__parceiro-total-hourly[b-5urn54k4wo] {
    margin-left: 0.35rem;
    color: var(--cor-texto);
    font-size: 0.68rem;
    font-weight: 700;
    white-space: nowrap;
}

.trabalhos-detalhes__parceiro-subtitulo-linha .trabalhos-detalhes__parceiro-adicionar-extra[b-5urn54k4wo] {
    margin-left: auto;
}

.trabalhos-detalhes__parceiro-extras-cabecalho[b-5urn54k4wo] {
    display: flex !important;
    width: 100% !important;
    align-self: stretch;
    align-items: center;
    justify-content: flex-start !important;
    min-height: 1.6rem;
}

.trabalhos-detalhes__parceiro-extras-cabecalho .trabalhos-detalhes__parceiro-subtitulo[b-5urn54k4wo] {
    text-align: left;
}

.trabalhos-detalhes__parceiro-adicionar-extra[b-5urn54k4wo] {
    width: auto;
    min-height: 1.6rem;
    padding: 0.18rem 0.4rem;
    border-radius: 4px;
    font-size: 0.68rem;
}

.trabalhos-detalhes__parceiro-linha[b-5urn54k4wo] {
    display: grid !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    align-self: stretch;
    justify-self: stretch;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.4rem;
}

.trabalhos-detalhes__parceiro-linha--extra[b-5urn54k4wo] {
    grid-template-columns: minmax(0, 1fr) minmax(5.25rem, 0.72fr) auto auto;
    min-height: 3.25rem;
    padding: 0.4rem 0.55rem;
    border: 1px solid color-mix(in srgb, var(--cor-borda) 82%, transparent);
    border-radius: var(--raio-medio);
    background: color-mix(in srgb, var(--cor-superficie) 92%, var(--cor-primaria));
}

.trabalhos-detalhes__parceiro-linha--valor[b-5urn54k4wo] {
    display: block !important;
}

.trabalhos-detalhes__parceiro-linha--valor .trabalhos-detalhes__entrada[b-5urn54k4wo] {
    display: block;
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
}

.trabalhos-detalhes__parceiro-linha .trabalhos-detalhes__entrada[b-5urn54k4wo] {
    min-height: 1.7rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

.trabalhos-detalhes__parceiro-valor[b-5urn54k4wo] {
    grid-column: 1 / -1;
    width: 100% !important;
    min-height: 2.4rem !important;
    padding: 0.35rem 0.55rem !important;
    border-color: color-mix(in srgb, var(--cor-primaria) 80%, var(--cor-borda));
    font-weight: 700;
}

.trabalhos-detalhes__parceiro-extra-descricao[b-5urn54k4wo],
.trabalhos-detalhes__parceiro-extra-valor-grupo[b-5urn54k4wo] {
    display: grid !important;
    min-width: 0;
    gap: 0.08rem;
}

.trabalhos-detalhes__parceiro-extra-descricao[b-5urn54k4wo] {
    padding-left: 0;
    border-left: 0;
}

.trabalhos-detalhes__parceiro-extra-valor-grupo[b-5urn54k4wo] {
    padding-left: 0.55rem;
    border-left: 1px solid var(--cor-borda);
}

.trabalhos-detalhes__parceiro-extra-descricao > span[b-5urn54k4wo],
.trabalhos-detalhes__parceiro-extra-valor-grupo > span[b-5urn54k4wo] {
    color: var(--cor-texto-secundario);
    font-size: 0.62rem;
}

.trabalhos-detalhes__parceiro-extra-descricao label[b-5urn54k4wo] {
    overflow: hidden;
    color: var(--cor-texto);
    font-size: 0.72rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trabalhos-detalhes__parceiro-extra-valor-linha[b-5urn54k4wo] {
    display: flex !important;
    align-items: center;
    gap: 0.3rem;
    min-width: 0;
}

.trabalhos-detalhes__parceiro-extra-valor-texto[b-5urn54k4wo] {
    overflow: hidden;
    color: var(--cor-texto);
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trabalhos-detalhes__parceiro-extra-imposto-indicador[b-5urn54k4wo] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 0.95rem;
    height: 0.95rem;
    color: var(--cor-sucesso, #2fb572);
    pointer-events: none;
}

.trabalhos-detalhes__parceiro-extra-editar[b-5urn54k4wo] {
    align-self: center;
}

.trabalhos-detalhes__parceiro-extra-valor[b-5urn54k4wo] {
    min-width: 4.5rem;
    width: 100%;
    min-height: 1.2rem !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    text-align: right;
}

.trabalhos-detalhes__parceiro-extra-remover[b-5urn54k4wo],
.trabalhos-detalhes__parceiro-extra-editar[b-5urn54k4wo] {
    width: 1.05rem;
    height: 1.05rem;
    min-width: 1.05rem;
    padding: 0;
    color: var(--cor-texto-secundario);
}

.trabalhos-detalhes__parceiro-item .trabalhos-detalhes__entrada[b-5urn54k4wo] {
    min-width: 0;
}

.trabalhos-detalhes__parceiro-item .trabalhos-detalhes__parceiro-linha--valor .trabalhos-detalhes__parceiro-valor[b-5urn54k4wo] {
    display: block;
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
}

@media (max-width: 760px) {
    .trabalhos-form__parceiro[b-5urn54k4wo] {
        width: 100%;
    }

    .trabalhos-detalhes__parceiro-item[b-5urn54k4wo] {
        width: 100%;
    }
}

.trabalhos-detalhes__conteudo[b-5urn54k4wo] {
    min-width: 0;
    min-height: 0;
    overflow-y: auto;
}

.trabalhos-detalhes__abas[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    gap: 0.15rem;
    min-height: 2.8rem;
    padding: 0 0.9rem;
    border-bottom: 1px solid var(--cor-borda);
    overflow-x: auto;
}

.trabalhos-detalhes__abas-linha[b-5urn54k4wo] {
    display: flex;
    align-items: stretch;
    min-width: 0;
    border-bottom: 1px solid var(--cor-borda);
}

.trabalhos-detalhes__abas-linha .trabalhos-detalhes__abas[b-5urn54k4wo] {
    flex: 1;
    border-bottom: 0;
}

.trabalhos-detalhes__abas button[b-5urn54k4wo] {
    align-self: stretch;
    padding: 0 0.65rem;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: var(--cor-texto-secundario);
    font-size: 0.76rem;
    font-weight: 600;
    white-space: nowrap;
}

.trabalhos-detalhes__abas button.ativo[b-5urn54k4wo] {
    border-bottom-color: var(--cor-primaria);
    color: var(--cor-texto);
}

.trabalhos-detalhes__abas button[b-5urn54k4wo] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.trabalhos-detalhes__aba-contagem[b-5urn54k4wo] {
    min-width: 1.15rem;
    height: 1.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.3rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--cor-texto) 12%, var(--cor-superficie));
    color: var(--cor-texto-secundario);
    font-size: 0.66rem;
    font-weight: 700;
}

.trabalhos-detalhes__abas button.ativo .trabalhos-detalhes__aba-contagem[b-5urn54k4wo] {
    background: color-mix(in srgb, var(--cor-primaria) 22%, var(--cor-superficie));
    color: var(--cor-primaria);
}

.trabalhos-detalhes__campo-customizado[b-5urn54k4wo] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.trabalhos-detalhes__campo-customizado > header[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    color: var(--cor-primaria);
}

.trabalhos-detalhes__campo-customizado > header > div[b-5urn54k4wo],
.trabalhos-detalhes__campo-customizado-opcoes[b-5urn54k4wo],
.trabalhos-detalhes__campo-customizado-grade[b-5urn54k4wo] {
    display: grid;
    gap: 0.5rem;
}

.trabalhos-detalhes__campo-customizado > header strong[b-5urn54k4wo] {
    color: var(--cor-texto);
}

.trabalhos-detalhes__campo-customizado > header span[b-5urn54k4wo] {
    color: var(--cor-texto-secundario);
    font-size: 0.75rem;
}

.trabalhos-detalhes__campo-customizado-opcoes label[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--cor-texto);
    font-size: 0.84rem;
}

.trabalhos-detalhes__campo-customizado-grade[b-5urn54k4wo] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.trabalhos-detalhes__campo-customizado-grade label[b-5urn54k4wo] {
    display: grid;
    gap: 0.3rem;
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
}

.trabalhos-detalhes__campo-customizado-entrada[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    overflow: hidden;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    background: var(--cor-superficie);
}

.trabalhos-detalhes__campo-customizado-entrada > span[b-5urn54k4wo] {
    padding: 0 0.7rem;
    color: var(--cor-texto-secundario);
    font-weight: 700;
}

.trabalhos-detalhes__campo-customizado-entrada input[b-5urn54k4wo] {
    border: 0;
    border-radius: 0;
}

@media (max-width: 36rem) {
    .trabalhos-detalhes__campo-customizado-grade[b-5urn54k4wo] {
        grid-template-columns: 1fr;
    }
}

.trabalhos-detalhes__nota[b-5urn54k4wo] {
    display: grid;
    gap: 0.35rem;
    margin: 1rem;
    padding: 0.9rem;
    border-radius: 12px;
    background: color-mix(in srgb, var(--cor-primaria) 7%, var(--cor-superficie));
}

.trabalhos-detalhes__nota strong[b-5urn54k4wo] {
    color: var(--cor-texto);
    font-size: 0.82rem;
}

.trabalhos-detalhes__nota p[b-5urn54k4wo],
.trabalhos-detalhes__nota span[b-5urn54k4wo] {
    margin: 0;
    color: var(--cor-texto-secundario);
    font-size: 0.74rem;
    line-height: 1.5;
}

.trabalhos-detalhes__notas[b-5urn54k4wo] {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    min-height: 0;
    overflow: hidden;
}

.trabalhos-detalhes__notas.trabalhos-detalhes__team-chat[b-5urn54k4wo] {
    grid-template-columns: minmax(11rem, 14rem) minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
}

.trabalhos-detalhes__notas.trabalhos-detalhes__team-chat--notes[b-5urn54k4wo] {
    grid-template-columns: minmax(0, 1fr);
}

.trabalhos-detalhes__team-chat-lista[b-5urn54k4wo] {
    display: grid;
    grid-auto-rows: min-content;
    align-content: start;
    gap: 0.6rem;
    min-width: 0;
    padding: 0.8rem;
    border-right: 1px solid var(--cor-borda);
    overflow-y: auto;
}

.trabalhos-detalhes__team-chat-lista > header[b-5urn54k4wo],
.trabalhos-detalhes__team-chat-cabecalho[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.trabalhos-detalhes__team-chat-lista > header strong[b-5urn54k4wo],
.trabalhos-detalhes__team-chat-cabecalho strong[b-5urn54k4wo] {
    color: var(--cor-texto);
    font-size: 0.8rem;
}

.trabalhos-detalhes__team-chat-lista > header .botao-icone[b-5urn54k4wo] {
    width: 1.75rem;
    min-width: 1.75rem;
    height: 1.75rem;
}

.trabalhos-detalhes__team-chat-item[b-5urn54k4wo] {
    display: grid;
    gap: 0.2rem;
    width: 100%;
    padding: 0.55rem 0.6rem;
    border: 1px solid transparent;
    border-radius: var(--raio-pequeno);
    background: transparent;
    color: var(--cor-texto-secundario);
    cursor: pointer;
    font: inherit;
    text-align: left;
}

.trabalhos-detalhes__team-chat-item:hover[b-5urn54k4wo],
.trabalhos-detalhes__team-chat-item.ativo[b-5urn54k4wo] {
    border-color: color-mix(in srgb, var(--cor-primaria) 35%, var(--cor-borda));
    background: color-mix(in srgb, var(--cor-primaria) 10%, var(--cor-superficie));
}

.trabalhos-detalhes__team-chat-item strong[b-5urn54k4wo],
.trabalhos-detalhes__team-chat-item span[b-5urn54k4wo] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trabalhos-detalhes__team-chat-item strong[b-5urn54k4wo] {
    color: var(--cor-texto);
    font-size: 0.74rem;
}

.trabalhos-detalhes__team-chat-item span[b-5urn54k4wo],
.trabalhos-detalhes__team-chat-cabecalho span[b-5urn54k4wo] {
    color: var(--cor-texto-secundario);
    font-size: 0.68rem;
}

.trabalhos-detalhes__team-chat-conversa[b-5urn54k4wo] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.trabalhos-detalhes__team-chat-conversa > .trabalhos-detalhes__notas-vazio[b-5urn54k4wo] {
    align-self: center;
    margin: 1rem;
}

.trabalhos-detalhes__team-chat-cabecalho[b-5urn54k4wo] {
    display: grid;
    justify-content: start;
    gap: 0.15rem;
    padding: 0.8rem 1rem;
    border-bottom: 1px solid var(--cor-borda);
}

@media (max-width: 640px) {
    /* "minmax(0, 1fr)" só se comporta bem quando o ancestral tem altura definida.
       No mobile, o corpo do modal vira uma coluna única que rola inteira (ver bloco
       de 760px), então esses containers passam a ter altura "auto" — sem um piso
       mínimo aqui, a conversa/composer de mensagem colapsa e fica cortada. */
    .trabalhos-detalhes__notas.trabalhos-detalhes__team-chat[b-5urn54k4wo] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto minmax(22rem, 1fr);
    }

    .trabalhos-detalhes__notas.trabalhos-detalhes__team-chat--notes[b-5urn54k4wo] {
        grid-template-rows: minmax(22rem, 1fr);
    }

    .trabalhos-detalhes__team-chat-lista[b-5urn54k4wo] {
        grid-template-rows: auto;
        grid-template-columns: auto minmax(0, 1fr);
        max-height: 10rem;
        border-right: 0;
        border-bottom: 1px solid var(--cor-borda);
    }

    .trabalhos-detalhes__team-chat-lista > header[b-5urn54k4wo] {
        align-items: start;
    }
}

.trabalhos-detalhes__conteudo:has(.trabalhos-detalhes__notas)[b-5urn54k4wo] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
}

.trabalhos-detalhes__conteudo:has(.trabalhos-detalhes__descricao-painel)[b-5urn54k4wo] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
}

.trabalhos-detalhes__descricao-painel[b-5urn54k4wo] {
    min-height: 0;
    overflow-y: auto;
}

.trabalhos-detalhes__descricao-painel:has(.trabalhos-detalhes__descricao-entrada)[b-5urn54k4wo] {
    grid-template-rows: minmax(0, 1fr);
}

.trabalhos-detalhes__descricao-painel .trabalhos-detalhes__descricao[b-5urn54k4wo] {
    height: 100%;
    align-content: start;
}

.trabalhos-detalhes__notas-lista[b-5urn54k4wo] {
    display: grid;
    align-content: start;
    gap: 0.75rem;
    min-height: 0;
    padding: 1rem;
    overflow-y: auto;
}

.trabalhos-detalhes__notas-vazio[b-5urn54k4wo] {
    margin: 0;
    padding: 0.9rem;
    border-radius: 10px;
    background: color-mix(in srgb, var(--cor-primaria) 7%, var(--cor-superficie));
    color: var(--cor-texto-secundario);
    font-size: 0.76rem;
}

.trabalhos-detalhes__nota-chat[b-5urn54k4wo] {
    display: grid;
    grid-template-columns: 1.85rem minmax(0, 1fr);
    align-items: start;
    gap: 0.5rem;
    max-width: 82%;
}

.trabalhos-detalhes__nota-chat--propria .trabalhos-detalhes__nota-bolha[b-5urn54k4wo] {
    grid-column: 1;
    grid-row: 1;
    background: color-mix(in srgb, var(--cor-primaria) 16%, var(--cor-superficie));
}

.trabalhos-detalhes__nota-chat--propria[b-5urn54k4wo] {
    grid-template-columns: minmax(0, 1fr) 1.85rem;
    justify-self: end;
}

.trabalhos-detalhes__nota-chat--propria .trabalhos-detalhes__nota-avatar[b-5urn54k4wo] {
    grid-column: 2;
}

.trabalhos-detalhes__nota-avatar[b-5urn54k4wo] {
    display: inline-grid;
    width: 1.85rem;
    height: 1.85rem;
    place-items: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--cor-primaria) 70%, #8c5bff);
    color: #fff;
    font-size: 0.62rem;
    font-weight: 700;
    overflow: hidden;
}

.trabalhos-detalhes__nota-avatar img[b-5urn54k4wo] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.trabalhos-detalhes__nota-bolha[b-5urn54k4wo] {
    display: grid;
    gap: 0.4rem;
    min-width: 0;
    padding: 0.7rem 0.8rem;
    border-radius: 4px 12px 12px;
    background: color-mix(in srgb, var(--cor-primaria) 7%, var(--cor-superficie));
}

.trabalhos-detalhes__nota-bolha header[b-5urn54k4wo] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.6rem;
}

.trabalhos-detalhes__nota-bolha strong[b-5urn54k4wo] {
    min-width: 0;
    color: var(--cor-texto);
    font-size: 0.74rem;
}

.trabalhos-detalhes__nota-bolha time[b-5urn54k4wo] {
    flex-shrink: 0;
    color: var(--cor-texto-secundario);
    font-size: 0.64rem;
}

.trabalhos-detalhes__nota-cabecalho-acoes[b-5urn54k4wo] {
    display: grid;
    justify-items: end;
    gap: 0.05rem;
}

.trabalhos-detalhes__nota-bolha p[b-5urn54k4wo] {
    margin: 0;
    color: var(--cor-texto);
    font-size: 0.76rem;
    line-height: 1.5;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.trabalhos-detalhes__nota-link[b-5urn54k4wo] {
    display: inline;
    padding: 0;
    border: none;
    background: none;
    color: var(--cor-primaria);
    font: inherit;
    text-decoration: underline;
    cursor: pointer;
}

.trabalhos-detalhes__nota-link:hover[b-5urn54k4wo] {
    text-decoration: none;
}

.trabalhos-detalhes__nota-edicao-acoes[b-5urn54k4wo] {
    display: flex;
    justify-content: flex-end;
    gap: 0.35rem;
}

.trabalhos-detalhes__nota-gerenciar[b-5urn54k4wo] {
    position: relative;
    opacity: 0;
    transition: opacity 120ms ease;
}

.trabalhos-detalhes__nota-chat:hover .trabalhos-detalhes__nota-gerenciar[b-5urn54k4wo],
.trabalhos-detalhes__nota-chat:focus-within .trabalhos-detalhes__nota-gerenciar[b-5urn54k4wo] {
    opacity: 1;
}

.trabalhos-detalhes__nota-menu-gatilho[b-5urn54k4wo] {
    width: 1.45rem;
    min-width: 1.45rem;
    height: 1.45rem;
    min-height: 1.45rem;
    padding: 0;
}

.trabalhos-detalhes__nota-menu-overlay[b-5urn54k4wo] {
    position: fixed;
    inset: 0;
    z-index: 1;
    border: 0;
    background: transparent;
    cursor: default;
}

/* Posicao (fixed, para cima ou para baixo do gatilho) vem de ".menu-flutuante" em app.css - ver
   nexoMenuFlutuante em sistema.js. */
.trabalhos-detalhes__nota-menu[b-5urn54k4wo] {
    display: grid;
    min-width: 7rem;
    padding: 0.25rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    background: var(--cor-superficie);
    box-shadow: 0 0.5rem 1.25rem color-mix(in srgb, #000 18%, transparent);
}

.trabalhos-detalhes__nota-menu button[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    width: 100%;
    padding: 0.4rem 0.5rem;
    border: 0;
    border-radius: calc(var(--raio-pequeno) - 2px);
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.7rem;
    text-align: left;
    cursor: pointer;
}

.trabalhos-detalhes__nota-menu button:hover[b-5urn54k4wo] {
    background: color-mix(in srgb, var(--cor-primaria) 10%, var(--cor-superficie));
}

.trabalhos-detalhes__nota-menu .trabalhos-detalhes__nota-menu-opcao--perigo[b-5urn54k4wo] {
    color: var(--cor-perigo);
}

.trabalhos-detalhes__nota-edicao[b-5urn54k4wo] {
    display: grid;
    gap: 0.45rem;
}

.trabalhos-detalhes__nota-edicao .trabalhos-detalhes__nota-entrada[b-5urn54k4wo] {
    min-height: 5rem;
    padding: 0.45rem 0.55rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    background: var(--cor-superficie);
}

.trabalhos-detalhes__nota-edicao-acoes .botao-secundario[b-5urn54k4wo],
.trabalhos-detalhes__nota-edicao-acoes .botao-primario[b-5urn54k4wo] {
    min-height: 1.85rem;
    padding: 0.3rem 0.55rem;
    font-size: 0.68rem;
}

.trabalhos-detalhes__nota-arquivo[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    gap: 0.35rem;
    color: var(--cor-primaria);
    font-size: 0.7rem;
    overflow-wrap: anywhere;
}

.trabalhos-detalhes__nota-arquivos[b-5urn54k4wo] {
    display: grid;
    gap: 0.3rem;
}

/* Referência/cartão de uma Quote anexada (botão "Attach quote") - clicável, abre o preview no
   ModalPreviaOrcamento sem sair da tela de Notes/Team Chats (por isso não é um link de texto). */
.trabalhos-detalhes__nota-orcamento[b-5urn54k4wo] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    gap: 0.4rem;
    margin-top: 0.3rem;
    padding: 0.35rem 0.6rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    background: var(--cor-superficie);
    color: var(--cor-primaria);
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
}

.trabalhos-detalhes__nota-orcamento:hover[b-5urn54k4wo] {
    border-color: var(--cor-primaria);
    background: var(--cor-primaria-suave);
}

.trabalhos-detalhes__nota-arquivo a[b-5urn54k4wo] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    gap: 0.35rem;
    color: inherit;
    text-decoration: none;
}

.trabalhos-detalhes__nota-arquivo a span[b-5urn54k4wo] {
    overflow-wrap: anywhere;
}

.trabalhos-detalhes__nota-arquivo .trabalhos-detalhes__nota-imagem[b-5urn54k4wo] {
    display: grid;
    grid-template-columns: 4rem minmax(0, 1fr);
    align-items: center;
    width: min(100%, 18rem);
    gap: 0.45rem;
}

.trabalhos-detalhes__nota-imagem img[b-5urn54k4wo] {
    width: 4rem;
    height: 4rem;
    border-radius: var(--raio-pequeno);
    object-fit: cover;
    background: var(--cor-superficie);
}

.trabalhos-detalhes__nota-imagem span[b-5urn54k4wo] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trabalhos-detalhes__nota-arquivos-selecionados[b-5urn54k4wo] {
    display: flex;
    flex: 1;
    min-width: 0;
    flex-wrap: wrap;
    gap: 0.2rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.trabalhos-detalhes__nota-arquivos-selecionados li[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    max-width: 100%;
    gap: 0.35rem;
    padding: 0.18rem 0.25rem 0.18rem 0.45rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
    color: var(--cor-texto-secundario);
    font-size: 0.68rem;
}

.trabalhos-detalhes__nota-arquivos-selecionados span[b-5urn54k4wo] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trabalhos-detalhes__nota-arquivo-remover[b-5urn54k4wo] {
    flex: 0 0 1rem;
    width: 1rem;
    min-width: 1rem;
    height: 1rem;
    min-height: 1rem;
    padding: 0;
}

.trabalhos-detalhes__nota-arquivo-visualizar[b-5urn54k4wo] {
    flex: 0 0 1.25rem;
    width: 1.25rem;
    min-width: 1.25rem;
    height: 1.25rem;
    min-height: 1.25rem;
    padding: 0;
}

.trabalhos-detalhes__nota-visualizacao[b-5urn54k4wo] {
    display: grid;
    place-items: center;
    min-height: 20rem;
    max-height: 70vh;
}

.trabalhos-detalhes__nota-visualizacao img[b-5urn54k4wo],
.trabalhos-detalhes__nota-visualizacao iframe[b-5urn54k4wo] {
    width: 100%;
    height: min(65vh, 46rem);
    border: 0;
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
}

.trabalhos-detalhes__nota-visualizacao img[b-5urn54k4wo] {
    width: auto;
    max-width: 100%;
    object-fit: contain;
}

.trabalhos-detalhes__nota-compositor[b-5urn54k4wo] {
    display: grid;
    gap: 0.55rem;
    margin: 0 1rem 1rem;
    padding: 0.75rem;
    border-radius: 12px;
    background: color-mix(in srgb, var(--cor-primaria) 7%, var(--cor-superficie));
}

.trabalhos-detalhes__nota-entrada[b-5urn54k4wo] {
    width: 100%;
    min-height: 3.2rem;
    max-height: 18rem;
    overflow-y: auto;
    field-sizing: content;
    resize: vertical;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.78rem;
    line-height: 1.5;
}

.trabalhos-detalhes__nota-entrada[b-5urn54k4wo]::placeholder {
    color: var(--cor-texto-secundario);
}

.trabalhos-detalhes__nota-acoes[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

.trabalhos-detalhes__nota-anexos[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.85rem;
    min-width: 0;
}

.trabalhos-detalhes__nota-anexar[b-5urn54k4wo] {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-width: 0;
    gap: 0.35rem;
    color: var(--cor-texto-secundario);
    font-size: 0.7rem;
    cursor: pointer;
    overflow-wrap: anywhere;
    /* Reseta o chrome nativo de <button> — este seletor também é usado no <label>
       "Attach files", que já não tem essas propriedades por padrão. */
    border: 0;
    background: none;
    padding: 0;
    margin: 0;
    font-family: inherit;
    line-height: inherit;
    text-align: left;
}

.trabalhos-detalhes__nota-anexar:disabled[b-5urn54k4wo] {
    cursor: not-allowed;
    opacity: 0.55;
}

.trabalhos-detalhes__extra-recibo-rotulo[b-5urn54k4wo] {
    color: var(--cor-texto-secundario);
    font-size: 0.75rem;
}

.trabalhos-detalhes__extra-recibo-anexar[b-5urn54k4wo] {
    min-height: 2.15rem;
    padding: 0.38rem 0.6rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    background: var(--cor-superficie);
}

.trabalhos-detalhes__extra-grade[b-5urn54k4wo] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 1rem 1.25rem;
}

.trabalhos-detalhes__extra-grade > .campo-formulario[b-5urn54k4wo] {
    align-self: start;
}

.trabalhos-detalhes__extra-grade .campo-formulario__ajuda[b-5urn54k4wo] {
    margin-top: 0.1rem;
    line-height: 1.35;
}

.trabalhos-detalhes__extra-descricao[b-5urn54k4wo],
.trabalhos-detalhes__extra-recibo[b-5urn54k4wo] {
    grid-column: 1 / -1;
}

.trabalhos-detalhes__extra-grade .trabalhos-form__checkbox[b-5urn54k4wo] {
    grid-column: 1 / -1;
    align-items: flex-start;
    align-self: start;
    font-size: 0.72rem;
}

.trabalhos-detalhes__extra-grade .trabalhos-form__checkbox span[b-5urn54k4wo] {
    font-size: inherit;
    line-height: 1.35;
}

.trabalhos-detalhes__extra-grade .trabalhos-form__checkbox .checkbox-sistema[b-5urn54k4wo] {
    margin-top: 0.05rem;
}

@media (max-width: 760px) {
    .trabalhos-detalhes__extra-grade[b-5urn54k4wo] {
        grid-template-columns: 1fr;
    }
}

.trabalhos-detalhes__nota-anexar:has(.trabalhos-detalhes__nota-seletor-arquivo:disabled)[b-5urn54k4wo] {
    cursor: not-allowed;
    opacity: 0.55;
}

.trabalhos-detalhes__nota-anexar[b-5urn54k4wo]  .trabalhos-detalhes__nota-seletor-arquivo {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.trabalhos-detalhes__nota-enviar[b-5urn54k4wo] {
    min-height: 1.95rem;
    padding: 0 0.75rem;
    font-size: 0.72rem;
}

.trabalhos-detalhes__atividade[b-5urn54k4wo] {
    display: grid;
    gap: 0.8rem;
    padding: 1rem;
}

.trabalhos-detalhes__atividade > p[b-5urn54k4wo] {
    margin: 0;
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
}

.trabalhos-detalhes__atividade-item[b-5urn54k4wo] {
    display: grid;
    grid-template-columns: 1.75rem minmax(0, 1fr);
    align-items: start;
    gap: 0.55rem;
}

.trabalhos-detalhes__atividade-avatar[b-5urn54k4wo] {
    display: inline-grid;
    width: 1.75rem;
    height: 1.75rem;
    place-items: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--cor-primaria) 72%, #8c5bff);
    color: #fff;
    font-size: 0.62rem;
    font-weight: 700;
}

.trabalhos-detalhes__atividade-item > div[b-5urn54k4wo] {
    display: grid;
    gap: 0.16rem;
    min-width: 0;
}

.trabalhos-detalhes__atividade-item strong[b-5urn54k4wo] {
    color: var(--cor-texto);
    font-size: 0.78rem;
    font-weight: 600;
}

.trabalhos-detalhes__atividade-item div > span[b-5urn54k4wo] {
    color: var(--cor-texto-secundario);
    font-size: 0.68rem;
}

.trabalhos-detalhes__descricao[b-5urn54k4wo] {
    display: grid;
    width: 100%;
    gap: 0.35rem;
    padding: 0.45rem;
    color: var(--cor-texto-secundario);
    font-size: 0.74rem;
    font-weight: 400;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.trabalhos-detalhes__descricao strong[b-5urn54k4wo] {
    color: var(--cor-texto);
    font-size: 0.82rem;
}

.trabalhos-detalhes__pagamentos[b-5urn54k4wo] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.trabalhos-detalhes__url-relatorio[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    width: 100%;
    min-width: 0;
}

.trabalhos-detalhes__url-relatorio-entrada[b-5urn54k4wo] {
    width: 100%;
    min-width: 0;
    cursor: text;
}

.trabalhos-detalhes__url-relatorio-entrada:disabled[b-5urn54k4wo] {
    opacity: 1;
    cursor: default;
}

.trabalhos-detalhes__url-relatorio-abrir[b-5urn54k4wo] {
    flex: 0 0 auto;
}

.trabalhos-detalhes__descricao-relatorio[b-5urn54k4wo] {
    display: grid;
    gap: 0.35rem;
}

.trabalhos-detalhes__descricao-relatorio > div[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.trabalhos-detalhes__descricao-relatorio > div > span[b-5urn54k4wo] {
    color: var(--cor-texto-secundario);
    font-size: 0.76rem;
}

.trabalhos-detalhes__descricao-relatorio > div > strong[b-5urn54k4wo] {
    color: var(--cor-primaria);
    font-size: 0.75rem;
}

.trabalhos-detalhes__fotos-relatorio[b-5urn54k4wo] {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: color-mix(in srgb, var(--cor-primaria) 4%, var(--cor-superficie));
}

.trabalhos-detalhes__fotos-relatorio > header[b-5urn54k4wo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem 1rem;
}

.trabalhos-detalhes__fotos-relatorio-titulo[b-5urn54k4wo],
.trabalhos-detalhes__fotos-relatorio-acoes[b-5urn54k4wo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.trabalhos-detalhes__fotos-relatorio-titulo[b-5urn54k4wo] {
    color: var(--cor-primaria);
}

.trabalhos-detalhes__fotos-relatorio-titulo > strong[b-5urn54k4wo] {
    color: var(--cor-texto);
    font-size: 0.9rem;
}

.trabalhos-detalhes__fotos-relatorio-contador[b-5urn54k4wo] {
    min-width: 1.4rem;
    padding: 0.05rem 0.45rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--cor-primaria) 16%, transparent);
    color: var(--cor-primaria);
    font-size: 0.72rem;
    font-weight: 700;
    text-align: center;
}

.trabalhos-detalhes__fotos-relatorio-enviar[b-5urn54k4wo],
.trabalhos-detalhes__fotos-relatorio-download-todas[b-5urn54k4wo] {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 2.1rem;
    padding-inline: 0.8rem;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
}

.trabalhos-detalhes__fotos-relatorio-enviar.desabilitado[b-5urn54k4wo] {
    opacity: 0.55;
    cursor: not-allowed;
}

.trabalhos-detalhes__fotos-relatorio-enviar[b-5urn54k4wo]  .trabalhos-detalhes__nota-seletor-arquivo {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.trabalhos-detalhes__fotos-relatorio-enviar.desabilitado[b-5urn54k4wo]  .trabalhos-detalhes__nota-seletor-arquivo {
    pointer-events: none;
}

.trabalhos-detalhes__fotos-relatorio-vazio[b-5urn54k4wo] {
    margin: 0;
    padding: 1.1rem;
    border: 1px dashed var(--cor-borda);
    border-radius: var(--raio-pequeno);
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
    text-align: center;
}

.trabalhos-detalhes__fotos-relatorio-grade[b-5urn54k4wo] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr));
    gap: 0.7rem;
}

.trabalhos-detalhes__foto-relatorio[b-5urn54k4wo] {
    position: relative;
    overflow: hidden;
    display: grid;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.trabalhos-detalhes__foto-relatorio:hover[b-5urn54k4wo] {
    border-color: color-mix(in srgb, var(--cor-primaria) 55%, var(--cor-borda));
    box-shadow: 0 6px 18px rgb(0 0 0 / 0.22);
    transform: translateY(-1px);
}

.trabalhos-detalhes__foto-relatorio-miniatura[b-5urn54k4wo] {
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: color-mix(in srgb, var(--cor-texto) 8%, var(--cor-superficie));
}

.trabalhos-detalhes__foto-relatorio img[b-5urn54k4wo] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.25s ease;
}

.trabalhos-detalhes__foto-relatorio:hover img[b-5urn54k4wo] {
    transform: scale(1.04);
}

.trabalhos-detalhes__foto-relatorio-acoes[b-5urn54k4wo] {
    position: absolute;
    top: 0.4rem;
    right: 0.4rem;
    display: flex;
    gap: 0.3rem;
    opacity: 0;
    transition: opacity 0.15s ease;
}

.trabalhos-detalhes__foto-relatorio:hover .trabalhos-detalhes__foto-relatorio-acoes[b-5urn54k4wo],
.trabalhos-detalhes__foto-relatorio:focus-within .trabalhos-detalhes__foto-relatorio-acoes[b-5urn54k4wo] {
    opacity: 1;
}

@media (hover: none) {
    .trabalhos-detalhes__foto-relatorio-acoes[b-5urn54k4wo] {
        opacity: 1;
    }
}

.trabalhos-detalhes__foto-relatorio-botao[b-5urn54k4wo] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    border: 1px solid rgb(255 255 255 / 0.18);
    border-radius: 50%;
    background: rgb(12 16 22 / 0.72);
    backdrop-filter: blur(4px);
    color: #fff;
    cursor: pointer;
    transition: background 0.15s ease;
}

.trabalhos-detalhes__foto-relatorio-botao:hover[b-5urn54k4wo] {
    background: var(--cor-primaria);
}

.trabalhos-detalhes__foto-relatorio-botao--perigo:hover[b-5urn54k4wo] {
    background: var(--cor-erro);
}

.trabalhos-detalhes__foto-relatorio-botao:disabled[b-5urn54k4wo] {
    opacity: 0.45;
    cursor: not-allowed;
}

.trabalhos-detalhes__foto-relatorio-nome[b-5urn54k4wo] {
    overflow: hidden;
    padding: 0.45rem 0.6rem;
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 640px) {
    .trabalhos-detalhes__fotos-relatorio-grade[b-5urn54k4wo] {
        grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr));
    }
}

/* Demais blocos da aba Reports */
.trabalhos-detalhes__pagamentos > label[b-5urn54k4wo],
.trabalhos-detalhes__descricao-relatorio[b-5urn54k4wo] {
    padding: 0.85rem 1rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: color-mix(in srgb, var(--cor-primaria) 4%, var(--cor-superficie));
}

.trabalhos-detalhes__pagamentos .trabalhos-detalhes__agenda-horarios[b-5urn54k4wo] {
    padding: 0.85rem 1rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: color-mix(in srgb, var(--cor-primaria) 4%, var(--cor-superficie));
}

.trabalhos-detalhes__pagamentos > .botao-primario[b-5urn54k4wo] {
    justify-self: end;
    min-width: 9rem;
}

.trabalhos-detalhes__cobrancas-adicionais[b-5urn54k4wo] {
    display: grid;
    gap: 0.5rem;
    padding: 0.7rem;
    border: 1px solid color-mix(in srgb, var(--cor-primaria) 20%, var(--cor-borda));
    border-radius: var(--raio-medio);
    background: color-mix(in srgb, var(--cor-primaria) 5%, var(--cor-superficie));
}

.trabalhos-detalhes__cobrancas-adicionais-cabecalho[b-5urn54k4wo],
.trabalhos-detalhes__cobranca-adicional[b-5urn54k4wo],
.trabalhos-detalhes__cobranca-adicional > div[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.trabalhos-detalhes__cobrancas-adicionais-cabecalho[b-5urn54k4wo],
.trabalhos-detalhes__cobranca-adicional[b-5urn54k4wo] {
    justify-content: space-between;
}

.trabalhos-detalhes__cobrancas-adicionais-cabecalho > span[b-5urn54k4wo],
.trabalhos-detalhes__cobranca-adicional > span[b-5urn54k4wo] {
    color: var(--cor-texto);
}

.trabalhos-detalhes__cobrancas-adicionais-cabecalho > strong[b-5urn54k4wo],
.trabalhos-detalhes__cobranca-adicional strong[b-5urn54k4wo] {
    color: var(--cor-primaria);
}

.trabalhos-detalhes__cobrancas-adicionais-lista[b-5urn54k4wo] {
    display: grid;
    gap: 0.3rem;
}

.trabalhos-detalhes__cobranca-adicional[b-5urn54k4wo] {
    padding: 0.45rem 0;
    border-top: 1px solid var(--cor-borda);
}

.trabalhos-detalhes__pagamentos-cabecalho[b-5urn54k4wo],
.trabalhos-detalhes__pagamento-cabecalho[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.trabalhos-detalhes__pagamentos-cabecalho[b-5urn54k4wo] {
    padding: 0.1rem 0.15rem;
}

.trabalhos-detalhes__pagamentos-cabecalho > div[b-5urn54k4wo],
.trabalhos-detalhes__pagamento-titulo[b-5urn54k4wo] {
    display: grid;
    gap: 0.15rem;
}

.trabalhos-detalhes__pagamentos-cabecalho > div > strong[b-5urn54k4wo] {
    color: var(--cor-texto);
    font-size: 1rem;
    letter-spacing: -0.01em;
}

.trabalhos-detalhes__pagamento-titulo-entrada[b-5urn54k4wo] {
    width: min(100%, 22rem);
    padding: 0;
    border: 0;
    border-bottom: 1px solid transparent;
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.9rem;
    font-weight: 700;
    outline: none;
}

.trabalhos-detalhes__pagamento-titulo-entrada:hover:not(:disabled)[b-5urn54k4wo],
.trabalhos-detalhes__pagamento-titulo-entrada:focus[b-5urn54k4wo] {
    border-bottom-color: var(--cor-primaria);
}

.trabalhos-detalhes__pagamento-titulo-entrada:disabled[b-5urn54k4wo] {
    opacity: 1;
}

.trabalhos-detalhes__pagamentos span[b-5urn54k4wo],
.trabalhos-detalhes__pagamento label > span[b-5urn54k4wo] {
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
}

.trabalhos-detalhes__pagamentos-visao-geral[b-5urn54k4wo] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--cor-primaria) 28%, var(--cor-borda));
    border-radius: var(--raio-medio);
    background: linear-gradient(110deg, color-mix(in srgb, var(--cor-primaria) 10%, var(--cor-superficie)), var(--cor-superficie));
}

.trabalhos-detalhes__pagamentos-visao-geral > div[b-5urn54k4wo] {
    display: grid;
    align-content: center;
    gap: 0.3rem;
    min-height: 4.6rem;
    padding: 0.8rem 0.95rem;
}

.trabalhos-detalhes__pagamentos-visao-geral > div + div[b-5urn54k4wo] {
    border-left: 1px solid var(--cor-borda);
}

.trabalhos-detalhes__pagamentos-visao-geral strong[b-5urn54k4wo] {
    color: var(--cor-texto);
    font-size: 1rem;
}

.trabalhos-detalhes__pagamentos-visao-geral > div:last-child strong[b-5urn54k4wo] {
    color: var(--cor-primaria);
}

.trabalhos-detalhes__pagamentos-lista[b-5urn54k4wo] {
    display: grid;
    gap: 0.8rem;
}

.trabalhos-detalhes__recebimentos-progresso[b-5urn54k4wo] {
    height: 0.5rem;
    border-radius: 999px;
    background: var(--cor-borda);
    overflow: hidden;
}

.trabalhos-detalhes__recebimentos-progresso-preenchido[b-5urn54k4wo] {
    height: 100%;
    background: var(--cor-primaria);
    border-radius: 999px;
    transition: width 0.2s ease;
}

.trabalhos-detalhes__pagamento[b-5urn54k4wo] {
    position: relative;
    display: grid;
    gap: 0;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--cor-texto) 15%, var(--cor-borda));
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
    box-shadow: 0 0.35rem 1rem rgb(0 0 0 / 8%);
}

.trabalhos-detalhes__pagamento[b-5urn54k4wo]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 0.2rem;
    background: var(--cor-primaria);
    content: "";
}

.trabalhos-detalhes__pagamento--final[b-5urn54k4wo] {
    background: linear-gradient(110deg, color-mix(in srgb, var(--cor-primaria) 8%, var(--cor-superficie)), var(--cor-superficie));
}

.trabalhos-detalhes__pagamento--final[b-5urn54k4wo]::before {
    background: color-mix(in srgb, var(--cor-primaria) 75%, var(--cor-sucesso));
}

.trabalhos-detalhes__pagamento-cabecalho[b-5urn54k4wo] {
    min-height: 4.55rem;
    padding: 0.85rem 1rem 0.75rem 1.2rem;
    border-bottom: 1px solid color-mix(in srgb, var(--cor-texto) 10%, var(--cor-borda));
}

.trabalhos-detalhes__pagamento-acoes[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.trabalhos-detalhes__pagamento-status[b-5urn54k4wo] {
    padding: 0.2rem 0.45rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    font-size: 0.65rem !important;
    font-weight: 700;
}

.trabalhos-detalhes__pagamento-status.pendente[b-5urn54k4wo] {
    border-color: color-mix(in srgb, var(--cor-alerta) 35%, var(--cor-borda));
    background: color-mix(in srgb, var(--cor-alerta) 10%, var(--cor-superficie));
    color: var(--cor-alerta);
}

.trabalhos-detalhes__pagamento-status.recebido[b-5urn54k4wo] {
    border-color: color-mix(in srgb, var(--cor-sucesso) 35%, var(--cor-borda));
    background: color-mix(in srgb, var(--cor-sucesso) 10%, var(--cor-superficie));
    color: var(--cor-sucesso);
}

.trabalhos-detalhes__pagamento-campos[b-5urn54k4wo] {
    display: grid;
    grid-template-areas: "data tipo valor resumo";
    grid-template-columns: minmax(9rem, 0.85fr) minmax(10.5rem, 1.2fr) minmax(9rem, 0.85fr) minmax(9rem, 0.8fr);
    align-items: end;
    gap: 0.75rem;
    padding: 0.85rem 1rem 1rem 1.2rem;
    background: color-mix(in srgb, var(--cor-texto) 1.5%, transparent);
}

.trabalhos-detalhes__pagamento-campos--final[b-5urn54k4wo] {
    grid-template-areas: "data final";
    grid-template-columns: minmax(9rem, 0.85fr) minmax(12rem, 1.2fr);
    max-width: 38rem;
}

.trabalhos-detalhes__pagamento-campos label[b-5urn54k4wo],
.trabalhos-detalhes__pagamento-campo[b-5urn54k4wo] {
    display: grid;
    gap: 0.2rem;
}

.trabalhos-detalhes__pagamento-campo > span[b-5urn54k4wo] {
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
}

.trabalhos-detalhes__pagamento-campo-data[b-5urn54k4wo] {
    grid-area: data;
}

.trabalhos-detalhes__pagamento-campo-tipo[b-5urn54k4wo] {
    grid-area: tipo;
}

.trabalhos-detalhes__pagamento-campo-valor[b-5urn54k4wo] {
    grid-area: valor;
}

.trabalhos-detalhes__pagamento-campo-resumo[b-5urn54k4wo] {
    grid-area: resumo;
}

.trabalhos-detalhes__pagamento-campo-final[b-5urn54k4wo] {
    grid-area: final;
}

.trabalhos-detalhes__pagamento-campo[b-5urn54k4wo]  .selecao-padrao__gatilho {
    min-height: 2.35rem;
    padding: 0.48rem 1.9rem 0.48rem 0.62rem;
    border-radius: var(--raio-pequeno);
    font-size: 0.78rem;
}

.trabalhos-detalhes__pagamento-entrada-valor[b-5urn54k4wo] {
    position: relative;
    display: block;
}

.trabalhos-detalhes__pagamento-entrada-valor .trabalhos-detalhes__entrada[b-5urn54k4wo] {
    padding-left: 1.75rem !important;
}

.trabalhos-detalhes__pagamento-afixo[b-5urn54k4wo] {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0.65rem;
    color: var(--cor-texto-secundario);
    font-size: 0.75rem !important;
    pointer-events: none;
    transform: translateY(-50%);
}

.trabalhos-detalhes__pagamento-valor-programado[b-5urn54k4wo] {
    display: grid;
    align-content: center;
    gap: 0.25rem;
    min-height: 2.35rem;
    padding: 0.35rem 0.75rem;
    border: 1px solid color-mix(in srgb, var(--cor-primaria) 25%, var(--cor-borda));
    border-radius: var(--raio-pequeno);
    background: color-mix(in srgb, var(--cor-primaria) 9%, var(--cor-superficie));
}

.trabalhos-detalhes__pagamento-valor-programado strong[b-5urn54k4wo] {
    color: var(--cor-primaria);
    font-size: 0.9rem;
    white-space: nowrap;
}

.trabalhos-detalhes input.trabalhos-detalhes__entrada--somente-leitura[b-5urn54k4wo] {
    border-color: var(--cor-borda) !important;
    background: color-mix(in srgb, var(--cor-texto) 3%, var(--cor-superficie)) !important;
    color: var(--cor-texto-secundario) !important;
}

.trabalhos-detalhes__pagamentos-adicionar[b-5urn54k4wo] {
    min-height: 2.15rem;
}

@media (max-width: 900px) {
    .trabalhos-detalhes__pagamento-campos[b-5urn54k4wo] {
        grid-template-areas:
            "data tipo"
            "valor resumo";
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .trabalhos-detalhes__pagamento-campos--final[b-5urn54k4wo] {
        grid-template-areas: "data final";
    }
}

@media (max-width: 640px) {
    .trabalhos-detalhes__pagamentos-cabecalho[b-5urn54k4wo] {
        align-items: flex-start;
        flex-direction: column;
    }

    .trabalhos-detalhes__pagamentos-adicionar[b-5urn54k4wo] {
        width: 100%;
        justify-content: center;
    }

    .trabalhos-detalhes__pagamentos-visao-geral[b-5urn54k4wo],
    .trabalhos-detalhes__pagamento-campos[b-5urn54k4wo],
    .trabalhos-detalhes__pagamento-campos--final[b-5urn54k4wo] {
        grid-template-columns: 1fr;
        max-width: none;
    }

    .trabalhos-detalhes__pagamento-campos[b-5urn54k4wo] {
        grid-template-areas:
            "data"
            "tipo"
            "valor"
            "resumo";
    }

    .trabalhos-detalhes__pagamento-campos--final[b-5urn54k4wo] {
        grid-template-areas:
            "data"
            "final";
    }

    .trabalhos-detalhes__pagamento-cabecalho[b-5urn54k4wo] {
        align-items: flex-start;
    }

    .trabalhos-detalhes__pagamentos-visao-geral > div + div[b-5urn54k4wo] {
        border-top: 1px solid var(--cor-borda);
        border-left: 0;
    }
}

.trabalhos-detalhes__extras[b-5urn54k4wo] {
    display: grid;
    gap: 0.45rem;
    margin-top: -0.25rem;
}

.trabalhos-detalhes__extras-adicionar[b-5urn54k4wo] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start !important;
    width: 100%;
    height: 0.9rem;
    gap: 0.2rem;
    min-height: 0;
    padding: 0;
    border: 0;
    background: transparent !important;
    box-shadow: none;
    color: var(--cor-primaria);
    font-size: 0.62rem;
    font-weight: 700;
    line-height: 1;
    text-align: left;
    cursor: pointer;
}

.trabalhos-detalhes__extras-adicionar:disabled[b-5urn54k4wo] {
    color: var(--cor-texto-secundario);
    cursor: default;
}

.trabalhos-detalhes__parceiro-subtitulo-linha .trabalhos-detalhes__extras-adicionar.trabalhos-detalhes__parceiro-adicionar-extra[b-5urn54k4wo] {
    width: auto !important;
    height: auto;
    min-height: 1.6rem;
    margin-left: auto;
    padding: 0.18rem 0.4rem;
    justify-content: center !important;
}

.trabalhos-detalhes__extras-formulario[b-5urn54k4wo] {
    display: grid;
    gap: 0.35rem;
}

.trabalhos-detalhes__extras-formulario .trabalhos-detalhes__entrada[b-5urn54k4wo] {
    min-height: 1.8rem;
    padding: 0.3rem 0.45rem;
    border-color: color-mix(in srgb, var(--cor-primaria) 28%, var(--cor-borda));
    background: color-mix(in srgb, var(--cor-primaria) 16%, var(--cor-superficie));
    font-size: 0.72rem;
}

.trabalhos-detalhes__extras-acoes[b-5urn54k4wo] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.35rem;
}

.trabalhos-detalhes__extras-acoes button[b-5urn54k4wo] {
    min-height: 1.75rem;
    padding: 0 0.45rem;
    font-size: 0.7rem;
}

.trabalhos-detalhes__extras-lista[b-5urn54k4wo] {
    display: grid;
    gap: 0.35rem;
}

.trabalhos-detalhes__extra[b-5urn54k4wo] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0.45rem;
    padding: 0.5rem;
    border-radius: 8px;
    background: color-mix(in srgb, var(--cor-primaria) 9%, var(--cor-superficie));
}

.trabalhos-detalhes__extra > div:first-child[b-5urn54k4wo] {
    display: grid;
    min-width: 0;
    gap: 0.1rem;
}

.trabalhos-detalhes__extra strong[b-5urn54k4wo] {
    color: var(--cor-texto);
    font-size: 0.7rem;
    line-height: 1.25;
}

.trabalhos-detalhes__extra span[b-5urn54k4wo] {
    color: var(--cor-texto-secundario);
    font-size: 0.67rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.trabalhos-detalhes__extra-valor[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 0.15rem;
}

.trabalhos-detalhes__extra-editar[b-5urn54k4wo],
.trabalhos-detalhes__extra-remover[b-5urn54k4wo] {
    display: none;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    place-items: center;
}

.trabalhos-detalhes__extra:hover .trabalhos-detalhes__extra-editar[b-5urn54k4wo],
.trabalhos-detalhes__extra:hover .trabalhos-detalhes__extra-remover[b-5urn54k4wo],
.trabalhos-detalhes__extra:focus-within .trabalhos-detalhes__extra-editar[b-5urn54k4wo],
.trabalhos-detalhes__extra:focus-within .trabalhos-detalhes__extra-remover[b-5urn54k4wo] {
    display: inline-grid;
}

@media (max-width: 760px) {
    /* A visualização de trabalho no mobile é uma tela cheia própria: fica acima de
       tudo (inclusive o menu inferior do app, que usa z-index 10005) e o cabeçalho é
       reconstruído como uma coluna simples e previsível, sem depender de "order" do
       flexbox — o botão de fechar fica fixo no canto, sempre alcançável. */
    .trabalhos-detalhes[b-5urn54k4wo] {
        padding: 0;
        z-index: 10050;
    }

    .trabalhos-detalhes__painel[b-5urn54k4wo] {
        width: 100vw;
        height: 100dvh;
        border: 0;
        border-radius: 0;
        /* Sem isto a coluna implícita cresce até o min-content do conteúdo mais largo
           (abas, etapas, indicadores) e o painel passa da largura da tela. */
        grid-template-columns: minmax(0, 1fr);
    }

    .trabalhos-detalhes__cabecalho[b-5urn54k4wo] {
        position: relative;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: stretch;
        gap: 0.5rem;
        min-height: 0;
        padding: 0.75rem 3.1rem 0.75rem 0.75rem;
    }

    .trabalhos-detalhes__titulo[b-5urn54k4wo] {
        order: initial;
        width: 100%;
    }

    .trabalhos-detalhes__titulo-linha[b-5urn54k4wo] {
        padding-right: 0;
    }

    .trabalhos-detalhes__titulo-texto[b-5urn54k4wo],
    .trabalhos-detalhes input.trabalhos-detalhes__entrada--titulo[b-5urn54k4wo] {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .trabalhos-detalhes__tag-arquivamento[b-5urn54k4wo] {
        order: initial;
        align-self: flex-start;
    }

    .trabalhos-detalhes__indicadores[b-5urn54k4wo] {
        order: initial;
        width: 100%;
        overflow-x: auto;
        -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 1.25rem), transparent);
        mask-image: linear-gradient(to right, #000 calc(100% - 1.25rem), transparent);
    }

    .trabalhos-detalhes__fechar[b-5urn54k4wo] {
        position: absolute;
        top: 0.6rem;
        right: 0.75rem;
        z-index: 1;
    }

    .trabalhos-detalhes__etapas[b-5urn54k4wo] {
        -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 1.5rem), transparent);
        mask-image: linear-gradient(to right, #000 calc(100% - 1.5rem), transparent);
    }

    .trabalhos-detalhes__abas[b-5urn54k4wo] {
        -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 1.5rem), transparent);
        mask-image: linear-gradient(to right, #000 calc(100% - 1.5rem), transparent);
    }

    .trabalhos-detalhes__corpo[b-5urn54k4wo] {
        grid-template-columns: minmax(0, 1fr);
        /* Linhas pelo conteúdo real (max-content): com "auto" + min-height:0 nos filhos
           as trilhas encolhiam para caber na altura do corpo e "lateral" e "conteúdo"
           ficavam uma em cima da outra. Quem rola é o corpo. */
        grid-template-rows: max-content max-content;
        grid-auto-rows: max-content;
        align-content: start;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .trabalhos-detalhes__lateral[b-5urn54k4wo],
    .trabalhos-detalhes__conteudo[b-5urn54k4wo] {
        min-height: auto;
    }

    /* Mesma lógica do bloco de 640px acima: dá um piso de altura confortável para
       o conteúdo das abas (chat, notas, descrição, agenda, e-mail, relatórios, log)
       em vez de deixar o "1fr" colapsar dentro de um container que agora tem altura
       "auto". "overflow: hidden/auto" também precisa virar "visible" aqui — com
       overflow diferente de "visible" o container conta como tamanho automático 0
       para efeito de dimensionamento do grid, e o conteúdo fica escondido/cortado em
       vez de esticar o corpo do modal (que é quem realmente rola no mobile). Isso
       vale pra TODA aba, não só chat/notas/descrição — daí a regra genérica abaixo. */
    .trabalhos-detalhes__conteudo[b-5urn54k4wo] {
        overflow: visible;
    }

    .trabalhos-detalhes__conteudo:has(.trabalhos-detalhes__notas)[b-5urn54k4wo],
    .trabalhos-detalhes__conteudo:has(.trabalhos-detalhes__descricao-painel)[b-5urn54k4wo] {
        grid-template-rows: auto minmax(22rem, 1fr);
        overflow: visible;
    }

    .trabalhos-detalhes__notas[b-5urn54k4wo] {
        grid-template-rows: minmax(22rem, 1fr) auto;
        overflow: visible;
    }

    /* No desktop, "lateral" e "conteúdo" são 2 colunas lado a lado, cada uma com
       seu próprio scroll (por isso "overflow-y: auto" aqui). No mobile elas empilham
       em 1 coluna dentro de "corpo", que passa a ser quem rola a tela inteira — se
       "lateral" continuar com overflow próprio, ela vira uma segunda caixa de rolagem
       "fechada" com altura mínima, cortando quase todos os campos (Provider, Customer,
       Job Type, Price, Extras, Partners, totais). Deixa fluir naturalmente. */
    .trabalhos-detalhes__lateral[b-5urn54k4wo] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        border-right: 0;
        border-bottom: 1px solid var(--cor-borda);
        overflow-y: visible;
    }

    /* iOS Safari aplica zoom automático ao focar campos com font-size < 16px,
       "quebrando" o layout do modal inteiro. Forçamos 16px em todo campo digitável. */
    .trabalhos-detalhes__painel input[b-5urn54k4wo],
    .trabalhos-detalhes__painel textarea[b-5urn54k4wo],
    .trabalhos-detalhes__painel select[b-5urn54k4wo],
    .trabalhos-detalhes__entrada[b-5urn54k4wo],
    .trabalhos-detalhes[b-5urn54k4wo]  .selecao-padrao__gatilho,
    .trabalhos-detalhes[b-5urn54k4wo]  .selecao-padrao__pesquisa {
        font-size: 16px !important;
    }

    .trabalhos-detalhes input.trabalhos-detalhes__entrada--titulo[b-5urn54k4wo] {
        width: 100%;
        min-width: 0;
    }

    .trabalhos-detalhes__titulo--novo input.trabalhos-detalhes__entrada--titulo[b-5urn54k4wo] {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 480px) {
    .trabalhos-detalhes__lateral[b-5urn54k4wo] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.trabalhos-hero .botao-primario[b-5urn54k4wo],
.trabalhos-hero .botao-primario:hover[b-5urn54k4wo] {
    background: var(--cor-primaria);
}

.trabalhos-hero .botao-primario:hover[b-5urn54k4wo] {
    background: var(--cor-primaria-hover);
}

.trabalhos-board__pilha[b-5urn54k4wo] {
    flex-basis: 17.5rem;
    width: 17.5rem;
    min-width: 17.5rem;
    max-width: 17.5rem;
}

.trabalhos-coluna[b-5urn54k4wo] {
    padding: 0.25rem;
    border-radius: var(--raio-base);
}

.trabalhos-coluna__cabecalho[b-5urn54k4wo] {
    gap: 0.5rem;
    padding: 0.6rem 0.7rem;
    border-radius: calc(var(--raio-base) + 4px);
}

.trabalhos-coluna__titulos[b-5urn54k4wo] {
    gap: 0.2rem;
}

.trabalhos-coluna__nome-linha[b-5urn54k4wo] {
    gap: 0.35rem;
}

.trabalhos-coluna__nome-linha strong[b-5urn54k4wo] {
    font-size: 0.72rem;
}

.trabalhos-coluna__titulo-editavel[b-5urn54k4wo] {
    font-size: 0.72rem;
}

.trabalhos-coluna__meta[b-5urn54k4wo],
.trabalhos-coluna__meta span:last-child[b-5urn54k4wo] {
    font-size: 0.68rem;
}

.trabalhos-coluna__meta span:first-child[b-5urn54k4wo] {
    font-size: 0.8rem;
}

.trabalhos-coluna__menu-opcao[b-5urn54k4wo] {
    min-height: 1.95rem;
    font-size: 0.75rem;
}

.trabalhos-coluna__cards[b-5urn54k4wo] {
    gap: 0.4rem;
    margin-top: 0;
}

.trabalhos-item[b-5urn54k4wo] {
    gap: 0.5rem;
    padding: 0.7rem;
    box-shadow: none;
}

.trabalhos-item__cabecalho[b-5urn54k4wo] {
    gap: 0.45rem;
}

.trabalhos-item__cabecalho strong[b-5urn54k4wo] {
    font-size: 0.82rem;
}

.trabalhos-item__cabecalho span[b-5urn54k4wo] {
    font-size: 0.7rem;
}

.trabalhos-item__descricao[b-5urn54k4wo] {
    font-size: 0.72rem;
    line-height: 1.35;
}

.trabalhos-item__etiquetas[b-5urn54k4wo] {
    gap: 0.3rem;
}

.trabalhos-item__valor[b-5urn54k4wo] {
    font-size: 0.92rem;
}

.trabalhos-item__cliente[b-5urn54k4wo] {
    font-size: 0.68rem;
}

.trabalhos-coluna__novo-card[b-5urn54k4wo] {
    min-height: 2.15rem;
    gap: 0.35rem;
    padding: 0 0.65rem;
    font-size: 0.75rem;
}

/* A rolagem pertence ao quadro inteiro, nunca a uma coluna individual. */
.trabalhos-pagina[b-5urn54k4wo] {
    --trabalhos-altura-minima-quadro: clamp(30rem, 80dvh, 52rem);
    min-height: var(--trabalhos-altura-minima-quadro);
    height: auto;
    max-height: none;
    overflow: visible;
}

.trabalhos-layout[b-5urn54k4wo] {
    grid-template-rows: auto auto;
    height: auto;
    max-height: none;
    overflow: visible;
}

.trabalhos-conteudo[b-5urn54k4wo],
.trabalhos-conteudo__quadro[b-5urn54k4wo] {
    min-height: var(--trabalhos-altura-minima-quadro);
    height: auto;
}

.trabalhos-quadro[b-5urn54k4wo] {
    display: block;
    min-height: var(--trabalhos-altura-minima-quadro);
    height: auto;
    max-height: none;
    overflow: visible;
}

.trabalhos-board[b-5urn54k4wo] {
    min-height: var(--trabalhos-altura-minima-quadro);
    height: auto;
    max-height: none;
    overflow-x: auto;
    overflow-y: visible;
    align-items: stretch;
    /* No touch, deixa o navegador rolar nos dois eixos com inércia. O arrasto com a
       "mãozinha" continua só para mouse (ver criarArrastoHorizontal em sistema.js). */
    touch-action: pan-x pan-y;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
}

.trabalhos-board--arrastando-rolagem[b-5urn54k4wo] {
    cursor: grabbing;
    user-select: none;
}

.trabalhos-board--arrastando-rolagem .trabalhos-board__pilha[b-5urn54k4wo],
.trabalhos-board--arrastando-rolagem .trabalhos-board__pilha .trabalhos-coluna[b-5urn54k4wo],
.trabalhos-board--arrastando-rolagem .trabalhos-board__pilha .trabalhos-coluna__cards[b-5urn54k4wo] {
    cursor: grabbing;
}

.trabalhos-board__pilha[b-5urn54k4wo] {
    min-height: var(--trabalhos-altura-minima-quadro);
    height: 100%;
    max-height: none;
    align-self: stretch;
    overflow: visible;
}

.trabalhos-coluna[b-5urn54k4wo] {
    min-height: 100%;
    height: 100%;
    max-height: none;
    align-self: stretch;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: visible;
}

.trabalhos-coluna__cards[b-5urn54k4wo] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    height: auto;
    overflow: visible;
    align-items: stretch;
}

.trabalhos-coluna__cards > .trabalhos-item[b-5urn54k4wo],
.trabalhos-coluna__cards > .trabalhos-coluna__novo-card[b-5urn54k4wo] {
    flex: 0 0 auto;
}

.trabalhos-detalhes__emails[b-5urn54k4wo] {
    display: grid;
    gap: var(--espacamento-3);
    padding: var(--espacamento-5);
}

.trabalhos-detalhes__emails-cabecalho[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-3);
}

.trabalhos-detalhes__emails-cabecalho > span[b-5urn54k4wo] {
    color: var(--cor-texto-secundario);
    font-weight: 700;
}

.trabalhos-detalhes__emails-vazio[b-5urn54k4wo] {
    display: grid;
    min-height: 16rem;
    place-items: center;
    padding: var(--espacamento-5);
    border: 1px dashed var(--cor-borda);
    border-radius: var(--raio-medio);
    color: var(--cor-texto-secundario);
    text-align: center;
}

.trabalhos-detalhes__emails-vazio p[b-5urn54k4wo] {
    margin: 0;
}

.trabalhos-detalhes__emails-lista[b-5urn54k4wo] {
    display: grid;
    gap: var(--espacamento-2);
}

.trabalhos-detalhes__email-item[b-5urn54k4wo] {
    overflow: hidden;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
}

.trabalhos-detalhes__email[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    width: 100%;
    padding: var(--espacamento-3) var(--espacamento-4);
    border: 0;
    border-radius: var(--raio-medio);
    background: transparent;
    color: var(--cor-texto);
    text-align: left;
    text-decoration: none;
}

.trabalhos-detalhes__email--cabecalho[b-5urn54k4wo] {
    cursor: default;
}

.trabalhos-detalhes__email span[b-5urn54k4wo] {
    display: grid;
    min-width: 0;
    gap: 0.15rem;
}

.trabalhos-detalhes__email strong[b-5urn54k4wo],
.trabalhos-detalhes__email small[b-5urn54k4wo] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trabalhos-detalhes__email strong[b-5urn54k4wo] {
    font-size: 0.78rem;
}

.trabalhos-detalhes__email small[b-5urn54k4wo] {
    font-size: 0.68rem;
}

.trabalhos-detalhes__email small[b-5urn54k4wo],
.trabalhos-detalhes__email-maximizar[b-5urn54k4wo] {
    color: var(--cor-texto-secundario);
}

.trabalhos-detalhes__email-maximizar[b-5urn54k4wo] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
}

.trabalhos-detalhes__email-maximizar:hover[b-5urn54k4wo] {
    background: color-mix(in srgb, var(--cor-primaria) 14%, transparent);
}

.trabalhos-detalhes__email-conteudo[b-5urn54k4wo] {
    border-top: 1px solid var(--cor-borda);
}

.trabalhos-detalhes__email-conteudo .trabalhos-email-visualizacao__estado[b-5urn54k4wo] {
    min-height: 8rem;
}

.trabalhos-detalhes__email-conteudo .trabalhos-email-visualizacao[b-5urn54k4wo] {
    padding: var(--espacamento-4);
}

.trabalhos-vinculo-email[b-5urn54k4wo] {
    display: grid;
    gap: var(--espacamento-4);
    padding: var(--espacamento-4);
}

.trabalhos-vinculo-email__filtros[b-5urn54k4wo] {
    display: grid;
    grid-template-columns: minmax(14rem, 1.5fr) repeat(2, minmax(0, 1fr)) auto auto;
    align-items: end;
    gap: var(--espacamento-3);
}

.trabalhos-vinculo-email__lista[b-5urn54k4wo] {
    display: grid;
    gap: var(--espacamento-2);
}

.trabalhos-vinculo-email__lista > article[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    width: 100%;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    text-align: left;
}

.trabalhos-vinculo-email__lista > article.trabalhos-vinculo-email__item--expandido[b-5urn54k4wo] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
}

.trabalhos-vinculo-email__visualizar[b-5urn54k4wo] {
    display: flex;
    flex: 1;
    align-items: center;
    min-width: 0;
    gap: var(--espacamento-3);
    padding: var(--espacamento-3) var(--espacamento-4);
    border: 0;
    border-radius: var(--raio-medio);
    background: transparent;
    color: var(--cor-texto);
    text-align: left;
}

.trabalhos-vinculo-email__visualizar:hover[b-5urn54k4wo] {
    background: var(--cor-primaria-suave);
}

.trabalhos-vinculo-email__visualizar span[b-5urn54k4wo] {
    display: grid;
    min-width: 0;
    gap: 0.15rem;
}

.trabalhos-vinculo-email__visualizar strong[b-5urn54k4wo],
.trabalhos-vinculo-email__visualizar small[b-5urn54k4wo] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trabalhos-vinculo-email__visualizar small[b-5urn54k4wo],
.trabalhos-vinculo-email__visualizar > :last-child[b-5urn54k4wo] {
    color: var(--cor-texto-secundario);
}

.trabalhos-vinculo-email__expandir[b-5urn54k4wo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: var(--cor-texto-secundario);
}

.trabalhos-vinculo-email__expandir:hover[b-5urn54k4wo] {
    background: color-mix(in srgb, var(--cor-primaria) 14%, transparent);
}

.trabalhos-vinculo-email__lista > article > .botao-icone[b-5urn54k4wo] {
    flex: 0 0 auto;
    margin-right: var(--espacamento-2);
}

.trabalhos-vinculo-email__conteudo[b-5urn54k4wo] {
    grid-column: 1 / -1;
    border-top: 1px solid var(--cor-borda);
}

.trabalhos-vinculo-email__conteudo .trabalhos-email-visualizacao__estado[b-5urn54k4wo] {
    min-height: 8rem;
}

.trabalhos-email-visualizacao[b-5urn54k4wo],
.trabalhos-email-visualizacao__estado[b-5urn54k4wo] {
    padding: var(--espacamento-4);
}

.trabalhos-email-visualizacao__estado[b-5urn54k4wo] {
    display: grid;
    min-height: 18rem;
    place-items: center;
    color: var(--cor-texto-secundario);
    text-align: center;
}

.trabalhos-email-visualizacao[b-5urn54k4wo] {
    display: grid;
    gap: var(--espacamento-4);
}

.trabalhos-email-visualizacao--ampliada[b-5urn54k4wo] {
    display: flex;
    flex: 1 1 0;
    min-height: 0;
    height: 100%;
    flex-direction: column;
}

.trabalhos-email-visualizacao > header[b-5urn54k4wo] {
    display: grid;
    gap: 0.25rem;
    padding-bottom: var(--espacamento-3);
    border-bottom: 1px solid var(--cor-borda);
    font-size: 0.75rem;
}

.trabalhos-email-visualizacao > header strong[b-5urn54k4wo] {
    font-size: 0.82rem;
}

.trabalhos-email-visualizacao > header span[b-5urn54k4wo],
.trabalhos-email-visualizacao > header small[b-5urn54k4wo] {
    color: var(--cor-texto-secundario);
}

.trabalhos-email-visualizacao__corpo[b-5urn54k4wo] {
    min-height: 22rem;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.trabalhos-email-visualizacao--ampliada .trabalhos-email-visualizacao__corpo[b-5urn54k4wo] {
    min-height: 0;
    flex: 1 1 0;
    overflow: auto;
}

.trabalhos-email-visualizacao__corpo iframe[b-5urn54k4wo] {
    display: block;
    width: 100%;
    min-height: 34rem;
    border: 0;
    background: #fff;
}

.trabalhos-email-visualizacao--ampliada .trabalhos-email-visualizacao__corpo iframe[b-5urn54k4wo] {
    min-height: 0;
    height: 100%;
}

.trabalhos-email-visualizacao__anexos[b-5urn54k4wo] {
    display: grid;
    gap: var(--espacamento-3);
    padding-top: var(--espacamento-3);
    border-top: 1px solid var(--cor-borda);
}

.trabalhos-email-visualizacao__anexos > div[b-5urn54k4wo] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espacamento-2);
}

.trabalhos-email-visualizacao__anexos a[b-5urn54k4wo] {
    display: inline-flex;
    align-items: center;
    gap: var(--espacamento-2);
    max-width: 100%;
    padding: var(--espacamento-2) var(--espacamento-3);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    color: var(--cor-texto);
    text-decoration: none;
}

.trabalhos-email-visualizacao__anexos a:hover[b-5urn54k4wo] {
    border-color: color-mix(in srgb, var(--cor-primaria) 35%, var(--cor-borda));
    background: var(--cor-primaria-suave);
}

.trabalhos-email-visualizacao__anexos a span[b-5urn54k4wo] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 760px) {
    .trabalhos-hero[b-5urn54k4wo] {
        padding: 0.4rem;
    }

    .trabalhos-hero__acoes[b-5urn54k4wo] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 0.35rem;
    }

    .trabalhos-hero__bloco--projeto[b-5urn54k4wo] {
        min-width: 0;
        flex-basis: auto;
    }

    .trabalhos-hero__botoes[b-5urn54k4wo] {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        width: 100%;
        margin: 0;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .trabalhos-hero__botoes[b-5urn54k4wo]::-webkit-scrollbar {
        display: none;
    }

    /* A lista já é o modo padrão no mobile; mantenha somente as ações essenciais. */
    .trabalhos-hero__switch[b-5urn54k4wo],
    .trabalhos-hero__acao-fixar[b-5urn54k4wo] {
        display: none;
    }

    .trabalhos-hero__botoes > button[b-5urn54k4wo] {
        flex: 0 0 2.15rem;
        width: 2.15rem;
        min-width: 2.15rem;
        padding: 0;
        justify-content: center;
    }

    .trabalhos-hero__botoes > button > span:not(.icone-sistema)[b-5urn54k4wo] {
        display: none;
    }

    .trabalhos-hero__seletor-arquivamento[b-5urn54k4wo] {
        flex: 0 1 7.2rem;
        width: 7.2rem;
        min-width: 5.8rem;
    }

    .trabalhos-hero__resumo-colunas[b-5urn54k4wo] {
        display: none;
    }

    .trabalhos-detalhes__emails[b-5urn54k4wo] {
        padding: var(--espacamento-4);
    }

    .trabalhos-vinculo-email__filtros[b-5urn54k4wo] {
        grid-template-columns: 1fr 1fr;
    }

    .trabalhos-vinculo-email__filtro-busca[b-5urn54k4wo] {
        grid-column: 1 / -1;
    }

    /* No celular o quadro vira uma lista de etapas, com os jobs expansíveis. */
    .trabalhos-board[b-5urn54k4wo] {
        display: block;
        overflow-x: hidden;
        overflow-y: auto;
        padding-bottom: 0.75rem;
    }

    .trabalhos-board__pilha[b-5urn54k4wo] {
        width: 100%;
        min-width: 0;
        max-width: none;
        height: auto;
        min-height: 0;
        overflow: visible;
    }

    .trabalhos-coluna[b-5urn54k4wo],
    .trabalhos-board__pilha:first-child .trabalhos-coluna[b-5urn54k4wo] {
        display: block;
        height: auto;
        max-height: none;
        min-height: 0;
        padding: 0 0 1rem;
        overflow: visible;
    }

    .trabalhos-coluna__cabecalho[b-5urn54k4wo] {
        margin-bottom: 0.4rem;
        padding: 0.65rem 0.7rem;
        border-width: 0 0 1px;
        border-radius: 0;
        background: color-mix(in srgb, var(--trabalhos-coluna-cor) 5%, var(--cor-superficie));
        cursor: default;
    }

    .trabalhos-coluna__cards[b-5urn54k4wo] {
        height: auto;
        margin-top: 0;
        padding: 0;
        overflow: visible;
        gap: 0.35rem;
    }

    .trabalhos-item[b-5urn54k4wo] {
        display: block;
        padding: 0;
        border-width: 0 0 1px;
        border-radius: 0;
        background: transparent;
        cursor: pointer;
    }

    .trabalhos-item:active[b-5urn54k4wo] {
        cursor: pointer;
        background: var(--cor-superficie-suave);
    }

    .trabalhos-item > :not(.trabalhos-item__mobile-resumo):not(.trabalhos-item__mobile-detalhes)[b-5urn54k4wo] {
        display: none;
    }

    .trabalhos-item__mobile-resumo[b-5urn54k4wo] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 0.6rem;
        width: 100%;
        min-height: 3.9rem;
        padding: 0.55rem 0.7rem;
        border: 0;
        background: transparent;
        color: inherit;
        font: inherit;
        text-align: left;
    }

    .trabalhos-item__mobile-resumo:focus-visible[b-5urn54k4wo] {
        outline: 2px solid var(--cor-primaria);
        outline-offset: -2px;
    }

    .trabalhos-item__mobile-resumo-principal[b-5urn54k4wo] {
        min-width: 0;
    }

    .trabalhos-item__mobile-resumo .trabalhos-item__titulo[b-5urn54k4wo] {
        gap: 0.38rem;
    }

    .trabalhos-item__mobile-resumo .trabalhos-item__titulo strong[b-5urn54k4wo] {
        font-size: 0.9rem;
    }

    .trabalhos-item__mobile-meta[b-5urn54k4wo] {
        display: flex;
        align-items: center;
        gap: 0.35rem;
        min-width: 0;
        margin-top: 0.16rem;
        color: var(--cor-texto-secundario);
        font-size: 0.7rem;
        line-height: 1.3;
    }

    .trabalhos-item__mobile-meta span[b-5urn54k4wo] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .trabalhos-item__mobile-meta span + span[b-5urn54k4wo]::before {
        content: "·";
        margin-right: 0.35rem;
        color: var(--cor-texto-suave);
    }

    .trabalhos-item__mobile-resumo-acoes[b-5urn54k4wo] {
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
        color: var(--cor-texto-secundario);
    }

    .trabalhos-item__mobile-resumo-acoes > :last-child[b-5urn54k4wo] {
        transition: transform 0.18s ease;
    }

    .trabalhos-item--mobile-expandido .trabalhos-item__mobile-resumo-acoes > :last-child[b-5urn54k4wo] {
        transform: rotate(180deg);
    }

    .trabalhos-item__mobile-detalhes[b-5urn54k4wo] {
        display: none;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.55rem 0.75rem;
        padding: 0.1rem 0.7rem 0.75rem;
        border-top: 1px solid var(--cor-borda);
        color: var(--cor-texto);
        font-size: 0.75rem;
    }

    .trabalhos-item--mobile-expandido .trabalhos-item__mobile-detalhes[b-5urn54k4wo] {
        display: grid;
    }

    .trabalhos-item__mobile-detalhes > span[b-5urn54k4wo] {
        display: inline-flex;
        align-items: center;
        min-width: 0;
        gap: 0.35rem;
    }

    .trabalhos-item__mobile-detalhes > span > span[b-5urn54k4wo] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .trabalhos-item__mobile-detalhes[b-5urn54k4wo]  .icone-sistema {
        flex: 0 0 auto;
        color: var(--cor-texto-secundario);
    }

    .trabalhos-item__mobile-detalhes[b-5urn54k4wo]  .etiqueta-categoria {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .trabalhos-item__mobile-detalhes > span:only-child[b-5urn54k4wo] {
        grid-column: 1 / -1;
    }

    .trabalhos-item__mobile-ver-detalhes[b-5urn54k4wo] {
        display: flex;
        grid-column: 1 / -1;
        align-items: center;
        justify-content: center;
        gap: 0.4rem;
        width: 100%;
        min-height: 2.5rem;
        margin-top: 0.3rem;
        padding: 0 0.7rem;
        border: 1px solid color-mix(in srgb, var(--cor-primaria) 35%, var(--cor-borda));
        border-radius: var(--raio-base);
        background: color-mix(in srgb, var(--cor-primaria) 8%, var(--cor-superficie));
        color: var(--cor-primaria);
        font-size: 0.8rem;
        font-weight: 600;
    }

    .trabalhos-item__mobile-ver-detalhes:active[b-5urn54k4wo] {
        background: color-mix(in srgb, var(--cor-primaria) 16%, var(--cor-superficie));
    }

    .trabalhos-coluna__novo-card[b-5urn54k4wo] {
        min-height: 2.4rem;
        margin-top: 0.4rem;
    }
}

/* Switches (visualizacao / modo compacto) no mesmo padrao do switch de tema do cabecalho */
.trabalhos-hero__switch[b-5urn54k4wo] {
    flex: 0 0 auto;
}

.trabalhos-hero__switch--desabilitado[b-5urn54k4wo] {
    opacity: 0.5;
    pointer-events: none;
}

.trabalhos-hero__botoes > .trabalhos-hero__acao-fixar[b-5urn54k4wo] {
    width: 2.15rem;
    min-width: 2.15rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Filtro De/Ate dos arquivos */
.trabalhos-hero__filtro-datas[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.trabalhos-hero__filtro-data[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--cor-texto-secundario);
    font-size: 0.75rem;
    font-weight: 600;
}

.trabalhos-hero__filtro-data[b-5urn54k4wo]  .campo-data {
    width: 8.6rem;
}

.trabalhos-hero__filtro-data[b-5urn54k4wo]  .campo-formulario__entrada {
    min-height: 2.15rem;
    height: 2.15rem;
    font-size: 0.78rem;
}

@media (max-width: 900px) {
    .trabalhos-hero__filtro-datas[b-5urn54k4wo] {
        width: 100%;
    }
}

/* Selects da pagina: mesmo raio dos botoes/campos e seta colada na direita */
.trabalhos-hero[b-5urn54k4wo]  .selecao-padrao__gatilho,
.trabalhos-modais[b-5urn54k4wo]  .modal-sistema--trabalho .selecao-padrao__gatilho {
    position: relative;
    border-radius: var(--raio-pequeno);
    padding-right: 2.2rem;
}

.trabalhos-hero[b-5urn54k4wo]  .selecao-padrao__icone,
.trabalhos-modais[b-5urn54k4wo]  .modal-sistema--trabalho .selecao-padrao__icone {
    position: absolute;
    top: 50%;
    right: 0.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    transform: translateY(-50%);
}

.trabalhos-hero[b-5urn54k4wo]  .selecao-padrao.aberto .selecao-padrao__icone,
.trabalhos-modais[b-5urn54k4wo]  .modal-sistema--trabalho .selecao-padrao.aberto .selecao-padrao__icone {
    transform: translateY(-50%) rotate(180deg);
}

.trabalhos-hero__seletor-arquivamento[b-5urn54k4wo] {
    width: 9rem;
}

/* Coluna fixa: o cabecalho tambem arrasta o quadro na horizontal */
.trabalhos-board__pilha[data-coluna-fixa="true"] .trabalhos-coluna__cabecalho[b-5urn54k4wo] {
    cursor: grab;
}

/* ===== Price quoted: botão de sincronizar com Quote/Invoice ===== */

.trabalhos-detalhes__valor-linha[b-5urn54k4wo] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
}

.trabalhos-detalhes__valor-linha > .trabalhos-detalhes__editavel[b-5urn54k4wo] {
    font-size: 0.8rem;
}

.trabalhos-detalhes__valor-linha > .trabalhos-detalhes__entrada[b-5urn54k4wo] {
    flex: 1;
    min-width: 0;
}

.trabalhos-detalhes__sincronizar[b-5urn54k4wo] {
    display: inline-flex;
    flex-shrink: 0;
}

.trabalhos-detalhes__sincronizar-botao[b-5urn54k4wo] {
    width: 1.6rem;
    height: 1.6rem;
    color: var(--cor-texto-secundario);
}

.trabalhos-detalhes__sincronizar-botao:hover[b-5urn54k4wo],
.trabalhos-detalhes__sincronizar-botao.ativo[b-5urn54k4wo] {
    color: var(--cor-primaria);
    background: var(--cor-primaria-suave);
}

/* Fundo transparente que cobre a tela: clicar fora fecha o menu. */
.trabalhos-detalhes__sincronizar-fundo[b-5urn54k4wo] {
    position: fixed;
    inset: 0;
    z-index: 30;
    border: 0;
    background: transparent;
    cursor: default;
}

.trabalhos-detalhes__sincronizar-menu[b-5urn54k4wo] {
    position: absolute;
    top: calc(100% + 0.35rem);
    left: 0;
    right: 0;
    z-index: 31;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.3rem;
    border: 1px solid var(--cor-borda-forte);
    border-radius: 10px;
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.trabalhos-detalhes__sincronizar-menu button[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.5rem 0.6rem;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--cor-texto);
    text-align: left;
    cursor: pointer;
}

.trabalhos-detalhes__sincronizar-menu button:hover:not(:disabled)[b-5urn54k4wo] {
    background: var(--cor-primaria-suave);
}

.trabalhos-detalhes__sincronizar-menu button:disabled[b-5urn54k4wo] {
    opacity: 0.45;
    cursor: not-allowed;
}

.trabalhos-detalhes__sincronizar-menu button > span[b-5urn54k4wo] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.trabalhos-detalhes__sincronizar-menu strong[b-5urn54k4wo] {
    font-size: 0.78rem;
    font-weight: 600;
}

.trabalhos-detalhes__sincronizar-menu small[b-5urn54k4wo] {
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
}

/* ===== Aba Reports do Job ===== */

.trabalhos-relatorio[b-5urn54k4wo] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}

.trabalhos-relatorio__resumo[b-5urn54k4wo] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    align-self: flex-start;
    padding: 0.4rem 0.85rem;
    border-radius: 999px;
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
    font-size: 0.8rem;
    font-weight: 600;
}

.trabalhos-relatorio__grade[b-5urn54k4wo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.trabalhos-relatorio__cartao[b-5urn54k4wo] {
    grid-column: 1 / -1;
    display: grid;
    gap: 0.65rem;
    align-content: start;
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-grande);
    background: var(--cor-superficie);
    transition: border-color 0.15s ease;
}

.trabalhos-relatorio__cartao:focus-within[b-5urn54k4wo] {
    border-color: var(--cor-primaria);
}

.trabalhos-relatorio__cartao--metade[b-5urn54k4wo] {
    grid-column: auto;
}

/* A seção de fotos já tem o próprio cartão. */
.trabalhos-relatorio__cartao--fotos[b-5urn54k4wo] {
    padding: 0;
    border: 0;
    background: transparent;
}

.trabalhos-relatorio__cartao > header[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--cor-primaria);
}

.trabalhos-relatorio__cartao > header > label[b-5urn54k4wo],
.trabalhos-relatorio__cartao > header > span[b-5urn54k4wo] {
    margin: 0;
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.trabalhos-relatorio__total-cobrancas[b-5urn54k4wo] {
    margin-left: auto;
    color: var(--cor-primaria);
    font-size: 0.9rem;
}

.trabalhos-relatorio__adicionar[b-5urn54k4wo] {
    justify-self: start;
}

.trabalhos-relatorio__vazio[b-5urn54k4wo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 2.5rem 1rem;
    border: 1px dashed var(--cor-borda-forte);
    border-radius: var(--raio-grande);
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
    text-align: center;
}

.trabalhos-relatorio__vazio strong[b-5urn54k4wo] {
    color: var(--cor-texto);
}

.trabalhos-relatorio__vazio p[b-5urn54k4wo] {
    margin: 0;
    max-width: 26rem;
}

.trabalhos-relatorio__rodape[b-5urn54k4wo] {
    position: sticky;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0.75rem 0 0.15rem;
    background: linear-gradient(to top, var(--cor-fundo) 65%, transparent);
}

.trabalhos-relatorio__rodape p[b-5urn54k4wo] {
    margin: 0;
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
}

.trabalhos-relatorio__rodape .botao-primario[b-5urn54k4wo] {
    min-width: 9rem;
}

@media (max-width: 640px) {
    .trabalhos-relatorio__grade[b-5urn54k4wo] {
        grid-template-columns: 1fr;
    }

    .trabalhos-relatorio__cartao--metade[b-5urn54k4wo] {
        grid-column: 1 / -1;
    }
}
/* /Components/Paginas/TrabalhosAprovacoes.razor.rz.scp.css */
.trabalhos-aprovacoes__historico[b-ya3i86k4tq] {
    margin-top: var(--espacamento-5, 1.25rem);
}

.trabalhos-aprovacoes__historico-vazio[b-ya3i86k4tq] {
    display: grid;
    justify-items: center;
    text-align: center;
    margin-top: 0.5rem;
    padding: 2rem 1.25rem;
    border: 1px dashed var(--cor-borda);
    border-radius: var(--raio-medio, 0.75rem);
    background: var(--cor-superficie);
}

.trabalhos-aprovacoes__historico-vazio[b-ya3i86k4tq]  .estado-vazio {
    justify-items: center;
    padding: 0;
}

.trabalhos-aprovacoes__historico-vazio[b-ya3i86k4tq]  .estado-vazio__icone {
    width: 2.75rem;
    height: 2.75rem;
    color: var(--cor-primaria);
    background: color-mix(in srgb, var(--cor-primaria) 12%, var(--cor-superficie));
    border-color: color-mix(in srgb, var(--cor-primaria) 32%, var(--cor-borda));
}

.trabalhos-aprovacoes__historico-vazio[b-ya3i86k4tq]  .estado-vazio p {
    max-width: 26rem;
}

/* ---- Cartoes de resumo dos extras ---- */
.trabalhos-aprovacoes__metricas[b-ya3i86k4tq] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
    margin-bottom: var(--espacamento-4, 1rem);
}

.trabalhos-aprovacoes__metrica[b-ya3i86k4tq] {
    display: grid;
    gap: 0.3rem;
    min-width: 0;
    padding: 0.95rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio, 0.75rem);
    background: var(--cor-superficie);
}

.trabalhos-aprovacoes__metrica span[b-ya3i86k4tq],
.trabalhos-aprovacoes__metrica small[b-ya3i86k4tq] {
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
}

.trabalhos-aprovacoes__metrica strong[b-ya3i86k4tq] {
    color: var(--cor-texto);
    font-size: 1.15rem;
}

.trabalhos-aprovacoes__metrica--verde strong[b-ya3i86k4tq] { color: var(--cor-sucesso); }
.trabalhos-aprovacoes__metrica--amarelo strong[b-ya3i86k4tq] { color: #e0a800; }
.trabalhos-aprovacoes__metrica--vermelho strong[b-ya3i86k4tq] { color: #e45d6d; }

/* ---- Rotulo vertical com o tipo do arquivamento (WON/LOST/...) antes do Postcode/Title ---- */
.trabalhos-aprovacoes__trabalho > .trabalhos-aprovacoes__tipo[b-ya3i86k4tq] {
    flex: 0 0 auto;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 1.35rem;
    min-height: 2.2rem;
    padding: 0.35rem 0.1rem;
    border-radius: var(--raio-pequeno, 0.4rem);
    color: #fff;
}

.trabalhos-aprovacoes__tipo-texto[b-ya3i86k4tq] {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    text-align: center;
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
}

.trabalhos-aprovacoes__tipo--won[b-ya3i86k4tq] { background: var(--cor-sucesso, #2e7d32); }
.trabalhos-aprovacoes__tipo--lost[b-ya3i86k4tq] { background: #e45d6d; }
.trabalhos-aprovacoes__tipo--onhold[b-ya3i86k4tq] { background: #e0a800; }
.trabalhos-aprovacoes__tipo--deleted[b-ya3i86k4tq] { background: var(--cor-texto-secundario, #6b7280); }

.tabela-sistema--trabalhos-aprovacoes .tabela-sistema__cabecalho[b-ya3i86k4tq] {
    background: var(--cor-superficie-elevada, var(--cor-superficie));
    box-shadow: inset 0 -1px 0 var(--cor-borda);
}

.trabalhos-aprovacoes__preco[b-ya3i86k4tq] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    color: var(--cor-texto-secundario);
}

/* ---- Botao expandir/recolher extras na linha do job ---- */
.trabalhos-aprovacoes__celula-extras[b-ya3i86k4tq] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    overflow: visible;
}

.trabalhos-aprovacoes__celula-extras-valor[b-ya3i86k4tq] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trabalhos-aprovacoes__extras-toggle[b-ya3i86k4tq] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    flex: 0 0 auto;
    padding: 0.12rem 0.32rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background: var(--cor-superficie);
    color: var(--cor-texto-secundario);
    cursor: pointer;
    transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease;
}

.trabalhos-aprovacoes__extras-toggle:hover[b-ya3i86k4tq] {
    border-color: var(--cor-primaria);
    color: var(--cor-primaria);
}

.trabalhos-aprovacoes__extras-toggle svg[b-ya3i86k4tq] {
    transition: transform 150ms ease;
}

.trabalhos-aprovacoes__extras-toggle--ativo[b-ya3i86k4tq] {
    border-color: var(--cor-primaria);
    background: color-mix(in srgb, var(--cor-primaria) 12%, transparent);
    color: var(--cor-primaria);
}

.trabalhos-aprovacoes__extras-toggle--ativo svg[b-ya3i86k4tq] {
    transform: rotate(180deg);
}

.trabalhos-aprovacoes__extras-toggle-badge[b-ya3i86k4tq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.1rem;
    height: 1.1rem;
    padding: 0 0.28rem;
    border-radius: 999px;
    background: var(--cor-primaria);
    color: #fff;
    font-size: 0.66rem;
    font-weight: 700;
    line-height: 1;
}

/* ---- Painel expansivel de extras sob a linha do job ---- */
.trabalhos-aprovacoes__extras-painel[b-ya3i86k4tq] {
    margin: -0.15rem 0 0.55rem;
    padding: 0.95rem 1.15rem 1.1rem;
    border: 1px solid var(--cor-borda);
    border-top: 0;
    border-radius: 0 0 var(--raio-medio, 0.75rem) var(--raio-medio, 0.75rem);
    background: var(--cor-superficie-suave, var(--cor-superficie));
}

.trabalhos-aprovacoes__extras-painel + .trabalhos-aprovacoes__extras-painel[b-ya3i86k4tq] {
    margin-top: -0.4rem;
}

.trabalhos-aprovacoes__extras-painel-cabecalho[b-ya3i86k4tq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.trabalhos-aprovacoes__extras-painel-cabecalho > div[b-ya3i86k4tq] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.82rem;
    color: var(--cor-texto);
}

.trabalhos-aprovacoes__extras-painel-cabecalho svg[b-ya3i86k4tq] {
    color: var(--cor-texto-secundario);
}

.trabalhos-aprovacoes__extras-painel-contador[b-ya3i86k4tq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.15rem;
    height: 1.15rem;
    padding: 0 0.3rem;
    border-radius: 999px;
    background: var(--cor-primaria);
    color: #fff;
    font-size: 0.66rem;
    font-weight: 700;
}

.trabalhos-aprovacoes__extras-painel-fechar[b-ya3i86k4tq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    background: var(--cor-superficie);
    color: var(--cor-texto-secundario);
    cursor: pointer;
}

.trabalhos-aprovacoes__extras-painel-fechar:hover[b-ya3i86k4tq] {
    border-color: var(--cor-primaria);
    color: var(--cor-primaria);
}

.trabalhos-aprovacoes__extras-painel-ajuda[b-ya3i86k4tq] {
    margin: 0.5rem 0 0.9rem;
    font-size: 0.72rem;
    line-height: 1.35;
    color: var(--cor-texto-secundario);
}

.trabalhos-aprovacoes__extras-lista[b-ya3i86k4tq] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.65rem;
}

.trabalhos-aprovacoes__extras-item[b-ya3i86k4tq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem 2.5rem;
    padding: 0.85rem 1.1rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    background: var(--cor-superficie);
}

.trabalhos-aprovacoes__extras-item--pendente[b-ya3i86k4tq] {
    border-color: color-mix(in srgb, var(--cor-alerta, #d97706) 45%, var(--cor-borda));
    background: color-mix(in srgb, var(--cor-alerta, #d97706) 7%, var(--cor-superficie));
}

.trabalhos-aprovacoes__extras-item-info[b-ya3i86k4tq] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 9rem;
    flex: 1 1 12rem;
}

.trabalhos-aprovacoes__extras-item-info > strong[b-ya3i86k4tq] {
    font-size: 0.82rem;
    color: var(--cor-texto);
}

.trabalhos-aprovacoes__extras-item-meta[b-ya3i86k4tq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem 0.8rem;
    margin-top: 0.1rem;
    font-size: 0.7rem;
    color: var(--cor-texto-secundario);
}

.trabalhos-aprovacoes__extras-tag[b-ya3i86k4tq] {
    display: inline-flex;
    align-items: center;
    gap: 0.18rem;
    padding: 0.02rem 0.34rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background: var(--cor-fundo-secundario, var(--cor-superficie-suave));
    font-weight: 600;
    letter-spacing: 0.02em;
}

.trabalhos-aprovacoes__extras-alerta[b-ya3i86k4tq] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    color: var(--cor-alerta, #d97706);
    font-weight: 600;
}

.trabalhos-aprovacoes__extras-item-numeros[b-ya3i86k4tq] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.7rem 1.9rem;
}

.trabalhos-aprovacoes__extras-campo[b-ya3i86k4tq] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
    min-width: 4.25rem;
    font-size: 0.8rem;
}

.trabalhos-aprovacoes__extras-campo > small[b-ya3i86k4tq] {
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--cor-texto-secundario);
}

.trabalhos-aprovacoes__extras-campo > strong[b-ya3i86k4tq] {
    font-size: 0.85rem;
    color: var(--cor-texto);
}

.trabalhos-aprovacoes__extras-campo--confirmar[b-ya3i86k4tq] {
    align-items: center;
    min-width: 0;
    cursor: pointer;
}

.trabalhos-aprovacoes__extras-campo-input[b-ya3i86k4tq] {
    width: 6rem;
    text-align: right;
}

.trabalhos-aprovacoes__extras-campo select[b-ya3i86k4tq] {
    min-width: 7rem;
}

.trabalhos-aprovacoes__extras-campo[b-ya3i86k4tq]  .selecao-padrao {
    min-width: 8.5rem;
}

.trabalhos-aprovacoes__extras-confirmar-grade[b-ya3i86k4tq] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
    margin: 0.75rem 0;
}

.trabalhos-aprovacoes__extras-confirmar-grade > span[b-ya3i86k4tq] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    font-size: 0.8rem;
    color: var(--cor-texto-secundario);
}

.trabalhos-aprovacoes__extras-confirmar-grade > span > strong[b-ya3i86k4tq] {
    font-size: 1rem;
    color: var(--cor-texto);
}

.trabalhos-aprovacoes__extras-confirmar-impacto[b-ya3i86k4tq] {
    margin: 0;
    font-size: 0.9rem;
}

@media (max-width: 900px) {
    .tabela-sistema--trabalhos-aprovacoes .tabela-sistema__cabecalho[b-ya3i86k4tq] {
        display: none;
    }

    .trabalhos-aprovacoes__celula-extras[b-ya3i86k4tq] {
        flex-wrap: wrap;
    }

    .trabalhos-aprovacoes__historico .barra-filtros[b-ya3i86k4tq] {
        flex-wrap: wrap;
    }

    .tabela-sistema--trabalhos-aprovacoes .tabela-sistema__linha[b-ya3i86k4tq],
    .tabela-sistema--trabalhos-aprovacoes.trabalhos-aprovacoes--com-lucro .tabela-sistema__linha[b-ya3i86k4tq] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
        min-width: 0;
        margin-bottom: 0.7rem;
        padding: 0;
        border: 1px solid var(--cor-borda);
        border-radius: var(--raio-base);
        background: var(--cor-superficie);
        overflow: hidden;
    }

    .trabalhos-aprovacoes__trabalho[b-ya3i86k4tq],
    .tabela-sistema--trabalhos-aprovacoes .tabela-sistema__linha > [data-rotulo][b-ya3i86k4tq],
    .trabalhos-aprovacoes__acoes[b-ya3i86k4tq],
    .trabalhos-aprovacoes__aprovador[b-ya3i86k4tq] {
        min-height: 2.7rem;
        padding: 0.5rem 0.65rem;
        border-bottom: 1px solid var(--cor-borda);
    }

    .trabalhos-aprovacoes__trabalho[b-ya3i86k4tq] {
        grid-column: 1 / -1;
        min-height: 3.5rem;
        background: var(--cor-superficie-suave);
    }

    .tabela-sistema--trabalhos-aprovacoes .tabela-sistema__linha > [data-rotulo][b-ya3i86k4tq] {
        display: grid;
        align-content: center;
        gap: 0.16rem;
        min-width: 0;
    }

    .tabela-sistema--trabalhos-aprovacoes .tabela-sistema__linha > [data-rotulo][b-ya3i86k4tq]::before {
        content: attr(data-rotulo);
        color: var(--cor-texto-secundario);
        font-size: 0.62rem;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }

    .tabela-sistema--trabalhos-aprovacoes .tabela-sistema__linha > [data-rotulo]:nth-child(even)[b-ya3i86k4tq] {
        border-right: 1px solid var(--cor-borda);
    }

    .tabela-sistema--trabalhos-aprovacoes .tabela-sistema__linha > .valor-profit[b-ya3i86k4tq] {
        grid-column: 1 / -1;
    }

    .trabalhos-aprovacoes__acoes[b-ya3i86k4tq] {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.45rem;
        border-bottom: 0;
    }

    .trabalhos-aprovacoes__acoes .botao-primario[b-ya3i86k4tq],
    .trabalhos-aprovacoes__acoes .botao-secundario[b-ya3i86k4tq] {
        width: 100%;
        min-width: 0;
    }

    .trabalhos-aprovacoes__acoes .botao-icone[b-ya3i86k4tq] {
        width: 100%;
        height: 2.6rem;
    }

    .trabalhos-aprovacoes__aprovador[b-ya3i86k4tq] {
        grid-column: 1 / -1;
        border-bottom: 0;
    }

    .trabalhos-aprovacoes__metricas[b-ya3i86k4tq] {
        grid-template-columns: 1fr;
    }

    .trabalhos-aprovacoes__extras-painel[b-ya3i86k4tq] {
        margin: 0.4rem 0 0.7rem;
        border-top: 1px solid var(--cor-borda);
        border-radius: var(--raio-base);
    }

    .trabalhos-aprovacoes__extras-item[b-ya3i86k4tq] {
        flex-direction: column;
        align-items: stretch;
    }

    .trabalhos-aprovacoes__extras-item-numeros[b-ya3i86k4tq] {
        justify-content: space-between;
    }
}
/* /Components/Paginas/TrocarSenhaObrigatoria.razor.rz.scp.css */
.trocar-senha[b-ogt3e4750p] {
    display: grid;
    place-items: center;
    width: 100%;
    min-height: 100dvh;
    padding: 1.5rem;
}

.trocar-senha__cartao[b-ogt3e4750p] {
    display: grid;
    gap: 1.4rem;
    width: min(28rem, 100%);
    padding: clamp(1.6rem, 4vw, 2.4rem);
    background: var(--cor-superficie, #ffffff);
    border: 1px solid var(--cor-borda, rgba(17, 37, 69, 0.1));
    border-radius: 8px;
    box-shadow: 0 24px 56px rgba(16, 24, 40, 0.13);
}

.trocar-senha__marca[b-ogt3e4750p] {
    display: flex;
    justify-content: center;
}

.trocar-senha__logo[b-ogt3e4750p] {
    width: clamp(9rem, 40vw, 11rem);
    height: auto;
    object-fit: contain;
}

.trocar-senha__cabecalho[b-ogt3e4750p] {
    display: grid;
    gap: 0.4rem;
    text-align: center;
}

.trocar-senha__cabecalho h1[b-ogt3e4750p] {
    margin: 0;
    font-family: var(--fonte-titulos);
    font-size: clamp(1.5rem, 1rem + 1.6vw, 2rem);
    line-height: 1.1;
    letter-spacing: -0.03em;
    color: var(--cor-texto, #112545);
}

.trocar-senha__cabecalho p[b-ogt3e4750p] {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.45;
    color: var(--cor-texto-suave, #66758b);
}

.trocar-senha__form[b-ogt3e4750p] {
    display: grid;
    gap: 1.1rem;
}

.trocar-senha__campo[b-ogt3e4750p] {
    display: grid;
    gap: 0.45rem;
}

.trocar-senha__campo label[b-ogt3e4750p] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--cor-texto, #1a2b47);
}

.trocar-senha__entrada[b-ogt3e4750p] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.65rem;
    min-height: 3.2rem;
    padding: 0 0.85rem;
    border: 1px solid var(--cor-borda, #dce3ed);
    border-radius: var(--raio-medio);
    background: var(--cor-fundo-secundario, #ffffff);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.trocar-senha__entrada:focus-within[b-ogt3e4750p] {
    border-color: var(--cor-primaria, rgba(16, 36, 67, 0.5));
    box-shadow: 0 0 0 0.2rem var(--cor-primaria-suave, rgba(16, 36, 67, 0.1));
}

.trocar-senha__entrada-icone[b-ogt3e4750p],
.trocar-senha__alternar-senha[b-ogt3e4750p] {
    display: inline-grid;
    place-items: center;
    color: var(--cor-texto-suave, #6f7d92);
}

.trocar-senha__alternar-senha[b-ogt3e4750p] {
    width: 1.3rem;
    height: 1.3rem;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
}

.trocar-senha__campo-input[b-ogt3e4750p] {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    color: var(--cor-texto, #17253d);
    font-size: 0.92rem;
    padding: 0;
}

.trocar-senha__campo-input[b-ogt3e4750p]::-ms-reveal,
.trocar-senha__campo-input[b-ogt3e4750p]::-ms-clear {
    display: none;
}

.trocar-senha__ajuda[b-ogt3e4750p] {
    font-size: 0.8rem;
    color: var(--cor-texto-suave, #90a0b4);
}

.trocar-senha__botao[b-ogt3e4750p] {
    width: 100%;
    min-height: 3.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    margin-top: 0.4rem;
    border: none;
    border-radius: var(--raio-medio);
    background: var(--cor-primaria, #0d2140);
    color: #ffffff;
    font-size: 0.98rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.2s ease, filter 0.2s ease;
}

.trocar-senha__botao:hover:not(:disabled)[b-ogt3e4750p] {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

.trocar-senha__botao:disabled[b-ogt3e4750p] {
    opacity: 0.65;
    cursor: progress;
}
/* /Components/Paginas/Usuarios.razor.rz.scp.css */
.grade-resumo[b-n5xmfg0rha] {
    display: grid;
    gap: var(--espacamento-4);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: var(--espacamento-5);
}

.cartao-resumo[b-n5xmfg0rha],
.painel[b-n5xmfg0rha] {
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.cartao-resumo[b-n5xmfg0rha],
.painel[b-n5xmfg0rha],
.tabela-sistema__linha[b-n5xmfg0rha],
.tag[b-n5xmfg0rha],
.item-selecao[b-n5xmfg0rha],
.campo-formulario__entrada[b-n5xmfg0rha] {
    border-radius: var(--raio-medio);
}

.cartao-resumo[b-n5xmfg0rha] {
    padding: var(--espacamento-5);
}

.cartao-resumo span[b-n5xmfg0rha],
.painel__cabecalho p[b-n5xmfg0rha],
.campo-formulario label[b-n5xmfg0rha],
.campo-formulario small[b-n5xmfg0rha] {
    color: var(--cor-texto-secundario);
}

.cartao-resumo strong[b-n5xmfg0rha] {
    font-size: 2rem;
}

.layout-pagina[b-n5xmfg0rha] {
    display: grid;
    gap: var(--espacamento-5);
}

.painel[b-n5xmfg0rha] {
    display: grid;
    gap: var(--espacamento-4);
    padding: var(--espacamento-5);
}

.painel__cabecalho[b-n5xmfg0rha] {
    display: grid;
    gap: var(--espacamento-4);
}

.painel__cabecalho h2[b-n5xmfg0rha] {
    margin: 0;
}

.painel__cabecalho p[b-n5xmfg0rha] {
    margin: 0.35rem 0 0;
}

.campo-formulario[b-n5xmfg0rha] {
    display: grid;
    gap: 0.45rem;
    align-content: start;
}

.formulario-usuario[b-n5xmfg0rha] {
    display: grid;
    gap: var(--espacamento-4);
}

.usuario-formulario-grade[b-n5xmfg0rha] {
    display: grid;
    grid-template-columns: minmax(0, 42%) minmax(0, 1fr);
    gap: 1.5rem;
    align-items: start;
}

.usuario-formulario-coluna-principal[b-n5xmfg0rha] {
    display: grid;
    gap: 1.1rem;
    min-width: 0;
}

.usuario-formulario-coluna-abas[b-n5xmfg0rha] {
    min-width: 0;
    border-left: 1px solid var(--cor-borda);
    padding-left: 1.5rem;
}

/* Cartão de identidade: foto + nome/cargo em tempo real, no topo da coluna de dados. */
.usuario-perfil[b-n5xmfg0rha] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: linear-gradient(135deg, var(--cor-primaria-suave), transparent 75%), var(--cor-superficie-suave);
}

.usuario-perfil__avatar[b-n5xmfg0rha] {
    flex: 0 0 auto;
    box-shadow: 0 0 0 3px var(--cor-superficie), 0 0 0 4px var(--cor-borda-forte);
}

.usuario-perfil__texto[b-n5xmfg0rha] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.usuario-perfil__nome[b-n5xmfg0rha] {
    font-size: 1.05rem;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.usuario-perfil__detalhe[b-n5xmfg0rha] {
    color: var(--cor-texto-secundario);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.usuario-perfil .formulario-usuario__foto-acoes[b-n5xmfg0rha] {
    margin-top: 0.5rem;
    gap: var(--espacamento-2);
}

.usuario-perfil__botao[b-n5xmfg0rha] {
    min-height: 2rem;
    padding: 0.3rem 0.7rem;
    font-size: 0.8rem;
    gap: 0.4rem;
}

.usuario-secao[b-n5xmfg0rha] {
    display: grid;
    gap: 0.85rem;
}

.usuario-secao__titulo[b-n5xmfg0rha] {
    margin: 0;
    padding-bottom: 0.45rem;
    border-bottom: 1px solid var(--cor-borda);
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.usuario-secao__ajuda[b-n5xmfg0rha] {
    margin: 0 0 0.75rem;
    color: var(--cor-texto-secundario);
    font-size: 0.82rem;
}

.campo-obrigatorio[b-n5xmfg0rha] {
    color: var(--cor-erro);
    font-weight: 700;
}

.campo-opcional[b-n5xmfg0rha] {
    margin-left: 0.3rem;
    padding: 0.05rem 0.45rem;
    border-radius: 999px;
    background: var(--cor-superficie-suave);
    border: 1px solid var(--cor-borda);
    color: var(--cor-texto-suave);
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.usuario-busca-grupos[b-n5xmfg0rha] {
    position: relative;
    margin-bottom: 0.75rem;
}

.usuario-busca-grupos[b-n5xmfg0rha]  .icone-sistema {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--cor-texto-suave);
    pointer-events: none;
}

.usuario-busca-grupos .campo-formulario__entrada[b-n5xmfg0rha] {
    padding-left: 2.2rem;
}

.usuario-lista-grupos[b-n5xmfg0rha] {
    max-height: 22rem;
    overflow-y: auto;
    padding-right: 0.25rem;
    gap: var(--espacamento-2);
}

.usuario-formulario-coluna-abas .item-selecao[b-n5xmfg0rha] {
    padding: 0.65rem 0.8rem;
    cursor: pointer;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.usuario-formulario-coluna-abas .item-selecao:hover[b-n5xmfg0rha] {
    border-color: var(--cor-borda-forte);
}

.usuario-formulario-coluna-abas .item-selecao:has(input:checked)[b-n5xmfg0rha] {
    border-color: var(--cor-navegacao-ativa-borda);
    background: var(--cor-primaria-suave);
}

.usuario-formulario-coluna-abas .item-selecao strong[b-n5xmfg0rha] {
    font-size: 0.85rem;
    font-weight: 600;
}

.usuario-formulario-coluna-abas .item-selecao small[b-n5xmfg0rha] {
    font-size: 0.75rem;
}

.usuario-campo-senha[b-n5xmfg0rha] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
}

@media (max-width: 760px) {
    .usuario-formulario-grade[b-n5xmfg0rha] {
        grid-template-columns: 1fr;
    }

    .usuario-formulario-coluna-abas[b-n5xmfg0rha] {
        border-left: none;
        padding-left: 0;
        padding-top: 1.1rem;
        border-top: 1px solid var(--cor-borda);
    }

    .usuario-lista-grupos[b-n5xmfg0rha] {
        max-height: none;
    }
}

.formulario-usuario__foto-acoes[b-n5xmfg0rha] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    flex-wrap: wrap;
}
.grade-campos[b-n5xmfg0rha] {
    display: grid;
    gap: var(--espacamento-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grade-selecao[b-n5xmfg0rha] {
    display: grid;
    gap: var(--espacamento-3);
}

.item-selecao[b-n5xmfg0rha] {
    display: flex;
    align-items: flex-start;
    gap: var(--espacamento-3);
    padding: var(--espacamento-3);
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie);
}

.item-selecao span[b-n5xmfg0rha] {
    display: grid;
    gap: 0.15rem;
}

.item-selecao--compacto[b-n5xmfg0rha] {
    align-items: center;
}

.item-selecao .checkbox-sistema[b-n5xmfg0rha] {
    margin-top: 0.15rem;
}

.item-selecao--compacto .checkbox-sistema[b-n5xmfg0rha] {
    margin-top: 0;
}

.botao-secundario--perigo[b-n5xmfg0rha] {
    border-color: rgba(223, 135, 148, 0.28);
    color: var(--cor-erro);
}

.botao-secundario--perigo:hover[b-n5xmfg0rha] {
    background: color-mix(in srgb, var(--cor-erro) 10%, var(--cor-superficie));
}

.linha-acoes[b-n5xmfg0rha] {
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
    align-items: center;
}

.linha-acoes--compacta[b-n5xmfg0rha] {
    gap: var(--espacamento-3);
}

/* Reserva o espaco do botao de bloqueio quando ele nao e exibido (usuario atual),
   mantendo o botao de editar alinhado com o das demais linhas. */
.linha-acoes__espaco[b-n5xmfg0rha] {
    visibility: hidden;
    pointer-events: none;
}

.tabela-sistema[b-n5xmfg0rha] {
    display: grid;
    gap: var(--espacamento-2);
}

.tabela-sistema__cabecalho[b-n5xmfg0rha],
.tabela-sistema__linha[b-n5xmfg0rha] {
    display: grid;
    grid-template-columns: 2.2fr 1.5fr 1fr 1fr 1.2fr;
    gap: var(--espacamento-3);
    align-items: center;
}

.tabela-sistema__cabecalho[b-n5xmfg0rha] {
    padding: 0 var(--espacamento-3);
    color: var(--cor-texto-secundario);
    font-size: 0.85rem;
}

.tabela-sistema__linha[b-n5xmfg0rha] {
    padding: var(--espacamento-3);
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie);
}

.tabela-sistema__linha.selecionada[b-n5xmfg0rha] {
    border-color: rgba(36, 91, 157, 0.22);
    background: var(--cor-primaria-suave);
}

.linha-selecao[b-n5xmfg0rha] {
    border: none;
    background: transparent;
    color: inherit;
    text-align: left;
    display: grid;
    gap: 0.15rem;
    padding: 0;
}

.linha-selecao--com-avatar[b-n5xmfg0rha] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
}

.linha-selecao--com-avatar span[b-n5xmfg0rha] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.colecao-tags[b-n5xmfg0rha] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espacamento-2);
}

.tag[b-n5xmfg0rha] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.65rem;
    background: var(--cor-superficie-suave);
    border: 1px solid var(--cor-borda);
    font-size: 0.85rem;
}

.tabela-sistema__cabecalho[b-n5xmfg0rha],
.tabela-sistema__linha[b-n5xmfg0rha] {
    grid-template-columns: 2.2fr 1.5fr 0.9fr 1.1fr 1.2fr 1fr 1.2fr auto;
}

.presenca-usuario[b-n5xmfg0rha] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    width: fit-content;
    font-size: 0.8rem;
    font-weight: 600;
}

.presenca-usuario__indicador[b-n5xmfg0rha] {
    width: 0.55rem;
    height: 0.55rem;
    flex: 0 0 auto;
    border-radius: 999px;
}

.presenca-usuario.online[b-n5xmfg0rha] {
    color: var(--cor-sucesso);
}

.presenca-usuario.online .presenca-usuario__indicador[b-n5xmfg0rha] {
    background: var(--cor-sucesso);
}

.presenca-usuario.ausente[b-n5xmfg0rha] {
    color: var(--cor-alerta);
}

.presenca-usuario.ausente .presenca-usuario__indicador[b-n5xmfg0rha] {
    background: var(--cor-alerta);
}

.presenca-usuario.offline[b-n5xmfg0rha] {
    color: var(--cor-texto-secundario);
}

.presenca-usuario.offline .presenca-usuario__indicador[b-n5xmfg0rha] {
    background: var(--cor-texto-suave);
}

.presenca-usuario.em-chamada[b-n5xmfg0rha] {
    color: var(--cor-erro);
}

.presenca-usuario.em-chamada .presenca-usuario__indicador[b-n5xmfg0rha] {
    background: var(--cor-erro);
    animation: presenca-em-chamada-pulso-b-n5xmfg0rha 1.4s ease-in-out infinite;
}

@keyframes presenca-em-chamada-pulso-b-n5xmfg0rha {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.35; }
}

@media (max-width: 760px) {
    .grade-resumo[b-n5xmfg0rha],
    .grade-campos[b-n5xmfg0rha],
    .tabela-sistema__cabecalho[b-n5xmfg0rha],
    .tabela-sistema__linha[b-n5xmfg0rha] {
        grid-template-columns: 1fr;
    }

    .linha-acoes[b-n5xmfg0rha] {
        grid-auto-flow: row;
    }
}
/* /Components/Paginas/WhatsappConversas.razor.rz.scp.css */
/* =============================================================
   Módulo de Chats — 3 colunas (lista · conversa · informações)
   num único cartão, no estilo de um messenger.
   ============================================================= */

.wpp[b-xmdkha7ryn] {
    position: relative;
    display: grid;
    grid-template-columns: 22rem minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    height: 100%;
    min-height: 24rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-grande);
    background: var(--cor-superficie);
    box-shadow: var(--sombra-cartao);
    overflow: hidden;
}

/* Aviso central enquanto a sincronização de histórico roda em 2º plano.
   Não bloqueia a tela (pointer-events:none) — a lista continua atualizando por trás. */
.wpp__sincronizando[b-xmdkha7ryn] {
    position: absolute;
    inset: 0;
    z-index: 40;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    background: color-mix(in srgb, var(--cor-superficie) 55%, transparent);
    backdrop-filter: blur(1px);
}

.wpp__sincronizando-cartao[b-xmdkha7ryn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .55rem;
    width: min(320px, 80%);
    padding: 1.3rem 1.5rem;
    border-radius: 14px;
    text-align: center;
    background: var(--cor-superficie, #fff);
    border: 1px solid var(--cor-borda, #e4e7ec);
    box-shadow: 0 18px 44px rgba(16, 24, 40, .22);
}
.wpp__sincronizando-cartao strong[b-xmdkha7ryn] { font-size: .95rem; }

.wpp__sincronizando-spinner[b-xmdkha7ryn] {
    display: inline-flex;
    color: #128c3e;
}
.wpp__sincronizando-spinner[b-xmdkha7ryn]  svg { animation: wpp-sincronizando-girar-b-xmdkha7ryn 1.1s linear infinite; }

@keyframes wpp-sincronizando-girar-b-xmdkha7ryn {
    to { transform: rotate(360deg); }
}

.wpp__sincronizando-barra[b-xmdkha7ryn] {
    width: 100%;
    height: 7px;
    border-radius: 999px;
    background: var(--cor-borda, #e4e7ec);
    overflow: hidden;
}
.wpp__sincronizando-barra > span[b-xmdkha7ryn] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #25d366;
    transition: width .3s ease;
}

.wpp__sincronizando-detalhe[b-xmdkha7ryn] { font-size: .78rem; color: var(--cor-texto-secundario, #667085); }

.wpp--com-painel[b-xmdkha7ryn] {
    grid-template-columns: 22rem minmax(0, 1fr) 23rem;
}

/* Botão de ícone genérico usado no cabeçalho, composer e menus. */
.wpp__icone-btn[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--cor-texto-secundario);
    cursor: pointer;
    transition: background-color var(--transicao-rapida), color var(--transicao-rapida);
}

.wpp__icone-btn:hover[b-xmdkha7ryn] {
    background: var(--cor-superficie-suave);
    color: var(--cor-texto);
}

/* ========================= Coluna: lista ========================= */
.wpp__lista[b-xmdkha7ryn] {
    position: relative;
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--cor-borda);
    background: var(--cor-superficie);
    min-height: 0;
    /* Sem min-width:0 aqui (item de grid/flex), uma mensagem longa sem quebra de linha em
       QUALQUER item da lista (ex.: texto de promoção/link) empurrava esta coluna - e com ela
       a lista, o cabeçalho e a página inteira - para muito além da viewport no mobile. Ver
       .wpp__lista-itens e .wpp__item-wrap abaixo, mesma causa em cada nível flex. */
    min-width: 0;
}

.wpp__lista-cabecalho[b-xmdkha7ryn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--espacamento-2);
    padding: var(--espacamento-4) var(--espacamento-4) var(--espacamento-3);
}

.wpp__lista-titulo-wrap[b-xmdkha7ryn] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.wpp__lista-titulo-linha[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
}

.wpp__lista-titulo-linha--numero[b-xmdkha7ryn] {
    min-width: 0;
}

.wpp__lista-cabecalho h2[b-xmdkha7ryn] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.wpp__numero-nome[b-xmdkha7ryn] {
    flex: 1 1 0;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wpp__numero-avatar[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    background: var(--cor-fundo-suave, #e9edf1);
    color: var(--cor-texto-fraco, #667085);
}

.wpp__numero-avatar img[b-xmdkha7ryn] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wpp__lista-titulo-linha--numero .selecao-padrao[b-xmdkha7ryn] {
    min-width: 0;
}

.wpp__lista-titulo-linha--numero .selecao-padrao__gatilho[b-xmdkha7ryn] {
    padding: 0;
    border: none;
    background: transparent;
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.wpp__cabecalho-acoes[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-1);
    margin-left: auto;
}

/* Os botões (contatos / novo) nunca quebram de linha nem encolhem: quem cede espaço é o nome do número. */
.wpp__lista-cabecalho .wpp__cabecalho-acoes[b-xmdkha7ryn] {
    flex: 0 0 auto;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: var(--espacamento-1);
}

.wpp__lista-cabecalho .wpp__lista-titulo-wrap[b-xmdkha7ryn] {
    flex: 1 1 0;
}

.wpp__lista-titulo-linha--numero .selecao-padrao[b-xmdkha7ryn] {
    flex: 1 1 0;
    width: auto;
}

.wpp__novo-wrap[b-xmdkha7ryn] {
    position: relative;
}

.wpp__menu-novo[b-xmdkha7ryn],
.wpp__menu-anexar[b-xmdkha7ryn],
.wpp__menu-contexto[b-xmdkha7ryn],
.wpp__menu-lista[b-xmdkha7ryn],
.wpp__menu-conversa[b-xmdkha7ryn],
.wpp__menu-mensagem[b-xmdkha7ryn] {
    min-width: 12.5rem;
    padding: var(--espacamento-1);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
    border: 1px solid var(--cor-borda);
    box-shadow: var(--sombra-cartao);
    animation: chats-menu-surge-b-xmdkha7ryn 120ms ease;
}

.wpp__menu-novo[b-xmdkha7ryn] {
    position: absolute;
    top: calc(100% + 0.4rem);
    right: 0;
    z-index: 41;
}

@keyframes chats-menu-surge-b-xmdkha7ryn {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

.wpp__menu-novo button[b-xmdkha7ryn],
.wpp__menu-anexar-item[b-xmdkha7ryn],
.wpp__menu-contexto button[b-xmdkha7ryn],
.wpp__menu-lista button[b-xmdkha7ryn],
.wpp__menu-conversa button[b-xmdkha7ryn],
.wpp__menu-mensagem button[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    width: 100%;
    padding: var(--espacamento-2) var(--espacamento-3);
    border: none;
    border-radius: var(--raio-pequeno);
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.85rem;
    text-align: left;
    cursor: pointer;
    transition: background-color var(--transicao-rapida);
}

.wpp__menu-novo button:hover[b-xmdkha7ryn],
.wpp__menu-anexar-item:hover[b-xmdkha7ryn],
.wpp__menu-contexto button:hover[b-xmdkha7ryn],
.wpp__menu-lista button:hover[b-xmdkha7ryn],
.wpp__menu-conversa button:hover[b-xmdkha7ryn],
.wpp__menu-mensagem button:hover[b-xmdkha7ryn] {
    background: var(--cor-superficie-suave);
}

.wpp__menu-mensagem-perigo[b-xmdkha7ryn] {
    color: var(--cor-erro);
}

/* Barra de busca + filtro */
.wpp__lista-ferramentas[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    padding: 0 var(--espacamento-4) var(--espacamento-3);
}

.wpp__busca[b-xmdkha7ryn] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    padding: 0 var(--espacamento-3);
    height: 2.5rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background: var(--cor-fundo-secundario);
    color: var(--cor-texto-suave);
    transition: border-color var(--transicao-rapida), box-shadow var(--transicao-rapida);
}

.wpp__busca:focus-within[b-xmdkha7ryn] {
    border-color: var(--cor-primaria);
    box-shadow: 0 0 0 3px var(--cor-primaria-suave);
    color: var(--cor-texto-secundario);
}

.wpp__busca input[b-xmdkha7ryn] {
    flex: 1;
    min-width: 0;
    border: none;
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    outline: none;
}

.wpp__lista-ferramentas .wpp__icone-btn[b-xmdkha7ryn] {
    flex: 0 0 auto;
    border: 1px solid var(--cor-borda);
}

/* Abas (Todas / Não lidas / Grupos / Favoritas) */
.wpp__abas[b-xmdkha7ryn] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    min-width: 0;
    gap: 0.25rem;
    padding: 0 var(--espacamento-4) var(--espacamento-3);
}

/* Chips adaptáveis: dividem o espaço que sobra ao lado da setinha das categorias e, quando a lista
   está estreita, encolhem (texto com reticências) em vez de empurrar a setinha para fora ou para a
   linha de baixo. A setinha nunca encolhe nem sai da linha. */
.wpp__abas-chips[b-xmdkha7ryn] {
    display: flex;
    gap: 0.25rem;
    flex: 1 1 0;
    min-width: 0;
    overflow: hidden;
}

.wpp__abas-chips .wpp__aba[b-xmdkha7ryn] {
    flex: 0 1 auto;
    min-width: 0;
    padding: 0.22rem 0.5rem;
}

.wpp__abas-chips .wpp__aba > span:first-child[b-xmdkha7ryn] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wpp__abas-chips .wpp__aba-badge[b-xmdkha7ryn] {
    flex: 0 0 auto;
}

.wpp__abas-chevron-wrap[b-xmdkha7ryn] {
    flex: 0 0 auto;
}

/* Botão da setinha compacto (sem categoria escolhida): mesma altura dos chips. */
.wpp__abas-chevron-wrap .wpp__abas-chevron.wpp__icone-btn[b-xmdkha7ryn] {
    width: 1.9rem;
    height: 1.9rem;
}

.wpp__aba[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    flex: 0 0 auto;
    padding: 0.25rem 0.6rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background: transparent;
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color var(--transicao-rapida), color var(--transicao-rapida), border-color var(--transicao-rapida);
}

.wpp__aba:hover[b-xmdkha7ryn] {
    color: var(--cor-texto);
    border-color: var(--cor-borda-forte);
}

.wpp__aba.ativa[b-xmdkha7ryn] {
    background: var(--cor-primaria);
    border-color: var(--cor-primaria);
    color: #fff;
}

.wpp__aba-badge[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.15rem;
    height: 1.15rem;
    padding: 0 0.3rem;
    border-radius: 999px;
    background: var(--cor-primaria);
    color: #fff;
    font-size: 0.66rem;
    font-weight: 700;
}

.wpp__aba.ativa .wpp__aba-badge[b-xmdkha7ryn] {
    background: rgba(255, 255, 255, 0.28);
}

/* ---- Linha de abas + categorias (etiquetas) ---- */
.wpp__abas-linha[b-xmdkha7ryn] {
    display: flex;
    align-items: flex-start;
    gap: var(--espacamento-1);
    padding: 0 var(--espacamento-4) var(--espacamento-3);
}

.wpp__abas-linha .wpp__abas[b-xmdkha7ryn] {
    flex: 1;
    min-width: 0;
    padding: 0;
}

.wpp__abas-chevron[b-xmdkha7ryn] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    transition: background-color var(--transicao-rapida), color var(--transicao-rapida), border-color var(--transicao-rapida);
}

.wpp__abas-chevron.ativo[b-xmdkha7ryn] {
    gap: 0.35rem;
    height: auto;
    padding: 0.25rem 0.55rem 0.25rem 0.65rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background: var(--cor-superficie-suave);
    color: var(--cor-texto);
}

.wpp__abas-chevron.ativo:hover[b-xmdkha7ryn] {
    border-color: var(--cor-borda-forte);
}

/* O gatilho de categorias agora fica dentro da fileira de abas, logo após "Todas"
   (não mais colado na borda direita) — o menu suspenso abre para a direita dele. */
.wpp__abas-chevron-wrap .wpp__menu-categorias[b-xmdkha7ryn] {
    left: 0;
    right: auto;
}

.wpp__abas-chevron-nome[b-xmdkha7ryn] {
    max-width: 8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.72rem;
    font-weight: 500;
}

.wpp__menu-categorias[b-xmdkha7ryn] {
    position: absolute;
    top: calc(100% + 0.4rem);
    right: 0;
    z-index: 41;
    min-width: 15rem;
    max-height: 60vh;
    overflow-y: auto;
    padding: var(--espacamento-1);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
    border: 1px solid var(--cor-borda);
    box-shadow: var(--sombra-cartao);
}

.wpp__menu-categorias > button[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    width: 100%;
    padding: var(--espacamento-2) var(--espacamento-3);
    border: none;
    border-radius: var(--raio-pequeno);
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.85rem;
    text-align: left;
    cursor: pointer;
    transition: background-color var(--transicao-rapida);
}

.wpp__menu-categorias > button:hover[b-xmdkha7ryn] {
    background: var(--cor-superficie-suave);
}

.wpp__menu-divisoria[b-xmdkha7ryn] {
    height: 1px;
    margin: var(--espacamento-1) 0;
    background: var(--cor-borda);
}

.wpp__menu-vazio[b-xmdkha7ryn] {
    margin: 0;
    padding: var(--espacamento-2) var(--espacamento-3);
    font-size: 0.8rem;
    color: var(--cor-texto-secundario);
}

.wpp__menu-categorias-item[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    border-radius: var(--raio-pequeno);
}

.wpp__menu-categorias-item:hover[b-xmdkha7ryn] {
    background: var(--cor-superficie-suave);
}

.wpp__menu-categorias-item.ativo[b-xmdkha7ryn] {
    background: color-mix(in srgb, var(--cor-primaria) 14%, transparent);
}

.wpp__menu-categorias-sel[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    flex: 1;
    min-width: 0;
    padding: var(--espacamento-2) var(--espacamento-3);
    border: none;
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.85rem;
    text-align: left;
    cursor: pointer;
}

.wpp__menu-categorias-nome[b-xmdkha7ryn] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wpp__cat-contagem[b-xmdkha7ryn] {
    flex: 0 0 auto;
    min-width: 1.1rem;
    padding: 0 0.3rem;
    border-radius: 999px;
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
    font-size: 0.68rem;
    font-weight: 700;
    text-align: center;
}

.wpp__cat-editar[b-xmdkha7ryn] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.5rem;
    border: none;
    background: transparent;
    color: var(--cor-texto-secundario);
    cursor: pointer;
    opacity: 0;
    transition: opacity var(--transicao-rapida), color var(--transicao-rapida);
}

.wpp__menu-categorias-item:hover .wpp__cat-editar[b-xmdkha7ryn] {
    opacity: 1;
}

.wpp__cat-editar:hover[b-xmdkha7ryn] {
    color: var(--cor-primaria);
}

.wpp__cat-dot[b-xmdkha7ryn] {
    flex: 0 0 auto;
    width: 10px;
    height: 10px;
    border-radius: 999px;
}

.wpp__filtro-categoria[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0 var(--espacamento-4) var(--espacamento-3);
    padding: 0.25rem 0.55rem;
    border-radius: 999px;
    background: var(--cor-superficie-suave);
    font-size: 0.78rem;
    color: var(--cor-texto);
}

.wpp__filtro-categoria button[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--cor-texto-secundario);
    cursor: pointer;
}

.wpp__filtro-categoria button:hover[b-xmdkha7ryn] {
    color: var(--cor-erro);
}

/* tags (categorias + atendimento) numa linha própria, abaixo da prévia da conversa */
.wpp__item-tags[b-xmdkha7ryn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem;
    min-width: 0;
}

.wpp__item-tags .wpp__tag-atendimento[b-xmdkha7ryn] {
    margin-right: 0;
}

.wpp__item-cat-tag[b-xmdkha7ryn] {
    --cor-cat: var(--cor-primaria);
    flex: 0 1 auto;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0.05rem 0.45rem;
    border: 1px solid color-mix(in srgb, var(--cor-cat) 55%, transparent);
    border-radius: 4px;
    background: color-mix(in srgb, var(--cor-cat) 18%, transparent);
    color: color-mix(in srgb, var(--cor-cat) 80%, var(--cor-texto));
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

/* submenu de categorias no menu de contexto */
.wpp__menu-contexto-cats[b-xmdkha7ryn] {
    margin-top: 2px;
    padding-top: 2px;
}

.wpp__menu-cat-toggle[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    width: 100%;
    padding: var(--espacamento-2) var(--espacamento-3);
    border: none;
    border-radius: var(--raio-pequeno);
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.82rem;
    text-align: left;
    cursor: pointer;
}

.wpp__menu-cat-toggle:hover[b-xmdkha7ryn] {
    background: var(--cor-superficie-suave);
}

.wpp__menu-cat-check[b-xmdkha7ryn] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    border: 1px solid var(--cor-borda-forte);
    border-radius: 4px;
    color: #fff;
}

.wpp__menu-cat-toggle.marcada .wpp__menu-cat-check[b-xmdkha7ryn] {
    background: var(--cor-primaria);
    border-color: var(--cor-primaria);
}

/* paleta de cores do modal */
.wpp__cat-paleta[b-xmdkha7ryn] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.wpp__cat-swatch[b-xmdkha7ryn] {
    width: 26px;
    height: 26px;
    border-radius: 999px;
    border: 2px solid transparent;
    cursor: pointer;
    padding: 0;
}

.wpp__cat-swatch.ativo[b-xmdkha7ryn] {
    border-color: var(--cor-texto);
    box-shadow: 0 0 0 2px var(--cor-superficie);
}

.wpp__cat-swatch-input[b-xmdkha7ryn] {
    width: 26px;
    height: 26px;
    padding: 0;
    border: 1px dashed var(--cor-borda-forte);
    border-radius: 999px;
    background: transparent;
    cursor: pointer;
}

.wpp__acoes-espaco[b-xmdkha7ryn] {
    flex: 1;
}

.wpp__estado[b-xmdkha7ryn] {
    padding: var(--espacamento-5);
    color: var(--cor-texto-secundario);
    text-align: center;
    font-size: 0.875rem;
}

/* Ocupa o espaço restante e centraliza o estado vazio (sem "esmagar"). */
.wpp__lista-vazia[b-xmdkha7ryn] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: var(--espacamento-6) var(--espacamento-5);
}

.wpp__lista-vazia[b-xmdkha7ryn]  .estado-vazio {
    justify-items: center;
    text-align: center;
    padding: 0;
}

/* Lista de conversas */
.wpp__lista-itens[b-xmdkha7ryn] {
    list-style: none;
    margin: 0;
    padding: 0 var(--espacamento-2) var(--espacamento-2);
    overflow-y: auto;
    overscroll-behavior: contain;
    flex: 1;
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.wpp__item-wrap[b-xmdkha7ryn] {
    min-width: 0;
}

.wpp__item[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    width: 100%;
    padding: var(--espacamento-2) var(--espacamento-3);
    border: none;
    border-radius: var(--raio-medio);
    background: transparent;
    text-align: left;
    cursor: pointer;
    color: var(--cor-texto);
    transition: background-color var(--transicao-rapida);
}

.wpp__item:hover[b-xmdkha7ryn] {
    background: var(--cor-superficie-suave);
}

.wpp__item:focus-visible[b-xmdkha7ryn] {
    outline: 2px solid var(--cor-primaria);
    outline-offset: -2px;
}

.wpp__item--ativa[b-xmdkha7ryn],
.wpp__item--ativa:hover[b-xmdkha7ryn] {
    background: var(--cor-primaria-suave);
    box-shadow: inset 3px 0 0 var(--cor-primaria);
}

.wpp__item-avatar[b-xmdkha7ryn] {
    position: relative;
    flex: 0 0 auto;
    line-height: 0;
}

.wpp__ponto-status[b-xmdkha7ryn] {
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 999px;
    border: 2px solid var(--cor-superficie);
    background: var(--cor-texto-suave);
}

.wpp__item--ativa .wpp__ponto-status[b-xmdkha7ryn] {
    border-color: var(--cor-fundo-secundario);
}

.wpp__ponto-status--online[b-xmdkha7ryn] {
    background: var(--cor-sucesso);
}

.wpp__ponto-status--ausente[b-xmdkha7ryn] {
    background: var(--cor-alerta);
}

.wpp__ponto-status--offline[b-xmdkha7ryn] {
    background: var(--cor-texto-suave);
}

.wpp__item-texto[b-xmdkha7ryn] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    flex: 1;
}

.wpp__item-linha[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-2);
    min-width: 0;
}

.wpp__item-linha strong[b-xmdkha7ryn] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    font-size: 0.9rem;
}

.wpp__item-hora[b-xmdkha7ryn] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.7rem;
    color: var(--cor-texto-suave);
}

.wpp__item-menu[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 0;
    height: 1.35rem;
    margin-left: -0.25rem;
    padding: 0;
    overflow: hidden;
    border: none;
    border-radius: var(--raio-pequeno);
    background: transparent;
    color: var(--cor-texto-secundario);
    cursor: pointer;
    opacity: 0;
    transform: translateX(0.3rem);
    transition: width 180ms ease, margin-left 180ms ease, opacity 150ms ease, transform 180ms ease, background-color var(--transicao-rapida), color var(--transicao-rapida);
}

.wpp__item:hover .wpp__item-menu[b-xmdkha7ryn],
.wpp__item-menu:focus-visible[b-xmdkha7ryn] {
    width: 1.35rem;
    margin-left: 0;
    opacity: 1;
    transform: translateX(0);
}

.wpp__item-menu:hover[b-xmdkha7ryn] {
    background: var(--cor-superficie-elevada);
    color: var(--cor-texto);
}

.wpp__item-previa[b-xmdkha7ryn] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* Item de flex sem min-width:0 usa o tamanho mínimo do conteúdo (auto) como piso -
       com uma mensagem longa sem quebra de linha (ex.: link de promoção), isso forçava a
       linha, a lista e a página inteira a ficarem largas demais, com scroll horizontal em
       todo o layout no mobile. */
    min-width: 0;
    font-size: 0.82rem;
    color: var(--cor-texto-secundario);
}

/* "Nome:" de quem mandou a última mensagem do grupo, antes da prévia. */
.wpp__item-remetente[b-xmdkha7ryn] {
    font-weight: 600;
    color: var(--cor-texto);
    margin-right: 0.3rem;
}

.wpp__item-digitando[b-xmdkha7ryn] {
    color: var(--cor-primaria);
    font-weight: 500;
}

.wpp__item-recibo[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    vertical-align: -0.2em;
    margin-right: 0.15rem;
    color: var(--cor-texto-secundario);
}

.wpp__item-recibo--lida[b-xmdkha7ryn] {
    color: #34b7f1;
}

.wpp__badge[b-xmdkha7ryn] {
    flex: 0 0 auto;
    min-width: 1.2rem;
    height: 1.2rem;
    padding: 0 0.4rem;
    border-radius: 999px;
    background: var(--cor-primaria);
    color: #fff;
    font-size: 0.68rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Bolinha da conversa marcada como não lida manualmente (sem contagem real) — mesmo estilo
   do badge de não lidas, só que sem número, igual ao ponto do WhatsApp original. */
.wpp__badge--ponto[b-xmdkha7ryn] {
    min-width: 0.6rem;
    width: 0.6rem;
    height: 0.6rem;
    padding: 0;
}

/* Overlay que fecha popovers ao clicar fora. */
.wpp__fechar-flutuantes[b-xmdkha7ryn] {
    position: absolute;
    inset: 0;
    z-index: 4;
}

.wpp__fechar-flutuantes--fixo[b-xmdkha7ryn] {
    position: fixed;
    z-index: 38;
}

/* Menu de contexto (botão direito numa conversa). */
.wpp__menu-contexto[b-xmdkha7ryn] {
    position: fixed;
    z-index: 50;
}

/* ========================= Coluna: conversa ========================= */
.wpp__conversa[b-xmdkha7ryn] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    background: var(--cor-fundo);
}

.wpp__conversa-vazia[b-xmdkha7ryn] {
    margin: auto;
    padding: var(--espacamento-7);
    text-align: center;
}

.wpp__cabecalho-conversa[b-xmdkha7ryn] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: var(--espacamento-4);
    padding: var(--espacamento-2) var(--espacamento-4);
    border-bottom: 1px solid var(--cor-borda);
    background: var(--cor-superficie);
    /* Acima da cortina que fecha popovers (.wpp__fechar-flutuantes, z-index 4): sem isso o menu dos
       três pontinhos (que vive dentro do cabeçalho) ficava por baixo dela e nenhuma opção clicava. */
    position: relative;
    z-index: 5;
}

.wpp__voltar[b-xmdkha7ryn] {
    display: inline-flex;
    flex: none;
}

.wpp__cabecalho-identidade[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    flex: 1;
    min-width: 0;
    padding: var(--espacamento-1) var(--espacamento-2);
    margin-left: calc(var(--espacamento-2) * -1);
    border: none;
    border-radius: var(--raio-medio);
    background: transparent;
    text-align: left;
    color: var(--cor-texto);
    cursor: pointer;
    transition: background-color var(--transicao-rapida);
}

.wpp__cabecalho-identidade:hover[b-xmdkha7ryn] {
    background: var(--cor-superficie-suave);
}

.wpp__cabecalho-info[b-xmdkha7ryn] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.wpp__cabecalho-titulo-linha[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    min-width: 0;
}

/* Tag Cliente/Parceiro ao lado do nome (cores vêm de .wpp__contato-vinculo--cliente/--parceiro). */
.wpp__cabecalho-tag[b-xmdkha7ryn] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 600;
    line-height: 1.3;
}

.wpp__cabecalho-info strong[b-xmdkha7ryn] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.95rem;
    font-weight: 600;
}

.wpp__cabecalho-membros[b-xmdkha7ryn],
.wpp__cabecalho-digitando[b-xmdkha7ryn],
.wpp__cabecalho-status[b-xmdkha7ryn] {
    font-size: 0.78rem;
    color: var(--cor-texto-secundario);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 32rem;
}

.wpp__cabecalho-digitando[b-xmdkha7ryn] {
    color: var(--cor-primaria);
    font-weight: 500;
}

.wpp__cabecalho-status[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.wpp__cabecalho-status .wpp__ponto-status[b-xmdkha7ryn] {
    position: static;
    width: 0.55rem;
    height: 0.55rem;
    border: none;
}

.wpp__cabecalho-status--online[b-xmdkha7ryn] {
    color: var(--cor-sucesso);
}

.wpp__cabecalho-status--ausente[b-xmdkha7ryn] {
    color: var(--cor-alerta);
}

.wpp__cabecalho-status--presenca[b-xmdkha7ryn] {
    color: var(--cor-primaria);
    font-weight: 500;
}

.wpp__cabecalho-acoes[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem 0.75rem;
    flex: 0 1 auto;
}

.wpp__cabecalho-menu-wrap[b-xmdkha7ryn] {
    position: relative;
}

.wpp__menu-conversa[b-xmdkha7ryn] {
    position: absolute;
    top: calc(100% + 0.35rem);
    right: 0;
    z-index: 9;
}

/* ---------- Mensagens ---------- */
.wpp__mensagens[b-xmdkha7ryn] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    /* .wpp__mensagem sangra pelo padding horizontal via margem negativa (faixa de destaque de
       ponta a ponta) - sem isso o navegador conta essa sangria como overflow e cria barra
       horizontal, mesmo a área visível nunca precisando rolar pros lados. */
    overflow-x: hidden;
    overscroll-behavior: contain;
    padding: var(--espacamento-4) var(--espacamento-6);
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* Âncora de altura 0 entre a lista de mensagens e o composer: o botão sai dela para cima e fica
   sobre o canto inferior direito da lista, sem ocupar espaço nem rolar junto com as mensagens. */
.wpp__ir-fim-ancora[b-xmdkha7ryn] {
    position: relative;
    flex: 0 0 0;
    height: 0;
    z-index: 5;
}

.wpp__ir-fim[b-xmdkha7ryn] {
    position: absolute;
    right: var(--espacamento-5);
    bottom: var(--espacamento-3);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background: var(--cor-superficie);
    color: var(--cor-texto-secundario);
    box-shadow: 0 2px 8px rgb(0 0 0 / 0.25);
    cursor: pointer;
    opacity: 0;
    transform: translateY(8px) scale(0.9);
    pointer-events: none;
    transition: opacity var(--transicao-rapida, .15s) ease, transform var(--transicao-rapida, .15s) ease;
}

.wpp__ir-fim.wpp__ir-fim--visivel[b-xmdkha7ryn] {
    opacity: 1;
    transform: none;
    pointer-events: auto;
}

.wpp__ir-fim:hover[b-xmdkha7ryn] {
    color: var(--cor-primaria);
}

.wpp__ir-fim:focus-visible[b-xmdkha7ryn] {
    outline: 2px solid var(--cor-primaria);
    outline-offset: 2px;
}

.wpp__carregar-mais[b-xmdkha7ryn] {
    display: flex;
    justify-content: center;
    padding: var(--espacamento-1) 0 var(--espacamento-3);
}

/* Bloco de um dia: limita o sticky do rótulo ao próprio dia (mesmo layout da lista). */
.wpp__dia[b-xmdkha7ryn] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.wpp__separador-dia[b-xmdkha7ryn] {
    align-self: center;
    margin: var(--espacamento-3) 0 var(--espacamento-2);
    position: sticky;
    top: 0;
    z-index: 2;
}

.wpp__separador-dia span[b-xmdkha7ryn] {
    display: inline-block;
    padding: 0.2rem 0.75rem;
    border-radius: 999px;
    background: var(--cor-superficie-elevada);
    border: 1px solid var(--cor-borda);
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
    font-weight: 500;
    text-transform: capitalize;
    box-shadow: var(--sombra-suave);
}

.wpp__aviso-sistema[b-xmdkha7ryn] {
    align-self: center;
    max-width: 80%;
    text-align: center;
    margin: var(--espacamento-1) 0;
}

.wpp__aviso-sistema span[b-xmdkha7ryn] {
    display: inline-block;
    padding: 0.2rem 0.75rem;
    border-radius: 999px;
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-suave);
    font-size: 0.75rem;
}

/* A "linha" ocupa a largura toda do container (sangrando por cima do padding horizontal dele via
   margem negativa, compensada pelo padding equivalente) — é nela que o destaque de citação pinta a
   faixa inteira, igual ao WhatsApp de verdade. O balão em si (bolha da mensagem) é quem carrega o
   max-width de 70% e fica alinhado pra ponta certa via justify-content. */
.wpp__mensagem[b-xmdkha7ryn] {
    position: relative;
    display: flex;
    margin-top: 3px;
    margin-left: calc(-1 * var(--espacamento-6));
    margin-right: calc(-1 * var(--espacamento-6));
    padding-left: var(--espacamento-6);
    padding-right: var(--espacamento-6);
}

.wpp__mensagem:first-of-type[b-xmdkha7ryn] {
    margin-top: 0;
}

.wpp__mensagem:has(.wpp__remetente)[b-xmdkha7ryn] {
    margin-top: var(--espacamento-4);
}

.wpp__mensagem--minha[b-xmdkha7ryn] {
    justify-content: flex-end;
}

.wpp__mensagem--outra[b-xmdkha7ryn] {
    justify-content: flex-start;
}

/* Destaca a "linha" inteira da mensagem (faixa de ponta a ponta, não só o balão) com a cor primária
   escurecida e bem transparente por cima - `.wpp__mensagem` não tem background próprio, então dá
   pra animar `background` direto nela sem se preocupar com a cor base mudar entre "minha"/"outra". */
.wpp__mensagem--destacada[b-xmdkha7ryn] {
    animation: wpp-destaque-mensagem-b-xmdkha7ryn 1.5s ease;
}

@keyframes wpp-destaque-mensagem-b-xmdkha7ryn {
    0%, 60% { background: color-mix(in srgb, color-mix(in srgb, var(--cor-primaria) 65%, black) 45%, transparent); }
    100% { background: transparent; }
}

.wpp__balao[b-xmdkha7ryn] {
    position: relative;
    max-width: min(70%, 32rem);
    padding: 0.45rem 0.7rem 0.4rem;
    border-radius: 14px;
    background: var(--cor-superficie);
    border: 1px solid var(--cor-borda);
    box-shadow: var(--sombra-suave);
    min-width: 0;
}

.wpp__mensagem--outra .wpp__balao[b-xmdkha7ryn] {
    border-bottom-left-radius: 4px;
}

.wpp__mensagem--minha .wpp__balao[b-xmdkha7ryn] {
    background: color-mix(in srgb, var(--cor-primaria) 78%, #000);
    border-color: transparent;
    color: #fff;
    border-bottom-right-radius: 4px;
}

.wpp__mensagem--minha .wpp__texto[b-xmdkha7ryn],
.wpp__mensagem--minha .wpp__apagada[b-xmdkha7ryn] {
    color: #fff;
}

.wpp__remetente-wrap[b-xmdkha7ryn] {
    position: relative;
    display: block;
}

.wpp__remetente[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    margin-bottom: var(--espacamento-1);
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--cor-primaria);
}

.wpp__remetente--acao[b-xmdkha7ryn] {
    border: none;
    background: none;
    padding: 0;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--cor-primaria);
    cursor: pointer;
}

.wpp__remetente--acao:hover span[b-xmdkha7ryn] {
    text-decoration: underline;
}

/* Operador do sistema no início de cada leva de mensagens enviadas (lado direito). */
.wpp__remetente-wrap--minha[b-xmdkha7ryn] {
    display: flex;
    justify-content: flex-end;
}

.wpp__remetente--minha[b-xmdkha7ryn] {
    flex-direction: row-reverse;
    color: rgba(255, 255, 255, 0.92);
}

.wpp__menu-remetente[b-xmdkha7ryn] {
    position: absolute;
    top: calc(100% + 0.25rem);
    left: 0;
    z-index: 42;
    min-width: 12rem;
    padding: var(--espacamento-1);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
    border: 1px solid var(--cor-borda);
    box-shadow: var(--sombra-cartao);
}

.wpp__menu-remetente button[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    width: 100%;
    padding: var(--espacamento-2) var(--espacamento-3);
    border: none;
    border-radius: var(--raio-pequeno);
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.85rem;
    text-align: left;
    cursor: pointer;
    transition: background-color var(--transicao-rapida);
}

.wpp__menu-remetente button:hover:not(:disabled)[b-xmdkha7ryn] {
    background: var(--cor-superficie-suave);
}

.wpp__menu-remetente button:disabled[b-xmdkha7ryn] {
    opacity: 0.45;
    cursor: not-allowed;
}

/* Texto + hora/checks na mesma "linha" (a hora encosta no canto inferior direito). */
.wpp__texto[b-xmdkha7ryn] {
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
    line-height: 1.4;
    font-size: 0.9rem;
}

/* Link "Carregar mais" no fim de um balão longo (>500 caracteres). */
.wpp__ver-mais[b-xmdkha7ryn] {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    text-decoration: underline;
    cursor: pointer;
    white-space: nowrap;
}

.wpp__ver-mais:hover[b-xmdkha7ryn] {
    opacity: 0.8;
}

.wpp__meta[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.25rem;
    margin-top: 2px;
    font-size: 0.66rem;
    color: var(--cor-texto-suave);
    user-select: none;
}

.wpp__mensagem--minha .wpp__meta[b-xmdkha7ryn] {
    color: rgba(255, 255, 255, 0.72);
}

.wpp__recibo[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
}

.wpp__recibo--lida[b-xmdkha7ryn] {
    color: #7fd0ff;
}

.wpp__editada[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
    font-style: italic;
    border: none;
    background: none;
    padding: 0;
    color: inherit;
    font-size: inherit;
    cursor: pointer;
}

.wpp__editada:hover[b-xmdkha7ryn] {
    text-decoration: underline;
}

.wpp__enviado-por[b-xmdkha7ryn] {
    max-width: 10rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: 0.85;
}

/* "Ações" da IA: botão que expande/recolhe o que ela fez ao responder, embaixo da mensagem dela. */
.wpp__acoes-ia[b-xmdkha7ryn] {
    margin-top: 0.3rem;
    padding-top: 0.25rem;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
    font-size: 0.72rem;
}

.wpp__acoes-ia-botao[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.1rem 0.45rem;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    color: inherit;
    font-size: inherit;
    font-weight: 600;
    cursor: pointer;
}

.wpp__acoes-ia-botao:hover[b-xmdkha7ryn] {
    background: rgba(255, 255, 255, 0.2);
}

.wpp__acoes-ia-lista[b-xmdkha7ryn] {
    margin: 0.35rem 0 0;
    padding-left: 1.05rem;
    display: grid;
    gap: 0.2rem;
    text-align: left;
    opacity: 0.95;
    overflow-wrap: anywhere;
}

.wpp__enviado-por[b-xmdkha7ryn]::after {
    content: "·";
    margin: 0 0.25rem;
    opacity: 0.6;
}

/* Citação (reply) */
.wpp__citacao[b-xmdkha7ryn] {
    display: block;
    width: 100%;
    min-height: 2.4rem;
    margin-bottom: var(--espacamento-2);
    padding: var(--espacamento-2);
    border: none;
    border-left: 3px solid var(--cor-primaria);
    border-radius: var(--raio-pequeno);
    background: color-mix(in srgb, var(--cor-primaria) 12%, transparent);
    text-align: left;
    cursor: pointer;
    overflow: hidden;
}

.wpp__mensagem--minha .wpp__citacao[b-xmdkha7ryn] {
    border-left-color: rgba(255, 255, 255, 0.85);
    background: rgba(255, 255, 255, 0.16);
}

.wpp__citacao-autor[b-xmdkha7ryn] {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--cor-primaria);
}

.wpp__citacao-texto[b-xmdkha7ryn] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 0.85rem;
    line-height: 1.3;
    color: var(--cor-texto-secundario);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.wpp__mensagem--minha .wpp__citacao-autor[b-xmdkha7ryn],
.wpp__mensagem--minha .wpp__citacao-texto[b-xmdkha7ryn] {
    color: rgba(255, 255, 255, 0.92);
}

.wpp__apagada[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    gap: var(--espacamento-1);
    font-style: italic;
    font-size: 0.85rem;
    color: var(--cor-texto-secundario);
}

/* Anexos */
.wpp__anexos[b-xmdkha7ryn] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-2);
    margin-bottom: var(--espacamento-1);
}

.wpp__anexo-imagem img[b-xmdkha7ryn] {
    max-width: 15rem;
    max-height: 15rem;
    border-radius: var(--raio-medio);
    display: block;
}

.wpp__anexo-arquivo[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    padding: var(--espacamento-2) var(--espacamento-3);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-suave);
    border: 1px solid var(--cor-borda);
    color: var(--cor-texto);
    text-decoration: none;
    transition: border-color var(--transicao-rapida);
}

.wpp__anexo-arquivo:hover[b-xmdkha7ryn] {
    border-color: var(--cor-primaria);
}

.wpp__anexo-arquivo--pendente[b-xmdkha7ryn],
.wpp__anexo-arquivo--removida[b-xmdkha7ryn],
.wpp__anexo-arquivo--midia-grande[b-xmdkha7ryn] {
    width: fit-content;
    font: inherit;
}

.wpp__anexo-arquivo--removida[b-xmdkha7ryn] {
    opacity: .7;
    font-style: italic;
}

.wpp__anexo-arquivo--midia-grande[b-xmdkha7ryn] {
    cursor: pointer;
    text-align: left;
}

.wpp__anexo-arquivo--falha[b-xmdkha7ryn] {
    width: fit-content;
    font: inherit;
    cursor: pointer;
    color: var(--cor-erro);
}

.wpp__mensagem--minha .wpp__anexo-arquivo[b-xmdkha7ryn] {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.22);
    color: #fff;
}

/* Cartão de documento (imagem/vídeo/PDF enviados como arquivo): clique abre Exibir / Baixar. */
.wpp__documento[b-xmdkha7ryn] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-1);
    width: fit-content;
    max-width: 100%;
}

.wpp__documento-cartao[b-xmdkha7ryn] {
    font: inherit;
    cursor: pointer;
    text-align: left;
    width: 100%;
}

.wpp__documento-info[b-xmdkha7ryn] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.wpp__documento-acoes[b-xmdkha7ryn] {
    display: flex;
    gap: var(--espacamento-2);
}

.wpp__documento-acao[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--espacamento-1);
    flex: 1;
    padding: var(--espacamento-1) var(--espacamento-3);
    border-radius: var(--raio-medio);
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie-suave);
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.8rem;
    text-decoration: none;
    cursor: pointer;
    transition: border-color var(--transicao-rapida);
}

.wpp__documento-acao:hover[b-xmdkha7ryn] {
    border-color: var(--cor-primaria);
}

.wpp__mensagem--minha .wpp__documento-acao[b-xmdkha7ryn] {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.22);
    color: #fff;
}

.wpp__anexo-nome[b-xmdkha7ryn] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 12rem;
    font-size: 0.85rem;
}

.wpp__anexo-tamanho[b-xmdkha7ryn] {
    font-size: 0.72rem;
    color: var(--cor-texto-secundario);
}

.wpp__mensagem--minha .wpp__anexo-tamanho[b-xmdkha7ryn] {
    color: rgba(255, 255, 255, 0.75);
}

.wpp__anexo-atalho--travado[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    padding: var(--espacamento-2) var(--espacamento-3);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-suave);
    border: 1px dashed var(--cor-borda-forte);
    color: var(--cor-texto-secundario);
    opacity: 0.85;
    cursor: not-allowed;
}

.wpp__anexo-tipo[b-xmdkha7ryn] {
    font-size: 0.68rem;
    color: var(--cor-texto-suave);
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* Cartão de atalho (Trabalho / E-mail / Tarefa) */
.wpp__atalho-card[b-xmdkha7ryn] {
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
    overflow: hidden;
    width: min(19rem, 66vw);
}

.wpp__mensagem--minha .wpp__atalho-card[b-xmdkha7ryn] {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.22);
}

.wpp__atalho-card-topo[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    width: 100%;
    padding: var(--espacamento-2) var(--espacamento-3);
    border: none;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: background-color var(--transicao-rapida);
}

.wpp__atalho-card-topo:hover[b-xmdkha7ryn] {
    background: var(--cor-superficie-suave);
}

.wpp__mensagem--minha .wpp__atalho-card-topo:hover[b-xmdkha7ryn] {
    background: rgba(255, 255, 255, 0.1);
}

.wpp__atalho-card-nome[b-xmdkha7ryn] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    font-size: 0.85rem;
}

.wpp__atalho-previa[b-xmdkha7ryn] {
    margin: 0;
    padding: var(--espacamento-2) var(--espacamento-3);
    border-top: 1px solid var(--cor-borda);
    display: grid;
    gap: 3px var(--espacamento-3);
    grid-template-columns: auto 1fr;
    font-size: 0.75rem;
}

.wpp__mensagem--minha .wpp__atalho-previa[b-xmdkha7ryn] {
    border-top-color: rgba(255, 255, 255, 0.22);
}

.wpp__atalho-previa > div[b-xmdkha7ryn] {
    display: contents;
}

.wpp__atalho-previa dt[b-xmdkha7ryn] {
    color: var(--cor-texto-suave);
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    font-size: 0.66rem;
    align-self: center;
}

.wpp__atalho-previa dd[b-xmdkha7ryn] {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wpp__mensagem--minha .wpp__atalho-previa dt[b-xmdkha7ryn] {
    color: rgba(255, 255, 255, 0.7);
}

.wpp__atalho-previa-trecho[b-xmdkha7ryn] {
    margin: 0;
    padding: 0 var(--espacamento-3) var(--espacamento-2);
    font-size: 0.76rem;
    color: var(--cor-texto-secundario);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.wpp__mensagem--minha .wpp__atalho-previa-trecho[b-xmdkha7ryn] {
    color: rgba(255, 255, 255, 0.82);
}

/* Reações */
.wpp__reacoes[b-xmdkha7ryn] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espacamento-1);
    margin-top: var(--espacamento-2);
    clear: both;
}

.wpp__reacao[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 2px 0.5rem;
    border-radius: 999px;
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie-elevada);
    color: var(--cor-texto);
    cursor: pointer;
    font-size: 0.8rem;
    transition: border-color var(--transicao-rapida);
}

.wpp__reacao:hover[b-xmdkha7ryn] {
    border-color: var(--cor-primaria);
}

.wpp__reacao--minha[b-xmdkha7ryn] {
    border-color: var(--cor-primaria);
    background: var(--cor-primaria-suave);
}

.wpp__reacao-contagem[b-xmdkha7ryn] {
    font-size: 0.7rem;
    color: var(--cor-texto-secundario);
    font-weight: 600;
}

.wpp__mensagem--minha .wpp__reacao[b-xmdkha7ryn] {
    background: rgba(255, 255, 255, 0.16);
    border-color: rgba(255, 255, 255, 0.28);
    color: #fff;
}

.wpp__mensagem--minha .wpp__reacao--minha[b-xmdkha7ryn] {
    background: rgba(255, 255, 255, 0.3);
}

.wpp__mensagem--minha .wpp__reacao-contagem[b-xmdkha7ryn] {
    color: rgba(255, 255, 255, 0.8);
}

/* Controles de hover da mensagem */
.wpp__controles[b-xmdkha7ryn] {
    position: absolute;
    top: -0.7rem;
    display: flex;
    align-items: center;
    gap: 0.2rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--transicao-rapida);
    z-index: 8;
}

.wpp__mensagem--minha .wpp__controles[b-xmdkha7ryn] {
    left: 0;
}

.wpp__mensagem--outra .wpp__controles[b-xmdkha7ryn] {
    right: 0;
    left: auto;
    flex-direction: row-reverse;
}

/* Balão estreito: os controles não cabem no lado padrão (JS marca data-lado="invertido"),
   então trocam a âncora de lado pra não serem cortados pelo container de mensagens. */
.wpp__mensagem--outra .wpp__controles[data-lado="invertido"][b-xmdkha7ryn] {
    left: 0;
    right: auto;
}

.wpp__mensagem--minha .wpp__controles[data-lado="invertido"][b-xmdkha7ryn] {
    left: auto;
    right: 0;
}

.wpp__balao:hover .wpp__controles[b-xmdkha7ryn],
.wpp__balao:focus-within .wpp__controles[b-xmdkha7ryn] {
    opacity: 1;
    pointer-events: auto;
}

.wpp__controle[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.7rem;
    height: 1.7rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background: var(--cor-superficie-elevada);
    color: var(--cor-texto-secundario);
    box-shadow: var(--sombra-suave);
    cursor: pointer;
    transition: color var(--transicao-rapida), border-color var(--transicao-rapida), background-color var(--transicao-rapida);
}

.wpp__controle:hover[b-xmdkha7ryn] {
    color: var(--cor-texto);
    border-color: var(--cor-borda-forte);
}

.wpp__controle--perigo:hover[b-xmdkha7ryn] {
    color: var(--cor-erro);
    border-color: var(--cor-erro);
}

.wpp__seletor-reacao[b-xmdkha7ryn] {
    position: absolute;
    bottom: calc(100% + 0.4rem);
    display: flex;
    gap: 2px;
    padding: 0.3rem;
    border-radius: 999px;
    background: var(--cor-superficie-elevada);
    border: 1px solid var(--cor-borda);
    box-shadow: var(--sombra-cartao);
    z-index: 8;
    animation: chats-menu-surge-b-xmdkha7ryn 120ms ease;
}

.wpp__mensagem--outra .wpp__seletor-reacao[b-xmdkha7ryn] {
    left: 0;
}

.wpp__mensagem--minha .wpp__seletor-reacao[b-xmdkha7ryn] {
    right: 0;
}

.wpp__seletor-reacao button[b-xmdkha7ryn] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 1.2rem;
    line-height: 1;
    padding: 3px;
    border-radius: 999px;
    transition: transform var(--transicao-rapida), background-color var(--transicao-rapida);
}

.wpp__seletor-reacao button:hover[b-xmdkha7ryn] {
    transform: scale(1.2);
    background: var(--cor-superficie-suave);
}

/* O menu abre colado nos três pontinhos (e não no canto do balão): a largura do grupo de
   controles é n botões de 1,7rem + (n-1) vãos de 0,2rem; --wpp-n-controles vem do markup
   (3, ou 2 quando a mensagem foi apagada e não tem o botão de reagir). Os "…" são o botão
   mais afastado da âncora do grupo, então o menu alinha a borda dele e cresce para fora. */
.wpp__menu-mensagem[b-xmdkha7ryn] {
    --wpp-largura-controles: calc(1.7rem * var(--wpp-n-controles, 3) + 0.2rem * (var(--wpp-n-controles, 3) - 1));
    position: absolute;
    bottom: calc(100% + 0.9rem);
    min-width: 11rem;
    z-index: 8;
}

/* Outra pessoa: grupo à direita ("…" na ponta esquerda dele) -> menu cresce para a direita. */
.wpp__mensagem--outra .wpp__menu-mensagem[b-xmdkha7ryn] {
    left: calc(100% - var(--wpp-largura-controles));
}

/* Minha: grupo à esquerda ("…" na ponta direita dele) -> menu cresce para a esquerda. */
.wpp__mensagem--minha .wpp__menu-mensagem[b-xmdkha7ryn] {
    right: calc(100% - var(--wpp-largura-controles));
}

/* Sem espaço acima (mensagem no topo da área rolável), o JS marca data-direcao="baixo" e o
   pop-over desce, logo abaixo dos controles; se nenhum lado comporta, --wpp-max-altura limita
   a altura ao espaço disponível e o conteúdo rola. */
.wpp__menu-mensagem[data-direcao="baixo"][b-xmdkha7ryn],
.wpp__seletor-reacao[data-direcao="baixo"][b-xmdkha7ryn] {
    bottom: auto;
    top: 1.3rem;
}

.wpp__menu-mensagem[b-xmdkha7ryn],
.wpp__seletor-reacao[b-xmdkha7ryn] {
    max-height: var(--wpp-max-altura, none);
    overflow-y: auto;
}

/* Balão estreito: o JS inverte o lado dos controles; o menu acompanha. */
.wpp__mensagem--outra .wpp__controles[data-lado="invertido"] ~ .wpp__menu-mensagem[b-xmdkha7ryn] {
    left: 0;
}

.wpp__mensagem--minha .wpp__controles[data-lado="invertido"] ~ .wpp__menu-mensagem[b-xmdkha7ryn] {
    right: 0;
}

.wpp__edicao[b-xmdkha7ryn] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-2);
    min-width: 16rem;
}

.wpp__edicao .campo-formulario__entrada[b-xmdkha7ryn] {
    background: var(--cor-fundo-secundario);
}

.wpp__edicao-acoes[b-xmdkha7ryn] {
    display: flex;
    justify-content: flex-end;
    gap: var(--espacamento-2);
}

/* ---------- Compositor ---------- */
.wpp__composer[b-xmdkha7ryn] {
    flex: 0 0 auto;
    padding: var(--espacamento-3) var(--espacamento-4) var(--espacamento-4);
    background: var(--cor-fundo);
}

.wpp__resposta-previa[b-xmdkha7ryn] {
    display: flex;
    align-items: stretch;
    gap: var(--espacamento-2);
    margin-bottom: var(--espacamento-2);
    padding: var(--espacamento-2) var(--espacamento-3);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-suave);
    border: 1px solid var(--cor-borda);
}

.wpp__resposta-previa-barra[b-xmdkha7ryn] {
    flex: 0 0 auto;
    width: 3px;
    border-radius: 999px;
    background: var(--cor-primaria);
}

.wpp__resposta-previa-corpo[b-xmdkha7ryn] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
    flex: 1;
}

.wpp__resposta-previa-autor[b-xmdkha7ryn] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--cor-primaria);
}

/* Cabeçalho "Encaminhada" no topo do balão. */
.wpp__encaminhada[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    margin-bottom: 0.2rem;
    font-size: 0.75rem;
    font-style: italic;
    opacity: 0.75;
}

/* Card de prévia de link (miniatura + título + descrição + domínio) acima do texto. */
.wpp__previa-link[b-xmdkha7ryn] {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.35rem;
    width: 16rem;
    max-width: 100%;
    overflow: hidden;
    border-radius: var(--raio-pequeno);
    background: color-mix(in srgb, currentColor 10%, transparent);
    color: inherit;
    text-decoration: none;
}

.wpp__previa-link:hover[b-xmdkha7ryn] {
    background: color-mix(in srgb, currentColor 16%, transparent);
}

.wpp__previa-link-imagem[b-xmdkha7ryn] {
    display: block;
    width: 100%;
    height: auto;
    max-height: 22rem;
    object-fit: cover;
}

.wpp__previa-link-corpo[b-xmdkha7ryn] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    padding: 0.45rem 0.6rem 0.5rem;
    min-width: 0;
}

.wpp__previa-link-titulo[b-xmdkha7ryn] {
    font-size: 0.85rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.wpp__previa-link-descricao[b-xmdkha7ryn] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 0.78rem;
    opacity: 0.85;
}

.wpp__previa-link-dominio[b-xmdkha7ryn] {
    font-size: 0.72rem;
    opacity: 0.65;
}

.wpp__resposta-previa-midia[b-xmdkha7ryn],
.wpp__citacao-midia[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    margin-right: 0.3rem;
    vertical-align: bottom;
}

.wpp__resposta-previa-miniatura[b-xmdkha7ryn] {
    flex: 0 0 auto;
    width: 2.6rem;
    height: 2.6rem;
    object-fit: cover;
    border-radius: var(--raio-pequeno);
}

.wpp__resposta-previa-texto[b-xmdkha7ryn] {
    font-size: 0.8rem;
    color: var(--cor-texto-secundario);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wpp__anexos-pendentes[b-xmdkha7ryn] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espacamento-2);
    margin-bottom: var(--espacamento-2);
}

.wpp__anexo-pendente[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    gap: var(--espacamento-1);
    padding: 0.25rem 0.35rem 0.25rem 0.65rem;
    border-radius: 999px;
    background: var(--cor-superficie-suave);
    border: 1px solid var(--cor-borda);
    font-size: 0.76rem;
    max-width: 16rem;
}

.wpp__anexo-pendente > span[b-xmdkha7ryn] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wpp__anexo-pendente .wpp__icone-btn[b-xmdkha7ryn] {
    width: 1.15rem;
    height: 1.15rem;
    flex: 0 0 auto;
}

/* A barra: ações à esquerda + campo + enviar, tudo numa pílula. */
.wpp__composer-linha[b-xmdkha7ryn] {
    display: flex;
    align-items: flex-end;
    gap: var(--espacamento-1);
    padding: 0.3rem 0.3rem 0.3rem 0.4rem;
    border: 1px solid var(--cor-borda);
    border-radius: 24px;
    background: var(--cor-fundo-secundario);
    transition: border-color var(--transicao-rapida), box-shadow var(--transicao-rapida);
}

.wpp__composer-linha:focus-within[b-xmdkha7ryn] {
    border-color: var(--cor-primaria);
    box-shadow: 0 0 0 3px var(--cor-primaria-suave);
}

.wpp__composer-esq[b-xmdkha7ryn] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 2px;
    flex: 0 0 auto;
}

.wpp__composer-icone[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    padding: 0;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--cor-texto-secundario);
    cursor: pointer;
    transition: background-color var(--transicao-rapida), color var(--transicao-rapida);
}

.wpp__composer-icone:hover[b-xmdkha7ryn] {
    background: var(--cor-superficie-suave);
    color: var(--cor-texto);
}

/* O <input type="file"> real fica dentro do componente <InputFile>, então o atributo
   de escopo não chega nele — é preciso o combinador ::deep para escondê-lo. */
.wpp__composer[b-xmdkha7ryn]  .wpp__input-arquivo-oculto,
.wpp__composer[b-xmdkha7ryn]  input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    opacity: 0;
    pointer-events: none;
}

.wpp__menu-anexar[b-xmdkha7ryn] {
    position: absolute;
    bottom: calc(100% + 0.5rem);
    left: 0;
    z-index: 41;
}

.wpp__menu-anexar-item[b-xmdkha7ryn] {
    /* herda do seletor agrupado de itens de menu */
}

/* Popover do seletor de emojis universal (SeletorEmoji) acima do compositor. */
.wpp__emoji-popover[b-xmdkha7ryn] {
    position: absolute;
    bottom: calc(100% + 0.5rem);
    left: 0;
    z-index: 41;
    animation: chats-menu-surge-b-xmdkha7ryn 120ms ease;
}


/* Painel de mensagens rápidas do compositor (mesma ancoragem do emoji). */
.wpp__rapidas-painel[b-xmdkha7ryn] {
    position: absolute;
    bottom: calc(100% + 0.5rem);
    left: 0;
    width: 22rem;
    max-width: calc(100vw - 2rem);
    max-height: 20rem;
    overflow-y: auto;
    padding: var(--espacamento-2);
    display: flex;
    flex-direction: column;
    gap: 2px;
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
    border: 1px solid var(--cor-borda);
    box-shadow: var(--sombra-cartao);
    z-index: 41;
    animation: chats-menu-surge-b-xmdkha7ryn 120ms ease;
}

.wpp__rapidas-topo[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-bottom: 0.25rem;
}

.wpp__rapidas-topo .wpp__rapidas-busca[b-xmdkha7ryn] {
    flex: 1;
    margin-bottom: 0;
}

.wpp__rapidas-topo .wpp__icone-btn[b-xmdkha7ryn] {
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    border: 1px solid var(--cor-borda);
}

.wpp__rapidas-busca[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.3rem 0.45rem;
    border-radius: var(--raio-pequeno);
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
    margin-bottom: 0.25rem;
}

.wpp__rapidas-busca input[b-xmdkha7ryn] {
    flex: 1;
    border: none;
    background: transparent;
    font: inherit;
    color: var(--cor-texto);
    outline: none;
}

.wpp__rapidas-grupo[b-xmdkha7ryn] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--cor-texto-secundario);
    padding: 0.35rem 0.45rem 0.15rem;
}

.wpp__rapidas-item[b-xmdkha7ryn] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    width: 100%;
    text-align: left;
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0.4rem 0.45rem;
    border-radius: var(--raio-pequeno);
}

.wpp__rapidas-item:hover[b-xmdkha7ryn] {
    background: var(--cor-superficie-suave);
}

.wpp__rapidas-item strong[b-xmdkha7ryn] {
    font-size: 0.82rem;
}

.wpp__rapidas-item span[b-xmdkha7ryn] {
    font-size: 0.76rem;
    color: var(--cor-texto-secundario);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wpp__rapidas-vazio[b-xmdkha7ryn] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.6rem 0.45rem;
}

.wpp__rapidas-vazio p[b-xmdkha7ryn] {
    margin: 0;
    font-size: 0.8rem;
    color: var(--cor-texto-secundario);
}

/* Chips de variáveis ([Nome], [Usuario]…) no formulário de nova mensagem rápida
   (mesmo padrão visual de PainelMensagensRapidasWhatsapp.razor). */
.wpp-rapidas__chips[b-xmdkha7ryn] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.wpp-rapidas__chips--form[b-xmdkha7ryn] {
    margin-top: 0.4rem;
}

.wpp-rapidas__chip[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.2rem 0.5rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background: var(--cor-superficie);
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.76rem;
    cursor: pointer;
}

.wpp-rapidas__chip:hover[b-xmdkha7ryn] {
    border-color: var(--cor-primaria);
    color: var(--cor-primaria);
}

.wpp__composer-entrada[b-xmdkha7ryn] {
    flex: 1;
    resize: none;
    max-height: 10rem;
    min-height: 2.1rem;
    height: 2.1rem;
    overflow-y: hidden;
    line-height: 1.4;
    padding: 0.4rem var(--espacamento-2);
    border: none;
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.92rem;
    outline: none;
}

.wpp__composer-entrada[b-xmdkha7ryn]::placeholder {
    color: var(--cor-texto-suave);
}

.wpp__enviar[b-xmdkha7ryn] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    padding: 0;
    border: none;
    border-radius: 999px;
    background: var(--cor-primaria);
    color: #fff;
    box-shadow: none;
    cursor: pointer;
    transition: background-color var(--transicao-rapida), opacity var(--transicao-rapida);
}

.wpp__enviar:hover:not(:disabled)[b-xmdkha7ryn] {
    background: var(--cor-primaria-hover);
}

.wpp__enviar:disabled[b-xmdkha7ryn] {
    opacity: 0.5;
    cursor: default;
}

.wpp__envio-bloqueado[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    padding: 0.7rem 0.9rem;
    border-radius: 10px;
    background: var(--cor-superficie-suave, #f1f1f4);
    color: var(--cor-texto-secundario);
    font-size: 0.86rem;
}

/* ---- Gravação de nota de voz ---- */
.wpp__gravacao[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    padding: 0.35rem 0.15rem;
}

.wpp__gravacao-ponto[b-xmdkha7ryn] {
    flex: none;
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 999px;
    background: #e53935;
    animation: wpp-pulsar-b-xmdkha7ryn 1.1s ease-in-out infinite;
}

@keyframes wpp-pulsar-b-xmdkha7ryn {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.25; }
}

.wpp__gravacao-tempo[b-xmdkha7ryn] {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    color: var(--cor-texto);
}

.wpp__gravacao-dica[b-xmdkha7ryn] {
    flex: 1;
    font-size: 0.82rem;
    color: var(--cor-texto-secundario);
}

.wpp__gravacao-cancelar[b-xmdkha7ryn] {
    color: #e53935;
}

.wpp__gravacao-ponto--pausado[b-xmdkha7ryn] {
    background: var(--cor-texto-secundario);
    animation: none;
}

.wpp__enviar--parar[b-xmdkha7ryn] {
    background: #e53935;
}

.wpp__enviar--parar:hover:not(:disabled)[b-xmdkha7ryn] {
    background: #c62828;
}

.wpp__gravacao--revisar[b-xmdkha7ryn] {
    gap: var(--espacamento-2);
}

.wpp__gravacao-player[b-xmdkha7ryn] {
    flex: 1;
    min-width: 0;
    height: 2.3rem;
}

/* ========================= Coluna: painel "Informações" ========================= */
.wpp__painel[b-xmdkha7ryn] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    border-left: 1px solid var(--cor-borda);
    background: var(--cor-superficie);
    animation: chats-painel-surge-b-xmdkha7ryn 180ms ease;
}

@keyframes chats-painel-surge-b-xmdkha7ryn {
    from { opacity: 0; transform: translateX(8px); }
    to { opacity: 1; transform: translateX(0); }
}

.wpp__painel-cabecalho[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-2);
    padding: var(--espacamento-3) var(--espacamento-3) var(--espacamento-3) var(--espacamento-4);
    border-bottom: 1px solid var(--cor-borda);
}

.wpp__painel-cabecalho h3[b-xmdkha7ryn] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.wpp__painel-corpo[b-xmdkha7ryn] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: var(--espacamento-5) var(--espacamento-4) var(--espacamento-6);
}

.wpp__painel-identidade[b-xmdkha7ryn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.35rem;
    padding-bottom: var(--espacamento-5);
    border-bottom: 1px solid var(--cor-borda);
}

.wpp__painel-avatar[b-xmdkha7ryn] {
    position: relative;
    line-height: 0;
    padding: 4px;
    border-radius: 999px;
    border: 2px solid var(--cor-primaria);
}

/* Lápis de editar no canto superior direito da foto. */
.wpp__painel-editar[b-xmdkha7ryn] {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 2px solid var(--cor-superficie, #fff);
    border-radius: 999px;
    background: var(--cor-primaria);
    color: #fff;
    line-height: 0;
    cursor: pointer;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
    transition: filter var(--transicao-rapida, .15s) ease;
}

.wpp__painel-editar:hover[b-xmdkha7ryn] {
    filter: brightness(.9);
}

.wpp__painel-editar:focus-visible[b-xmdkha7ryn] {
    outline: 2px solid var(--cor-primaria);
    outline-offset: 2px;
}

.wpp__painel-avatar-botao[b-xmdkha7ryn] {
    display: block;
    padding: 0;
    border: 0;
    background: none;
    border-radius: 999px;
    cursor: pointer;
    line-height: 0;
    transition: filter var(--transicao-rapida, .15s) ease;
}

.wpp__painel-avatar-botao:hover[b-xmdkha7ryn] {
    filter: brightness(.9);
}

.wpp__painel-avatar-botao:focus-visible[b-xmdkha7ryn] {
    outline: 2px solid var(--cor-primaria);
    outline-offset: 2px;
}

.wpp__painel-nome[b-xmdkha7ryn] {
    margin-top: var(--espacamento-2);
    font-size: 1.25rem;
    font-weight: 700;
}

.wpp__painel-usuario[b-xmdkha7ryn] {
    color: var(--cor-primaria);
    font-size: 0.85rem;
    font-weight: 500;
}

.wpp__painel-email[b-xmdkha7ryn] {
    color: var(--cor-texto-secundario);
    font-size: 0.85rem;
    text-decoration: none;
}

.wpp__painel-email:hover[b-xmdkha7ryn] {
    text-decoration: underline;
}

.wpp__painel-bio[b-xmdkha7ryn] {
    margin: var(--espacamento-2) 0 0;
    color: var(--cor-texto-secundario);
    font-size: 0.85rem;
    line-height: 1.5;
}

.wpp__painel-dados[b-xmdkha7ryn] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.55rem 0;
    width: 100%;
    margin: var(--espacamento-3) 0 0;
    text-align: left;
}

.wpp__painel-dados dt[b-xmdkha7ryn] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--cor-texto-secundario);
}

.wpp__painel-dados dd[b-xmdkha7ryn] {
    margin: 0.1rem 0 0;
    font-size: 0.9rem;
    color: var(--cor-texto);
    word-break: break-word;
}

.wpp__painel-mono[b-xmdkha7ryn] {
    font-family: var(--fonte-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
    font-size: 0.8rem;
}

.wpp__painel-secao[b-xmdkha7ryn] {
    padding: var(--espacamento-4) 0;
    border-bottom: 1px solid var(--cor-borda);
}

.wpp__painel-secao:last-child[b-xmdkha7ryn] {
    border-bottom: none;
}

.wpp__painel-secao-topo[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--espacamento-3);
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--cor-texto-secundario);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.wpp__painel-vertodos[b-xmdkha7ryn] {
    border: none;
    background: transparent;
    color: var(--cor-primaria);
    font: inherit;
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    cursor: pointer;
}

.wpp__painel-vertodos:hover[b-xmdkha7ryn] {
    text-decoration: underline;
}

.wpp__painel-vazio[b-xmdkha7ryn] {
    margin: 0;
    color: var(--cor-texto-suave);
    font-size: 0.82rem;
}

.wpp__painel-midia[b-xmdkha7ryn] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--espacamento-2);
}

.wpp__painel-midia-item[b-xmdkha7ryn] {
    position: relative;
    aspect-ratio: 1;
    border-radius: var(--raio-pequeno);
    overflow: hidden;
    background: var(--cor-superficie-suave);
}

.wpp__painel-midia-item img[b-xmdkha7ryn],
.wpp__painel-midia-item video[b-xmdkha7ryn] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.wpp__painel-midia-item--grande[b-xmdkha7ryn] {
    border: 1px solid var(--cor-borda);
    color: var(--cor-texto-secundario);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--espacamento-1);
    cursor: pointer;
    font: inherit;
}

.wpp__painel-midia-play[b-xmdkha7ryn] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.28);
    pointer-events: none;
}

.wpp__painel-midia-mais[b-xmdkha7ryn] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
    font-weight: 700;
    font-size: 0.95rem;
}

.wpp__painel-docs[b-xmdkha7ryn],
.wpp__painel-links[b-xmdkha7ryn] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-2);
}

.wpp__painel-doc[b-xmdkha7ryn],
.wpp__painel-link[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    padding: var(--espacamento-2);
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    color: var(--cor-texto);
    text-decoration: none;
    transition: border-color var(--transicao-rapida), background-color var(--transicao-rapida);
}

.wpp__painel-doc:hover[b-xmdkha7ryn],
.wpp__painel-link:hover[b-xmdkha7ryn] {
    border-color: var(--cor-primaria);
    background: var(--cor-superficie-suave);
}

.wpp__painel-doc-icone[b-xmdkha7ryn] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: var(--raio-pequeno);
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
    font-size: 0.62rem;
    font-weight: 700;
}

.wpp__painel-link-icone[b-xmdkha7ryn] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: var(--raio-pequeno);
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
}

.wpp__painel-doc-info[b-xmdkha7ryn],
.wpp__painel-link-info[b-xmdkha7ryn] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
    flex: 1;
}

.wpp__painel-doc-info strong[b-xmdkha7ryn],
.wpp__painel-link-info strong[b-xmdkha7ryn] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.82rem;
    font-weight: 600;
}

.wpp__painel-doc-info small[b-xmdkha7ryn],
.wpp__painel-link-info small[b-xmdkha7ryn] {
    color: var(--cor-texto-suave);
    font-size: 0.72rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wpp__painel-doc > .icone-sistema[b-xmdkha7ryn] {
    flex: 0 0 auto;
    color: var(--cor-texto-secundario);
}

/* ========================= Modais ========================= */
.wpp__contatos-filtros[b-xmdkha7ryn] {
    display: grid;
    grid-template-columns: minmax(10rem, 0.8fr) minmax(14rem, 1fr) minmax(9rem, 0.55fr);
    gap: var(--espacamento-2);
    margin-bottom: var(--espacamento-3);
}

.wpp__contatos-busca[b-xmdkha7ryn] {
    min-width: 0;
    padding: 0 var(--espacamento-3);
}

.wpp__contatos-vinculo[b-xmdkha7ryn] {
    min-width: 0;
}

.wpp__contatos-estado[b-xmdkha7ryn] {
    margin: var(--espacamento-5) 0;
    color: var(--cor-texto-secundario);
    text-align: center;
}

.wpp__contatos-lista[b-xmdkha7ryn] {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: min(60vh, 34rem);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.wpp__contato-item[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    width: 100%;
    padding: var(--espacamento-3);
    border: none;
    border-radius: var(--raio-medio);
    background: transparent;
    color: var(--cor-texto);
    text-align: left;
    cursor: pointer;
    transition: background-color var(--transicao-rapida);
}

.wpp__contato-item:hover[b-xmdkha7ryn] {
    background: var(--cor-superficie-suave);
}

.wpp__contato-item:disabled[b-xmdkha7ryn] {
    cursor: default;
    opacity: 0.7;
}

.wpp__contato-identidade[b-xmdkha7ryn] {
    display: flex;
    flex: 1 1 12rem;
    flex-direction: column;
    min-width: 0;
}

.wpp__contato-identidade strong[b-xmdkha7ryn],
.wpp__contato-identidade small[b-xmdkha7ryn] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wpp__contato-identidade small[b-xmdkha7ryn] {
    color: var(--cor-texto-secundario);
}

.wpp__contato-vinculos[b-xmdkha7ryn] {
    display: flex;
    flex: 1 1 14rem;
    justify-content: flex-end;
    gap: var(--espacamento-1);
    min-width: 0;
    flex-wrap: wrap;
}

.wpp__contato-vinculo[b-xmdkha7ryn] {
    max-width: 14rem;
    padding: 0.22rem 0.55rem;
    border-radius: 999px;
    background: var(--cor-superficie-suave);
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wpp__contato-vinculo--cliente[b-xmdkha7ryn] {
    background: color-mix(in srgb, var(--cor-sucesso) 14%, transparent);
    color: var(--cor-sucesso);
}

.wpp__contato-vinculo--parceiro[b-xmdkha7ryn] {
    background: color-mix(in srgb, var(--cor-primaria) 14%, transparent);
    color: var(--cor-primaria);
}

@media (max-width: 700px) {
    .wpp__contatos-filtros[b-xmdkha7ryn] {
        grid-template-columns: 1fr;
    }

    .wpp__contato-vinculos[b-xmdkha7ryn] {
        display: none;
    }
}

.wpp__usuarios[b-xmdkha7ryn],
.wpp__atalho-lista[b-xmdkha7ryn],
.wpp__membros[b-xmdkha7ryn] {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 22rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.wpp__usuario[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    width: 100%;
    padding: var(--espacamento-2) var(--espacamento-3);
    border: none;
    background: transparent;
    text-align: left;
    cursor: pointer;
    color: var(--cor-texto);
    border-radius: var(--raio-medio);
    transition: background-color var(--transicao-rapida);
}

.wpp__usuario:hover[b-xmdkha7ryn] {
    background: var(--cor-superficie-suave);
}

.wpp__usuario span[b-xmdkha7ryn] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.wpp__usuario strong[b-xmdkha7ryn] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.9rem;
}

.wpp__usuario small[b-xmdkha7ryn] {
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
}

.wpp__usuario--check[b-xmdkha7ryn] {
    cursor: pointer;
}

.wpp__atalho-abas[b-xmdkha7ryn] {
    display: flex;
    gap: var(--espacamento-1);
    margin-bottom: var(--espacamento-3);
    flex-wrap: wrap;
}

.wpp__atalho-aba[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    gap: var(--espacamento-1);
    padding: 0.4rem 0.8rem;
    border-radius: 999px;
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie);
    color: var(--cor-texto-secundario);
    cursor: pointer;
    font-size: 0.82rem;
    transition: border-color var(--transicao-rapida), background-color var(--transicao-rapida), color var(--transicao-rapida);
}

.wpp__atalho-aba:hover[b-xmdkha7ryn] {
    color: var(--cor-texto);
    border-color: var(--cor-borda-forte);
}

.wpp__atalho-aba.ativa[b-xmdkha7ryn] {
    border-color: var(--cor-primaria);
    background: var(--cor-primaria-suave);
    color: var(--cor-texto);
}

.wpp__atalho-item[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    width: 100%;
    padding: var(--espacamento-2) var(--espacamento-3);
    border: none;
    border-radius: var(--raio-medio);
    background: transparent;
    color: var(--cor-texto);
    text-align: left;
    cursor: pointer;
    transition: background-color var(--transicao-rapida);
}

.wpp__atalho-item:hover[b-xmdkha7ryn] {
    background: var(--cor-superficie-suave);
}

.wpp__atalho-item-rotulo[b-xmdkha7ryn] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.88rem;
}

.wpp__atalho-vazio[b-xmdkha7ryn] {
    padding: var(--espacamento-5);
    color: var(--cor-texto-secundario);
    font-size: 0.85rem;
    text-align: center;
}

.wpp__gestao[b-xmdkha7ryn] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-4);
}

.wpp__gestao-linha[b-xmdkha7ryn] {
    display: flex;
    gap: var(--espacamento-2);
    align-items: flex-start;
}

.wpp__gestao-linha .campo-formulario__entrada[b-xmdkha7ryn] {
    flex: 1;
}

.wpp__membro[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    padding: var(--espacamento-2) var(--espacamento-3);
    border-radius: var(--raio-medio);
}

.wpp__membro:hover[b-xmdkha7ryn] {
    background: var(--cor-superficie-suave);
}

.wpp__membro-nome[b-xmdkha7ryn] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.wpp__membro-nome small[b-xmdkha7ryn] {
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
}

/* ========================= Responsivo ========================= */
@media (max-width: 75rem) {
    .wpp--com-painel[b-xmdkha7ryn] {
        grid-template-columns: 22rem minmax(0, 1fr);
    }

    .wpp__painel[b-xmdkha7ryn] {
        position: absolute;
        inset: 0 0 0 auto;
        width: min(23rem, 100%);
        z-index: 30;
        box-shadow: -12px 0 40px rgba(0, 0, 0, 0.25);
    }
}

@media (max-width: 48rem) {
    .wpp[b-xmdkha7ryn],
    .wpp--com-painel[b-xmdkha7ryn] {
        grid-template-columns: 1fr;
        height: calc(100dvh - 7rem);
        border-radius: var(--raio-medio);
    }

    .wpp__lista[b-xmdkha7ryn] {
        border-right: none;
    }

    .wpp--com-selecao .wpp__lista[b-xmdkha7ryn] {
        display: none;
    }

    .wpp--sem-selecao .wpp__conversa[b-xmdkha7ryn] {
        display: none;
    }

    .wpp__voltar[b-xmdkha7ryn] {
        display: inline-flex;
    }

    .wpp__acao-visual[b-xmdkha7ryn] {
        display: none;
    }

    .wpp__mensagens[b-xmdkha7ryn] {
        padding: var(--espacamento-3);
    }

    .wpp__mensagem[b-xmdkha7ryn] {
        margin-left: calc(-1 * var(--espacamento-3));
        margin-right: calc(-1 * var(--espacamento-3));
        padding-left: var(--espacamento-3);
        padding-right: var(--espacamento-3);
    }

    .wpp__balao[b-xmdkha7ryn] {
        max-width: 85%;
    }

    .wpp__painel[b-xmdkha7ryn] {
        width: 100%;
    }
}

/* Extras do modulo WhatsApp (nao existiam no Chats) */
.wpp__anexo-video[b-xmdkha7ryn] { --np-max: 400px; --np-max-h: 20rem; }
.wpp__anexo-audio[b-xmdkha7ryn] { width: 240px; }
.wpp__anexo-figurinha[b-xmdkha7ryn] { width: 140px; height: 140px; object-fit: contain; display: block; }
.wpp__filtro-numero[b-xmdkha7ryn] {
    flex: 0 0 auto;
    max-width: 100%;
    align-self: flex-start;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: auto;
    padding: 0.3rem 1.9rem 0.3rem 0.7rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background-color: var(--cor-superficie-suave);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238b93a1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.55rem center;
    background-size: 0.9rem;
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    text-overflow: ellipsis;
    transition: border-color var(--transicao-rapida), background-color var(--transicao-rapida);
}
.wpp__filtro-numero:hover[b-xmdkha7ryn] {
    border-color: var(--cor-primaria);
    background-color: var(--cor-superficie);
}
.wpp__filtro-numero:focus-visible[b-xmdkha7ryn] {
    outline: none;
    border-color: var(--cor-primaria);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--cor-primaria) 25%, transparent);
}
.wpp__filtro-numero[b-xmdkha7ryn]::-ms-expand {
    display: none;
}
.wpp__filtro-numero option[b-xmdkha7ryn] {
    background: var(--cor-superficie);
    color: var(--cor-texto);
    font-weight: 500;
}
[dir="rtl"] .wpp__filtro-numero[b-xmdkha7ryn] {
    padding: 0.3rem 0.7rem 0.3rem 1.9rem;
    background-position: left 0.55rem center;
}

/* Alerta de conexão ao lado do título "WhatsApp" */
.wpp__cabecalho-alerta[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    margin-right: auto;
    color: #d97706;
}
.wpp__cabecalho-alerta--vermelho[b-xmdkha7ryn] { color: var(--cor-erro, #dc2626); }
.wpp__cabecalho-alerta--laranja[b-xmdkha7ryn] { color: #d97706; }
/* Mensagem apagada — conteúdo preservado, esmaecido/tachado + aviso */
.wpp__conteudo--apagado[b-xmdkha7ryn] {
    opacity: 0.6;
}

.wpp__conteudo--apagado .wpp__texto[b-xmdkha7ryn] {
    text-decoration: line-through;
}

/* Chip "ver quem reagiu" */
.wpp__reacao--info[b-xmdkha7ryn] {
    padding-inline: 0.35rem;
}

/* Modal: quem reagiu */
.wpp__reacoes-lista[b-xmdkha7ryn] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.wpp__reacoes-lista-item[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.5rem 0.25rem;
    border-bottom: 1px solid var(--cor-borda, #e4e7ec);
}

.wpp__reacoes-lista-item:last-child[b-xmdkha7ryn] { border-bottom: none; }

.wpp__reacoes-lista-emoji[b-xmdkha7ryn] { font-size: 1.25rem; line-height: 1; }

.wpp__reacoes-lista-autor[b-xmdkha7ryn] { flex: 1; font-weight: 500; }

.wpp__reacoes-lista-data[b-xmdkha7ryn] {
    color: var(--cor-texto-secundario, #667085);
    font-size: 0.8rem;
}

/* Modal: histórico de edições */
.wpp__historico[b-xmdkha7ryn] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.wpp__historico-item[b-xmdkha7ryn] {
    border: 1px solid var(--cor-borda, #e4e7ec);
    border-radius: 10px;
    padding: 0.6rem 0.75rem;
    background: var(--cor-superficie-suave, #f9fafb);
}

.wpp__historico-item--atual[b-xmdkha7ryn] {
    border-color: var(--cor-primaria, #12b76a);
    background: var(--cor-superficie, #fff);
}

.wpp__historico-cabecalho[b-xmdkha7ryn] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: var(--cor-texto-secundario, #667085);
    margin-bottom: 0.25rem;
}

.wpp__historico-item p[b-xmdkha7ryn] {
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
}

/* Modal: dados da mensagem (cartão da mensagem, linha do tempo, quem viu, detalhes) */
.wpp__info[b-xmdkha7ryn] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-4);
}

.wpp__info-previa[b-xmdkha7ryn] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: var(--espacamento-3) var(--espacamento-4);
    border-radius: 14px;
    border-bottom-left-radius: 4px;
    background: var(--cor-superficie-suave);
    border: 1px solid var(--cor-borda);
}

.wpp__info-previa--minha[b-xmdkha7ryn] {
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 4px;
    background: color-mix(in srgb, var(--cor-primaria) 14%, var(--cor-superficie));
    border-color: color-mix(in srgb, var(--cor-primaria) 35%, transparent);
}

.wpp__info-previa-autor[b-xmdkha7ryn] {
    font-size: 0.74rem;
    font-weight: 700;
    color: var(--cor-primaria);
}

.wpp__info-previa-texto[b-xmdkha7ryn] {
    margin: 0;
    display: flex;
    align-items: flex-start;
    gap: var(--espacamento-2);
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 7.5rem;
    overflow-y: auto;
}

.wpp__info-previa-hora[b-xmdkha7ryn] {
    align-self: flex-end;
    font-size: 0.7rem;
    color: var(--cor-texto-secundario);
}

/* Linha do tempo vertical: círculo com ícone + título + horário. */
.wpp__info-linha[b-xmdkha7ryn] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.wpp__info-etapa[b-xmdkha7ryn] {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    padding: 0.4rem 0;
    color: var(--cor-texto-secundario);
}

/* Fio ligando uma etapa à seguinte. */
.wpp__info-etapa:not(:last-child)[b-xmdkha7ryn]::after {
    content: "";
    position: absolute;
    left: 15px;
    top: calc(50% + 16px);
    bottom: calc(-50% + 16px);
    width: 2px;
    background: var(--cor-borda);
}

.wpp__info-etapa--feita:not(:last-child)[b-xmdkha7ryn]::after {
    background: color-mix(in srgb, var(--cor-primaria) 45%, var(--cor-borda));
}

.wpp__info-etapa-icone[b-xmdkha7ryn] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background: var(--cor-superficie-suave);
    border: 1px solid var(--cor-borda);
    color: var(--cor-texto-secundario);
}

.wpp__info-etapa--feita .wpp__info-etapa-icone[b-xmdkha7ryn] {
    background: color-mix(in srgb, var(--cor-primaria) 16%, var(--cor-superficie));
    border-color: color-mix(in srgb, var(--cor-primaria) 45%, transparent);
    color: var(--cor-primaria);
}

.wpp__info-etapa--azul.wpp__info-etapa--feita .wpp__info-etapa-icone[b-xmdkha7ryn] {
    background: color-mix(in srgb, #34b7f1 16%, var(--cor-superficie));
    border-color: color-mix(in srgb, #34b7f1 50%, transparent);
    color: #34b7f1;
}

.wpp__info-etapa--erro .wpp__info-etapa-icone[b-xmdkha7ryn] {
    background: color-mix(in srgb, var(--cor-erro, #d92d20) 14%, var(--cor-superficie));
    border-color: color-mix(in srgb, var(--cor-erro, #d92d20) 45%, transparent);
    color: var(--cor-erro, #d92d20);
}

.wpp__info-etapa-texto[b-xmdkha7ryn] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.3;
}

.wpp__info-etapa-texto strong[b-xmdkha7ryn] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--cor-texto);
}

.wpp__info-etapa:not(.wpp__info-etapa--feita):not(.wpp__info-etapa--erro) .wpp__info-etapa-texto strong[b-xmdkha7ryn] {
    color: var(--cor-texto-secundario);
    font-weight: 500;
}

.wpp__info-etapa-texto small[b-xmdkha7ryn] {
    font-size: 0.78rem;
    color: var(--cor-texto-secundario);
}

.wpp__info-aviso[b-xmdkha7ryn] {
    margin: 0;
    padding: var(--espacamento-2) var(--espacamento-3);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-suave);
    border: 1px dashed var(--cor-borda-forte);
    font-size: 0.8rem;
    color: var(--cor-texto-secundario);
}

.wpp__info-secao[b-xmdkha7ryn] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-2);
}

.wpp__info-titulo[b-xmdkha7ryn] {
    margin: 0;
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--cor-texto-secundario);
}

.wpp__info-titulo-icone[b-xmdkha7ryn] {
    display: inline-flex;
    color: var(--cor-texto-secundario);
}

.wpp__info-titulo-icone--azul[b-xmdkha7ryn] {
    color: #34b7f1;
}

.wpp__info-contagem[b-xmdkha7ryn] {
    padding: 0 0.45rem;
    border-radius: 999px;
    background: var(--cor-superficie-suave);
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0;
}

/* Quem viu / quem recebeu: foto, nome e horário. */
.wpp__info-pessoas[b-xmdkha7ryn] {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 13rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.wpp__info-pessoas li[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    padding: 0.4rem 0.25rem;
    border-bottom: 1px solid color-mix(in srgb, var(--cor-borda) 60%, transparent);
}

.wpp__info-pessoas li:last-child[b-xmdkha7ryn] {
    border-bottom: none;
}

.wpp__info-pessoa-nome[b-xmdkha7ryn] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.9rem;
}

.wpp__info-pessoas small[b-xmdkha7ryn] {
    flex: 0 0 auto;
    font-size: 0.76rem;
    color: var(--cor-texto-secundario);
}

.wpp__info-grade[b-xmdkha7ryn] {
    margin: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--espacamento-2);
}

.wpp__info-grade > div[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-3);
    padding: 0.4rem 0;
    border-bottom: 1px solid color-mix(in srgb, var(--cor-borda) 60%, transparent);
}

.wpp__info-grade > div:last-child[b-xmdkha7ryn] {
    border-bottom: none;
}

.wpp__info-grade dt[b-xmdkha7ryn] {
    flex: 0 0 auto;
    font-size: 0.8rem;
    color: var(--cor-texto-secundario);
}

.wpp__info-grade dd[b-xmdkha7ryn] {
    margin: 0;
    min-width: 0;
    text-align: right;
    font-size: 0.88rem;
    word-break: break-word;
}

.wpp__info-pessoa[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--espacamento-2);
}

.wpp__info-grade code[b-xmdkha7ryn] {
    font-size: 0.74rem;
    background: var(--cor-superficie-suave);
    padding: 0.1rem 0.35rem;
    border-radius: var(--raio-medio);
}

.wpp__info-reacoes[b-xmdkha7ryn] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--espacamento-2);
}

.wpp__info-reacoes li[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    background: var(--cor-superficie-suave);
    border: 1px solid var(--cor-borda);
    font-size: 0.84rem;
}

.wpp__info-reacao-emoji[b-xmdkha7ryn] {
    font-size: 1.05rem;
}

.wpp__info-reacoes small[b-xmdkha7ryn] {
    color: var(--cor-texto-secundario);
}

.wpp__info-tecnico[b-xmdkha7ryn] {
    border-top: 1px solid var(--cor-borda);
    padding-top: var(--espacamento-2);
}

.wpp__info-tecnico summary[b-xmdkha7ryn] {
    cursor: pointer;
    font-size: 0.78rem;
    color: var(--cor-texto-secundario);
    user-select: none;
}

/* Menções (@Fulano) dentro do balão: ver TextoComLinks. No balão enviado (fundo escuro) o azul fica mais claro. */
.wpp__mensagem--minha[b-xmdkha7ryn]  .texto-mencao {
    color: #bfe0ff;
}

/* Menu da menção: ancorado no clique (position: fixed + coordenadas inline). */
.wpp__menu-mencao[b-xmdkha7ryn] {
    position: fixed;
    z-index: 60;
    min-width: 12rem;
    padding: var(--espacamento-1);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie-elevada);
    border: 1px solid var(--cor-borda);
    box-shadow: var(--sombra-cartao);
}

.wpp__menu-mencao button[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    width: 100%;
    padding: var(--espacamento-2) var(--espacamento-3);
    border: none;
    border-radius: var(--raio-pequeno);
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.85rem;
    text-align: left;
    cursor: pointer;
    transition: background-color var(--transicao-rapida);
}

.wpp__menu-mencao button:hover[b-xmdkha7ryn] {
    background: var(--cor-superficie-suave);
}

/* Card do modal "Ver contato". */
.wpp__mencao-card[b-xmdkha7ryn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--espacamento-2);
    padding: var(--espacamento-3) 0;
    text-align: center;
}

.wpp__mencao-nome[b-xmdkha7ryn] {
    font-size: 1.1rem;
}

.wpp__mencao-linha[b-xmdkha7ryn] {
    color: var(--cor-texto-suave);
    font-size: 0.9rem;
}

/* Transcrição de áudio (Whisper) sob o player: última transcrição + botão/estado da fila. */
.wpp__transcricao[b-xmdkha7ryn] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-top: 0.25rem;
    max-width: 280px;
    font-size: 0.8rem;
}

.wpp__transcricao:empty[b-xmdkha7ryn] {
    display: none;
}

.wpp__transcricao-texto[b-xmdkha7ryn] {
    white-space: pre-wrap;
    word-break: break-word;
    line-height: 1.35;
    padding: 0.35rem 0.5rem;
    border-radius: var(--raio-pequeno);
    background: color-mix(in srgb, currentColor 10%, transparent);
}

/* Enquanto uma nova transcrição está na fila/rodando, a anterior fica esmaecida. */
.wpp__transcricao-texto--antiga[b-xmdkha7ryn] {
    opacity: 0.6;
}

.wpp__transcricao-estado[b-xmdkha7ryn],
.wpp__transcricao-erro[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    opacity: 0.85;
}

.wpp__transcricao-erro[b-xmdkha7ryn] {
    color: var(--cor-perigo, #f87171);
    opacity: 1;
}

.wpp__transcricao-acoes[b-xmdkha7ryn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.wpp__transcricao-acoes button[b-xmdkha7ryn] {
    border: none;
    background: none;
    padding: 0;
    font: inherit;
    font-size: 0.75rem;
    color: inherit;
    opacity: 0.8;
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
}

.wpp__transcricao-acoes button:hover[b-xmdkha7ryn] {
    opacity: 1;
}

.wpp__transcricao-acoes .wpp__transcricao-botao[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    text-decoration: none;
    opacity: 1;
    font-weight: 600;
}

.wpp__transcricao-idioma[b-xmdkha7ryn] {
    padding: 0 0.35rem;
    border-radius: 999px;
    border: 1px solid currentColor;
    font-size: 0.65rem;
    letter-spacing: 0.04em;
    opacity: 0.7;
}

/* ---- atendimento humano (nó "Transferir para humano" do fluxograma) ---- */
.wpp__tag-atendimento[b-xmdkha7ryn] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    margin-right: 0.3rem;
    padding: 0.05rem 0.45rem;
    border-radius: 999px;
    font-size: 0.66rem;
    font-weight: 700;
    vertical-align: middle;
    white-space: nowrap;
}

.wpp__tag-atendimento--aguardando[b-xmdkha7ryn] {
    background: color-mix(in srgb, #d9a441 22%, transparent);
    color: #b9801b;
}

.wpp__tag-atendimento--ativo[b-xmdkha7ryn] {
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
}

.wpp__tag-atendimento--grupo[b-xmdkha7ryn] {
    background: var(--cor-superficie-suave, rgba(127, 127, 127, 0.14));
    color: var(--cor-texto-secundario);
}

.wpp__botao-atendimento[b-xmdkha7ryn] {
    flex: 0 0 auto;
    white-space: nowrap;
}

@media (max-width: 40rem) {
    .wpp__botao-atendimento span[b-xmdkha7ryn] {
        display: none;
    }
}

/* Fotos de um item (catálogo/imóvel) anexadas ao compositor, à espera do Enviar. */
.wpp__anexos-itens[b-xmdkha7ryn] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espacamento-2);
}

.wpp__anexo-miniatura[b-xmdkha7ryn] {
    position: relative;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: var(--raio-medio);
    border: 1px solid var(--cor-borda);
    overflow: visible;
}

.wpp__anexo-miniatura img[b-xmdkha7ryn] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}

.wpp__anexo-miniatura-remover[b-xmdkha7ryn] {
    position: absolute;
    top: -0.4rem;
    right: -0.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.2rem;
    height: 1.2rem;
    padding: 0;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background: var(--cor-superficie-elevada);
    color: var(--cor-texto);
    cursor: pointer;
}

/* Selo de "mensagens novas" na bolinha de descer (data-novas é escrito por nexoChat.avisarNovasWpp). */
.wpp__ir-fim[data-novas][b-xmdkha7ryn]::after {
    content: attr(data-novas);
    position: absolute;
    top: -0.5rem;
    right: -0.25rem;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.3rem;
    height: 1.3rem;
    padding: 0 0.3rem;
    border-radius: 999px;
    background: var(--cor-primaria);
    color: #fff;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1;
}

.wpp__ir-fim[data-novas][b-xmdkha7ryn] {
    color: var(--cor-primaria);
    border-color: var(--cor-primaria);
}

/* ------------------------------------------------------------------ Encaminhar (modo seleção) */
/* Em modo seleção os atalhos de hover (responder/reagir/⋯) somem: o clique em qualquer lugar da linha marca/desmarca. */
.wpp__mensagens--selecao .wpp__controles[b-xmdkha7ryn],
.wpp__mensagens--selecao .wpp__seletor-reacao[b-xmdkha7ryn],
.wpp__mensagens--selecao .wpp__menu-mensagem[b-xmdkha7ryn] {
    display: none;
}

/* Camada por cima da linha inteira (ponta a ponta): captura o clique mesmo sobre imagens, links e players. */
.wpp__selecao-capa[b-xmdkha7ryn] {
    position: absolute;
    inset: 0;
    z-index: 1; /* abaixo do rótulo de dia fixo (z-index: 2) */
    cursor: pointer;
    transition: background-color var(--transicao-rapida);
}

.wpp__selecao-capa:hover[b-xmdkha7ryn] {
    background: color-mix(in srgb, var(--cor-primaria) 8%, transparent);
}

.wpp__selecao-capa--ativa[b-xmdkha7ryn],
.wpp__selecao-capa--ativa:hover[b-xmdkha7ryn] {
    background: color-mix(in srgb, var(--cor-primaria) 20%, transparent);
}

.wpp__selecao-marca[b-xmdkha7ryn] {
    position: absolute;
    left: var(--espacamento-4);
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    border: 2px solid var(--cor-texto-secundario);
    background: var(--cor-superficie);
    color: #fff;
    pointer-events: none;
}

.wpp__selecao-marca--ativa[b-xmdkha7ryn] {
    background: var(--cor-primaria);
    border-color: var(--cor-primaria);
}

/* Barra que substitui o campo de digitação: [X]  N itens selecionados  [→] */
.wpp__selecao-barra[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-4);
    min-height: 3.5rem;
    padding: var(--espacamento-2) var(--espacamento-4);
}

.wpp__selecao-contagem[b-xmdkha7ryn] {
    flex: 1;
    min-width: 0;
    font-size: 0.95rem;
    color: var(--cor-texto);
}

.wpp__selecao-btn[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--cor-texto);
    cursor: pointer;
    transition: background-color var(--transicao-rapida);
}

.wpp__selecao-btn:hover:not(:disabled)[b-xmdkha7ryn] {
    background: var(--cor-superficie-suave);
}

.wpp__selecao-btn:disabled[b-xmdkha7ryn] {
    opacity: 0.4;
    cursor: not-allowed;
}

/* Modal de destinos */
.wpp__encaminhar-busca[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
    margin-bottom: var(--espacamento-3);
    color: var(--cor-texto-secundario);
}

.wpp__encaminhar-busca input[b-xmdkha7ryn] {
    flex: 1;
    min-width: 0;
}

.wpp__encaminhar-rotulo[b-xmdkha7ryn] {
    margin: 0 0 var(--espacamento-2);
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--cor-texto-secundario);
}

.wpp__encaminhar-lista[b-xmdkha7ryn] {
    max-height: 21rem;
}

.wpp__encaminhar-lista .wpp__usuario small[b-xmdkha7ryn] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Paginação da lista de conversas (rodapé fixo da coluna, fora da área que rola) */
.wpp__paginacao[b-xmdkha7ryn] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-2);
    padding: var(--espacamento-2) var(--espacamento-3);
    border-top: 1px solid var(--cor-borda);
    background: var(--cor-superficie);
}

.wpp__paginacao-info[b-xmdkha7ryn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 0;
    line-height: 1.25;
}

.wpp__paginacao-info strong[b-xmdkha7ryn] {
    font-size: 0.82rem;
}

.wpp__paginacao-info small[b-xmdkha7ryn] {
    font-size: 0.72rem;
    color: var(--cor-texto-secundario);
}

.wpp__paginacao-btn[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background: transparent;
    color: var(--cor-texto);
    cursor: pointer;
    transition: background-color var(--transicao-rapida);
}

.wpp__paginacao-btn:hover:not(:disabled)[b-xmdkha7ryn] {
    background: var(--cor-superficie-suave);
}

.wpp__paginacao-btn:disabled[b-xmdkha7ryn] {
    opacity: 0.4;
    cursor: not-allowed;
}

/* Modo seleção: abre uma "coluna" à esquerda para as caixas de marcar, empurrando os balões (não ficam por cima deles). */
.wpp__mensagens--selecao .wpp__mensagem[b-xmdkha7ryn] {
    padding-left: calc(var(--espacamento-4) + 22px + var(--espacamento-4));
}

.wpp__mensagens--selecao .wpp__balao[b-xmdkha7ryn] {
    max-width: min(70%, 32rem);
}

/* Áudio já ouvido: o "microfone azul" do WhatsApp, ao lado da hora. */
.wpp__ouvida[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    color: #34b7f1;
}

.wpp__mensagem--minha .wpp__ouvida[b-xmdkha7ryn] {
    color: #7fd0ff;
}

/* Menu interativo (lista "ver opções" / botões) abaixo do texto */
.wpp__menu-opcoes[b-xmdkha7ryn] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    margin-top: 0.45rem;
    width: 16rem;
    max-width: 100%;
}

.wpp__menu-opcoes-titulo[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.75rem;
    font-weight: 700;
    opacity: 0.8;
}

.wpp__menu-opcao[b-xmdkha7ryn] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.1rem;
    width: 100%;
    padding: 0.45rem 0.65rem;
    border: 1px solid color-mix(in srgb, currentColor 25%, transparent);
    border-radius: var(--raio-pequeno);
    background: color-mix(in srgb, currentColor 8%, transparent);
    color: inherit;
    font: inherit;
    font-size: 0.85rem;
    text-align: left;
    cursor: pointer;
}

.wpp__menu-opcao:hover:not(:disabled)[b-xmdkha7ryn] {
    background: color-mix(in srgb, currentColor 16%, transparent);
}

.wpp__menu-opcao:disabled[b-xmdkha7ryn] {
    cursor: default;
    opacity: 0.75;
}

.wpp__menu-opcao-titulo[b-xmdkha7ryn] {
    font-weight: 600;
    overflow-wrap: anywhere;
}

.wpp__menu-opcao-descricao[b-xmdkha7ryn] {
    font-size: 0.75rem;
    opacity: 0.8;
}

/* Foto do usuário vinculado, à esquerda das tags da lista */
.wpp__item-responsavel[b-xmdkha7ryn] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    border-radius: 50%;
    overflow: hidden;
}

/* Painel de informações: fluxograma + vínculo com o usuário */
.wpp__painel-automacao[b-xmdkha7ryn] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-2);
}

.wpp__painel-fluxo[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    min-width: 0;
}

.wpp__painel-fluxo-nome[b-xmdkha7ryn] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.85rem;
}

.wpp__painel-fluxo-x[b-xmdkha7ryn] {
    flex: 0 0 auto;
    margin-left: auto;
}

.wpp__painel-vincular[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    width: 100%;
}

/* ---------- Tickets ---------- */
.wpp__ticket-numero[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    flex: 0 0 auto;
    margin-left: 0.35rem;
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--cor-texto-secundario);
}

.wpp__ticket-cabecalho[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    margin-right: 0.25rem;
    padding-right: 0.9rem;
    border-right: 1px solid var(--cor-borda);
    white-space: nowrap;
}

.wpp__tag-atendimento--ia[b-xmdkha7ryn] {
    background: color-mix(in srgb, #8b5cf6 18%, transparent);
    color: #7c4dd8;
}

/* Tickets: as abas de estágio quebram de linha quando não cabem e nunca são espremidas. */
.wpp__abas-chips.wpp__abas-chips--tickets[b-xmdkha7ryn] {
    flex-wrap: wrap;
    overflow: visible;
    gap: 0.3rem;
}

.wpp__abas-chips--tickets .wpp__aba[b-xmdkha7ryn] {
    flex: 0 0 auto;
    min-width: auto;
    padding: 0.25rem 0.65rem;
    white-space: nowrap;
}

.wpp__abas-chips--tickets .wpp__aba > span:first-of-type[b-xmdkha7ryn] {
    overflow: visible;
    text-overflow: clip;
}

.wpp__abas-chips--tickets .wpp__aba .icone-sistema[b-xmdkha7ryn] {
    flex: 0 0 auto;
}

/* Número do ticket na linha da hora (tela de Conversas): no extremo esquerdo do balão, hora e tique à direita */
.wpp__meta-ticket[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    margin-right: auto;
    padding-right: 0.5rem;
    white-space: nowrap;
}

/* ---------- Participantes do grupo (painel de informações) ---------- */
.wpp__participantes[b-xmdkha7ryn] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.wpp__participante[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.3rem 0.2rem;
    min-width: 0;
}

.wpp__participante-info[b-xmdkha7ryn] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.wpp__participante-info strong[b-xmdkha7ryn] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.85rem;
    font-weight: 600;
}

.wpp__participante-info small[b-xmdkha7ryn] {
    color: var(--cor-texto-secundario);
    font-size: 0.72rem;
}

.wpp__participante-voce[b-xmdkha7ryn] {
    font-style: normal;
    font-weight: 400;
    color: var(--cor-texto-secundario);
}

.wpp__participante-papel[b-xmdkha7ryn] {
    flex: 0 0 auto;
    padding: 0.05rem 0.45rem;
    border-radius: 999px;
    font-size: 0.66rem;
    font-weight: 700;
    white-space: nowrap;
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
}

.wpp__participante-papel--dono[b-xmdkha7ryn] {
    background: color-mix(in srgb, #d9a441 22%, transparent);
    color: #b9801b;
}

/* ---------- Balãozinho "digitando…" no fim da conversa ---------- */
.wpp__digitando[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    align-self: flex-start;
    gap: 0.5rem;
    margin-top: 6px;
}

.wpp__digitando-bolha[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 0.7rem 0.85rem;
    border-radius: 14px;
    border-bottom-left-radius: 4px;
    background: var(--cor-superficie);
    border: 1px solid var(--cor-borda);
    box-shadow: var(--sombra-suave);
}

.wpp__digitando-bolha > span[b-xmdkha7ryn] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--cor-texto-secundario);
    animation: wpp-digitando-pulo-b-xmdkha7ryn 1.2s infinite ease-in-out;
}

.wpp__digitando-bolha > span:nth-child(2)[b-xmdkha7ryn] {
    animation-delay: 0.15s;
}

.wpp__digitando-bolha > span:nth-child(3)[b-xmdkha7ryn] {
    animation-delay: 0.3s;
}

.wpp__digitando-texto[b-xmdkha7ryn] {
    font-size: 0.72rem;
    color: var(--cor-texto-secundario);
}

@keyframes wpp-digitando-pulo-b-xmdkha7ryn {
    0%, 60%, 100% {
        transform: translateY(0);
        opacity: 0.4;
    }
    30% {
        transform: translateY(-4px);
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wpp__digitando-bolha > span[b-xmdkha7ryn] {
        animation: none;
        opacity: 0.7;
    }
}

.wpp__participantes-paginacao[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding-top: 0.4rem;
    font-size: 0.75rem;
    color: var(--cor-texto-secundario);
}

/* ---------- Chamado: quem atende, número do ticket clicável ---------- */
.wpp__atendente-chip[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    max-width: 11rem;
    padding: 0.1rem 0.5rem 0.1rem 0.15rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    font-size: 0.72rem;
    white-space: nowrap;
}

.wpp__atendente-chip > span[b-xmdkha7ryn] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.wpp__atendente-chip .wpp__atendente-chip--vazio[b-xmdkha7ryn] {
    padding-left: 0.35rem;
    color: var(--cor-texto-secundario);
}

.wpp__painel-atendente[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
}

.wpp__ticket-link[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.75rem;
    border: 1px solid var(--cor-primaria);
    border-radius: 999px;
    background: var(--cor-primaria-suave);
    color: var(--cor-primaria);
    font: inherit;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
}

.wpp__ticket-link:hover[b-xmdkha7ryn] {
    background: var(--cor-primaria);
    color: #fff;
}

/* ---------- Tickets encerrados: acinzentados + filtro de datas ---------- */
.wpp__item--encerrado[b-xmdkha7ryn] {
    opacity: 0.6;
    filter: grayscale(0.85);
}

.wpp__item--encerrado:hover[b-xmdkha7ryn],
.wpp__item--encerrado.wpp__item--ativa[b-xmdkha7ryn] {
    opacity: 0.88;
}

.wpp__filtro-datas[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0.5rem;
    padding: 0 var(--espacamento-4) var(--espacamento-3);
}

.wpp__filtro-datas label[b-xmdkha7ryn] {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.72rem;
    color: var(--cor-texto-secundario);
    white-space: nowrap;
}

.wpp__filtro-datas input[type="date"][b-xmdkha7ryn] {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0.2rem 0.35rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    background: var(--cor-superficie);
    color: var(--cor-texto);
    font: inherit;
    font-size: 0.75rem;
}

/* Botões de ação do chamado (tela de Tickets): só o ícone; o texto vai no tooltip. */
.wpp__icone-btn--borda[b-xmdkha7ryn] {
    border: 1px solid var(--cor-borda);
}

.wpp__icone-btn--borda:hover:not(:disabled)[b-xmdkha7ryn] {
    border-color: var(--cor-borda-forte);
}

.wpp__icone-btn--primario[b-xmdkha7ryn] {
    background: var(--cor-primaria);
    color: #fff;
}

.wpp__icone-btn--primario:hover:not(:disabled)[b-xmdkha7ryn] {
    background: color-mix(in srgb, var(--cor-primaria) 85%, #000);
    color: #fff;
}

.wpp__icone-btn:disabled[b-xmdkha7ryn] {
    opacity: 0.5;
    cursor: default;
}

/* Papel de parede (mesma textura do Chat) - so aparece com uma conversa aberta, repetido e discreto. */
.wpp__conversa--aberta[b-xmdkha7ryn] {
    isolation: isolate;
    background: color-mix(in srgb, var(--cor-primaria) 5%, var(--cor-fundo));
}

.wpp__conversa--aberta[b-xmdkha7ryn]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: var(--cor-texto);
    opacity: 0.06;
    -webkit-mask-image: url("/imagens/chat-fundo.png");
    mask-image: url("/imagens/chat-fundo.png");
    -webkit-mask-size: 405px auto;
    mask-size: 405px auto;
    -webkit-mask-repeat: repeat;
    mask-repeat: repeat;
    pointer-events: none;
}

/* Menu do clipe em grade (mesmo layout do Chat): Arquivos + Do sistema. */
.wpp__anexo-menu[b-xmdkha7ryn] {
    position: absolute;
    bottom: calc(100% + 0.5rem);
    left: 0;
    z-index: 41;
    width: min(19.5rem, calc(100vw - 2rem));
    padding: var(--espacamento-3);
    border-radius: 16px;
    background: var(--cor-superficie-elevada);
    border: 1px solid var(--cor-borda);
    box-shadow: var(--sombra-cartao);
    animation: chats-menu-surge-b-xmdkha7ryn 120ms ease;
}

.wpp__anexo-secao[b-xmdkha7ryn] {
    padding: 0 var(--espacamento-1) var(--espacamento-2);
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: var(--cor-texto-suave);
}

.wpp__anexo-grade[b-xmdkha7ryn] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--espacamento-2);
    margin-bottom: var(--espacamento-3);
}

.wpp__anexo-grade:last-child[b-xmdkha7ryn] {
    margin-bottom: 0;
}

.wpp__anexo-opcao[b-xmdkha7ryn] {
    --acento: #64748b;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--espacamento-2);
    padding: var(--espacamento-3) var(--espacamento-1) var(--espacamento-2);
    border: 1px solid transparent;
    border-radius: 14px;
    background: transparent;
    color: var(--cor-texto);
    font: inherit;
    cursor: pointer;
    transition: background-color var(--transicao-rapida), border-color var(--transicao-rapida), transform var(--transicao-rapida);
}

.wpp__anexo-opcao:hover[b-xmdkha7ryn] {
    background: color-mix(in srgb, var(--acento) 10%, transparent);
    border-color: color-mix(in srgb, var(--acento) 35%, transparent);
    transform: translateY(-1px);
}

.wpp__anexo-opcao:focus-visible[b-xmdkha7ryn] {
    outline: 2px solid var(--acento);
    outline-offset: 1px;
}

.wpp__anexo-icone[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 14px;
    background: var(--acento);
    color: #fff;
}

.wpp__anexo-rotulo[b-xmdkha7ryn] {
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.15;
    text-align: center;
    overflow-wrap: anywhere;
}

.wpp__anexo-icone--midia[b-xmdkha7ryn] { --acento: #3b82f6; }
.wpp__anexo-icone--arquivo[b-xmdkha7ryn] { --acento: #8b5cf6; }
.wpp__anexo-icone--catalogo[b-xmdkha7ryn] { --acento: #10b981; }
.wpp__anexo-icone--imoveis[b-xmdkha7ryn] { --acento: #f97316; }

.wpp__ticket-cabecalho-numero[b-xmdkha7ryn] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}