/* Hosting-owned shared controls: same-origin CSS works with the Tools CSP. */
.arcdrake-feedback { display:flex; flex-wrap:wrap; align-items:center; gap:.75rem 1.25rem; font:inherit; line-height:1.6; color:inherit; }
.arcdrake-feedback > button { order:1; }
.arcdrake-feedback > p { order:2; margin:0; }
.arcdrake-feedback > form { order:3; flex-basis:100%; max-width:40rem; padding-top:1rem; }
.arcdrake-feedback > form[hidden] { display:none; }
.arcdrake-feedback button { min-height:44px; padding:.65rem 1rem; border:1px solid var(--line,#76688a); border-radius:.4rem; background:transparent; color:inherit; font:inherit; line-height:1.4; cursor:pointer; }
.arcdrake-feedback > button { background:transparent !important; color:inherit !important; border-color:var(--line,#76688a) !important; }
.arcdrake-feedback button:hover { border-color:var(--accent,#a88cce) !important; }
.arcdrake-feedback button:disabled { opacity:.55; cursor:default; }
.arcdrake-feedback a { text-decoration:underline; text-underline-offset:4px; overflow-wrap:anywhere; }
.arcdrake-feedback > p:not(.arcdrake-consent-persistence) { display:flex; flex-wrap:wrap; align-items:center; gap:.6rem; font-size:.875rem; }
/* Older pinned app clients emitted a separator after the final link. */
.arcdrake-feedback > p > span:last-child { display:none; }
.arcdrake-feedback-actions { display:flex; flex-wrap:wrap; gap:.75rem; }
.arcdrake-feedback form p { margin:0 0 1rem; }
.arcdrake-feedback label { display:block; margin:.75rem 0; font-size:.95rem; }
.arcdrake-feedback textarea { resize:vertical; }
.arcdrake-feedback input, .arcdrake-feedback textarea, .arcdrake-feedback select { min-width:0; }
.arcdrake-feedback [role=status]:empty { min-height:0; margin:0; padding:0; }
.arcdrake-feedback .arcdrake-consent-persistence { order:4; flex-basis:100%; font-size:.875rem; }
.arcdrake-feedback :focus-visible { outline:3px solid var(--accent,#ab82e0); outline-offset:4px; }
.arcdrake-feedback [hidden] { display:none !important; }