.aplicacao { display: grid; grid-template-columns: var(--sidebar-width) minmax(0, 1fr); min-height: 100dvh; }
.barra-lateral { position: sticky; top: 0; display: flex; flex-direction: column; height: 100dvh; padding: 32px 16px 24px; overflow-y: auto; background: var(--sidebar); color: var(--brand-ink-on-black); }
.barra-lateral__topo { padding: 0 8px; }
.marca { display: inline-flex; align-items: center; gap: 16px; color: inherit; text-decoration: none; }
.marca__logo { display: block; flex-shrink: 0; width: auto; height: 28px; object-fit: contain; }
.marca__nome { font-size: 14px; font-weight: 600; }
.barra-lateral__escopo { margin-top: 8px; color: var(--brand-muted-on-black); font-size: var(--fs-small); }
.navegacao { display: grid; gap: 24px; margin-top: 32px; }
.navegacao__grupo { display: grid; gap: 2px; }
.navegacao__rotulo { margin: 0 8px 8px; color: var(--brand-muted-on-black); font-size: var(--fs-small); font-weight: 400; }
.navegacao__link { display: flex; align-items: center; gap: 9px; min-height: 40px; padding: 8px 10px; border: 0; color: var(--brand-ink-on-black); font-size: 13px; text-decoration: none; }
.navegacao__link:hover { background: var(--brand-active); }
.navegacao__link--ativo, .navegacao__link--ativo:hover { background: var(--brand-green); color: var(--brand-black); font-weight: 700; }
.navegacao__contador { flex-shrink: 0; min-width: 24px; margin-left: auto; padding: 0 6px; background: var(--brand-ink-on-black); color: var(--brand-black); font-size: var(--fs-small); font-weight: 600; line-height: 20px; }
.barra-lateral__rodape { display: grid; gap: 8px; margin-top: auto; padding: 24px 8px 0; }
.barra-lateral__conta { display: flex; align-items: center; gap: 8px; min-width: 0; padding-top: 16px; border-top: 1px solid var(--brand-rule); text-decoration: none; }
.barra-lateral__conta .inicial { background: var(--accent); color: var(--surface); }
.barra-lateral__usuario { display: block; font-size: 13px; font-weight: 500; overflow-wrap: anywhere; }
.barra-lateral__papel { display: block; color: var(--brand-muted-on-black); font-size: var(--fs-small); }
.barra-lateral__sair { margin: 0; }
.barra-lateral__sair .botao { margin-left: 36px; padding-left: 0; font-size: var(--fs-small); }
.barra-lateral .botao--texto, .barra-movel .botao--texto { color: var(--brand-ink-on-black); }
.barra-lateral .estado__mensagem { color: var(--brand-muted-on-black); }
.barra-movel, .barra-lateral__fechar { display: none; }
.conteudo { min-width: 0; padding: 24px var(--pad) var(--pad); }
.cabecalho-pagina { margin-bottom: 24px; }
.achado { margin-top: 8px; color: var(--muted); font-size: var(--fs-body); }
.autenticacao { min-height: 100dvh; display: grid; place-items: center; border-top: 8px solid var(--brand-black); }
.conteudo--autenticacao { width: 100%; max-width: 408px; padding: 32px 24px; }
.marca--autenticacao { margin-bottom: 24px; }
.marca--autenticacao .marca__logo { height: 36px; }
.conteudo--autenticacao .painel--estreito { width: 360px; max-width: 100%; padding: 24px; }
.conteudo--autenticacao input:not([type="hidden"]) { min-height: 40px; }
.conteudo--autenticacao .botao--primario { min-height: 40px; }
.caixa__layout { display: grid; grid-template-columns: var(--inbox-width) minmax(0, 1fr); gap: var(--gap); height: calc(100dvh - 186px); min-height: 480px; }
.caixa__lista { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 0; border: 1px solid var(--border); background: var(--surface); }
.caixa__filtros { padding: 0 16px; }
.caixa__filtros .abas { justify-content: space-between; gap: 8px; }
.caixa__filtros .abas__contador { min-width: 20px; padding: 0 4px; background: var(--raised); color: var(--muted); line-height: 20px; }
.caixa__busca { padding-top: 16px; }
.caixa__busca label { color: var(--muted); font-size: var(--fs-small); }
.caixa__busca input { width: 100%; }
.caixa__campo-busca { display: flex; gap: 8px; }
.caixa__buscar { flex-shrink: 0; }
.caixa__contagem { padding: 12px 0; color: var(--faint); font-size: var(--fs-small); }
.caixa__resultados { flex: 1; min-height: 0; padding: 4px; overflow-y: auto; }
.caixa__resultados > .sr-only:focus { position: static; width: auto; height: auto; margin: 8px 16px; overflow: visible; clip-path: none; white-space: normal; font-size: var(--fs-small); }
.caixa__atalhos { padding: 10px 16px; border-top: 1px solid var(--rule); color: var(--faint); font-size: var(--fs-small); }
.caixa__atalhos kbd { font: inherit; font-size: 11px; color: var(--muted); }
.caixa__atalhos > span { margin-inline: 6px; }
.lista-emails { min-height: 0; margin: 0; padding: 0; list-style: none; }
.lista-emails > li { border-top: 1px solid var(--rule); }
.email-linha { position: relative; display: grid; align-content: center; gap: 5px; min-height: 72px; padding: 12px 16px; color: var(--text); text-decoration: none; }
.email-linha:hover { background: var(--raised); }
.email-linha--selecionada, .email-linha[aria-current="true"] { background: var(--active); }
.email-linha--selecionada::before, .email-linha[aria-current="true"]::before { position: absolute; content: ""; inset: 0 auto 0 0; width: 3px; background: var(--accent); }
.email-linha:focus-visible { z-index: 1; outline-offset: 2px; }
.email-linha__topo { display: flex; align-items: center; gap: 8px; min-width: 0; }
.email-linha__remetente { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 400; }
.email-linha--nova .email-linha__remetente { font-weight: 600; }
.email-linha__hora { flex-shrink: 0; color: var(--muted); font-size: var(--fs-small); text-align: right; }
.email-linha__ponto { display: inline-block; width: 6px; height: 6px; flex: 0 0 6px; background: var(--accent); }
.email-linha__assunto { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); font-size: 13px; }
.email-linha__resumo { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); align-items: baseline; gap: 12px; }
.email-linha__resumo > :last-child { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: right; }
.email-linha__orgao { color: var(--muted); font-size: var(--fs-small); }
.email-linha__sem-vinculo { color: var(--pill-warning-ink); font-size: var(--fs-small); }
.email-linha__topo .email-linha__sem-vinculo { flex-shrink: 0; white-space: nowrap; }
.email-linha__assunto:only-child { grid-column: 1 / -1; }
.email-aberto { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) var(--agency-width); gap: var(--gap); min-width: 0; min-height: 0; align-items: stretch; }
.email-aberto__principal { min-width: 0; height: 100%; max-height: 100%; overflow-y: auto; border: 1px solid var(--border); background: var(--surface); scrollbar-gutter: stable; }
.email-aberto > .estado { grid-column: 1 / -1; align-self: stretch; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; border: 1px solid var(--border); background: var(--surface); }
.email-aberto > .erro-requisicao { grid-column: 1 / -1; }
.vinculo { position: relative; min-width: 0; padding: var(--card-pad); background: var(--raised); border-bottom: 1px solid var(--border); }
.vinculo__titulo { margin-bottom: 8px; font-size: var(--fs-section); font-weight: 600; overflow-wrap: anywhere; }
.vinculo__texto { margin-bottom: 16px; color: var(--muted); font-size: 13px; overflow-wrap: anywhere; }
.vinculo__formulario { display: flex; flex-direction: column; gap: 16px; }
.vinculo__acoes { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.vinculo__acoes form { margin: 0; }
.vinculo select { width: 100%; }
.vinculo label { font-size: 13px; }
.vinculo__salvar { display: flex; align-items: flex-start; gap: 8px; overflow-wrap: anywhere; }
.vinculo__resultados { display: grid; gap: 0; padding: 0; margin-top: 16px; list-style: none; }
.vinculo__resultados { min-width: 0; border: 0; }
.vinculo__resultados legend { padding: 0 0 8px; color: var(--muted); font-size: var(--fs-small); }
.vinculo__resultado { padding: 12px 0; border-top: 1px solid var(--border); }
.vinculo__resultado { display: flex; align-items: flex-start; gap: 8px; }
.vinculo__resultado .texto-secundario { display: block; }
.vinculo__deixar, .vinculo__outras { margin-top: 16px; }
.vinculo__outras ul { margin-block: 12px; padding-left: 16px; font-size: 13px; }
.vinculo__motivos .vinculo__texto { margin-bottom: 8px; }
.vinculo__formulario + .vinculo__acoes { margin-top: 8px; }
.vinculo__busca + .vinculo__formulario { margin-top: 16px; }
.vinculo__resultado label { display: flex; align-items: flex-start; gap: 8px; }
.vinculo__resultado small { display: block; color: var(--muted); }
.email-mensagem { padding: var(--card-pad); overflow-wrap: anywhere; }
.email-mensagem__cabecalho { padding-bottom: 20px; border-bottom: 1px solid var(--rule); }
.email-mensagem__cabecalho h2 { margin-bottom: 16px; font-size: 18px; font-weight: 600; line-height: 1.35; }
.email-mensagem__remetente { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.email-mensagem__identidade { min-width: 0; }
.email-mensagem__identidade strong, .email-mensagem__identidade .texto-secundario { display: block; }
.email-mensagem__metadados { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 6px 8px; margin-top: 12px; font-size: var(--fs-small); }
.email-mensagem__metadados dt { color: var(--faint); }
.email-mensagem__metadados dd { margin: 0; min-width: 0; }
.email-mensagem__corpo { padding-block: 24px; line-height: 1.7; overflow-wrap: anywhere; }
.email-mensagem__texto { white-space: pre-wrap; }
.email-mensagem__html { display: block; min-height: 360px; margin-block: 24px; }
.email-mensagem__corpo .email-mensagem__html { margin: 0; }
.email-aberto__voltar { display: none; }
.email-mensagem__encaminhamento { margin-block: 16px; padding: 12px; border: 1px solid var(--rule); font-size: var(--fs-small); }
.responder.cartao { margin-block: 16px; padding: 14px; border: 1px solid var(--control); background: var(--accent-soft); }
.responder > h3 { margin-bottom: 12px; }
.responder__dados { margin-bottom: 16px; }
.responder__formulario textarea { width: 100%; }
.email-mensagem__encaminhamento pre { margin-top: 12px; }
.email-mensagem__anexos { margin-top: 20px; }
.email-mensagem__anexos h3 { margin-bottom: 12px; }
.anexos { padding: 0; list-style: none; }
.anexo { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; align-items: center; padding-block: 12px; border-top: 1px solid var(--rule); }
.anexo__nome { min-width: 0; overflow-wrap: anywhere; font-size: 13px; }
.anexo__tamanho { color: var(--faint); font-size: var(--fs-small); text-align: right; }
.anexo__tipo { color: var(--faint); font-size: var(--fs-small); }
.email-anexos { margin-top: 20px; }
.email-anexos__titulo { margin-bottom: 12px; }
.email-anexos__lista { padding: 0; list-style: none; }
.email-anexos__item { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 10px; align-items: baseline; padding-block: 12px; border-top: 1px solid var(--rule); font-size: var(--fs-small); }
.email-anexos__nome { overflow-wrap: anywhere; }
.email-anexos__tamanho { color: var(--muted); white-space: nowrap; }
.cartao-orgao { position: relative; align-self: start; min-width: 0; max-height: 100%; overflow-y: auto; padding: var(--card-pad); border: 1px solid var(--border); background: var(--surface); }
.cartao-orgao > h2 { margin-bottom: 16px; }
.cartao-orgao__identidade { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 16px; }
.cartao-orgao__identidade .inicial { flex-basis: 32px; width: 32px; height: 32px; background: var(--brand-black); color: var(--surface); }
.cartao-orgao__identidade h3 { overflow-wrap: anywhere; }
.cartao-orgao__identidade p { margin-top: 4px; font-size: var(--fs-small); color: var(--muted); }
.cartao-orgao__dados { display: grid; gap: 12px; font-size: 13px; }
.cartao-orgao__dados > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.cartao-orgao__resumo { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--rule); }
.cartao-orgao__abrir { width: 100%; margin-top: 24px; }
.cartao-orgao__dados dt { color: var(--muted); }
.cartao-orgao__dados dd { min-width: 0; max-width: 145px; margin: 0; text-align: right; overflow-wrap: anywhere; }
.cartao-orgao__acoes { margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--rule); }
.cartao-orgao__acoes .botao { width: 100%; }
.cartao-orgao .estado { padding: 0; }

