#reportsView .report-dashboard{max-width:none;padding:20px}#reportsView .report-presets,#reportsView .report-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin:12px 0}#reportsView .report-controls label{display:grid;gap:5px}#reportsView input{padding:9px;border:1px solid var(--line);border-radius:8px}#reportsView .report-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#reportsView .stat{margin:0;min-width:0}#reportsView .stat b{display:block;overflow-wrap:anywhere;font-size:1.4rem}#reportsView .report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#reportsView details{border:1px solid var(--line);border-radius:12px;padding:12px;margin:12px 0;min-width:0}#reportsView summary{cursor:pointer;font-weight:bold;color:var(--brand)}#reportsView .report-table-wrap{overflow:auto;max-height:340px}#reportsView table{border-collapse:collapse;width:100%;font-size:.85rem}#reportsView td,#reportsView th{padding:9px;text-align:left;border-bottom:1px solid var(--line)}#reportsView th{position:sticky;top:0;background:var(--brand-tint)}#reportsView td:not(:first-child){white-space:nowrap}#reportsView .report-chart{padding:12px 0;max-height:400px;overflow:auto}#reportsView .report-chart-row{display:grid;grid-template-columns:100px 1fr 1fr;gap:8px;align-items:center;margin:8px 0;font-size:.8rem}#reportsView .report-bar-cell{position:relative;background:var(--soft);min-height:30px;padding:6px;color:var(--ink)}#reportsView .report-bar{position:absolute;inset:0 auto 0 0;background:var(--line)}#reportsView .report-bar.profit{background:#bed6ed}#reportsView .report-bar-cell>span:last-child{position:relative}#reportsView .muted{font-size:.85rem}@media(max-width:760px){#reportsView .report-dashboard{padding:12px}#reportsView .report-cards{grid-template-columns:repeat(2,minmax(0,1fr))}#reportsView .report-grid{grid-template-columns:1fr}#reportsView .report-chart-row{grid-template-columns:1fr}#reportsView button,#reportsView input{min-height:44px}#reportsView .stat{padding:10px}}
#reportsView.active{scroll-margin-top:80px}
#reportsView .report-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}
#reportsView .report-chart-card{min-width:0;border:1px solid var(--line);border-radius:16px;background:white;padding:16px;box-shadow:0 5px 18px color-mix(in srgb,var(--ink) 3%,transparent)}
#reportsView .report-chart-card h3{font-size:1.1rem;color:var(--brand);margin:0 0 8px}
#reportsView .report-canvas-scroll{max-width:100%;overflow-x:auto}
#reportsView .report-chart-card canvas{display:block;width:100%;height:auto}
#reportsView .report-chart-values{max-height:200px;overflow:auto;padding-left:20px;font-size:.85rem;line-height:1.8;overflow-wrap:anywhere}
#reportsView .report-chart-card details{margin-bottom:0}
@media(max-width:1100px){#reportsView .report-chart-grid{grid-template-columns:1fr}}
@media(max-width:600px){#reportsView .report-chart-card{padding:10px}#reportsView .report-chart-card:has(canvas){overflow:hidden}}
body:has(#reportsView.active) .hero,body:has(#reportsView.active) .trust-strip{display:none}
body:has(#reportsView.active) .wrap{max-width:none;padding:16px}
/* Resumen compacto: mantiene gráficos y controles legibles. */
#reportsView .report-dashboard{padding:14px}
#reportsView h2{font-size:1.35rem;margin:0 0 4px}
#reportsView .report-presets,#reportsView .report-controls{margin:8px 0;gap:6px}
#reportsView .report-cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
#reportsView .stat{padding:10px;border-radius:10px}
#reportsView .stat b{font-size:1.15rem;line-height:1.3}
#reportsView .stat small{font-size:.75rem}
#reportsView .report-chart-grid{gap:10px;margin:12px 0}
#reportsView .report-chart-card{padding:10px;border-radius:10px}
#reportsView .report-chart-card h3{font-size:.95rem}
#reportsView .report-grid{gap:8px}
#reportsView details{padding:8px;margin:6px 0}
#reportsView td,#reportsView th{padding:6px 8px}
#reportsView .report-table-wrap{max-height:220px}
@media(max-width:1000px){#reportsView .report-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:540px){#reportsView .report-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}