.client-modes {border:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.client-modes legend {font-weight:650;margin-bottom:10px}
.client-modes label {padding:16px;border:1px solid #d4dad6;border-radius:12px;cursor:pointer}
.client-modes label:has(input:checked) {border-color:#47775a;background:#f0f6f1}
.client-modes span {display:block;margin-top:8px;font-size:.9rem}
.client-target-editor {padding:16px;margin:16px 0;border:1px solid #d4dad6;border-radius:12px}
.client-target-editor summary {cursor:pointer;font-weight:650}
.client-target-editor label {display:flex;flex-direction:column;gap:5px;margin:12px 0}
.client-target-editor input,.client-target-editor select,.client-target-editor textarea,.client-results-tools select {font:inherit;padding:9px;border:1px solid #bfcac2;border-radius:6px;max-width:100%}
.client-target-editor .client-check-label {flex-direction:row;align-items:center}
.client-criterion {border-top:1px solid #d4dad6;margin-top:16px;padding-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.client-criterion .client-question {grid-column:1/-1}
.client-results-tools {display:flex;gap:12px;flex-wrap:wrap;align-items:end;padding:12px 0}
.client-results-tools label {display:flex;flex-direction:column;gap:5px}
#client-run-metrics {flex-basis:100%;font-size:.9rem;color:#46544a}

body.client-v4-results .results-sections,
body.client-v4-results #result-filters {display:none!important}
@media(max-width:650px){.client-modes,.client-criterion{grid-template-columns:1fr}.client-results-tools>*{max-width:100%}}