/* /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 ---- */
.dash-recursos[b-n9jod0g7ip] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.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;
}

.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/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;
    }
}
/* /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] {
    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;
}
/* /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/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/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: 6px;
    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] {
    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] {
    color: var(--cor-primaria);
}

.anexo-email-preview__visualizacao[b-2rnycx09p1] {
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 70vh;
    overflow: auto;
}

.anexo-email-preview__visualizacao img[b-2rnycx09p1] {
    max-width: 100%;
    max-height: 70vh;
    border-radius: 6px;
    object-fit: contain;
}
/* /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/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/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: 6px;
    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/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;
}

.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__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;
    flex: 1;
    border: 0;
    border-radius: 6px;
    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: 6px;
    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/EditorHtmlRico.razor.rz.scp.css */
.editor-html-rico[b-y65bcjj2ky] {
    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/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/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: 6px;
}

.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: 6px;
    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 1fr 1.2fr 1.5fr 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],
.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;
    }
}
/* /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/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: 6px;
    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/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);
}

.emails-inicial__comentario-seletor-arquivo[b-ks5fz3jbty] {
    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__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 :deep(.icone-sistema)[b-ho5hpy4gul] {
    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 :deep(.painel-abas)[b-ho5hpy4gul] {
    gap: 0.75rem;
}

.agenda-modal__lateral :deep(.painel-abas__aba)[b-ho5hpy4gul] {
    padding: 0.45rem 0.7rem;
    font-size: 0.8rem;
}

.agenda-modal__lateral :deep(.painel-abas__conteudo)[b-ho5hpy4gul] {
    gap: 0.6rem;
}
/* /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;
}

.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/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/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);
}

.fx-editor__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__cabecalho {
    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;
}
/* /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: 6px;
    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__variaveis[b-f1xrvnjeow] {
    display: grid;
    gap: 0.5rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid var(--cor-borda, #e4e7ec);
    border-radius: 10px;
    background: var(--cor-superficie-suave, #f9fafb);
}

.wpp-rapidas__variaveis-titulo[b-f1xrvnjeow] {
    font-size: 0.8rem;
    font-weight: 700;
}

.wpp-rapidas__variaveis-ajuda[b-f1xrvnjeow] {
    color: var(--cor-texto-secundario, #667085);
}

.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__chip--ref[b-f1xrvnjeow] {
    cursor: default;
}

.wpp-rapidas__chip code[b-f1xrvnjeow] {
    font-family: var(--fonte-mono, ui-monospace, monospace);
    font-weight: 700;
    color: var(--cor-primaria, #2563eb);
}

.wpp-rapidas__chip--ref span[b-f1xrvnjeow] {
    color: var(--cor-texto-secundario, #667085);
}

.wpp-rapidas__barra[b-f1xrvnjeow] {
    display: flex;
}

.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/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/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/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);
}

.visualizador-imagem__cartao[b-60epkgl745] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    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] {
    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;
}

.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:
        repeating-conic-gradient(color-mix(in srgb, var(--cor-borda) 40%, transparent) 0% 25%, transparent 0% 50%)
        50% / 22px 22px;
}

.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] {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    background: #000;
    border-radius: var(--raio-pequeno);
}

/* 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) {
    .visualizador-imagem[b-60epkgl745] {
        width: calc(100vw - 0.5rem);
        height: calc(100vh - 0.5rem);
    }

    .visualizador-imagem__titulo[b-60epkgl745] {
        display: none;
    }

    .visualizador-imagem__acoes[b-60epkgl745] {
        width: 100%;
        justify-content: space-between;
    }

    .visualizador-imagem__seta[b-60epkgl745] {
        width: 2.25rem;
        height: 2.25rem;
    }

    .visualizador-imagem__miniatura[b-60epkgl745] {
        width: 4rem;
        height: 3rem;
    }
}
/* /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] {
    background-color: var(--cor-superficie);
    color: var(--cor-texto);
    width: min(100vw - 1.5rem, 22rem);
    margin: 20vh auto;
    padding: 1rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    box-shadow: var(--sombra-elevada);
    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-slideUp-b-mzcemie4t6 180ms ease-out, components-reconnect-modal-fadeInOpacity-b-mzcemie4t6 160ms ease-out;
        animation-fill-mode: both;
    }
}

#components-reconnect-modal[b-mzcemie4t6]::backdrop {
    background-color: rgba(0, 0, 0, 0.54);
    animation: components-reconnect-modal-fadeInOpacity-b-mzcemie4t6 160ms ease-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-mzcemie4t6 {
    0% {
        transform: translateY(10px);
    }

    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.75rem;
}

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

#components-reconnect-modal button[b-mzcemie4t6] {
    min-height: 2.15rem;
    padding: 0 0.75rem;
    border: 1px solid transparent;
    background-color: var(--cor-primaria);
    color: white;
    border-radius: var(--raio-pequeno);
}

#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);
}

.components-reconnect-offline-logo[b-mzcemie4t6] {
    width: auto;
    height: 44px;
    max-width: 70%;
    object-fit: contain;
    margin-bottom: 0.25rem;
}

.components-reconnect-offline-titulo[b-mzcemie4t6] {
    font-weight: 600;
    font-size: 1rem;
}

.components-reconnect-offline-texto[b-mzcemie4t6] {
    color: var(--cor-texto-secundario, inherit);
}

.components-reconnect-status[b-mzcemie4t6] {
    font-size: 0.85rem;
    opacity: 0.7;
}

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

.components-rejoining-animation div[b-mzcemie4t6] {
    position: absolute;
    border: 2px solid var(--cor-primaria);
    opacity: 1;
    border-radius: 50%;
    animation: components-rejoining-animation-b-mzcemie4t6 1s ease-out infinite;
}

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

@keyframes components-rejoining-animation-b-mzcemie4t6 {
    0% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0;
        left: 0;
        width: 56px;
        height: 56px;
        opacity: 0;
    }
}
/* /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--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));
    gap: 0.9rem;
}

.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__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__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: 55rem; grid-template-columns: minmax(12rem, 1.8fr) repeat(6, minmax(5rem, 1fr)); }
.accounts__tabela--overall-partners .accounts__tabela-cabecalho[b-mbs79mbguu],
.accounts__tabela--overall-partners article[b-mbs79mbguu] { min-width: 62rem; grid-template-columns: minmax(12rem, 1.8fr) repeat(7, minmax(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: 44.5rem; grid-template-columns: minmax(7rem, 1.2fr) minmax(6rem, 1fr) repeat(4, minmax(5.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--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--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 · 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: "Net Revenue"; }
    .accounts__tabela--overall > article > :nth-child(5)[b-mbs79mbguu]::before { content: "Costs"; }
    .accounts__tabela--overall > article > :nth-child(6)[b-mbs79mbguu]::before { content: "Profit"; }
    .accounts__tabela--overall > article > :nth-child(7)[b-mbs79mbguu]::before { content: "Margin"; }

    /* Summary by Partner (extends --overall, com Deduction extra): Partner · Jobs · Gross · 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: "Net Revenue"; }
    .accounts__tabela--overall-partners > article > :nth-child(5)[b-mbs79mbguu]::before { content: "Costs"; }
    .accounts__tabela--overall-partners > article > :nth-child(6)[b-mbs79mbguu]::before { content: "Deduction"; }
    .accounts__tabela--overall-partners > article > :nth-child(7)[b-mbs79mbguu]::before { content: "Profit"; }
    .accounts__tabela--overall-partners > article > :nth-child(8)[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 · 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: "Commission"; }
    .accounts__tabela--staff-commissions > article > :nth-child(5)[b-mbs79mbguu]::before { content: "Profit Base"; }
    .accounts__tabela--staff-commissions > article > :nth-child(6)[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: 6px;
    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/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);
    }
}
/* /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 :deep(.fc-event.calendario-evento--agenda)[b-4c16m0xbrs] {
    box-shadow: inset 3px 0 0 rgb(255 255 255 / 45%);
}

.calendario-pagina__agenda :deep(.fc-event.calendario-evento--recusado)[b-4c16m0xbrs] {
    opacity: 0.55;
    text-decoration: line-through;
}

.calendario-pagina__agenda :deep(.calendario-evento__marca)[b-4c16m0xbrs] {
    flex: 0 0 auto;
    margin-left: 0.25rem;
    font-size: 0.72rem;
    opacity: 0.85;
}

.calendario-pagina__filtro-cabecalho :deep(.selecao-padrao__gatilho)[b-4c16m0xbrs] {
    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 :deep(.icone-sistema)[b-4c16m0xbrs] {
    display: inline-grid;
    color: inherit !important;
}

.calendario-pagina__agenda :deep(.fc)[b-4c16m0xbrs] {
    --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 :deep(.fc .fc-header-toolbar)[b-4c16m0xbrs] {
    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 :deep(.fc .fc-toolbar-title)[b-4c16m0xbrs] {
    color: var(--cor-texto);
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: -0.015em;
}

.calendario-pagina__agenda :deep(.fc .fc-button)[b-4c16m0xbrs] {
    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 :deep(.fc .fc-button:focus)[b-4c16m0xbrs] {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--cor-primaria) 20%, transparent);
}

.calendario-pagina__agenda :deep(.fc .fc-button:hover)[b-4c16m0xbrs],
.calendario-pagina__agenda :deep(.fc .fc-button-active)[b-4c16m0xbrs] {
    border-color: var(--cor-primaria) !important;
    background: var(--cor-primaria);
    color: #fff;
}

.calendario-pagina__agenda :deep(.fc .fc-button-group)[b-4c16m0xbrs] {
    display: inline-flex;
    gap: 0.25rem;
}

.calendario-pagina__agenda :deep(.fc .fc-button-group > .fc-button)[b-4c16m0xbrs] {
    border-radius: var(--raio-pequeno) !important;
}

.calendario-pagina__agenda :deep(.fc .fc-today-button)[b-4c16m0xbrs] {
    margin-left: 0.25rem;
}

.calendario-pagina__agenda :deep(.fc .fc-scrollgrid)[b-4c16m0xbrs] {
    border: 1px solid var(--cor-borda) !important;
}

.calendario-pagina__agenda :deep(.fc-theme-standard .fc-scrollgrid)[b-4c16m0xbrs],
.calendario-pagina__agenda :deep(.fc-theme-standard td)[b-4c16m0xbrs],
.calendario-pagina__agenda :deep(.fc-theme-standard th)[b-4c16m0xbrs] {
    border-color: var(--cor-borda) !important;
}

.calendario-pagina__agenda :deep(.fc .fc-scrollgrid-section-header)[b-4c16m0xbrs],
.calendario-pagina__agenda :deep(.fc .fc-scrollgrid-section-header > *)[b-4c16m0xbrs],
.calendario-pagina__agenda :deep(.fc .fc-scrollgrid-section-header table)[b-4c16m0xbrs],
.calendario-pagina__agenda :deep(.fc .fc-col-header)[b-4c16m0xbrs],
.calendario-pagina__agenda :deep(.fc .fc-col-header-cell)[b-4c16m0xbrs] {
    background-color: var(--cor-superficie-suave) !important;
}

.calendario-pagina__agenda :deep(.fc .fc-col-header-cell)[b-4c16m0xbrs] {
    padding: 0.62rem 0.35rem;
}

.calendario-pagina__agenda :deep(.fc .fc-col-header-cell-cushion)[b-4c16m0xbrs],
.calendario-pagina__agenda :deep(.fc .fc-daygrid-day-number)[b-4c16m0xbrs],
.calendario-pagina__agenda :deep(.fc .fc-timegrid-axis-cushion)[b-4c16m0xbrs] {
    color: var(--cor-texto-secundario);
    font-size: 0.76rem;
    font-weight: 600;
    text-decoration: none;
}

.calendario-pagina__agenda :deep(.fc .fc-daygrid-day)[b-4c16m0xbrs],
.calendario-pagina__agenda :deep(.fc .fc-timegrid-slot)[b-4c16m0xbrs],
.calendario-pagina__agenda :deep(.fc .fc-timegrid-axis)[b-4c16m0xbrs] {
    border-color: var(--cor-borda) !important;
    background-color: var(--cor-superficie) !important;
}

.calendario-pagina__agenda :deep(.fc .fc-daygrid-day-frame)[b-4c16m0xbrs] {
    min-height: 6.1rem;
    padding: 0.3rem;
    transition: background 0.2s ease;
}

.calendario-pagina__agenda :deep(.fc .fc-daygrid-day:hover .fc-daygrid-day-frame)[b-4c16m0xbrs] {
    background: color-mix(in srgb, var(--cor-primaria) 4%, transparent);
}

.calendario-pagina__agenda :deep(.fc .fc-day-other)[b-4c16m0xbrs] {
    background-color: color-mix(in srgb, var(--cor-superficie-suave) 72%, var(--cor-superficie)) !important;
}

.calendario-pagina__agenda :deep(.fc .fc-day-other .fc-daygrid-day-number)[b-4c16m0xbrs] {
    color: var(--cor-texto-suave);
}

.calendario-pagina__agenda :deep(.fc .fc-day-today)[b-4c16m0xbrs] {
    background-color: color-mix(in srgb, var(--cor-primaria) 10%, var(--cor-superficie)) !important;
}

.calendario-pagina__agenda :deep(.fc .fc-day-today .fc-daygrid-day-number)[b-4c16m0xbrs] {
    display: inline-grid;
    width: 1.55rem;
    height: 1.55rem;
    place-items: center;
    border-radius: 50%;
    background: var(--cor-primaria);
    color: #fff;
}

.calendario-pagina__agenda :deep(.fc .fc-event)[b-4c16m0xbrs] {
    position: relative;
    overflow: hidden;
    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 :deep(.fc .fc-daygrid-event-harness)[b-4c16m0xbrs] {
    margin: 0.16rem 0.12rem 0;
}

.calendario-pagina__agenda :deep(.fc .fc-event-main)[b-4c16m0xbrs] {
    width: 100%;
    overflow: hidden;
}

.calendario-pagina__agenda :deep(.fc .fc-timegrid-event)[b-4c16m0xbrs] {
    box-sizing: border-box;
    width: calc(100% - 2px);
    height: 100%;
    margin: 0 1px;
}

.calendario-pagina__agenda :deep(.fc .fc-timegrid-event-harness)[b-4c16m0xbrs] {
    min-height: 1.4rem;
}

.calendario-pagina__agenda :deep(.fc .fc-timegrid-event .fc-event-main)[b-4c16m0xbrs] {
    height: 100%;
}

.calendario-pagina__agenda :deep(.fc .fc-timegrid-event .fc-event-main-frame)[b-4c16m0xbrs] {
    width: 100%;
    max-width: 100%;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.calendario-pagina__agenda :deep(.fc .fc-timegrid-event-short .fc-event-main-frame)[b-4c16m0xbrs] {
    flex-direction: column;
}

.calendario-pagina__agenda :deep(.fc .fc-timegrid-event .calendario-evento)[b-4c16m0xbrs] {
    align-items: flex-start;
    padding-top: 0.08rem;
    font-size: 0.72rem;
    line-height: 1.25;
}

.calendario-pagina__agenda :deep(.calendario-evento)[b-4c16m0xbrs] {
    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 :deep(.calendario-evento__alinhamento)[b-4c16m0xbrs] {
    position: absolute;
    top: 50%;
    right: 0.32rem;
    display: inline-grid;
    width: 0.92rem;
    height: 0.92rem;
    transform: translateY(-50%);
    cursor: pointer;
}

.calendario-pagina__agenda :deep(.calendario-evento__alinhamento input)[b-4c16m0xbrs] {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.calendario-pagina__agenda :deep(.calendario-evento__alinhamento input:disabled)[b-4c16m0xbrs] {
    cursor: default;
}

.calendario-pagina__agenda :deep(.calendario-evento__alinhamento-indicador)[b-4c16m0xbrs] {
    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 :deep(.calendario-evento__alinhamento-indicador::after)[b-4c16m0xbrs] {
    width: 0.34rem;
    height: 0.18rem;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    content: "";
    opacity: 0;
    transform: rotate(45deg) scale(0.6);
    transform-origin: center;
    transition: opacity 0.16s ease, transform 0.16s ease;
}

.calendario-pagina__agenda :deep(.calendario-evento__alinhamento input:checked + .calendario-evento__alinhamento-indicador)[b-4c16m0xbrs] {
    border-color: rgb(255 255 255 / 82%);
    background: #166534;
    box-shadow: 0 1px 3px rgb(15 23 42 / 38%);
}

.calendario-pagina__agenda :deep(.calendario-evento__alinhamento input:checked + .calendario-evento__alinhamento-indicador::after)[b-4c16m0xbrs] {
    opacity: 1;
    transform: rotate(45deg) scale(1);
}

.calendario-pagina__agenda :deep(.calendario-evento__alinhamento:hover input:not(:disabled) + .calendario-evento__alinhamento-indicador)[b-4c16m0xbrs] {
    border-color: #fff;
    background: rgb(15 23 42 / 36%);
    transform: scale(1.08);
}

.calendario-pagina__agenda :deep(.calendario-evento__alinhamento:hover input:checked:not(:disabled) + .calendario-evento__alinhamento-indicador)[b-4c16m0xbrs] {
    background: #15803d;
}

.calendario-pagina__agenda :deep(.calendario-evento__alinhamento input:focus-visible + .calendario-evento__alinhamento-indicador)[b-4c16m0xbrs] {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

.calendario-pagina__agenda :deep(.calendario-evento__alinhamento input:disabled + .calendario-evento__alinhamento-indicador)[b-4c16m0xbrs] {
    opacity: 0.65;
}

.calendario-pagina__agenda :deep(.calendario-evento__horario)[b-4c16m0xbrs],
.calendario-pagina__agenda :deep(.calendario-evento__titulo)[b-4c16m0xbrs],
.calendario-pagina__agenda :deep(.calendario-evento__separador)[b-4c16m0xbrs] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calendario-pagina__agenda :deep(.calendario-evento__horario)[b-4c16m0xbrs] {
    flex: 0 0 auto;
}

.calendario-pagina__agenda :deep(.calendario-evento__separador)[b-4c16m0xbrs] {
    flex: 0 0 auto;
    color: rgb(255 255 255 / 72%);
    font-weight: 500;
}

.calendario-pagina__agenda :deep(.calendario-evento__titulo)[b-4c16m0xbrs] {
    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 :deep(.fc .fc-event:hover)[b-4c16m0xbrs] {
    filter: brightness(1.12);
    transform: translateY(-1px);
}

.calendario-pagina__agenda :deep(.fc .fc-event-title)[b-4c16m0xbrs],
.calendario-pagina__agenda :deep(.fc .fc-event-time)[b-4c16m0xbrs] {
    overflow: hidden;
    font-weight: 600;
    text-overflow: ellipsis;
}

.calendario-pagina__agenda :deep(.fc .fc-timegrid-axis-cushion)[b-4c16m0xbrs],
.calendario-pagina__agenda :deep(.fc .fc-timegrid-slot-label-cushion)[b-4c16m0xbrs] {
    color: var(--cor-texto-suave);
    font-size: 0.7rem;
}

.calendario-pagina__agenda :deep(.fc .fc-timegrid-now-indicator-line)[b-4c16m0xbrs] {
    border-color: var(--cor-primaria);
}

.calendario-pagina__agenda :deep(.fc .fc-timegrid-now-indicator-arrow)[b-4c16m0xbrs] {
    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 :deep(.fc)[b-4c16m0xbrs] {
        height: auto;
    }

    .calendario-pagina__painel[b-4c16m0xbrs] {
        display: block;
        overflow: visible;
    }

    .calendario-pagina__agenda :deep(.fc .fc-header-toolbar)[b-4c16m0xbrs] {
        align-items: flex-start;
        gap: 0.65rem;
        padding: 0.65rem;
    }

    .calendario-pagina__agenda :deep(.fc .fc-toolbar-title)[b-4c16m0xbrs] {
        font-size: 0.95rem;
    }

    .calendario-pagina__agenda[b-4c16m0xbrs] {
        padding: 0.4rem;
    }

    .calendario-pagina__agenda :deep(.fc .fc-header-toolbar)[b-4c16m0xbrs] {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .calendario-pagina__agenda :deep(.fc .fc-toolbar-chunk:nth-child(2))[b-4c16m0xbrs] {
        order: -1;
        flex-basis: 100%;
        text-align: center;
    }

    .calendario-pagina__agenda :deep(.fc .fc-button)[b-4c16m0xbrs] {
        min-height: 2rem;
        padding-inline: 0.5rem;
        font-size: 0.72rem;
    }

    .calendario-pagina__agenda :deep(.fc .fc-list-event-time)[b-4c16m0xbrs],
    .calendario-pagina__agenda :deep(.fc .fc-list-event-title)[b-4c16m0xbrs] {
        padding: 0.6rem 0.45rem;
    }

    .calendario-pagina__sem-data[b-4c16m0xbrs] {
        margin-inline: 0.4rem;
        padding: 0.7rem;
    }
}
/* /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-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;
}

/* Cartão de atalho (Trabalho / E-mail / Tarefa) */
.chats__atalho-card[b-99gqupv1if] {
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-medio);
    background: var(--cor-superficie);
    overflow: hidden;
    width: min(19rem, 66vw);
}

