/* Enviar Boletos: zona de anexo, cartões de conferência (arquivo ao lado dos campos) e lista. */
.bl-zona{
    position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .35rem; text-align: center;
    min-height: 9.5rem; padding: 1.25rem; margin: 0; border: 2px dashed var(--oe-campo-borda); border-radius: 12px; cursor: pointer;
    background: var(--oe-suave); transition: border-color .2s, background-color .2s;
}
.bl-zona:hover, .bl-zona--arrastando{ border-color: var(--oe-acao); background: color-mix(in srgb, var(--oe-acao) 6%, var(--oe-papel)); }
.bl-zona:focus-within{ outline: 3px solid color-mix(in srgb, var(--oe-acao) 50%, transparent); outline-offset: 2px; }
.bl-zona input{ position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.bl-zona i{ font-size: 1.6rem; color: var(--oe-acao); margin-bottom: .2rem; }
.bl-zona strong{ font-size: .95rem; color: var(--oe-tinta); }
.bl-zona strong u{ color: var(--oe-acao); text-underline-offset: 3px; }
.bl-zona span{ font-size: .8rem; color: var(--oe-grafite); }
.bl-ia{ display: inline-flex; align-items: center; gap: .4rem; font-size: .8125rem; font-weight: 600; padding: .3rem .7rem; border-radius: 999px; }
.bl-ia--ligada{ color: var(--oe-ok); background: color-mix(in srgb, var(--oe-ok) 12%, transparent); }
.bl-ia--desligada{ color: var(--oe-atencao); background: color-mix(in srgb, var(--oe-atencao) 12%, transparent); }

.bl-contagem{ display: inline-grid; place-items: center; min-width: 1.6rem; height: 1.6rem; padding: 0 .45rem; margin-left: .5rem; border-radius: 999px; font-family: 'Albert Sans', sans-serif; font-size: .8rem; font-weight: 700; vertical-align: .2em; color: var(--oe-papel); background: var(--oe-acao); }
.bl-contagem[data-zero]{ background: var(--oe-campo-borda); }
.bl-vazio{ margin: 0; padding: 1.5rem; border-radius: 12px; text-align: center; color: var(--oe-grafite); background: var(--oe-suave); font-size: .92rem; }
.bl-vazio[hidden]{ display: none; }

.bl-boleto{ display: grid; grid-template-columns: minmax(0, 23rem) minmax(0, 1fr); gap: 1.5rem; padding: 1.25rem; border: 1px solid var(--oe-linha); border-radius: 14px; background: var(--oe-papel); }
.bl-boleto + .bl-boleto{ margin-top: 1rem; }
.bl-boleto--saindo{ opacity: 0; transform: translateY(-.5rem); transition: opacity .3s, transform .3s; }
/* A prévia acompanha a rolagem até o fim do cartão do boleto (abaixo do cabeçalho fixo). */
.bl-previa{ display: flex; flex-direction: column; gap: .6rem; min-width: 0; position: sticky; top: calc(var(--godi-header-altura, 3.5rem) + 1rem); align-self: start; }
.bl-previa__quadro{ position: relative; height: 26rem; overflow: hidden; border: 1px solid var(--oe-linha); border-radius: 10px; background: var(--oe-suave);
    box-shadow: 0 1px 3px rgba(21, 35, 59, .12), 0 10px 24px -8px rgba(21, 35, 59, .28); }
body.dark-mode .bl-previa__quadro{ box-shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 10px 24px -8px rgba(0, 0, 0, .6); }
.bl-previa__quadro iframe, .bl-previa__quadro img{ width: 100%; height: 100%; border: 0; object-fit: contain; }
.bl-previa__nome{ display: flex; align-items: center; gap: .5rem; margin: 0; font-size: .82rem; color: var(--oe-grafite); min-width: 0; }
.bl-previa__nome span{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bl-previa__nome button{ margin-left: auto; flex: 0 0 auto; display: inline-flex; align-items: center; gap: .35rem; padding: .25rem .5rem; border: 0; border-radius: 6px; font-weight: 600; color: var(--oe-acao); background: transparent; cursor: pointer; }
.bl-previa__nome button:hover{ background: color-mix(in srgb, var(--oe-acao) 10%, transparent); }
.bl-previa__quadro img{ cursor: zoom-in; }
.bl-previa__dica{ display: flex; align-items: center; gap: .45rem; margin: 0; font-size: .82rem; font-weight: 600; color: var(--oe-grafite); }
.bl-previa__dica i{ color: var(--oe-acao); }
.bl-previa__dica kbd{ padding: .1rem .4rem; border: 1px solid var(--oe-campo-borda); border-bottom-width: 2px; border-radius: 5px; font-family: inherit; font-size: .75rem; font-weight: 700; color: var(--oe-tinta); background: var(--oe-papel); box-shadow: none; }

/* Visor do boleto: PDF no leitor do navegador (zoom dele); imagem com zoom próprio. */
.bl-visor .modal-dialog{ max-width: min(72rem, calc(100vw - 2rem)); height: calc(100vh - 2rem); margin: 1rem auto; }
.bl-visor .modal-content{ height: 100%; overflow: hidden; border: 0; border-radius: 14px; background: var(--oe-papel); }
.bl-visor__barra{ display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; padding: .65rem .9rem; border-bottom: 1px solid var(--oe-linha); }
.bl-visor__titulo{ flex: 1 1 12rem; min-width: 0; margin: 0; font-size: .95rem; font-weight: 700; color: var(--oe-tinta); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bl-visor__zoom{ display: inline-flex; align-items: center; gap: .25rem; padding: .2rem; border-radius: 10px; background: var(--oe-suave); }
.bl-visor__zoom[hidden], .bl-visor__dica[hidden]{ display: none; }
.bl-visor__zoom button{ min-width: 2.25rem; height: 2.25rem; padding: 0 .55rem; border: 0; border-radius: 8px; font-weight: 700; color: var(--oe-tinta); background: transparent; cursor: pointer; }
.bl-visor__zoom button:hover{ background: var(--oe-papel); }
.bl-visor__zoom output{ min-width: 3.25rem; text-align: center; font-size: .82rem; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--oe-grafite); }
.bl-visor__dica{ font-size: .8rem; color: var(--oe-grafite); }
.bl-visor__acoes{ display: inline-flex; align-items: center; gap: .25rem; }
.bl-visor__acoes a, .bl-visor__acoes button{ display: inline-flex; align-items: center; gap: .35rem; min-height: 2.25rem; padding: 0 .6rem; border: 0; border-radius: 8px; font-size: .85rem; font-weight: 600; color: var(--oe-grafite); background: transparent; cursor: pointer; }
.bl-visor__acoes a:hover, .bl-visor__acoes button:hover{ color: var(--oe-tinta); background: var(--oe-suave); text-decoration: none; }
.bl-visor__area{ flex: 1 1 auto; min-height: 0; overflow: auto; background: var(--oe-suave); }
.bl-visor__area iframe{ display: block; width: 100%; height: 100%; border: 0; }
.bl-visor__area--imagem{ cursor: grab; }
.bl-visor__area--arrastando{ cursor: grabbing; user-select: none; }
.bl-visor__area img{ display: block; max-width: none; margin: 0 auto; }
.bl-lendo .bl-previa__quadro::after{ content: ''; position: absolute; left: 0; right: 0; height: 30%; top: -30%; background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--oe-acao) 35%, transparent), transparent); animation: bl-varrer 1.4s ease-in-out infinite; }
@keyframes bl-varrer{ to{ top: 100%; } }
.bl-lendo__icone{ position: absolute; inset: 0; display: grid; place-items: center; font-size: 2.5rem; color: var(--oe-campo-borda); }

