/* despesas/detalhe.php — wrappers do donut de utilização da dotação e da
   caixa de depuração JSON. Extraído de style= inline (P1) para o bundle
   específico da tela (B06); valores dinâmicos continuam via custom
   property (--pct-final/--atraso) na própria tag, como o padrão permite. */
.dd-donut-linha{display:flex; align-items:center; gap:20px; flex-wrap:wrap}
.dd-donut-caixa{position:relative; width:112px; height:112px}
.dd-donut-overlay{position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center}
.dd-donut-pct{font-size:1.15rem; font-weight:800; color:var(--text-900)}
.dd-donut-rotulo{font-size:.62rem; color:var(--text-500); text-transform:uppercase}
.dd-donut-legenda{font-size:.8rem}
.dd-json-details{display:inline-block; min-width:0; max-width:100%}
.dd-json-summary{display:inline-flex; cursor:pointer}
.dd-json-pre{margin:0; padding:16px 20px; font-size:.76rem; overflow:auto; max-height:360px; min-width:0; white-space:pre-wrap; overflow-wrap:anywhere}
.donut-legenda-ponto-ds--empenhado{background:var(--teal-600)}
.donut-legenda-ponto-ds--previsto{background:var(--border)}
.dd-tendencia-svg{width:100%; height:130px}
.dd-acoes-topo{justify-content:space-between; flex-wrap:wrap}
.dd-acoes-wrap{display:flex; gap:8px; flex-wrap:wrap; min-width:0; max-width:100%}
.dd-json-panel{max-width:640px; min-width:0}
.dd-hint-mt{margin-top:6px}
.dd-hint-mt-sm{margin-top:4px; white-space:normal}
.dd-cabecalho-sem-borda{border-bottom:0; margin-bottom:0; padding-bottom:0}
.dd-corpo-sem-topo{padding-top:0}
.dd-textos-flex{flex:1}
.dd-cabecalho-entre{justify-content:space-between}
.dd-cabecalho-entre-wrap{justify-content:space-between; flex-wrap:wrap}
.dd-linha-icone{display:flex; align-items:center; gap:10px}
.dd-linha-icone-min0{display:flex; align-items:center; gap:10px; min-width:0}
.dd-anexo-item{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap}
.dd-anexo-icone{color:var(--red-500); font-size:1.2rem; flex:0 0 auto}
.dd-anexo-rotulo{min-width:0; overflow-wrap:break-word}