/* Reports hub: use the available width, retaining existing report links and permissions. */
html body[data-view="reports"] #view .erp-report-page { gap: 16px !important; }
html body[data-view="reports"] #view .erp-report-output-bar { min-height: 0 !important; padding: 14px 16px !important; box-shadow: none !important; }
html body[data-view="reports"] #view .erp-report-output-actions { flex-wrap: wrap !important; justify-content: flex-end; }
html body[data-view="reports"] #view .crm-r1-module { display: grid !important; gap: 12px !important; min-width: 0; }
html body[data-view="reports"] #view .crm-r1-header { padding: 14px 16px !important; margin: 0 !important; background: #fff !important; border: 1px solid #e5eaf0 !important; border-radius: 10px !important; }
html body[data-view="reports"] #view .crm-r1-header h1 { font-size: 20px !important; margin: 4px 0 !important; }
html body[data-view="reports"] #view .crm-r1-directory { grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; }
html body[data-view="reports"] #view .crm-r1-directory-group { border: 0 !important; background: transparent !important; overflow: visible !important; }
html body[data-view="reports"] #view .crm-r1-directory-group h2 { padding: 4px 0 10px !important; margin: 0 !important; border: 0 !important; background: transparent !important; color: #66758a !important; font-size: 12px !important; }
html body[data-view="reports"] #view .crm-r1-directory-group > div { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important; gap: 10px !important; }
html body[data-view="reports"] #view .crm-r1-directory-group button { min-height: 82px !important; padding: 14px !important; border: 1px solid #e5eaf0 !important; border-radius: 9px !important; background: #fff !important; gap: 12px !important; }
html body[data-view="reports"] #view .crm-r1-directory-group button:not(:disabled):hover { background: #f4f8fd !important; border-color: #b8d2f5 !important; }
html body[data-view="reports"] #view .crm-r1-directory-group button b { font-size: 13px !important; line-height: 1.4; color: #18283d !important; }
html body[data-view="reports"] #view .crm-r1-directory-group button small { font-size: 11px !important; line-height: 1.5 !important; white-space: normal !important; overflow: visible !important; }
html body[data-view="reports"] #view .crm-r1-directory-group button em { color: #1769d2 !important; font-size: 11px !important; }
html body[data-view="reports"] #view .erp-report-summary-grid { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) !important; gap: 16px !important; align-items: start !important; }
html body[data-view="reports"] #view .erp-report-summary-grid .card-body { padding: 14px !important; }
html body[data-view="reports"] #view .erp-report-summary-grid .toolbar { gap: 8px !important; flex-wrap: wrap; }
html body[data-view="reports"] #view .erp-report-summary-grid h2 { font-size: 16px !important; }
@media (max-width: 850px) {
  html body[data-view="reports"] #view .erp-report-summary-grid { grid-template-columns: minmax(0, 1fr) !important; }
  html body[data-view="reports"] #view .erp-report-output-bar { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 600px) { html body[data-view="reports"] #view .crm-r1-directory-group > div { grid-template-columns: minmax(0, 1fr) !important; } }