@media (min-width: 1200px) and (max-width: 1599px) {
  .caixa__layout { --inbox-width: 330px; --agency-width: 224px; }
  .cartao-orgao__dados > div { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .cartao-orgao__dados dd { max-width: none; }
}
@media (max-width: 1199px) {
  .email-aberto { grid-template-columns: minmax(0, 1fr); overflow-y: auto; }
  .email-aberto__principal { height: auto; max-height: none; overflow: visible; }
  .cartao-orgao { max-height: none; }
}
@media (max-width: 767px) {
  .aplicacao { grid-template-columns: minmax(0, 1fr); }
  .barra-movel { position: sticky; top: 0; z-index: 5; display: flex; align-items: center; gap: 16px; height: 48px; padding: 0 16px; background: var(--sidebar); color: var(--brand-ink-on-black); }
  .barra-movel__titulo { min-width: 0; margin-left: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-small); color: var(--brand-muted-on-black); }
  .barra-movel .marca, .barra-movel__menu { flex-shrink: 0; }
  .barra-lateral { display: none; }
  .menu-aberto { overflow: hidden; }
  .menu-aberto .barra-lateral { position: fixed; inset: 0; z-index: 10; display: flex; width: 100%; height: 100dvh; padding: 24px; overflow-y: auto; }
  .barra-lateral__fechar { display: inline-flex; position: absolute; right: 24px; top: 24px; }
  .conteudo { padding: 24px 16px; }
  .caixa__layout { grid-template-columns: 320px minmax(0, 1fr); height: calc(100dvh - 176px); }
}
@media (max-width: 640px) {
  .caixa__layout { display: flex; flex-direction: column; height: auto; min-height: 0; }
  .caixa__lista { min-height: 400px; max-height: 65dvh; }
  .email-aberto { display: flex; flex-direction: column; overflow: visible; }
  .email-aberto__principal, .cartao-orgao { width: 100%; }
  .email-aberto__voltar { display: inline-flex; margin: 8px 16px; }
  .email-aberto > .estado { width: 100%; min-height: 220px; }
  .cabecalho-pagina { margin-bottom: 20px; }
  .abas { gap: 20px; }
}

