/* /Pages/Auth/Signin.razor.rz.scp.css */
/* compartilhamento-v2 (T10): aviso "Conta ativada" (/signin?conta=ativada) acima do formulário. Só tokens --ph-*. */
.ph-signin-ativada[b-bbq4kudckw] {
    margin-bottom: 16px;
}
/* /Pages/Cliente/SelecaoCliente.razor.rz.scp.css */
/* Estilo EXCLUSIVO de SelecaoCliente.razor.

   Recolhido do bloco <style> que vivia dentro do proprio .razor (item 9.6 da auditoria de design
   system, 07/09/2026). Os valores sao byte a byte os do original: a ordem do dono e que o layout
   nao mude.

   O que esta AQUI veste markup que ESTA tela emite — por isso o escopo alcanca (o compilador
   marca cada elemento proprio com [b-xxxxxxxxxx] e a regra vira ".classe[b-xxxxxxxxxx]").

   O que vestia markup do MudBlazor NAO esta aqui: foi para o preserve-design-system.css. Nao por
   estilo, por necessidade — esse markup e emitido pela lib e nunca recebe a marca, e o ::deep,
   que gera "[b-xxx] .alvo", exige um ancestral marcado que em dialogo nao existe (o conteudo
   renderiza no MudDialogProvider). No <style> original essas regras eram globais; no DS voltam a
   ser. Mesmo alcance de antes. */

.ph-repo-grid[b-s1ql6r80ye] {
display: grid;
gap: 18px;
grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
}

.ph-repo-card-ico[b-s1ql6r80ye] {
align-items: center;
background: var(--ph-orange-soft);
border-radius: var(--ph-radius-md);
color: var(--ph-brand-orange);
display: grid;
flex-shrink: 0;
height: 38px;
place-items: center;
width: 38px;
}

.ph-repo-card-org[b-s1ql6r80ye] {
color: var(--ph-n-500);
display: block;
font-family: var(--ph-font-mono);
font-size: 10px;
font-weight: 500;
letter-spacing: .06em;
line-height: 1.4;
text-transform: uppercase;
word-break: break-word;
}

.ph-repo-card-name[b-s1ql6r80ye] {
color: var(--ph-brand-ink);
font-size: 16px;
font-weight: 600;
letter-spacing: -.01em;
line-height: 1.25;
margin: 2px 0 0;
}

.ph-repo-card-desc[b-s1ql6r80ye] {
color: var(--ph-n-600);
font-size: 13px;
line-height: 1.5;
margin: 0;
min-height: 38px;
}

.ph-repo-card-meta[b-s1ql6r80ye] {
border-top: 1px solid var(--ph-n-100);
color: var(--ph-n-500);
display: flex;
flex-wrap: wrap;
font-size: 11px;
gap: 16px;
padding-top: 12px;
}

.ph-repo-card-meta b[b-s1ql6r80ye] {
color: var(--ph-n-700);
font-weight: 500;
}

.ph-repo-access[b-s1ql6r80ye] {
align-items: center;
background: var(--ph-brand-ink);
border: 0;
border-radius: var(--ph-radius-md);
color: var(--ph-n-0);
cursor: pointer;
display: inline-flex;
font-family: var(--ph-font-sans);
font-size: 12px;
font-weight: 600;
gap: 6px;
height: 30px;
padding: 0 12px;
transition: background .12s;
}

.ph-repo-access:hover[b-s1ql6r80ye],
.ph-repo-access:focus-visible[b-s1ql6r80ye] {

background: var(--ph-brand-orange-text);
}

.ph-repo-status[b-s1ql6r80ye] {
align-items: center;
border-radius: var(--ph-radius-pill);
display: inline-flex;
font-size: 11px;
font-weight: 600;
gap: 6px;
height: 22px;
padding: 0 10px;
white-space: nowrap;
}

.ph-repo-status > span[b-s1ql6r80ye] {
border-radius: 50%;
display: inline-block;
height: 6px;
width: 6px;
}

.ph-repo-status--on[b-s1ql6r80ye] {
background: var(--ph-ok-50);
border: 1px solid var(--ph-ok-200);
color: var(--ph-ok-700);
}

.ph-repo-status--on > span[b-s1ql6r80ye] {
background: var(--ph-ok-500);
}

.ph-repo-status--off[b-s1ql6r80ye] {
background: var(--ph-n-100);
color: var(--ph-n-700);
}

.ph-repo-status--off > span[b-s1ql6r80ye] {
background: var(--ph-n-500);
}

.ph-repo-list[b-s1ql6r80ye] {
background: var(--ph-n-0);
border: 1px solid var(--ph-n-100);
border-radius: var(--ph-radius-xl);
box-shadow: var(--ph-shadow-1);
overflow: hidden;
}

.ph-repo-list-head[b-s1ql6r80ye] {
background: var(--ph-n-25);
border-bottom: 1px solid var(--ph-n-100);
color: var(--ph-n-500);
display: grid;
font-family: var(--ph-font-mono);
font-size: 10px;
font-weight: 600;
gap: 16px;
grid-template-columns: 44px 1.8fr 2fr 140px 120px 90px 130px;
letter-spacing: .08em;
padding: 10px 20px;
text-transform: uppercase;
}

.ph-repo-row[b-s1ql6r80ye] {
align-items: center;
border-bottom: 1px solid var(--ph-n-100);
cursor: pointer;
display: grid;
gap: 16px;
grid-template-columns: 44px 1.8fr 2fr 140px 120px 90px 130px;
padding: 14px 20px;
transition: background .12s;
}

.ph-repo-row:last-child[b-s1ql6r80ye] {
border-bottom: 0;
}

.ph-repo-row:hover[b-s1ql6r80ye] {
background: var(--ph-n-25);
}

.ph-repo-row:focus-visible[b-s1ql6r80ye] {
background: var(--ph-n-25);
box-shadow: inset 3px 0 0 var(--ph-brand-orange);
outline: 0;
}

.ph-repo-row:hover .ph-repo-access[b-s1ql6r80ye],
.ph-repo-row:focus-visible .ph-repo-access[b-s1ql6r80ye] {

background: var(--ph-brand-orange-text);
}

.ph-repo-row-ico[b-s1ql6r80ye] {
align-items: center;
background: var(--ph-orange-soft);
border-radius: var(--ph-radius-md);
color: var(--ph-brand-orange);
display: grid;
height: 36px;
place-items: center;
width: 36px;
}

.ph-repo-row-name[b-s1ql6r80ye] {
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0;
}

.ph-repo-row-name b[b-s1ql6r80ye] {
color: var(--ph-brand-ink);
font-size: 14px;
font-weight: 600;
letter-spacing: -.005em;
line-height: 1.3;
word-break: break-word;
}

.ph-repo-row-desc[b-s1ql6r80ye] {
color: var(--ph-n-600);
display: -webkit-box;
font-size: 13px;
line-height: 1.45;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}

.ph-repo-row-by[b-s1ql6r80ye] {
color: var(--ph-n-700);
font-size: 12px;
}

.ph-repo-row-date[b-s1ql6r80ye] {
color: var(--ph-n-700);
font-family: var(--ph-font-mono);
font-size: 12px;
}

@media (max-width: 900px) {
.ph-repo-list-head[b-s1ql6r80ye],
.ph-repo-row[b-s1ql6r80ye] {
    grid-template-columns: 36px 1fr 100px 100px;
    }

.ph-repo-row-desc[b-s1ql6r80ye],
.ph-repo-row-by[b-s1ql6r80ye],
.ph-repo-list-head-desc[b-s1ql6r80ye],
.ph-repo-list-head-by[b-s1ql6r80ye] {
    display: none;
    }
}

@media (max-width: 720px) {
.ph-repo-grid[b-s1ql6r80ye] {
    grid-template-columns: 1fr;
    }
}
/* /Pages/Compartilhados/Abas/CompartilhadoAnexosTab.razor.rz.scp.css */
/* Aba Anexos do destinatário (compartilhamento-v2, T05 lista + T06 visualizador) — artboard Visualizacao.dc.html.
   Só tokens --ph-*. */

/* Lista à esquerda + visualizador à direita (artboard); empilha em telas estreitas. */
.ph-cat-grade[b-zu5prmb3k4] {
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 960px) {
    .ph-cat-grade--aberto[b-zu5prmb3k4] {
        align-items: start;
        grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
    }
}

.ph-cat-titulo[b-zu5prmb3k4] {
    align-items: center;
    display: flex;
    gap: 8px;
}

.ph-cat-titulo:focus-visible[b-zu5prmb3k4] {
    border-radius: var(--ph-radius-sm);
    box-shadow: var(--ph-shadow-focus);
    outline: 0;
}

.ph-cat-titulo[b-zu5prmb3k4]  .mud-icon-root {
    color: var(--ph-brand-orange-text);
    height: 18px;
    width: 18px;
}

.ph-cat-estado[b-zu5prmb3k4] {
    align-items: center;
    color: var(--ph-n-700);
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    gap: 10px;
    padding: 18px;
}

.ph-cat-estado--erro[b-zu5prmb3k4] {
    color: var(--ph-err-700);
}

.ph-cat-lista[b-zu5prmb3k4] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ph-cat-item[b-zu5prmb3k4] {
    align-items: center;
    border-bottom: 1px solid var(--ph-n-100);
    display: flex;
    gap: 10px;
    padding: 10px 18px;
}

.ph-cat-item:last-child[b-zu5prmb3k4] {
    border-bottom: 0;
}

.ph-cat-item-ic[b-zu5prmb3k4] {
    color: var(--ph-brand-ink);
    display: flex;
}

.ph-cat-item-main[b-zu5prmb3k4] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.ph-cat-item-nome[b-zu5prmb3k4] {
    color: var(--ph-brand-ink);
    font-size: 13px;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.ph-cat-item-meta[b-zu5prmb3k4] {
    color: var(--ph-n-700);
    font-family: var(--ph-font-mono);
    font-size: 11.5px;
}

.ph-cat-item-modo[b-zu5prmb3k4] {
    color: var(--ph-n-600);
    font-size: 11.5px;
}

.ph-cat-btn[b-zu5prmb3k4] {
    align-items: center;
    border: 1px solid var(--ph-n-200);
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font-family: var(--ph-font-sans);
    font-size: 12.5px;
    font-weight: 600;
    gap: 8px;
    height: 32px;
    justify-content: center;
    padding: 0 12px;
    white-space: nowrap;
}

.ph-cat-btn.ph-button-secondary[b-zu5prmb3k4] {
    background: var(--ph-n-0);
}

.ph-cat-btn.ph-button-primary[b-zu5prmb3k4] {
    border-color: var(--ph-brand-ink);
}

.ph-cat-btn:disabled[b-zu5prmb3k4] {
    background: var(--ph-n-100) !important;
    color: var(--ph-n-600) !important;
    cursor: not-allowed;
}

.ph-cat-btn:focus-visible[b-zu5prmb3k4] {
    box-shadow: var(--ph-shadow-focus);
    outline: 0;
}

.ph-cat-btn[b-zu5prmb3k4]  .mud-icon-root {
    height: 16px;
    width: 16px;
}

/* ---------- item em exibição (artboard: fundo n-25 + selo navy "Em exibição") ---------- */
.ph-cat-item--atual[b-zu5prmb3k4] {
    background: var(--ph-n-25);
}

.ph-cat-em-exibicao[b-zu5prmb3k4] {
    align-items: center;
    background: var(--ph-brand-ink);
    border: 1px solid var(--ph-brand-ink);
    border-radius: 999px;
    color: var(--ph-n-0);
    display: inline-flex;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .04em;
    line-height: 1;
    min-height: 22px;
    padding: 0 8px;
    text-transform: uppercase;
    white-space: nowrap;
}

/* ---------- visualizador (T06) ---------- */
.ph-cav[b-zu5prmb3k4] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}

.ph-cav:focus-visible[b-zu5prmb3k4] {
    box-shadow: var(--ph-shadow-focus);
    outline: 0;
}

.ph-cav-barra[b-zu5prmb3k4] {
    align-items: center;
    border-bottom: 1px solid var(--ph-n-100);
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 14px;
}

.ph-cav-barra-ic[b-zu5prmb3k4] {
    color: var(--ph-brand-orange-text);
    display: flex;
}

.ph-cav-nome[b-zu5prmb3k4] {
    color: var(--ph-brand-ink);
    font-size: 13px;
    font-weight: 600;
    min-width: 0;
    overflow-wrap: anywhere;
}

.ph-cav-espaco[b-zu5prmb3k4] {
    flex: 1;
}

.ph-cav-fechar[b-zu5prmb3k4] {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    color: var(--ph-n-700);
    cursor: pointer;
    display: inline-flex;
    height: 32px;
    justify-content: center;
    width: 32px;
}

.ph-cav-fechar:hover[b-zu5prmb3k4] {
    background: var(--ph-n-50);
}

.ph-cav-fechar:focus-visible[b-zu5prmb3k4] {
    box-shadow: var(--ph-shadow-focus);
    outline: 0;
}

.ph-cav-aviso[b-zu5prmb3k4] {
    margin: 10px 14px 0;
}

.ph-cav-corpo[b-zu5prmb3k4] {
    background: var(--ph-viewer-bg);
    display: flex;
    flex-direction: column;
    min-height: 240px;
    position: relative;
}

.ph-cav-estado[b-zu5prmb3k4] {
    align-items: center;
    color: var(--ph-n-700);
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    gap: 10px;
    padding: 24px 18px;
}

.ph-cav-falha[b-zu5prmb3k4] {
    margin: 14px;
}

.ph-cav-tentar[b-zu5prmb3k4] {
    margin-top: 10px;
}

/* Página exibida: iframe com o blob + micro-texto do código "sobre a página" (aria-hidden, sem capturar clique). */
.ph-cav-pagina[b-zu5prmb3k4] {
    position: relative;
}

.ph-cav-pagina--oculta[b-zu5prmb3k4] {
    display: none;
}

.ph-cav-frame[b-zu5prmb3k4] {
    background: var(--ph-n-0);
    border: 0;
    display: block;
    height: 72vh;
    min-height: 480px;
    width: 100%;
}

/* T14: só PDF usa o iframe; imagem vai a <img> e texto a <pre> (escapado pelo Blazor). */
.ph-cav-frame--oculto[b-zu5prmb3k4] {
    display: none;
}

.ph-cav-imagem-caixa[b-zu5prmb3k4] {
    align-items: center;
    background: var(--ph-n-0);
    display: flex;
    justify-content: center;
    min-height: 320px;
    overflow: auto;
    padding: 24px 16px;
}

.ph-cav-imagem[b-zu5prmb3k4] {
    display: block;
    height: auto;
    max-height: 72vh;
    max-width: 100%;
}

.ph-cav-texto[b-zu5prmb3k4] {
    background: var(--ph-n-0);
    color: var(--ph-n-900);
    font-family: var(--ph-font-mono);
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
    max-height: 72vh;
    min-height: 320px;
    overflow: auto;
    padding: 24px 16px;
    white-space: pre-wrap;
    word-break: break-word;
}

.ph-cav-texto:focus-visible[b-zu5prmb3k4] {
    outline: 2px solid var(--ph-brand-ink);
    outline-offset: -2px;
}

.ph-cav-texto-truncado[b-zu5prmb3k4] {
    color: var(--ph-n-700);
    font-size: 12px;
    margin: 8px 16px 0;
}

.ph-cav-micro[b-zu5prmb3k4] {
    color: var(--ph-brand-ink);
    font-family: var(--ph-font-mono);
    font-size: 8px;
    left: 0;
    letter-spacing: .08em;
    opacity: .55;
    overflow: hidden;
    padding: 2px 8px;
    pointer-events: none;
    position: absolute;
    right: 0;
    user-select: none;
    white-space: nowrap;
}

.ph-cav-micro--topo[b-zu5prmb3k4] {
    top: 0;
}

.ph-cav-micro--base[b-zu5prmb3k4] {
    background: rgb(var(--ph-brand-ink-rgb) / .06);
    bottom: 0;
    font-size: 9px;
    opacity: .8;
    text-align: center;
}

.ph-cav-rodape[b-zu5prmb3k4] {
    align-items: flex-start;
    border-top: 1px solid var(--ph-n-100);
    color: var(--ph-n-700);
    display: flex;
    font-size: 12px;
    gap: 6px;
    line-height: 1.5;
    margin: 0;
    padding: 10px 14px;
}

.ph-cav-rodape[b-zu5prmb3k4]  .mud-icon-root,
.ph-cav-barra[b-zu5prmb3k4]  .mud-icon-root,
.ph-cav-estado[b-zu5prmb3k4]  .mud-icon-root {
    flex-shrink: 0;
    height: 16px;
    width: 16px;
}
/* /Pages/Compartilhados/Abas/CompartilhadoClassificacaoTab.razor.rz.scp.css */
/* Aba Classificação do destinatário (compartilhamento-v2, T05). Só tokens --ph-*. */

.ph-cct-titulo[b-5ejjf4u017] {
    align-items: center;
    display: flex;
    gap: 8px;
}

.ph-cct-titulo:focus-visible[b-5ejjf4u017] {
    border-radius: var(--ph-radius-sm);
    box-shadow: var(--ph-shadow-focus);
    outline: 0;
}

.ph-cct-titulo[b-5ejjf4u017]  .mud-icon-root {
    color: var(--ph-brand-orange-text);
    height: 18px;
    width: 18px;
}

.ph-cct-dl[b-5ejjf4u017] {
    column-gap: 28px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    padding: 4px 18px 12px;
}

.ph-cct-campo[b-5ejjf4u017] {
    border-bottom: 1px solid var(--ph-n-100);
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 9px 0;
}

