/* Site OS Beta Feedback. Presentation only; form, privacy and request semantics stay in TSX. */
[data-site-beta-feedback] {
  --sbf-paper: #f5f8fc;
  --sbf-surface: #fff;
  --sbf-soft: #f0f5fa;
  --sbf-ink: #182d46;
  --sbf-muted: #536b83;
  --sbf-line: #d8e3ee;
  --sbf-cyan: #07768e;
  --sbf-cyan-soft: #e9f8fb;
  --sbf-indigo: #535ab6;
  --sbf-focus: #07839e;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  min-width: 0;
  color: var(--sbf-ink);
  container: site-beta-feedback / inline-size;
}
.dark [data-site-beta-feedback] {
  --sbf-paper: #08131f;
  --sbf-surface: #0e1d2e;
  --sbf-soft: #12253a;
  --sbf-ink: #eaf4ff;
  --sbf-muted: #a7bfd5;
  --sbf-line: #2a4056;
  --sbf-cyan: #77deed;
  --sbf-cyan-soft: #11333f;
  --sbf-indigo: #b1b8ff;
  --sbf-focus: #71deed;
  color-scheme: dark;
}
[data-site-beta-feedback] > * { min-width: 0; margin-block: 0 !important; }
[data-site-beta-feedback] :is(p, h2, h3, h4, label, dd, summary) { overflow-wrap: anywhere; }
[data-site-beta-feedback] button { min-height: 44px; }
[data-site-beta-feedback] :is(button, input, textarea, select, summary):focus-visible {
  outline: 3px solid var(--sbf-focus);
  outline-offset: 3px;
}

