/* support-chat.css (O38-AUTO, 18.10.2026): KI-Support-Assistent auf /support.html und /en/support.html.
   Nutzt die Tokens aus site.css (hell/dunkel). Keine Webfonts, keine Bilder. Mindestgroesse fuer Tippziele 44 px. */
.sc{margin:8px 0 40px;padding:22px 20px;border:1px solid var(--t-line-2);border-radius:var(--t-r-lg);background:var(--t-surface);box-shadow:var(--t-s2);max-width:70ch}
.sc h2{margin:0 0 8px!important;font-size:clamp(20px,2.4vw,24px)!important}
.sc .sc-k{margin:0 0 6px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--t-accent-ink)}
.sc .sc-note{font-size:14.5px;line-height:1.55;color:var(--t-ink-2);margin:0 0 14px;padding:10px 12px;border-left:3px solid var(--t-accent);background:var(--t-info-bg);border-radius:0 var(--t-r-sm) var(--t-r-sm) 0}
.sc .sc-consent{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.5;color:var(--t-ink-2);margin:0 0 12px;cursor:pointer}
.sc .sc-consent input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:var(--t-accent)}
.sc .sc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:12px;border:1px solid transparent;background:var(--t-primary);color:var(--t-on-primary);font:inherit;font-size:16px;font-weight:650;cursor:pointer}
.sc .sc-btn:hover{background:var(--t-primary-press)}
.sc .sc-btn[disabled]{opacity:.55;cursor:not-allowed}
.sc .sc-btn.sc-2{background:transparent;color:var(--t-ink);border-color:var(--t-line-2)}
.sc .sc-btn:focus-visible,.sc textarea:focus-visible,.sc input:focus-visible,.sc a:focus-visible{outline:3px solid var(--t-accent);outline-offset:2px}
.sc .sc-log{display:flex;flex-direction:column;gap:10px;max-height:min(60vh,520px);overflow-y:auto;margin:0 0 12px;padding:2px}
.sc .sc-msg{max-width:92%;padding:10px 13px;border-radius:14px;font-size:15.5px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.sc .sc-u{align-self:flex-end;background:var(--t-accent-soft);color:var(--t-ink)}
.sc .sc-a{align-self:flex-start;background:var(--t-surface-2);color:var(--t-ink)}
.sc .sc-a.sc-err{border:1px solid var(--t-line-2)}
.sc .sc-links{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;white-space:normal}
.sc .sc-links li{margin:0;padding:0}
.sc .sc-links a,.sc .sc-msg a{color:var(--t-accent-ink);text-decoration:underline;text-underline-offset:3px}
.sc .sc-form{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end}
.sc .sc-form textarea{flex:1 1 220px;min-width:0;min-height:46px;max-height:160px;resize:vertical;padding:11px 12px;border-radius:12px;border:1px solid var(--t-line-2);background:var(--t-bg);color:var(--t-ink);font:inherit;font-size:16px;line-height:1.4}
.sc .sc-ticket{margin:12px 0 0;padding:14px;border-radius:var(--t-r-md);background:var(--t-surface-2);display:flex;flex-direction:column;gap:10px}
.sc .sc-ticket label.sc-f{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:600;color:var(--t-ink)}
.sc .sc-ticket input[type=email],.sc .sc-ticket input[type=text]{min-height:46px;padding:0 12px;border-radius:12px;border:1px solid var(--t-line-2);background:var(--t-bg);color:var(--t-ink);font:inherit;font-size:16px;width:100%}
.sc .sc-row{display:flex;gap:8px;flex-wrap:wrap}
.sc .sc-status{font-size:14px;color:var(--t-ink-3);margin:8px 0 0;min-height:1em}
.sc .sc-vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sc [hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){.sc *{scroll-behavior:auto!important}}