.chats__mensagem--minha .chats__atalho-card[b-99gqupv1if] {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.22);
}

.chats__atalho-card-topo[b-99gqupv1if] {
    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);
}

.chats__atalho-card-topo:hover[b-99gqupv1if] {
    background: var(--cor-superficie-suave);
}

.chats__mensagem--minha .chats__atalho-card-topo:hover[b-99gqupv1if] {
    background: rgba(255, 255, 255, 0.1);
}

.chats__atalho-card-nome[b-99gqupv1if] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    font-size: 0.85rem;
}

.chats__atalho-previa[b-99gqupv1if] {
    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;
}

.chats__mensagem--minha .chats__atalho-previa[b-99gqupv1if] {
    border-top-color: rgba(255, 255, 255, 0.22);
}

.chats__atalho-previa > div[b-99gqupv1if] {
    display: contents;
}

.chats__atalho-previa dt[b-99gqupv1if] {
    color: var(--cor-texto-suave);
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    font-size: 0.66rem;
    align-self: center;
}

.chats__atalho-previa dd[b-99gqupv1if] {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chats__mensagem--minha .chats__atalho-previa dt[b-99gqupv1if] {
    color: rgba(255, 255, 255, 0.7);
}

.chats__atalho-previa-trecho[b-99gqupv1if] {
    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;
}

.chats__mensagem--minha .chats__atalho-previa-trecho[b-99gqupv1if] {
    color: rgba(255, 255, 255, 0.82);
}

/* 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__usuarios[b-99gqupv1if],
.chats__atalho-lista[b-99gqupv1if],
.chats__membros[b-99gqupv1if] {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 22rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.chats__usuario[b-99gqupv1if] {
    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);
}

.chats__usuario:hover[b-99gqupv1if] {
    background: var(--cor-superficie-suave);
}

.chats__usuario span[b-99gqupv1if] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.chats__usuario strong[b-99gqupv1if] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.9rem;
}

.chats__usuario small[b-99gqupv1if] {
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
}

.chats__usuario--check[b-99gqupv1if] {
    cursor: pointer;
}

.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;
}

.chats__gestao[b-99gqupv1if] {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-4);
}

.chats__gestao-linha[b-99gqupv1if] {
    display: flex;
    gap: var(--espacamento-2);
    align-items: flex-start;
}

.chats__gestao-linha .campo-formulario__entrada[b-99gqupv1if] {
    flex: 1;
}

.chats__membro[b-99gqupv1if] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-3);
    padding: var(--espacamento-2) var(--espacamento-3);
    border-radius: var(--raio-medio);
}

.chats__membro:hover[b-99gqupv1if] {
    background: var(--cor-superficie-suave);
}

.chats__membro-nome[b-99gqupv1if] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.chats__membro-nome small[b-99gqupv1if] {
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
}

/* ========================= 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: 6px;
    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); }
/* /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);
}

:deep(.grade-resumo) .cartao-resumo span[b-indbqnkd9b] {
    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 :deep(.grade-campos)[b-indbqnkd9b] {
    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 :deep(.selecao-padrao__gatilho)[b-indbqnkd9b],
.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__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 :deep(.selecao-padrao__painel)[b-indbqnkd9b] {
    max-height: min(22rem, calc(100vh - 1.5rem));
}

.configuracoes-pagina .campo-formulario--moeda :deep(.selecao-padrao__opcao)[b-indbqnkd9b] {
    min-height: 2.5rem;
}

.configuracoes-pagina .campo-formulario--moeda :deep(.selecao-padrao__texto)[b-indbqnkd9b] {
    gap: 0;
}

.configuracoes-pagina .campo-formulario--moeda :deep(.selecao-padrao__texto small)[b-indbqnkd9b] {
    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 :deep(.icone-sistema)[b-indbqnkd9b] {
    color: var(--cor-texto-secundario);
}

.trabalhos-configuracao-card__campo.ativo :deep(.icone-sistema)[b-indbqnkd9b] {
    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);
    }
}

.barra-lateral-configuracao__grupos[b-indbqnkd9b] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.barra-lateral-configuracao__grupo[b-indbqnkd9b] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.7rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    background: color-mix(in srgb, var(--cor-superficie) 60%, transparent);
}

.barra-lateral-configuracao__grupo--arrastando[b-indbqnkd9b] {
    opacity: 0.5;
}

.barra-lateral-configuracao__grupo-cabecalho[b-indbqnkd9b] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.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;
    color: var(--cor-texto-secundario);
    cursor: grab;
    touch-action: none;
}

.barra-lateral-configuracao__grupo-titulo[b-indbqnkd9b] {
    flex: 1 1 auto;
    min-width: 0;
    font-weight: 700;
}

.barra-lateral-configuracao__grupo-itens[b-indbqnkd9b] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    padding-left: 1.6rem;
    list-style: none;
    min-height: 2.6rem;
}

.barra-lateral-configuracao__grupo-vazio[b-indbqnkd9b] {
    display: flex;
    align-items: center;
    min-height: 2.6rem;
    padding: 0 0.5rem;
    border: 1px dashed var(--cor-borda);
    border-radius: var(--raio-base);
    color: var(--cor-texto-secundario);
    font-size: 0.8rem;
}

.barra-lateral-configuracao__item[b-indbqnkd9b] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-base);
    background: var(--cor-superficie);
}

.barra-lateral-configuracao__item--oculto[b-indbqnkd9b] {
    opacity: 0.6;
}

.barra-lateral-configuracao__item--arrastando[b-indbqnkd9b] {
    opacity: 0.5;
}

.barra-lateral-configuracao__icone[b-indbqnkd9b] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    border-radius: var(--raio-base);
    background: color-mix(in srgb, var(--cor-primaria) 10%, var(--cor-superficie));
    color: var(--cor-primaria);
}

.barra-lateral-configuracao__titulo[b-indbqnkd9b] {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
}

.barra-lateral-configuracao__visibilidade[b-indbqnkd9b] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex: 0 0 auto;
    color: var(--cor-texto-secundario);
    font-size: 0.78rem;
    font-weight: 600;
    white-space: nowrap;
}

@media (max-width: 36rem) {
    .barra-lateral-configuracao__item[b-indbqnkd9b] {
        flex-wrap: wrap;
    }

    .barra-lateral-configuracao__titulo[b-indbqnkd9b] {
        flex-basis: 100%;
        order: 3;
    }

    .barra-lateral-configuracao__grupo-itens[b-indbqnkd9b] {
        padding-left: 0.5rem;
    }
}

.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: 6px;
    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;
}
/* /Components/Paginas/ConstrutorSite.razor.rz.scp.css */
.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: 6px;
    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: 6px;
}

