/* Feedback is a form surface. Keep the shared public navigation and footer. */
body.priviot-feedback-page {
  --feedback-violet:#7c35ff;
  --feedback-bg:#08070d;
  --feedback-panel:#15111e;
  --feedback-input:#100d17;
  --feedback-ink:#f4f1fa;
  --feedback-muted:#bcb7c9;
  --feedback-line:rgba(255,255,255,.13);
  --feedback-font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--feedback-bg);
}
.priviot-feedback-page #root > div { background:transparent; }
body.priviot-feedback-page #root main {
  display:flex; min-height:0; padding:8.25rem 1.5rem 4.5rem; overflow:visible;
  color:var(--feedback-ink); font-family:var(--feedback-font);
  background:radial-gradient(ellipse at 50% 28%,#7c35ff0f,transparent 64%) !important;
}
.priviot-feedback-page main > .pointer-events-none { display:none; }
.priviot-feedback-page .feedback-panel { width:100%; max-width:40rem; }
.priviot-feedback-page .feedback-panel > .text-center { margin-bottom:1.5rem; }
body.priviot-feedback-page #root main h1 {
  font:600 clamp(1.9rem,3.5vw,2.5rem)/1.2 var(--feedback-font) !important;
  letter-spacing:-.035em !important; color:var(--feedback-ink); margin:0;
}
.priviot-feedback-page .feedback-panel > .text-center > p { max-width:32rem; margin:.65rem auto 0; color:var(--feedback-muted); font-size:.9375rem; line-height:1.6; }
.priviot-feedback-page .feedback-panel > .mt-8 { margin-top:0; }
.feedback-card {
  padding:1.75rem; border:1px solid rgba(181,151,230,.4); border-radius:1.5rem;
  background:var(--feedback-panel); color:var(--feedback-ink);
  box-shadow:0 24px 64px #0007,0 6px 20px #0004,inset 0 1px 0 #ffffff0a;
}
.feedback-form { display:grid; gap:1.375rem; }
.feedback-categories { min-width:0; border:0; margin:0; padding:0; }
.feedback-categories legend,.feedback-field > label { display:block; padding:0; margin:0 0 .55rem; color:var(--feedback-ink); font-size:.875rem; font-weight:500; line-height:1.5; }
.feedback-category-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.625rem; }
.feedback-category {
  display:flex; align-items:center; justify-content:center; flex-direction:column; gap:.5rem;
  min-height:4.5rem; padding:.7rem .4rem; border:1px solid var(--feedback-line); border-radius:.875rem;
  color:var(--feedback-muted); background:var(--feedback-input); font:500 .8125rem/1.3 var(--feedback-font); cursor:pointer;
  transition:transform 180ms ease,border-color 180ms ease,background-color 180ms ease,color 180ms ease;
}
.feedback-category svg { width:1.35rem; height:1.35rem; flex:none; }
.feedback-category[aria-pressed='true'] { border-color:var(--feedback-violet); background:#7c35ff17; color:var(--feedback-ink); }
.feedback-category[aria-pressed='true'] svg { color:var(--feedback-violet); }
@media(hover:hover) {
  .feedback-category:hover:not(:disabled) { border-color:var(--feedback-violet); color:var(--feedback-ink); transform:translateY(-2px); }
}
.feedback-category:active:not(:disabled) { transform:translateY(0); }
.feedback-field { min-width:0; }
.feedback-required { color:var(--feedback-muted); font-size:.75rem; font-weight:400; }
.feedback-field :is(input,select,textarea) {
  display:block; box-sizing:border-box; width:100%; min-height:3rem; padding:.75rem .875rem;
  border:1px solid #494051; border-radius:.75rem; outline:none; background:var(--feedback-input); color:var(--feedback-ink);
  font:400 1rem/1.5 var(--feedback-font); transition:border-color 160ms ease,box-shadow 160ms ease;
}
.feedback-field select { padding-right:2rem; text-overflow:ellipsis; }
.feedback-field textarea { min-height:9rem; resize:vertical; }
.feedback-field :is(input,textarea)::placeholder { color:#a9a1b9; opacity:1; }
.feedback-field :is(input,select,textarea):focus { border-color:var(--feedback-violet); box-shadow:0 0 0 3px #7c35ff2e; }
.feedback-field [aria-invalid='true'] { border-color:#ed9aab; }
.feedback-message-meta { display:flex; justify-content:space-between; align-items:baseline; gap:1rem; margin-top:.5rem; color:var(--feedback-muted); font-size:.75rem; line-height:1.5; }
.feedback-message-meta p { margin:0; }
.feedback-count { flex:none; font-variant-numeric:tabular-nums; }
.feedback-field-help { margin:.5rem 0 0; color:var(--feedback-muted); font-size:.75rem; line-height:1.5; }
.feedback-send-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; column-gap:1rem; }
.feedback-send-row > .feedback-submit { margin-top:1.85rem; }
.feedback-submit {
  display:inline-flex; align-items:center; justify-content:center; gap:.625rem; min-height:3rem;
  box-sizing:border-box; padding:.75rem 1.15rem; border:1px solid var(--feedback-violet); border-radius:.75rem;
  background:var(--feedback-violet); color:white; font:600 .9375rem/1.5 var(--feedback-font); text-decoration:none; cursor:pointer;
  transition:box-shadow 180ms ease,transform 180ms ease;
}
.feedback-submit svg { width:1.125rem; height:1.125rem; flex:none; }
.feedback-submit:hover:not(:disabled) { box-shadow:0 0 0 3px #7c35ff33; }
.feedback-submit:active:not(:disabled) { transform:scale(.99); }
.feedback-form :disabled { cursor:wait; opacity:.65; }
.feedback-error { margin:.5rem 0 0; padding:.65rem .8rem; border:1px solid #965969; border-radius:.65rem; background:#351b27; color:#ffd1da; font-size:.8125rem; line-height:1.5; }
.feedback-form > .feedback-error { margin:0; }
.feedback-privacy { margin:0; padding-top:1.125rem; border-top:1px solid var(--feedback-line); color:var(--feedback-muted); font-size:.75rem; line-height:1.65; }
.feedback-privacy a,.feedback-home { color:var(--feedback-violet); text-underline-offset:.2em; }
.feedback-privacy a:hover,.feedback-home:hover { text-decoration:underline; }
.feedback-success { text-align:center; animation:feedback-arrive 240ms cubic-bezier(.2,.7,.2,1) both; }
.feedback-success-icon { display:grid; place-items:center; width:3.5rem; height:3.5rem; margin:0 auto 1.5rem; border:1px solid #7c35ff66; border-radius:50%; color:var(--feedback-violet); background:#7c35ff14; }
.feedback-success-icon svg { width:1.75rem; height:1.75rem; }
body.priviot-feedback-page #root main .feedback-success h2 { margin:0; font:600 1.5rem/1.3 var(--feedback-font) !important; letter-spacing:-.02em; }
.feedback-success h2:focus { outline:none; }
.feedback-success p { margin:1rem 0 0; color:var(--feedback-muted); font-size:.875rem; line-height:1.65; }
.feedback-success .feedback-success-lead { margin-top:.5rem; color:var(--feedback-ink); }
.feedback-success-actions { display:flex; flex-direction:column; align-items:center; gap:.75rem; margin-top:1.75rem; }
.feedback-home { display:inline-flex; align-items:center; justify-content:center; min-height:2.75rem; gap:.5rem; font-size:.875rem; }
.feedback-home svg { width:1rem; height:1rem; }
.priviot-feedback-page main :is(button,a,select,input,textarea):focus-visible { outline:2px solid var(--feedback-violet); outline-offset:4px; }
.feedback-noscript { width:min(100% - 2rem,40rem); margin:7rem auto 2rem; padding:1rem; border:1px solid var(--feedback-line); border-radius:1rem; color:var(--feedback-ink); background:var(--feedback-panel); }
.feedback-noscript a { color:var(--feedback-violet); }
@keyframes feedback-arrive { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
@media(max-width:640px) {
  body.priviot-feedback-page #root main { padding:7.25rem 1rem 3rem; }
  .feedback-card { padding:1.5rem; }
  .feedback-category-grid { gap:.5rem; }
  .feedback-send-row { grid-template-columns:1fr; gap:1.125rem; }
  .feedback-send-row > .feedback-submit { width:100%; margin-top:0; }
}
@media(max-width:360px) {
  .feedback-card { padding:1.125rem; }
  .feedback-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .feedback-category { min-height:3rem; flex-direction:row; }
  .feedback-message-meta { flex-wrap:wrap; gap:.25rem .75rem; }
}
@media(prefers-reduced-motion:reduce) { .priviot-feedback-page main * { animation:none !important; transition:none !important; } }
:root[data-reduced-motion='true'] .priviot-feedback-page main * { animation:none !important; transition:none !important; }
/* Shared FAQ-style inline selection; native select remains the form value. */
body.priviot-feedback-page {
  --brand-primary:var(--feedback-violet); --accent:var(--feedback-violet);
  --bg-app:var(--feedback-bg); --bg-card:var(--feedback-panel);
  --text-primary:var(--feedback-ink); --text-muted:var(--feedback-muted);
  --border-default:#494051; --border-subtle:var(--feedback-line);
}
.priviot-feedback-page .feedback-field .priviot-select-card {
  border-color:#494051; border-radius:.75rem; background:var(--feedback-input); box-shadow:none;
}
.priviot-feedback-page .feedback-field .priviot-select-card:has(.priviot-select-trigger:is(:hover,:focus-visible,[aria-expanded='true'])) { border-color:var(--feedback-violet); }
.priviot-feedback-page .feedback-field .priviot-select-card:has(.priviot-select-trigger[aria-invalid='true']) { border-color:#ed9aab; }
.priviot-feedback-page .feedback-field .priviot-select-trigger {
  min-height:3rem; padding:.75rem .875rem; border:0; border-radius:0;
  color:var(--feedback-ink); font:400 1rem/1.5 var(--feedback-font); cursor:pointer;
}
.priviot-feedback-page .feedback-field .priviot-select-trigger > [data-priviot-select-value] { color:var(--feedback-ink); font:inherit; }
.priviot-feedback-page .feedback-field .priviot-select-trigger .priviot-select-chevron { color:var(--feedback-violet); }
.priviot-feedback-page .priviot-select-list button { min-height:2.75rem; padding-left:.875rem; cursor:pointer; font:400 1rem/1.5 var(--feedback-font); }
.priviot-feedback-page .priviot-select-list button:is(:hover,:focus-visible,[aria-checked='true']) { color:#fff; background:var(--feedback-violet); }
.priviot-feedback-page .priviot-select-list button[aria-checked='true']::before { color:#fff; }