/* The "Gi tilbakemelding" component (sprint7.fb-3), built by /static/feedback.js.
   Shared by /spillerprofil and the session video page, both on the dark Birdie
   Buddy stage. Tokens come from /static/bb.css and are never redefined here. */
.gv-feedback { margin-top: 24px; font-family: var(--bb-font-sans); color: var(--bb-text); }
.gv-feedback[hidden], .gv-feedback-form[hidden], .gv-feedback button[hidden] { display: none; }
.gv-feedback-bar { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }

.gv-feedback button {
  font: inherit; font-size: 14px; font-weight: 600; cursor: pointer;
  padding: 10px 16px; border-radius: var(--bb-radius-pill);
  border: 1px solid var(--bb-line-gold); background: var(--bb-surface-2, var(--bb-surface));
  color: var(--bb-gold-bright);
}
.gv-feedback button:disabled { opacity: .5; cursor: default; }
.gv-feedback .gv-feedback-send { background: var(--bb-olive); border-color: var(--bb-olive-bright); color: var(--bb-text); }
.gv-feedback .gv-feedback-cancel { border-color: var(--bb-line); color: var(--bb-text-dim); }

.gv-feedback-form {
  display: flex; flex-direction: column; gap: 10px; padding: 14px;
  border: 1px solid var(--bb-line); border-radius: var(--bb-radius-lg);
  background: var(--bb-surface);
}
.gv-feedback-label {
  display: block; margin-bottom: 4px; font-size: 11px; font-weight: 700;
  letter-spacing: var(--bb-tracking-caps); text-transform: uppercase; color: var(--bb-text-mute);
}
.gv-feedback-text, .gv-feedback-select {
  width: 100%; box-sizing: border-box; font: inherit; font-size: 15px;
  color: var(--bb-text); background: var(--bb-bg);
  border: 1px solid var(--bb-line); border-radius: var(--bb-radius-md); padding: 10px 12px;
}
/* flex: none — session.css gives every textarea flex: 1, which would collapse
   this one inside the column-flex form. */
.gv-feedback-text { resize: vertical; min-height: 96px; flex: none; }
.gv-feedback-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.gv-feedback-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.gv-feedback-note { font-size: 13px; color: var(--bb-text-dim); }