.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. */
.construtor-site__upload-oculto[b-tfhiy1e9wq] {
    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;
    /* 57px = altura da barra superior fixa (.cabecalho-sistema); o restante e uma folga
       para o padding da area de conteudo, para nunca estourar a viewport e criar scroll duplo. */
    height: calc(100dvh - 57px - 4rem);
}

.layout-pagina :deep(.cabecalho-pagina)[b-lty4ku027t] {
    flex: 0 0 auto;
}

.painel[b-lty4ku027t] {
    display: grid;
    gap: var(--espacamento-4);
    padding: var(--espacamento-5);
    border-radius: 6px;
    border: 1px solid var(--cor-borda);
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.painel--estado[b-lty4ku027t] {
    max-width: 38rem;
}

.painel--mapa-parceiros[b-lty4ku027t] {
    gap: var(--espacamento-3);
}

.dashboard-grade[b-lty4ku027t] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: var(--espacamento-4);
    align-items: stretch;
    flex: 1 1 auto;
    min-height: 380px;
}

.dashboard-grade__mapa[b-lty4ku027t] {
    min-width: 0;
    min-height: 0;
    height: 100%;
    box-sizing: border-box;
}

.dashboard-grade__paineis[b-lty4ku027t] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: minmax(0, 1fr);
    gap: var(--espacamento-4);
    min-width: 0;
    min-height: 0;
}

.dashboard-grade__painel[b-lty4ku027t] {
    min-width: 0;
    min-height: 0;
    height: 100%;
    padding: var(--espacamento-4);
    box-sizing: border-box;
}

