#le-dashboard{min-width:0;--le-plus:#15703d;--le-minus:#b42727}
:root[data-theme="dark"] #le-dashboard{--le-plus:#5fd08a;--le-minus:#f08a8a}
#le-dashboard[hidden]{display:none}
.le-erklaerung{max-width:105ch;font-size:14px;margin:10px 0 16px}
.le-filter{display:grid;grid-template-columns:1.2fr 1.5fr 1fr 1.2fr;gap:12px}
.le-filter label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:650;min-width:0}
.le-filter input,.le-filter select{width:100%;min-width:0;min-height:44px;box-sizing:border-box;padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);font:inherit}
.le-leiste{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:14px 0 8px}
.le-leiste p{margin:3px 0;font-size:13px}
.le-leiste button{flex:none;min-height:44px}
.le-status{margin:6px 0;font-size:14px;white-space:normal}
.le-status:empty{display:none}
.le-veraltet .le-status{border-left:3px solid var(--gold);padding:8px 12px;background:var(--soft)}
.le-legende{font-size:12.5px;line-height:1.5;color:var(--muted);margin:8px 0 14px}
.le-person{border:1px solid var(--line);border-radius:10px;margin:10px 0;background:var(--card);min-width:0}
.le-person summary{display:grid;grid-template-columns:minmax(130px,1.35fr) repeat(9,minmax(65px,1fr));gap:10px;align-items:start;padding:14px;cursor:pointer;list-style:none}
.le-person summary::-webkit-details-marker{display:none}
.le-person summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.le-name,.le-thema{display:flex;flex-direction:column;gap:5px;min-width:0;overflow-wrap:anywhere}
.le-name strong{font-size:15px}.le-name>span{font-size:12px;color:var(--muted)}
.le-name .le-oeffnen{color:var(--ink);text-decoration:underline;text-underline-offset:3px;padding-top:5px}
.le-name .le-oeffnen{display:flex;align-items:center;gap:5px;text-decoration:none}.le-name .le-oeffnen .fi-klapp__wort{font-size:12px}.le-name .le-oeffnen .fi-klapp__marke{margin:0;flex:none}
.le-thema-name{font-size:11.5px;line-height:1.35;min-height:3.9em;color:var(--muted)}
.le-prozent{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}
.le-delta{font-size:13px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}
.le-delta abbr{text-decoration:none}
.le-plus{color:var(--le-plus)}.le-minus{color:var(--le-minus)}
.le-ohne{font-size:11.5px;color:var(--muted);font-weight:400;line-height:1.35}
.le-ein-thema .le-person summary{grid-template-columns:minmax(130px,1fr) minmax(150px,2fr)}
.le-ein-thema .le-thema-name{min-height:0}
.le-person-detail{border-top:1px solid var(--line);padding:16px;min-width:0}
.le-detail-kopf{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px}
.le-detail-kopf p{font-size:14px;margin:0}
.le-detail-kopf a{min-height:44px;box-sizing:border-box}
.le-detail-thema{padding:16px 0;border-top:1px solid var(--line)}
.le-detail-thema h4{font-size:15px;margin:0 0 10px}
.le-basen{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:13px}
.le-basen p{margin:4px 0;color:var(--muted)}
.le-detail-delta{font-size:13px}.le-detail-delta .le-ohne{font-size:13px}
.le-verlauf{max-width:500px;margin:8px 0 0}.le-verlauf svg{display:block;width:100%;height:95px;color:var(--brand);overflow:visible}
.le-verlauf polyline{fill:none;stroke:currentColor;stroke-width:2}.le-verlauf circle{fill:currentColor}.le-verlauf .le-raster{fill:none;stroke:var(--line);stroke-width:1}
.le-verlauf figcaption{font-size:12px;color:var(--muted)}.le-leer{padding:20px 0;color:var(--muted)}
@media(max-width:1150px){.le-person summary{grid-template-columns:repeat(3,minmax(0,1fr))}.le-name{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center}.le-name strong{font-size:16px}.le-name .le-oeffnen{grid-column:2;grid-row:1/3}.le-name>span:not(.le-oeffnen){grid-column:1}.le-thema{padding:9px 0;border-top:1px solid var(--line)}.le-thema-name{min-height:2.7em}.le-filter{grid-template-columns:1fr 1fr}.le-ein-thema .le-name{grid-column:auto;display:flex}.le-ein-thema .le-thema{border:0;padding:0}}
@media(max-width:480px){.le-filter{grid-template-columns:1fr}.le-person summary{gap:8px;padding:12px}.le-thema-name{font-size:11px;min-height:4em}.le-prozent{font-size:16px}.le-delta{font-size:12px}.le-leiste{align-items:flex-start;flex-wrap:wrap}.le-basen{grid-template-columns:1fr}.le-person-detail{padding:12px}.le-ein-thema .le-person summary{grid-template-columns:minmax(95px,1fr) minmax(120px,1.4fr)}}
@media(hover:hover) and (pointer:fine){.le-person summary:hover{background:var(--soft)}}

#le-dashboard .le-filter input,#le-dashboard .le-filter select,#le-dashboard #le-aktualisieren,#le-dashboard .le-detail-kopf a{min-height:44px}