.comisionado-grafico-cuerpo { background: #fff; padding: .75rem; }
.comisionado-grafico-controles { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 11rem), 1fr)); gap: .5rem .75rem; margin-bottom: .75rem; }
.comisionado-grafico-controles label { display: block; font-weight: 600; font-size: .875rem; margin-bottom: .15rem; }
.comisionado-grafico-estado { font-size: .875rem; color: #605756; margin: 0 0 .5rem; }
.comisionado-grafico-lienzo { position: relative; height: 380px; }
.comisionado-grafico-resumen { margin-top: .5rem; padding: .5rem .75rem; background: #FFF6DC; border-left: 4px solid #EDA900; }
.comisionado-grafico-tabla { margin-top: 1rem; }
.comisionado-grafico-tabla summary { font-weight: 700; color: #8A6200; cursor: pointer; min-height: 24px; padding: .25rem 0; }
.comisionado-grafico-tabla caption { caption-side: top; color: #3A3433; font-weight: 600; }
.comisionado-grafico-tabla .table-responsive { max-height: 22rem; overflow: auto; }
.comisionado-grafico-tabla .table-responsive:focus-visible { outline: 3px solid #000; }
@media (max-width: 575.98px) { .comisionado-grafico-lienzo { height: 300px; } }