.ki-betriebswahl { width:100%; max-width:90rem; margin:auto; --ki-betriebswahl-rot:#a32222; }
.ki-betriebswahl h3 { color:var(--color-primary); font-size:1.2rem; margin:1.5rem 0 .75rem; }
.ki-betriebswahl h4 { color:var(--color-primary); margin:1rem 0 .6rem; font-size:1rem; }
.ki-betriebswahl :is(input,select,textarea,button) { font:inherit; color:inherit; border:1px solid var(--color-border); border-radius:0; background:var(--color-bg-primary); padding:.5rem .65rem; max-width:100%; }
.ki-betriebswahl :is(input,select,textarea):focus-visible,.ki-betriebswahl button:focus-visible { outline:2px solid var(--color-primary); outline-offset:2px; }
.ki-betriebswahl textarea { resize:vertical; min-height:4rem; }
.ki-betriebswahl label { display:flex; flex-direction:column; gap:.3rem; min-width:0; font-size:.95rem; }
.ki-betriebswahl button { cursor:pointer; color:var(--color-primary); border-color:var(--color-primary); }
.ki-betriebswahl button:disabled { opacity:.5; cursor:default; }
.ki-betriebswahl-ablage { display:flex; flex-wrap:wrap; align-items:end; gap:.75rem; padding-bottom:1rem; border-bottom:1px solid var(--color-border); }
.ki-betriebswahl-ablage label { flex:1; max-width:32rem; }
.ki-betriebswahl-ablage [role=status] { color:var(--color-text-secondary); align-self:center; }
.ki-betriebswahl [role=alert],.ki-betriebswahl .ausgeschlossen { color:var(--ki-betriebswahl-rot); }
.ki-betriebswahl-fall { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:1rem 0; }
.ki-betriebswahl fieldset { padding:1rem; border:1px solid var(--color-border); margin:1rem 0; }
.ki-betriebswahl legend { color:var(--color-primary); font-weight:600; padding:0 .4rem; }
.ki-betriebswahl-stakeholder { display:flex; flex-wrap:wrap; gap:.7rem 1.3rem; }
.ki-betriebswahl .ki-betriebswahl-haken { flex-direction:row; align-items:center; gap:.4rem; }
.ki-betriebswahl input[type=checkbox] { width:1rem; height:1rem; accent-color:var(--color-primary); flex-shrink:0; }
.ki-betriebswahl summary { cursor:pointer; color:var(--color-primary); padding:.5rem 0; }
.ki-betriebswahl details { margin:.6rem 0; }
.ki-betriebswahl-perspektiven [data-field=perspektiven] { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr)); gap:1rem; }
.ki-betriebswahl dl { margin:.5rem 0; }
.ki-betriebswahl dt { font-weight:600; font-size:.9rem; }
.ki-betriebswahl dd { margin:0 0 .7rem; font-size:.9rem; color:var(--color-text-secondary); }
.ki-betriebswahl-abschnitt { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.ki-betriebswahl-abschnitt h3 { margin:1rem 0; }
.ki-betriebswahl-faktoren>p,.ki-betriebswahl-hinweis { color:var(--color-text-secondary); font-size:.95rem; line-height:1.45; }
.ki-betriebswahl-faktor { padding:1rem; border:1px solid var(--color-border); margin:.7rem 0; }
.ki-betriebswahl-faktor.inaktiv { background:var(--color-bg-secondary); }
.ki-betriebswahl-faktorkopf { display:grid; grid-template-columns:auto minmax(0,1fr) 7rem auto; align-items:center; gap:1rem; }
.ki-betriebswahl-faktorkopf input[aria-label=Faktor] { width:100%; font-weight:600; }
.ki-betriebswahl-paar { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:.7rem 0; }
.ki-betriebswahl-paar>div { display:flex; flex-direction:column; gap:.5rem; min-width:0; }
.ki-betriebswahl-faktor details>label { margin:.6rem 0; }
.ki-betriebswahl-ergebnis { margin-top:2rem; border-top:2px solid var(--color-primary); padding:0 0 1rem; }
.ki-betriebswahl-empfehlung { color:var(--color-primary); font-size:1.4rem; font-weight:600; }
.ki-betriebswahl-score { padding:1rem; background:var(--color-bg-secondary); }
.ki-betriebswahl-score h4 { margin:0 0 .4rem; }
.ki-betriebswahl-score strong { display:block; font-size:1.7rem; }
.ki-betriebswahl-score meter { display:block; width:100%; height:1.2rem; margin-top:.5rem; }
.ki-betriebswahl-score meter::-webkit-meter-bar { background:var(--color-border); border:0; border-radius:0; }
.ki-betriebswahl-score meter::-webkit-meter-optimum-value { background:var(--color-primary); }
.ki-betriebswahl-score meter::-moz-meter-bar { background:var(--color-primary); }
.ki-betriebswahl-score.ausgeschlossen meter { opacity:.3; }
.ki-betriebswahl table { width:100%; border-collapse:collapse; margin:1rem 0; }
.ki-betriebswahl :is(th,td) { text-align:left; padding:.6rem; border-bottom:1px solid var(--color-border); font-size:.95rem; }
.ki-betriebswahl-methode { font-size:.9rem; color:var(--color-text-secondary); }
@media(min-width:1200px) { .ki-betriebswahl { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(22rem,1fr); gap:0 2rem; align-content:start; } .ki-betriebswahl-ablage,.ki-betriebswahl>[role=alert],.ki-betriebswahl>[data-action=serverstand],.ki-betriebswahl-methode { grid-column:1/-1; } .ki-betriebswahl-ergebnis { margin-top:1rem; align-self:start; position:sticky; top:0; } }
@media(max-width:650px) { .ki-betriebswahl-fall { grid-template-columns:1fr; } .ki-betriebswahl-faktorkopf { grid-template-columns:1fr 1fr; gap:.6rem; } .ki-betriebswahl-faktorkopf input[aria-label=Faktor] { grid-column:1/-1; grid-row:1; } .ki-betriebswahl-faktorkopf>label:last-child { grid-column:1; grid-row:3; } .ki-betriebswahl-paar { gap:.6rem; } .ki-betriebswahl-faktor { padding:.7rem; } .ki-betriebswahl :is(th,td) { font-size:.8rem; padding:.4rem .2rem; overflow-wrap:anywhere; } }
@media(min-width:1200px) { .ki-betriebswahl-ergebnis { max-height:calc(100dvh - 12rem); overflow-y:auto; padding-right:.5rem; } }
@media(max-width:650px) { .ki-betriebswahl-ablage label { flex-basis:100%; max-width:none; } }

.ki-betriebswahl caption { text-align: left; font-weight: 600; color: var(--color-primary); }