#schoolReportFilters { flex-wrap: wrap; gap: 10px; }
#schoolReportFilters label { display: inline-flex; align-items: center; gap: 6px; }
#schoolReportFilters input { min-width: 0; max-width: 145px; }
#schoolReportBody .service-panel { margin-bottom: 16px; }
#schoolView { min-width: 0; }

.ll-report, .ll-report-body { min-width: 0; width: 100%; max-width: 100%; }
.ll-report .service-toolbar, .ll-conversion-period { flex-wrap: wrap; gap: 10px; min-width: 0; max-width: 100%; }
.ll-report .service-toolbar label, .ll-conversion-period label { display: inline-flex; align-items: center; gap: 6px; }
.ll-report .service-toolbar input, .ll-conversion-period input { min-width: 0; max-width: 145px; }
.ll-report .service-panel { min-width: 0; max-width: 100%; box-sizing: border-box; margin-bottom: 16px; }
.ll-report .table-frame { min-width: 0; max-width: 100%; }
.ll-report .table-scroll { min-width: 0; max-width: 100%; overflow-x: auto; }
.ll-report .form-note, .ll-report .service-panel > strong { white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 600px) {
 .ll-report .service-title, .ll-conversion-period > strong { flex: 1 1 100%; white-space: normal; }
}

.ll-spend-card { text-align: start; font-family: inherit; cursor: pointer; }
.ll-spend-card:disabled { cursor: default; }
.ll-spend-card:focus-visible { outline: 2px solid var(--accent-strong); outline-offset: -3px; }