.support-bar{position:relative;z-index:30;display:flex;justify-content:flex-end;align-items:center;gap:16px;min-height:64px;padding:10px 24px;background:var(--accent-soft);border-bottom:1px solid var(--control-border-strong);color:var(--text-2)}
@media(min-width:651px){.app-shell>.sidebar{position:sticky;top:0;align-self:flex-start;height:100dvh}.app-shell>.main-shell{margin-left:0}}
.support-trigger{background:var(--surface);color:var(--accent-text);border:1px solid var(--control-border-strong);font-weight:600;min-height:44px}
.support-trigger:hover,.support-trigger:active{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent-text)}
.support-trigger:focus-visible{outline:3px solid var(--focus-strong);outline-offset:3px}
.support-dialog{width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:24px;border:2px solid var(--text-soft);border-radius:12px;background:var(--surface);color:var(--text-2);overflow:auto}
.support-dialog::backdrop{background:rgb(15 25 45 / 65%)}
.support-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.support-heading h2{margin:0}.support-dialog p{line-height:1.6}.support-dialog textarea,.support-dialog input{width:100%;box-sizing:border-box}
.support-details{margin:20px 0;padding:12px;border:1px solid var(--text-soft);border-radius:6px}.support-details summary{cursor:pointer;min-height:28px;font-weight:600;color:var(--text-2)}
.support-dialog input::placeholder,.support-dialog textarea::placeholder{color:var(--text-soft);opacity:1}
.support-details pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.875rem;line-height:1.5}
.support-actions{display:flex;flex-wrap:wrap;gap:12px}.support-dialog .help-text{color:var(--text-soft)}.support-dialog [hidden]{display:none!important}
.help-figure{margin:24px 0}.help-figure a{display:block;border:1px solid var(--control-border-strong);border-radius:8px;overflow:hidden}.help-figure img{display:block;width:100%;height:auto}.help-figure figcaption{margin-top:8px;color:var(--text-soft);font-size:.875rem;line-height:1.6}.help-figure figcaption span{display:block}
/* Gegenprobe: helle Feldraender 1,30:1 und Fokusringe 2,29:1 waren nicht erkennbar genug. */
input:not([type=checkbox]):not(:disabled),select:not(:disabled),textarea:not(:disabled){border-color:var(--control-border-strong)}
:focus-visible{outline-color:var(--focus-strong)}
input:not([type=checkbox]):focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--focus-strong);border-color:var(--focus-strong)}
#support-status{font-weight:600}.support-dialog button:focus-visible,.support-dialog summary:focus-visible{outline:3px solid var(--focus-strong);outline-offset:3px}
@media(max-width:650px){.layout-frame{position:relative}.support-bar{position:absolute;top:0;right:0;z-index:30;min-height:0;height:78px;padding:0 16px;background:transparent;border:0;gap:0}.support-bar>span{display:none}.support-trigger{min-height:40px;padding:8px 12px;font-size:.8125rem}.support-dialog{padding:16px}.support-heading{align-items:flex-start}.support-heading h2{font-size:1.25rem}}