.ph-cct-campo dt[b-5ejjf4u017] {
    color: var(--ph-n-500);
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ph-cct-campo dd[b-5ejjf4u017] {
    color: var(--ph-n-800);
    font-size: 13px;
    margin: 0;
    overflow-wrap: anywhere;
}

.ph-cct-mono[b-5ejjf4u017] {
    font-family: var(--ph-font-mono);
}

@media (max-width: 720px) {
    .ph-cct-dl[b-5ejjf4u017] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Pages/Compartilhados/Abas/CompartilhadoDadosTab.razor.rz.scp.css */
/* Aba Dados do destinatário (compartilhamento-v2, T05) — artboard Visualizacao.dc.html. Só tokens --ph-*. */

.ph-cdt-titulo[b-3527ngxzby] {
    align-items: center;
    display: flex;
    gap: 8px;
}

.ph-cdt-titulo:focus-visible[b-3527ngxzby] {
    border-radius: var(--ph-radius-sm);
    box-shadow: var(--ph-shadow-focus);
    outline: 0;
}

.ph-cdt-titulo[b-3527ngxzby]  .mud-icon-root {
    color: var(--ph-brand-orange-text);
    height: 18px;
    width: 18px;
}

.ph-cdt-dl[b-3527ngxzby] {
    column-gap: 28px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    padding: 4px 18px 10px;
}

.ph-cdt-campo[b-3527ngxzby] {
    border-bottom: 1px solid var(--ph-n-100);
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    padding: 9px 0;
}

.ph-cdt-campo dt[b-3527ngxzby] {
    color: var(--ph-n-500);
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ph-cdt-campo dd[b-3527ngxzby] {
    color: var(--ph-n-800);
    font-size: 13px;
    margin: 0;
    overflow-wrap: anywhere;
}

.ph-cdt-mono[b-3527ngxzby] {
    font-family: var(--ph-font-mono);
    font-size: 12.5px;
}

.ph-cdt-protegido[b-3527ngxzby] {
    align-items: center;
    background: var(--ph-pur-50);
    border: 1px solid var(--ph-pur-200);
    border-radius: var(--ph-radius-pill);
    color: var(--ph-pur-700);
    display: inline-flex;
    font-size: 10.5px;
    font-weight: 600;
    gap: 4px;
    margin-left: 6px;
    padding: 1px 6px;
    vertical-align: 1px;
}

.ph-cdt-protegido[b-3527ngxzby]  .mud-icon-root {
    height: 11px;
    width: 11px;
}

.ph-cdt-motivo[b-3527ngxzby] {
    color: var(--ph-n-600);
    display: block;
    font-size: 11.5px;
    margin-top: 2px;
}

.ph-cdt-nota-wrap[b-3527ngxzby] {
    padding: 0 18px 16px;
}

.ph-cdt-nota p[b-3527ngxzby] {
    color: var(--ph-n-700);
    font-size: 12.5px;
    line-height: 1.5;
    margin: 0;
}

@media (max-width: 720px) {
    .ph-cdt-dl[b-3527ngxzby] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Pages/Compartilhados/Abas/CompartilhadoTemporalidadeTab.razor.rz.scp.css */
/* Aba Temporalidade do destinatário (compartilhamento-v2, T05). Só tokens --ph-*. */

.ph-ctt-titulo[b-aq2ouwvym3] {
    align-items: center;
    display: flex;
    gap: 8px;
}

.ph-ctt-titulo:focus-visible[b-aq2ouwvym3] {
    border-radius: var(--ph-radius-sm);
    box-shadow: var(--ph-shadow-focus);
    outline: 0;
}

.ph-ctt-titulo[b-aq2ouwvym3]  .mud-icon-root {
    color: var(--ph-brand-orange-text);
    height: 18px;
    width: 18px;
}

.ph-ctt-dl[b-aq2ouwvym3] {
    column-gap: 28px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    padding: 4px 18px 12px;
}

.ph-ctt-campo[b-aq2ouwvym3] {
    border-bottom: 1px solid var(--ph-n-100);
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 9px 0;
}

.ph-ctt-campo dt[b-aq2ouwvym3] {
    color: var(--ph-n-500);
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ph-ctt-campo dd[b-aq2ouwvym3] {
    color: var(--ph-n-800);
    font-size: 13px;
    margin: 0;
    overflow-wrap: anywhere;
}

.ph-ctt-mono[b-aq2ouwvym3] {
    font-family: var(--ph-font-mono);
}

@media (max-width: 720px) {
    .ph-ctt-dl[b-aq2ouwvym3] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Pages/Compartilhados/CompartilhadosComigo.razor.rz.scp.css */
/* Compartilhados comigo (compartilhamento-v2, T05) — artboard Comigo.dc.html. Só tokens --ph-*. */

.ph-ccm[b-7et131mol5] {
    display: flex;
    flex-direction: column;
    font-family: var(--ph-font-sans);
    gap: 20px;
    padding: 12px 8px 32px;
}

.ph-ccm-titulo[b-7et131mol5] {
    color: var(--ph-brand-ink);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0;
}

.ph-ccm-sub[b-7et131mol5] {
    color: var(--ph-n-700);
    font-size: 13.5px;
    margin: 4px 0 0;
}

.ph-ccm-note[b-7et131mol5] {
    margin-top: 0;
}

.ph-ccm-note-body p[b-7et131mol5] {
    color: var(--ph-n-700);
    font-size: 12.5px;
    line-height: 1.5;
    margin: 0;
}

/* ---------- ferramentas ---------- */
.ph-ccm-ferramentas[b-7et131mol5] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.ph-ccm-seg[b-7et131mol5] {
    background: var(--ph-n-50);
    border: 1px solid var(--ph-n-100);
    border-radius: var(--ph-radius-md);
    display: inline-flex;
    flex-wrap: wrap;
    gap: 2px;
    padding: 3px;
}

.ph-ccm-seg-btn[b-7et131mol5] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: var(--ph-radius-sm);
    color: var(--ph-n-700);
    cursor: pointer;
    display: inline-flex;
    font-family: var(--ph-font-sans);
    font-size: 12.5px;
    font-weight: 500;
    gap: 6px;
    height: 32px;
    padding: 0 12px;
}

.ph-ccm-seg-btn:hover[b-7et131mol5] {
    color: var(--ph-brand-ink);
}

.ph-ccm-seg-btn--on[b-7et131mol5] {
    background: var(--ph-n-0);
    box-shadow: var(--ph-shadow-1);
    color: var(--ph-brand-ink);
    font-weight: 600;
}

.ph-ccm-seg-n[b-7et131mol5] {
    color: var(--ph-n-500);
    font-family: var(--ph-font-mono);
    font-size: 11px;
}

.ph-ccm-seg-btn--on .ph-ccm-seg-n[b-7et131mol5] {
    color: var(--ph-brand-orange-text);
}

.ph-ccm-busca[b-7et131mol5] {
    flex: 0 1 380px;
    min-width: 220px;
    position: relative;
}

.ph-ccm-busca-ic[b-7et131mol5] {
    color: var(--ph-n-500);
    display: flex;
    left: 10px;
    position: absolute;
    top: 8px;
}

.ph-ccm-busca-ic[b-7et131mol5]  .mud-icon-root {
    height: 18px;
    width: 18px;
}

.ph-ccm-busca-input[b-7et131mol5] {
    background: var(--ph-n-0);
    border: 1px solid var(--ph-n-200);
    border-radius: var(--ph-radius-md);
    box-sizing: border-box;
    color: var(--ph-n-800);
    font-family: var(--ph-font-sans);
    font-size: 13px;
    height: 34px;
    padding: 0 12px 0 34px;
    width: 100%;
}

.ph-ccm-busca-input[b-7et131mol5]::placeholder {
    color: var(--ph-n-500);
}

.ph-ccm-ordem[b-7et131mol5] {
    align-items: center;
    display: flex;
    gap: 8px;
    margin-left: auto;
}

.ph-ccm-ordem label[b-7et131mol5] {
    color: var(--ph-n-700);
    font-size: 12.5px;
}

.ph-ccm-select[b-7et131mol5] {
    background: var(--ph-n-0);
    border: 1px solid var(--ph-n-200);
    border-radius: var(--ph-radius-md);
    color: var(--ph-n-800);
    font-family: var(--ph-font-sans);
    font-size: 13px;
    height: 34px;
    padding: 0 10px;
    width: 180px;
}

.ph-ccm-resumo[b-7et131mol5] {
    color: var(--ph-n-700);
    font-size: 12.5px;
    margin: 0;
}

/* ---------- grupos e cards ---------- */
.ph-ccm-grupo[b-7et131mol5] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ph-ccm-grupo-titulo[b-7et131mol5] {
    align-items: center;
    color: var(--ph-brand-ink);
    display: flex;
    font-size: 14px;
    font-weight: 600;
    gap: 8px;
    margin: 0;
}

.ph-ccm-grupo-titulo[b-7et131mol5]  .mud-icon-root {
    color: var(--ph-brand-orange-text);
}

.ph-ccm-grupo-n[b-7et131mol5] {
    color: var(--ph-n-500);
    font-size: 12px;
    font-weight: 500;
}

.ph-ccm-grade[b-7et131mol5] {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ph-ccm-card[b-7et131mol5] {
    background: var(--ph-n-0);
    border: 1px solid var(--ph-n-100);
    border-radius: var(--ph-radius-lg);
    box-shadow: var(--ph-shadow-1);
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.ph-ccm-card--encerrado[b-7et131mol5] {
    background: var(--ph-n-50);
    border-color: var(--ph-n-200);
    box-shadow: none;
}

.ph-ccm-card-body[b-7et131mol5] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px 18px;
}

.ph-ccm-card-top[b-7et131mol5] {
    align-items: center;
    display: flex;
    gap: 8px;
}

.ph-ccm-card-ic[b-7et131mol5] {
    color: var(--ph-brand-orange-text);
    display: flex;
}

.ph-ccm-card--encerrado .ph-ccm-card-ic[b-7et131mol5] {
    color: var(--ph-n-500);
}

.ph-ccm-card-origem[b-7et131mol5] {
    color: var(--ph-n-700);
    flex: 1;
    font-size: 12px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.ph-ccm-dot[b-7et131mol5] {
    background: currentColor;
    border-radius: 50%;
    flex-shrink: 0;
    height: 6px;
    width: 6px;
}

.ph-ccm-card-titulo[b-7et131mol5] {
    color: var(--ph-brand-ink);
    font-size: 15.5px;
    font-weight: 600;
    line-height: 1.35;
    margin: 0;
    overflow-wrap: anywhere;
}

.ph-ccm-card--encerrado .ph-ccm-card-titulo[b-7et131mol5],
.ph-ccm-card--encerrado .ph-ccm-concedente[b-7et131mol5] {
    color: var(--ph-n-700);
}

.ph-ccm-card-id[b-7et131mol5] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ph-ccm-mono[b-7et131mol5] {
    color: var(--ph-n-700);
    font-family: var(--ph-font-mono);
    font-size: 12px;
}

.ph-ccm-card-linha[b-7et131mol5] {
    align-items: center;
    color: var(--ph-n-700);
    display: flex;
    font-size: 12.5px;
    gap: 8px;
}

.ph-ccm-card-linha[b-7et131mol5]  .ph-ccm-linha-ic {
    color: var(--ph-n-500);
    height: 16px;
    width: 16px;
}

.ph-ccm-concedente[b-7et131mol5] {
    color: var(--ph-brand-ink);
    font-weight: 600;
}

.ph-ccm-avatar[b-7et131mol5] {
    font-size: 9px;
    height: 22px;
    width: 22px;
}

.ph-ccm-avatar--pur[b-7et131mol5] { background: var(--ph-pur-700); }
.ph-ccm-avatar--info[b-7et131mol5] { background: var(--ph-info-700); }
.ph-ccm-avatar--ok[b-7et131mol5] { background: var(--ph-ok-700); }
.ph-ccm-avatar--ink[b-7et131mol5] { background: var(--ph-brand-ink-3); }

.ph-ccm-chips[b-7et131mol5] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ph-ccm-chip[b-7et131mol5] {
    font-size: 11.5px;
    gap: 5px;
    padding: 2px 8px;
}

.ph-ccm-chip[b-7et131mol5]  .mud-icon-root {
    height: 13px;
    width: 13px;
}

.ph-ccm-chip--vs[b-7et131mol5] {
    background: var(--ph-info-50);
    border-color: var(--ph-info-200);
    color: var(--ph-info-700);
}

.ph-ccm-card-foot[b-7et131mol5] {
    align-items: center;
    background: var(--ph-n-25);
    border-radius: 0 0 var(--ph-radius-lg) var(--ph-radius-lg);
    border-top: 1px solid var(--ph-n-100);
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: auto;
    padding: 10px 18px;
}

.ph-ccm-card--encerrado .ph-ccm-card-foot[b-7et131mol5] {
    background: var(--ph-n-100);
}

.ph-ccm-card-foot-txt[b-7et131mol5] {
    color: var(--ph-n-700);
    flex: 1;
    font-size: 12px;
    min-width: 160px;
}

.ph-ccm-motivo[b-7et131mol5] {
    align-items: center;
    color: var(--ph-n-700);
    display: inline-flex;
    font-size: 12.5px;
    gap: 6px;
}

.ph-ccm-motivo[b-7et131mol5]  .mud-icon-root {
    height: 15px;
    width: 15px;
}

/* ---------- botões (nativos com classes do DS) ---------- */
.ph-ccm-btn[b-7et131mol5] {
    align-items: center;
    border: 1px solid var(--ph-n-200);
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font-family: var(--ph-font-sans);
    font-size: 12.5px;
    font-weight: 600;
    gap: 8px;
    height: 32px;
    justify-content: center;
    line-height: 1;
    padding: 0 12px;
    text-decoration: none;
    white-space: nowrap;
}

.ph-ccm-btn.ph-button-primary[b-7et131mol5] {
    border-color: var(--ph-brand-ink);
}

.ph-ccm-btn.ph-button-secondary[b-7et131mol5] {
    background: var(--ph-n-0);
}

.ph-ccm-btn:disabled[b-7et131mol5] {
    background: var(--ph-n-100) !important;
    border-color: var(--ph-n-200);
    color: var(--ph-n-600) !important;
    cursor: not-allowed;
}

.ph-ccm-btn[b-7et131mol5]  .mud-icon-root {
    height: 16px;
    width: 16px;
}

.ph-ccm-btn:focus-visible[b-7et131mol5],
.ph-ccm-seg-btn:focus-visible[b-7et131mol5],
.ph-ccm-busca-input:focus-visible[b-7et131mol5],
.ph-ccm-select:focus-visible[b-7et131mol5] {
    box-shadow: var(--ph-shadow-focus);
    outline: 0;
}

/* ---------- estados ---------- */
.ph-ccm-loading[b-7et131mol5] {
    align-items: center;
    color: var(--ph-n-700);
    display: flex;
    font-size: 13px;
    gap: 10px;
}

.ph-ccm-skeleton[b-7et131mol5] {
    background: var(--ph-n-0);
    border: 1px solid var(--ph-n-100);
    border-radius: var(--ph-radius-lg);
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 18px;
}

.ph-ccm-skeleton span[b-7et131mol5] {
    background: var(--ph-n-100);
    border-radius: var(--ph-radius-sm);
    display: block;
    height: 10px;
}

.ph-ccm-skeleton span:nth-child(1)[b-7et131mol5] { width: 45%; }
.ph-ccm-skeleton span:nth-child(2)[b-7et131mol5] { height: 14px; width: 85%; }
.ph-ccm-skeleton span:nth-child(3)[b-7et131mol5] { width: 60%; }
.ph-ccm-skeleton span:nth-child(4)[b-7et131mol5] { width: 70%; }

.ph-ccm-erro[b-7et131mol5] {
    align-items: flex-start;
    background: var(--ph-err-50);
    border: 1px solid var(--ph-err-200);
    border-radius: var(--ph-radius-md);
    color: var(--ph-err-700);
    display: flex;
    gap: 12px;
    padding: 16px 18px;
}

.ph-ccm-erro-body[b-7et131mol5] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ph-ccm-erro-titulo[b-7et131mol5] {
    font-size: 15px;
    font-weight: 600;
    margin: 0;
}

.ph-ccm-erro-texto[b-7et131mol5] {
    color: var(--ph-n-800);
    font-size: 13px;
    margin: 0;
}

.ph-ccm-erro-acoes[b-7et131mol5] {
    display: flex;
    gap: 8px;
    margin-top: 4px;
}

.ph-ccm-vazio[b-7et131mol5],
.ph-ccm-sem-resultado[b-7et131mol5] {
    align-items: center;
    background: var(--ph-n-0);
    border: 1px dashed var(--ph-n-200);
    border-radius: var(--ph-radius-lg);
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 36px 24px;
    text-align: center;
}

.ph-ccm-sem-resultado p[b-7et131mol5] {
    color: var(--ph-n-700);
    font-size: 13px;
    margin: 0;
}

.ph-ccm-vazio-ic[b-7et131mol5] {
    align-items: center;
    background: var(--ph-orange-tint-50);
    border-radius: 50%;
    color: var(--ph-brand-orange-text);
    display: inline-flex;
    height: 48px;
    justify-content: center;
    width: 48px;
}

.ph-ccm-vazio-titulo[b-7et131mol5] {
    color: var(--ph-brand-ink);
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.ph-ccm-vazio-texto[b-7et131mol5] {
    color: var(--ph-n-700);
    font-size: 13px;
    margin: 0;
    max-width: 520px;
}

.ph-ccm-rodape[b-7et131mol5] {
    align-items: center;
    color: var(--ph-n-700);
    display: flex;
    font-size: 12.5px;
    gap: 6px;
    margin: 0;
}

.ph-ccm-rodape[b-7et131mol5]  .mud-icon-root {
    height: 16px;
    width: 16px;
}

@media (max-width: 960px) {
    .ph-ccm-grade[b-7et131mol5] {
        grid-template-columns: minmax(0, 1fr);
    }

    .ph-ccm-ordem[b-7et131mol5] {
        margin-left: 0;
    }
}
/* /Pages/Compartilhados/ConviteCompartilhamento.razor.rz.scp.css */
/* change compartilhamento-v2 (T09) — página do convite externo (/compartilhado/convite). Complementa o .ph-auth-*
   do design system com o bloco "Acesso convidado" (artboard Ativar) e a lista de dados do convite. Só tokens --ph-*. */

.ph-conv-origem[b-pu4bftvsce] {
    background: var(--ph-n-25);
    border: 1px solid var(--ph-n-100);
    border-left: 3px solid var(--ph-brand-orange);
    border-radius: var(--ph-radius-md);
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-bottom: 18px;
    padding: 10px 12px;
}

.ph-conv-eyebrow[b-pu4bftvsce] {
    color: var(--ph-brand-orange-text);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ph-conv-origem-cli[b-pu4bftvsce] {
    color: var(--ph-n-800);
    font-size: 13px;
}

.ph-conv-origem-cli b[b-pu4bftvsce] {
    color: var(--ph-brand-ink);
    font-weight: 600;
}

.ph-conv-origem-nota[b-pu4bftvsce] {
    color: var(--ph-n-600);
    font-size: 12px;
}

.ph-conv-carregando[b-pu4bftvsce] {
    align-items: center;
    color: var(--ph-n-700);
    display: flex;
    font-size: 14px;
    gap: 10px;
    padding: 24px 0;
}

/* O spinner do DS é branco (para o botão primário); aqui fica sobre o card claro. */
.ph-conv-spin[b-pu4bftvsce] {
    border-color: var(--ph-n-200);
    border-top-color: var(--ph-brand-ink);
}

.ph-conv-dados[b-pu4bftvsce] {
    border: 1px solid var(--ph-n-100);
    border-radius: var(--ph-radius-md);
    display: grid;
    gap: 8px;
    margin: 0 0 16px;
    padding: 12px 14px;
}

.ph-conv-dados > div[b-pu4bftvsce] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
    justify-content: space-between;
}

.ph-conv-dados dt[b-pu4bftvsce] {
    color: var(--ph-n-600);
    font-size: 12.5px;
}

.ph-conv-dados dd[b-pu4bftvsce] {
    color: var(--ph-n-800);
    font-size: 13px;
    margin: 0;
}

.ph-conv-mono[b-pu4bftvsce] {
    font-family: var(--ph-font-mono);
    font-size: 12.5px;
    word-break: break-all;
}

.ph-conv-nota[b-pu4bftvsce] {
    border-left-color: var(--ph-info-500);
    margin-bottom: 16px;
}

/* T10 — passo "Ativar conta" (artboard Ativar: etapas 1 · Conta — 2 · Código por e-mail). */
.ph-conv-ativar[b-pu4bftvsce] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ph-conv-etapas[b-pu4bftvsce] {
    color: var(--ph-n-600);
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    gap: 8px;
    list-style: none;
    margin: 0 0 12px;
    padding: 0;
}

.ph-conv-etapas li[b-pu4bftvsce] {
    align-items: center;
    display: inline-flex;
    gap: 4px;
}

.ph-conv-etapa--atual[b-pu4bftvsce] {
    color: var(--ph-brand-ink);
    font-weight: 600;
}

.ph-conv-etapa--feita[b-pu4bftvsce] {
    color: var(--ph-ok-700);
}

.ph-conv-etapas svg[b-pu4bftvsce] {
    height: 13px;
    width: 13px;
}

.ph-conv-resumo[b-pu4bftvsce] {
    margin-bottom: 12px;
}

.ph-conv-resumo span[b-pu4bftvsce] {
    display: block;
}

.ph-conv-readonly[b-pu4bftvsce] {
    background: var(--ph-n-25);
    color: var(--ph-n-700);
}

.ph-conv-politica[b-pu4bftvsce] {
    margin-top: -4px;
}

.ph-conv-termos-linha[b-pu4bftvsce] {
    align-items: flex-start;
    display: flex;
    gap: 10px;
}

.ph-conv-termos-linha label[b-pu4bftvsce] {
    color: var(--ph-n-800);
    font-size: 12.5px;
    line-height: 1.5;
}

.ph-conv-termos-linha a[b-pu4bftvsce] {
    color: var(--ph-info-500);
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.ph-conv-check[b-pu4bftvsce] {
    accent-color: var(--ph-brand-ink);
    flex-shrink: 0;
    height: 16px;
    margin: 3px 0 0;
    width: 16px;
}

.ph-conv-check[aria-invalid="true"][b-pu4bftvsce] {
    outline: 2px solid var(--ph-err-500);
    outline-offset: 1px;
}

.ph-conv-codigo[b-pu4bftvsce] {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .35em;
    max-width: 220px;
    text-align: center;
}

.ph-conv-reenviar[b-pu4bftvsce],
.ph-conv-ja-tem[b-pu4bftvsce] {
    color: var(--ph-n-700);
    font-size: 12.5px;
    margin: 4px 0 12px;
}

.ph-conv-ja-tem[b-pu4bftvsce] {
    margin: 12px 0 0;
    text-align: center;
}

.ph-conv-link[b-pu4bftvsce] {
    background: transparent;
    border: 0;
    color: var(--ph-info-500);
    cursor: pointer;
    font: inherit;
    font-weight: 600;
    padding: 0;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.ph-conv-link:disabled[b-pu4bftvsce] {
    color: var(--ph-n-600);
    cursor: not-allowed;
    text-decoration: none;
}

.ph-conv-link:focus-visible[b-pu4bftvsce],
.ph-conv-check:focus-visible[b-pu4bftvsce] {
    box-shadow: var(--ph-shadow-focus);
    outline: 0;
}

.ph-conv-porque[b-pu4bftvsce] {
    margin: 16px 0 12px;
}

.ph-conv-voltar[b-pu4bftvsce] {
    align-items: center;
    align-self: flex-start;
    display: inline-flex;
    gap: 6px;
}

.ph-conv-voltar svg[b-pu4bftvsce] {
    height: 14px;
    width: 14px;
}

.ph-conv-acao[b-pu4bftvsce] {
    margin-top: 4px;
}

.ph-conv h1:focus-visible[b-pu4bftvsce] {
    box-shadow: var(--ph-shadow-focus);
    outline: 0;
}

/* 27/09 — indisponível: dois parágrafos (já tem acesso × ainda não tem) com respiro entre eles. */
.ph-conv-indisp[b-pu4bftvsce] {
    margin-bottom: 16px;
}

.ph-conv-indisp p + p[b-pu4bftvsce] {
    margin-top: 10px;
}

/* Gatilho da popup dos termos: botão com aparência de link dentro do rótulo do aceite. */
.ph-conv-termos-abrir[b-pu4bftvsce] {
    font-weight: 500;
    text-align: start;
}

/* Título recebe foco por script (anúncio ao leitor de tela na troca de estado); não é controle interativo,
   então não mostra anel de foco (WCAG 2.4.7 vale para componentes operáveis). */
.ph-auth-title[tabindex="-1"]:focus[b-pu4bftvsce] {
    outline: none;
}
/* /Pages/Compartilhados/VisualizacaoCompartilhada.razor.rz.scp.css */
/* Visualização do objeto compartilhado (compartilhamento-v2, T05) — artboard Visualizacao.dc.html. Só tokens --ph-*. */

.ph-cvw[b-zawhmvy7t6] {
    display: flex;
    flex-direction: column;
    font-family: var(--ph-font-sans);
    gap: 16px;
    padding: 12px 8px 32px;
}

.ph-cvw-loading[b-zawhmvy7t6] {
    align-items: center;
    color: var(--ph-n-700);
    display: flex;
    font-size: 13px;
    gap: 10px;
    padding: 24px 4px;
}

/* ---------- cabeçalho ---------- */
.ph-cvw-head[b-zawhmvy7t6] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 18px 22px;
}

.ph-cvw-trilha ol[b-zawhmvy7t6] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 12.5px;
    gap: 6px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ph-cvw-trilha li[b-zawhmvy7t6] {
    align-items: center;
    display: flex;
    gap: 6px;
}

.ph-cvw-trilha a[b-zawhmvy7t6] {
    color: var(--ph-n-700);
}

.ph-cvw-trilha a:focus-visible[b-zawhmvy7t6] {
    border-radius: var(--ph-radius-sm);
    box-shadow: var(--ph-shadow-focus);
    outline: 0;
}

.ph-cvw-trilha li[aria-current="page"][b-zawhmvy7t6] {
    color: var(--ph-n-600);
}

.ph-cvw-trilha[b-zawhmvy7t6]  .mud-icon-root {
    color: var(--ph-n-500);
    height: 14px;
    width: 14px;
}

.ph-cvw-head-main[b-zawhmvy7t6] {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.ph-cvw-head-txt[b-zawhmvy7t6] {
    flex: 1;
    min-width: 0;
}

.ph-cvw-cliente[b-zawhmvy7t6] {
    align-items: center;
    color: var(--ph-n-700);
    display: flex;
    font-size: 12.5px;
    gap: 8px;
}

.ph-cvw-cliente[b-zawhmvy7t6]  .mud-icon-root {
    color: var(--ph-brand-orange-text);
    height: 16px;
    width: 16px;
}

.ph-cvw-titulo[b-zawhmvy7t6] {
    color: var(--ph-brand-ink);
    font-size: 21px;
    font-weight: 600;
    line-height: 1.3;
    margin: 4px 0 0;
    overflow-wrap: anywhere;
}

.ph-cvw-id[b-zawhmvy7t6] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 6px;
}

.ph-cvw-mono[b-zawhmvy7t6] {
    color: var(--ph-n-700);
    font-family: var(--ph-font-mono);
    font-size: 12.5px;
}

.ph-cvw-dot[b-zawhmvy7t6] {
    background: currentColor;
    border-radius: 50%;
    flex-shrink: 0;
    height: 6px;
    width: 6px;
}

.ph-cvw-meta[b-zawhmvy7t6] {
    background: var(--ph-n-25);
    border: 1px solid var(--ph-n-100);
    border-radius: var(--ph-radius-lg);
    display: flex;
    flex-wrap: wrap;
}

.ph-cvw-meta-cel[b-zawhmvy7t6] {
    border-right: 1px solid var(--ph-n-100);
    flex: 1;
    min-width: 200px;
    padding: 10px 14px;
}

.ph-cvw-meta-cel:last-child[b-zawhmvy7t6] {
    border-right: 0;
}

.ph-cvw-meta-cel--quem[b-zawhmvy7t6] {
    align-items: center;
    display: flex;
    gap: 10px;
    min-width: 220px;
}

.ph-cvw-meta-cel--perm[b-zawhmvy7t6] {
    flex: 2;
    min-width: 300px;
}

.ph-cvw-meta-rot[b-zawhmvy7t6] {
    color: var(--ph-n-500);
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .06em;
    margin-bottom: 2px;
    text-transform: uppercase;
}

.ph-cvw-meta-val[b-zawhmvy7t6] {
    color: var(--ph-brand-ink);
    font-size: 13px;
    font-weight: 600;
}

.ph-cvw-avatar[b-zawhmvy7t6] {
    font-size: 11px;
    height: 30px;
    width: 30px;
}

.ph-cvw-avatar--pur[b-zawhmvy7t6] { background: var(--ph-pur-700); }
.ph-cvw-avatar--info[b-zawhmvy7t6] { background: var(--ph-info-700); }
.ph-cvw-avatar--ok[b-zawhmvy7t6] { background: var(--ph-ok-700); }
.ph-cvw-avatar--ink[b-zawhmvy7t6] { background: var(--ph-brand-ink-3); }

.ph-cvw-chips[b-zawhmvy7t6] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ph-cvw-chip[b-zawhmvy7t6] {
    font-size: 11.5px;
    gap: 5px;
    padding: 2px 8px;
}

.ph-cvw-chip[b-zawhmvy7t6]  .mud-icon-root {
    height: 13px;
    width: 13px;
}

.ph-cvw-chip--vs[b-zawhmvy7t6] {
    background: var(--ph-info-50);
    border-color: var(--ph-info-200);
    color: var(--ph-info-700);
}

.ph-cvw-nota[b-zawhmvy7t6] {
    margin-top: 0;
}

.ph-cvw-nota p[b-zawhmvy7t6] {
    color: var(--ph-n-700);
    font-size: 12.5px;
    line-height: 1.5;
    margin: 0;
}

/* ---------- abas ---------- */
.ph-cvw-area[b-zawhmvy7t6] {
    border: 1px solid var(--ph-n-100);
    border-radius: var(--ph-radius-lg);
    padding: 18px 20px;
}

.ph-cvw-abas-dica[b-zawhmvy7t6] {
    color: var(--ph-n-700);
    font-size: 12px;
    margin: 0 0 6px;
    text-align: right;
}

.ph-cvw-tabs[b-zawhmvy7t6]  .mud-tabs-tabbar {
    background: transparent;
    border-bottom: 1px solid var(--ph-n-200);
}

.ph-cvw-tabs[b-zawhmvy7t6]  .mud-tab {
    color: var(--ph-n-700);
    font-family: var(--ph-font-sans);
    font-size: 13.5px;
    font-weight: 500;
    letter-spacing: 0;
    min-height: 42px;
    text-transform: none;
}

.ph-cvw-tabs[b-zawhmvy7t6]  .mud-tab.mud-tab-active {
    color: var(--ph-brand-orange-text);
    font-weight: 600;
}

.ph-cvw-tabs[b-zawhmvy7t6]  .mud-tab-slider {
    background: var(--ph-brand-orange);
}

.ph-cvw-tabs[b-zawhmvy7t6]  .mud-tabs-panels {
    padding-top: 16px;
}

/* ---------- botões ---------- */
.ph-cvw-btn[b-zawhmvy7t6] {
    align-items: center;
    border: 1px solid var(--ph-n-200);
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font-family: var(--ph-font-sans);
    font-size: 12.5px;
    font-weight: 600;
    gap: 8px;
    height: 32px;
    justify-content: center;
    line-height: 1;
    padding: 0 12px;
    text-decoration: none;
    white-space: nowrap;
}

.ph-cvw-btn.ph-button-secondary[b-zawhmvy7t6] {
    background: var(--ph-n-0);
}

.ph-cvw-btn.ph-button-primary[b-zawhmvy7t6] {
    border-color: var(--ph-brand-ink);
}

.ph-cvw-btn:focus-visible[b-zawhmvy7t6] {
    box-shadow: var(--ph-shadow-focus);
    outline: 0;
}

.ph-cvw-btn[b-zawhmvy7t6]  .mud-icon-root {
    height: 16px;
    width: 16px;
}

/* ---------- situações (não encontrado, bloqueado, sessão, contexto ausente, erro) ---------- */
.ph-cvw-situacao[b-zawhmvy7t6] {
    padding: 18px;
}

.ph-cvw-situacao-nota[b-zawhmvy7t6] {
    margin-top: 0;
}

.ph-cvw-situacao-body[b-zawhmvy7t6] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ph-cvw-situacao-titulo[b-zawhmvy7t6] {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.35;
    margin: 0;
}

.ph-cvw-situacao-body p[b-zawhmvy7t6] {
    color: var(--ph-n-800);
    font-size: 13px;
    margin: 0;
}

.ph-cvw-situacao-acoes[b-zawhmvy7t6] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 6px;
}

@media (max-width: 720px) {
    .ph-cvw-head[b-zawhmvy7t6] {
        padding: 14px;
    }

    .ph-cvw-meta-cel[b-zawhmvy7t6] {
        border-bottom: 1px solid var(--ph-n-100);
        border-right: 0;
        min-width: 100%;
    }

    .ph-cvw-abas-dica[b-zawhmvy7t6] {
        text-align: left;
    }
}
/* /Pages/Configuracoes/ConfiguracaoSistema.razor.rz.scp.css */
/* Estilo EXCLUSIVO de ConfiguracaoSistema.razor.

   Recolhido do bloco <style> que vivia dentro do proprio .razor (item 9.6 da auditoria de design
   system, 07/09/2026). Os valores sao byte a byte os do original: a ordem do dono e que o layout
   nao mude.

   O que esta AQUI veste markup que ESTA tela emite — por isso o escopo alcanca (o compilador
   marca cada elemento proprio com [b-xxxxxxxxxx] e a regra vira ".classe[b-xxxxxxxxxx]").

   O que vestia markup do MudBlazor NAO esta aqui: foi para o preserve-design-system.css. Nao por
   estilo, por necessidade — esse markup e emitido pela lib e nunca recebe a marca, e o ::deep,
   que gera "[b-xxx] .alvo", exige um ancestral marcado que em dialogo nao existe (o conteudo
   renderiza no MudDialogProvider). No <style> original essas regras eram globais; no DS voltam a
   ser. Mesmo alcance de antes. */

.ph-io-sub[b-uto0lxb0td] {
color: var(--ph-n-500);
font-family: var(--ph-font-mono);
font-size: 11px;
margin-top: 4px;
}
/* /Pages/Documents/DetailTabs/CompartilhamentosTab.razor.rz.scp.css */
/* Estilo EXCLUSIVO de CompartilhamentosTab.razor (change compartilhamento-v2, T04).
   Fiel aos artboards Main/AbaVazia/AbaSigiloso (system-design/Compartilhamento v2/), traduzidos para
   os tokens do DS (--ph-*): #0B2A3F=--ph-brand-ink, #736D60=--ph-n-500, #3A352D=--ph-n-700,
   #ECE9E2=--ph-n-100, #DCD8CF=--ph-n-200, #FBFAF7=--ph-n-25, #F5F3EE=--ph-n-50, ok/warn/err/info/pur.
   Sem hex solto. Markup emitido pelo MudBlazor (svg do MudIcon, tooltip) só via ::deep a partir de um
   ancestral desta tela. As regras transversais da Onda HIG (:active, movimento reduzido) vêm do DS. */

.ph-cmp[b-or458y8kkr] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ---------- alerta de objeto sigiloso (AbaSigiloso) ---------- */
.ph-cmp-note[b-or458y8kkr] {
    margin-top: 0;
}

.ph-cmp-note[b-or458y8kkr]  .mud-icon-root {
    height: 18px;
    width: 18px;
}

.ph-cmp-note-body[b-or458y8kkr] {
    min-width: 0;
}

.ph-cmp-note-list[b-or458y8kkr] {
    color: var(--ph-n-700);
    display: flex;
    flex-direction: column;
    font-size: 12.5px;
    gap: 3px;
    line-height: 1.5;
    margin: 6px 0 0;
    padding-left: 18px;
}

.ph-cmp-note-list b[b-or458y8kkr] {
    display: inline;
    font-size: inherit;
    margin: 0;
}

/* ---------- cabeçalho do card ---------- */
.ph-cmp-head[b-or458y8kkr] {
    flex-wrap: wrap;
    gap: 16px;
    padding: 14px 18px;
}

.ph-cmp-head-main[b-or458y8kkr] {
    min-width: 0;
}

.ph-cmp-title[b-or458y8kkr] {
    align-items: center;
    display: flex;
    gap: 8px;
}

.ph-cmp-desc[b-or458y8kkr] {
    font-size: 12.5px;
    margin-top: 3px;
}

.ph-cmp-tools[b-or458y8kkr] {
    gap: 8px;
}

.ph-cmp-sig-hint[b-or458y8kkr] {
    align-items: center;
    color: var(--ph-warn-700);
    display: inline-flex;
    font-size: 12.5px;
    font-weight: 500;
    gap: 6px;
}

.ph-cmp-sig-hint[b-or458y8kkr]  .mud-icon-root {
    height: 15px;
    width: 15px;
}

/* Botões nativos com as classes do DS (.ph-button-primary/secondary dão cor e raio; aqui só a caixa). */
.ph-cmp-btn[b-or458y8kkr] {
    align-items: center;
    border: 1px solid var(--ph-n-200);
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font-family: var(--ph-font-sans);
    font-size: 13px;
    font-weight: 600;
    gap: 8px;
    height: 38px;
    justify-content: center;
    line-height: 1;
    padding: 0 16px;
    white-space: nowrap;
}

.ph-cmp-btn.ph-button-secondary[b-or458y8kkr] {
    background: var(--ph-n-0);
}

.ph-cmp-btn.ph-button-primary[b-or458y8kkr] {
    border-color: var(--ph-brand-ink);
}

.ph-cmp-btn:disabled[b-or458y8kkr] {
    background: var(--ph-n-100) !important;
    border-color: var(--ph-n-200);
    color: var(--ph-n-600) !important;
    cursor: not-allowed;
}

.ph-cmp-btn:focus-visible[b-or458y8kkr],
.ph-cmp-seg-btn:focus-visible[b-or458y8kkr],
.ph-cmp-link:focus-visible[b-or458y8kkr],
.ph-cmp-acao:focus-visible[b-or458y8kkr],
.ph-cmp-select:focus-visible[b-or458y8kkr],
.ph-cmp-busca-input:focus-visible[b-or458y8kkr] {
    box-shadow: var(--ph-shadow-focus);
    outline: 0;
}

.ph-cmp-btn[b-or458y8kkr]  .mud-icon-root {
    height: 16px;
    width: 16px;
}

.ph-cmp-novo[b-or458y8kkr] {
    align-items: flex-end;
    display: inline-flex;
    flex-direction: column;
    gap: 4px;
}

.ph-cmp-motivo[b-or458y8kkr] {
    color: var(--ph-warn-700);
    font-size: 12px;
    font-weight: 500;
    max-width: 280px;
    text-align: right;
}

/* ---------- estados ---------- */
.ph-cmp-loading[b-or458y8kkr] {
    align-items: center;
    color: var(--ph-n-700);
    display: flex;
    font-size: 12.5px;
    gap: 8px;
    padding: 10px 18px;
}

.ph-cmp-skeleton-row[b-or458y8kkr] {
    align-items: center;
    border-bottom: 1px solid var(--ph-n-100);
    display: grid;
    gap: 14px;
    grid-template-columns: 28px 1.5fr 1.2fr 1fr 1fr 90px 110px;
    padding: 14px 18px;
}

.ph-cmp-skeleton-avatar[b-or458y8kkr] {
    background: var(--ph-n-100);
    border-radius: 50%;
    height: 28px;
    width: 28px;
}

.ph-cmp-skeleton-cell[b-or458y8kkr] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ph-cmp-skeleton-cell span[b-or458y8kkr] {
    background: var(--ph-n-100);
    border-radius: var(--ph-radius-sm);
    display: block;
    height: 10px;
    width: 80%;
}

.ph-cmp-skeleton-cell span + span[b-or458y8kkr] {
    height: 8px;
    width: 55%;
}

.ph-cmp-erro-wrap[b-or458y8kkr] {
    padding: 24px;
}

.ph-cmp-erro[b-or458y8kkr] {
    align-items: flex-start;
    background: var(--ph-err-50);
    border: 1px solid var(--ph-err-200);
    border-radius: var(--ph-radius-lg);
    color: var(--ph-err-700);
    display: flex;
    gap: 14px;
    padding: 28px 24px;
}

.ph-cmp-erro-body[b-or458y8kkr] {
    flex: 1;
}

.ph-cmp-erro-titulo[b-or458y8kkr] {
    color: var(--ph-err-700);
    font-size: 15px;
    font-weight: 600;
    margin: 0;
}

.ph-cmp-erro-texto[b-or458y8kkr] {
    color: var(--ph-n-700);
    font-size: 13px;
    margin: 4px 0 0;
}

.ph-cmp-erro-acoes[b-or458y8kkr] {
    display: flex;
    gap: 8px;
    margin-top: 14px;
}

.ph-cmp-vazio[b-or458y8kkr] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 40px 24px 32px;
    text-align: center;
}

.ph-cmp-vazio-ic[b-or458y8kkr] {
    background: var(--ph-n-50);
    border: 1px dashed var(--ph-n-300);
    border-radius: 50%;
    color: var(--ph-brand-ink);
    display: grid;
    height: 56px;
    place-items: center;
    width: 56px;
}

.ph-cmp-vazio-titulo[b-or458y8kkr] {
    color: var(--ph-brand-ink);
    font-size: 16px;
    font-weight: 600;
    margin: 6px 0 0;
}

.ph-cmp-vazio-texto[b-or458y8kkr] {
    color: var(--ph-n-700);
    font-size: 13.5px;
    margin: 0;
    max-width: 620px;
}

.ph-cmp-vazio-cta[b-or458y8kkr] {
    margin-top: 8px;
}

.ph-cmp-vazio-cta .ph-cmp-novo[b-or458y8kkr] {
    align-items: center;
}

.ph-cmp-vazio-cta .ph-cmp-motivo[b-or458y8kkr] {
    text-align: center;
}

.ph-cmp-vazio-cards[b-or458y8kkr] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    list-style: none;
    margin: 18px 0 0;
    max-width: 900px;
    padding: 0;
    width: 100%;
}

.ph-cmp-vazio-card[b-or458y8kkr] {
    background: var(--ph-n-0);
    border: 1px solid var(--ph-n-100);
    border-radius: var(--ph-radius-lg);
    display: flex;
    flex: 1;
    gap: 10px;
    min-width: 200px;
    padding: 12px;
    text-align: left;
}

.ph-cmp-vazio-card b[b-or458y8kkr] {
    color: var(--ph-brand-ink);
    display: block;
    font-size: 13px;
}

.ph-cmp-vazio-card span[b-or458y8kkr] {
    color: var(--ph-n-700);
    font-size: 12.5px;
}

.ph-cmp-vazio-card-ic[b-or458y8kkr] {
    background: var(--ph-orange-soft);
    border-radius: var(--ph-radius-md);
    color: var(--ph-brand-orange-text);
    display: grid;
    flex-shrink: 0;
    height: 32px;
    place-items: center;
    width: 32px;
}

/* ---------- resumo (5 indicadores) ---------- */
.ph-cmp-kpis[b-or458y8kkr] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 16px 18px;
}

.ph-cmp-kpi[b-or458y8kkr] {
    align-items: center;
    background: var(--ph-n-0);
    border: 1px solid var(--ph-n-100);
    border-radius: var(--ph-radius-lg);
    display: flex;
    flex: 1;
    gap: 12px;
    min-width: 150px;
    padding: 12px 14px;
}

.ph-cmp-kpi-n[b-or458y8kkr] {
    border: 1px solid transparent;
    border-radius: var(--ph-radius-md);
    display: grid;
    font-size: 17px;
    font-weight: 700;
    height: 36px;
    place-items: center;
    width: 36px;
}

.ph-cmp-kpi-n--ok[b-or458y8kkr] { background: var(--ph-ok-50); border-color: var(--ph-ok-200); color: var(--ph-ok-700); }
.ph-cmp-kpi-n--warn[b-or458y8kkr] { background: var(--ph-warn-50); border-color: var(--ph-warn-200); color: var(--ph-warn-700); }
.ph-cmp-kpi-n--info[b-or458y8kkr] { background: var(--ph-info-50); border-color: var(--ph-info-200); color: var(--ph-info-700); }
.ph-cmp-kpi-n--danger[b-or458y8kkr] { background: var(--ph-err-50); border-color: var(--ph-err-200); color: var(--ph-err-700); }
.ph-cmp-kpi-n--neutral[b-or458y8kkr] { background: var(--ph-n-50); border-color: var(--ph-n-200); color: var(--ph-n-700); }

.ph-cmp-kpi-l[b-or458y8kkr] {
    color: var(--ph-n-700);
    font-size: 13px;
    font-weight: 500;
}

/* ---------- ferramentas: filtro segmentado, busca, ordenação ---------- */
.ph-cmp-toolbar[b-or458y8kkr] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 0 18px 14px;
}

.ph-cmp-seg[b-or458y8kkr] {
    background: var(--ph-n-50);
    border: 1px solid var(--ph-n-100);
    border-radius: 7px;
    display: inline-flex;
    gap: 2px;
    padding: 3px;
}

.ph-cmp-seg-btn[b-or458y8kkr] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 5px;
    color: var(--ph-n-700);
    cursor: pointer;
    display: inline-flex;
    font-family: var(--ph-font-sans);
    font-size: 12.5px;
    font-weight: 500;
    gap: 6px;
    min-height: 36px;
    padding: 0 12px;
}

.ph-cmp-seg-btn--on[b-or458y8kkr] {
    background: var(--ph-n-0);
    box-shadow: 0 1px 2px rgb(var(--ph-brand-ink-rgb) / .12);
    color: var(--ph-brand-ink);
    font-weight: 600;
}

.ph-cmp-seg-n[b-or458y8kkr] {
    color: var(--ph-n-500);
    font-family: var(--ph-font-mono);
    font-size: 11px;
}

.ph-cmp-seg-btn--on .ph-cmp-seg-n[b-or458y8kkr] {
    color: var(--ph-brand-orange-text);
}

.ph-cmp-busca[b-or458y8kkr] {
    align-items: center;
    background: var(--ph-n-0);
    border: 1px solid var(--ph-n-200);
    border-radius: var(--ph-radius-md);
    color: var(--ph-n-500);
    display: flex;
    flex: 1;
    gap: 8px;
    height: 36px;
    max-width: 360px;
    min-width: 220px;
    padding: 0 12px;
}

.ph-cmp-busca:focus-within[b-or458y8kkr] {
    box-shadow: var(--ph-shadow-focus);
}

.ph-cmp-busca[b-or458y8kkr]  .mud-icon-root {
    height: 14px;
    width: 14px;
}

.ph-cmp-busca-input[b-or458y8kkr] {
    background: transparent;
    border: 0;
    color: var(--ph-n-800);
    flex: 1;
    font-family: var(--ph-font-sans);
    font-size: 13px;
    min-width: 0;
    outline: 0;
}

.ph-cmp-busca-input[b-or458y8kkr]::placeholder {
    color: var(--ph-n-500);
}

.ph-cmp-ordem[b-or458y8kkr] {
    align-items: center;
    display: flex;
    gap: 8px;
    margin-left: auto;
}

.ph-cmp-ordem label[b-or458y8kkr] {
    color: var(--ph-n-700);
    font-size: 12.5px;
}

.ph-cmp-select[b-or458y8kkr] {
    background: var(--ph-n-0);
    border: 1px solid var(--ph-n-200);
    border-radius: var(--ph-radius-md);
    color: var(--ph-n-800);
    font-family: var(--ph-font-sans);
    font-size: 13px;
    height: 36px;
    padding: 0 10px;
    width: 200px;
}

/* ---------- tabela (grid nativo; cabeçalho e linhas do artboard Main) ---------- */
.ph-cmp-table-wrap[b-or458y8kkr] {
    border-top: 1px solid var(--ph-n-100);
    overflow-x: auto;
}

.ph-cmp-table[b-or458y8kkr] {
    border-collapse: collapse;
    min-width: 980px;
    width: 100%;
}

.ph-cmp-table thead th[b-or458y8kkr] {
    background: var(--ph-n-25);
    border-bottom: 1px solid var(--ph-n-100);
    color: var(--ph-n-500);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    padding: 9px 12px;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

.ph-cmp-table tbody td[b-or458y8kkr] {
    border-bottom: 1px solid var(--ph-n-100);
    padding: 12px;
    vertical-align: middle;
}

.ph-cmp-table th:first-child[b-or458y8kkr],
.ph-cmp-table td:first-child[b-or458y8kkr] {
    padding-left: 18px;
}

.ph-cmp-table th:last-child[b-or458y8kkr],
.ph-cmp-table td:last-child[b-or458y8kkr] {
    padding-right: 18px;
}

.ph-cmp-col-avatar[b-or458y8kkr] {
    width: 28px;
}

.ph-cmp-col-acoes[b-or458y8kkr] {
    text-align: right !important;
    width: 1%;
}

.ph-cmp-row:hover[b-or458y8kkr] {
    background: var(--ph-n-25);
}

.ph-cmp-sem-resultado[b-or458y8kkr] {
    color: var(--ph-n-600);
    font-size: 13px;
    padding: 22px 18px !important;
    text-align: center;
}

.ph-cmp-avatar[b-or458y8kkr] {
    border-radius: 50%;
    color: var(--ph-n-0);
    display: inline-grid;
    font-size: 11px;
    font-weight: 600;
    height: 28px;
    letter-spacing: .02em;
    place-items: center;
    width: 28px;
}

.ph-cmp-avatar--pur[b-or458y8kkr] { background: var(--ph-pur-500); }
.ph-cmp-avatar--info[b-or458y8kkr] { background: var(--ph-info-500); }
.ph-cmp-avatar--ok[b-or458y8kkr] { background: var(--ph-ok-700); }
.ph-cmp-avatar--ink[b-or458y8kkr] { background: var(--ph-brand-ink-3); }

.ph-cmp-dest[b-or458y8kkr] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ph-cmp-dest-nome[b-or458y8kkr] {
    color: var(--ph-brand-ink);
    font-size: 13.5px;
    font-weight: 600;
}

.ph-cmp-tipo[b-or458y8kkr] {
    align-items: center;
    border-radius: var(--ph-radius-sm);
    display: inline-flex;
    font-size: 11px;
    font-weight: 600;
    gap: 4px;
    padding: 1px 7px;
}

.ph-cmp-tipo[b-or458y8kkr]  .mud-icon-root {
    height: 12px;
    width: 12px;
}

.ph-cmp-tipo--plat[b-or458y8kkr] { background: var(--ph-info-50); color: var(--ph-info-700); }
.ph-cmp-tipo--ext[b-or458y8kkr] { background: var(--ph-orange-soft); color: var(--ph-brand-orange-text); }

.ph-cmp-mono[b-or458y8kkr] {
    font-family: var(--ph-font-mono);
    font-size: 12px;
}

.ph-cmp-dest-email[b-or458y8kkr] {
    color: var(--ph-n-700);
    margin-top: 2px;
}

.ph-cmp-vig[b-or458y8kkr] {
    color: var(--ph-n-800);
}

.ph-cmp-vig-det[b-or458y8kkr] {
    align-items: center;
    display: flex;
    font-size: 12px;
    gap: 4px;
    margin-top: 2px;
}

.ph-cmp-vig-det[b-or458y8kkr]  .mud-icon-root {
    height: 13px;
    width: 13px;
}

.ph-cmp-vig-det--neutral[b-or458y8kkr] { color: var(--ph-n-500); }
.ph-cmp-vig-det--info[b-or458y8kkr] { color: var(--ph-info-700); }
.ph-cmp-vig-det--warn[b-or458y8kkr] { color: var(--ph-warn-700); font-weight: 600; }
.ph-cmp-vig-det--danger[b-or458y8kkr] { color: var(--ph-err-700); font-weight: 600; }

.ph-cmp-chips[b-or458y8kkr] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.ph-cmp-chip[b-or458y8kkr] {
    background: var(--ph-n-50);
    font-size: 11.5px;
    gap: 5px;
    padding: 2px 8px;
}

.ph-cmp-chip[b-or458y8kkr]  .mud-icon-root,
.ph-cmp-lgpd[b-or458y8kkr]  .mud-icon-root {
    height: 12px;
    width: 12px;
}

.ph-cmp-lgpd[b-or458y8kkr] {
    align-items: center;
    border: 1px solid transparent;
    border-radius: var(--ph-radius-lg);
    display: inline-flex;
    font-size: 11.5px;
    font-weight: 500;
    gap: 5px;
    line-height: 1.35;
    padding: 2px 8px;
}

.ph-cmp-lgpd--vs[b-or458y8kkr] { background: var(--ph-info-50); border-color: var(--ph-info-200); color: var(--ph-info-700); }
.ph-cmp-lgpd--oculta[b-or458y8kkr] { background: var(--ph-pur-50); border-color: var(--ph-pur-200); color: var(--ph-sig-pessoal); }
.ph-cmp-lgpd--exibe[b-or458y8kkr] { background: var(--ph-warn-50); border-color: var(--ph-warn-200); color: var(--ph-warn-700); }

.ph-cmp-sem[b-or458y8kkr] {
    color: var(--ph-n-500);
}

.ph-cmp-acessos-n[b-or458y8kkr] {
    color: var(--ph-brand-ink);
    font-size: 14px;
    font-weight: 600;
}

.ph-cmp-acessos-ult[b-or458y8kkr] {
    color: var(--ph-n-500);
    font-size: 11.5px;
}

.ph-cmp-status[b-or458y8kkr] {
    line-height: 1;
}

.ph-cmp-status-dot[b-or458y8kkr] {
    background: currentColor;
    border-radius: 50%;
    flex-shrink: 0;
    height: 6px;
    width: 6px;
}

.ph-cmp-acoes[b-or458y8kkr] {
    display: flex;
    gap: 4px;
    justify-content: flex-end;
}

/* Ações por ícone: alvo de 36px (acima do 32px do artboard, por acessibilidade). */
.ph-cmp-acao[b-or458y8kkr] {
    background: var(--ph-n-0);
    border: 1px solid var(--ph-n-100);
    box-sizing: border-box;
    color: var(--ph-n-700);
    cursor: pointer;
    display: inline-grid;
    height: 36px;
    padding: 0;
    place-items: center;
    width: 36px;
}

.ph-cmp-acao[aria-disabled="true"][b-or458y8kkr] {
    background: var(--ph-n-50);
    color: var(--ph-n-500);
}

.ph-cmp-acao--perigo[b-or458y8kkr] {
    border-color: var(--ph-err-200);
    color: var(--ph-err-700);
}

.ph-cmp-acao--perigo[aria-disabled="true"][b-or458y8kkr] {
    background: var(--ph-err-50);
    color: var(--ph-err-700);
}

.ph-cmp-acao[b-or458y8kkr]  .mud-icon-root {
    height: 16px;
    width: 16px;
}

/* ---------- rodapé ---------- */
.ph-cmp-foot[b-or458y8kkr] {
    align-items: center;
    color: var(--ph-n-700);
    display: flex;
    flex-wrap: wrap;
    font-size: 12.5px;
    gap: 10px;
    padding: 12px 18px;
}

.ph-cmp-foot[b-or458y8kkr]  .mud-icon-root {
    color: var(--ph-n-500);
    height: 15px;
    width: 15px;
}

.ph-cmp-foot-acoes[b-or458y8kkr] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-left: auto;
}

.ph-cmp-link[b-or458y8kkr] {
    background: transparent;
    border: 0;
    color: var(--ph-brand-ink);
    cursor: pointer;
    font-family: var(--ph-font-sans);
    font-size: 12.5px;
    font-weight: 600;
    min-height: 36px;
    padding: 0 2px;
    text-decoration: underline;
}

.ph-cmp-link:hover[b-or458y8kkr] {
    text-decoration: none;
}

.ph-cmp-sucesso[b-or458y8kkr] {
    margin-top: 0;
}

.ph-cmp-sucesso p[b-or458y8kkr] {
    color: var(--ph-ok-700);
    font-weight: 500;
}

@media (max-width: 720px) {
    .ph-cmp-ordem[b-or458y8kkr] {
        margin-left: 0;
    }

    .ph-cmp-busca[b-or458y8kkr] {
        max-width: none;
    }
}

/* ---------- T08: ações ativas e confirmação INLINE da revogação (artboard Main) ---------- */
.ph-cmp-acao:hover:not([aria-disabled="true"])[b-or458y8kkr] {
    background: var(--ph-n-50);
}

.ph-cmp-acao--perigo:hover:not([aria-disabled="true"])[b-or458y8kkr],
.ph-cmp-acao--aberta[b-or458y8kkr] {
    background: var(--ph-err-50);
    border-color: var(--ph-err-200);
    color: var(--ph-err-700);
}

.ph-cmp-obrig[b-or458y8kkr] {
    color: var(--ph-err-700);
    font-weight: 700;
}

.ph-cmp-btn--perigo[b-or458y8kkr] {
    background: var(--ph-err-500);
    border-color: var(--ph-err-500);
    border-radius: var(--ph-radius-md);
    color: var(--ph-n-0);
}

.ph-cmp-btn--perigo:hover:not(:disabled)[b-or458y8kkr] {
    background: var(--ph-err-700);
    border-color: var(--ph-err-700);
}

.ph-cmp-btn--perigo:disabled[b-or458y8kkr] {
    background: var(--ph-err-200) !important;
    border-color: var(--ph-err-200);
    color: var(--ph-err-700) !important;
}

.ph-cmp-table tbody td.ph-cmp-rev-cel[b-or458y8kkr] {
    background: var(--ph-n-0);
    padding: 0 18px 14px 58px;
}

.ph-cmp-rev[b-or458y8kkr] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin: 0;
    padding: 14px 16px;
}

.ph-cmp-rev-txt[b-or458y8kkr] {
    display: flex;
    flex: 1;
    gap: 10px;
    min-width: 300px;
}

.ph-cmp-rev-txt[b-or458y8kkr]  .mud-icon-root {
    flex-shrink: 0;
    height: 18px;
    margin-top: 2px;
    width: 18px;
}

.ph-cmp-rev-titulo[b-or458y8kkr] {
    color: var(--ph-err-700);
    font-size: 13.5px;
    font-weight: 600;
    margin: 0;
}

.ph-cmp-rev .ph-cmp-rev-desc[b-or458y8kkr] {
    color: var(--ph-n-700);
    font-size: 12.5px;
    margin: 2px 0 0;
}

.ph-cmp-rev-campo[b-or458y8kkr] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    width: 280px;
}

.ph-cmp-rev-input[b-or458y8kkr] {
    background: var(--ph-n-0);
    border: 1px solid var(--ph-n-200);
    border-radius: var(--ph-radius-md);
    box-sizing: border-box;
    color: var(--ph-n-800);
    font-family: var(--ph-font-sans);
    font-size: 13.5px;
    height: 38px;
    padding: 0 12px;
    width: 100%;
}

.ph-cmp-rev-input[b-or458y8kkr]::placeholder {
    color: var(--ph-n-500);
}

.ph-cmp-rev-input[aria-invalid="true"][b-or458y8kkr] {
    border-color: var(--ph-err-500);
}

.ph-cmp-rev-input:focus-visible[b-or458y8kkr],
.ph-cmp-btn--perigo:focus-visible[b-or458y8kkr] {
    box-shadow: var(--ph-shadow-focus);
    outline: 0;
}

.ph-cmp-rev-cont[b-or458y8kkr] {
    color: var(--ph-n-700);
    font-size: 11.5px;
}

.ph-cmp-rev-cont--curto[b-or458y8kkr] {
    color: var(--ph-err-700);
    font-weight: 600;
}

.ph-cmp-rev-erro-campo[b-or458y8kkr] {
    color: var(--ph-err-700);
    font-size: 12px;
    font-weight: 600;
}

.ph-cmp-rev-acoes[b-or458y8kkr] {
    display: flex;
    gap: 8px;
    padding-bottom: 22px;
}

.ph-cmp-rev-erro[b-or458y8kkr] {
    align-items: center;
    border-top: 1px solid var(--ph-err-200);
    color: var(--ph-err-700);
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    font-size: 12.5px;
    font-weight: 600;
    gap: 12px;
    padding-top: 10px;
}

@media (max-width: 720px) {
    .ph-cmp-table tbody td.ph-cmp-rev-cel[b-or458y8kkr] {
        padding-left: 18px;
    }

    .ph-cmp-rev-txt[b-or458y8kkr],
    .ph-cmp-rev-campo[b-or458y8kkr] {
        min-width: 0;
        width: 100%;
    }
}
/* /Pages/Documents/Fulltext.razor.rz.scp.css */
/* Estilo EXCLUSIVO de Fulltext.razor.

   Recolhido do bloco <style> que vivia dentro do proprio .razor (item 9.6 da auditoria de design
   system, 07/09/2026). Os valores sao byte a byte os do original: a ordem do dono e que o layout
   nao mude.

   O que esta AQUI veste markup que ESTA tela emite — por isso o escopo alcanca (o compilador
   marca cada elemento proprio com [b-xxxxxxxxxx] e a regra vira ".classe[b-xxxxxxxxxx]").

   O que vestia markup do MudBlazor NAO esta aqui: foi para o preserve-design-system.css. Nao por
   estilo, por necessidade — esse markup e emitido pela lib e nunca recebe a marca, e o ::deep,
   que gera "[b-xxx] .alvo", exige um ancestral marcado que em dialogo nao existe (o conteudo
   renderiza no MudDialogProvider). No <style> original essas regras eram globais; no DS voltam a
   ser. Mesmo alcance de antes. */

.ph-fulltext-matches[b-m0pv9qrmza] {
display: flex;
flex-direction: column;
gap: 6px;
max-width: 720px;
}

.ph-fulltext-match[b-m0pv9qrmza] {
background: var(--ph-n-25);
border: 1px solid var(--ph-n-100);
border-radius: 6px;
font-size: 12px;
line-height: 1.45;
padding: 6px 8px;
}
/* /Pages/InteligenciaArtificial/Admin/ConsumoMotor.razor.rz.scp.css */
/* Estilo EXCLUSIVO de ConsumoMotor.razor.

   Recolhido do bloco <style> que vivia dentro do proprio .razor (item 9.6 da auditoria de design
   system, 07/09/2026). Os valores sao byte a byte os do original: a ordem do dono e que o layout
   nao mude.

   O que esta AQUI veste markup que ESTA tela emite — por isso o escopo alcanca (o compilador
   marca cada elemento proprio com [b-xxxxxxxxxx] e a regra vira ".classe[b-xxxxxxxxxx]").

   O que vestia markup do MudBlazor NAO esta aqui: foi para o preserve-design-system.css. Nao por
   estilo, por necessidade — esse markup e emitido pela lib e nunca recebe a marca, e o ::deep,
   que gera "[b-xxx] .alvo", exige um ancestral marcado que em dialogo nao existe (o conteudo
   renderiza no MudDialogProvider). No <style> original essas regras eram globais; no DS voltam a
   ser. Mesmo alcance de antes. */

.ph-sort-btn[b-l372l2cyng] {
background: transparent;
border: 0;
color: inherit;
cursor: pointer;
font: inherit;
font-weight: 600;
padding: 0;
}

.ph-sort-btn:focus-visible[b-l372l2cyng] {
outline: 2px solid var(--ph-brand-orange);
outline-offset: 2px;
}

.ph-link-btn[b-l372l2cyng] {
background: transparent;
border: 0;

color: var(--ph-brand-orange-text);
cursor: pointer;
font: inherit;
font-weight: 600;
padding: 0;
text-align: left;
}

.ph-link-btn:hover[b-l372l2cyng],
.ph-link-btn:focus-visible[b-l372l2cyng] {
text-decoration: underline;
}

.ph-link-btn:focus-visible[b-l372l2cyng] {
outline: 2px solid var(--ph-brand-orange);
outline-offset: 2px;
}

.ph-link-btn--em-destaque[b-l372l2cyng] {
color: var(--ph-n-900);
text-decoration: underline;
}

.ph-row-warn td[b-l372l2cyng] {
background: var(--ph-warn-50);
}

.ph-row-danger td[b-l372l2cyng] {
background: var(--ph-err-50);
}

.ph-pct-warn[b-l372l2cyng] {
color: var(--ph-warn-700);
font-weight: 700;
}

.ph-pct-err[b-l372l2cyng] {
color: var(--ph-err-700);
font-weight: 700;
}

.ph-consumo-detalhe summary[b-l372l2cyng] {
cursor: pointer;
color: var(--ph-n-700);
font-size: 13px;
font-weight: 600;
padding: 6px 0;
}

.ph-consumo-detalhe summary:focus-visible[b-l372l2cyng] {
outline: 2px solid var(--ph-brand-orange);
outline-offset: 2px;
}

.ph-consumo-table td[b-l372l2cyng],
.ph-consumo-table th[b-l372l2cyng] {
vertical-align: top;
}

.ph-consumo-table tbody tr:hover td[b-l372l2cyng] {
background: var(--ph-n-25);
}

.ph-consumo-caption[b-l372l2cyng] {
caption-side: top;
color: var(--ph-n-700);
font-size: 12px;
padding: 0 14px 8px;
text-align: left;
}

.ph-kpi-card--acionavel[b-l372l2cyng] {
cursor: pointer;
font: inherit;
text-align: left;
width: 100%;
}

.ph-kpi-card--acionavel:disabled[b-l372l2cyng] {
cursor: default;
opacity: .6;
}

.ph-kpi-card--acionavel:focus-visible[b-l372l2cyng] {
outline: 2px solid var(--ph-brand-orange);
outline-offset: 2px;
}

.ph-kpi-card--ativo[b-l372l2cyng] {
border-color: var(--ph-warn-500);
box-shadow: inset 0 0 0 1px var(--ph-warn-500);
}

.ph-io-sub[b-l372l2cyng] {
color: var(--ph-n-500);
font-family: var(--ph-font-mono);
font-size: 11px;
font-weight: 400;
line-height: 1.3;
margin-top: 2px;
white-space: nowrap;
}
/* /Pages/Perfil/Perfil.razor.rz.scp.css */
/* Estilo EXCLUSIVO de Perfil.razor.

   Recolhido do bloco <style> que vivia dentro do proprio .razor (item 9.6 da auditoria de design
   system, 07/09/2026). Os valores sao byte a byte os do original: a ordem do dono e que o layout
   nao mude.

   O que esta AQUI veste markup que ESTA tela emite — por isso o escopo alcanca (o compilador
   marca cada elemento proprio com [b-xxxxxxxxxx] e a regra vira ".classe[b-xxxxxxxxxx]").

   O que vestia markup do MudBlazor NAO esta aqui: foi para o preserve-design-system.css. Nao por
   estilo, por necessidade — esse markup e emitido pela lib e nunca recebe a marca, e o ::deep,
   que gera "[b-xxx] .alvo", exige um ancestral marcado que em dialogo nao existe (o conteudo
   renderiza no MudDialogProvider). No <style> original essas regras eram globais; no DS voltam a
   ser. Mesmo alcance de antes. */

.ph-perfil-split[b-clx2wi8zob] {
display: grid;
gap: 16px;
grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
padding: 4px;
}

@media (max-width: 880px) {
.ph-perfil-split[b-clx2wi8zob] {
    grid-template-columns: 1fr;
    }
}

.ph-perfil-side[b-clx2wi8zob] {
background: var(--ph-n-0);
border: 1px solid var(--ph-n-100);
border-radius: var(--ph-radius-lg);
box-shadow: var(--ph-shadow-1);
display: flex;
flex-direction: column;
gap: 14px;
padding: 20px;
}

.ph-perfil-side .ph-section-title[b-clx2wi8zob] {
font-size: 14px;
margin: 0;
}

.ph-perfil-side-desc[b-clx2wi8zob] {
color: var(--ph-n-500);
font-size: 12.5px;
line-height: 1.45;
margin: -6px 0 0;
}

.ph-perfil-main[b-clx2wi8zob] {
background: var(--ph-n-0);
border: 1px solid var(--ph-n-100);
border-radius: var(--ph-radius-lg);
box-shadow: var(--ph-shadow-1);
display: flex;
flex-direction: column;
padding: 24px;
}

.ph-perfil-main-head[b-clx2wi8zob] {
margin-bottom: 18px;
}

.ph-perfil-main-head .ph-section-title[b-clx2wi8zob] {
font-size: 15px;
margin: 0;
}

.ph-perfil-actions[b-clx2wi8zob] {
border-top: 1px solid var(--ph-n-100);
display: flex;
gap: 8px;
justify-content: flex-end;
margin-top: 22px;
padding-top: 16px;
}

.ph-perfil-avatar-wrap[b-clx2wi8zob] {
align-items: center;
background: var(--ph-n-25);
border: 1px solid var(--ph-n-100);
border-radius: var(--ph-radius-lg);
display: flex;
flex-direction: column;
gap: 10px;
padding: 22px 16px;
}

.ph-perfil-avatar[b-clx2wi8zob] {
align-items: center;
border-radius: 50%;
color: var(--ph-n-0);
display: inline-flex;
flex-shrink: 0;
font-size: 30px;
font-weight: 600;
height: 96px;
justify-content: center;
letter-spacing: .02em;
overflow: hidden;
text-transform: uppercase;
width: 96px;
}

.ph-perfil-avatar img[b-clx2wi8zob] {
display: block;
height: 100%;
object-fit: cover;
width: 100%;
}

.ph-perfil-avatar-name[b-clx2wi8zob] {
color: var(--ph-brand-ink);
font-size: 15px;
font-weight: 600;
text-align: center;
}

.ph-perfil-avatar-role[b-clx2wi8zob] {

color: var(--ph-brand-orange-text);
font-family: var(--ph-font-mono);
font-size: 10px;
font-weight: 600;
letter-spacing: .08em;
text-align: center;
text-transform: uppercase;
}

.ph-perfil-policy[b-clx2wi8zob] {
display: flex;
flex-direction: column;
gap: 12px;
list-style: none;
margin: 0;
padding: 0;
}

.ph-perfil-policy-item[b-clx2wi8zob] {
align-items: flex-start;
color: var(--ph-n-700);
display: flex;
font-size: 13px;
gap: 10px;
line-height: 1.45;
}

.ph-perfil-policy-item strong[b-clx2wi8zob] {
color: var(--ph-brand-ink);
font-weight: 600;
}

.ph-perfil-policy-ic[b-clx2wi8zob] {
align-items: center;
border-radius: 50%;
display: inline-flex;
flex-shrink: 0;
height: 24px;
justify-content: center;
margin-top: 1px;
width: 24px;
}

.ph-perfil-policy-ic--ok[b-clx2wi8zob] {
background: var(--ph-ok-50);
color: var(--ph-ok-500);
}

.ph-perfil-policy-ic--block[b-clx2wi8zob] {
background: var(--ph-err-50);
color: var(--ph-err-500);
}

.ph-tab-canvas[b-clx2wi8zob] {
background: var(--ph-n-25); 
padding: 16px 12px 8px; 
border-radius: 0 0 var(--ph-radius-lg) var(--ph-radius-lg); 
margin-top: 4px;
}

.ph-tab-card[b-clx2wi8zob] {
background: var(--ph-n-0);
border: 1px solid var(--ph-n-100);
border-radius: var(--ph-radius-lg);
box-shadow: var(--ph-shadow-1);
overflow: hidden;
}

.ph-tab-card--single[b-clx2wi8zob] {
margin: 0 4px 4px;
}

.ph-tab-card-head[b-clx2wi8zob] {
align-items: flex-end;
border-bottom: 1px solid var(--ph-n-100);
display: flex;
flex-wrap: wrap;
gap: 16px;
justify-content: space-between;
padding: 16px 20px 12px;
}

.ph-tab-card-head .ph-section-title[b-clx2wi8zob] {
align-items: center;
color: var(--ph-brand-ink);
display: inline-flex;
font-size: 15px;
font-weight: 600;
gap: 8px;
margin: 0;
}

.ph-tab-card-desc[b-clx2wi8zob] {
color: var(--ph-n-500);
font-size: 12.5px;
line-height: 1.45;
margin: 3px 0 0;
}

.ph-tab-card-tools[b-clx2wi8zob] {
align-items: center;
display: flex;
flex-shrink: 0;
gap: 8px;
}

.ph-tab-card-body[b-clx2wi8zob] {
padding: 16px 20px 18px;
}

.ph-grid-prof[b-clx2wi8zob],
.ph-grid-senha[b-clx2wi8zob] {
display: grid;
gap: 16px;
margin: 0 4px;
}

.ph-grid-prof[b-clx2wi8zob] {
grid-template-columns: 320px minmax(0, 1fr);
}

.ph-grid-senha[b-clx2wi8zob] {
grid-template-columns: 380px minmax(0, 1fr);
}

@media (max-width: 1024px) {
.ph-grid-prof[b-clx2wi8zob],
.ph-grid-senha[b-clx2wi8zob] {
    grid-template-columns: 1fr;
    }
}

.ph-perfil-avatar-body[b-clx2wi8zob] {
align-items: center;
display: flex;
flex-direction: column;
gap: 10px;
text-align: center;
}

.ph-perfil-avatar-actions[b-clx2wi8zob] {
display: flex;
gap: 8px;
justify-content: center;
margin-top: 6px;
}

.ph-perfil-avatar-hint[b-clx2wi8zob] {
color: var(--ph-n-500);
font-size: 11px;
margin: 6px 0 0;
}

.ph-perfil-foot-note[b-clx2wi8zob] {
align-items: center;
color: var(--ph-n-500);
display: inline-flex;
font-family: var(--ph-font-mono);
font-size: 11px;
gap: 7px;
margin-right: auto;
}

.ph-meter[b-clx2wi8zob] {
display: flex;
gap: 5px;
margin-top: 8px;
}

.ph-meter i[b-clx2wi8zob] {
background: var(--ph-n-100);
border-radius: 2px;
flex: 1;
height: 4px;
transition: background .15s;
}

.ph-meter--s1 i:nth-child(1)[b-clx2wi8zob] {
background: var(--ph-err-500);
}

.ph-meter--s2 i:nth-child(-n+2)[b-clx2wi8zob] {
background: var(--ph-warn-500);
}

.ph-meter--s3 i:nth-child(-n+3)[b-clx2wi8zob] {
background: var(--ph-ok-500);
}

.ph-meter--s4 i[b-clx2wi8zob] {
background: var(--ph-ok-500);
}

.ph-meter-txt[b-clx2wi8zob] {
color: var(--ph-n-500);
display: block;
font-size: 11px;
margin-top: 6px;
}

.ph-2fa-secstatus[b-clx2wi8zob] {
align-items: center;
background: var(--ph-n-0);
border: 1px solid var(--ph-n-100);
border-radius: var(--ph-radius-lg);
box-shadow: var(--ph-shadow-1);
display: flex;
flex-wrap: wrap;
gap: 0;
margin: 4px 4px 16px;
padding: 18px 20px;
}

.ph-2fa-shield[b-clx2wi8zob] {
align-items: center;
border-radius: var(--ph-radius-lg);
display: grid;
flex-shrink: 0;
height: 54px;
margin-right: 16px;
place-items: center;
width: 54px;
}

.ph-2fa-shield--ok[b-clx2wi8zob] {
background: var(--ph-ok-50);
color: var(--ph-ok-500);
}

.ph-2fa-shield--warn[b-clx2wi8zob] {
background: var(--ph-warn-50);
color: var(--ph-warn-500);
}

.ph-2fa-secstatus-headline[b-clx2wi8zob] {
display: flex;
flex-direction: column;
min-width: 160px;
}

.ph-2fa-secstatus-headline strong[b-clx2wi8zob] {
color: var(--ph-brand-ink);
font-size: 16px;
}

.ph-2fa-secstatus-headline span[b-clx2wi8zob] {
color: var(--ph-n-500);
font-size: 12.5px;
}

.ph-2fa-secstatus-divider[b-clx2wi8zob] {
align-self: stretch;
background: var(--ph-n-100);
margin: 0 24px;
width: 1px;
}

.ph-2fa-fact[b-clx2wi8zob] {
min-width: 150px;
}

.ph-2fa-fact-k[b-clx2wi8zob] {
color: var(--ph-n-500);
display: block;
font-family: var(--ph-font-mono);
font-size: 10px;
font-weight: 600;
letter-spacing: .08em;
text-transform: uppercase;
}

.ph-2fa-fact-v[b-clx2wi8zob] {
align-items: center;
color: var(--ph-brand-ink);
display: flex;
font-size: 14px;
font-weight: 600;
gap: 7px;
margin-top: 3px;
}

.ph-2fa-fact-v--mono[b-clx2wi8zob] {
font-family: var(--ph-font-mono);
font-size: 13px;
}

.ph-2fa-methods-card[b-clx2wi8zob] {
background: var(--ph-n-0);
border: 1px solid var(--ph-n-100);
border-radius: var(--ph-radius-lg);
box-shadow: var(--ph-shadow-1);
margin: 0 4px 16px;
overflow: hidden;
}

.ph-2fa-methods-head[b-clx2wi8zob] {
border-bottom: 1px solid var(--ph-n-100);
padding: 16px 20px 12px;
}

.ph-2fa-methods-head .ph-section-title[b-clx2wi8zob] {
align-items: center;
display: inline-flex;
font-size: 15px;
gap: 8px;
margin: 0 0 2px;
}

.ph-2fa-mrow[b-clx2wi8zob] {
align-items: flex-start;
border-bottom: 1px solid var(--ph-n-100);
display: flex;
gap: 16px;
padding: 18px 20px;
}

.ph-2fa-mrow:last-child[b-clx2wi8zob] {
border-bottom: 0;
}

.ph-2fa-mrow--off[b-clx2wi8zob] {
background: var(--ph-n-25);
}

.ph-2fa-mic[b-clx2wi8zob] {
align-items: center;
border-radius: var(--ph-radius-md);
display: grid;
flex-shrink: 0;
height: 44px;
place-items: center;
width: 44px;
}

.ph-2fa-mic--app[b-clx2wi8zob] {
background: var(--ph-brand-ink);
color: var(--ph-n-0);
}

.ph-2fa-mic--mail[b-clx2wi8zob] {
background: var(--ph-info-50);
color: var(--ph-info-700);
}

.ph-2fa-mrow--off .ph-2fa-mic[b-clx2wi8zob] {
background: var(--ph-n-100);
color: var(--ph-n-400);
}

.ph-2fa-minfo[b-clx2wi8zob] {
flex: 1;
min-width: 0;
}

.ph-2fa-mname[b-clx2wi8zob] {
align-items: center;
color: var(--ph-brand-ink);
display: flex;
flex-wrap: wrap;
font-size: 14.5px;
font-weight: 600;
gap: 8px;
}

.ph-2fa-badge-mono[b-clx2wi8zob] {
font-family: var(--ph-font-mono);
}

.ph-2fa-dot[b-clx2wi8zob] {
background: currentColor;
border-radius: 50%;
height: 6px;
width: 6px;
}

.ph-2fa-mdesc[b-clx2wi8zob] {
color: var(--ph-n-600);
font-size: 12.5px;
line-height: 1.5;
margin-top: 3px;
max-width: 70ch;
}

.ph-2fa-mono[b-clx2wi8zob] {
font-family: var(--ph-font-mono);
font-size: 12.5px;
}

.ph-2fa-chips[b-clx2wi8zob] {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-top: 9px;
}

.ph-2fa-chip[b-clx2wi8zob] {
align-items: center;
background: var(--ph-n-50);
border: 1px solid var(--ph-n-100);
border-radius: var(--ph-radius-pill);
color: var(--ph-n-600);
display: inline-flex;
font-size: 11px;
font-weight: 600;
gap: 5px;
padding: 3px 10px;
}

.ph-2fa-meta[b-clx2wi8zob] {
color: var(--ph-n-500);
display: flex;
flex-wrap: wrap;
font-family: var(--ph-font-mono);
font-size: 11px;
gap: 14px;
margin-top: 9px;
}

.ph-2fa-meta-item[b-clx2wi8zob] {
align-items: center;
display: inline-flex;
gap: 5px;
}

.ph-2fa-meta-item strong[b-clx2wi8zob] {
color: var(--ph-brand-ink);
font-weight: 600;
}

.ph-2fa-mact[b-clx2wi8zob] {
align-items: flex-end;
display: flex;
flex-direction: column;
flex-shrink: 0;
gap: 10px;
}

.ph-2fa-mact-row[b-clx2wi8zob] {
display: flex;
flex-wrap: wrap;
gap: 6px;
justify-content: flex-end;
}

.ph-2fa-grid2[b-clx2wi8zob] {
display: grid;
gap: 16px;
grid-template-columns: 1fr 1fr;
margin: 0 4px;
}

.ph-2fa-panel[b-clx2wi8zob] {
background: var(--ph-n-0);
border: 1px solid var(--ph-n-100);
border-radius: var(--ph-radius-lg);
box-shadow: var(--ph-shadow-1);
overflow: hidden;
}

.ph-2fa-panel-head[b-clx2wi8zob] {
align-items: flex-start;
border-bottom: 1px solid var(--ph-n-100);
display: flex;
gap: 12px;
justify-content: space-between;
padding: 16px 20px 12px;
}

.ph-2fa-panel-head .ph-section-title[b-clx2wi8zob] {
align-items: center;
display: inline-flex;
font-size: 15px;
gap: 8px;
margin: 0;
}

.ph-2fa-panel-body[b-clx2wi8zob] {
padding: 16px 20px 18px;
}

.ph-2fa-panel-note[b-clx2wi8zob] {
color: var(--ph-n-500);
font-size: 12px;
line-height: 1.5;
margin: 12px 0 0;
}

.ph-2fa-panel-actions[b-clx2wi8zob] {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 14px;
}

.ph-2fa-rc-grid[b-clx2wi8zob] {
display: grid;
gap: 8px;
grid-template-columns: repeat(4, 1fr);
}

.ph-2fa-rc[b-clx2wi8zob] {
background: var(--ph-n-25);
border: 1px dashed var(--ph-n-200);
border-radius: var(--ph-radius-sm);
color: var(--ph-brand-ink);
font-family: var(--ph-font-mono);
font-size: 12.5px;
letter-spacing: .06em;
padding: 8px 10px;
text-align: center;
}

.ph-2fa-rc--used[b-clx2wi8zob] {
background: var(--ph-n-0);
color: var(--ph-n-300);
text-decoration: line-through;
}

.ph-2fa-ev[b-clx2wi8zob] {
list-style: none;
margin: 0;
padding: 0;
}

.ph-2fa-ev li[b-clx2wi8zob] {
border-bottom: 1px solid var(--ph-n-50);
display: flex;
font-size: 13px;
gap: 12px;
padding: 11px 0;
}

.ph-2fa-ev li:last-child[b-clx2wi8zob] {
border-bottom: 0;
}

.ph-2fa-ev-dot[b-clx2wi8zob] {
border-radius: 50%;
flex-shrink: 0;
height: 8px;
margin-top: 6px;
width: 8px;
}

.ph-2fa-ev-dot--ok[b-clx2wi8zob] {
background: var(--ph-ok-500);
}

.ph-2fa-ev-dot--info[b-clx2wi8zob] {
background: var(--ph-info-500);
}

.ph-2fa-ev-dot--warn[b-clx2wi8zob] {
background: var(--ph-warn-500);
}

.ph-2fa-ev-tx b[b-clx2wi8zob] {
color: var(--ph-brand-ink);
font-weight: 600;
}

.ph-2fa-ev-when[b-clx2wi8zob] {
color: var(--ph-n-500);
display: block;
font-family: var(--ph-font-mono);
font-size: 11px;
margin-top: 2px;
}

.ph-2fa-required-note[b-clx2wi8zob] {
background: var(--ph-err-50);
border-color: var(--ph-err-200);
color: var(--ph-err-700);
}

.ph-2fa-id-badge[b-clx2wi8zob] {
align-self: center;
margin-left: auto;
}

@media (max-width: 900px) {
.ph-2fa-grid2[b-clx2wi8zob] {
    grid-template-columns: 1fr;
    }

.ph-2fa-secstatus-divider[b-clx2wi8zob] {
    display: none;
    }

.ph-2fa-secstatus[b-clx2wi8zob] {
    gap: 18px;
    }

.ph-2fa-rc-grid[b-clx2wi8zob] {
    grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 620px) {
.ph-2fa-mrow[b-clx2wi8zob] {
    flex-wrap: wrap;
    }

.ph-2fa-mact[b-clx2wi8zob] {
    align-items: flex-start;
    flex-direction: row;
    width: 100%;
    }
}

.ph-2fa-mic--cert[b-clx2wi8zob] {
background: var(--ph-brand-ink-3);
color: var(--ph-n-0);
}

.ph-cert-list[b-clx2wi8zob] {
border-top: 1px solid var(--ph-n-100);
}

.ph-cert-erro[b-clx2wi8zob] {
background: var(--ph-err-50);
border-color: var(--ph-err-200);
color: var(--ph-err-700);
}
/* /Pages/Permissoes/PermissaoUsuario.razor.rz.scp.css */
/* Estilo EXCLUSIVO de PermissaoUsuario.razor.

   Recolhido do bloco <style> que vivia dentro do proprio .razor (item 9.6 da auditoria de design
   system, 07/09/2026). Os valores sao byte a byte os do original: a ordem do dono e que o layout
   nao mude.

   O que esta AQUI veste markup que ESTA tela emite — por isso o escopo alcanca (o compilador
   marca cada elemento proprio com [b-xxxxxxxxxx] e a regra vira ".classe[b-xxxxxxxxxx]").

   O que vestia markup do MudBlazor NAO esta aqui: foi para o preserve-design-system.css. Nao por
   estilo, por necessidade — esse markup e emitido pela lib e nunca recebe a marca, e o ::deep,
   que gera "[b-xxx] .alvo", exige um ancestral marcado que em dialogo nao existe (o conteudo
   renderiza no MudDialogProvider). No <style> original essas regras eram globais; no DS voltam a
   ser. Mesmo alcance de antes. */

.ph-perm-hero-content[b-xbir782k5l] {
align-items: flex-end;
grid-template-columns: minmax(0, 1fr) auto;
}

.ph-perm-hero-content .ph-search-hero-actions[b-xbir782k5l] {
flex-wrap: nowrap;
}

@media (max-width: 760px) {
.ph-perm-hero-content[b-xbir782k5l] {
    grid-template-columns: 1fr;
    }

.ph-perm-hero-content .ph-search-hero-actions[b-xbir782k5l] {
    flex-wrap: wrap;
    }
}

.ph-2fa-admin[b-xbir782k5l] {
display: grid;
gap: 14px;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
padding: 4px;
}

.ph-2fa-admin-card[b-xbir782k5l] {
background: var(--ph-n-0);
border: 1px solid var(--ph-n-100);
border-radius: var(--ph-radius-lg);
display: flex;
flex-direction: column;
gap: 14px;
padding: 18px;
}

.ph-2fa-admin-card--danger[b-xbir782k5l] {
border-color: var(--ph-err-200);
}

.ph-2fa-admin-head[b-xbir782k5l] {
align-items: flex-start;
display: flex;
gap: 12px;
}

.ph-2fa-admin-ic[b-xbir782k5l] {
align-items: center;
background: var(--ph-n-25);
border-radius: var(--ph-radius-md);
color: var(--ph-brand-orange);
display: inline-flex;
flex-shrink: 0;
height: 40px;
justify-content: center;
width: 40px;
}

.ph-2fa-admin-ic--danger[b-xbir782k5l] {
background: var(--ph-err-50);
color: var(--ph-err-500);
}

.ph-2fa-admin-copy[b-xbir782k5l] {
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: 2px;
min-width: 0;
}

.ph-2fa-admin-name[b-xbir782k5l] {
color: var(--ph-brand-ink);
font-size: 14px;
font-weight: 600;
}

.ph-2fa-admin-desc[b-xbir782k5l] {
color: var(--ph-n-500);
font-size: 12.5px;
line-height: 1.4;
}

.ph-2fa-admin-actions[b-xbir782k5l] {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: auto;
}

.ph-2fa-status[b-xbir782k5l] {
background: var(--ph-n-0);
border: 1px solid var(--ph-n-100);
border-radius: var(--ph-radius-lg);
display: flex;
flex-direction: column;
gap: 14px;
margin: 8px 4px 18px;
padding: 18px;
}

.ph-2fa-status-head[b-xbir782k5l] {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 8px;
}

.ph-2fa-status-grid[b-xbir782k5l] {
display: grid;
gap: 12px;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
margin: 0;
}

.ph-2fa-status-item[b-xbir782k5l] {
display: flex;
flex-direction: column;
gap: 4px;
}

.ph-2fa-status-item dt[b-xbir782k5l] {
align-items: center;
color: var(--ph-n-500);
display: flex;
font-size: 12.5px;
font-weight: 600;
gap: 6px;
}

.ph-2fa-status-item dd[b-xbir782k5l] {
align-items: baseline;
color: var(--ph-brand-ink);
display: flex;
flex-wrap: wrap;
font-size: 13.5px;
gap: 6px;
margin: 0;
}

.ph-2fa-status-on[b-xbir782k5l] {
color: var(--ph-ok-700);
font-weight: 600;
}

.ph-2fa-status-off[b-xbir782k5l] {
color: var(--ph-n-500);
font-weight: 600;
}

.ph-2fa-status-since[b-xbir782k5l] {
color: var(--ph-n-500);
font-size: 12.5px;
}

.ph-2fa-status-error[b-xbir782k5l] {
flex-wrap: wrap;
}
/* /Pages/Permissoes/PermissoesDefinicao.razor.rz.scp.css */
/* Estilo EXCLUSIVO de PermissoesDefinicao.razor.

   Recolhido do bloco <style> que vivia dentro do proprio .razor (item 9.6 da auditoria de design
   system, 07/09/2026). Os valores sao byte a byte os do original: a ordem do dono e que o layout
   nao mude.

   O que esta AQUI veste markup que ESTA tela emite — por isso o escopo alcanca (o compilador
   marca cada elemento proprio com [b-xxxxxxxxxx] e a regra vira ".classe[b-xxxxxxxxxx]").

   O que vestia markup do MudBlazor NAO esta aqui: foi para o preserve-design-system.css. Nao por
   estilo, por necessidade — esse markup e emitido pela lib e nunca recebe a marca, e o ::deep,
   que gera "[b-xxx] .alvo", exige um ancestral marcado que em dialogo nao existe (o conteudo
   renderiza no MudDialogProvider). No <style> original essas regras eram globais; no DS voltam a
   ser. Mesmo alcance de antes. */

/* Renomeada de .code-block (item 5.2, 09/09/2026): o nome era generico demais para uma classe
   que so existe nesta tela, e as cores eram HEX CRU fora da paleta — inclusive um verde-azulado
   #2b7a78 que nao existe em lugar nenhum do produto. Passa a usar tokens: fundo n-25, borda de
   acento no laranja de texto da marca, texto n-800 e a fonte mono do DS. */
.ph-perm-def-code[b-8zjs73dqbk] {
    background-color: var(--ph-n-25);
    border-left: 4px solid var(--ph-brand-orange-text);
    border-radius: var(--ph-radius-sm);
    color: var(--ph-n-800);
    font-family: var(--ph-font-mono);
    margin-top: 1rem;
    white-space: pre-wrap;
}
/* /Shared/Auth/TwoFactorChallenge.razor.rz.scp.css */
/* Estilo EXCLUSIVO de TwoFactorChallenge.razor.

   Recolhido do bloco <style> que vivia dentro do proprio .razor (item 9.6 da auditoria de design
   system, 07/09/2026). Os valores sao byte a byte os do original: a ordem do dono e que o layout
   nao mude.

   O que esta AQUI veste markup que ESTA tela emite — por isso o escopo alcanca (o compilador
   marca cada elemento proprio com [b-xxxxxxxxxx] e a regra vira ".classe[b-xxxxxxxxxx]").

   O que vestia markup do MudBlazor NAO esta aqui: foi para o preserve-design-system.css. Nao por
   estilo, por necessidade — esse markup e emitido pela lib e nunca recebe a marca, e o ::deep,
   que gera "[b-xxx] .alvo", exige um ancestral marcado que em dialogo nao existe (o conteudo
   renderiza no MudDialogProvider). No <style> original essas regras eram globais; no DS voltam a
   ser. Mesmo alcance de antes. */

.ph-2fa-challenge[b-k1hrdz1mnj] {
display: flex;
flex-direction: column;
gap: 10px;
margin: 8px auto 0;
max-width: 380px;
text-align: left;
}

.ph-2fa-challenge-head[b-k1hrdz1mnj] {
text-align: center;
}

.ph-2fa-challenge-title[b-k1hrdz1mnj] {
color: var(--ph-brand-ink);
font-size: 18px;
font-weight: 600;
margin: 4px 0 2px;
}

.ph-2fa-challenge-sub[b-k1hrdz1mnj] {
color: var(--ph-n-500);
font-size: 13px;
line-height: 1.45;
margin: 0 0 6px;
}

.ph-2fa-challenge-field-label[b-k1hrdz1mnj] {
color: var(--ph-n-700);
font-size: 12px;
font-weight: 600;
margin-top: 2px;
text-align: center;
}

/* Recolhida do <style> de Shared/Modal/TwoFactorDialog.razor, que a declarava e tambem a usa
   (l.121 e l.132);
   quem usa e esta tela (l.60, no Class= de um MudTextField). Como o <style> de um componente sai
   do DOM junto com ele, e o dialogo de configuracao do 2FA nao esta montado durante o login, a
   regra so pintava por acidente quando os dois coexistiam. Ao escopar o dialogo, ela sumiria daqui.

   Efeito real: o campo ja recebe margin-top 4px de .ph-2fa-challenge-field; esta regra o leva a
   8px. Portanto sao 4px de diferenca, nao 8.

   A REGRA EM SI mora no preserve-design-system.css: ela veste um MudTextField, markup emitido
   pela lib, que nao carrega a marca de escopo — escopada aqui, nao alcancaria o campo. */
/* /Shared/Compartilhamento/CamadaVisualizacaoSegura.razor.rz.scp.css */
/* Camada de visualização segura (compartilhamento-v2, T05) — tokens --ph-* apenas; padrão .ph-demo-area::after
   do DS (sobreposição de baixa opacidade, pointer-events:none). Artboard: Visualizacao.dc.html. */

.ph-cvs[b-hxgpw2fkn8] {
    border: 1px solid var(--ph-n-100);
    border-radius: var(--ph-radius-lg);
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}

/* ---------- faixa superior (não decorativa, contraste AA: n-0 sobre brand-ink) ---------- */
.ph-cvs-faixa[b-hxgpw2fkn8] {
    align-items: center;
    background: var(--ph-brand-ink);
    color: var(--ph-n-0);
    display: flex;
    flex-wrap: wrap;
    font-family: var(--ph-font-sans);
    font-size: 12.5px;
    gap: 4px 8px;
    line-height: 1.4;
    min-height: 36px;
    padding: 8px 14px;
    position: relative;
    z-index: 3;
}

.ph-cvs-faixa[b-hxgpw2fkn8]  .ph-cvs-faixa-ic {
    color: var(--ph-n-0);
    flex-shrink: 0;
    height: 16px;
    width: 16px;
}

.ph-cvs-faixa-titulo[b-hxgpw2fkn8] {
    font-weight: 600;
}

.ph-cvs-sep[b-hxgpw2fkn8] {
    color: var(--ph-n-300);
}

.ph-cvs-mono[b-hxgpw2fkn8] {
    font-family: var(--ph-font-mono);
    font-size: 12px;
}

.ph-cvs-codigo[b-hxgpw2fkn8] {
    font-weight: 600;
    letter-spacing: .06em;
}

/* ---------- área coberta pela camada ---------- */
.ph-cvs-area[b-hxgpw2fkn8] {
    background: var(--ph-n-25);
    padding: 18px 20px;
    position: relative;
}

.ph-cvs-conteudo[b-hxgpw2fkn8] {
    position: relative;
    z-index: 1;
}

/* Mosaico diagonal: por cima do conteúdo, sem capturar clique/seleção nem ser lido. */
.ph-cvs-mosaico[b-hxgpw2fkn8] {
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    user-select: none;
    z-index: 2;
}

.ph-cvs-mosaico-grade[b-hxgpw2fkn8] {
    align-content: flex-start;
    color: var(--ph-brand-ink);
    display: flex;
    flex-wrap: wrap;
    font-family: var(--ph-font-mono);
    font-size: 11px;
    font-weight: 600;
    gap: 44px 64px;
    height: 220%;
    left: -60%;
    letter-spacing: .06em;
    opacity: .10;
    position: absolute;
    top: -60%;
    transform: rotate(-22deg);
    white-space: nowrap;
    width: 220%;
}

/* Micro-texto (8 px) com o código nas quatro bordas. */
.ph-cvs-borda[b-hxgpw2fkn8] {
    color: var(--ph-n-500);
    font-family: var(--ph-font-mono);
    font-size: 8px;
    letter-spacing: .08em;
    line-height: 1;
    opacity: .55;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    user-select: none;
    white-space: nowrap;
    z-index: 2;
}

.ph-cvs-borda--topo[b-hxgpw2fkn8] {
    left: 12px;
    right: 12px;
    top: 4px;
}

.ph-cvs-borda--base[b-hxgpw2fkn8] {
    bottom: 4px;
    left: 12px;
    right: 12px;
}

.ph-cvs-borda--esq[b-hxgpw2fkn8],
.ph-cvs-borda--dir[b-hxgpw2fkn8] {
    bottom: 12px;
    top: 12px;
    writing-mode: vertical-rl;
}

.ph-cvs-borda--esq[b-hxgpw2fkn8] {
    left: 3px;
    transform: rotate(180deg);
}

.ph-cvs-borda--dir[b-hxgpw2fkn8] {
    right: 3px;
}

@media (max-width: 720px) {
    .ph-cvs-area[b-hxgpw2fkn8] {
        padding: 14px 12px;
    }
}

@media print {
    /* Impressão da tela carrega a camada (o carimbo real do PDF é do servidor). */
    .ph-cvs-mosaico-grade[b-hxgpw2fkn8] {
        opacity: .18;
    }
}
/* /Shared/Compartilhamento/CompartilhamentoDetalheDialog.razor.rz.scp.css */
/* Estilo EXCLUSIVO de CompartilhamentoDetalheDialog.razor (change compartilhamento-v2, T08).
   Fiel ao artboard Eventos (system-design/Compartilhamento v2/Eventos.dc.html): card de dados à esquerda e a
   linha do tempo (.ph-timeline do DS) à direita. Tokens --ph-* apenas; ícones (svg do MudIcon) via ::deep. */

/* ---------- cabeçalho ---------- */
.ph-cmpx-header[b-m6829iidmq] {
    align-items: flex-start;
    display: flex;
    gap: 14px;
    width: 100%;
}

.ph-cmpx-header-ic[b-m6829iidmq] {
    background: var(--ph-orange-soft);
    border-radius: var(--ph-radius-md);
    color: var(--ph-brand-orange-text);
    display: grid;
    flex-shrink: 0;
    height: 40px;
    place-items: center;
    width: 40px;
}

.ph-cmpx-header-main[b-m6829iidmq] {
    flex: 1;
    min-width: 0;
}

.ph-cmpx-titulo[b-m6829iidmq] {
    color: var(--ph-brand-ink);
    font-family: var(--ph-font-sans);
    font-size: 17px;
    font-weight: 600;
    margin: 0;
}

.ph-cmpx-sub[b-m6829iidmq] {
    align-items: center;
    color: var(--ph-n-700);
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    gap: 8px;
    margin: 4px 0 0;
}

.ph-cmpx-sub b[b-m6829iidmq] {
    color: var(--ph-brand-ink);
    font-weight: 600;
}

.ph-cmpx-status[b-m6829iidmq] {
    line-height: 1;
}

.ph-cmpx-status-dot[b-m6829iidmq] {
    background: currentColor;
    border-radius: 50%;
    flex-shrink: 0;
    height: 6px;
    width: 6px;
}

.ph-cmpx-fechar[b-m6829iidmq] {
    background: var(--ph-n-0);
    border: 1px solid var(--ph-n-100);
    color: var(--ph-n-700);
    cursor: pointer;
    display: inline-grid;
    flex-shrink: 0;
    height: 36px;
    padding: 0;
    place-items: center;
    width: 36px;
}

.ph-cmpx-fechar[b-m6829iidmq]  .mud-icon-root {
    height: 18px;
    width: 18px;
}

.ph-cmpx-mono[b-m6829iidmq] {
    font-family: var(--ph-font-mono);
    font-size: 12px;
}

/* ---------- estados ---------- */
.ph-cmpx-loading[b-m6829iidmq] {
    align-items: center;
    color: var(--ph-n-700);
    display: flex;
    font-size: 13px;
    gap: 8px;
    padding: 24px 4px;
}

.ph-cmpx-erro[b-m6829iidmq] {
    margin: 0;
}

.ph-cmpx-tentar[b-m6829iidmq] {
    margin-top: 10px;
}

/* ---------- layout em duas colunas (artboard: 360px + trilha) ---------- */
.ph-cmpx[b-m6829iidmq] {
    align-items: start;
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
}

.ph-cmpx-card[b-m6829iidmq] {
    background: var(--ph-n-0);
    border: 1px solid var(--ph-n-100);
    border-radius: var(--ph-radius-lg);
    min-width: 0;
    padding: 14px 16px;
}

.ph-cmpx-sec-t[b-m6829iidmq] {
    color: var(--ph-brand-ink);
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}

.ph-cmpx-dest[b-m6829iidmq] {
    align-items: center;
    border-bottom: 1px solid var(--ph-n-100);
    display: flex;
    gap: 10px;
    margin: 12px 0 10px;
    padding-bottom: 12px;
}

.ph-cmpx-avatar[b-m6829iidmq] {
    border-radius: 50%;
    color: var(--ph-n-0);
    display: inline-grid;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 600;
    height: 34px;
    place-items: center;
    width: 34px;
}

.ph-cmpx-avatar--pur[b-m6829iidmq] { background: var(--ph-pur-500); }
.ph-cmpx-avatar--info[b-m6829iidmq] { background: var(--ph-info-500); }
.ph-cmpx-avatar--ok[b-m6829iidmq] { background: var(--ph-ok-700); }
.ph-cmpx-avatar--ink[b-m6829iidmq] { background: var(--ph-brand-ink-3); }

.ph-cmpx-dest-main[b-m6829iidmq] {
    min-width: 0;
}

.ph-cmpx-dest-nome[b-m6829iidmq] {
    color: var(--ph-brand-ink);
    font-size: 14px;
    font-weight: 600;
}

.ph-cmpx-email[b-m6829iidmq] {
    color: var(--ph-n-700);
    overflow-wrap: anywhere;
}

.ph-cmpx-dl[b-m6829iidmq] {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin: 0;
}

.ph-cmpx-dl > div[b-m6829iidmq] {
    display: grid;
    gap: 10px;
    grid-template-columns: 96px minmax(0, 1fr);
}

.ph-cmpx-dl dt[b-m6829iidmq] {
    color: var(--ph-n-500);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .04em;
    padding-top: 1px;
    text-transform: uppercase;
}

.ph-cmpx-dl dd[b-m6829iidmq] {
    color: var(--ph-n-800);
    font-size: 13px;
    margin: 0;
    overflow-wrap: anywhere;
}

.ph-cmpx-dd-sub[b-m6829iidmq] {
    color: var(--ph-n-600);
    font-size: 12px;
}

.ph-cmpx-arquivos[b-m6829iidmq] {
    margin: 0;
    padding-left: 16px;
}

/* ---------- eventos ---------- */
.ph-cmpx-ev-head[b-m6829iidmq] {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 14px;
}

.ph-cmpx-ev-desc[b-m6829iidmq] {
    color: var(--ph-n-600);
    font-size: 12px;
    margin: 2px 0 0;
}

.ph-cmpx-ev-tools[b-m6829iidmq] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ph-cmpx-busca[b-m6829iidmq] {
    align-items: center;
    background: var(--ph-n-0);
    border: 1px solid var(--ph-n-200);
    border-radius: var(--ph-radius-md);
    color: var(--ph-n-500);
    display: flex;
    gap: 8px;
    height: 36px;
    min-width: 240px;
    padding: 0 10px;
}

.ph-cmpx-busca:focus-within[b-m6829iidmq] {
    box-shadow: var(--ph-shadow-focus);
}

.ph-cmpx-busca[b-m6829iidmq]  .mud-icon-root {
    height: 14px;
    width: 14px;
}

.ph-cmpx-busca-input[b-m6829iidmq] {
    background: transparent;
    border: 0;
    color: var(--ph-n-800);
    flex: 1;
    font-family: var(--ph-font-sans);
    font-size: 12.5px;
    min-width: 0;
    outline: 0;
}

.ph-cmpx-busca-input[b-m6829iidmq]::placeholder {
    color: var(--ph-n-500);
}

.ph-cmpx-seg[b-m6829iidmq] {
    background: var(--ph-n-50);
    border: 1px solid var(--ph-n-100);
    border-radius: 7px;
    display: inline-flex;
    gap: 2px;
    padding: 3px;
}

.ph-cmpx-seg-btn[b-m6829iidmq] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 5px;
    color: var(--ph-n-700);
    cursor: pointer;
    display: inline-flex;
    font-family: var(--ph-font-sans);
    font-size: 12.5px;
    font-weight: 500;
    gap: 6px;
    min-height: 32px;
    padding: 0 10px;
}

.ph-cmpx-seg-btn--on[b-m6829iidmq] {
    background: var(--ph-n-0);
    box-shadow: 0 1px 2px rgb(var(--ph-brand-ink-rgb) / .12);
    color: var(--ph-brand-ink);
    font-weight: 600;
}

.ph-cmpx-seg-n[b-m6829iidmq] {
    color: var(--ph-n-500);
    font-family: var(--ph-font-mono);
    font-size: 11px;
}

.ph-cmpx-seg-btn--on .ph-cmpx-seg-n[b-m6829iidmq] {
    color: var(--ph-brand-orange-text);
}

.ph-cmpx-nota[b-m6829iidmq] {
    margin: 0 0 14px;
}

.ph-cmpx-vazio[b-m6829iidmq] {
    color: var(--ph-n-600);
    font-size: 13px;
    margin: 8px 0;
}

.ph-cmpx-timeline[b-m6829iidmq] {
    margin-top: 4px;
}

.ph-cmpx-ev-body[b-m6829iidmq] {
    min-width: 0;
}

/* Conector vertical da trilha. No DS (.ph-timeline-item::before) ele é absoluto com grid-column: 1 +
   justify-self: center, mas o Chrome não restringe o pseudo-elemento absoluto à coluna de 14px: ele é
   centralizado na LARGURA INTEIRA do item (left ≈ 50%) e a linha passava por cima do título, da pessoa, dos
   arquivos e dos chips de código/IP/e-mail. Aqui o conector é ancorado no centro da coluna do marcador
   (14px ⇒ 7px - 0,5px da espessura), sem depender do alinhamento de grid do absoluto. */
.ph-cmpx-ev[b-m6829iidmq]::before {
    justify-self: auto;
    left: 6.5px;
    right: auto;
}

.ph-cmpx-ev-top[b-m6829iidmq] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
}

