.report-metric-picker{margin:15px 0;border:1px solid #d6e3db;background:#f8faf8;border-radius:10px;padding:12px}
.report-metric-picker summary{cursor:pointer;font-weight:700;color:#214a3c}
.report-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:12px}
.report-metric-group{background:white;border:1px solid #e1e9e3;border-radius:8px;padding:12px}
.report-metric-group h4{margin:0 0 10px;font-size:13px;color:#23453a}
.report-metric-option{display:flex;align-items:flex-start;gap:8px;margin:8px 0;font-size:12px;color:#344f42;cursor:pointer}
.report-metric-option input{margin-top:2px;accent-color:#236447}
.report-template-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-top:16px}
.report-template-toolbar>.field{flex:1 1 220px}
.report-template-buttons{display:flex;flex:1 1 100%;flex-wrap:wrap;gap:8px;margin:2px 0 6px}
.report-template-buttons .btn{white-space:normal}
@media(max-width:640px){.report-template-buttons .btn{flex:1 1 42%}}
.report-template-save{display:flex;flex-wrap:wrap;gap:12px;align-items:end;border-top:1px solid var(--line,#d6e3db);margin-top:22px;padding-top:20px}
.report-template-save>.field{flex:1 1 260px}.report-template-save>p{flex-basis:100%;margin:0}.required-mark{color:#d13939}
.report-category-options{border:1px solid var(--line,#d6e3db);border-radius:9px;padding:14px;margin-top:14px;min-width:0}
.report-category-options>summary{font-weight:700;cursor:pointer;overflow-wrap:anywhere}
.report-field-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.report-field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:10px;margin:16px 0}
.report-field-grid label{display:flex;align-items:flex-start;gap:7px;font-size:12px;overflow-wrap:anywhere}
.report-field-grid input{accent-color:#28734f;flex-shrink:0;margin-top:2px}
.report-filter-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;align-items:end;margin:12px 0}
.report-filter-row .field{min-width:0}.report-filter-row input,.report-filter-row select{min-width:0;width:100%}
@media(max-width:760px){.report-filter-row{grid-template-columns:1fr 1fr}.report-template-save>.btn{width:100%}}
@media(max-width:420px){.report-filter-row{grid-template-columns:1fr}.report-field-grid{grid-template-columns:1fr}}

/* Report metric labels have their own day colors; override them in night mode. */
html[data-display-theme=night] .report-metric-picker summary,
html[data-display-theme=night] .report-metric-option {
  color: var(--night-text, #e8eef1) !important;
}