.temporal-panel{margin-block:24px;padding:30px}.temporal-panel h2{font-size:28px;margin-block:8px 16px}.trend-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;flex-wrap:wrap}.trend-heading .field{min-width:240px;max-width:360px}.trend-svg-wrap{direction:ltr;margin-block:20px 4px;overflow:hidden}.temporal-chart{display:block;width:100%;height:auto;overflow:visible}.trend-gridline{stroke:#dfe8e2;stroke-width:1;stroke-dasharray:4 5}.trend-axis,.trend-unit{fill:#536b65;font-family:Arial,sans-serif;font-size:12px}.trend-unit{font-family:inherit}.trend-line{stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.trend-dot{pointer-events:none}.trend-hit{cursor:crosshair;outline:none}.trend-hit.is-active,.trend-hit:focus{fill:#183c3510;stroke:#537d7450;stroke-width:1}.trend-readout{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;border:1px solid #dce8e1;border-radius:14px;padding:15px 18px;background:#f6faf7;min-height:64px;font-size:14px}.trend-readout>span{display:inline-flex;gap:7px;align-items:center;flex-wrap:wrap}.trend-legend{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:14px 0 6px;margin-top:18px;max-height:220px;overflow:auto}.trend-legend legend{font-size:14px;font-weight:700;margin-bottom:8px}.trend-legend label{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #d9e3dd;border-radius:12px;cursor:pointer;font-size:14px;background:#fff;max-width:100%}.trend-legend input{width:17px;height:17px;accent-color:#1b6962;flex-shrink:0}.trend-legend svg,.trend-readout svg{flex-shrink:0}.trend-legend b{margin-inline-start:5px;font-weight:600}.trend-legend label:has(input:not(:checked)){opacity:.58}.trend-actions{margin-block:8px 18px;gap:20px}.trend-data{margin-top:14px}.trend-data table{min-width:420px}.trend-data th{white-space:normal}.temporal-compensation{border-bottom:1px solid #dce8e1;padding-bottom:24px;margin-bottom:26px}.temporal-compensation h3{font-size:25px}.temporal-compensation .hint{margin-block:10px}.trend-data td{font-variant-numeric:tabular-nums}@media(max-width:600px){.temporal-panel{padding:20px 12px}.temporal-panel h2{font-size:23px}.trend-heading .field{min-width:0;width:100%;max-width:none}.trend-readout{gap:10px;padding:12px;font-size:13px}.trend-readout>strong{width:100%}.trend-legend{max-height:240px}.trend-legend label{font-size:13px;padding:9px;gap:6px}.trend-axis{font-size:11px}.temporal-compensation h3{font-size:22px}}