/* Design-review chrome. Deliberately neutral so it never reads as part of a design. */
:root { color-scheme: dark; }
html, body { margin: 0; padding: 0; }
body { background: #0E0E11; padding-bottom: 46px; }

#dc-stage { overflow: hidden; }
#dc-board { width: 1440px; transform-origin: top left; }

#rvw {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 2147483000;
  height: 46px; display: flex; align-items: center; gap: 20px;
  padding: 0 14px; box-sizing: border-box;
  background: #16161A; border-top: 1px solid #2C2C33;
  font: 500 12px/1 ui-sans-serif, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  color: #9A9AA4;
}
#rvw a, #rvw button { font: inherit; color: inherit; text-decoration: none; }

.rvw-home { white-space: nowrap; font-weight: 700; color: #E6E6EC !important; }
.rvw-home span { font-weight: 500; color: #6E6E78; }

.rvw-nav { display: flex; align-items: center; gap: 18px; flex: 1; overflow-x: auto; }
.rvw-grp { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.rvw-grp b { color: #6E6E78; font-weight: 600; letter-spacing: .4px; margin-right: 2px; }
.rvw-grp a {
  padding: 5px 10px; border-radius: 4px; border: 1px solid #2C2C33; background: #1D1D22;
}
.rvw-grp a:hover { border-color: #45454F; color: #E6E6EC; }
.rvw-grp a.on { background: #E6E6EC; border-color: #E6E6EC; color: #16161A !important; font-weight: 700; }

.rvw-act { display: flex; gap: 8px; }
.rvw-act button {
  cursor: pointer; padding: 6px 11px; border-radius: 4px;
  border: 1px solid #2C2C33; background: #1D1D22; color: #9A9AA4;
}
.rvw-act button:hover { border-color: #45454F; color: #E6E6EC; }
.rvw-act button b { color: #E6E6EC; }

#rvw-show {
  position: fixed; right: 12px; bottom: 12px; z-index: 2147483000; cursor: pointer;
  padding: 8px 13px; border-radius: 5px; border: 1px solid #2C2C33;
  background: #16161A; color: #9A9AA4;
  font: 500 12px/1 ui-sans-serif, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
}
#rvw-show:hover { color: #E6E6EC; border-color: #45454F; }

body.rvw-off { padding-bottom: 0; }
body.rvw-off #rvw { display: none; }