@media (max-width: 1100px) {
    /* Em telas estreitas o mapa e os paineis empilham (1 coluna) e a pagina volta a
       crescer com o conteudo e rolar normalmente - forcar a altura da viewport aqui
       espremeria tudo numa fatia minuscula da tela. */
    .layout-pagina[b-lty4ku027t] {
        height: auto;
    }

    .dashboard-grade[b-lty4ku027t] {
        grid-template-columns: minmax(0, 1fr);
        flex: 0 0 auto;
    }

    .dashboard-grade__mapa[b-lty4ku027t] {
        min-height: 420px;
    }

    .dashboard-grade__paineis[b-lty4ku027t] {
        grid-auto-rows: minmax(220px, auto);
    }
}

@media (max-width: 560px) {
    .dashboard-grade__paineis[b-lty4ku027t] {
        grid-template-columns: minmax(0, 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: 6px;
    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: 6px;
}

.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: 6px;
    background: transparent;
    color: var(--cor-texto-secundario);
    text-align: left;
}

.emails-inicial__caixa-destino[b-u3y3kfevya] {
    border: 1px solid transparent;
    border-radius: 6px;
}

.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: 6px;
}

.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: 6px;
    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;
}

.emails-inicial__visualizacao-cabecalho[b-u3y3kfevya] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: flex-start;
    gap: var(--espacamento-4);
    padding: 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;
    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;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.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] {
    display: grid;
    justify-items: end;
    gap: var(--espacamento-2);
}

.emails-inicial__visualizacao-acoes-botoes[b-u3y3kfevya] {
    display: flex;
    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;
}

.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: 6px;
    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: 6px;
    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] {
    min-height: 2rem;
    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;
    max-height: 40rem;
    flex: 1 1 auto;
}

.emails-inicial__conversa-mensagem .emails-inicial__visualizacao-corpo[b-u3y3kfevya] {
    min-height: 8rem;
    max-height: 40rem;
    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. */

/* Botao (na barra de metadados da conversa aberta) que abre o modal de novo comentario - icone de "chat" com um
   badge de "+" no canto, indicando que a acao adiciona um comentario. */
.emails-inicial__visualizacao-comentario[b-u3y3kfevya] {
    position: relative;
}

.emails-inicial__visualizacao-comentario[b-u3y3kfevya]::after {
    content: "+";
    position: absolute;
    right: -0.2rem;
    bottom: -0.2rem;
    display: grid;
    width: 0.9rem;
    height: 0.9rem;
    place-items: center;
    border-radius: 50%;
    background: var(--cor-primaria);
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1;
}

.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);
}

.emails-composicao .campo-formulario:has(#email-composicao-corpo)[b-u3y3kfevya] {
    min-height: 13rem;
}

.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 > 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: 6px;
    font-size: 0.82rem;
}

.emails-inicial__visualizacao-metadados[b-u3y3kfevya] {
    position: relative;
    display: grid;
    gap: var(--espacamento-2);
    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[b-u3y3kfevya] {
    display: grid;
    grid-template-columns: 3.5rem minmax(0, 1fr);
    gap: var(--espacamento-2);
    font-size: 0.82rem;
}

.emails-inicial__visualizacao-metadados dt[b-u3y3kfevya] {
    color: var(--cor-texto-secundario);
    font-weight: 600;
}

.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;
    max-height: 40rem;
    flex: 1;
    padding: var(--espacamento-5);
    /* Sem scroll proprio - o teto de "max-height" acima ja limita o crescimento; o que passar disso fica
       cortado (o JS que ajusta a altura do iframe pelo conteudo tambem respeita esse mesmo teto). */
    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-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.2rem 0 0;
    font-size: 1.25rem;
}

.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;
    align-items: center;
    gap: 0.45rem;
    min-width: min(17rem, 100%);
    padding: 0 0.75rem;
    border: 1px solid var(--cor-borda);
    border-radius: 6px;
    background: var(--cor-superficie);
    color: var(--cor-texto-secundario);
}

.emails-inicial__lista-cabecalho-busca[b-u3y3kfevya] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-2);
}

.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] {
    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-4);
    padding: var(--espacamento-6);
    /* 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: 6px;
    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] {
    display: grid;
    gap: 0.15rem;
    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-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] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.25rem;
    color: var(--cor-texto-secundario);
}

/* "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;
    min-width: 12.1rem;
    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%;
}

.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.35rem;
    border-width: 1px;
    border-radius: var(--raio-pequeno);
    box-shadow: none;
    font-size: 0.6rem;
    gap: 0.2rem;
}

.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: 6px;
    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: 6px;
    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;
}


@media (max-width: 1100px) {
    .emails-inicial__layout.emails-inicial__layout--com-visualizacao[b-u3y3kfevya] {
        grid-template-columns: 14rem minmax(0, 1fr);
    }

    .emails-inicial__layout--com-visualizacao .emails-inicial__lista[b-u3y3kfevya] {
        border-right: 0;
        border-bottom: 1px solid var(--cor-borda);
    }
}

@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] {
        grid-column: span 2;
        justify-items: 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;
}
/* /Components/Paginas/Entrar.razor.rz.scp.css */
.tela-entrar[b-zyuyv43juy] {
    --login-card-surface: #ffffff;
    --login-card-border: rgba(17, 37, 69, 0.08);
    --login-form-surface: #f8fafc;
    --login-chip-bg: #eef2f6;
    --login-chip-text: #23314f;
    --login-globe-border: #d7deea;
    --login-globe-surface: #ffffff;
    --login-globe-text: #5f6e84;
    --login-heading: #112545;
    --login-copy: #66758b;
    --login-label: #1a2b47;
    --login-field-surface: #ffffff;
    --login-field-border: #dce3ed;
    --login-field-text: #17253d;
    --login-placeholder: #90a0b4;
    --login-field-icon: #6f7d92;
    --login-focus-border: rgba(16, 36, 67, 0.4);
    --login-focus-ring: rgba(16, 36, 67, 0.08);
    --login-remember: #39475f;
    --login-link-color: #c58a3b;
    --login-info-border: rgba(16, 36, 67, 0.12);
    --login-info-surface: rgba(16, 36, 67, 0.05);
    --login-info-text: #102443;
    --login-primary-surface: #0d2140;
    --login-primary-shadow: 0 18px 28px rgba(13, 33, 64, 0.2);
    width: min(78rem, calc(100vw - 2.5rem));
    height: auto;
    max-height: calc(100vh - 2.5rem);
}

[data-tema='escuro'] .tela-entrar[b-zyuyv43juy] {
    --login-card-surface: #1b2129;
    --login-card-border: rgba(148, 163, 184, 0.16);
    --login-form-surface: #171d25;
    --login-chip-bg: #293241;
    --login-chip-text: #d8e0ea;
    --login-globe-border: #3b4758;
    --login-globe-surface: #202833;
    --login-globe-text: #b4c0cf;
    --login-heading: #edf1f5;
    --login-copy: #b2becd;
    --login-label: #d7e0eb;
    --login-field-surface: #202833;
    --login-field-border: #3a4657;
    --login-field-text: #edf1f5;
    --login-placeholder: #8fa0b6;
    --login-field-icon: #a9b5c4;
    --login-focus-border: rgba(131, 172, 232, 0.42);
    --login-focus-ring: rgba(131, 172, 232, 0.12);
    --login-remember: #c5d0dc;
    --login-link-color: #e1b66d;
    --login-info-border: rgba(131, 172, 232, 0.22);
    --login-info-surface: rgba(131, 172, 232, 0.1);
    --login-info-text: #dce9f8;
    --login-primary-surface: #83ace8;
    --login-primary-shadow: 0 18px 28px rgba(5, 10, 20, 0.32);
}

.tela-entrar__cartao[b-zyuyv43juy] {
    display: grid;
    grid-template-columns: minmax(18rem, 0.92fr) minmax(21rem, 0.88fr);
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: calc(100vh - 2.5rem);
    background: var(--login-card-surface);
    border: 1px solid var(--login-card-border);
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 24px 56px rgba(16, 24, 40, 0.13);
}

.tela-entrar__painel[b-zyuyv43juy],
.tela-entrar__formulario[b-zyuyv43juy] {
    position: relative;
}

.tela-entrar__painel[b-zyuyv43juy] {
    display: grid;
    align-content: start;
    gap: 1.4rem;
    padding: clamp(1.5rem, 2.5vw, 2.4rem);
    color: #f8fafc;
    background-color: #081935;
    overflow: hidden;
}

/* Painel personalizado (HTML/CSS do administrador). Mantem o container base
   (padding, cor de fundo, overflow) e deixa o conteudo do admin preencher a altura.
   O conteudo injetado (MarkupString) nao recebe o atributo de escopo, entao a regra
   que estica os filhos fica no app.css global. */
.tela-entrar__painel--personalizado[b-zyuyv43juy] {
    align-content: stretch;
    gap: 0;
}

.tela-entrar__painel-conteudo[b-zyuyv43juy] {
    display: grid;
    gap: 1.45rem;
    align-content: space-between;
    min-height: 100%;
}

.tela-entrar__painel-conteudo--portugues[b-zyuyv43juy] {
    gap: 1.35rem;
}

.tela-entrar__marca[b-zyuyv43juy] {
    display: flex;
    align-items: flex-start;
    width: fit-content;
}

.tela-entrar__marca--painel[b-zyuyv43juy] {
    position: relative;
    z-index: 1;
    width: clamp(9.5rem, 14vw, 12rem);
}

.tela-entrar__marca--formulario[b-zyuyv43juy] {
    margin-bottom: 0.15rem;
}

.tela-entrar__logo[b-zyuyv43juy] {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    border-radius: 6px;
}

.tela-entrar__logo--painel[b-zyuyv43juy] {
    width: 100%;
    filter: drop-shadow(0 14px 24px rgba(3, 10, 24, 0.18));
}

.tela-entrar__logo--formulario[b-zyuyv43juy] {
    width: clamp(10rem, 15vw, 12.5rem);
    filter: drop-shadow(0 10px 18px rgba(15, 23, 42, 0.08));
}