.ph-cmpx-ev-pessoa[b-m6829iidmq] {
    align-items: center;
    color: var(--ph-n-700);
    display: inline-flex;
    font-size: 12.5px;
    gap: 6px;
}

.ph-cmpx-ev-pessoa b[b-m6829iidmq] {
    color: var(--ph-brand-ink);
    font-weight: 600;
}

.ph-cmpx-ev-texto[b-m6829iidmq] {
    color: var(--ph-n-700);
    font-size: 12.5px;
    line-height: 1.5;
    margin: 4px 0 0;
}

.ph-cmpx-ev-itens[b-m6829iidmq] {
    color: var(--ph-n-700);
    font-size: 12.5px;
    line-height: 1.5;
    margin: 4px 0 0;
    padding-left: 16px;
}

.ph-cmpx-ev-meta[b-m6829iidmq] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 6px;
}

.ph-cmpx-meta[b-m6829iidmq] {
    align-items: center;
    background: var(--ph-n-25);
    border: 1px solid var(--ph-n-100);
    border-radius: var(--ph-radius-sm);
    display: inline-flex;
    font-size: 11.5px;
    gap: 6px;
    padding: 2px 8px;
}

.ph-cmpx-meta-l[b-m6829iidmq] {
    color: var(--ph-n-500);
    font-weight: 600;
}

