/* Stärkenradar: user-chosen categories. Controls stay neutral (black/white); only the player series carry colour. */
#page-dataroom .comparison-radar>header{margin-bottom:14px}
#page-dataroom .radar-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}
#page-dataroom .radar-presets{display:flex;flex-wrap:wrap;gap:6px}
#page-dataroom :is(.radar-preset,.radar-customize,.radar-chip,.radar-add,.radar-more-head button){appearance:none;border:1px solid #2c2c2c;background:#151515;color:#c9c9c4;font:500 12.5px/1 Inter,Arial,sans-serif;border-radius:999px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
#page-dataroom .radar-preset{height:32px;padding:0 14px}
#page-dataroom :is(.radar-preset,.radar-customize,.radar-chip,.radar-add):hover:not(:disabled){border-color:#4a4a4a;color:#fff}
#page-dataroom :is(.radar-preset,.radar-chip).is-on{background:#ededea;border-color:#ededea;color:#0b0b0b}
#page-dataroom .radar-customize{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px 0 14px}
#page-dataroom .radar-customize b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#2a2a2a;color:#fff;font-size:11px}
#page-dataroom :is(.radar-customize,.radar-more-head button) i{font-style:normal;font-size:10px;color:#8a8a85;transition:transform .15s}
#page-dataroom :is(.radar-customize.is-open,.radar-more-head button[aria-expanded="true"]) i{transform:rotate(180deg)}

/* A: chip panel */
#page-dataroom .radar-chip-panel{margin-top:12px;padding:16px;border:1px solid #242424;border-radius:14px;background:#0d0d0d;display:grid;gap:12px}
#page-dataroom .radar-chip-panel>p{margin:0;font-size:12px;color:#8f8f8a}
#page-dataroom .radar-chip-group{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:start}
#page-dataroom .radar-chip-group>span{padding-top:8px;font:600 11px/1 Inter,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#7c7c77}
#page-dataroom .radar-chip-group>div{display:flex;flex-wrap:wrap;gap:6px}
#page-dataroom .radar-chip{height:30px;padding:0 12px}
#page-dataroom .radar-chip.is-empty{border-style:dashed;color:#6f6f6a}
#page-dataroom .radar-chip:disabled{cursor:not-allowed;opacity:.45}
#page-dataroom .radar-chip.is-on:disabled{opacity:1;cursor:default}

/* Radar stage: SVG and HTML labels share one box, so labels can be buttons. */
#page-dataroom .comparison-radar .performance-plot{display:flex;flex-direction:column;align-items:center;gap:8px}
#page-dataroom .radar-stage{position:relative;width:min(100%,560px);aspect-ratio:520/366;margin:0 auto}
#page-dataroom .radar-stage .performance-radar{position:absolute;inset:0;width:100%;height:100%;max-height:none;overflow:visible}
#page-dataroom .radar-axis{position:absolute;z-index:2;display:flex;align-items:flex-start;gap:2px;max-width:150px;width:max-content}
#page-dataroom .radar-axis.is-center{transform:translateX(-50%);text-align:center}
#page-dataroom .radar-axis.is-right{text-align:left}
#page-dataroom .radar-axis.is-left{transform:translateX(-100%);text-align:right;flex-direction:row-reverse}
#page-dataroom .radar-axis.is-top{translate:0 -100%}
#page-dataroom .radar-axis.is-middle{translate:0 -50%}
#page-dataroom .radar-axis-label{display:grid;gap:3px;padding:4px 6px;border:0;border-radius:8px;background:none;color:inherit;font:inherit;text-align:inherit}
#page-dataroom .radar-axis-label b{font:600 13px/1.15 Inter,Arial,sans-serif;color:#e6e6e1}
#page-dataroom .radar-axis-label small{font:400 10.5px/1.25 Inter,Arial,sans-serif;color:#85857f}
#page-dataroom button.radar-axis-label{position:relative;cursor:pointer;padding-right:18px}
#page-dataroom button.radar-axis-label i{position:absolute;right:5px;top:6px;font-style:normal;font-size:9px;color:#77776f}
#page-dataroom button.radar-axis-label:hover,#page-dataroom button.radar-axis-label[aria-expanded="true"]{background:#1d1d1d}
#page-dataroom .radar-axis-remove{flex:none;width:20px;height:20px;margin-top:4px;border:1px solid #333;border-radius:50%;background:#141414;color:#aaa;font:500 13px/1 Inter,Arial,sans-serif;cursor:pointer;opacity:0;transition:opacity .15s}
#page-dataroom .radar-axis:is(:hover,:focus-within) .radar-axis-remove{opacity:1}
#page-dataroom .radar-add{height:32px;padding:0 14px}