.tela-entrar__painel-texto[b-zyuyv43juy] {
    --login-hero-title-size: clamp(1.45rem, 1rem + 1.1vw, 2.15rem);
    --login-hero-title-line-height: 1;
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.85rem;
    max-width: 26.5rem;
    padding-top: 1rem;
}

.tela-entrar__painel-texto--portugues[b-zyuyv43juy] {
    --login-hero-title-size: clamp(1.3rem, 0.98rem + 0.85vw, 1.85rem);
    --login-hero-title-line-height: 0.98;
    gap: 0.7rem;
    max-width: 27.75rem;
    padding-top: 0.7rem;
}

.tela-entrar__painel-texto--portugues h2[b-zyuyv43juy] {
    gap: 0.18rem;
    max-width: 27rem;
}

.tela-entrar__painel-texto--portugues p[b-zyuyv43juy] {
    max-width: 21rem;
    font-size: 0.82rem;
    line-height: 1.45;
}

.tela-entrar__painel-texto h2[b-zyuyv43juy] {
    margin: 0;
    display: grid;
    gap: 0.22rem;
    font-family: Georgia, "Times New Roman", serif;
    font-size: var(--login-hero-title-size);
    line-height: var(--login-hero-title-line-height);
    letter-spacing: -0.04em;
    text-wrap: balance;
    max-width: 25.5rem;
}

.tela-entrar__painel-texto em[b-zyuyv43juy] {
    color: #d6ab5f;
    font-style: normal;
}

.tela-entrar__painel-texto p[b-zyuyv43juy] {
    margin: 0;
    max-width: 21.5rem;
    color: rgba(244, 247, 251, 0.84);
    font-size: 0.84rem;
    line-height: 1.5;
}

.tela-entrar__painel-texto[b-zyuyv43juy]::after {
    content: "";
    width: 4.8rem;
    height: 2px;
    background: rgba(214, 171, 95, 0.95);
}

.tela-entrar__painel-recursos[b-zyuyv43juy] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.tela-entrar__recurso[b-zyuyv43juy] {
    position: relative;
    display: grid;
    gap: 0.55rem;
    padding-right: 0.8rem;
}

.tela-entrar__recurso:not(:last-child)[b-zyuyv43juy]::after {
    content: "";
    position: absolute;
    top: 0.2rem;
    right: 0;
    width: 1px;
    height: calc(100% - 0.2rem);
    background: rgba(255, 255, 255, 0.12);
}

.tela-entrar__recurso-icone[b-zyuyv43juy] {
    width: 2.3rem;
    height: 2.3rem;
    display: grid;
    place-items: center;
    color: #d6ab5f;
}

.tela-entrar__recurso-icone .icone-sistema[b-zyuyv43juy] {
    width: 100%;
    height: 100%;
}

.tela-entrar__recurso strong[b-zyuyv43juy],
.tela-entrar__painel-rodape strong[b-zyuyv43juy] {
    font-size: 0.86rem;
    color: #f7fafc;
}

.tela-entrar__recurso span[b-zyuyv43juy],
.tela-entrar__painel-rodape span[b-zyuyv43juy] {
    color: rgba(239, 244, 250, 0.76);
    font-size: 0.78rem;
    line-height: 1.45;
}

.tela-entrar__painel-rodape[b-zyuyv43juy] {
    display: grid;
    gap: 0.25rem;
    padding-top: 0.9rem;
    border-top: 1px solid rgba(214, 171, 95, 0.28);
}

.tela-entrar__formulario[b-zyuyv43juy] {
    display: grid;
    align-content: start;
    gap: 1.4rem;
    padding: clamp(1.4rem, 2.4vw, 2.3rem);
    background: var(--login-form-surface);
    overflow: auto;
}

.tela-entrar__cabecalho-superior[b-zyuyv43juy] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 1rem;
}

.tela-entrar__topo[b-zyuyv43juy] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.75rem;
}

/* Mesmo layout do cabecalho (LayoutPrincipal): idioma a esquerda, tema a direita, na mesma linha.
   O seletor de idioma em si usa a classe global ".cabecalho-sistema__idioma" (app.css) - mesmo
   componente, mesmo tamanho, mesmo alinhamento do cabecalho, sem estilo duplicado aqui. */
.tela-entrar__controles[b-zyuyv43juy] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.tela-entrar__tema[b-zyuyv43juy] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 0.25rem;
    padding: 0.24rem;
    border-radius: 6px;
    background: var(--login-chip-bg);
    cursor: pointer;
    user-select: none;
    isolation: isolate;
}

.tela-entrar__tema[b-zyuyv43juy]::before {
    content: "";
    position: absolute;
    top: 0.24rem;
    left: 0.24rem;
    width: calc((100% - 0.73rem) / 2);
    height: calc(100% - 0.48rem);
    border-radius: 6px;
    background: var(--cor-primaria);
    box-shadow: 0 8px 18px rgba(16, 36, 67, 0.18);
    transition:
        transform 0.28s ease,
        background-color 0.28s ease,
        box-shadow 0.28s ease;
    z-index: 0;
}

.tela-entrar__tema--claro[b-zyuyv43juy]::before {
    transform: translateX(0);
}

.tela-entrar__tema--escuro[b-zyuyv43juy]::before {
    transform: translateX(calc(100% + 0.25rem));
}

.tela-entrar__tema-botao[b-zyuyv43juy] {
    position: relative;
    width: 2.55rem;
    min-width: 2.55rem;
    min-height: 2.1rem;
    padding: 0;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: var(--login-chip-text);
    display: inline-grid;
    place-items: center;
    cursor: pointer;
    transition: color 0.24s ease;
    z-index: 1;
}

.tela-entrar__tema-botao .icone-sistema[b-zyuyv43juy] {
    width: 1rem;
    height: 1rem;
}

.tela-entrar__tema-botao.ativo[b-zyuyv43juy] {
    color: #ffffff;
}

.tela-entrar__cabecalho[b-zyuyv43juy] {
    display: grid;
    gap: 0.45rem;
    margin-top: 0.6rem;
}

.tela-entrar__cabecalho h1[b-zyuyv43juy] {
    margin: 0;
    color: var(--login-heading);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.9rem, 3vw, 2.85rem);
    line-height: 1.04;
    letter-spacing: -0.04em;
}

.tela-entrar__cabecalho p[b-zyuyv43juy] {
    margin: 0;
    color: var(--login-copy);
    font-size: 0.94rem;
}

.tela-entrar__form[b-zyuyv43juy] {
    display: grid;
    gap: 1.15rem;
}

.tela-entrar__campo[b-zyuyv43juy] {
    display: grid;
    gap: 0.5rem;
    margin-bottom: 0.8rem;
}

.tela-entrar__campo label[b-zyuyv43juy] {
    color: var(--login-label);
    font-size: 0.92rem;
    font-weight: 600;
}

.tela-entrar__entrada[b-zyuyv43juy] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.65rem;
    min-height: 3.35rem;
    padding: 0 0.85rem;
    border: 1px solid var(--login-field-border);
    border-radius: 6px;
    background: var(--login-field-surface);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.tela-entrar__entrada:focus-within[b-zyuyv43juy] {
    border-color: var(--login-focus-border);
    box-shadow: 0 0 0 0.2rem var(--login-focus-ring);
    transform: translateY(-1px);
}

.tela-entrar__entrada-icone[b-zyuyv43juy],
.tela-entrar__alternar-senha[b-zyuyv43juy] {
    color: var(--login-field-icon);
}

.tela-entrar__entrada-icone[b-zyuyv43juy] {
    display: inline-grid;
    place-items: center;
    align-self: center;
    justify-self: center;
    width: 1.05rem;
    height: 1.05rem;
}

.tela-entrar__entrada-icone .icone-sistema[b-zyuyv43juy],
.tela-entrar__alternar-senha .icone-sistema[b-zyuyv43juy] {
    display: block;
    width: 100%;
    height: 100%;
}

.tela-entrar__campo-input[b-zyuyv43juy] {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    color: var(--login-field-text);
    font-size: 0.92rem;
    padding: 0;
}

.tela-entrar__campo-input[b-zyuyv43juy]::placeholder {
    color: var(--login-placeholder);
}

.tela-entrar__campo-input[b-zyuyv43juy]::-ms-reveal,
.tela-entrar__campo-input[b-zyuyv43juy]::-ms-clear {
    display: none;
}

.tela-entrar__alternar-senha[b-zyuyv43juy] {
    width: 1.15rem;
    height: 1.15rem;
    padding: 0;
    border: none;
    background: transparent;
}

.tela-entrar__opcoes[b-zyuyv43juy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 0.45rem;
    flex-wrap: wrap;
}

.tela-entrar__lembrar[b-zyuyv43juy] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--login-remember);
    font-size: 0.88rem;
}

.tela-entrar__lembrar .checkbox-sistema[b-zyuyv43juy] {
    width: 1rem;
    height: 1rem;
}

.tela-entrar__link[b-zyuyv43juy] {
    padding: 0;
    border: none;
    background: transparent;
    color: var(--login-link-color);
    font-size: 0.88rem;
    font-weight: 600;
}