.ph-cmpx-meta-v[b-m6829iidmq] {
    color: var(--ph-n-800);
    overflow-wrap: anywhere;
}

.ph-cmpx-mais[b-m6829iidmq] {
    align-items: center;
    border-top: 1px solid var(--ph-n-100);
    color: var(--ph-n-700);
    display: flex;
    flex-wrap: wrap;
    font-size: 12.5px;
    gap: 10px;
    justify-content: space-between;
    padding-top: 12px;
}

/* ---------- botões e rodapé ---------- */
.ph-cmpx-foot[b-m6829iidmq] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.ph-cmpx-btn[b-m6829iidmq] {
    align-items: center;
    background: var(--ph-n-0);
    border: 1px solid var(--ph-n-200);
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font-family: var(--ph-font-sans);
    font-size: 13px;
    font-weight: 600;
    gap: 8px;
    height: 38px;
    justify-content: center;
    line-height: 1;
    padding: 0 16px;
    white-space: nowrap;
}

.ph-cmpx-btn:disabled[b-m6829iidmq] {
    cursor: not-allowed;
    opacity: .7;
}

.ph-cmpx-btn[b-m6829iidmq]  .mud-icon-root {
    height: 16px;
    width: 16px;
}

.ph-cmpx-btn:focus-visible[b-m6829iidmq],
.ph-cmpx-fechar:focus-visible[b-m6829iidmq],
.ph-cmpx-seg-btn:focus-visible[b-m6829iidmq] {
    box-shadow: var(--ph-shadow-focus);
    outline: 0;
}