.bl-campos{ min-width: 0; display: flex; flex-direction: column; gap: 1.1rem; }
.bl-campos .oe-linha{ gap: 1rem; }
.bl-campos .oe-c7{ grid-column: span 7; }
.bl-campos .bl-grupo{ margin: 0 0 -.35rem; padding-top: 1rem; }
.bl-campos .bl-avisos + .bl-grupo{ border-top: 0; padding-top: 0; }
/* Lista do Select2 fica no <body>, fora do .oe: cores com fallback. */
.bl-carga mark{ padding: 0 .2em; border-radius: 4px; font-weight: 800; color: inherit; background: rgba(29, 122, 85, .2); }
.bl-carga__selo{ margin-left: .5rem; padding: .05rem .4rem; border-radius: 5px; font-size: .68rem; font-weight: 800; white-space: nowrap; color: #1d7a55; background: rgba(29, 122, 85, .12); }
body.dark-mode .bl-carga__selo{ color: #52c493; background: rgba(82, 196, 147, .16); }
body.dark-mode .bl-carga mark{ background: rgba(82, 196, 147, .28); }
.bl-carga mark.bl-carga__parcial{ background: rgba(138, 83, 0, .18); }
.bl-carga__selo--parcial{ color: #8a5300; background: rgba(138, 83, 0, .12); }
body.dark-mode .bl-carga mark.bl-carga__parcial{ background: rgba(242, 181, 82, .28); }
body.dark-mode .bl-carga__selo--parcial{ color: #f2b552; background: rgba(242, 181, 82, .16); }
.select2-results__option--highlighted .bl-carga mark, .select2-results__option--highlighted .bl-carga__selo{ color: inherit; background: rgba(255, 255, 255, .25); }
.bl-lido .oe-input{ background: color-mix(in srgb, var(--oe-acao) 5%, var(--oe-papel)); border-color: color-mix(in srgb, var(--oe-acao) 45%, var(--oe-campo-borda)); }
.bl-linha .oe-input{ font-variant-numeric: tabular-nums; letter-spacing: .02em; }
.bl-cliente-linha{ display: flex; align-items: center; gap: .5rem; }
.bl-cliente-linha__combo{ flex: 1 1 auto; min-width: 0; }
.bl-manutencao{ flex: 0 0 auto; min-height: 0; padding: .5rem .85rem; border: 1px solid var(--oe-campo-borda); font-size: .875rem; white-space: nowrap; color: var(--oe-acao); }
.bl-manutencao:hover{ color: var(--oe-acao); text-decoration: none; }
.bl-manutencao[hidden]{ display: none; }
.bl-status{ display: flex; align-items: center; gap: .4rem; margin: .45rem 0 0; font-size: .8125rem; font-weight: 600; line-height: 1.4; color: var(--oe-grafite); }
/* Avisos rápidos da tela no meio do topo, logo abaixo do cabeçalho fixo. */
#toastBoletos{ top: calc(var(--godi-header-altura, 3.5rem) + 1rem); bottom: auto; left: 50%; right: auto; max-width: calc(100vw - 2rem); transform: translate(-50%, -1rem); }
#toastBoletos.oe-toast--visivel{ transform: translate(-50%, 0); }
#toastBoletos{ color: #fff; background: #1d7a55; }
#toastBoletos i{ color: #fff; }
.bl-status[hidden], .bl-suprimida{ display: none !important; }
.bl-link{ margin-left: .3rem; padding: 0; border: 0; font: inherit; font-weight: 700; color: var(--oe-acao); background: none; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
/* Destaque passageiro do boleto repetido (linha da seção 3 ou cartão da seção 2). */
@keyframes bl-piscar{ 0%, 60%{ background-color: color-mix(in srgb, var(--oe-atencao) 18%, transparent); } 100%{ background-color: transparent; } }
tr.bl-destaque td, .bl-boleto.bl-destaque{ animation: bl-piscar 2.6s ease-out; }
@media (prefers-reduced-motion: reduce){ tr.bl-destaque td, .bl-boleto.bl-destaque{ animation: none; outline: 2px solid var(--oe-atencao); } }
.bl-status--ok{ color: var(--oe-ok); }
.bl-status--atencao{ color: var(--oe-atencao); }
.bl-status--erro{ color: var(--oe-pend); }
/* Carga cobrada: situação do CT-e e ajuda na mesma linha (quebra se não couber). */
.bl-rodape-campo{ display: flex; flex-wrap: wrap; align-items: baseline; gap: .15rem .75rem; margin-top: .45rem; }
.bl-rodape-campo > .bl-status, .bl-rodape-campo > .oe-ajuda{ margin: 0; }
.bl-avisos{ display: flex; gap: .65rem; align-items: flex-start; margin: 0; padding: .75rem .9rem; border-radius: 11px; font-size: .84rem; line-height: 1.45; background: color-mix(in srgb, var(--oe-atencao) 10%, var(--oe-papel)); }
.bl-avisos > i{ margin-top: .2rem; color: var(--oe-atencao); }
.bl-avisos ul{ margin: 0; padding-left: 1rem; }
.bl-avisos--erro{ background: color-mix(in srgb, var(--oe-pend) 8%, var(--oe-papel)); }
.bl-avisos--erro > i{ color: var(--oe-pend); }
.bl-confirmar{ display: flex; gap: .6rem; align-items: flex-start; margin: .5rem 0 0; font-size: .85rem; font-weight: 600; cursor: pointer; }
.bl-confirmar input{ width: 1.1rem; height: 1.1rem; margin-top: .1rem; accent-color: var(--oe-acao); }
.bl-confirmar[hidden]{ display: none; }
.bl-acoes{ display: flex; justify-content: space-between; align-items: center; gap: .75rem; flex-wrap: wrap; padding-top: .9rem; border-top: 1px solid var(--oe-linha); }
.bl-acoes small{ color: var(--oe-grafite); font-size: .8rem; }
.bl-acoes div{ display: flex; gap: .5rem; }

.bl-filtro{ display: flex; align-items: flex-end; gap: .5rem 1.25rem; flex-wrap: wrap; margin-bottom: 1.25rem; }
.bl-filtro__cliente{ flex: 0 1 34rem; min-width: 0; }
.bl-filtro__excluidos{ display: inline-flex; align-items: center; gap: .5rem; min-height: 2.5rem; margin: 0; font-size: .875rem; font-weight: 600; cursor: pointer; }
.bl-filtro__excluidos input{ width: 1.05rem; height: 1.05rem; accent-color: var(--oe-acao); }
.bl-grupo-carga{ margin-top: 1rem; border: 1px solid var(--oe-linha); border-radius: 12px; overflow: hidden; }
.bl-grupo-carga__cabeca{ display: flex; justify-content: space-between; align-items: center; gap: .75rem; padding: .7rem .9rem; background: var(--oe-suave); border-bottom: 1px solid var(--oe-linha); }
.bl-grupo-carga__info{ display: flex; align-items: center; min-width: 0; font-size: .85rem; color: var(--oe-grafite); }
.bl-grupo-carga__info strong{ font-size: .9rem; color: var(--oe-tinta); }
.bl-grupo-carga__cliente{ font-size: .78rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--oe-acao); }
#listaDisponiveis{ transition: opacity .15s; }
#listaDisponiveis[aria-busy="true"]{ opacity: .5; pointer-events: none; }
.bl-grupo-carga__qtd{ font-weight: 600; white-space: nowrap; }
.bl-grupo-carga .bl-tabela tr:last-child td{ border-bottom: 0; }
.bl-situacao{ display: inline-flex; align-items: center; gap: .35rem; padding: .15rem .55rem; border-radius: 999px; font-size: .78rem; font-weight: 700; white-space: nowrap; }
.bl-situacao--visivel{ color: var(--oe-ok); background: color-mix(in srgb, var(--oe-ok) 12%, transparent); }
.bl-situacao--oculto{ color: var(--oe-grafite); background: color-mix(in srgb, var(--oe-grafite) 12%, transparent); }
.bl-situacao--excluido{ color: var(--oe-pend); background: color-mix(in srgb, var(--oe-pend) 10%, transparent); }
.bl-tabela__excluida td{ color: var(--oe-grafite); }
.bl-tabela__excluida td:not(:has([data-situacao])):not(.bl-tabela__acoes){ text-decoration: line-through; text-decoration-color: color-mix(in srgb, var(--oe-grafite) 60%, transparent); }
.bl-tabela{ width: 100%; border-collapse: collapse; font-size: .9rem; }
.bl-tabela th{ padding: .6rem .75rem; font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--oe-grafite); border-bottom: 1px solid var(--oe-linha); white-space: nowrap; }
.bl-tabela td{ padding: .7rem .75rem; border-bottom: 1px solid var(--oe-linha); vertical-align: middle; white-space: nowrap; }
.bl-tabela td small{ display: block; color: var(--oe-grafite); font-size: .78rem; }

/* Registro numa linha: o texto longo é cortado e o botão "…" abre o balão com ele inteiro. */
/* Larguras fixas (colgroup): as colunas ficam alinhadas entre os blocos de carga. */
.bl-tabela--fixa{ table-layout: fixed; min-width: 58rem; }
.bl-tabela--fixa th{ overflow: hidden; text-overflow: ellipsis; }
.bl-linha-celula{ display: flex; align-items: center; min-width: 0; }
.bl-celula{ display: inline-block; flex: 0 1 auto; min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }
/* Seta origem → destino (também na lista do Select2, fora do .oe: cor com fallback). */
.bl-seta{ font-weight: 800; color: var(--oe-ok, #1d7a55); }
body.dark-mode .bl-seta{ color: var(--oe-ok, #52c493); }
.select2-results__option--highlighted .bl-seta{ color: inherit; }
.bl-situacao{ flex: 0 0 auto; }
.bl-situacao + .bl-celula{ margin-left: .45rem; font-size: .8rem; color: var(--oe-grafite); }
.bl-mais, .bl-divergencia{ flex: 0 0 auto; }
.bl-divergencia{ display: inline-grid; place-items: center; width: 1.35rem; height: 1.35rem; margin-left: .3rem; padding: 0; border: 0; border-radius: 50%; font-size: .78rem; vertical-align: middle; cursor: pointer;
    color: var(--oe-atencao); background: transparent; }
.bl-divergencia:hover, .bl-divergencia[aria-expanded="true"]{ filter: brightness(.85); }
.bl-detalhe dd.bl-detalhe__atencao{ color: var(--oe-atencao); }
.bl-mais{ flex: 0 0 auto; display: inline-grid; place-items: center; width: 1.5rem; height: 1.5rem; margin-left: .3rem; padding: 0; border: 0; border-radius: 6px; font-size: .7rem; vertical-align: middle; color: var(--oe-acao); background: color-mix(in srgb, var(--oe-acao) 10%, transparent); cursor: pointer; }
.bl-mais:hover, .bl-mais[aria-expanded="true"]{ background: color-mix(in srgb, var(--oe-acao) 20%, transparent); }
.bl-balao{ position: absolute; z-index: 1080; width: max-content; max-width: min(26rem, calc(100vw - 2rem)); padding: .75rem .8rem; border: 1px solid var(--oe-linha); border-radius: 10px; font-size: .875rem; background: var(--oe-papel);
    box-shadow: 0 1px 3px rgba(21, 35, 59, .12), 0 12px 28px -8px rgba(21, 35, 59, .3); }
.bl-balao[hidden]{ display: none; }
.bl-balao__texto{ max-height: 14rem; margin: 0 0 .6rem; overflow: auto; line-height: 1.45; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--oe-tinta); }
.bl-balao__copiar{ display: inline-flex; align-items: center; gap: .4rem; padding: .3rem .6rem; border: 1px solid var(--oe-campo-borda); border-radius: 7px; font-size: .8rem; font-weight: 600; color: var(--oe-acao); background: var(--oe-papel); cursor: pointer; }
.bl-balao__copiar:hover{ background: color-mix(in srgb, var(--oe-acao) 8%, var(--oe-papel)); }
.bl-tabela .bl-num{ text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.bl-tabela a{ color: var(--oe-acao); font-weight: 600; }
.bl-tabela__acoes{ white-space: nowrap; text-align: right; }
.bl-tabela__acoes button{ border: 0; background: transparent; color: var(--oe-grafite); min-width: 2.25rem; min-height: 2.25rem; border-radius: 8px; cursor: pointer; }
.bl-tabela__acoes button:hover{ color: var(--oe-pend); background: color-mix(in srgb, var(--oe-pend) 8%, transparent); }
.bl-tabela__acoes .bl-tabela__ver:hover{ color: var(--oe-acao); background: color-mix(in srgb, var(--oe-acao) 10%, transparent); }

/* Detalhe de um boleto disponível: arquivo ao lado dos dados conferidos. */
/* Detalhe de um boleto: mesmo padrão do "Gerar carregamento" (fundo folha, cabeçalho e cartões);
   anexo e dados lado a lado, cabendo na tela (só os dados rolam, se precisar). */
.bl-detalhe .modal-dialog{ max-width: min(76rem, calc(100vw - 2rem)); margin: .5rem auto; }
.bl-detalhe .modal-content.oe{ height: calc(100vh - 1rem); display: flex; flex-direction: column; overflow: hidden; border: 0; border-radius: var(--oe-raio); background: var(--oe-folha); }
.bl-detalhe__corpo{ flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; gap: .75rem; padding: .75rem; }
.bl-detalhe .oe-cabeca{ flex: 0 0 auto; position: relative; margin: 0; padding: .8rem 1.25rem; gap: .4rem 1.5rem; align-items: center; }
.bl-detalhe .oe-cabeca > div:first-child{ flex: 1 1 auto; }
.bl-detalhe .oe-sobretitulo{ margin-bottom: .25rem; }
.bl-detalhe .oe-titulo{ font-size: 1.45rem; margin-bottom: .35rem; }
.bl-detalhe .oe-rota{ flex-wrap: nowrap; font-size: .95rem; }
.bl-detalhe .oe-rota[hidden]{ display: none; }
.bl-detalhe .oe-rota__ponta{ flex: 0 0 auto; white-space: nowrap; }
.bl-detalhe .oe-rota__trajeto{ flex: 0 1 6rem; min-width: 2rem; background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--oe-ok) 60%, transparent) 0 7px, transparent 7px 13px); }
.bl-detalhe .oe-rota__trajeto::after{ border-color: var(--oe-ok); }
.bl-detalhe .oe-cabeca__meta{ flex: 0 0 auto; padding-right: 1.5rem; line-height: 1.5; }
.bl-detalhe .oe-cabeca__meta strong{ color: var(--oe-tinta); }
.bl-detalhe__fechar{ position: absolute; top: .5rem; right: .75rem; border: 0; background: transparent; font-size: 1.5rem; line-height: 1; color: var(--oe-grafite); cursor: pointer; }
.bl-detalhe__fechar:hover{ color: var(--oe-tinta); }
.bl-detalhe__grade{ flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); gap: .75rem; }
.bl-detalhe .oe-secao{ display: flex; flex-direction: column; min-height: 0; margin: 0; padding: .85rem 1.1rem 1rem; }
.bl-detalhe .oe-secao__titulo{ flex: 0 0 auto; margin: 0 0 .5rem; font-size: 1.05rem; }
.bl-detalhe__secao-cabeca{ flex: 0 0 auto; display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; }
.bl-detalhe__secao-cabeca a{ display: inline-flex; align-items: center; gap: .4rem; font-size: .85rem; font-weight: 600; color: var(--oe-acao); white-space: nowrap; }
.bl-detalhe__previa{ flex: 1 1 auto; min-height: 0; overflow: hidden; border: 1px solid var(--oe-linha); border-radius: 10px; background: var(--oe-suave); }
.bl-detalhe__previa iframe, .bl-detalhe__previa img{ display: block; width: 100%; height: 100%; border: 0; object-fit: contain; }
.bl-detalhe [data-detalhe-dados]{ flex: 1 1 auto; min-height: 0; overflow-y: auto; padding-right: .25rem; }
.bl-detalhe .oe-subtitulo{ margin: .6rem 0 .35rem; padding-top: .55rem; font-size: .7rem; }
.bl-detalhe .oe-subtitulo:first-child{ margin-top: 0; padding-top: 0; border-top: 0; }
.bl-detalhe dl{ display: grid; grid-template-columns: 8.5rem minmax(0, 1fr); gap: .2rem .75rem; margin: 0; font-size: .85rem; line-height: 1.35; }
.bl-detalhe dt{ font-weight: 600; color: var(--oe-grafite); }
.bl-detalhe dd{ margin: 0; color: var(--oe-tinta); overflow-wrap: anywhere; }
.bl-detalhe__num{ font-variant-numeric: tabular-nums; }
.bl-rolagem{ overflow-x: auto; }

@media (max-width: 991.98px){
    .bl-boleto{ grid-template-columns: minmax(0, 1fr); }
    .bl-previa{ position: static; }
    .bl-previa__quadro{ height: 18rem; }
    .bl-detalhe .modal-content.oe{ height: auto; }
    .bl-detalhe__grade{ grid-template-columns: minmax(0, 1fr); grid-template-rows: none; }
    .bl-detalhe__previa{ flex: 0 0 20rem; }
    .bl-detalhe [data-detalhe-dados]{ overflow: visible; }
    .bl-detalhe .oe-cabeca__meta{ text-align: left; padding-right: 0; }
}
@media (max-width: 767.98px){
    .bl-detalhe dl{ grid-template-columns: minmax(0, 1fr); gap: 0 0; }
    .bl-detalhe dd{ margin-bottom: .5rem; }
    .bl-campos .oe-c7, .bl-campos .oe-c8, .bl-campos .oe-c4{ grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce){
    .bl-lendo .bl-previa__quadro::after{ animation: none; }
}