.tela-entrar__botao[b-zyuyv43juy] {
    width: 100%;
    min-height: 3.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    margin-top: 0.8rem;
    border: none;
    border-radius: 6px;
    background: var(--login-primary-surface);
    color: #ffffff;
    font-size: 0.98rem;
    font-weight: 700;
    box-shadow: var(--login-primary-shadow);
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.tela-entrar__botao:hover[b-zyuyv43juy] {
    transform: translateY(-1px);
    filter: brightness(1.03);
    box-shadow: 0 20px 30px rgba(13, 33, 64, 0.24);
}

.tela-entrar__botao .icone-sistema[b-zyuyv43juy] {
    width: 1rem;
    height: 1rem;
}

@media (max-width: 1180px) {
    .tela-entrar[b-zyuyv43juy] {
        width: min(64rem, calc(100vw - 2rem));
        height: auto;
        min-height: 0;
    }

    .tela-entrar__cartao[b-zyuyv43juy] {
        grid-template-columns: 1fr;
        height: auto;
        max-height: none;
    }

    .tela-entrar__painel[b-zyuyv43juy] {
        min-height: 20rem;
    }

    .tela-entrar__painel-texto[b-zyuyv43juy] {
        padding-top: 0.75rem;
    }
}

@media (max-width: 760px) {
    .tela-entrar[b-zyuyv43juy] {
        width: 100%;
        height: auto;
    }

    .tela-entrar__cartao[b-zyuyv43juy] {
        min-height: auto;
        border-radius: 6px;
    }

    .tela-entrar__painel[b-zyuyv43juy],
    .tela-entrar__formulario[b-zyuyv43juy] {
        padding: 1.2rem;
    }

    .tela-entrar__marca[b-zyuyv43juy],
    .tela-entrar__topo[b-zyuyv43juy],
    .tela-entrar__opcoes[b-zyuyv43juy] {
        justify-content: space-between;
    }

    .tela-entrar__cabecalho-superior[b-zyuyv43juy] {
        align-items: flex-start;
    }

    .tela-entrar__controles[b-zyuyv43juy] {
        justify-content: flex-end;
    }

    .tela-entrar__logo--painel[b-zyuyv43juy] {
        width: 10.5rem;
    }

    .tela-entrar__logo--formulario[b-zyuyv43juy] {
        width: 10.5rem;
    }

    .tela-entrar__painel-recursos[b-zyuyv43juy] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tela-entrar__recurso:nth-child(2)[b-zyuyv43juy]::after {
        display: none;
    }
}

@media (max-width: 560px) {
    .tela-entrar[b-zyuyv43juy] {
        width: calc(100vw - 0.8rem);
    }

    .tela-entrar__topo[b-zyuyv43juy] {
        justify-content: space-between;
    }

    .tela-entrar__cabecalho-superior[b-zyuyv43juy] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.85rem;
    }

    .tela-entrar__marca[b-zyuyv43juy] {
        align-items: flex-start;
    }

    .tela-entrar__controles[b-zyuyv43juy] {
        width: 100%;
        justify-content: flex-end;
    }

    .tela-entrar__logo--painel[b-zyuyv43juy] {
        width: 9.5rem;
    }

    .tela-entrar__logo--formulario[b-zyuyv43juy] {
        width: 9.4rem;
    }

    .tela-entrar__painel-recursos[b-zyuyv43juy] {
        grid-template-columns: 1fr;
    }

    .tela-entrar__recurso[b-zyuyv43juy]::after {
        display: none;
    }

    .tela-entrar__opcoes[b-zyuyv43juy] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 480px) {
    .tela-entrar[b-zyuyv43juy] {
        width: 100%;
        min-height: 100dvh;
        height: auto;
    }

    .tela-entrar__cartao[b-zyuyv43juy] {
        border-radius: 0;
        border: none;
        box-shadow: none;
    }

    .tela-entrar__painel[b-zyuyv43juy] {
        display: none;
    }

    .tela-entrar__formulario[b-zyuyv43juy] {
        padding: 1.5rem 1.2rem;
        min-height: 100dvh;
        align-content: center;
    }

    .tela-entrar__cabecalho h1[b-zyuyv43juy] {
        font-size: 1.75rem;
    }

    .tela-entrar__botao[b-zyuyv43juy] {
        min-height: 3.1rem;
        font-size: 0.94rem;
    }
}

@media (min-width: 481px) and (max-width: 760px) and (max-height: 700px) {
    .tela-entrar__painel[b-zyuyv43juy] {
        display: none;
    }

    .tela-entrar__formulario[b-zyuyv43juy] {
        min-height: calc(100dvh - 1.25rem);
        align-content: center;
    }
}

/* O cartao acompanha a altura do proprio conteudo (nao fica "esticado" preenchendo a tela
   inteira em telas grandes), mas nunca fica pequeno demais: o piso abaixo escala com a
   altura visivel da janela (clamp em vh), com um minimo e um teto em rem para nao ficar
   nem espremido em telas baixas nem exagerado em telas muito altas. O max-height continua
   evitando que estoure a janela; nesse caso o conteudo rola dentro de cada coluna. */
@media (min-width: 761px) {
    .tela-entrar[b-zyuyv43juy] {
        --login-card-min-height: clamp(32rem, 68vh, 44rem);
        width: min(78rem, calc(100vw - 2.5rem));
        height: auto;
        min-height: var(--login-card-min-height);
        max-height: calc(100vh - 2.5rem);
    }

    .tela-entrar__cartao[b-zyuyv43juy] {
        height: auto;
        min-height: var(--login-card-min-height);
        max-height: calc(100vh - 2.5rem);
    }

    /* Mantem o conteudo agrupado no topo mesmo quando o piso deixa o cartao mais alto
       que o formulario, em vez de espalhar as linhas ao longo de toda a coluna. */
    .tela-entrar__formulario[b-zyuyv43juy] {
        align-content: start;
    }

    .tela-entrar__painel[b-zyuyv43juy],
    .tela-entrar__formulario[b-zyuyv43juy] {
        overflow-y: auto;
    }
}

/* Reutiliza as variaveis globais configuradas para manter a tela de acesso no mesmo tema. */
.tela-entrar[b-zyuyv43juy] {
    --login-primary-surface: var(--cor-primaria);
    --login-focus-border: var(--cor-primaria);
    --login-focus-ring: var(--cor-primaria-suave);
}

[data-tema='escuro'] .tela-entrar[b-zyuyv43juy] {
    --login-card-surface: var(--cor-superficie);
    --login-form-surface: var(--cor-fundo-secundario);
    --login-field-surface: var(--cor-superficie);
    --login-field-border: var(--cor-borda);
    --login-primary-surface: var(--cor-primaria);
}

.tela-entrar__captcha[b-zyuyv43juy] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.55rem;
}

.tela-entrar__captcha svg[b-zyuyv43juy] {
    border: 1px solid var(--login-field-border);
    border-radius: 6px;
    background: #fff;
    max-width: 100%;
    height: auto;
}

.tela-entrar__captcha-recarregar[b-zyuyv43juy] {
    flex: none;
    width: 2.4rem;
    height: 2.4rem;
    border: 1px solid var(--login-field-border);
    border-radius: 6px;
    background: var(--login-field-surface);
    color: var(--login-field-icon);
    font-size: 1.1rem;
    line-height: 1;
    cursor: pointer;
    transition: border-color 0.2s ease, color 0.2s ease;
}

