/* Kastkaart 2.0 · alleen de radargrafiek en haar eigen vergelijkingsbediening.
   Algemene pagina-opmaak, inklapvakken, tabellen en logo komen uit app.css
   en dashboard-modern.css. */
.qr-radar{width:100%;min-width:0}
.qr-radar .qr-compare{display:flex;flex-wrap:wrap;align-items:center;column-gap:16px;row-gap:9px;margin-bottom:12px}
.qr-radar .qr-compare-caption{color:var(--kk-panel-head-text,#244f7c);font-size:12px;flex-basis:100%}
.qr-radar .qr-compare-key{display:inline-flex;align-items:center;gap:6px;min-width:0;margin:0;font-size:12px;font-weight:650;color:#355572;cursor:pointer}
.qr-radar .qr-compare-key input[type=checkbox]{display:inline-block;flex:none;width:17px;height:17px;min-width:17px;min-height:17px;margin:0;padding:0;box-shadow:none;accent-color:#2563eb}
.qr-radar .qr-compare-key.qr-no-data{font-weight:400;color:#8a97a7;cursor:default}
.qr-radar .qr-key-swatch{display:inline-block;width:13px;height:13px;border-radius:4px;border:2px solid;flex:none}
.qr-radar .qr-key-queen{background:rgba(35,106,170,.21);border-color:#226ab0}
.qr-radar .qr-key-mother{background:rgba(201,57,74,.22);border-color:#c6384e}
.qr-radar .qr-key-father{background:rgba(210,153,12,.25);border-color:#b38409}
.qr-radar .qr-visual{min-width:0;width:100%;margin:0 auto;overflow-x:auto}
.qr-radar .qr-svg{display:block;width:100%;height:auto;max-width:840px;margin:0 auto;overflow:visible}
.qr-radar .qr-ring{fill:#f4f8fd;fill-opacity:.34;stroke:#dbe7f4;stroke-width:1.35}
.qr-radar .qr-axis{stroke:#d9e4f0;stroke-width:1.2}
.qr-radar .qr-scale-label{font-size:12px;font-weight:750;fill:#6984a3;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}
.qr-radar .qr-axis-label{font-size:13px;font-weight:650;fill:#315273}
.qr-radar .qr-axis-label.qr-group-opbrengst{fill:#9f681a}
.qr-radar .qr-axis-label.qr-group-resistentie{fill:#24766a}
.qr-radar .qr-axis-label.qr-missing{fill:#a3adbc;font-weight:400}
.qr-radar .qr-area{stroke-width:3;stroke-linejoin:round}
.qr-radar .qr-profile-segment{stroke-width:3;stroke-linecap:round}
.qr-radar .qr-point{fill:#fff;stroke-width:2.5}
.qr-radar .qr-queen-layer .qr-area{fill:#357bbd;fill-opacity:.14;stroke:#226ab0}
.qr-radar .qr-queen-layer .qr-profile-segment,.qr-radar .qr-queen-layer .qr-point{stroke:#226ab0}
.qr-radar .qr-parent-layer{display:none}
.qr-radar .qr-parent-layer.qr-is-visible{display:inline}
.qr-radar:has(input[data-qr-parent="mother"]:checked) .qr-mother-layer,
.qr-radar:has(input[data-qr-parent="father"]:checked) .qr-father-layer{display:inline}
.qr-radar .qr-mother-layer .qr-area{fill:#d04759;fill-opacity:.13;stroke:#c6384e;stroke-dasharray:10 5}
.qr-radar .qr-mother-layer .qr-profile-segment,.qr-radar .qr-mother-layer .qr-point{stroke:#c6384e}
.qr-radar .qr-father-layer .qr-area{fill:#e5b73d;fill-opacity:.09;stroke:#b38409;stroke-width:3.7;stroke-dasharray:5 5}
.qr-radar .qr-father-layer .qr-profile-segment,.qr-radar .qr-father-layer .qr-point{stroke:#b38409}
.qr-radar .qr-gap-segment{stroke:#fff;stroke-width:5;stroke-linecap:round}
.qr-radar .qr-gap-mark{stroke:#7895b3;stroke-width:2;stroke-dasharray:5 6;stroke-linecap:round}
.qr-radar .qr-none{fill:#64748b;font-size:14px}
.qr-radar .qr-hint{font-size:11px;line-height:1.65;color:#62758b;margin:12px 0 3px}
.qr-radar .qr-method{font-size:12px;color:#556b80;margin-top:12px}
.qr-radar .qr-method summary{cursor:pointer;color:var(--kk-panel-head-text,#24598b);font-weight:650}
.qr-radar .qr-method p{line-height:1.65;margin:8px 0 0}
@media(max-width:700px){.qr-radar .qr-axis-label{font-size:14px}.qr-radar .qr-compare{column-gap:10px}}

@media(max-width:560px){.qr-radar .qr-svg{min-width:590px}}

.qr-radar .qr-mobile-hint{display:none}
@media(max-width:560px){.qr-radar .qr-mobile-hint{display:block;font-weight:700;margin-bottom:5px;color:#24598b}}