.support-fab,.feedback-fab{position:fixed;z-index:45;right:1rem;bottom:1rem;min-height:48px;border:1px solid var(--accent);border-radius:999px;background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-1);font:600 .9rem var(--font-text);cursor:pointer}.support-fab{display:flex;align-items:center;gap:.45rem;padding:.55rem 1rem}.support-fab>span:first-child{display:grid;place-items:center;width:1.5rem;height:1.5rem;border:2px solid currentColor;border-radius:50%;font-weight:800}.feedback-fab{right:8.3rem;padding:.55rem 1rem;background:var(--surface);color:var(--ink);border-color:var(--rule)}
.support-dialog,.feedback-dialog{width:min(38rem,calc(100vw - 1rem));max-height:calc(100dvh - 1rem);padding:0;border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--surface);color:var(--ink);box-shadow:0 28px 80px rgb(0 0 0 / 35%)}.support-dialog::backdrop,.feedback-dialog::backdrop{background:rgb(15 20 32 / 72%);backdrop-filter:blur(3px)}.support-dialog[open],.feedback-dialog[open]{animation:support-enter .2s ease-out}.support-dialog>*:not(.support-dialog__head),.feedback-dialog>*:not(.support-dialog__head){margin-inline:1.25rem}.support-dialog__head{display:flex;align-items:start;justify-content:space-between;gap:1rem;padding:1.1rem 1.25rem;border-bottom:1px solid var(--rule)}.support-dialog__head h2{margin:.15rem 0 0;font:600 1.5rem/1.15 var(--font-display)}.support-icon-button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--rule);border-radius:var(--radius-control);background:transparent;color:var(--ink);font-size:1.5rem;cursor:pointer}.support-dialog__intro{color:var(--ink-soft)}.support-eyebrow{margin:0;color:var(--accent);font:600 .75rem/1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}
.support-messages{display:grid;gap:.75rem;max-height:18rem;margin-block:1rem;padding:0;overflow:auto;list-style:none}.support-message{max-width:88%;padding:.75rem .9rem;border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--bg)}.support-message--user{margin-left:auto;border-color:var(--accent)}.support-message--admin{margin-right:auto}.support-message p{margin:.25rem 0;white-space:pre-wrap;overflow-wrap:anywhere}.support-message time{color:var(--ink-soft);font-size:.72rem}.support-empty{color:var(--ink-soft)}.support-status{min-height:1.4em;color:var(--ink-soft)}.support-status.is-error{color:var(--danger)}.support-status.is-success{color:var(--success)}
.support-form{display:grid;gap:.6rem;margin-block:1rem;padding-bottom:.25rem}.support-form label{font-weight:600}.support-form input,.support-form textarea,.support-form select{width:100%;min-height:44px;padding:.65rem .75rem;border:1px solid var(--rule);border-radius:var(--radius-control);background:var(--bg);color:var(--ink);font:inherit}.support-form textarea{resize:vertical}.support-form .button{justify-self:start}.support-form button[aria-busy="true"]{opacity:.75;cursor:wait}.support-page,.contact-support,.error-page{max-width:48rem;padding:clamp(1.5rem,5vw,3rem);border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--shadow-1)}.support-page h1,.contact-support h1,.error-page h1{margin:.35rem 0;font:600 clamp(2rem,6vw,3.5rem)/1.1 var(--font-display)}.contact-support .shell-brand img{width:min(15rem,60vw);height:auto;margin-bottom:2rem}.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
[data-mode-resolved="dark"] .contact-support .shell-brand img{content:url("/images/logo-2026/wortmarke-dunkel.svg")}
.feedback-target{padding:.65rem;border:1px solid var(--rule);background:var(--bg);color:var(--ink-soft);font:400 .75rem/1.45 var(--font-mono);overflow-wrap:anywhere}.feedback-select-overlay{position:fixed;inset:0;z-index:100;cursor:crosshair;pointer-events:none}.feedback-select-overlay>div:first-child{position:fixed;z-index:102;top:.5rem;left:50%;display:flex;align-items:center;gap:1rem;transform:translateX(-50%);padding:.65rem .8rem;border:1px solid var(--accent);border-radius:var(--radius-control);background:var(--surface);color:var(--ink);pointer-events:auto}.feedback-select-overlay button{min-height:36px;border:1px solid var(--rule);background:transparent;color:var(--ink);cursor:pointer}.feedback-select-overlay #feedback-outline{position:fixed;z-index:101;border:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);pointer-events:none}
.admin-support-grid{display:grid;grid-template-columns:minmax(15rem,22rem) minmax(0,1fr);gap:1.5rem}.admin-conversation-list{display:grid;align-content:start;gap:.35rem}.admin-conversation-list a{display:grid;gap:.25rem;padding:.8rem;border:1px solid var(--rule);border-radius:var(--radius-control);background:var(--surface);color:var(--ink);text-decoration:none}.admin-conversation-list a.is-unread{border-left:5px solid var(--accent);font-weight:700}.admin-conversation-list small{color:var(--ink-soft);font-weight:400}.admin-conversations{display:grid;gap:1.25rem}.admin-conversation{padding:1rem;border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--surface)}.admin-conversation.is-selected{outline:3px solid var(--focus);outline-offset:2px}.admin-conversation>header,.feedback-admin-item>header{display:flex;align-items:start;justify-content:space-between;gap:1rem}.admin-conversation h2,.feedback-admin-item h2{margin:0;font-family:var(--font-display)}.admin-conversation header p,.feedback-admin-item header p{margin:.25rem 0;color:var(--ink-soft);font-size:.8rem}.support-status-pill{padding:.25rem .45rem;border:1px solid var(--rule);border-radius:999px;color:var(--ink-soft);font-size:.75rem}.support-messages--admin{max-height:none}.feedback-admin-list{display:grid;gap:1rem}.feedback-admin-item{padding:1rem;border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--surface)}.feedback-admin-message{white-space:pre-wrap}.feedback-admin-item dl{display:grid;gap:.5rem}.feedback-admin-item dl div{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:.5rem}.feedback-admin-item dt{color:var(--ink-soft)}.feedback-admin-item dd{margin:0;overflow-wrap:anywhere;font-family:var(--font-mono);font-size:.8rem}.feedback-admin-item form{display:flex;align-items:end;gap:.75rem}.feedback-admin-item select{display:block;min-height:44px;margin-top:.25rem}
.security-danger-zone{margin-top:2rem;padding:1rem;border:1px solid var(--danger);border-radius:var(--radius-panel)}.security-danger-zone h2{color:var(--danger)}
[data-click-state="pressed"]{filter:brightness(.92)}[data-click-state="loading"]{cursor:wait}[data-click-state="loading"]::after{content:" …"}[data-click-state="success"]{box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 35%,transparent)}
@keyframes support-enter{from{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:none}}
@media(max-width:760px){.shell-nav{flex-wrap:wrap;justify-content:flex-start}.admin-support-grid{grid-template-columns:minmax(0,1fr)}.admin-conversation-list,.admin-conversations,.admin-conversation,.feedback-admin-item{min-width:0}.admin-conversation>header,.feedback-admin-item>header{flex-wrap:wrap}.admin-conversation-list small,.admin-conversation h2,.admin-conversation header p,.feedback-admin-item h2,.feedback-admin-item header p{overflow-wrap:anywhere}.feedback-fab{right:6.8rem}.support-fab__label{display:none}.support-fab{padding:.55rem}.support-dialog,.feedback-dialog{margin:auto}.feedback-select-overlay>div:first-child{width:calc(100% - 1rem);justify-content:space-between}.feedback-admin-item form{align-items:stretch;flex-direction:column}.feedback-admin-item form .button{width:100%}}
@media(prefers-reduced-motion:reduce){.support-dialog[open],.feedback-dialog[open]{animation:none}}
body:has(.story-workspace) .support-fab,body:has(.story-workspace) .feedback-fab{bottom:4.5rem}