.report-root-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.report-root-heading h2{margin:0}
.report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px}
.report-tile{border:1px solid var(--line);background:var(--card,#fff);border-radius:13px;padding:17px;display:flex;flex-direction:column;gap:16px;justify-content:space-between;min-height:132px}
.report-tile h3{margin:0 0 5px;font-size:14px}.report-tile small{color:var(--muted)}
.report-buttons{display:flex;gap:8px}.report-buttons button{flex:1;min-width:85px}
.recipe-preference{display:flex;align-items:center;gap:8px;margin:5px 0 9px;flex-wrap:wrap}
.recipe-stars,.recipe-edit-stars{display:inline-flex;align-items:center;gap:3px}
.recipe-star{background:transparent!important;border:0!important;color:#9ca3af!important;padding:2px!important;font-size:23px!important;line-height:1!important;box-shadow:none!important;cursor:pointer}
.recipe-star.filled{color:#f1ab19!important}.recipe-star:disabled{opacity:1;cursor:default}
.recipe-edit-ranking{padding:13px 18px;border:1px solid var(--line);border-radius:12px;margin:10px 0 18px;display:grid;gap:6px}
.recipe-edit-ranking strong{font-size:13px}.recipe-edit-ranking small{color:var(--muted)}
:root[data-theme='dark'] .report-tile{background:#202b3c}
@media(max-width:700px){.report-grid{grid-template-columns:1fr}}
/* Descarga nativa: enlaces reales, sin blob ni dependencia de ventanas emergentes. */
.report-period-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:end;padding-top:17px}
.report-buttons{flex-wrap:wrap}
.report-file-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;background:var(--navy);color:#fff!important;border:1px solid transparent;border-radius:8px;padding:9px 12px;font-size:13px;font-weight:700;flex:1;min-width:78px}
.report-file-link.ghost{background:var(--card,#fff);color:var(--navy)!important;border-color:var(--line)}
.report-file-link:hover{filter:brightness(1.12)}
.report-check{flex-basis:100%;min-width:100%!important}
.report-status{line-height:1.5;font-size:12px;color:var(--muted);min-height:20px}
.report-status small{display:block;margin-top:4px;color:var(--muted)}
:root[data-theme='dark'] .report-file-link.ghost{background:#192638;color:#cbd5e1!important}