.tela-entrar__captcha-recarregar:hover[b-zyuyv43juy] {
    border-color: var(--login-focus-border);
    color: var(--login-focus-border);
}
/* /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: 6px;
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.painel--estado[b-7gy676oxpa] {
    max-width: 38rem;
}
/* /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/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],
.item-selecao[b-jxla4v8hr1],
.bloco-permissoes[b-jxla4v8hr1],
.campo-formulario__entrada[b-jxla4v8hr1] {
    border-radius: 6px;
}

.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;
    gap: var(--espacamento-3);
}

.grupo-formulario__atalhos[b-jxla4v8hr1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--espacamento-3);
}

.item-selecao[b-jxla4v8hr1],
.bloco-permissoes[b-jxla4v8hr1] {
    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-jxla4v8hr1] {
    display: grid;
    gap: 0.15rem;
}

.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;
}

.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));
}

.bloco-permissoes[b-jxla4v8hr1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
}

.bloco-permissoes header[b-jxla4v8hr1] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-3);
}

.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;
    }
}
/* /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: 6px;
    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;
}

.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] {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.2fr) minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 0.9fr) minmax(0, 1fr) minmax(0, 0.6fr);
}

.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; }

.leads-sites__filtro-ia[b-injs2vylro] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .85rem;
    white-space: nowrap;
    padding-top: .35rem;
}

.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: 6px;
    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: 6px;
    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: 6px;
    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-origem-wa[b-injs2vylro] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    color: #128c3e;
    font-weight: 600;
}

/* 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(6rem, 0.8fr) 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: 68rem;
}

.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(6rem, 0.8fr) 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: 76rem;
}

.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/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: 6px;
    background: var(--cor-superficie-elevada);
    box-shadow: var(--sombra-cartao);
}

.painel--estado[b-udo76aa2d0] {
    max-width: 38rem;
}
/* /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: flex-start;
    gap: .75rem;
}

.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] {
    display: inline-flex;
    padding: .5rem;
    border-radius: .6rem;
    background: var(--cor-superficie-suave, #f2f4f7);
    color: var(--cor-texto);
}

.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__lista-topo[b-zs4ih4c5ab] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ia-config__lista-topo h2[b-zs4ih4c5ab] {
    font-size: 1rem;
    margin: 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(15rem, 1fr));
    gap: .7rem;
}

.ia-card[b-zs4ih4c5ab] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
    padding: .8rem .9rem;
    border: 1px solid var(--cor-borda, #e3e6ea);
    border-radius: .7rem;
    background: var(--cor-superficie, #fff);
    color: var(--cor-texto);
    cursor: pointer;
    text-align: left;
    transition: border-color .12s, box-shadow .12s;
}
.ia-card:hover[b-zs4ih4c5ab] { border-color: var(--cor-primaria, #2563eb); box-shadow: var(--sombra-suave, 0 2px 8px rgba(0,0,0,.06)); }
.ia-card--inativo[b-zs4ih4c5ab] { opacity: .62; }

.ia-card__topo[b-zs4ih4c5ab] { display: flex; align-items: center; gap: .45rem; }
.ia-card__icone[b-zs4ih4c5ab] {
    display: inline-flex;
    padding: .3rem;
    border-radius: .5rem;
    background: var(--cor-superficie-suave, #f2f4f7);
}
.ia-card__nome[b-zs4ih4c5ab] { font-size: .95rem; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ia-card__selo[b-zs4ih4c5ab] {
    margin-left: auto;
    flex: 0 0 auto;
    font-size: .68rem;
    font-weight: 600;
    padding: .1rem .45rem;
    border-radius: 1rem;
    background: var(--cor-superficie-suave, #f2f4f7);
    color: var(--cor-texto-suave, #667);
}
.ia-card__selo--on[b-zs4ih4c5ab] { background: color-mix(in srgb, var(--cor-sucesso, #16a34a) 15%, transparent); color: var(--cor-sucesso, #16a34a); }

.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-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__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;
}
/* /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-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, 1.15fr) minmax(0, 1fr);
    align-items: start;
}

.wpp-edit-modal__principal[b-lpg7nxljeq] {
    display: grid;
    gap: .8rem;
    align-content: start;
    padding-right: 1.5rem;
}

.wpp-edit-modal__principal .campo-formulario > label[b-lpg7nxljeq] {
    font-size: .82rem;
}

.wpp-edit-modal__lateral[b-lpg7nxljeq] {
    padding-left: 1.5rem;
    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__principal[b-lpg7nxljeq] {
        padding-right: 0;
    }

    .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; }
/* /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/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;
}
/* /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;
}

.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/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);
}
/* /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;
}

.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: 6px;
    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;
    }
}
/* /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 :deep(.selecao-padrao)[b-5urn54k4wo] {
    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 :deep(.selecao-padrao__gatilho)[b-5urn54k4wo] {
    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: 6px;
    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 :deep(.selecao-padrao__gatilho)[b-5urn54k4wo],
.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 :deep(.selecao-padrao__texto--placeholder)[b-5urn54k4wo],
.trabalhos-hero :deep(.selecao-padrao__texto small)[b-5urn54k4wo] {
    color: var(--cor-texto-suave);
}

.trabalhos-hero :deep(.selecao-padrao__gatilho)[b-5urn54k4wo] {
    min-height: 2.8rem;
    max-height: 2.8rem;
    padding: 0.34rem 2.2rem 0.34rem 0.75rem;
    font-size: 0.8rem;
    border-radius: 6px;
}

.trabalhos-hero :deep(.selecao-padrao__texto-principal)[b-5urn54k4wo] {
    gap: 0.35rem;
}

.trabalhos-hero :deep(.selecao-padrao__texto-principal span:last-child)[b-5urn54k4wo] {
    font-size: 0.8rem;
    font-weight: 600;
}

.trabalhos-hero :deep(.selecao-padrao__texto small)[b-5urn54k4wo] {
    font-size: 0.7rem;
}

.trabalhos-hero :deep(.selecao-padrao__icone)[b-5urn54k4wo] {
    width: 1rem;
    margin-right: 0.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.trabalhos-modais :deep(.modal-sistema--trabalho .selecao-padrao__gatilho)[b-5urn54k4wo] {
    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 :deep(.selecao-padrao__gatilho:hover)[b-5urn54k4wo],
.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: 6px;
    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: 6px;
}

.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__acoes .botao-icone.trabalhos-coluna__menu-gatilho :deep(.icone-sistema__svg)[b-5urn54k4wo],
.trabalhos-coluna__acoes .botao-icone.trabalhos-coluna__menu-gatilho :deep(.icone-sistema__svg path)[b-5urn54k4wo] {
    fill: var(--cor-texto-suave);
    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: 6px;
    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__indicador-fixa :deep(.icone-sistema__svg)[b-5urn54k4wo],
.trabalhos-coluna__indicador-fixa :deep(.icone-sistema__svg path)[b-5urn54k4wo] {
    fill: currentColor;
    color: currentColor;
}

.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: 6px;
    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.7rem;
    min-height: 0;
    height: calc(100% - 0.7rem);
    align-self: stretch;
    overflow-y: auto;
    overflow-x: hidden;
    align-content: start;
    padding: 0 0.15rem 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] {
    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;
}

.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.68rem;
    height: 0.68rem;
    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 :deep(.icone-sistema)[b-5urn54k4wo] {
    display: grid;
    color: #f8fafc !important;
}

.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;
}

.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 :deep(.icone-sistema)[b-5urn54k4wo] {
    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 :deep(.etiqueta-categoria)[b-5urn54k4wo] {
    background: color-mix(in srgb, var(--cor-superficie) 84%, var(--cor-texto) 16%);
    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 :deep(.etiqueta-categoria__ponto)[b-5urn54k4wo] {
    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 :deep(.icone-sistema)[b-5urn54k4wo] {
    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 :deep(.icone-sistema)[b-5urn54k4wo] {
    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 :deep(.modal-sistema--trabalho.modal-sistema)[b-5urn54k4wo] {
    max-height: calc(100vh - 1rem);
    overflow-x: visible;
    overflow-y: auto;
}

.trabalhos-modais :deep(.modal-sistema--trabalho .modal-sistema__cartao)[b-5urn54k4wo] {
    overflow: hidden;
}

.trabalhos-modais :deep(.modal-sistema--trabalho .modal-sistema__corpo)[b-5urn54k4wo] {
    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 :deep(.selecao-padrao__gatilho)[b-5urn54k4wo],
.trabalhos-modais :deep(.modal-sistema--trabalho .selecao-padrao__gatilho)[b-5urn54k4wo] {
    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: 6px;
    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 :deep(.selecao-padrao)[b-5urn54k4wo],
.trabalhos-form__parceiro :deep(.selecao-padrao__gatilho)[b-5urn54k4wo] {
    width: 100%;
}

.trabalhos-form__parceiro :deep(.selecao-padrao__gatilho)[b-5urn54k4wo] {
    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.6rem;
}

.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(90rem, calc(100vw - 1.2rem));
    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 :deep(.icone-sistema)[b-5urn54k4wo] {
    display: grid;
    color: #fff !important;
}

.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__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: 6px;
    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: 6px;
    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: 6px;
}

.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);
}

.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;
}

.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;
}

.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 :deep(.icone-sistema)[b-5urn54k4wo] {
    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 :deep(.icone-sistema)[b-5urn54k4wo] {
    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 :deep(.icone-sistema)[b-5urn54k4wo] {
    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 :deep(.selecao-padrao__gatilho)[b-5urn54k4wo] {
    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 :deep(.selecao-padrao)[b-5urn54k4wo] {
    width: 100%;
}

.trabalhos-detalhes :deep(.selecao-padrao__gatilho)[b-5urn54k4wo] {
    min-height: 2rem;
    padding: 0.28rem 1.7rem 0.28rem 0.5rem;
}

.trabalhos-detalhes :deep(#endereco-cliente-trabalho-detalhes)[b-5urn54k4wo],
.trabalhos-modais :deep(#endereco-cliente-trabalho)[b-5urn54k4wo] {
    min-height: 3.5rem;
    max-height: none;
    padding-block: 0.45rem;
}

.trabalhos-detalhes :deep(#endereco-cliente-trabalho-detalhes .selecao-padrao__texto)[b-5urn54k4wo],
.trabalhos-modais :deep(#endereco-cliente-trabalho .selecao-padrao__texto)[b-5urn54k4wo] {
    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__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: 6px;
    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;
}

.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));
}

.trabalhos-detalhes__etapa--concluida[b-5urn54k4wo],
.trabalhos-detalhes__etapa--atual[b-5urn54k4wo] {
    z-index: 1;
    background: color-mix(in srgb, var(--trabalhos-coluna-cor) 82%, black 0%);
    color: #fff;
}

.trabalhos-detalhes__etapa--concluida:not(:disabled):hover[b-5urn54k4wo],
.trabalhos-detalhes__etapa--atual:not(:disabled):hover[b-5urn54k4wo] {
    background: color-mix(in srgb, var(--trabalhos-coluna-cor) 65%, var(--cor-superficie));
}

.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: 22rem minmax(0, 1fr);
    min-height: 0;
}

.trabalhos-detalhes__lateral[b-5urn54k4wo] {
    display: grid;
    align-content: start;
    gap: 1.05rem;
    min-width: 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__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] {
    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-titulo > span[b-5urn54k4wo] {
    color: var(--cor-texto);
    font-size: 0.86rem;
    font-weight: 800;
}

.trabalhos-detalhes__parceiros-titulo small[b-5urn54k4wo] {
    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 :deep(.selecao-padrao)[b-5urn54k4wo],
.trabalhos-detalhes__parceiro-item :deep(.selecao-padrao__gatilho)[b-5urn54k4wo] {
    width: 100%;
}

.trabalhos-detalhes__parceiro-item :deep(.selecao-padrao__gatilho)[b-5urn54k4wo] {
    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: 6px;
    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;
    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__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;
}

.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;
}

.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: 6px;
    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-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;
}

.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.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));
}

.trabalhos-detalhes__fotos-relatorio > header[b-5urn54k4wo],
.trabalhos-detalhes__fotos-relatorio > header > div[b-5urn54k4wo],
.trabalhos-detalhes__foto-relatorio footer[b-5urn54k4wo] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.trabalhos-detalhes__fotos-relatorio > header[b-5urn54k4wo] {
    justify-content: space-between;
}

.trabalhos-detalhes__fotos-relatorio > header > strong[b-5urn54k4wo] {
    color: var(--cor-texto);
    font-size: 0.82rem;
}

.trabalhos-detalhes__fotos-relatorio-enviar[b-5urn54k4wo],
.trabalhos-detalhes__fotos-relatorio-download-todas[b-5urn54k4wo] {
    position: relative;
    min-height: 2rem;
    text-decoration: none;
}

.trabalhos-detalhes__fotos-relatorio-enviar[b-5urn54k4wo]  .trabalhos-detalhes__nota-seletor-arquivo {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.trabalhos-detalhes__fotos-relatorio-grade[b-5urn54k4wo] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
    gap: 0.55rem;
}

.trabalhos-detalhes__foto-relatorio[b-5urn54k4wo] {
    overflow: hidden;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio-pequeno);
    background: var(--cor-superficie);
}

.trabalhos-detalhes__foto-relatorio > a[b-5urn54k4wo] {
    display: block;
    aspect-ratio: 1;
}

.trabalhos-detalhes__foto-relatorio img[b-5urn54k4wo] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.trabalhos-detalhes__foto-relatorio footer[b-5urn54k4wo] {
    min-width: 0;
    justify-content: space-between;
    padding: 0.35rem;
}

.trabalhos-detalhes__foto-relatorio footer > span[b-5urn54k4wo] {
    overflow: hidden;
    color: var(--cor-texto-secundario);
    font-size: 0.68rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 640px) {
    .trabalhos-detalhes__fotos-relatorio > header[b-5urn54k4wo] {
        align-items: flex-start;
        flex-direction: column;
    }
}

.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__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 :deep(.selecao-padrao__gatilho)[b-5urn54k4wo] {
    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;
    }

    .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: 1fr;
        overflow-y: 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 :deep(.selecao-padrao__gatilho)[b-5urn54k4wo],
    .trabalhos-detalhes :deep(.selecao-padrao__pesquisa)[b-5urn54k4wo] {
        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.5rem;
}

.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: 6px;
    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: 6px;
}

.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: 6px;
    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: 6px;
    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: 6px;
    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: 6px;
    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__modo-compacto[b-5urn54k4wo],
    .trabalhos-hero__botoes > button:nth-of-type(2)[b-5urn54k4wo],
    .trabalhos-hero__botoes > button:nth-of-type(3)[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 :deep(.icone-sistema)[b-5urn54k4wo] {
        flex: 0 0 auto;
        color: var(--cor-texto-secundario);
    }

    .trabalhos-item__mobile-detalhes :deep(.etiqueta-categoria)[b-5urn54k4wo] {
        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;
    }
}
/* /Components/Paginas/TrabalhosAprovacoes.razor.rz.scp.css */
.trabalhos-aprovacoes__historico[b-ya3i86k4tq] {
    margin-top: var(--espacamento-5, 1.25rem);
}