@media (max-width: 860px) {
    .ph-cmpx[b-m6829iidmq] {
        grid-template-columns: minmax(0, 1fr);
    }

    .ph-cmpx-busca[b-m6829iidmq] {
        min-width: 0;
        width: 100%;
    }
}

/* ---------- T09/T12: reenviar convite e investigar código ---------- */
.ph-cmpx-reenviar[b-m6829iidmq] {
    display: flex;
    height: 32px;
    margin-top: 6px;
    padding: 0 12px;
}

.ph-cmpx-reenviar[b-m6829iidmq]  .mud-icon-root,
.ph-cmpx-investigar[b-m6829iidmq]  .mud-icon-root {
    height: 16px;
    width: 16px;
}

.ph-cmpx-investigar[b-m6829iidmq] {
    height: 34px;
    padding: 0 12px;
}

.ph-cmpx-reenvio-msg[b-m6829iidmq] {
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-top: 6px;
}

.ph-cmpx-reenvio-msg--ok[b-m6829iidmq] {
    color: var(--ph-ok-700);
}

.ph-cmpx-reenvio-msg--erro[b-m6829iidmq] {
    color: var(--ph-err-700);
}
/* /Shared/Compartilhamento/InvestigarRastreioDialog.razor.rz.scp.css */
/* Estilo EXCLUSIVO de InvestigarRastreioDialog.razor (change compartilhamento-v2, T12). Mesma linguagem dos diálogos
   do compartilhamento (Renovar/Detalhes) com os tokens do DS (--ph-*), sem hex solto. Ícones do MudIcon via ::deep. */

/* ---------- cabeçalho ---------- */
.ph-cmri-header[b-98wlnzbwtv] {
    align-items: flex-start;
    display: flex;
    gap: 14px;
    width: 100%;
}

.ph-cmri-header-ic[b-98wlnzbwtv] {
    background: var(--ph-info-50);
    border-radius: var(--ph-radius-md);
    color: var(--ph-info-700);
    display: grid;
    flex-shrink: 0;
    height: 40px;
    place-items: center;
    width: 40px;
}

.ph-cmri-header-main[b-98wlnzbwtv] {
    flex: 1;
    min-width: 0;
}

.ph-cmri-titulo[b-98wlnzbwtv] {
    color: var(--ph-brand-ink);
    font-family: var(--ph-font-sans);
    font-size: 17px;
    font-weight: 600;
    margin: 0;
}

.ph-cmri-sub[b-98wlnzbwtv] {
    color: var(--ph-n-700);
    font-size: 13px;
    margin: 2px 0 0;
}

.ph-cmri-fechar[b-98wlnzbwtv] {
    background: var(--ph-n-0);
    border: 1px solid var(--ph-n-100);
    color: var(--ph-n-700);
    cursor: pointer;
    display: inline-grid;
    flex-shrink: 0;
    height: 36px;
    padding: 0;
    place-items: center;
    width: 36px;
}

.ph-cmri-fechar[b-98wlnzbwtv]  .mud-icon-root {
    height: 18px;
    width: 18px;
}

/* ---------- corpo ---------- */
.ph-cmri[b-98wlnzbwtv] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ph-cmri-campo[b-98wlnzbwtv] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ph-cmri-obrig[b-98wlnzbwtv] {
    color: var(--ph-brand-orange-text);
    font-weight: 700;
}

.ph-cmri-linha[b-98wlnzbwtv] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ph-cmri-input[b-98wlnzbwtv] {
    background: var(--ph-n-0);
    border: 1px solid var(--ph-n-200);
    border-radius: var(--ph-radius-md);
    box-sizing: border-box;
    color: var(--ph-n-800);
    flex: 1;
    font-family: var(--ph-font-mono);
    font-size: 15px;
    height: 40px;
    letter-spacing: .08em;
    min-width: 180px;
    padding: 0 12px;
    text-transform: uppercase;
}

.ph-cmri-input[aria-invalid="true"][b-98wlnzbwtv] {
    border-color: var(--ph-err-500);
}

/* Botões nativos (<button>) com .ph-button-primary/.ph-button-secondary: essas classes do DS só dão cor e raio
   (foram feitas para o MudButton, que traz padding/fonte próprios). Sem padding, nowrap e flex-shrink o "Consultar"
   ficava com o texto colado nas bordas e cortado ao lado do ícone. Mesma anatomia do .ph-cmpr-btn (Renovar). */
.ph-cmri-btn[b-98wlnzbwtv] {
    align-items: center;
    border: 1px solid var(--ph-n-200);
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    flex-shrink: 0;
    font-family: var(--ph-font-sans);
    font-size: 13px;
    font-weight: 600;
    gap: 8px;
    height: 40px;
    justify-content: center;
    line-height: 1;
    min-width: max-content;
    padding: 0 16px;
    white-space: nowrap;
}

