.user-feedback{border:1px solid #edcfd2;background:#fff7f7;border-radius:12px;padding:14px 16px;color:#56333e;font-family:var(--font-sans,system-ui,sans-serif);text-align:left}
.user-feedback[hidden]{display:none}.user-feedback h3{font-size:13px;line-height:1.5;margin:0 0 6px;color:#82394b;font-weight:600}.user-feedback p{font-size:12px;line-height:1.65;margin:0}.user-feedback small{display:block;font-size:10px;color:#80626a;margin-top:10px;overflow-wrap:anywhere}.feedback-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.feedback-actions button,.feedback-actions a{font:600 12px/1.4 var(--font-sans,system-ui,sans-serif);padding:9px 12px;border:1px solid #c8cef0;background:white;color:#364581;border-radius:8px;text-decoration:none;cursor:pointer}.feedback-actions .feedback-primary{background:#5866db;color:white;border-color:#5866db}.feedback-actions button:disabled{opacity:.6;cursor:wait}.feedback-actions :focus-visible{outline:3px solid #3e49a1;outline-offset:3px}.host-feedback{display:grid;gap:8px;flex:0 0 auto;margin:0 0 14px}.host-feedback:empty{visibility:hidden}.host-feedback .user-feedback{border-color:#e8d5ad;background:#fffaf0}.host-feedback .user-feedback h3{color:#6e4e18}.host-feedback .user-feedback p{color:#796445}.account-menu .user-feedback{margin-top:12px}.session-library-feedback{margin-bottom:12px}.feedback-help{font-size:12px;color:var(--muted);line-height:1.7}.feedback-help summary{cursor:pointer;font-weight:600;padding-top:12px}.startup-feedback{max-width:500px;margin:24px auto}.billing-feedback{margin:14px 0}.status-pill:not(:empty){display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:8px}.status-pill.live{display:none}.support-menu-link{display:block;text-align:center;margin:12px 0 4px;font-size:12px;color:var(--muted)}

/* Notifications live outside the app layout, in the browser top layer. */
.host-feedback{position:fixed;inset:16px auto auto 50%;transform:translateX(-50%);width:min(760px,calc(100vw - 32px));height:auto;max-height:none;max-width:none;margin:0;padding:0;border:0;background:transparent;color:inherit;overflow:visible;z-index:2147483647;display:flex;flex-direction:column;pointer-events:none}
.host-feedback:empty,.host-feedback[hidden]{display:none}
.host-feedback[popover]:not(:popover-open){display:none}
.host-feedback::backdrop{background:transparent;pointer-events:none}
.host-feedback .user-feedback{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:18px;row-gap:3px;margin:0;padding:10px 12px;min-width:0;max-height:none;overflow:visible;overflow-wrap:anywhere;pointer-events:auto;box-shadow:0 12px 38px rgb(0 0 0 / .24)}
.host-feedback .user-feedback:not([data-feedback-active]){display:none}
.host-feedback .user-feedback h3{grid-column:1;grid-row:1;font-size:13px;line-height:1.35;margin:0}
.host-feedback .user-feedback>p{grid-column:1;grid-row:2;font-size:12px;line-height:1.4}
.host-feedback .feedback-actions{grid-column:2;grid-row:1 / 3;gap:6px;margin:0;align-self:center;flex-wrap:nowrap}
.host-feedback .feedback-actions button,.host-feedback .feedback-actions a{padding:7px 9px;font-size:12px;min-height:32px}
.host-feedback .feedback-dismiss{margin-left:2px;font-size:18px!important;line-height:1!important;width:32px;padding:4px!important}
.host-feedback .user-feedback small{margin-top:6px}
.host-feedback .feedback-help{grid-column:1 / -1;grid-row:3}.host-feedback .feedback-help summary{padding-top:2px;font-size:11px;line-height:1.3}
.feedback-navigation{order:1;display:flex;justify-content:center;align-items:center;gap:12px;width:fit-content;margin:6px auto 0;padding:4px 8px;border:1px solid var(--line,#ddd);border-radius:9px;background:var(--surface,#fff);color:var(--text,#222);box-shadow:0 4px 16px rgb(0 0 0 / .16);pointer-events:auto;font:12px/1.4 var(--font-sans,system-ui)}
.feedback-navigation[hidden]{display:none}
.feedback-navigation button{border:0;border-radius:6px;background:transparent;color:inherit;cursor:pointer;font:inherit;min-height:30px;padding:4px 8px}
.feedback-navigation button:focus-visible{outline:2px solid var(--accent,#5866db)}
.topbar-actions{position:relative}
.topbar-actions .status-pill:not(:empty){position:absolute;top:100%;left:0;right:0;margin-top:6px;font-size:11px}
@media(max-width:560px){.host-feedback{inset-block-start:8px;width:calc(100vw - 16px)}.host-feedback .user-feedback{grid-template-columns:minmax(0,1fr);gap:4px;padding:10px 12px}.host-feedback .feedback-actions{grid-column:1;grid-row:3;justify-content:flex-end;margin-top:3px}.host-feedback .feedback-help{grid-row:4}}

@media (prefers-color-scheme: dark) {

html:not([data-theme="light"]) .user-feedback { border-color: #78454c; background: #35282c; color: #f0d7dd; }

html:not([data-theme="light"]) .user-feedback h3 { color: #f5a4af; }

html:not([data-theme="light"]) .user-feedback small { color: #c5a9b1; }

html:not([data-theme="light"]) .host-feedback .user-feedback { border-color: #695838; background: #302b23; }

html:not([data-theme="light"]) .host-feedback .user-feedback h3 { color: #f1d08f; }

html:not([data-theme="light"]) .host-feedback .user-feedback p { color: #d7c8ad; }

html:not([data-theme="light"]) .feedback-actions button, html:not([data-theme="light"]) .feedback-actions a { background: #292a2e; border-color: #50515b; color: #c4caff; }

html:not([data-theme="light"]) .feedback-actions .feedback-primary { background: #5866db; border-color: #5866db; color: white; }

}

html[data-theme="dark"] .user-feedback { border-color: #78454c; background: #35282c; color: #f0d7dd; }

html[data-theme="dark"] .user-feedback h3 { color: #f5a4af; }

html[data-theme="dark"] .user-feedback small { color: #c5a9b1; }

html[data-theme="dark"] .host-feedback .user-feedback { border-color: #695838; background: #302b23; }

html[data-theme="dark"] .host-feedback .user-feedback h3 { color: #f1d08f; }

html[data-theme="dark"] .host-feedback .user-feedback p { color: #d7c8ad; }

html[data-theme="dark"] .feedback-actions button, html[data-theme="dark"] .feedback-actions a { background: #292a2e; border-color: #50515b; color: #c4caff; }

html[data-theme="dark"] .feedback-actions .feedback-primary { background: #5866db; border-color: #5866db; color: white; }