/* Rodada 2: órgãos, pedidos e ocorrências. */
.orgao-cabecalho { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 16px 24px; }
.orgao-cabecalho > .acoes { grid-column: 1; }
.orgao-sinais { grid-column: 2; grid-row: 1 / 3; display: flex; align-self: center; gap: 24px; }
.orgao-sinais > div { display: flex; flex-direction: column; justify-content: flex-end; gap: 8px; min-width: 96px; max-width: 200px; padding-left: 16px; border-left: 1px solid var(--control); }
.orgao-sinais dt { color: var(--muted); font-size: var(--fs-small); text-align: right; }
.orgao-sinais dd { order: -1; margin: 0; font-size: var(--fs-kpi); font-weight: 600; line-height: 1.25; font-variant-numeric: tabular-nums; }
.contagens-orgaos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 24px; }
.contagens-orgaos__cartao { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px; height: 61px; padding: 10px 16px; background: var(--surface); border: 1px solid var(--border); text-decoration: none; }
.contagens-orgaos__cartao:hover { background: var(--raised); }
.contagens-orgaos__cartao[aria-current="page"] { border-color: var(--accent); background: var(--accent-soft); }
.contagens-orgaos__rotulo { color: var(--muted); font-size: 13px; }
.contagens-orgaos__valor { font-size: 16px; font-weight: 600; }
.orgaos-busca { width: min(100%, 520px); gap: 8px; margin-bottom: 24px; }
.orgaos-busca > label { color: var(--muted); font-size: var(--fs-small); }
.orgaos-busca__campo { display: flex; gap: 8px; }
.orgaos-busca__campo input { width: 100%; }
.orgaos-resultados { position: relative; background: var(--surface); border: 1px solid var(--border); }
.orgaos-resultados__cabecalho { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 16px; border-bottom: 1px solid var(--rule); }
.orgaos-resultados__cabecalho p { text-align: right; }
.orgaos-resultados__limite { padding: 12px 20px; }
.tabela-orgaos th:first-child { width: 40%; }
.tabela-orgaos th:nth-child(2) { width: 18%; }
.tabela-orgaos td { padding-block: 7px; vertical-align: middle; }
.tabela-orgaos td.numero { white-space: nowrap; }
.tabela-orgaos td:last-child { white-space: normal; min-width: 130px; }
.orgao-identidade { display: flex; align-items: center; gap: 10px; font-weight: 600; text-decoration: none; }
.orgao-identidade > span:last-child { min-width: 0; overflow-wrap: anywhere; }
.orgao-identidade:hover > span:last-child { text-decoration: underline; }
.orgao-ficha { display: grid; grid-template-columns: 300px minmax(0, 1fr); align-items: start; gap: var(--gap); }
.orgao-resumo { display: grid; gap: var(--gap); min-width: 0; }
.orgao-resumo .estado { padding-inline: 0; }
.orgao-resumo__cnpj input { background: var(--raised); border-color: var(--border); font-size: 13px; }
.orgao-resumo__abrir { width: 100%; }
.orgao-contatos__rotulo { color: var(--muted); font-size: var(--fs-small); font-weight: 400; }
.orgao-contatos__lista { margin: 0; padding: 0; list-style: none; }
.orgao-contato { padding-block: 14px; border-bottom: 1px solid var(--rule); }
.orgao-contato__identidade { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 8px; }
.orgao-contato__identidade > div { min-width: 0; overflow-wrap: anywhere; }
.orgao-contato__identidade h3 { font-size: 13px; }
.orgao-contato__canal { display: block; margin-top: 4px; color: var(--muted); font-size: var(--fs-small); overflow-wrap: anywhere; }
.orgao-contatos__mais { margin-top: 10px; font-size: var(--fs-small); }
.orgao-ficha__principal { position: relative; min-width: 0; background: var(--surface); border: 1px solid var(--border); }
.orgao-abas { gap: 16px; padding-inline: 16px; overflow-x: auto; }
.orgao-abas .abas__item { font-size: 14px; }
.orgao-abas .abas__contador:empty { display: none; }
.orgao-ficha__painel { position: relative; min-height: 420px; }
.orgao-aba { position: relative; min-width: 0; padding: 16px; }
.orgao-aba > * + * { margin-top: 16px; }
.orgao-aba > .indicador { margin: 0; }
.orgao-aba > .estado { padding-inline: 0; }
.orgao-aba .email-linha__assunto:only-child { text-align: left; }
.orgao-aba__cabecalho { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.orgao-aba__cabecalho > :last-child:not(:first-child) { color: var(--muted); font-size: var(--fs-small); text-align: right; }
.linha-do-tempo__lista { --timeline-gap: 16px; list-style: none; padding: 0; }
.linha-do-tempo__item { position: relative; display: grid; grid-template-columns: 96px 10px minmax(0, 1fr); align-items: start; gap: var(--timeline-gap); padding-block: 16px; border-top: 1px solid var(--rule); }
.linha-do-tempo__item::before { content: ""; position: absolute; top: 0; bottom: -1px; left: calc(96px + var(--timeline-gap) + 4.5px); width: 1px; background: var(--rule); }
.linha-do-tempo__item:first-child::before { top: 27px; }
.linha-do-tempo__item:last-child::before { bottom: calc(100% - 27px); }
.linha-do-tempo__quando { color: var(--muted); font-size: var(--fs-small); text-align: right; }
.linha-do-tempo__marcador { position: relative; width: 10px; height: 10px; margin-top: 6px; background: var(--muted); }
.linha-do-tempo__marcador--email { background: var(--text); }
.linha-do-tempo__marcador--nota { background: var(--muted); }
.linha-do-tempo__marcador--ocorrencia { background: var(--negative); }
.linha-do-tempo__marcador--etapa, .linha-do-tempo__marcador--pedido { background: var(--accent); }
.linha-do-tempo__marcador--demanda { background: var(--pill-warning-ink); }
.linha-do-tempo__marcador--vinculo { background: var(--active); }
.linha-do-tempo__conteudo { min-width: 0; }
.linha-do-tempo__titulo { color: var(--text); font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
.linha-do-tempo__titulo { text-decoration: none; }
a.linha-do-tempo__titulo:hover { text-decoration: underline; }
.linha-do-tempo__resumo { margin-top: 5px; color: var(--muted); font-size: 13px; overflow-wrap: anywhere; white-space: pre-wrap; }
.linha-do-tempo__mais { position: relative; display: flex; justify-content: center; margin: 12px auto 0; }
.contrato + .contrato { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--border); }
.contrato__cabecalho { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 16px; margin-bottom: 16px; }
.contrato__cabecalho p { color: var(--muted); font-size: var(--fs-small); }
.contrato__vigencia { margin-left: auto; text-align: right; }
.contrato__marca { display: block; margin-top: 4px; }
.contrato__detalhes { margin-top: 16px; font-size: var(--fs-small); }
.contrato__dados { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-block: 12px; color: var(--muted); font-size: var(--fs-small); }
.contrato .tabela th:first-child, .contrato .tabela td:first-child { padding-left: 0; }
.contrato .tabela th:last-child, .contrato .tabela td:last-child { padding-right: 0; }
.contrato .tabela td:nth-child(2) { width: 46%; overflow-wrap: anywhere; }
.contrato .tabela .numero { white-space: nowrap; }
.contrato__saldo { display: block; color: var(--accent); font-size: 18px; font-weight: 600; line-height: 1.3; }
.contrato__limite { display: block; margin-top: 3px; color: var(--muted); font-size: var(--fs-small); white-space: nowrap; }
.contrato__item--esgotado td, .contrato__item--esgotado .contrato__saldo, .contrato__item--esgotado .contrato__limite { color: var(--faint); }
.pedidos-orgao tr { height: var(--row-height); }
.pedidos-orgao td { padding-block: 8px; vertical-align: middle; }
.pedidos-orgao .numero { white-space: nowrap; }
.notas-orgao__formulario { padding-bottom: 20px; border-bottom: 1px solid var(--rule); }
.notas-orgao__acoes { display: flex; justify-content: flex-end; }
.ficha-grade { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: var(--gap); align-items: start; }
.ficha-coluna { display: grid; gap: var(--gap); min-width: 0; }
.ficha-secao { position: relative; min-width: 0; }
.ficha-secao > .indicador { margin: 0; }
.ficha-secao__cabecalho { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.ficha-secao > .estado { padding-inline: 0; }
.ficha-dados { display: grid; gap: 12px; }
.ficha-dados > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
.ficha-dados dt { color: var(--muted); font-size: var(--fs-small); }
.ficha-dados dd { margin: 0; overflow-wrap: anywhere; }
.trilha-etapas { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; padding: 0; margin: 0 0 20px; list-style: none; }
.trilha-etapas li { min-width: 0; padding: 12px 8px; border-top: 2px solid var(--border); color: var(--muted); font-size: 13px; text-align: center; overflow-wrap: anywhere; }
.trilha-etapas li[aria-current="step"] { color: var(--accent); border-top-color: var(--accent); font-weight: 600; }
.pedido-pendencia { padding: 16px 20px; border: 1px solid var(--border); background: var(--surface); margin-bottom: 20px; }
.pedido-pendencia > * + * { margin-top: 8px; }
.tabela-itens { font-size: 13px; }
.tabela-itens .numero { white-space: nowrap; }
.tabela-itens td:nth-child(2) { min-width: 160px; overflow-wrap: anywhere; }
.tabela-itens tfoot th, .tabela-itens tfoot td { border-top: 1px solid var(--border); border-bottom: 0; padding-top: 16px; color: var(--text); font-weight: 600; }
.ocorrencia-resolver { position: relative; max-width: 540px; }
.ocorrencia-resolver > summary { list-style: none; }
.ocorrencia-resolver > summary::-webkit-details-marker { display: none; }
.ocorrencia-resolver[open] > summary { margin-bottom: 12px; }
.ocorrencia-resolver > form { padding: 16px; background: var(--surface); border: 1px solid var(--border); }
.ocorrencia-formulario { max-width: 760px; }
.ocorrencia-contexto { display: grid; gap: 12px; padding-bottom: 16px; border-bottom: 1px solid var(--rule); }
.ocorrencia-contexto > div { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 12px; }
.ocorrencia-contexto dt { color: var(--muted); font-size: var(--fs-small); }
.ocorrencia-contexto dd { margin: 0; overflow-wrap: anywhere; }
@media (max-width: 1150px) {
  .cabecalho-ficha { flex-wrap: wrap; }
  .orgao-cabecalho { grid-template-columns: minmax(0, 1fr); }
  .orgao-sinais { grid-column: 1; grid-row: auto; justify-content: flex-start; flex-wrap: wrap; }
  .orgao-sinais > div { flex: 1; max-width: none; }
  .ficha-grade { grid-template-columns: minmax(0, 1fr); }
}
@media (min-width: 768px) and (max-width: 1100px) {
  .caixa__layout { display: flex; flex-direction: column; height: auto; }
  .caixa__lista { max-height: 480px; }
}
@media (max-width: 900px) {
  .contagens-orgaos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .orgao-ficha { grid-template-columns: minmax(0, 1fr); }
  .orgao-resumo { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .orgao-resumo { grid-template-columns: minmax(0, 1fr); }
  .cabecalho-ficha > .acoes { flex-shrink: 1; }
  .contagens-orgaos__cartao { padding-inline: 10px; }
  .orgao-aba { padding: 16px; }
  .orgao-abas { padding-inline: 16px; }
  .linha-do-tempo__lista { --timeline-gap: 8px; }
  .trilha-etapas { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Superfícies existentes mantêm a grade e recebem os raios da marca. */
.caixa__lista, .email-aberto__principal, .email-aberto > .estado,
.cartao-orgao, .contagens-orgaos__cartao, .orgaos-resultados,
.orgao-ficha__principal, .pedido-pendencia, .ocorrencia-resolver > form {
  border-radius: var(--radius-card);
  box-shadow: var(--sombra-1);
}
.navegacao__link, .email-linha, .acesso__segredo { border-radius: var(--radius-control); }
.navegacao__contador, .caixa__filtros .abas__contador,
.email-linha__ponto, .linha-do-tempo__marcador { border-radius: var(--radius-chip); }
.vinculo, .orgaos-resultados__cabecalho { border-start-start-radius: inherit; border-start-end-radius: inherit; }
.caixa__atalhos, .paginacao { border-end-start-radius: inherit; border-end-end-radius: inherit; }
.email-linha--selecionada::before, .email-linha[aria-current="true"]::before { inset-block: 8px; border-radius: var(--radius-chip); }
.contagens-orgaos__cartao { height: auto; min-height: 61px; }
.contagens-orgaos__rotulo { min-width: 0; overflow-wrap: anywhere; }
/* A altura pertence ao contêiner, evitando crescimento contínuo do canvas. */
.grafico { position: relative; min-width: 0; height: 300px; }
.grafico > canvas { display: block; max-width: 100%; }
@media (max-width: 640px) {
  .grafico { height: 260px; }
}

/* Rodada 3: acesso e administração de usuários. */
.conteudo:has(> .acesso) > .marca--autenticacao { display: none; }
.autenticacao .conteudo:has(> .acesso) { width: 100%; max-width: 408px; padding: 32px 24px; }
.acesso { width: 360px; max-width: 100%; margin-inline: auto; padding: 24px; }
.acesso > .marca { margin-bottom: 8px; }
.acesso .marca__logo { height: 36px; }
.acesso > h1 { font-size: 20px; font-weight: 600; line-height: 1.3; letter-spacing: -0.25px; }
.acesso__etapa { color: var(--muted); font-size: var(--fs-body); }
.acesso > h1 + .acesso__etapa { margin-top: 8px; }
.acesso > .formulario { margin-top: 24px; }
.acesso .formulario { gap: 16px; }
.acesso input:not([type="hidden"]), .acesso .botao--primario { min-height: 40px; }
.acesso > .botao--primario { width: 100%; }
.acesso input[aria-invalid="true"] { border-color: var(--negative); }
.acesso .acesso__erro { padding: 0; border: 0; background: transparent; color: var(--negative); font-size: var(--fs-small); }
.acesso__segredo { display: block; padding: 10px 12px; border: 1px solid var(--border); background: var(--raised); font-variant-numeric: tabular-nums; user-select: all; }
.acesso__qr { display: block; margin: 4px auto 12px; width: 190px; height: 190px; image-rendering: pixelated; border: 1px solid var(--border); background: #fff; }
.acesso__uri { display: inline-block; max-width: 100%; font-size: var(--fs-small); overflow-wrap: anywhere; }
.acesso__codigos .codigos__item { padding-block: 8px; border-bottom: 1px solid var(--rule); font-variant-numeric: tabular-nums; user-select: text; }
.acesso__sessoes > summary { text-decoration: underline; text-underline-offset: 3px; }
.acesso__sessoes > * + * { margin-top: 12px; }
.usuarios { min-width: 0; }
.usuarios > .aviso { margin-bottom: 20px; }
.usuarios__lista { padding: 0; }
.usuarios__tabela { table-layout: fixed; }
.usuarios__tabela th:nth-child(1) { width: 15%; }
.usuarios__tabela th:nth-child(2) { width: 20%; }
.usuarios__tabela th:nth-child(3) { width: 21%; }
.usuarios__tabela th:nth-child(4) { width: 9%; }
.usuarios__tabela th:nth-child(5) { width: 14%; }
.usuarios__tabela th:nth-child(6) { width: 21%; }
.usuarios__tabela td { font-size: 13px; overflow-wrap: anywhere; }
.usuarios__tabela tbody tr:last-child td { border-bottom: 0; }
.usuarios__papel { gap: 8px; }
.usuarios__papel select { width: 100%; }
.usuarios__ativo { color: var(--muted); font-size: var(--fs-small); }
.usuarios__acoes .botao--texto, .usuarios__papel .botao--texto { justify-content: flex-start; padding-inline: 0; font-weight: 400; text-align: left; }
.usuarios__acoes > .formulario { display: flex; }
.usuarios__sessoes { margin-top: 4px; text-align: right; }
.usuarios__credencial { background: var(--raised); color: var(--text); }
.usuarios__credencial > * + * { margin-top: 8px; }
.usuarios__credencial .codigo { display: block; margin-top: 8px; font-variant-numeric: tabular-nums; user-select: all; }
.usuarios__criacao { max-width: 760px; margin-top: 24px; }
.usuarios__formulario { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.usuarios__submit { grid-column: 1 / -1; justify-self: start; }
.inicio-redirecionamento > * + * { margin-top: 12px; }
@media (max-width: 640px) {
  .usuarios__tabela { min-width: 880px; }
  .usuarios__formulario { grid-template-columns: minmax(0, 1fr); }
}

/* Rodada 6: hierarquia, cor de estado e profundidade no chão Gelo. */
.barra-lateral :focus-visible, .barra-movel :focus-visible { outline-color: var(--brand-green); }
.navegacao__grupo { gap: 5px; }
.navegacao__link { border-radius: var(--radius-chip); }
.navegacao__link > span:not(.navegacao__contador) { min-width: 0; }
.navegacao__link .icone { opacity: .9; }
.navegacao__link--ativo .navegacao__contador { background: var(--brand-black); color: var(--brand-green); }
.barra-lateral__conta .avatar { background: var(--brand-active); border-color: var(--brand-rule); color: var(--brand-green); }
.caixa__filtros { padding-inline: 12px; }
.caixa__filtros .abas { gap: 5px; }
.caixa__filtros .aba { gap: 4px; font-size: 12px; }
.caixa__filtros .abas__contador { border-radius: var(--radius-chip); min-width: 18px; }
.caixa__busca { padding-top: 12px; }
.caixa__busca > .filtros { margin-top: 10px; }
.caixa__busca label { display: flex; gap: 5px; align-items: center; }
.caixa__contagem { padding-block: 10px; }
.caixa__resultados { padding: 6px 8px 12px; scrollbar-gutter: stable; }
.lista-emails { display: grid; gap: 8px; }
.lista-emails > li { min-width: 0; border: 0; }
.email-linha { min-height: 90px; padding: 11px 12px; border: 1px solid var(--border); border-left: 3px solid var(--control); background: var(--surface); box-shadow: var(--sombra-1); }
.email-linha--prioridade-urgente { border-left-color: var(--prioridade-urgente); }
.email-linha--prioridade-alta { border-left-color: var(--prioridade-alta); }
.email-linha--prioridade-normal { border-left-color: var(--prioridade-normal); }
.email-linha--selecionada, .email-linha[aria-current="true"] { background: var(--accent-soft); box-shadow: inset 0 0 0 1px var(--accent), var(--sombra-1); }
.email-linha--selecionada::before, .email-linha[aria-current="true"]::before { display: none; }
.email-linha__sinais { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-top: 3px; }
.email-linha__sinais .chip { min-height: 20px; padding-block: 0; font-size: 11px; }
.email-linha__anexo { display: inline-flex; margin-left: auto; color: var(--muted); }
.email-linha__sinais .email-linha__sem-vinculo { font-size: 11px; }
.email-linha__topo { gap: 6px; }
.email-linha__remetente { font-size: 13px; }
.email-linha__hora { font-size: 11px; }
.vinculo.cartao { margin: 12px; padding: 14px; border-color: var(--control); background: var(--accent-soft); box-shadow: var(--sombra-1); }
.vinculo.cartao:hover { transform: none; }
.prioridade-controle { margin-top: 16px; padding: 12px; border: 1px solid var(--border); border-radius: var(--radius-control); background: var(--raised); }
.prioridade-controle > label { font-weight: 600; }
.prioridade-controle select { flex: 1; min-width: 110px; }
.cartao-orgao { align-self: start; }
.cartao-orgao__identidade .avatar { flex-shrink: 0; background: var(--accent-soft); color: var(--accent); }
.cartao-orgao > h2 { display: flex; align-items: center; gap: 6px; }
.cartao-orgao.cartao:hover { transform: none; }
.orgao-cabecalho { grid-template-columns: minmax(0, 1fr) minmax(440px, .95fr); }
.orgao-sinais { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; width: 100%; }
.orgao-sinais > div { display: grid; align-content: space-between; gap: 14px; min-width: 0; max-width: none; min-height: 110px; padding: 14px; border: 1px solid var(--border); }
.orgao-sinais dt { text-align: left; font-size: 12px; }
.orgao-sinais dt .icone { display: block; margin-bottom: 6px; color: var(--accent); }
.orgao-sinais dd { order: 0; text-align: left; }
.orgao-sinais > div:last-child dd { font-size: 18px; }
.orgao-ficha { grid-template-columns: 270px minmax(0, 1fr); }
.orgao-abas { gap: 14px; }
.orgao-abas .aba { gap: 5px; font-size: 13px; }
.orgao-abas .abas__contador { min-width: 16px; padding: 0 4px; border-radius: var(--radius-chip); background: var(--raised); }
.filtros--orgaos { width: 100%; padding: 16px; background: var(--surface); box-shadow: var(--sombra-1); }
.filtros--orgaos .filtros__grade { grid-template-columns: minmax(220px, 2fr) minmax(110px, 1fr) minmax(130px, 1fr) auto; }
.contagens-orgaos__cartao { min-height: 90px; padding: 16px; }
.contagens-orgaos__rotulo { display: flex; align-items: center; gap: 8px; }
.contagens-orgaos__valor { font-size: 24px; }
.linha-do-tempo__item { border-top: 0; }
.linha-do-tempo__item::before { width: 2px; background: var(--border); }
.linha-do-tempo__marcador { box-shadow: 0 0 0 4px var(--surface); }
.linha-do-tempo__marcador--email { background: var(--info); }
.linha-do-tempo__marcador--nota { background: var(--note); }
.linha-do-tempo__marcador--vinculo { background: var(--accent); }
.linha-do-tempo__tipo { display: flex; align-items: center; gap: 5px; margin-bottom: 6px; color: var(--muted); font-size: var(--fs-small); }
.linha-do-tempo__conteudo { padding: 12px 14px; border: 1px solid var(--border); border-radius: var(--radius-control); background: var(--raised); }
.linha-do-tempo__quando { padding-top: 12px; }
.linha-do-tempo__marcador { margin-top: 16px; }
.linha-do-tempo__item:first-child::before { top: 37px; }
.linha-do-tempo__item:last-child::before { bottom: calc(100% - 37px); }
.pedido-etapas { margin-bottom: 24px; }
.etapas.trilha-etapas > li { border-top: 0; }
.contrato .tabela th:first-child, .contrato .tabela td:first-child { padding-left: 12px; }
.contrato .tabela th:last-child, .contrato .tabela td:last-child { padding-right: 12px; }
.acesso.cartao { padding: 28px; box-shadow: var(--sombra-2); border-top: 4px solid var(--accent); }
.acesso.cartao:hover { transform: none; }
.aplicacao .acesso { width: min(100%, 520px); margin-top: 32px; }
.usuarios__criacao { max-width: none; }
.usuarios__lista { box-shadow: var(--sombra-2); }
.painel-kpis { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.painel-kpis .cartao { padding: 16px; }
.painel-kpis .cartao__rotulo { display: flex; flex-direction: column; align-items: start; gap: 10px; min-height: 76px; }
.cartao__icone { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; color: var(--accent); background: var(--accent-soft); }
.cartao--atencao .cartao__icone { color: var(--pill-warning-ink); background: var(--pill-warning-bg); }
.cartao--negativo .cartao__icone { color: var(--negative); background: var(--pill-negative-bg); }
.cartao--neutro .cartao__icone { color: var(--info); background: var(--info-soft); }
.cartao--negativo.cartao--kpi { border-top: 3px solid var(--negative); }
.cartao--atencao.cartao--kpi { border-top: 3px solid var(--prioridade-alta); }
.cartao--positivo.cartao--kpi { border-top: 3px solid var(--accent); }
.cartao__valor a { text-decoration: none; }
.cartao__valor a:hover { text-decoration: underline; }
.painel-kpis--secundarios { display: flex; flex-wrap: wrap; gap: 8px 24px; padding: 14px 0 20px; }
.painel-etapa { display: flex; align-items: baseline; gap: 10px; color: var(--muted); font-size: 12px; }
.painel-etapa dd { margin: 0; color: var(--text); font-weight: 600; }
.painel-graficos, .painel-listas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.painel-graficos > .cartao { padding: 20px; }
.painel-graficos .grafico { height: 252px; margin-top: 16px; }
.painel-graficos > .cartao:hover { transform: none; }
.grafico__dados { margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--rule); font-size: var(--fs-small); }
.grafico__dados .tabela-rolavel { margin-top: 12px; max-height: 300px; }
.painel-listas { margin-top: 20px; }
.painel-listas .secao-cabecalho { margin-bottom: 16px; }
.painel-top-orgaos .registro { display: flex; align-items: center; gap: 10px; }
.painel-top-orgaos .registro > a { flex: 1; min-width: 0; font-size: 13px; text-decoration: none; }
.painel-top-orgaos .registro > .numero { flex-shrink: 0; font-size: 13px; }
.painel-top-orgaos .registro .texto-secundario { display: block; font-weight: 400; }
.painel-top-orgaos .registro:hover { background: var(--raised); }
.painel-acoes #painel-demandas { padding: 0; border: 0; box-shadow: none; background: transparent; }
.painel-acoes { max-height: 460px; overflow-y: auto; }
.demandas > .filtros, .notificacoes-pagina > .filtros { margin-bottom: 20px; }
.demandas .filtros__campos { grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) auto auto; }
[data-lista-demandas], [data-lista-notificacoes] { display: grid; gap: 12px; }
.demanda-linha { padding: 18px; border-left: 4px solid var(--prioridade-alta); }
.demanda-linha--critica { border-left-color: var(--negative); }
.demanda-linha__prazo { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: var(--radius-chip); background: var(--pill-warning-bg); color: var(--pill-warning-ink); font-size: 12px; }
.demanda-linha__prazo--critico { color: var(--negative); background: var(--pill-negative-bg); }
.demanda-linha__prazo strong { font-size: 18px; }
.demanda-linha > .acoes { margin-top: 16px; }
.demanda-linha .registro__texto { max-width: 90ch; }
.demanda-linha[data-demanda-status='respondida'], .demanda-linha[data-demanda-status='encerrada'] { border-left-color: var(--accent); }
.notificacao { display: flex; align-items: flex-start; gap: 14px; padding: 16px; border-left: 3px solid var(--accent); }
.notificacao--urgente { border-left-color: var(--negative); }
.notificacao--alta { border-left-color: var(--prioridade-alta); }
.notificacao__icone { display: inline-grid; flex-shrink: 0; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: var(--accent-soft); color: var(--accent); }
.notificacao--urgente .notificacao__icone { color: var(--negative); background: var(--pill-negative-bg); }
.notificacao--alta .notificacao__icone { color: var(--pill-warning-ink); background: var(--pill-warning-bg); }
.notificacao__conteudo { min-width: 0; flex: 1; }
.notificacao__conteudo a { text-decoration: none; }
.notificacao__conteudo a:hover { text-decoration: underline; }
.notificacao__conteudo > .acoes { margin-top: 12px; }
.demandas__contagem { margin-bottom: 12px; }
.notificacao--lida { border-left-color: var(--border); background: var(--raised); }
.notificacao > .acoes { margin-top: 12px; }
.notificacoes__acoes { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; padding-bottom: 16px; }
.notificacoes-pagina .filtros__campos { grid-template-columns: minmax(180px, 1fr) auto; max-width: 520px; }
.balao__icone { position: absolute; left: 15px; top: 18px; color: var(--balao-cor); }
.balao:has(.balao__icone)::before { display: none; }
@media (hover: hover) and (pointer: fine) {
  .email-linha:hover { transform: translateY(-2px); box-shadow: var(--sombra-2); }
}
@media (max-width: 1199px) {
  .painel-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .orgao-cabecalho { grid-template-columns: minmax(0, 1fr); }
  .orgao-sinais { grid-column: 1; grid-row: auto; }
  .filtros--orgaos .filtros__grade { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .orgao-ficha { grid-template-columns: minmax(0, 1fr); }
  .orgao-abas { flex-wrap: nowrap; }
  .painel-graficos, .painel-listas { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .painel-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .orgao-sinais { grid-template-columns: minmax(0, 1fr); }
  .orgao-sinais > div { min-height: 80px; }
  .orgao-sinais dt .icone { display: inline-block; margin: 0 4px 0 0; }
  .filtros--orgaos .filtros__grade, .demandas .filtros__campos { grid-template-columns: minmax(0, 1fr); }
  .caixa__lista { max-height: none; }
  .caixa__resultados { max-height: 52dvh; }
  .caixa__filtros .filtros__grade { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .contagens-orgaos__rotulo { flex-wrap: wrap; }
  .acesso.cartao { padding: 24px; }
}

/* WhatsApp: lista de conversas e conversa com balões (fase 3). */
.whatsapp-aviso { margin-bottom: 16px; }
.whatsapp-conversas .texto-secundario[role="status"] { margin-bottom: 8px; }
.whatsapp-conversa--nao-lida { background: var(--raised); }
.whatsapp-conversa--nao-lida .registro__cabecalho { font-weight: 700; }
.whatsapp-conversa__nao-lidas { margin-left: 6px; }
.whatsapp-conversa__ultima { overflow-wrap: anywhere; }
.whatsapp-painel { display: grid; gap: 16px; }
.whatsapp-mensagens { min-height: 160px; max-height: 60dvh; overflow-y: auto; padding: 8px; background: var(--raised); }
.whatsapp-mensagens__lista { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.whatsapp-balao { max-width: min(72ch, 85%); padding: 8px 12px; border: 1px solid var(--border); background: var(--surface); overflow-wrap: anywhere; }
.whatsapp-balao--recebida { justify-self: start; }
.whatsapp-balao--enviada { justify-self: end; background: var(--active); }
.whatsapp-balao__texto { white-space: pre-wrap; }
.whatsapp-balao__rodape { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 4px; }
.whatsapp-balao__erro { color: var(--negative); }
.whatsapp-envio textarea { width: 100%; }
.linha-do-tempo__marcador--whatsapp { background: var(--pill-positive-ink); }
/* Criar pedido no Bling (pedidos/novo.html) */
.pedido-novo__campos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; }
.pedido-novo__itens th, .pedido-novo__itens td { padding-inline: 8px; vertical-align: top; }
.pedido-novo__itens input, .pedido-novo__itens select { width: 100%; min-width: 110px; }
.pedido-novo__itens td:nth-child(2) { min-width: 260px; }
.pedido-novo__itens td:last-child { min-width: 240px; }
.pedido-novo__produtos { margin-top: 6px; }
.pedido-novo__aviso { margin-top: 4px; font-size: var(--fs-small); }
.pedido-novo__contatos { display: grid; gap: 8px; padding: 0; border: 0; }
.pedido-novo__contatos legend { margin-bottom: 8px; font-size: var(--fs-small); color: var(--muted); }
.pedido-novo__acoes { position: sticky; bottom: 16px; }
.aviso ul { margin: 8px 0 0 18px; }
@media (max-width: 640px) {
  .pedido-novo__campos { grid-template-columns: minmax(0, 1fr); }
}