.ph-cmri-btn.ph-button-primary[b-98wlnzbwtv] {
    border-color: var(--ph-brand-ink);
}

.ph-cmri-btn.ph-button-secondary[b-98wlnzbwtv] {
    background: var(--ph-n-0);
    color: var(--ph-brand-ink);
}

.ph-cmri-btn:disabled[b-98wlnzbwtv] {
    cursor: not-allowed;
    opacity: .7;
}

.ph-cmri-btn[b-98wlnzbwtv]  .mud-icon-root {
    height: 16px;
    width: 16px;
}

.ph-cmri-input:focus-visible[b-98wlnzbwtv],
.ph-cmri-btn:focus-visible[b-98wlnzbwtv],
.ph-cmri-fechar:focus-visible[b-98wlnzbwtv],
.ph-cmri-res-t:focus-visible[b-98wlnzbwtv] {
    box-shadow: var(--ph-shadow-focus);
    outline: 0;
}

.ph-cmri-ajuda[b-98wlnzbwtv] {
    color: var(--ph-n-600);
    font-size: 12px;
    line-height: 1.45;
}

.ph-cmri-erro-campo[b-98wlnzbwtv] {
    align-items: center;
    color: var(--ph-err-700);
    display: flex;
    font-size: 12.5px;
    font-weight: 500;
    gap: 4px;
}

.ph-cmri-erro-campo[b-98wlnzbwtv]  .mud-icon-root {
    height: 14px;
    width: 14px;
}

.ph-cmri-mono[b-98wlnzbwtv] {
    font-family: var(--ph-font-mono);
}

.ph-cmri-estado[b-98wlnzbwtv] {
    align-items: center;
    color: var(--ph-n-700);
    display: flex;
    font-size: 13px;
    gap: 10px;
}

.ph-cmri-alerta[b-98wlnzbwtv] {
    margin: 0;
}

.ph-cmri-alerta p[b-98wlnzbwtv] {
    margin: 2px 0 0;
}

/* ---------- resultado ---------- */
.ph-cmri-resultado[b-98wlnzbwtv] {
    border-top: 1px solid var(--ph-n-100);
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding-top: 14px;
}

.ph-cmri-res-head[b-98wlnzbwtv] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ph-cmri-res-t[b-98wlnzbwtv] {
    color: var(--ph-brand-ink);
    font-size: 15px;
    font-weight: 600;
    margin: 0;
}

.ph-cmri-badge[b-98wlnzbwtv] {
    align-items: center;
    display: inline-flex;
    gap: 4px;
}

.ph-cmri-badge[b-98wlnzbwtv]  .mud-icon-root {
    height: 14px;
    width: 14px;
}

.ph-cmri-grade[b-98wlnzbwtv] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.ph-cmri-dl[b-98wlnzbwtv] {
    background: var(--ph-n-25);
    border: 1px solid var(--ph-n-100);
    border-radius: var(--ph-radius-md);
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
    padding: 10px 12px;
}

