/* Compact, accessible, bilingual comments prompt on band pages. */
.or-band-feedback {
  padding: clamp(2.8rem, 5.5vw, 4.8rem) 0;
  background: radial-gradient(ellipse at 10% 50%, rgba(227,38,46,.10), transparent 60%), #101014;
}
.or-band-feedback__panel {
  padding: clamp(1.4rem, 3.5vw, 2.5rem);
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.025);
}
.or-band-feedback h2 {
  margin: .5rem 0 1rem;
  font-family: var(--font-display), sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  font-size: clamp(1.75rem, 3.7vw, 3rem);
  line-height: 1.06;
}
.or-band-feedback__lede { max-width: 46rem; color: #bdbdc5; line-height: 1.65; }
.or-band-feedback__details { margin-top: 1.5rem; }
.or-band-feedback__details summary {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .85rem 1.2rem;
  color: #fff;
  background: #e3262e;
  cursor: pointer;
  font-weight: 800;
  letter-spacing: .03em;
  transition: background .16s ease;
}
.or-band-feedback__details summary:hover,
.or-band-feedback__details summary:focus-visible { background: #b81722; }
.or-band-feedback__details[open] summary { margin-bottom: 1.2rem; }
.or-band-feedback__form { display: grid; gap: 1rem; max-width: 46rem; }
.or-band-feedback__form label { font-weight: 800; font-size: .87rem; }
.or-band-feedback__form textarea {
  box-sizing: border-box;
  display: block;
  margin-top: .45rem;
  width: 100%;
  min-height: 8.5rem;
  resize: vertical;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 0;
  background: #0d0d11;
  color: #f5f4f2;
  padding: .85rem;
  font: inherit;
  line-height: 1.5;
}
.or-band-feedback__form textarea:focus-visible {
  outline: 2px solid #e3262e;
  outline-offset: 2px;
}
.or-band-feedback__form select,
.or-band-feedback__form input[type="url"] {
  box-sizing: border-box;
  display: block;
  margin-top: .45rem;
  width: 100%;
  min-height: 2.9rem;
  padding: .75rem .85rem;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 0;
  background: #0d0d11;
  color: #f5f4f2;
  font: inherit;
  color-scheme: dark;
}
.or-band-feedback__form select option { background: #17171d; color: #fff; }
.or-band-feedback__form select:focus-visible,
.or-band-feedback__form input[type="url"]:focus-visible { outline: 2px solid #e3262e; outline-offset: 2px; }
.or-band-feedback__choice-group { display: grid; gap: .65rem; margin: 0; padding: 0; border: 0; min-width: 0; }
.or-band-feedback__choice-group legend { margin-bottom: .65rem; color: #fff; font-weight: 800; }
.or-band-feedback__choice-group label { display: flex; align-items: center; gap: .75rem; padding: .85rem 1rem; border: 1px solid rgba(255,255,255,.25); background: #17171d; color: #f5f4f2; cursor: pointer; }
.or-band-feedback__choice-group label:has(input:checked) { border-color: #e3262e; background: #2b171b; }
.or-band-feedback__choice-group input[type="radio"] { width: 1.2rem; height: 1.2rem; flex: none; accent-color: #e3262e; }
.or-band-feedback__choice-group label:focus-within { outline: 2px solid #e3262e; outline-offset: 2px; }
.or-band-feedback__form button { justify-self: start; }
.or-band-feedback__note {
  max-width: 45rem;
  color: #a6a6b0;
  font-size: .82rem;
  line-height: 1.55;
}
.or-band-feedback__notice {
  max-width: 46rem;
  margin-top: 1rem;
  padding: .9rem 1rem;
  border: 1px solid rgba(227,38,46,.5);
  color: #fff;
  background: rgba(227,38,46,.08);
}
.or-band-feedback__notice--success { border-color: rgba(143,194,151,.65); background: rgba(143,194,151,.08); }

/* Representative workspace: shown only after independently verified access grant. */
.or-representative-form { max-width: 780px; margin: 2rem auto; padding: 1.5rem; border: 1px solid rgba(255,255,255,.2); background: #141419; color: #f5f4f2; }
.or-representative-form h3 { font-size: 1.6rem; font-weight: 800; margin: 0 0 .8rem; }
.or-representative-form form { display: grid; gap: 1rem; margin-top: 1rem; }
.or-representative-form label { display: grid; gap: .4rem; font-weight: 700; }
.or-representative-form select, .or-representative-form textarea { width: 100%; box-sizing: border-box; padding: .75rem; background: #0d0d11; color: #fff; border: 1px solid rgba(255,255,255,.3); color-scheme: dark; }
.or-representative-form textarea { min-height: 8rem; }
.or-representative-form button { justify-self: start; }
@media(max-width:650px) { .or-representative-form { margin: 1rem; padding: 1rem; } .or-representative-form button { width: 100%; } }

/* Band identity claim request — keep this form readable on mobile and desktop. */
.or-claim-request-area { width: 100%; min-width: 0; margin-top: 1rem; }
.or-claim-request-area .or-claim-request-form { display: grid; gap: 1rem; width: 100%; max-width: 100%; }
.or-claim-request-form p { margin: 0 !important; }
.or-claim-request-form label { display: block; color: #f5f4f2; font-weight: 700; line-height: 1.5; font-size: .9rem; }
.or-claim-request-form input[type="text"],
.or-claim-request-form input[type="email"],
.or-claim-request-form input[type="url"],
.or-claim-request-form select {
  display: block; box-sizing: border-box; width: 100%; max-width: 100%;
  min-height: 3rem; margin-top: .45rem; padding: .7rem .85rem;
  border: 1px solid rgba(255,255,255,.32); border-radius: 4px;
  background: #111116; color: #f6f6f7; font: inherit; color-scheme: dark;
}
.or-claim-request-form select option { background: #111116; color: #fff; }
.or-claim-request-form input:focus-visible,
.or-claim-request-form select:focus-visible { outline: 2px solid #e3262e; outline-offset: 2px; }
.or-claim-request-form label:has(input[type="checkbox"]) { display: flex; align-items: flex-start; gap: .7rem; font-size: .85rem; font-weight: 500; }
.or-claim-request-form input[type="checkbox"] { flex: 0 0 auto; width: 1.15rem; height: 1.15rem; margin-top: .18rem; accent-color: #e3262e; }
.or-claim-request-form .or-button { justify-self: start; white-space: normal; text-align: center; }
@media (max-width: 650px) {
  .or-band-feedback__details summary { width: 100%; justify-content: center; text-align: center; }
  .or-band-feedback__form button { width: 100%; justify-self: stretch; }
  .or-claim-request-form .or-button { width: 100%; justify-self: stretch; }
}