/* Component stylesheet; the integration owner loads it beside the shell CSS. */
.help-support{min-width:0;max-width:100%}
.help-support header,.help-support .help-toolbar,.help-support .help-facts{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.help-support header h1{margin:0;overflow-wrap:anywhere}
.help-support .help-actions{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}
.help-support .help-toolbar{margin:20px 0}
.help-support .help-toolbar input{flex:1 1 220px;min-width:0}
.help-support .help-toolbar select{width:auto;max-width:100%}
.help-support .help-note,.help-support .help-facts{color:var(--muted-foreground);font-size:12px}
.help-support .help-row,.help-support .help-detail,.help-support .help-reply{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);padding:16px;margin:10px 0;min-width:0}
.help-support .help-open{display:block;width:100%;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere}
.help-support .help-facts{gap:6px 16px;margin:10px 0 0}
.help-support .help-facts span{min-width:0;overflow-wrap:anywhere}
.help-support .help-message{white-space:pre-wrap;overflow-wrap:anywhere}
.help-support .help-detail h2,.help-support .help-reply h3{font-size:14px;margin:0 0 10px}
.help-support .help-feedback:empty{display:none}
.help-support summary{cursor:pointer;border-radius:var(--radius-md)}
.help-support details[open]{flex-basis:100%;order:3}
.help-support details p{padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);max-width:65ch}
.help-support .mono{font-family:var(--font-mono,monospace);font-variant-numeric:tabular-nums}
@media(max-width:650px){.help-support .help-actions{margin-left:0;flex-basis:100%}.help-support .help-toolbar select{width:100%}}