.ph-cmri-dl-t[b-98wlnzbwtv] {
    color: var(--ph-brand-ink);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.ph-cmri-dl > div:not(.ph-cmri-dl-t)[b-98wlnzbwtv] {
    display: flex;
    flex-wrap: wrap;
    gap: 2px 10px;
    justify-content: space-between;
}

.ph-cmri-dl dt[b-98wlnzbwtv] {
    color: var(--ph-n-600);
    font-size: 12px;
}

.ph-cmri-dl dd[b-98wlnzbwtv] {
    color: var(--ph-n-800);
    font-size: 12.5px;
    margin: 0;
    overflow-wrap: anywhere;
    text-align: right;
}

.ph-cmri-itens-t[b-98wlnzbwtv] {
    color: var(--ph-brand-ink);
    font-size: 13.5px;
    font-weight: 600;
    margin: 0;
}

.ph-cmri-vazio[b-98wlnzbwtv],
.ph-cmri-nota[b-98wlnzbwtv] {
    color: var(--ph-n-600);
    font-size: 12.5px;
    margin: 0;
}

.ph-cmri-itens[b-98wlnzbwtv] {
    border: 1px solid var(--ph-n-100);
    border-radius: var(--ph-radius-md);
    list-style: none;
    margin: 0;
    padding: 0;
}

.ph-cmri-item[b-98wlnzbwtv] {
    border-bottom: 1px solid var(--ph-n-100);
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 10px 12px;
}

.ph-cmri-item:last-child[b-98wlnzbwtv] {
    border-bottom: 0;
}

.ph-cmri-item-top[b-98wlnzbwtv] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ph-cmri-item-nome[b-98wlnzbwtv] {
    color: var(--ph-n-800);
    font-size: 13px;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.ph-cmri-item-em[b-98wlnzbwtv] {
    color: var(--ph-n-700);
    font-size: 12px;
    margin-left: auto;
}

.ph-cmri-hash[b-98wlnzbwtv] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ph-cmri-hash-l[b-98wlnzbwtv] {
    color: var(--ph-n-600);
    font-size: 11.5px;
}

.ph-cmri-hash-v[b-98wlnzbwtv] {
    background: var(--ph-n-25);
    border: 1px solid var(--ph-n-100);
    border-radius: var(--ph-radius-sm);
    color: var(--ph-n-800);
    font-family: var(--ph-font-mono);
    font-size: 12px;
    padding: 4px 6px;
    word-break: break-all;
}

.ph-cmri-hash-v--sem[b-98wlnzbwtv] {
    color: var(--ph-n-600);
    font-family: var(--ph-font-sans);
}

.ph-cmri-cmd[b-98wlnzbwtv] {
    background: var(--ph-n-50);
    border-radius: var(--ph-radius-sm);
    font-family: var(--ph-font-mono);
    font-size: 12px;
    padding: 1px 4px;
    word-break: break-all;
}

/* ---------- rodapé ---------- */
.ph-cmri-foot[b-98wlnzbwtv] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
/* /Shared/Compartilhamento/NovoCompartilhamentoDialog.razor.rz.scp.css */
/* Estilo EXCLUSIVO de NovoCompartilhamentoDialog.razor (change compartilhamento-v2, T04).
   Fiel aos artboards Novo1..Novo4 (system-design/Compartilhamento v2/), com os tokens do DS (--ph-*).
   O "paper" do diálogo é do MudBlazor (.ph-card-dialog, no DS); aqui só o markup desta tela, que
   recebe a marca de escopo. Ícones (svg do MudIcon) via ::deep a partir de um ancestral desta tela. */

/* ---------- cabeçalho ---------- */
.ph-cmpd-header[b-kqr7ttrzxl] {
    align-items: flex-start;
    display: flex;
    gap: 14px;
    width: 100%;
}

.ph-cmpd-header-ic[b-kqr7ttrzxl] {
    background: var(--ph-orange-soft);
    border-radius: var(--ph-radius-md);
    color: var(--ph-brand-orange-text);
    display: grid;
    flex-shrink: 0;
    height: 44px;
    place-items: center;
    width: 44px;
}

.ph-cmpd-header-main[b-kqr7ttrzxl] {
    flex: 1;
    min-width: 0;
}

.ph-cmpd-titulo[b-kqr7ttrzxl] {
    color: var(--ph-brand-ink);
    font-family: var(--ph-font-sans);
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

.ph-cmpd-sub[b-kqr7ttrzxl] {
    color: var(--ph-n-700);
    font-size: 13px;
    margin: 2px 0 0;
}

.ph-cmpd-mono[b-kqr7ttrzxl] {
    font-family: var(--ph-font-mono);
    font-size: 12px;
}

.ph-cmpd-chips[b-kqr7ttrzxl] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.ph-cmpd-chips--contem[b-kqr7ttrzxl] {
    margin: 0 0 10px;
}

.ph-cmpd-fechar[b-kqr7ttrzxl] {
    background: var(--ph-n-0);
    border: 1px solid var(--ph-n-100);
    color: var(--ph-n-700);
    cursor: pointer;
    display: inline-grid;
    flex-shrink: 0;
    height: 36px;
    padding: 0;
    place-items: center;
    width: 36px;
}

.ph-cmpd-fechar[b-kqr7ttrzxl]  .mud-icon-root {
    height: 18px;
    width: 18px;
}

/* ---------- etapas ---------- */
.ph-cmpd-steps[b-kqr7ttrzxl] {
    align-items: center;
    background: var(--ph-n-25);
    border-bottom: 1px solid var(--ph-n-100);
    display: flex;
    list-style: none;
    margin: -22px -24px 0;
    padding: 14px 24px;
}

.ph-cmpd-step[b-kqr7ttrzxl] {
    align-items: center;
    display: flex;
    flex: 1;
    gap: 8px;
    min-width: 0;
}

.ph-cmpd-step--ultimo[b-kqr7ttrzxl] {
    flex: 0 0 auto;
}

.ph-cmpd-step-n[b-kqr7ttrzxl] {
    background: var(--ph-n-0);
    border: 1px solid var(--ph-n-300);
    border-radius: 50%;
    color: var(--ph-n-700);
    display: grid;
    flex-shrink: 0;
    font-size: 12.5px;
    font-weight: 600;
    height: 24px;
    place-items: center;
    width: 24px;
}

.ph-cmpd-step-n--atual[b-kqr7ttrzxl] {
    background: var(--ph-brand-ink);
    border-color: var(--ph-brand-ink);
    color: var(--ph-n-0);
    font-weight: 700;
    height: 26px;
    width: 26px;
}

.ph-cmpd-step-n--feito[b-kqr7ttrzxl] {
    background: var(--ph-ok-700);
    border-color: var(--ph-ok-700);
    color: var(--ph-n-0);
    height: 26px;
    width: 26px;
}

.ph-cmpd-step-n[b-kqr7ttrzxl]  .mud-icon-root {
    height: 15px;
    width: 15px;
}

.ph-cmpd-step-l[b-kqr7ttrzxl] {
    color: var(--ph-n-700);
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
}

.ph-cmpd-step-l--atual[b-kqr7ttrzxl] {
    color: var(--ph-brand-ink);
    font-weight: 600;
}

.ph-cmpd-step-linha[b-kqr7ttrzxl] {
    background: var(--ph-n-200);
    border-radius: 2px;
    flex: 1;
    height: 2px;
    margin: 0 6px;
    min-width: 24px;
}

.ph-cmpd-step-linha--feita[b-kqr7ttrzxl] {
    background: var(--ph-ok-700);
}

/* ---------- corpo ---------- */
.ph-cmpd-body[b-kqr7ttrzxl] {
    display: flex;
    flex-direction: column;
    gap: 22px;
    padding-top: 22px;
}

.ph-cmpd-fs[b-kqr7ttrzxl] {
    margin: 0;
}

.ph-cmpd-legend[b-kqr7ttrzxl] {
    margin-bottom: 10px;
}

.ph-cmpd-alerta[b-kqr7ttrzxl] {
    margin-top: 0;
}

.ph-cmpd-alerta[b-kqr7ttrzxl]  .mud-icon-root {
    height: 18px;
    width: 18px;
}

.ph-cmpd-alerta p[b-kqr7ttrzxl] {
    color: var(--ph-n-700);
    font-size: 12.5px;
    line-height: 1.5;
    margin: 0;
}

.ph-cmpd-alerta + .ph-cmpd-alerta[b-kqr7ttrzxl] {
    margin-top: 10px;
}

.ph-cmpd-fs > .ph-cmpd-alerta[b-kqr7ttrzxl] {
    margin-top: 10px;
}

/* Cartões de opção (tipo de destinatário, dados protegidos) */
.ph-cmpd-opcoes[b-kqr7ttrzxl] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.ph-cmpd-opcao[b-kqr7ttrzxl] {
    align-items: flex-start;
    background: var(--ph-n-0);
    border: 1px solid var(--ph-n-200);
    border-radius: var(--ph-radius-lg);
    cursor: pointer;
    display: flex;
    flex: 1;
    gap: 12px;
    min-width: 240px;
    padding: 16px;
}

.ph-cmpd-opcao--on[b-kqr7ttrzxl] {
    background: var(--ph-n-25);
    border: 2px solid var(--ph-brand-ink);
    padding: 15px;
}

.ph-cmpd-opcao--off[b-kqr7ttrzxl] {
    background: var(--ph-n-50);
    cursor: not-allowed;
}

.ph-cmpd-opcao--off b[b-kqr7ttrzxl],
.ph-cmpd-opcao--off .ph-cmpd-opcao-txt > span:not(.ph-cmpd-opcao-chips):not(.ph-cmpd-motivo)[b-kqr7ttrzxl] {
    color: var(--ph-n-500);
}

.ph-cmpd-radio[b-kqr7ttrzxl],
.ph-cmpd-check[b-kqr7ttrzxl] {
    accent-color: var(--ph-brand-ink);
    flex-shrink: 0;
    height: 16px;
    margin: 3px 0 0;
    width: 16px;
}

.ph-cmpd-opcao-ic[b-kqr7ttrzxl] {
    background: var(--ph-orange-soft);
    border-radius: var(--ph-radius-md);
    color: var(--ph-brand-orange-text);
    display: grid;
    flex-shrink: 0;
    height: 36px;
    place-items: center;
    width: 36px;
}

.ph-cmpd-opcao-ic--off[b-kqr7ttrzxl] {
    background: var(--ph-n-100);
    color: var(--ph-n-500);
}

.ph-cmpd-opcao-txt[b-kqr7ttrzxl] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.ph-cmpd-opcao-txt b[b-kqr7ttrzxl] {
    color: var(--ph-brand-ink);
    font-size: 14px;
    font-weight: 600;
}

.ph-cmpd-opcao-txt > span[b-kqr7ttrzxl] {
    color: var(--ph-n-700);
    font-size: 12.5px;
    line-height: 1.5;
}

.ph-cmpd-opcao-chips[b-kqr7ttrzxl] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
}

.ph-cmpd-chip[b-kqr7ttrzxl] {
    background: var(--ph-n-50);
    font-size: 11.5px;
    padding: 2px 8px;
}

.ph-cmpd-motivo[b-kqr7ttrzxl] {
    align-items: flex-start;
    color: var(--ph-warn-700) !important;
    display: flex;
    font-size: 12px !important;
    font-weight: 500;
    gap: 6px;
    margin-top: 8px;
}

.ph-cmpd-motivo[b-kqr7ttrzxl]  .mud-icon-root {
    flex-shrink: 0;
    height: 14px;
    width: 14px;
}

/* Campos */
.ph-cmpd-campo[b-kqr7ttrzxl] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.ph-cmpd-obrig[b-kqr7ttrzxl] {
    color: var(--ph-brand-orange-text);
    font-weight: 700;
}

.ph-cmpd-opcional[b-kqr7ttrzxl] {
    color: var(--ph-n-500);
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}

.ph-cmpd-input[b-kqr7ttrzxl],
.ph-cmpd-textarea[b-kqr7ttrzxl] {
    background: var(--ph-n-0);
    border: 1px solid var(--ph-n-200);
    border-radius: var(--ph-radius-md);
    box-sizing: border-box;
    color: var(--ph-n-800);
    font-family: var(--ph-font-sans);
    font-size: 13.5px;
    width: 100%;
}

.ph-cmpd-input[b-kqr7ttrzxl] {
    height: 38px;
    padding: 0 12px;
}

.ph-cmpd-input.ph-cmpd-mono[b-kqr7ttrzxl] {
    font-family: var(--ph-font-mono);
    font-size: 13px;
}

.ph-cmpd-textarea[b-kqr7ttrzxl] {
    line-height: 1.5;
    min-height: 84px;
    padding: 9px 12px;
    resize: vertical;
}

.ph-cmpd-input:focus-visible[b-kqr7ttrzxl],
.ph-cmpd-textarea:focus-visible[b-kqr7ttrzxl],
.ph-cmpd-radio:focus-visible[b-kqr7ttrzxl],
.ph-cmpd-check:focus-visible[b-kqr7ttrzxl],
.ph-cmpd-btn:focus-visible[b-kqr7ttrzxl],
.ph-cmpd-link:focus-visible[b-kqr7ttrzxl],
.ph-cmpd-fechar:focus-visible[b-kqr7ttrzxl],
.ph-cmpd-atalho:focus-visible[b-kqr7ttrzxl],
.ph-cmpd-switch:focus-visible[b-kqr7ttrzxl],
.ph-cmpd-sel-remover:focus-visible[b-kqr7ttrzxl],
.ph-cmpd-dl:focus-visible[b-kqr7ttrzxl] {
    box-shadow: var(--ph-shadow-focus);
    outline: 0;
}

.ph-cmpd-input-ic[b-kqr7ttrzxl] {
    align-items: center;
    display: flex;
    position: relative;
}

.ph-cmpd-input-ic[b-kqr7ttrzxl]  .mud-icon-root {
    color: var(--ph-n-500);
    height: 16px;
    left: 12px;
    pointer-events: none;
    position: absolute;
    width: 16px;
}

.ph-cmpd-input--ic[b-kqr7ttrzxl] {
    padding-left: 36px;
}

.ph-cmpd-ajuda[b-kqr7ttrzxl] {
    color: var(--ph-n-500);
    font-size: 11.5px;
    line-height: 1.4;
}

/* Combobox: lista de usuários (A3) */
.ph-cmpd-lista[b-kqr7ttrzxl] {
    border: 1px solid var(--ph-n-200);
    border-radius: var(--ph-radius-lg);
    list-style: none;
    margin: 4px 0 0;
    max-height: 264px;
    overflow-y: auto;
    padding: 0;
}

.ph-cmpd-opt[b-kqr7ttrzxl] {
    align-items: center;
    background: var(--ph-n-0);
    border-bottom: 1px solid var(--ph-n-100);
    cursor: pointer;
    display: flex;
    gap: 12px;
    min-height: 44px;
    padding: 10px 14px;
}

.ph-cmpd-opt:last-child[b-kqr7ttrzxl] {
    border-bottom: 0;
}

.ph-cmpd-opt:hover[b-kqr7ttrzxl],
.ph-cmpd-opt--ativo[b-kqr7ttrzxl] {
    background: var(--ph-n-25);
}

.ph-cmpd-opt--ativo[b-kqr7ttrzxl] {
    outline: 2px solid var(--ph-brand-orange);
    outline-offset: -2px;
}

.ph-cmpd-opt--sel[b-kqr7ttrzxl] {
    background: var(--ph-n-25);
    box-shadow: inset 3px 0 0 var(--ph-brand-ink);
}

.ph-cmpd-opt--off[b-kqr7ttrzxl] {
    cursor: not-allowed;
}

.ph-cmpd-opt--off .ph-cmpd-opt-nome[b-kqr7ttrzxl] {
    color: var(--ph-n-500);
}

.ph-cmpd-opt-txt[b-kqr7ttrzxl] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
}

.ph-cmpd-opt-nome[b-kqr7ttrzxl] {
    color: var(--ph-brand-ink);
    font-size: 13.5px;
    font-weight: 600;
}

.ph-cmpd-opt-meta[b-kqr7ttrzxl] {
    color: var(--ph-n-700);
    font-size: 12px;
}

.ph-cmpd-opt-aviso[b-kqr7ttrzxl] {
    align-items: center;
    color: var(--ph-warn-700);
    display: flex;
    font-size: 12px;
    font-weight: 500;
    gap: 4px;
}

.ph-cmpd-opt-aviso[b-kqr7ttrzxl]  .mud-icon-root {
    height: 14px;
    width: 14px;
}

.ph-cmpd-busca-status[b-kqr7ttrzxl] {
    color: var(--ph-n-700);
    font-size: 12px;
    margin: 4px 0 0;
    min-height: 1em;
}

.ph-cmpd-avatar[b-kqr7ttrzxl] {
    border-radius: 50%;
    color: var(--ph-n-0);
    display: inline-grid;
    flex-shrink: 0;
    font-size: 11px;
    font-weight: 600;
    height: 30px;
    letter-spacing: .02em;
    place-items: center;
    width: 30px;
}

.ph-cmpd-avatar--sm[b-kqr7ttrzxl] {
    font-size: 9px;
    height: 20px;
    width: 20px;
}

.ph-cmpd-avatar--pur[b-kqr7ttrzxl] { background: var(--ph-pur-500); }
.ph-cmpd-avatar--info[b-kqr7ttrzxl] { background: var(--ph-info-500); }
.ph-cmpd-avatar--ok[b-kqr7ttrzxl] { background: var(--ph-ok-700); }
.ph-cmpd-avatar--ink[b-kqr7ttrzxl] { background: var(--ph-brand-ink-3); }

/* Destinatários selecionados: chip por linha + erro do servidor na própria linha */
.ph-cmpd-selecionados[b-kqr7ttrzxl] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ph-cmpd-sel-titulo[b-kqr7ttrzxl] {
    color: var(--ph-brand-ink);
    font-size: 12px;
    font-weight: 600;
}

.ph-cmpd-sel-lista[b-kqr7ttrzxl] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ph-cmpd-sel-linha[b-kqr7ttrzxl] {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ph-cmpd-sel-chip[b-kqr7ttrzxl] {
    background: var(--ph-n-50);
    font-size: 12.5px;
    gap: 8px;
    padding: 2px 4px 2px 6px;
    white-space: normal;
}

.ph-cmpd-sel-chip b[b-kqr7ttrzxl] {
    color: var(--ph-brand-ink);
    font-weight: 600;
}

.ph-cmpd-sel-linha--erro .ph-cmpd-sel-chip[b-kqr7ttrzxl] {
    background: var(--ph-err-50);
    border-color: var(--ph-err-500);
}

.ph-cmpd-sel-remover[b-kqr7ttrzxl] {
    background: transparent;
    border: 0;
    border-radius: 50%;
    color: var(--ph-n-700);
    cursor: pointer;
    display: inline-grid;
    height: 28px;
    padding: 0;
    place-items: center;
    width: 28px;
}

.ph-cmpd-sel-remover:hover[b-kqr7ttrzxl] {
    background: var(--ph-n-100);
}

.ph-cmpd-sel-remover[b-kqr7ttrzxl]  .mud-icon-root {
    height: 14px;
    width: 14px;
}

.ph-cmpd-sel-erro[b-kqr7ttrzxl] {
    align-items: center;
    color: var(--ph-err-700);
    display: flex;
    font-size: 12px;
    font-weight: 500;
    gap: 4px;
}

.ph-cmpd-sel-erro[b-kqr7ttrzxl]  .mud-icon-root {
    height: 14px;
    width: 14px;
}

/* ---------- passo 2: vigência e permissões ---------- */
.ph-cmpd-vig[b-kqr7ttrzxl] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ph-cmpd-vig-opcao[b-kqr7ttrzxl] {
    align-items: center;
    background: var(--ph-n-0);
    border: 1px solid var(--ph-n-200);
    border-radius: var(--ph-radius-md);
    cursor: pointer;
    display: flex;
    gap: 8px;
    min-height: 40px;
    padding: 0 15px;
}

.ph-cmpd-vig-opcao .ph-cmpd-radio[b-kqr7ttrzxl] {
    margin: 0;
}

.ph-cmpd-vig-opcao b[b-kqr7ttrzxl] {
    color: var(--ph-brand-ink);
    font-size: 13.5px;
}

.ph-cmpd-vig-opcao--on[b-kqr7ttrzxl] {
    background: var(--ph-n-25);
    border: 2px solid var(--ph-brand-ink);
    padding: 0 14px;
}

.ph-cmpd-prazo[b-kqr7ttrzxl] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 14px;
}

.ph-cmpd-campo--dias[b-kqr7ttrzxl] {
    flex: 0 0 140px;
}

.ph-cmpd-atalhos[b-kqr7ttrzxl] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ph-cmpd-atalho[b-kqr7ttrzxl] {
    background: var(--ph-n-0);
    border: 1px solid var(--ph-n-200);
    cursor: pointer;
    font-family: var(--ph-font-sans);
    font-size: 12.5px;
    font-weight: 600;
    height: 36px;
    padding: 0 12px;
}

.ph-cmpd-atalho--on[b-kqr7ttrzxl] {
    background: var(--ph-n-25);
    border: 2px solid var(--ph-brand-ink);
    padding: 0 11px;
}

.ph-cmpd-ate[b-kqr7ttrzxl] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ph-cmpd-ate-v[b-kqr7ttrzxl] {
    align-items: center;
    background: var(--ph-n-25);
    border: 1px solid var(--ph-n-200);
    border-radius: var(--ph-radius-md);
    color: var(--ph-n-800);
    display: flex;
    font-size: 13px;
    height: 38px;
    min-width: 130px;
    padding: 0 12px;
}

.ph-cmpd-nota[b-kqr7ttrzxl] {
    color: var(--ph-n-700);
    font-size: 12px;
    line-height: 1.5;
    margin: 10px 0 0;
}

.ph-cmpd-perms[b-kqr7ttrzxl] {
    border: 1px solid var(--ph-n-200);
    border-radius: var(--ph-radius-lg);
    overflow: hidden;
}

.ph-cmpd-perm[b-kqr7ttrzxl] {
    align-items: flex-start;
    border-bottom: 1px solid var(--ph-n-100);
    display: flex;
    gap: 12px;
    padding: 12px 14px;
}

.ph-cmpd-perms > :last-child[b-kqr7ttrzxl] {
    border-bottom: 0;
}

.ph-cmpd-perm-ic[b-kqr7ttrzxl] {
    color: var(--ph-brand-ink);
    display: flex;
    margin-top: 1px;
}

.ph-cmpd-perm-ic[b-kqr7ttrzxl]  .mud-icon-root {
    height: 16px;
    width: 16px;
}

.ph-cmpd-perm--off .ph-cmpd-perm-ic[b-kqr7ttrzxl],
.ph-cmpd-perm--off label[b-kqr7ttrzxl] {
    color: var(--ph-n-500) !important;
}

.ph-cmpd-perm-txt[b-kqr7ttrzxl] {
    flex: 1;
    min-width: 0;
}

.ph-cmpd-perm-txt label[b-kqr7ttrzxl] {
    align-items: center;
    color: var(--ph-brand-ink);
    cursor: pointer;
    display: flex;
    font-size: 13.5px;
    font-weight: 600;
    gap: 8px;
}

.ph-cmpd-perm-txt > span[b-kqr7ttrzxl] {
    color: var(--ph-n-700);
    display: block;
    font-size: 12.5px;
    margin-top: 1px;
}

.ph-cmpd-mini[b-kqr7ttrzxl] {
    font-size: 10.5px;
    min-height: 20px;
}

.ph-cmpd-arqs[b-kqr7ttrzxl] {
    border: 1px solid var(--ph-n-200);
    border-radius: var(--ph-radius-md);
    margin: 0 14px 12px 45px;
    overflow: hidden;
}

.ph-cmpd-arqs-head[b-kqr7ttrzxl] {
    align-items: center;
    background: var(--ph-n-50);
    border-bottom: 1px solid var(--ph-n-200);
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 8px 12px;
}

.ph-cmpd-arqs-titulo[b-kqr7ttrzxl] {
    color: var(--ph-brand-ink);
    font-size: 12px;
    font-weight: 600;
}

.ph-cmpd-arqs-status[b-kqr7ttrzxl] {
    color: var(--ph-n-700);
    font-size: 12px;
}

.ph-cmpd-arqs-head .ph-cmpd-link[b-kqr7ttrzxl] {
    margin-left: auto;
}

.ph-cmpd-arqs-lista[b-kqr7ttrzxl] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ph-cmpd-arq[b-kqr7ttrzxl] {
    align-items: center;
    background: var(--ph-n-0);
    border-bottom: 1px solid var(--ph-n-100);
    display: flex;
    gap: 10px;
    min-height: 40px;
    padding: 4px 12px;
}

.ph-cmpd-arq:last-child[b-kqr7ttrzxl] {
    border-bottom: 0;
}

.ph-cmpd-arq--on[b-kqr7ttrzxl] {
    background: var(--ph-n-25);
}

.ph-cmpd-arq .ph-cmpd-check[b-kqr7ttrzxl] {
    height: 15px;
    margin: 0;
    width: 15px;
}

.ph-cmpd-arq[b-kqr7ttrzxl]  .mud-icon-root {
    color: var(--ph-brand-ink);
    flex-shrink: 0;
    height: 15px;
    width: 15px;
}

.ph-cmpd-arq-nome[b-kqr7ttrzxl] {
    color: var(--ph-n-800);
    cursor: pointer;
    flex: 1;
    font-size: 13px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.ph-cmpd-arq-meta[b-kqr7ttrzxl] {
    color: var(--ph-n-700);
    font-size: 11.5px;
    white-space: nowrap;
}

.ph-cmpd-abas[b-kqr7ttrzxl] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ph-cmpd-aba[b-kqr7ttrzxl] {
    align-items: center;
    background: var(--ph-n-0);
    border: 1px solid var(--ph-n-200);
    border-radius: var(--ph-radius-md);
    color: var(--ph-n-700);
    cursor: pointer;
    display: inline-flex;
    font-size: 13px;
    font-weight: 500;
    gap: 8px;
    height: 36px;
    padding: 0 14px;
}

.ph-cmpd-aba .ph-cmpd-check[b-kqr7ttrzxl] {
    height: 15px;
    margin: 0;
    width: 15px;
}

.ph-cmpd-aba--on[b-kqr7ttrzxl] {
    background: var(--ph-n-25);
    border: 2px solid var(--ph-brand-ink);
    color: var(--ph-brand-ink);
    font-weight: 600;
    padding: 0 13px;
}

.ph-cmpd-link[b-kqr7ttrzxl] {
    background: transparent;
    border: 0;
    color: var(--ph-brand-ink);
    cursor: pointer;
    font-family: var(--ph-font-sans);
    font-size: 12.5px;
    font-weight: 600;
    min-height: 28px;
    padding: 0 2px;
    text-decoration: underline;
}

.ph-cmpd-link:hover[b-kqr7ttrzxl] {
    text-decoration: none;
}

/* ---------- passo 3: visualização segura ---------- */
.ph-cmpd-vs[b-kqr7ttrzxl] {
    align-items: flex-start;
    border: 1px solid var(--ph-n-200);
    border-radius: var(--ph-radius-lg);
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 14px 16px;
}

.ph-cmpd-vs-main[b-kqr7ttrzxl] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 8px;
    min-width: 260px;
}

.ph-cmpd-vs-linha[b-kqr7ttrzxl] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ph-cmpd-vs-l[b-kqr7ttrzxl] {
    color: var(--ph-brand-ink);
    font-size: 14px;
}

.ph-cmpd-vs-texto[b-kqr7ttrzxl] {
    color: var(--ph-n-700);
    font-size: 12.5px;
    line-height: 1.55;
    margin: 0;
}

.ph-cmpd-vs .ph-cmpd-nota[b-kqr7ttrzxl] {
    color: var(--ph-n-500);
    margin: 0;
}

.ph-cmpd-vs-lock[b-kqr7ttrzxl] {
    color: var(--ph-n-500);
    display: flex;
}

.ph-cmpd-vs-lock[b-kqr7ttrzxl]  .mud-icon-root {
    height: 15px;
    width: 15px;
}

.ph-cmpd-badge-sens[b-kqr7ttrzxl] {
    background: var(--ph-pink-50);
    border-color: var(--ph-sig-sensivel);
    color: var(--ph-sig-sensivel);
}

/* Switch nativo (role="switch"): trilho 40×22 com alvo de 36px pelo padding transparente. */
.ph-cmpd-switch[b-kqr7ttrzxl] {
    background: var(--ph-n-300);
    background-clip: content-box;
    border: 0;
    border-radius: var(--ph-radius-pill);
    box-sizing: content-box;
    cursor: pointer;
    flex-shrink: 0;
    height: 22px;
    padding: 7px 0;
    position: relative;
    width: 40px;
}

.ph-cmpd-switch--on[b-kqr7ttrzxl] {
    background-color: var(--ph-brand-ink);
}

.ph-cmpd-switch[aria-disabled="true"][b-kqr7ttrzxl] {
    cursor: not-allowed;
}

.ph-cmpd-switch-knob[b-kqr7ttrzxl] {
    background: var(--ph-n-0);
    border-radius: 50%;
    box-shadow: 0 1px 2px rgb(var(--ph-brand-ink-rgb) / .25);
    height: 16px;
    left: 3px;
    position: absolute;
    top: 10px;
    transition: left var(--ph-motion-fast) var(--ph-ease-out);
    width: 16px;
}

.ph-cmpd-switch--on .ph-cmpd-switch-knob[b-kqr7ttrzxl] {
    left: 21px;
}

/* Prévia decorativa da camada (faixa + mosaico diagonal) */
.ph-cmpd-previa[b-kqr7ttrzxl] {
    background: var(--ph-n-700);
    border-radius: var(--ph-radius-md);
    flex-shrink: 0;
    height: 150px;
    overflow: hidden;
    position: relative;
    width: 300px;
}

.ph-cmpd-previa-doc[b-kqr7ttrzxl] {
    background: var(--ph-n-0);
    bottom: -10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    left: 24px;
    padding: 18px 16px;
    position: absolute;
    right: 24px;
    top: 30px;
}

.ph-cmpd-previa-l[b-kqr7ttrzxl] {
    background: var(--ph-n-200);
    border-radius: 2px;
    display: block;
    height: 5px;
    width: 90%;
}

.ph-cmpd-previa-l--t[b-kqr7ttrzxl] { background: var(--ph-n-300); height: 6px; width: 50%; }
.ph-cmpd-previa-l--m[b-kqr7ttrzxl] { width: 86%; }
.ph-cmpd-previa-l--c[b-kqr7ttrzxl] { width: 70%; }

.ph-cmpd-previa-mosaico[b-kqr7ttrzxl] {
    align-content: flex-start;
    color: var(--ph-brand-ink);
    display: flex;
    flex-wrap: wrap;
    font-family: var(--ph-font-mono);
    font-size: 7px;
    font-weight: 600;
    gap: 16px 26px;
    height: 220%;
    left: -50%;
    opacity: .14;
    position: absolute;
    top: -60%;
    transform: rotate(-30deg);
    width: 200%;
}

.ph-cmpd-previa-faixa[b-kqr7ttrzxl] {
    align-items: center;
    background: rgb(var(--ph-brand-ink-rgb) / .92);
    color: var(--ph-n-0);
    display: flex;
    font-size: 9.5px;
    gap: 6px;
    height: 24px;
    left: 0;
    overflow: hidden;
    padding: 0 10px;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap;
}

.ph-cmpd-previa-faixa .ph-cmpd-mono[b-kqr7ttrzxl] {
    font-size: 9.5px;
}

/* ---------- passo 4: revisão ---------- */
.ph-cmpd-revisao[b-kqr7ttrzxl] {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.ph-cmpd-revisao-main[b-kqr7ttrzxl] {
    flex: 1;
    min-width: 300px;
}

.ph-cmpd-dl[b-kqr7ttrzxl] {
    border-radius: var(--ph-radius-md);
    margin: 0;
}

.ph-cmpd-dl-linha[b-kqr7ttrzxl] {
    border-bottom: 1px solid var(--ph-n-100);
    display: grid;
    gap: 12px;
    grid-template-columns: 150px minmax(0, 1fr);
    padding: 9px 0;
}

.ph-cmpd-dl dt[b-kqr7ttrzxl] {
    color: var(--ph-n-500);
    font-family: var(--ph-font-mono);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .05em;
    padding-top: 2px;
    text-transform: uppercase;
}

.ph-cmpd-dl dd[b-kqr7ttrzxl] {
    color: var(--ph-n-800);
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
}

.ph-cmpd-forte[b-kqr7ttrzxl] {
    color: var(--ph-brand-ink);
}

.ph-cmpd-sec[b-kqr7ttrzxl] {
    color: var(--ph-n-700);
    display: block;
    font-size: 12.5px;
    margin-top: 2px;
}

.ph-cmpd-editar[b-kqr7ttrzxl] {
    font-size: 12px;
    margin-left: 8px;
}

.ph-cmpd-lgpd[b-kqr7ttrzxl] {
    border: 1px solid transparent;
    border-radius: var(--ph-radius-pill);
    display: inline-flex;
    font-size: 11.5px;
    font-weight: 500;
    line-height: 1.35;
    padding: 2px 8px;
}

.ph-cmpd-lgpd--vs[b-kqr7ttrzxl] { background: var(--ph-info-50); border-color: var(--ph-info-200); color: var(--ph-info-700); }
.ph-cmpd-lgpd--oculta[b-kqr7ttrzxl] { background: var(--ph-pur-50); border-color: var(--ph-pur-200); color: var(--ph-sig-pessoal); }
.ph-cmpd-lgpd--exibe[b-kqr7ttrzxl] { background: var(--ph-warn-50); border-color: var(--ph-warn-200); color: var(--ph-warn-700); }

.ph-cmpd-revisao-lado[b-kqr7ttrzxl] {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: 10px;
    width: 300px;
}

.ph-cmpd-lado-titulo[b-kqr7ttrzxl] {
    color: var(--ph-brand-ink);
    font-family: var(--ph-font-mono);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ph-cmpd-email[b-kqr7ttrzxl] {
    background: var(--ph-n-0);
    border: 1px solid var(--ph-n-200);
    border-radius: var(--ph-radius-lg);
    overflow: hidden;
}

.ph-cmpd-email-topo[b-kqr7ttrzxl] {
    align-items: center;
    background: var(--ph-brand-ink);
    color: var(--ph-n-0);
    display: flex;
    font-size: 10px;
    font-weight: 600;
    justify-content: space-between;
    padding: 8px 10px;
}

.ph-cmpd-email-hub[b-kqr7ttrzxl] {
    color: var(--ph-brand-orange-on-ink);
}

.ph-cmpd-email-tag[b-kqr7ttrzxl] {
    color: var(--ph-n-200);
    font-size: 7.5px;
    letter-spacing: .08em;
}

.ph-cmpd-email-corpo[b-kqr7ttrzxl] {
    color: var(--ph-n-700);
    display: flex;
    flex-direction: column;
    font-size: 8.5px;
    gap: 5px;
    line-height: 1.4;
    padding: 10px 12px;
}

.ph-cmpd-email-corpo > b[b-kqr7ttrzxl] {
    color: var(--ph-n-900);
    font-size: 11px;
    line-height: 1.3;
}

.ph-cmpd-email-obj[b-kqr7ttrzxl] {
    border: 1px solid var(--ph-n-200);
    border-radius: var(--ph-radius-md);
    display: flex;
    flex-direction: column;
    padding: 6px 8px;
}

.ph-cmpd-email-obj .ph-cmpd-mono[b-kqr7ttrzxl] {
    color: var(--ph-n-600);
    font-size: 7.5px;
}

.ph-cmpd-email-obj b[b-kqr7ttrzxl] {
    color: var(--ph-n-900);
    font-size: 9px;
}

.ph-cmpd-email-cta[b-kqr7ttrzxl] {
    align-self: flex-start;
    background: var(--ph-brand-orange-text);
    border-radius: var(--ph-radius-sm);
    color: var(--ph-n-0);
    font-weight: 700;
    padding: 5px 10px;
}

.ph-cmpd-email-aviso[b-kqr7ttrzxl] {
    background: var(--ph-warn-50);
    border: 1px solid var(--ph-warn-200);
    border-radius: var(--ph-radius-sm);
    color: var(--ph-warn-700);
    font-size: 7.5px;
    padding: 5px 6px;
}

/* ---------- rodapé ---------- */
.ph-cmpd-foot[b-kqr7ttrzxl] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}

.ph-cmpd-foot-info[b-kqr7ttrzxl] {
    color: var(--ph-n-700);
    font-size: 12.5px;
}

.ph-cmpd-foot-acoes[b-kqr7ttrzxl] {
    display: flex;
    gap: 8px;
    margin-left: auto;
}

.ph-cmpd-btn[b-kqr7ttrzxl] {
    align-items: center;
    border: 1px solid var(--ph-n-200);
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font-family: var(--ph-font-sans);
    font-size: 13px;
    font-weight: 600;
    gap: 8px;
    height: 38px;
    justify-content: center;
    line-height: 1;
    padding: 0 16px;
    white-space: nowrap;
}

.ph-cmpd-btn.ph-button-secondary[b-kqr7ttrzxl] {
    background: var(--ph-n-0);
}

.ph-cmpd-btn.ph-button-primary[b-kqr7ttrzxl] {
    border-color: var(--ph-brand-ink);
}

.ph-cmpd-btn--texto[b-kqr7ttrzxl] {
    background: transparent;
    border-color: transparent;
    border-radius: var(--ph-radius-md);
    color: var(--ph-brand-ink);
}

.ph-cmpd-btn--texto:hover[b-kqr7ttrzxl] {
    background: var(--ph-n-50);
}

.ph-cmpd-btn:disabled[b-kqr7ttrzxl] {
    cursor: not-allowed;
    opacity: .7;
}

.ph-cmpd-btn[b-kqr7ttrzxl]  .mud-icon-root {
    height: 16px;
    width: 16px;
}

.ph-cmpd-btn[b-kqr7ttrzxl]  .mud-progress-circular {
    color: var(--ph-n-0);
    height: 16px !important;
    width: 16px !important;
}

@media (max-width: 720px) {
    .ph-cmpd-step-l[b-kqr7ttrzxl] {
        display: none;
    }

    .ph-cmpd-step-l--atual[b-kqr7ttrzxl] {
        display: inline;
    }

    .ph-cmpd-revisao-lado[b-kqr7ttrzxl],
    .ph-cmpd-previa[b-kqr7ttrzxl] {
        width: 100%;
    }

    .ph-cmpd-dl-linha[b-kqr7ttrzxl] {
        grid-template-columns: 1fr;
    }
}

/* ---------- T09: modo "Usuário externo" ---------- */
.ph-cmpd-convidado--erro .ph-cmpd-input[b-kqr7ttrzxl] {
    border-color: var(--ph-err-500);
}

.ph-cmpd-vig-opcao--off[b-kqr7ttrzxl] {
    background: var(--ph-n-50);
    cursor: not-allowed;
}

.ph-cmpd-vig-opcao--off b[b-kqr7ttrzxl] {
    color: var(--ph-n-500);
}

.ph-cmpd-arq--off[b-kqr7ttrzxl] {
    background: var(--ph-n-50);
    flex-wrap: wrap;
}

.ph-cmpd-arq--off .ph-cmpd-arq-nome[b-kqr7ttrzxl] {
    color: var(--ph-n-600);
    cursor: not-allowed;
}

.ph-cmpd-arq-motivo[b-kqr7ttrzxl] {
    flex-basis: 100%;
    margin: 0 0 4px 25px;
}

/* T11 — sigilo controlado: aviso do regime ao liberar arquivo sigiloso e alerta do objeto sigiloso no passo 1. */
.ph-cmpd-arq-regime[b-kqr7ttrzxl] {
    margin: 8px 0 0;
}

.ph-cmpd-sigilo[b-kqr7ttrzxl] {
    margin-top: 12px;
}
/* /Shared/Compartilhamento/RenovarCompartilhamentoDialog.razor.rz.scp.css */
/* Estilo EXCLUSIVO de RenovarCompartilhamentoDialog.razor (change compartilhamento-v2, T08).
   Mesma linguagem do passo "Acesso" do assistente (artboard Novo2) com os tokens do DS (--ph-*), sem hex solto.
   O "paper" do diálogo é do MudBlazor (.ph-card-dialog, no DS); ícones (svg do MudIcon) via ::deep. */

/* ---------- cabeçalho ---------- */
.ph-cmpr-header[b-6wlhc07u62] {
    align-items: flex-start;
    display: flex;
    gap: 14px;
    width: 100%;
}

.ph-cmpr-header-ic[b-6wlhc07u62] {
    background: var(--ph-info-50);
    border-radius: var(--ph-radius-md);
    color: var(--ph-info-700);
    display: grid;
    flex-shrink: 0;
    height: 40px;
    place-items: center;
    width: 40px;
}

.ph-cmpr-header-main[b-6wlhc07u62] {
    flex: 1;
    min-width: 0;
}

.ph-cmpr-titulo[b-6wlhc07u62] {
    color: var(--ph-brand-ink);
    font-family: var(--ph-font-sans);
    font-size: 17px;
    font-weight: 600;
    margin: 0;
}

.ph-cmpr-sub[b-6wlhc07u62] {
    color: var(--ph-n-700);
    font-size: 13px;
    margin: 2px 0 0;
}

.ph-cmpr-sub b[b-6wlhc07u62] {
    color: var(--ph-brand-ink);
    font-weight: 600;
}

.ph-cmpr-mono[b-6wlhc07u62] {
    font-family: var(--ph-font-mono);
    font-size: 12px;
}

.ph-cmpr-fechar[b-6wlhc07u62] {
    background: var(--ph-n-0);
    border: 1px solid var(--ph-n-100);
    color: var(--ph-n-700);
    cursor: pointer;
    display: inline-grid;
    flex-shrink: 0;
    height: 36px;
    padding: 0;
    place-items: center;
    width: 36px;
}

.ph-cmpr-fechar[b-6wlhc07u62]  .mud-icon-root {
    height: 18px;
    width: 18px;
}

/* ---------- corpo ---------- */
.ph-cmpr[b-6wlhc07u62] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ph-cmpr-atual[b-6wlhc07u62] {
    background: var(--ph-n-25);
    border: 1px solid var(--ph-n-100);
    border-radius: var(--ph-radius-md);
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0;
    padding: 10px 12px;
}

.ph-cmpr-atual-v[b-6wlhc07u62] {
    color: var(--ph-n-800);
}

.ph-cmpr-fs[b-6wlhc07u62] {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.ph-cmpr-legend[b-6wlhc07u62] {
    color: var(--ph-brand-ink);
    font-size: 13.5px;
    font-weight: 600;
    margin-bottom: 8px;
    padding: 0;
}

.ph-cmpr-vig[b-6wlhc07u62] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ph-cmpr-vig-opcao[b-6wlhc07u62] {
    align-items: center;
    background: var(--ph-n-0);
    border: 1px solid var(--ph-n-200);
    border-radius: var(--ph-radius-md);
    cursor: pointer;
    display: flex;
    gap: 8px;
    min-height: 40px;
    padding: 0 15px;
}

.ph-cmpr-vig-opcao input[b-6wlhc07u62] {
    margin: 0;
}

.ph-cmpr-vig-opcao b[b-6wlhc07u62] {
    color: var(--ph-brand-ink);
    font-size: 13.5px;
}

.ph-cmpr-vig-opcao--on[b-6wlhc07u62] {
    background: var(--ph-n-25);
    border: 2px solid var(--ph-brand-ink);
    padding: 0 14px;
}

.ph-cmpr-vig-opcao--off[b-6wlhc07u62] {
    background: var(--ph-n-50);
    cursor: not-allowed;
}

.ph-cmpr-vig-opcao--off b[b-6wlhc07u62] {
    color: var(--ph-n-600);
}

.ph-cmpr-prazo[b-6wlhc07u62] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 14px;
}

.ph-cmpr-campo[b-6wlhc07u62] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.ph-cmpr-campo--dias[b-6wlhc07u62] {
    flex: 0 0 120px;
}

.ph-cmpr-obrig[b-6wlhc07u62] {
    color: var(--ph-brand-orange-text);
    font-weight: 700;
}

.ph-cmpr-input[b-6wlhc07u62],
.ph-cmpr-textarea[b-6wlhc07u62] {
    background: var(--ph-n-0);
    border: 1px solid var(--ph-n-200);
    border-radius: var(--ph-radius-md);
    box-sizing: border-box;
    color: var(--ph-n-800);
    font-family: var(--ph-font-sans);
    font-size: 13.5px;
    width: 100%;
}

.ph-cmpr-input[b-6wlhc07u62] {
    height: 38px;
    padding: 0 12px;
}

.ph-cmpr-input.ph-cmpr-mono[b-6wlhc07u62] {
    font-family: var(--ph-font-mono);
    font-size: 13px;
}

.ph-cmpr-textarea[b-6wlhc07u62] {
    line-height: 1.5;
    min-height: 72px;
    padding: 9px 12px;
    resize: vertical;
}

.ph-cmpr-input[aria-invalid="true"][b-6wlhc07u62],
.ph-cmpr-textarea[aria-invalid="true"][b-6wlhc07u62] {
    border-color: var(--ph-err-500);
}

.ph-cmpr-atalhos[b-6wlhc07u62] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ph-cmpr-atalho[b-6wlhc07u62] {
    background: var(--ph-n-0);
    border: 1px solid var(--ph-n-200);
    cursor: pointer;
    font-family: var(--ph-font-sans);
    font-size: 12.5px;
    font-weight: 600;
    height: 36px;
    padding: 0 12px;
}

.ph-cmpr-atalho--on[b-6wlhc07u62] {
    background: var(--ph-n-25);
    border: 2px solid var(--ph-brand-ink);
    padding: 0 11px;
}

.ph-cmpr-ate[b-6wlhc07u62] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ph-cmpr-ate-v[b-6wlhc07u62] {
    align-items: center;
    background: var(--ph-ok-50);
    border: 1px solid var(--ph-ok-200);
    border-radius: var(--ph-radius-md);
    color: var(--ph-ok-700);
    display: flex;
    font-size: 13px;
    font-weight: 600;
    height: 38px;
    min-width: 120px;
    padding: 0 12px;
}

.ph-cmpr-nota[b-6wlhc07u62] {
    color: var(--ph-n-700);
    font-size: 12px;
    line-height: 1.5;
    margin: 10px 0 0;
}

.ph-cmpr > .ph-cmpr-nota[b-6wlhc07u62] {
    margin: 0;
}

.ph-cmpr-nota--warn[b-6wlhc07u62] {
    color: var(--ph-warn-700);
    font-weight: 500;
    margin-top: 6px;
}

.ph-cmpr-contador[b-6wlhc07u62] {
    color: var(--ph-n-600);
    font-size: 11.5px;
}

.ph-cmpr-erro-campo[b-6wlhc07u62] {
    color: var(--ph-err-700);
    font-size: 12px;
    font-weight: 500;
    margin: 6px 0 0;
}

.ph-cmpr-alerta[b-6wlhc07u62] {
    margin: 0;
}

.ph-cmpr-recarregar[b-6wlhc07u62] {
    margin-top: 10px;
}

/* ---------- rodapé ---------- */
.ph-cmpr-foot[b-6wlhc07u62] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    width: 100%;
}

.ph-cmpr-btn[b-6wlhc07u62] {
    align-items: center;
    border: 1px solid var(--ph-n-200);
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font-family: var(--ph-font-sans);
    font-size: 13px;
    font-weight: 600;
    gap: 8px;
    height: 38px;
    justify-content: center;
    line-height: 1;
    padding: 0 16px;
    white-space: nowrap;
}

.ph-cmpr-btn.ph-button-secondary[b-6wlhc07u62] {
    background: var(--ph-n-0);
}

.ph-cmpr-btn.ph-button-primary[b-6wlhc07u62] {
    border-color: var(--ph-brand-ink);
}

.ph-cmpr-btn--texto[b-6wlhc07u62] {
    background: transparent;
    border-color: transparent;
    border-radius: var(--ph-radius-md);
    color: var(--ph-brand-ink);
}

.ph-cmpr-btn--texto:hover[b-6wlhc07u62] {
    background: var(--ph-n-50);
}

.ph-cmpr-btn:disabled[b-6wlhc07u62] {
    cursor: not-allowed;
    opacity: .7;
}

.ph-cmpr-btn[b-6wlhc07u62]  .mud-icon-root {
    height: 16px;
    width: 16px;
}

.ph-cmpr-btn[b-6wlhc07u62]  .mud-progress-circular {
    color: var(--ph-n-0);
    height: 16px !important;
    width: 16px !important;
}

.ph-cmpr-input:focus-visible[b-6wlhc07u62],
.ph-cmpr-textarea:focus-visible[b-6wlhc07u62],
.ph-cmpr-vig-opcao input:focus-visible[b-6wlhc07u62],
.ph-cmpr-atalho:focus-visible[b-6wlhc07u62],
.ph-cmpr-btn:focus-visible[b-6wlhc07u62],
.ph-cmpr-fechar:focus-visible[b-6wlhc07u62] {
    box-shadow: var(--ph-shadow-focus);
    outline: 0;
}
/* /Shared/Compartilhamento/TermosCompartilhamentoConteudo.razor.rz.scp.css */
/* compartilhamento-v2 (T10, DP-15): texto dos termos de acesso — usado na página /termos-compartilhamento e na popup
   do convite. Só tokens --ph-* e a escala 4/8/12/16/24 do DS (não há tokens --ph-space-*).
   Causa do "marcador colado na margem": o reset GLOBAL do MudBlazor (MudBlazor.min.css, `*{margin:0;padding:0}`)
   zera o padding-inline-start de ul/ol; com list-style outside o marcador caía dentro do padding de 16px do card,
   encostado na borda. A regra global NÃO é alterada: o recuo é restaurado aqui, só neste componente. */
.ph-termos-comp-conteudo[b-pku6xinv1e] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Medida de leitura ~72ch nos parágrafos e listas (o card chega a 1150px no desktop). */
.ph-card-body p[b-pku6xinv1e],
.ph-card-body ul[b-pku6xinv1e] {
    max-width: 72ch;
}

.ph-card-body ul[b-pku6xinv1e] {
    list-style: disc outside;
    margin: 0 0 12px;
    padding-inline-start: 24px;
}

.ph-card-body ul:last-child[b-pku6xinv1e] {
    margin-bottom: 0;
}

.ph-card-body li[b-pku6xinv1e] {
    line-height: 1.6;
    padding-inline-start: 4px;
}

.ph-card-body li + li[b-pku6xinv1e] {
    margin-top: 8px;
}

.ph-card-body li[b-pku6xinv1e]::marker {
    color: var(--ph-n-600);
}
/* /Shared/Compartilhamento/TermosCompartilhamentoDialog.razor.rz.scp.css */
/* compartilhamento-v2 (T10): popup dos termos de acesso no convite. Só tokens --ph-*. */
.ph-termos-dlg-titulo[b-qkax8t6lsx] {
    color: var(--ph-brand-ink);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;
    margin: 0;
}

.ph-termos-dlg-titulo:focus-visible[b-qkax8t6lsx],
.ph-termos-dlg-rolagem:focus-visible[b-qkax8t6lsx] {
    box-shadow: var(--ph-shadow-focus);
    outline: 0;
}

/* Rolagem interna: o rodapé ("Fechar") fica sempre visível; a região é focável para rolar pelo teclado. */
.ph-termos-dlg-rolagem[b-qkax8t6lsx] {
    border-radius: var(--ph-radius-md);
    max-height: min(60vh, 640px);
    overflow-y: auto;
    padding: 4px;
}

.ph-termos-dlg-lead[b-qkax8t6lsx] {
    color: var(--ph-n-700);
    line-height: 1.6;
    margin: 0 0 16px;
    max-width: 72ch;
}
/* /Shared/Components/BinaryCreator.razor.rz.scp.css */
/* Estilo EXCLUSIVO do criador de binarios (item 5.8 da auditoria de design system, 09/09/2026).

   O componente tinha quatro atributos style= inline, dois deles com HEX CRU fora da paleta:
   #e0e0e0 na moldura e no divisor, e #f9f9f9 no fundo da coluna de campos. Passam a usar os
   tokens do DS. Isso MUDA a cor de proposito — e o objetivo do item: o cinza neutro do hex vira
   o cinza quente da paleta (--ph-n-200 #DCD8CF na borda, --ph-n-25 #FBFAF7 no fundo), que e o
   mesmo de todas as outras superficies do produto. O raio tambem sai de 4px cravado para
   --ph-radius-sm, que vale 4px: aqui nao muda pixel, so passa a acompanhar o token.

   Os alvos sao <div> do proprio componente, entao o escopo alcanca — nada aqui precisa ir ao DS.
   O id containerEditorCriacao foi PRESERVADO: o JS o usa em setIframeSrc (l.139), e ele e
   deliberadamente diferente de containerEditor para o dialogo de criacao nao injetar o editor no
   container da aba Dados. */

.ph-bin-split[b-vb1syg0q9n] {
    border: 1px solid var(--ph-n-200);
    border-radius: var(--ph-radius-sm);
    display: flex;
    flex-direction: row;
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.ph-bin-fields[b-vb1syg0q9n] {
    background-color: var(--ph-n-25);
    border-right: 1px solid var(--ph-n-200);
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 300px;
    overflow-y: auto;
    width: 350px;
}

.ph-bin-editor[b-vb1syg0q9n] {
    background-color: var(--ph-n-0);
    flex: 1;
    height: 100%;
    min-width: 0;
    position: relative;
}

.ph-bin-editor-slot[b-vb1syg0q9n] {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
/* /Shared/Modal/CertificadoDetalheDialog.razor.rz.scp.css */
/* Estilo EXCLUSIVO de CertificadoDetalheDialog.razor.

   Recolhido do bloco <style> que vivia dentro do proprio .razor (item 9.6 da auditoria de design
   system, 07/09/2026). Os valores sao byte a byte os do original: a ordem do dono e que o layout
   nao mude.

   O que esta AQUI veste markup que ESTA tela emite — por isso o escopo alcanca (o compilador
   marca cada elemento proprio com [b-xxxxxxxxxx] e a regra vira ".classe[b-xxxxxxxxxx]").

   O que vestia markup do MudBlazor NAO esta aqui: foi para o preserve-design-system.css. Nao por
   estilo, por necessidade — esse markup e emitido pela lib e nunca recebe a marca, e o ::deep,
   que gera "[b-xxx] .alvo", exige um ancestral marcado que em dialogo nao existe (o conteudo
   renderiza no MudDialogProvider). No <style> original essas regras eram globais; no DS voltam a
   ser. Mesmo alcance de antes. */

.ph-cert-kv[b-5eo5vpke5z] {
border: 1px solid var(--ph-n-200);
border-radius: var(--ph-radius-md);
margin-bottom: 14px;
overflow: hidden;
}

.ph-cert-kv-row[b-5eo5vpke5z] {
display: grid;
gap: 12px;
grid-template-columns: 168px 1fr;
padding: 8px 12px;
}

.ph-cert-kv-row + .ph-cert-kv-row[b-5eo5vpke5z] {
border-top: 1px solid var(--ph-n-100);
}

.ph-cert-kv-k[b-5eo5vpke5z] {
color: var(--ph-n-500);
font-size: 12px;
}

.ph-cert-kv-v[b-5eo5vpke5z] {
color: var(--ph-brand-ink);
font-size: 12.5px;
overflow-wrap: anywhere;
}

.ph-cert-kv-mono[b-5eo5vpke5z] {
font-family: var(--ph-font-mono);
}
/* /Shared/Modal/CertificadoDialog.razor.rz.scp.css */
/* Estilo EXCLUSIVO de CertificadoDialog.razor.

   Recolhido do bloco <style> que vivia dentro do proprio .razor (item 9.6 da auditoria de design
   system, 07/09/2026). Os valores sao byte a byte os do original: a ordem do dono e que o layout
   nao mude.

   O que esta AQUI veste markup que ESTA tela emite — por isso o escopo alcanca (o compilador
   marca cada elemento proprio com [b-xxxxxxxxxx] e a regra vira ".classe[b-xxxxxxxxxx]").

   O que vestia markup do MudBlazor NAO esta aqui: foi para o preserve-design-system.css. Nao por
   estilo, por necessidade — esse markup e emitido pela lib e nunca recebe a marca, e o ::deep,
   que gera "[b-xxx] .alvo", exige um ancestral marcado que em dialogo nao existe (o conteudo
   renderiza no MudDialogProvider). No <style> original essas regras eram globais; no DS voltam a
   ser. Mesmo alcance de antes. */

.ph-cert-drop[b-i09lfo66um] {
align-items: center;
background: var(--ph-n-25);
border: 1.5px dashed var(--ph-n-300);
border-radius: var(--ph-radius-md);
cursor: pointer;
display: flex;
flex-direction: column;
gap: 6px;
padding: 26px 16px;
text-align: center;
transition: border-color .12s, background .12s;
}

.ph-cert-drop:hover[b-i09lfo66um],
.ph-cert-drop:focus-visible[b-i09lfo66um] {
background: var(--ph-brand-orange-soft, var(--ph-n-50));
border-color: var(--ph-brand-orange);
outline: none;
}

.ph-cert-drop strong[b-i09lfo66um] {
color: var(--ph-brand-ink);
font-size: 13.5px;
}

.ph-cert-drop span[b-i09lfo66um] {
color: var(--ph-n-500);
font-size: 12px;
}

.ph-cert-filechip[b-i09lfo66um] {
align-items: center;
background: var(--ph-n-0);
border: 1px solid var(--ph-n-200);
border-radius: var(--ph-radius-md);
display: flex;
gap: 10px;
padding: 10px 12px;
}

.ph-cert-filechip-info[b-i09lfo66um] {
display: flex;
flex-direction: column;
min-width: 0;
}

.ph-cert-filechip-name[b-i09lfo66um] {
color: var(--ph-brand-ink);
font-family: var(--ph-font-mono);
font-size: 12.5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.ph-cert-filechip-meta[b-i09lfo66um] {
color: var(--ph-n-500);
font-size: 11px;
}

.ph-cert-error[b-i09lfo66um] {
background: var(--ph-err-50);
border-color: var(--ph-err-200);
color: var(--ph-err-700);
}
/* /Shared/Modal/ClassificacaoDialog.razor.rz.scp.css */
/* Estilo EXCLUSIVO de ClassificacaoDialog.razor.

   Recolhido do bloco <style> que vivia dentro do proprio .razor (item 9.6 da auditoria de design
   system, 07/09/2026). Os valores sao byte a byte os do original: a ordem do dono e que o layout
   nao mude.

   O que esta AQUI veste markup que ESTA tela emite — por isso o escopo alcanca (o compilador
   marca cada elemento proprio com [b-xxxxxxxxxx] e a regra vira ".classe[b-xxxxxxxxxx]").

   O que vestia markup do MudBlazor NAO esta aqui: foi para o preserve-design-system.css. Nao por
   estilo, por necessidade — esse markup e emitido pela lib e nunca recebe a marca, e o ::deep,
   que gera "[b-xxx] .alvo", exige um ancestral marcado que em dialogo nao existe (o conteudo
   renderiza no MudDialogProvider). No <style> original essas regras eram globais; no DS voltam a
   ser. Mesmo alcance de antes. */

.ph-classif-split[b-chemup3suq] {
display: grid;
gap: 24px;
grid-template-columns: 1fr 1fr;
}

.ph-classif-col[b-chemup3suq] {
display: flex;
flex-direction: column;
gap: 12px;
min-width: 0;
}

.ph-classif-col + .ph-classif-col[b-chemup3suq] {
border-left: 1px solid var(--ph-n-100);
padding-left: 24px;
}

.ph-classif-col-title[b-chemup3suq] {
align-items: center;
color: var(--ph-brand-ink);
display: flex;
font-size: 13px;
font-weight: 600;
gap: 8px;
margin: 0;
}

@media (max-width: 760px) {
.ph-classif-split[b-chemup3suq] {
    grid-template-columns: 1fr;
    }

.ph-classif-col + .ph-classif-col[b-chemup3suq] {
    border-left: 0;
    border-top: 1px solid var(--ph-n-100);
    padding-left: 0;
    padding-top: 18px;
    }
}
/* /Shared/Modal/CredencialDialog.razor.rz.scp.css */
/* Estilo EXCLUSIVO de CredencialDialog.razor.

   Recolhido do bloco <style> que vivia dentro do proprio .razor (item 9.6 da auditoria de design
   system, 07/09/2026). Os valores sao byte a byte os do original: a ordem do dono e que o layout
   nao mude.

   O que esta AQUI veste markup que ESTA tela emite — por isso o escopo alcanca (o compilador
   marca cada elemento proprio com [b-xxxxxxxxxx] e a regra vira ".classe[b-xxxxxxxxxx]").

   O que vestia markup do MudBlazor NAO esta aqui: foi para o preserve-design-system.css. Nao por
   estilo, por necessidade — esse markup e emitido pela lib e nunca recebe a marca, e o ::deep,
   que gera "[b-xxx] .alvo", exige um ancestral marcado que em dialogo nao existe (o conteudo
   renderiza no MudDialogProvider). No <style> original essas regras eram globais; no DS voltam a
   ser. Mesmo alcance de antes. */

.ph-cred-scope-head[b-mcwkvd6f5w] {
align-items: flex-end;
display: flex;
gap: 12px;
justify-content: space-between;
}

.ph-cred-scope-head .ph-section-title[b-mcwkvd6f5w] {
font-size: 14px;
}

.ph-cred-scope-count[b-mcwkvd6f5w] {
color: var(--ph-n-500);
display: block;
font-family: var(--ph-font-mono);
font-size: 11px;
margin-top: 2px;
}

.ph-cred-scope-actions[b-mcwkvd6f5w] {
display: flex;
flex-shrink: 0;
gap: 4px;
}

.ph-cred-scope-desc[b-mcwkvd6f5w] {
color: var(--ph-n-500);
font-size: 12.5px;
line-height: 1.45;
margin: 4px 0 10px;
}

.ph-cred-scope-list[b-mcwkvd6f5w] {
border: 1px solid var(--ph-n-100);
border-radius: var(--ph-radius-md);
display: flex;
flex-direction: column;
max-height: 260px;
overflow-y: auto;
padding: 4px;
}

.ph-cred-scope-item[b-mcwkvd6f5w] {
align-items: flex-start;
border-radius: var(--ph-radius-sm);
display: flex;
gap: 6px;
padding: 6px 8px;
}

.ph-cred-scope-item:hover[b-mcwkvd6f5w] {
background: var(--ph-n-25);
}

.ph-cred-scope-text[b-mcwkvd6f5w] {
display: flex;
flex-direction: column;
gap: 2px;
padding-top: 6px;
}

.ph-cred-scope-name[b-mcwkvd6f5w] {
align-items: center;
color: var(--ph-brand-ink);
display: flex;
flex-wrap: wrap;
font-size: 13px;
font-weight: 600;
gap: 6px;
}

.ph-cred-scope-mod[b-mcwkvd6f5w] {
font-size: 10px;
}

.ph-cred-scope-itemdesc[b-mcwkvd6f5w] {
color: var(--ph-n-500);
font-size: 12px;
line-height: 1.4;
}

.ph-cred-scope-retry[b-mcwkvd6f5w] {
display: flex;
justify-content: center;
margin-top: 10px;
}

.ph-cred-warning[b-mcwkvd6f5w] {
background: var(--ph-err-50);
border-color: var(--ph-err-200);
color: var(--ph-err-700);
}

.ph-cred-field-label[b-mcwkvd6f5w] {
color: var(--ph-brand-ink);
display: block;
font-size: 12px;
font-weight: 600;
margin-bottom: 6px;
}

.ph-cred-reveal[b-mcwkvd6f5w] {
align-items: stretch;
display: flex;
gap: 8px;
}

.ph-cred-reveal-value[b-mcwkvd6f5w] {
background: var(--ph-n-25);
border: 1px solid var(--ph-n-200);
border-radius: var(--ph-radius-md);
color: var(--ph-brand-ink);
flex: 1 1 auto;
font-family: var(--ph-font-mono);
font-size: 13px;
min-width: 0;
padding: 10px 12px;
}

.ph-cred-reveal-value:focus[b-mcwkvd6f5w] {
border-color: var(--ph-brand-orange);
outline: 2px solid var(--ph-brand-orange);
outline-offset: 1px;
}

.ph-cred-summary[b-mcwkvd6f5w] {
border: 1px solid var(--ph-n-100);
border-radius: var(--ph-radius-md);
margin-top: 16px;
padding: 4px 14px;
}

.ph-cred-summary--edit[b-mcwkvd6f5w] {
margin: 0 0 12px;
}

.ph-cred-summary-row[b-mcwkvd6f5w] {
align-items: baseline;
border-bottom: 1px solid var(--ph-n-100);
display: flex;
gap: 12px;
justify-content: space-between;
padding: 8px 0;
}

.ph-cred-summary-row:last-child[b-mcwkvd6f5w] {
border-bottom: none;
}

.ph-cred-summary-k[b-mcwkvd6f5w] {
color: var(--ph-n-500);
font-size: 11px;
font-weight: 600;
letter-spacing: .06em;
text-transform: uppercase;
}

.ph-cred-summary-v[b-mcwkvd6f5w] {
color: var(--ph-brand-ink);
font-size: 13px;
text-align: right;
}

.ph-cred-email-confirm[b-mcwkvd6f5w] {
align-items: center;
display: flex;
flex-direction: column;
gap: 12px;
padding: 12px 8px 4px;
text-align: center;
}

.ph-cred-email-icon[b-mcwkvd6f5w] {
flex: 0 0 56px;
height: 56px;
width: 56px;
}
/* /Shared/Modal/MetadadoFormDialog.razor.rz.scp.css */
/* Estilo EXCLUSIVO de MetadadoFormDialog.razor.

   Recolhido do bloco <style> que vivia dentro do proprio .razor (item 9.6 da auditoria de design
   system, 07/09/2026). Os valores sao byte a byte os do original: a ordem do dono e que o layout
   nao mude.

   O que esta AQUI veste markup que ESTA tela emite — por isso o escopo alcanca (o compilador
   marca cada elemento proprio com [b-xxxxxxxxxx] e a regra vira ".classe[b-xxxxxxxxxx]").

   O que vestia markup do MudBlazor NAO esta aqui: foi para o preserve-design-system.css. Nao por
   estilo, por necessidade — esse markup e emitido pela lib e nunca recebe a marca, e o ::deep,
   que gera "[b-xxx] .alvo", exige um ancestral marcado que em dialogo nao existe (o conteudo
   renderiza no MudDialogProvider). No <style> original essas regras eram globais; no DS voltam a
   ser. Mesmo alcance de antes. */

.ph-meta-split[b-yf9r2j79q1] {
display: grid;
gap: 24px;
grid-template-columns: 1fr 1fr;
}

.ph-meta-col[b-yf9r2j79q1] {
display: flex;
flex-direction: column;
gap: 12px;
min-width: 0;
}

.ph-meta-col + .ph-meta-col[b-yf9r2j79q1] {
border-left: 1px solid var(--ph-n-100);
padding-left: 24px;
}

.ph-meta-col-title[b-yf9r2j79q1] {
align-items: center;
color: var(--ph-brand-ink);
display: flex;
font-size: 13px;
font-weight: 600;
gap: 8px;
margin: 0;
}

.ph-meta-col-badge[b-yf9r2j79q1] {
margin-left: auto;
}

.ph-meta-toggle-list[b-yf9r2j79q1] {
display: flex;
flex-direction: column;
gap: 4px;
}

.ph-meta-toggle-row[b-yf9r2j79q1] {
align-items: center;
border-radius: 8px;
cursor: pointer;
display: flex;
gap: 12px;
padding: 4px 6px 4px 0;
transition: background-color .15s ease;
}

.ph-meta-toggle-row:hover[b-yf9r2j79q1] {
background-color: var(--ph-n-50);
}

.ph-meta-toggle-text[b-yf9r2j79q1] {
align-items: center;
color: var(--ph-brand-ink);
display: flex;
font-size: 13px;
gap: 8px;
}

.ph-meta-toggle-tag[b-yf9r2j79q1] {
background: var(--ph-n-100);
border-radius: 999px;
color: var(--ph-n-700);
font-size: 10px;
font-weight: 600;
letter-spacing: .04em;
padding: 2px 8px;
text-transform: uppercase;
}

.ph-meta-notice[b-yf9r2j79q1] {
align-items: flex-start;
background: var(--ph-info-50);
border: 1px solid var(--ph-info-200);
border-radius: 8px;
color: var(--ph-info-700);
display: flex;
font-size: 12px;
gap: 8px;
line-height: 1.5;
margin-top: 8px;
padding: 10px 12px;
}

@media (max-width: 760px) {
.ph-meta-split[b-yf9r2j79q1] {
    grid-template-columns: 1fr;
    }

.ph-meta-col + .ph-meta-col[b-yf9r2j79q1] {
    border-left: 0;
    border-top: 1px solid var(--ph-n-100);
    padding-left: 0;
    padding-top: 18px;
    }
}
/* /Shared/Modal/TipoDocumentalDialog.razor.rz.scp.css */
/* Estilo EXCLUSIVO de TipoDocumentalDialog.razor.

   Recolhido do bloco <style> que vivia dentro do proprio .razor (item 9.6 da auditoria de design
   system, 07/09/2026). Os valores sao byte a byte os do original: a ordem do dono e que o layout
   nao mude.

   O que esta AQUI veste markup que ESTA tela emite — por isso o escopo alcanca (o compilador
   marca cada elemento proprio com [b-xxxxxxxxxx] e a regra vira ".classe[b-xxxxxxxxxx]").

   O que vestia markup do MudBlazor NAO esta aqui: foi para o preserve-design-system.css. Nao por
   estilo, por necessidade — esse markup e emitido pela lib e nunca recebe a marca, e o ::deep,
   que gera "[b-xxx] .alvo", exige um ancestral marcado que em dialogo nao existe (o conteudo
   renderiza no MudDialogProvider). No <style> original essas regras eram globais; no DS voltam a
   ser. Mesmo alcance de antes. */

.ph-tipo-split[b-wl0aw52jym] {
display: grid;
gap: 24px;
grid-template-columns: 1fr 1fr;
}

.ph-tipo-col[b-wl0aw52jym] {
display: flex;
flex-direction: column;
gap: 12px;
min-width: 0;
}

.ph-tipo-col + .ph-tipo-col[b-wl0aw52jym] {
border-left: 1px solid var(--ph-n-100);
padding-left: 24px;
}

.ph-tipo-col-title[b-wl0aw52jym] {
align-items: center;
color: var(--ph-brand-ink);
display: flex;
font-size: 13px;
font-weight: 600;
gap: 8px;
margin: 0;
}

.ph-tipo-col-badge[b-wl0aw52jym] {
margin-left: auto;
}

@media (max-width: 760px) {
.ph-tipo-split[b-wl0aw52jym] {
    grid-template-columns: 1fr;
    }

.ph-tipo-col + .ph-tipo-col[b-wl0aw52jym] {
    border-left: 0;
    border-top: 1px solid var(--ph-n-100);
    padding-left: 0;
    padding-top: 18px;
    }
}
/* /Shared/Modal/TwoFactorDialog.razor.rz.scp.css */
/* Estilo EXCLUSIVO de TwoFactorDialog.razor.

   Recolhido do bloco <style> que vivia dentro do proprio .razor (item 9.6 da auditoria de design
   system, 07/09/2026). Os valores sao byte a byte os do original: a ordem do dono e que o layout
   nao mude.

   O que esta AQUI veste markup que ESTA tela emite — por isso o escopo alcanca (o compilador
   marca cada elemento proprio com [b-xxxxxxxxxx] e a regra vira ".classe[b-xxxxxxxxxx]").

   O que vestia markup do MudBlazor NAO esta aqui: foi para o preserve-design-system.css. Nao por
   estilo, por necessidade — esse markup e emitido pela lib e nunca recebe a marca, e o ::deep,
   que gera "[b-xxx] .alvo", exige um ancestral marcado que em dialogo nao existe (o conteudo
   renderiza no MudDialogProvider). No <style> original essas regras eram globais; no DS voltam a
   ser. Mesmo alcance de antes. */

.ph-2fa-warning[b-kkovk3hbj3] {
background: var(--ph-err-50);
border-color: var(--ph-err-200);
color: var(--ph-err-700);
}

.ph-2fa-alert-heading[b-kkovk3hbj3] {
display: block;
font-weight: 600;
margin-bottom: 2px;
}

.ph-2fa-alert-text[b-kkovk3hbj3] {
display: block;
}

.ph-2fa-foot-note[b-kkovk3hbj3] {
align-items: center;
color: var(--ph-n-500);
display: inline-flex;
font-family: var(--ph-font-mono);
font-size: 11px;
gap: 7px;
margin-right: auto;
}

.ph-2fa-field-label[b-kkovk3hbj3] {
color: var(--ph-brand-ink);
display: block;
font-size: 12px;
font-weight: 600;
margin-bottom: 6px;
}

.ph-2fa-field-label--center[b-kkovk3hbj3] {
margin-top: 10px;
text-align: center;
}

.ph-2fa-reveal[b-kkovk3hbj3] {
align-items: stretch;
display: flex;
gap: 8px;
}

.ph-2fa-reveal-value[b-kkovk3hbj3] {
background: var(--ph-n-25);
border: 1px solid var(--ph-n-200);
border-radius: var(--ph-radius-md);
color: var(--ph-brand-ink);
flex: 1 1 auto;
font-family: var(--ph-font-mono);
font-size: 13px;
letter-spacing: .06em;
min-width: 0;
padding: 10px 12px;
}

.ph-2fa-reveal-value:focus[b-kkovk3hbj3] {
border-color: var(--ph-brand-orange);
outline: 2px solid var(--ph-brand-orange);
outline-offset: 1px;
}

.ph-2fa-setup[b-kkovk3hbj3] {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 18px;
margin: 12px 0 8px;
}

.ph-2fa-qr[b-kkovk3hbj3] {
background: var(--ph-n-0);
border: 1px solid var(--ph-n-200);
border-radius: var(--ph-radius-md);
flex: 0 0 auto;
height: 168px;
margin: 0;
padding: 8px;
width: 168px;
}

.ph-2fa-secret-block[b-kkovk3hbj3] {
flex: 1 1 220px;
min-width: 220px;
}

.ph-2fa-resend[b-kkovk3hbj3] {
margin-top: 6px;
text-align: center;
}

.ph-2fa-setup-footnote[b-kkovk3hbj3] {
align-items: center;
color: var(--ph-n-500);
display: flex;
gap: 6px;
margin-top: 14px;
}

.ph-2fa-codes[b-kkovk3hbj3] {
display: grid;
gap: 8px;
grid-template-columns: repeat(2, minmax(0, 1fr));
margin: 14px 0 10px;
}

.ph-2fa-code[b-kkovk3hbj3] {
background: var(--ph-n-25);
border: 1px solid var(--ph-n-200);
border-radius: var(--ph-radius-sm);
color: var(--ph-brand-ink);
font-family: var(--ph-font-mono);
font-size: 15px;
letter-spacing: .08em;
padding: 10px 12px;
text-align: center;
}

.ph-2fa-codes-actions[b-kkovk3hbj3] {
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: flex-end;
}

.ph-2fa-stepper[b-kkovk3hbj3] {
display: flex;
gap: 8px;
margin-bottom: 18px;
}

.ph-2fa-step[b-kkovk3hbj3] {
align-items: center;
border-bottom: 2.5px solid var(--ph-n-100);
color: var(--ph-n-400);
display: flex;
flex: 1;
font-size: 12px;
font-weight: 600;
gap: 8px;
padding-bottom: 9px;
}

.ph-2fa-step-n[b-kkovk3hbj3] {
align-items: center;
background: var(--ph-n-100);
border-radius: 50%;
color: var(--ph-n-500);
display: grid;
font-family: var(--ph-font-mono);
font-size: 10.5px;
height: 20px;
place-items: center;
width: 20px;
}

.ph-2fa-step--on[b-kkovk3hbj3] {
border-bottom-color: var(--ph-brand-orange);
color: var(--ph-brand-orange);
}

.ph-2fa-step--on .ph-2fa-step-n[b-kkovk3hbj3] {
background: var(--ph-brand-orange);
color: var(--ph-n-0);
}

.ph-2fa-step--done[b-kkovk3hbj3] {
border-bottom-color: var(--ph-ok-500);
color: var(--ph-ok-700);
}

.ph-2fa-step--done .ph-2fa-step-n[b-kkovk3hbj3] {
background: var(--ph-ok-500);
color: var(--ph-n-0);
}