/* B: swap popover */
#page-dataroom .radar-popover{position:absolute;z-index:20;left:50%;top:4%;width:min(280px,92%);max-height:92%;display:flex;flex-direction:column;translate:-50% 0;border:1px solid #333;border-radius:14px;background:#121212;box-shadow:0 18px 40px #000a;overflow:hidden}
#page-dataroom .radar-popover header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 12px 8px 14px}
#page-dataroom .radar-popover header strong{font:600 13px/1.2 Inter,Arial,sans-serif;color:#fff}
#page-dataroom .radar-popover header button{width:26px;height:26px;border:0;border-radius:50%;background:#1f1f1f;color:#bbb;cursor:pointer}
#page-dataroom .radar-pop-list{overflow:auto;padding:0 6px 8px;scrollbar-width:none}
#page-dataroom .radar-pop-list::-webkit-scrollbar{display:none}
#page-dataroom .radar-pop-group>span{display:block;padding:10px 8px 4px;font:600 10.5px/1 Inter,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#76766f}
#page-dataroom .radar-pop-group button{display:grid;gap:2px;width:100%;padding:7px 8px;border:0;border-radius:8px;background:none;text-align:left;cursor:pointer}
#page-dataroom .radar-pop-group button:hover:not(:disabled){background:#1e1e1e}
#page-dataroom .radar-pop-group button:disabled{cursor:not-allowed;opacity:.45}
#page-dataroom .radar-pop-group b{font:600 12.5px/1.2 Inter,Arial,sans-serif;color:#e8e8e3}
#page-dataroom .radar-pop-group small{font:400 10.5px/1.2 Inter,Arial,sans-serif;color:#80807a}

/* C: table as picker; the radar stays in view while the list scrolls. */
#page-dataroom .comparison-radar[data-radar-variant-current="table"] .comparison-radar-body{align-items:start}
#page-dataroom .comparison-radar[data-radar-variant-current="table"] .performance-plot{position:sticky;top:96px}
#page-dataroom .radar-pin{display:inline-grid;place-items:center;width:22px;height:22px;margin:0 10px 0 0;vertical-align:-5px;border:1px solid #333;border-radius:50%;background:#141414;color:#ddd;font:500 14px/1 Inter,Arial,sans-serif;cursor:pointer;float:left}
#page-dataroom .radar-pin.is-on{background:#ededea;border-color:#ededea;color:#0b0b0b}
#page-dataroom .radar-pin:disabled{opacity:.35;cursor:not-allowed}
#page-dataroom .comparison-radar tr.is-pickable th small{margin-left:32px}
#page-dataroom .radar-more-head th{padding:14px 0 6px!important;text-align:left}
#page-dataroom .radar-more-head button{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px}
#page-dataroom .radar-more-head b{color:#fff}
#page-dataroom .radar-more tr:not(.radar-more-head) td strong{color:#8f8f8a}

/* Preview-only variant switch (?radar-ui) */
#page-dataroom .radar-variant-switch{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 14px;padding:8px;border:1px dashed #3a3a3a;border-radius:12px}
#page-dataroom .radar-variant-switch span{padding:0 6px;font:600 11px/1 Inter,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#7a7a74}
#page-dataroom .radar-variant-switch button{height:30px;padding:0 12px;border:1px solid #2c2c2c;border-radius:999px;background:#151515;color:#c9c9c4;font:500 12px/1 Inter,Arial,sans-serif;cursor:pointer}
#page-dataroom .radar-variant-switch button[aria-pressed="true"]{background:#ededea;color:#0b0b0b;border-color:#ededea}

@media(max-width:680px){
 #page-dataroom .radar-controls{flex-direction:column;align-items:stretch;min-width:0}
 #page-dataroom .radar-controls>*{min-width:0;max-width:100%}
 #page-dataroom .radar-presets{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -2px;padding:0 2px}
 #page-dataroom .radar-presets::-webkit-scrollbar{display:none}
 #page-dataroom .radar-preset{flex:none}
 #page-dataroom .radar-customize{justify-content:center}
 #page-dataroom .radar-chip-group{grid-template-columns:1fr;gap:6px}
 #page-dataroom .radar-chip-group>span{padding-top:0}
 #page-dataroom .radar-axis{max-width:96px}
 #page-dataroom .radar-axis-label b{font-size:11.5px}
 #page-dataroom .radar-axis-label small{display:none}
 #page-dataroom .radar-axis-remove{opacity:1;width:18px;height:18px}
 #page-dataroom .radar-popover{position:fixed;left:12px!important;right:12px;top:auto!important;bottom:12px;width:auto;max-height:60vh;translate:none}
}