/* Evaluation charts: shared visual language, exact recorded measurements. */
.assessment-modern{margin:18px 0 24px;color:#edf3e7;min-width:0}
.assessment-modern .assessment-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
.assessment-modern .assessment-overview>div{display:block;position:relative;min-width:0;padding:19px 20px;border:1px solid #8aa56328;border-radius:15px;background:linear-gradient(145deg,#263420,#182319);box-shadow:0 10px 25px #0002,inset 0 1px 0 #d7edbc0c}
.assessment-modern .assessment-overview .assessment-stat-current{background:radial-gradient(ellipse at top right,#b6d77524,transparent 80%),linear-gradient(140deg,#2e4124,#19281a);border-color:#a4c36e44}
.assessment-modern .assessment-overview small{display:block;font:400 11px/1.45 'Segoe UI',Arial,sans-serif;color:#a7b69b;margin-bottom:11px}
.assessment-modern .assessment-overview strong{display:block;font:600 29px/1.15 'Segoe UI',Arial,sans-serif;color:#eef5e5;letter-spacing:-1px;font-variant-numeric:tabular-nums;margin-bottom:7px}
.assessment-modern .assessment-stat-current strong{color:#d4ee9b}
.assessment-modern .assessment-overview span{display:block;font-size:11px;line-height:1.5;color:#a3b394}
.assessment-modern .assessment-overview .assessment-state{font-size:12px;line-height:1.5;letter-spacing:0;background:none;padding:0;min-width:0;color:#bfcdb0;margin:0 0 7px}
.assessment-modern .assessment-overview .assessment-state.within{color:#c3dea0;background:none}
.assessment-modern .assessment-overview .assessment-state.outside{color:#edbd83;background:none}
.assessment-trend-card{min-width:0;padding:24px 24px 18px;border:1px solid #9bb46d30;border-radius:20px;background:radial-gradient(ellipse at 70% 0,#8dab4c0c,transparent 65%),linear-gradient(155deg,#1e2a1c,#111a12);box-shadow:0 18px 40px #0003,inset 0 1px 0 #e3f4cf0c}
.assessment-trend-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}
.assessment-trend-heading small{font-size:9px;font-weight:600;letter-spacing:2.2px;color:#9db07e}
body #panel .assessment-trend-heading h4,.assessment-trend-heading h4{font:600 19px/1.3 'Segoe UI',Arial,sans-serif;color:#e9f0df;margin:6px 0 0!important;letter-spacing:-.35px}
.assessment-trend-heading>span{font-size:10px;color:#a0b18e;border:1px solid #8ba45b2a;border-radius:20px;padding:7px 11px;white-space:nowrap;margin-left:10px}
.assessment-chart-focus{display:flex;align-items:center;flex-wrap:wrap;min-height:41px;margin:0 0 7px;padding:0 0 0 9px;border-left:2px solid #c8e789}
.assessment-chart-focus>span{font-size:11px;color:#9caf8b;margin-right:14px}
.assessment-chart-focus>strong{font-size:21px;font-weight:600;color:#d4ee9b;font-variant-numeric:tabular-nums;margin-right:14px;letter-spacing:-.4px}
.assessment-chart-focus>span:last-child{font-size:10px;color:#aabc99}
body #panel .assessment-modern .assessment-chart-scroll,.assessment-modern .assessment-chart-scroll{overflow:hidden!important;background:none!important;border:0!important;padding:0!important;border-radius:0;max-width:100%;margin:0}
body #panel .assessment-modern svg.assessment-chart,.assessment-modern svg.assessment-chart{display:block;width:100%!important;min-width:0!important;max-width:100%;height:auto!important;overflow:visible}
.assessment-modern .assessment-chart text{font-family:'Segoe UI',Arial,sans-serif;fill:#8fa181;font-size:12px;stroke:none}
.assessment-modern .assessment-chart .assessment-axis{fill:#8fa181;font-size:11px}
.assessment-modern .assessment-chart .assessment-chart-date{fill:#9bad8c;font-size:11px}
.assessment-grid-line{stroke:#8d9f7220;stroke-width:1;stroke-dasharray:3 7}
.assessment-reference-band{fill:#b5d17f;opacity:.055}
.assessment-reference-line{stroke:#9ab76a55;stroke-width:1;stroke-dasharray:5 6}
.assessment-trend-line{fill:none;stroke:#c8e789;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.assessment-chart-cursor{stroke:#d2e6a944;stroke-width:1;stroke-dasharray:4 5}
.assessment-dot{fill:#c8e789;stroke:#142017;stroke-width:2;transition:r .16s}
.assessment-dot-outside{fill:#edb67b}
.assessment-dot-halo{fill:#bfe17a;opacity:0;transition:opacity .16s}
.assessment-point{cursor:pointer;outline:none}
.assessment-point[data-selected=true] .assessment-dot-halo,.assessment-point:focus .assessment-dot-halo{opacity:.18}
.assessment-point[data-selected=true] .assessment-dot{r:6}
.assessment-point:focus .assessment-dot{stroke:#f3f9e8;stroke-width:3}
.assessment-chart-footer{border-top:1px solid #8da86620;padding-top:12px}
.assessment-chart-footer>span{display:block;color:#8c9f7c;font-size:10px;margin-bottom:10px}
.assessment-modern .assessment-chart-legend{display:flex;flex-wrap:wrap;font-size:10px;color:#9caf8a;margin:0}
.assessment-modern .assessment-chart-legend>span{display:inline-flex;align-items:center;margin-right:17px;margin-bottom:7px}
.assessment-modern .assessment-chart-legend i{width:7px;height:7px;margin-right:6px}
.assessment-modern .legend-measured{background:#c8e789}
.assessment-modern .legend-reference{background:#819955}
.assessment-modern .legend-outside{background:#edb67b}
.assessment-reference-details{margin-top:14px;border:1px solid #819d4d22;border-radius:12px;background:#1a261640}
.assessment-reference-details>summary{cursor:pointer;padding:13px 16px;font-size:11px;color:#b2c399}
.assessment-modern .assessment-reference-caption{display:block;border:0;padding:0 16px 15px;font-size:11px;line-height:1.6;color:#a9bb93;margin:0}
.assessment-reference-caption>strong{font-size:11px;margin-right:12px;color:#c2d3ae}
.assessment-modern .assessment-reference-caption p{font-size:11px;color:#a0b38f;margin:9px 0 0}
@media(max-width:1000px){.assessment-modern .assessment-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.assessment-modern .assessment-overview{gap:9px}.assessment-modern .assessment-overview>div{padding:15px}.assessment-modern .assessment-overview strong{font-size:25px}.assessment-trend-card{padding:18px 13px 14px;border-radius:16px}.assessment-trend-heading>span{font-size:9px;padding:6px 9px}.assessment-chart-focus>span{margin-right:10px}.assessment-chart-focus>strong{font-size:19px;margin-right:10px}.assessment-modern .assessment-chart .assessment-axis,.assessment-modern .assessment-chart .assessment-chart-date{font-size:16px}.assessment-trend-heading h4{font-size:17px!important}}
@media(prefers-reduced-motion:reduce){.assessment-dot,.assessment-dot-halo{transition:none}}