/* ---- 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); }

/* ---- Cabecalho da tabela acompanha o scroll ate o fim da tabela ---- */
.tabela-sistema--trabalhos-aprovacoes[b-ya3i86k4tq] {
    overflow: auto;
    max-height: min(78vh, 62rem);
}

.tabela-sistema--trabalhos-aprovacoes .tabela-sistema__cabecalho[b-ya3i86k4tq] {
    position: sticky;
    top: 0;
    z-index: 4;
    background: var(--cor-superficie-elevada, var(--cor-superficie));
    box-shadow: inset 0 -1px 0 var(--cor-borda);
}

/* ---- 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[b-ya3i86k4tq] {
        overflow: visible;
        max-height: none;
    }

    .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: Georgia, "Times New Roman", serif;
    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: 6px;
    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: 6px;
    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: 6px;
}

.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);
}

.formulario-usuario__foto[b-n5xmfg0rha] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-4);
}

.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;
}

.wpp__lista-cabecalho[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espacamento-2);
    padding: var(--espacamento-4) var(--espacamento-4) var(--espacamento-3);
}

.wpp__lista-cabecalho h2[b-xmdkha7ryn] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.wpp__cabecalho-acoes[b-xmdkha7ryn] {
    display: flex;
    align-items: center;
    gap: var(--espacamento-1);
    margin-left: 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;
    gap: var(--espacamento-1);
    padding: 0 var(--espacamento-4) var(--espacamento-3);
    overflow-x: auto;
    scrollbar-width: none;
}

.wpp__abas[b-xmdkha7ryn]::-webkit-scrollbar {
    display: none;
}

.wpp__aba[b-xmdkha7ryn] {
    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);
}

.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: center;
    gap: var(--espacamento-1);
    padding: 0 var(--espacamento-4) var(--espacamento-3);
}

.wpp__abas-linha .wpp__abas[b-xmdkha7ryn] {
    flex: 1;
    padding: 0;
}

.wpp__abas-chevron[b-xmdkha7ryn] {
    flex: 0 0 auto;
}

.wpp__abas-chevron.ativo[b-xmdkha7ryn] {
    color: var(--cor-primaria);
    border-color: var(--cor-primaria);
}

.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);
}

/* dot(s) na linha da conversa */
.wpp__item-cat-dot[b-xmdkha7ryn] {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 999px;
    margin-right: 2px;
}

/* 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;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.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-previa[b-xmdkha7ryn] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.82rem;
    color: var(--cor-texto-secundario);
}

.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;
}

/* 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-2);
    padding: var(--espacamento-2) var(--espacamento-4);
    border-bottom: 1px solid var(--cor-borda);
    background: var(--cor-superficie);
    z-index: 3;
}

.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-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;
    gap: 2px;
    flex: 0 0 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;
    overscroll-behavior: contain;
    padding: var(--espacamento-4) var(--espacamento-6);
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.wpp__carregar-mais[b-xmdkha7ryn] {
    display: flex;
    justify-content: center;
    padding: var(--espacamento-1) 0 var(--espacamento-3);
}

.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;
}

.wpp__mensagem[b-xmdkha7ryn] {
    position: relative;
    display: flex;
    max-width: min(70%, 32rem);
    margin-top: 3px;
}

.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] {
    align-self: flex-end;
}

.wpp__mensagem--outra[b-xmdkha7ryn] {
    align-self: flex-start;
}

.wpp__mensagem--destacada .wpp__balao[b-xmdkha7ryn] {
    animation: chats-destaque-mensagem-b-xmdkha7ryn 1.6s ease;
}

@keyframes chats-destaque-mensagem-b-xmdkha7ryn {
    0%, 70% { box-shadow: 0 0 0 2px var(--cor-primaria); }
    100% { box-shadow: var(--sombra-suave); }
}

.wpp__balao[b-xmdkha7ryn] {
    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;
}

.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;
}

.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%;
    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;
}

.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: block;
    font-size: 0.78rem;
    color: var(--cor-texto-secundario);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.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__mensagem--minha .wpp__anexo-arquivo[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__controle[b-xmdkha7ryn] {
    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;
}

.wpp__mensagem:hover .wpp__controle[b-xmdkha7ryn],
.wpp__controle:focus-visible[b-xmdkha7ryn] {
    opacity: 1;
}

.wpp__controle:hover[b-xmdkha7ryn] {
    color: var(--cor-texto);
    border-color: var(--cor-borda-forte);
}

.wpp__controle--reacao[b-xmdkha7ryn] {
    top: 50%;
    transform: translateY(-50%);
}

.wpp__mensagem--outra .wpp__controle--reacao[b-xmdkha7ryn] {
    right: -2.25rem;
}

.wpp__mensagem--minha .wpp__controle--reacao[b-xmdkha7ryn] {
    left: -2.25rem;
}

.wpp__controle--menu[b-xmdkha7ryn] {
    top: -0.5rem;
}

.wpp__mensagem--outra .wpp__controle--menu[b-xmdkha7ryn] {
    left: -0.6rem;
}

.wpp__mensagem--minha .wpp__controle--menu[b-xmdkha7ryn] {
    right: -0.6rem;
}

.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);
}

.wpp__menu-mensagem[b-xmdkha7ryn] {
    position: absolute;
    bottom: calc(100% + 0.4rem);
    min-width: 11rem;
    z-index: 8;
}

.wpp__mensagem--outra .wpp__menu-mensagem[b-xmdkha7ryn] {
    left: 0;
}

.wpp__mensagem--minha .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);
}

.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 */
}

.wpp__emoji-painel[b-xmdkha7ryn] {
    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-xmdkha7ryn 120ms ease;
}

.wpp__emoji-painel button[b-xmdkha7ryn] {
    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);
}

.wpp__emoji-painel button:hover[b-xmdkha7ryn] {
    background: var(--cor-superficie-suave);
    transform: scale(1.15);
}

/* 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-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] {
    margin: 0;
    padding: 0.6rem 0.45rem;
    font-size: 0.8rem;
}

.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] {
    line-height: 0;
    padding: 4px;
    border-radius: 999px;
    border: 2px solid var(--cor-primaria);
}

.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-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] {
        max-width: 85%;
    }

    .wpp__painel[b-xmdkha7ryn] {
        width: 100%;
    }
}

/* Extras do modulo WhatsApp (nao existiam no Chats) */
.wpp__anexo-video[b-xmdkha7ryn] { max-width: 280px; border-radius: 10px; display: block; }
.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: 42%;
    height: 2.5rem;
    padding: 0 1.75rem 0 .75rem;
    border: 1px solid var(--cor-borda);
    border-radius: 999px;
    background: var(--cor-fundo-secundario);
    color: var(--cor-texto);
    font: inherit;
    cursor: pointer;
    transition: border-color var(--transicao-rapida), box-shadow var(--transicao-rapida);
}
.wpp__filtro-numero:focus-visible[b-xmdkha7ryn] {
    outline: none;
    border-color: var(--cor-primaria);
    box-shadow: 0 0 0 3px var(--cor-primaria-suave);
}

/* 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; }
.wpp__controle--menu[b-xmdkha7ryn] {
    border: none;
    background: transparent;
    color: var(--cor-texto-secundario, #667085);
    cursor: pointer;
    opacity: 0;
    transition: opacity .12s;
}
.wpp__mensagem:hover .wpp__controle--menu[b-xmdkha7ryn] { opacity: 1; }

/* 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 */
.wpp__msg-info[b-xmdkha7ryn] {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.wpp__msg-info > div[b-xmdkha7ryn] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.wpp__msg-info dt[b-xmdkha7ryn] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--cor-texto-secundario, #667085);
}

.wpp__msg-info dd[b-xmdkha7ryn] {
    margin: 0;
    word-break: break-word;
}

.wpp__msg-info code[b-xmdkha7ryn] {
    font-size: 0.78rem;
    background: var(--cor-superficie-suave, #f2f4f7);
    padding: 0.1rem 0.35rem;
    border-radius: 6px;
}

.wpp__msg-info-reacao[b-xmdkha7ryn] {
    display: inline-block;
    margin-right: 0.5rem;
}