/* A compact welcome surface with decorative light and line work, never functional copy. */
[data-site-beta-feedback] > [data-site-workspace-intro] {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  gap: 22px;
  padding: 27px 30px;
  border: 1px solid #bbdfe9;
  border-radius: 22px;
  background: linear-gradient(115deg, #f0fbfd, #f5f6ff 78%, #edf3fc);
  box-shadow: 0 8px 30px #17335605;
}
[data-site-beta-feedback] > [data-site-workspace-intro]::after {
  content: '';
  position: absolute;
  z-index: -1;
  pointer-events: none;
  width: 330px;
  height: 330px;
  right: -95px;
  top: -145px;
  border: 1px solid #72bad92b;
  border-radius: 50%;
  background: radial-gradient(circle at 46% 62%, #91dfe132, #a3b1ee12 46%, transparent 70%);
  box-shadow: 0 0 0 35px #a6bcea10, 0 0 0 70px #a6bcea0b;
}
.dark [data-site-beta-feedback] > [data-site-workspace-intro] {
  border-color: #285363;
  background: linear-gradient(115deg, #102b39, #15243d 76%, #182842);
  box-shadow: 0 8px 30px #0000000a;
}
.dark [data-site-beta-feedback] > [data-site-workspace-intro]::after { border-color: #88dce92b; }
[data-site-beta-feedback] [data-site-workspace-intro] > div:first-child { max-width: 820px; }
[data-site-beta-feedback] [data-site-workspace-intro] > div:first-child > p {
  margin-bottom: 10px;
  color: var(--sbf-cyan);
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .14em;
}
[data-site-beta-feedback] [data-site-workspace-intro] h2 {
  color: var(--sbf-ink);
  font-size: clamp(26px, 2.25vw, 34px);
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: -.035em;
}
[data-site-beta-feedback] [data-site-workspace-intro] h2 + div {
  max-width: 720px;
  margin-top: 11px;
  color: var(--sbf-muted);
  font-size: 14px;
  line-height: 1.75;
}
[data-site-beta-feedback] [data-site-workspace-intro] > div:nth-child(2) [data-slot='badge'] {
  gap: 7px;
  padding: 9px 12px;
  border-color: #96ccd8;
  border-radius: 999px;
  background: #ffffffc9;
  color: #17576b;
  font-size: 11px;
  font-weight: 650;
}
.dark [data-site-beta-feedback] [data-site-workspace-intro] > div:nth-child(2) [data-slot='badge'] {
  border-color: #386875;
  background: #163844;
  color: #b6eff7;
}

/* Composer and a quieter contextual aside. This breakpoint follows available workspace width. */
[data-site-beta-feedback] > div:has(> aside) {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(260px, .7fr);
  align-items: start;
  gap: 22px;
}
[data-site-beta-feedback] [data-site-workspace-panel] {
  padding: 26px;
  border: 1px solid var(--sbf-line);
  border-radius: 20px;
  background: var(--sbf-surface);
  box-shadow: 0 5px 24px #17335604;
}
[data-site-beta-feedback] [data-site-workspace-panel] > div:first-child { margin-bottom: 23px; }
[data-site-beta-feedback] [data-site-workspace-panel] > div:first-child h3 {
  gap: 11px;
  color: var(--sbf-ink);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -.025em;
}
[data-site-beta-feedback] [data-site-workspace-panel] > div:first-child h3 > svg {
  box-sizing: content-box;
  width: 19px;
  height: 19px;
  flex-shrink: 0;
  padding: 9px;
  border-radius: 12px;
  background: var(--sbf-cyan-soft);
  color: var(--sbf-cyan);
}
[data-site-beta-feedback] [data-site-workspace-panel] > div:first-child h3 + div {
  margin-top: 10px;
  color: var(--sbf-muted);
  font-size: 13px;
  line-height: 1.75;
}
[data-site-beta-feedback] [data-beta-feedback-form] { margin-top: 0; }
[data-site-beta-feedback] [data-beta-feedback-form] fieldset { min-width: 0; }
[data-site-beta-feedback] [data-beta-feedback-form] fieldset > legend {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  clip-path: none;
  margin: 0 0 15px;
  padding: 0;
  white-space: normal;
  color: var(--sbf-muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: .055em;
}
[data-site-beta-feedback] [data-beta-feedback-form] fieldset:nth-of-type(2) {
  margin-top: 25px;
  padding-top: 23px;
  border-top: 1px solid var(--sbf-line);
}

/* The existing real radio inputs retain native keyboard and disabled behavior. */
[data-site-beta-feedback] fieldset:has(input[name='feedback-category']) > div { gap: 11px; }
[data-site-beta-feedback] label:has(input[name='feedback-category']) {
  --sbf-type: #087e99;
  --sbf-type-soft: #eaf7fc;
  display: block;
  min-width: 0;
}
[data-site-beta-feedback] label:has(input[value='wishlist']) { --sbf-type: #a44676; --sbf-type-soft: #fdf0f6; }
[data-site-beta-feedback] label:has(input[value='bug']) { --sbf-type: #ae5533; --sbf-type-soft: #fff3eb; }
[data-site-beta-feedback] label:has(input[value='industry']) { --sbf-type: #25816d; --sbf-type-soft: #eaf8f2; }
[data-site-beta-feedback] label:has(input[value='app_idea']) { --sbf-type: #6752ad; --sbf-type-soft: #f3efff; }
[data-site-beta-feedback] label:has(input[value='other']) { --sbf-type: #49677c; --sbf-type-soft: #eef3f8; }
.dark [data-site-beta-feedback] label:has(input[value='feature']) { --sbf-type: #7bd9ed; --sbf-type-soft: #143442; }
.dark [data-site-beta-feedback] label:has(input[value='wishlist']) { --sbf-type: #f0a5cd; --sbf-type-soft: #3c273c; }
.dark [data-site-beta-feedback] label:has(input[value='bug']) { --sbf-type: #f3b28b; --sbf-type-soft: #3e2b26; }
.dark [data-site-beta-feedback] label:has(input[value='industry']) { --sbf-type: #8cdebf; --sbf-type-soft: #193831; }
.dark [data-site-beta-feedback] label:has(input[value='app_idea']) { --sbf-type: #c2b2ff; --sbf-type-soft: #2c2946; }
.dark [data-site-beta-feedback] label:has(input[value='other']) { --sbf-type: #b5cddd; --sbf-type-soft: #223447; }
[data-site-beta-feedback] label:has(input[name='feedback-category']) > span {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 126px;
  gap: 11px;
  padding: 15px;
  border: 1px solid var(--sbf-line);
  border-radius: 14px;
  background: var(--sbf-surface);
  color: var(--sbf-ink);
  transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease, transform .16s ease;
}
[data-site-beta-feedback] label:has(input[name='feedback-category']) > span > svg {
  box-sizing: content-box;
  width: 19px;
  height: 19px;
  margin-top: 0;
  padding: 8px;
  border-radius: 10px;
  background: var(--sbf-type-soft);
  color: var(--sbf-type);
}
[data-site-beta-feedback] label:has(input[name='feedback-category']) > span > span { width: 100%; }
[data-site-beta-feedback] label:has(input[name='feedback-category']) > span > span > span:first-child {
  padding-right: 0;
  color: var(--sbf-ink);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
}
[data-site-beta-feedback] label:has(input[name='feedback-category']) > span > span > span:last-child {
  margin-top: 5px;
  color: var(--sbf-muted);
  font-size: 12px;
  line-height: 1.6;
}
[data-site-beta-feedback] label:has(input[name='feedback-category']) > span::before {
  content: '';
  position: absolute;
  top: 15px;
  right: 14px;
  width: 18px;
  height: 18px;
  border: 1.5px solid var(--sbf-line);
  border-radius: 50%;
  background: var(--sbf-surface);
}
[data-site-beta-feedback] label:has(input[name='feedback-category']:checked) > span {
  border-color: var(--sbf-type);
  background: var(--sbf-type-soft);
  box-shadow: 0 0 0 1px var(--sbf-type);
}
[data-site-beta-feedback] label:has(input[name='feedback-category']:checked) > span > svg { background: var(--sbf-surface); }
[data-site-beta-feedback] label:has(input[name='feedback-category']:checked) > span::before {
  border-color: var(--sbf-type);
  background: var(--sbf-type);
}
[data-site-beta-feedback] label:has(input[name='feedback-category']:checked) > span::after {
  content: '';
  position: absolute;
  top: 19px;
  right: 20px;
  width: 5px;
  height: 9px;
  border: solid var(--sbf-surface);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
[data-site-beta-feedback] label:has(input[name='feedback-category']:focus-visible) > span {
  outline: 3px solid var(--sbf-type);
  outline-offset: 4px;
}
[data-site-beta-feedback] fieldset:disabled label:has(input[name='feedback-category']) { cursor: default; }

/* Labels stay visible; form fields are deliberately comfortable rather than mini controls. */
[data-site-beta-feedback] [data-beta-feedback-form] label,
[data-site-beta-feedback] label:has(#beta-history-search),
[data-site-beta-feedback] label[for^='beta-history-'] {
  color: var(--sbf-ink);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.6;
}
[data-site-beta-feedback] :is(input:not([type='radio']):not([type='file']), textarea, select) {
  width: 100%;
  min-width: 0;
  min-height: 48px;
  padding: 11px 14px;
  border: 1px solid var(--sbf-line);
  border-radius: 11px;
  background: var(--sbf-surface);
  color: var(--sbf-ink);
  font-size: 15px;
  line-height: 1.6;
  box-shadow: 0 1px 2px #17335603;
  transition: border-color .16s ease, box-shadow .16s ease;
}
[data-site-beta-feedback] select { padding-right: 32px; }
[data-site-beta-feedback] textarea { min-height: 118px; }
[data-site-beta-feedback] #beta-feedback-details { min-height: 182px; }
[data-site-beta-feedback] :is(input, textarea)::placeholder { color: var(--sbf-muted); opacity: 1; }
[data-site-beta-feedback] :is(input:not([type='radio']), textarea, select):focus-visible {
  border-color: var(--sbf-focus);
  outline: 2px solid var(--sbf-focus);
  outline-offset: 1px;
  box-shadow: 0 0 0 5px var(--sbf-cyan-soft);
}
[data-site-beta-feedback] :is(input, textarea, select):disabled { cursor: not-allowed; opacity: .65; }
[data-site-beta-feedback] [data-beta-feedback-form] label > span { color: var(--sbf-muted); font-weight: 400; }
[data-site-beta-feedback] #beta-feedback-details-hint { margin-top: 9px; color: var(--sbf-muted); font-size: 12px; line-height: 1.75; }
[data-site-beta-feedback] [data-beta-feedback-form] > p:not([role]) {
  padding: 13px 15px;
  border-color: var(--sbf-line);
  border-radius: 11px;
  background: var(--sbf-soft);
  color: var(--sbf-muted);
  font-size: 12px;
  line-height: 1.8;
}
[data-site-beta-feedback] [data-beta-feedback-form] > div:last-child { gap: 12px; padding-top: 1px; }
[data-site-beta-feedback] [data-beta-feedback-form] > div:last-child > span { color: var(--sbf-muted); font-size: 12px; line-height: 1.65; }
[data-site-beta-feedback] [data-beta-feedback-form] button[type='submit'] {
  min-height: 49px;
  gap: 9px;
  padding: 12px 22px;
  border: 1px solid #146e91;
  border-radius: 12px;
  background: linear-gradient(110deg, #087d96, #4259ad);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  box-shadow: 0 4px 12px #125f8c17;
}
.dark [data-site-beta-feedback] [data-beta-feedback-form] button[type='submit'] {
  border-color: #92d8ed;
  background: linear-gradient(110deg, #8de4ec, #a7bafa);
  color: #0d2740;
  box-shadow: 0 4px 18px #0e1c3b26;
}
[data-site-beta-feedback] button:disabled { cursor: not-allowed; opacity: .55; }
[data-site-beta-feedback] [data-beta-feedback-form] > p[role='alert'] {
  padding: 12px 15px;
  border: 1px solid #dfb778;
  border-radius: 11px;
  background: #fff7e9;
  color: #845215;
  font-size: 14px;
  line-height: 1.75;
}
.dark [data-site-beta-feedback] [data-beta-feedback-form] > p[role='alert'] { border-color: #806537; background: #352b1b; color: #f2d19a; }
[data-site-beta-feedback] [data-beta-feedback-form] > div[role='status'] { border-radius: 13px; font-size: 14px; }

/* Optional evidence remains the existing file picker and private download controls. */
[data-site-beta-feedback] [data-beta-feedback-file-picker] { padding-top: 6px; }
[data-site-beta-feedback] [data-beta-feedback-file-picker] h3 { color: var(--sbf-ink); font-size: 14px; line-height: 1.6; }
[data-site-beta-feedback] [data-beta-feedback-file-picker] > div:nth-child(2) {
  padding: 18px;
  border: 1.5px dashed #9bbdcd;
  border-radius: 14px;
  background: var(--sbf-cyan-soft);
}
.dark [data-site-beta-feedback] [data-beta-feedback-file-picker] > div:nth-child(2) { border-color: #417185; }
[data-site-beta-feedback] [data-beta-feedback-file-picker] > div.border-cyan-500 { border-color: var(--sbf-cyan); box-shadow: 0 0 0 3px var(--sbf-cyan-soft); }
[data-site-beta-feedback] [data-beta-feedback-file-picker] p { color: var(--sbf-muted); font-size: 12px; line-height: 1.75; }
[data-site-beta-feedback] [data-beta-feedback-file-picker] p[role='alert'] { color: #845215; }
.dark [data-site-beta-feedback] [data-beta-feedback-file-picker] p[role='alert'] { color: #f2d19a; }
[data-site-beta-feedback] [data-beta-feedback-file-picker] [id='beta-feedback-files-hint'] { font-size: 12px; }
[data-site-beta-feedback] :is([data-beta-feedback-file-picker], [data-beta-feedback-attachments]) li {
  padding: 12px;
  border-color: var(--sbf-line);
  border-radius: 11px;
  background: var(--sbf-surface);
}
[data-site-beta-feedback] :is([data-beta-feedback-file-picker], [data-beta-feedback-attachments]) button { min-width: 44px; min-height: 44px; border-radius: 9px; }
[data-site-beta-feedback] [data-beta-feedback-attachments] h4 { color: var(--sbf-ink); font-size: 13px; }

[data-site-beta-feedback] aside { display: grid; gap: 18px; }
[data-site-beta-feedback] aside > * { min-width: 0; margin-block: 0; }
[data-site-beta-feedback] aside [data-site-workspace-panel] {
  padding: 24px;
  background: linear-gradient(155deg, var(--sbf-surface), var(--sbf-paper));
  box-shadow: none;
}
[data-site-beta-feedback] aside [data-site-workspace-panel] > div:first-child h3 { align-items: flex-start; font-size: 17px; line-height: 1.45; }
[data-site-beta-feedback] aside [data-site-workspace-panel] > div:first-child h3 > svg {
  width: 21px;
  height: 21px;
  padding: 10px;
  border-radius: 13px;
  background: var(--sbf-soft);
  color: var(--sbf-indigo);
}
[data-site-beta-feedback] aside [data-site-workspace-panel] > p { color: var(--sbf-muted); font-size: 13px; line-height: 1.85; }
[data-site-beta-feedback] aside ul { margin-top: 22px; }
[data-site-beta-feedback] aside li { gap: 11px; }
[data-site-beta-feedback] aside li > svg { width: 19px; height: 19px; color: var(--sbf-cyan); }
[data-site-beta-feedback] aside li > span > span:first-child { color: var(--sbf-ink); font-size: 13px; line-height: 1.6; }
[data-site-beta-feedback] aside li > span > span:last-child { margin-top: 4px; color: var(--sbf-muted); font-size: 12px; line-height: 1.8; }
[data-site-beta-feedback] aside > div:last-child:not([data-site-workspace-panel]) {
  padding: 21px 23px;
  border: 1px solid var(--sbf-line);
  border-radius: 16px;
  background: var(--sbf-soft);
}
[data-site-beta-feedback] aside > div:last-child h3 { color: var(--sbf-indigo); font-size: 14px; line-height: 1.6; }
[data-site-beta-feedback] aside > div:last-child p { color: var(--sbf-muted); font-size: 12px; line-height: 1.9; }

/* Searchable history retains native details semantics and actual response data. */
[data-site-beta-feedback] > [data-site-workspace-panel]:has(#beta-history-search) { padding: 27px; }
[data-site-beta-feedback] form:has(#beta-history-search) {
  grid-template-columns: minmax(180px, 1fr) minmax(140px, .45fr) minmax(140px, .45fr) auto;
  gap: 12px;
  padding: 17px;
  border: 1px solid var(--sbf-line);
  border-radius: 14px;
  background: var(--sbf-paper);
}
[data-site-beta-feedback] form:has(#beta-history-search) button {
  min-height: 48px;
  padding-inline: 19px;
  border: 1px solid var(--sbf-line);
  border-radius: 11px;
  background: var(--sbf-surface);
  color: var(--sbf-ink);
  font-size: 13px;
}
[data-site-beta-feedback] [data-beta-feedback-submission] {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--sbf-line);
  border-radius: 14px;
  background: var(--sbf-surface);
  transition: border-color .16s ease, box-shadow .16s ease;
}
[data-site-beta-feedback] [data-beta-feedback-submission] > summary { gap: 14px; min-height: 83px; padding: 20px; border-radius: 13px; }
[data-site-beta-feedback] [data-beta-feedback-submission] > summary:focus-visible { outline: 3px solid var(--sbf-focus); outline-offset: -4px; }
[data-site-beta-feedback] [data-beta-feedback-submission] > summary > div > span:first-child { color: var(--sbf-ink); font-size: 15px; font-weight: 650; line-height: 1.6; }
[data-site-beta-feedback] [data-beta-feedback-submission] summary [data-slot='badge'] {
  max-width: 100%;
  padding: 4px 8px;
  border-color: var(--sbf-line);
  border-radius: 7px;
  background: var(--sbf-soft);
  color: var(--sbf-muted);
  font-size: 11px;
  font-weight: 600;
  white-space: normal;
  text-align: left;
}
[data-site-beta-feedback] [data-beta-feedback-submission] summary [data-variant='default'] { border-color: #a6d8c0; background: #eaf8ef; color: #216c45; }
.dark [data-site-beta-feedback] [data-beta-feedback-submission] summary [data-variant='default'] { border-color: #356550; background: #163c2d; color: #a6e7c5; }
[data-site-beta-feedback] [data-beta-feedback-submission] summary > div > span:last-child > span:last-child { color: var(--sbf-muted); font-size: 12px; line-height: 1.7; }
[data-site-beta-feedback] [data-beta-feedback-submission] > summary > svg { width: 18px; height: 18px; margin-top: 3px; color: var(--sbf-cyan); }
[data-site-beta-feedback] [data-beta-feedback-submission][open] { border-color: #8dbdcf; box-shadow: 0 4px 17px #153f5a06; }
.dark [data-site-beta-feedback] [data-beta-feedback-submission][open] { border-color: #49778c; }
[data-site-beta-feedback] [data-beta-feedback-submission][open] > summary { border-bottom-left-radius: 0; border-bottom-right-radius: 0; background: var(--sbf-paper); }
[data-site-beta-feedback] [data-beta-feedback-submission] > div { padding: 21px; border-color: var(--sbf-line); }
[data-site-beta-feedback] [data-beta-feedback-submission] > div > p:first-child { color: var(--sbf-ink); font-size: 14px; line-height: 1.9; }
[data-site-beta-feedback] [data-beta-feedback-submission] :is(dt, dd) { font-size: 13px; line-height: 1.8; }
[data-site-beta-feedback] [data-beta-feedback-submission] dt { color: var(--sbf-ink); }
[data-site-beta-feedback] [data-beta-feedback-submission] dd { color: var(--sbf-muted); }
[data-site-beta-feedback] [data-beta-feedback-submission] > div > div:has(> h4) { padding: 18px; border-color: #aed4e0; border-radius: 12px; background: var(--sbf-cyan-soft); }
.dark [data-site-beta-feedback] [data-beta-feedback-submission] > div > div:has(> h4) { border-color: #345e70; }
[data-site-beta-feedback] [data-beta-feedback-submission] > div > div:has(> h4) h4 { color: var(--sbf-cyan); font-size: 13px; }
[data-site-beta-feedback] [data-beta-feedback-submission] > div > div:has(> h4) p { color: var(--sbf-ink); font-size: 14px; line-height: 1.85; }
[data-site-beta-feedback] > [data-site-workspace-panel]:has(#beta-history-search) [aria-busy] > .border-dashed,
[data-site-beta-feedback] > [data-site-workspace-panel]:has(#beta-history-search) [role='alert'] > .border-dashed {
  padding: 30px 24px;
  border: 1px dashed var(--sbf-line);
  border-radius: 14px;
  background: var(--sbf-paper);
}
[data-site-beta-feedback] > [data-site-workspace-panel]:has(#beta-history-search) .border-dashed > svg { box-sizing: content-box; width: 25px; height: 25px; padding: 13px; border-radius: 15px; background: var(--sbf-cyan-soft); color: var(--sbf-cyan); }
[data-site-beta-feedback] > [data-site-workspace-panel]:has(#beta-history-search) .border-dashed h4 { color: var(--sbf-ink); font-size: 16px; line-height: 1.5; }
[data-site-beta-feedback] > [data-site-workspace-panel]:has(#beta-history-search) .border-dashed h4 + div { max-width: 640px; margin-top: 9px; color: var(--sbf-muted); font-size: 14px; line-height: 1.8; }
[data-site-beta-feedback] > [data-site-workspace-panel]:has(#beta-history-search) > div:last-child:has(> p) { padding-top: 17px; border-top: 1px solid var(--sbf-line); color: var(--sbf-muted); line-height: 1.7; }

@media (hover: hover) {
  [data-site-beta-feedback] fieldset:not(:disabled) label:has(input[name='feedback-category']):hover > span { border-color: var(--sbf-type); transform: translateY(-2px); box-shadow: 0 4px 12px #14364c08; }
  [data-site-beta-feedback] [data-beta-feedback-submission]:hover { border-color: #8dbdcf; }
  [data-site-beta-feedback] [data-beta-feedback-form] button[type='submit']:enabled:hover { filter: brightness(.96); }
}
@container site-beta-feedback (max-width: 1000px) {
  [data-site-beta-feedback] > div:has(> aside) { grid-template-columns: minmax(0, 1fr); }
  [data-site-beta-feedback] aside { grid-template-columns: minmax(0, 1fr) minmax(0, .85fr); align-items: start; }
  [data-site-beta-feedback] [data-beta-feedback-form] fieldset:first-of-type > div { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@container site-beta-feedback (max-width: 740px) {
  [data-site-beta-feedback] form:has(#beta-history-search) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-site-beta-feedback] form:has(#beta-history-search) > div:first-child { grid-column: 1 / -1; }
  [data-site-beta-feedback] form:has(#beta-history-search) button { grid-column: 1 / -1; }
}
@container site-beta-feedback (max-width: 620px) {
  [data-site-beta-feedback] > [data-site-workspace-intro] { padding: 23px; border-radius: 18px; }
  [data-site-beta-feedback] [data-site-workspace-panel],
  [data-site-beta-feedback] > [data-site-workspace-panel]:has(#beta-history-search) { padding: 20px; border-radius: 17px; }
  [data-site-beta-feedback] [data-beta-feedback-form] fieldset:first-of-type > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-site-beta-feedback] aside { grid-template-columns: minmax(0, 1fr); }
  [data-site-beta-feedback] [data-beta-feedback-form] fieldset:nth-of-type(2) > .grid { grid-template-columns: minmax(0, 1fr); }
}
@container site-beta-feedback (max-width: 380px) {
  [data-site-beta-feedback] > [data-site-workspace-intro] { padding: 20px; }
  [data-site-beta-feedback] [data-site-workspace-intro] h2 { font-size: 27px; }
  [data-site-beta-feedback] [data-site-workspace-panel],
  [data-site-beta-feedback] > [data-site-workspace-panel]:has(#beta-history-search) { padding: 16px; }
  [data-site-beta-feedback] [data-site-workspace-panel] > div:first-child h3 { font-size: 17px; }
  [data-site-beta-feedback] label:has(input[name='feedback-category']) > span { min-height: 144px; padding: 12px; }
  [data-site-beta-feedback] label:has(input[name='feedback-category']) > span::before { top: 14px; right: 11px; width: 16px; height: 16px; }
  [data-site-beta-feedback] label:has(input[name='feedback-category']:checked) > span::after { top: 17px; right: 16px; }
  [data-site-beta-feedback] form:has(#beta-history-search) { grid-template-columns: minmax(0, 1fr); padding: 12px; gap: 12px; }
  [data-site-beta-feedback] :is(input:not([type='radio']):not([type='file']), textarea, select) { padding-inline: 11px; font-size: 14px; }
  [data-site-beta-feedback] select { padding-right: 27px; }
  [data-site-beta-feedback] [data-beta-feedback-file-picker] > div:nth-child(2) { padding: 14px; }
  [data-site-beta-feedback] [data-beta-feedback-file-picker] > div:nth-child(2) button,
  [data-site-beta-feedback] [data-beta-feedback-form] button[type='submit'] { width: 100%; }
  [data-site-beta-feedback] [data-beta-feedback-submission] > summary { padding: 16px; }
  [data-site-beta-feedback] [data-beta-feedback-submission] > div { padding: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  [data-site-beta-feedback] *, [data-site-beta-feedback] *::before, [data-site-beta-feedback] *::after { animation: none; transition: none; scroll-behavior: auto; }
  [data-site-beta-feedback] label:has(input[name='feedback-category']):hover > span { transform: none; }
}
@media (prefers-contrast: more) {
  [data-site-beta-feedback] { --sbf-line: #8599ad; --sbf-muted: #354c63; }
  .dark [data-site-beta-feedback] { --sbf-line: #8da4bb; --sbf-muted: #d0dfed; }
  [data-site-beta-feedback] > [data-site-workspace-intro]::after { display: none; }
  [data-site-beta-feedback] :is([data-site-workspace-panel], input:not([type='radio']):not([type='file']), textarea, select, [data-beta-feedback-submission]) { border-width: 2px; }
  [data-site-beta-feedback] label:has(input[name='feedback-category']:checked) > span { border-width: 2px; }
}
@media (forced-colors: active) {
  [data-site-beta-feedback] { color: CanvasText; }
  [data-site-beta-feedback] > [data-site-workspace-intro]::after { display: none; }
  [data-site-beta-feedback] :is([data-site-workspace-panel], [data-site-workspace-intro], input, textarea, select, [data-beta-feedback-submission]) { border-color: CanvasText; background: Canvas; color: CanvasText; box-shadow: none; }
  [data-site-beta-feedback] button { border: 1px solid ButtonText; background: ButtonFace; color: ButtonText; box-shadow: none; }
  [data-site-beta-feedback] button:disabled { color: GrayText; }
  [data-site-beta-feedback] label:has(input[name='feedback-category']) > span { border-color: ButtonText; background: Canvas; color: CanvasText; }
  [data-site-beta-feedback] label:has(input[name='feedback-category']:checked) > span { border-color: Highlight; outline: 2px solid Highlight; box-shadow: none; }
  [data-site-beta-feedback] label:has(input[name='feedback-category']) > span::before { border-color: ButtonText; background: Canvas; }
  [data-site-beta-feedback] label:has(input[name='feedback-category']:checked) > span::before { border-color: Highlight; background: Highlight; forced-color-adjust: none; }
  [data-site-beta-feedback] label:has(input[name='feedback-category']:checked) > span::after { border-color: HighlightText; forced-color-adjust: none; }
  [data-site-beta-feedback] :is(button, input, textarea, select, summary):focus-visible { outline-color: Highlight; }
}