/* reporte-ampliado: «Más números del mes» in the Reporte tab (a .card of the panel: Vidrio and Rapport style it) */
.mra { margin-top: 18px; }
.mra-head { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.mra-head h2 { margin: 0; }
.mra-head h2 small { margin-left: 8px; }
.mra-kpis { margin-bottom: 8px; }
.mra-nota { margin: 6px 0 14px; }
.mra-grid { margin-top: 14px; gap: 18px; }
.mra-sub { min-width: 0; }
.mra-sub h3 { margin: 0 0 8px; font: 700 15px/1.3 var(--font-body, system-ui), system-ui, sans-serif; }
.mra-sub .tablewrap { overflow-x: auto; }
.mra-sub table { width: 100%; }
/* two tables side by side need room: in a card under 900 px (960–1100 px screens with the side rail) they go one under
   the other, so a header never runs into the next table nor breaks inside a word («SOLI / CITU / DES») */
.mra { container-type: inline-size; }
@container (max-width: 899px) { .mra-grid { grid-template-columns: minmax(0, 1fr); } }
.mra-sub th { white-space: normal; overflow-wrap: normal; }
.mra-t-bar .mra-bc { width: 42%; min-width: 60px; }
.mra-t-bar td { padding-top: 7px; padding-bottom: 7px; }
.mra-bar { display: block; height: 10px; border-radius: 999px; background: color-mix(in srgb, currentColor 10%, transparent); overflow: hidden; }
.mra-bar i { display: block; height: 100%; border-radius: inherit; background: var(--accent, #6d28d9); }
.mra-top td { font-weight: 700; }
.mra-quietos { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.mra-quietos li { display: grid; gap: 2px; padding-bottom: 10px; border-bottom: 1px solid color-mix(in srgb, currentColor 12%, transparent); }
.mra-quietos li:last-child { border-bottom: 0; padding-bottom: 0; }
.mra-quietos b { overflow-wrap: anywhere; }
@media (max-width: 479px) { .mra-sub th, .mra-sub td { padding-left: 5px; padding-right: 5px; } .mra-sub th { white-space: normal; letter-spacing: 0; } .mra-t-bar .mra-bc { width: 28%; min-width: 40px; } }