/* Review chrome only — the bottom-right control that review.js mounts. Never ships, so it keeps
   its own fixed colours rather than the product's tokens: it must look the same over both themes
   and must never read as part of the design. Collapsed by default, because chrome that covers the
   thing being reviewed is worse than none (v0 switcher.css, same reason). */
:root {
  --rv-bg: rgba(18, 18, 22, 0.94);
  --rv-border: rgba(255, 255, 255, 0.16);
  --rv-text: #d8d8e0;
  --rv-text-dim: #8a8a96;
  --rv-on: rgba(255, 255, 255, 0.15);
  --rv-on-text: #ffffff;
}
.rvbar {
  position: fixed;
  right: 12px;
  bottom: 12px;
  z-index: 9999;
  border-radius: 14px;
  background: var(--rv-bg);
  border: 1px solid var(--rv-border);
  font-family: system-ui, sans-serif;
  font-size: 11px;
  color: var(--rv-text);
}
.rvbar__peek {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  color: var(--rv-text-dim);
  font: inherit;
  font-size: 13px;
  border-radius: 999px;
}
.rvbar__panel {
  display: none;
  grid-template-columns: auto auto;
  align-items: center;
  gap: 6px 10px;
  padding: 10px 12px;
}
.rvbar:hover .rvbar__peek,
.rvbar:focus-within .rvbar__peek {
  display: none;
}
.rvbar:hover .rvbar__panel,
.rvbar:focus-within .rvbar__panel {
  display: grid;
}
.rvbar__lbl {
  color: var(--rv-text-dim);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 9px;
}
.rvbar__grp {
  display: flex;
  gap: 2px;
}
.rvbar button {
  background: transparent;
  border: 0;
  color: var(--rv-text-dim);
  padding: 4px 9px;
  border-radius: 999px;
  cursor: pointer;
  font: inherit;
  white-space: nowrap;
}
.rvbar button:hover {
  color: var(--rv-on-text);
}
.rvbar button[aria-pressed='true'] {
  background: var(--rv-on);
  color: var(--rv-on-text);
}

/* The four "built both ways" choices (layout contract §8). A variant is marked
   data-rv="<key>:<value>"; the one not chosen is hidden. The first value of each is the default,
   and is also what shows before review.js runs. */
:root:not([data-rv-env='drawer']) [data-rv='env:drawer'],
[data-rv-env='drawer'] [data-rv='env:panel'],
:root:not([data-rv-list='modal']) [data-rv='list:modal'],
[data-rv-list='modal'] [data-rv='list:panel'],
:root:not([data-rv-row='expand']) [data-rv='row:expand'],
[data-rv-row='expand'] [data-rv='row:panel'],
:root:not([data-rv-grants='modal']) [data-rv='grants:modal'],
[data-rv-grants='modal'] [data-rv='grants:expand'] {
  display: none !important;
}