/* Report requests use the existing Poppins and GPP palette. */
.report-run-panel{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;margin:0 0 14px;color:var(--text)}
.report-run-panel[hidden]{display:none}
.report-run-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.report-run-head h2{font-size:16px;line-height:1.4;margin:0 0 6px;font-weight:600}
.report-run-panel p{font-size:12px;color:var(--text2);margin:6px 0;line-height:1.6}
.report-run-status{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid var(--border);border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap;color:var(--brand);background:var(--bg)}
.report-run-status.ready{color:var(--success)}
.report-run-status.partial{color:var(--warning)}
.report-run-status.muted{color:var(--text2)}
.report-run-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:14px}
.report-run-actions .btn{font-size:12px;padding:8px 12px}
.report-run-actions .secondary{background:var(--bg);color:var(--text)}
.report-run-actions .cancel{background:var(--card);color:var(--danger);border:1px solid var(--border)}
.report-run-error{border-left:3px solid var(--danger);padding:8px 12px;color:var(--danger)!important;background:var(--bg);border-radius:6px}
.report-run-progress{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:11px;color:var(--text2)}
.report-run-progress progress{width:min(300px,55%);accent-color:var(--brand);height:8px}
.report-run-context{display:flex;flex-wrap:wrap;gap:6px 20px;border-top:1px solid var(--border);padding-top:10px;margin-top:12px;font-size:11px;color:var(--text2)}
.report-run-context b{font-weight:600;color:var(--text)}
.report-run-list{display:grid;gap:10px;margin-top:16px}
.report-run-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;border:1px solid var(--border);border-radius:12px;padding:14px;background:var(--card)}
.report-run-row h3{margin:0;font-size:13px;font-weight:600}
.report-run-row p{margin:4px 0 0;font-size:11px;color:var(--text2)}
.report-run-row .btn{font-size:12px}
.report-run-empty{padding:30px 14px;text-align:center}
.report-run-coverage{margin-top:8px;padding:9px 12px;border-radius:8px;background:var(--bg);font-size:11px;color:var(--text2)}
.report-run-filters-note{font-size:12px;line-height:1.6;color:var(--text2);padding:18px;background:var(--card);border-radius:12px}
@media(max-width:1023px){.report-run-head{gap:12px}.report-run-panel{padding:15px}.report-run-row{gap:12px}}
@media(max-width:767px){.report-run-head{flex-wrap:wrap}.report-run-row{grid-template-columns:minmax(0,1fr) auto}.report-run-row>.btn{grid-column:1/-1;justify-self:start}.report-run-context{gap:8px 14px}}
/* The shared mobile shell makes #app grow with its content. Let the document
   scroll as well; a fixed hidden body otherwise makes results unreachable. */
@media(max-width:767px){html.gpp-page-reportes,html.gpp-page-reportes body,html.gpp-page-reportes body:has(#app .repwrap){height:auto!important;min-height:100dvh;overflow-y:auto!important}}
@media(max-width:767px){html.gpp-page-reportes body #app{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}}
@media(max-width:479px){.report-run-panel{padding:12px}.report-run-head h2{font-size:14px}.report-run-row{grid-template-columns:1fr;gap:10px}.report-run-row>.btn{grid-column:1;justify-self:stretch}.report-run-row>.report-run-status{justify-self:start}.report-run-actions .btn{flex:1}.report-run-context{display:grid;gap:6px}.report-run-progress progress{width:50%}}