.prototype-tools select {
  height: 36px;
  min-width: 150px;
  padding: 0 2rem 0 .75rem;
  border: 1px solid #ffffff99;
  background: #190710;
  color: #fff;
  color-scheme: dark;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .02em;
}

.prototype-tools select:hover,
.prototype-tools select:focus-visible {
  border-color: #fff;
}

.prototype-tools select option {
  background: #190710;
  color: #fff;
}

.check-row {
  justify-content: flex-start;
  min-height: 58px;
  padding: .8rem .2rem;
  cursor: pointer;
}

.check-row > input {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
}

.check-row > span {
  display: grid;
  flex: 1;
  gap: .15rem;
  min-width: 0;
}

.check-row b,
.check-row small {
  display: block;
}

.check-row small {
  font: 11px/1.4 ui-monospace, SFMono-Regular, Consolas, monospace;
}

/* Separate event and message metadata from their primary labels. */
.list-row > div {
  display: grid;
  flex: 1;
  gap: .18rem;
  min-width: 0;
}

.list-row > div > small {
  display: block;
  font: 11px/1.4 ui-monospace, SFMono-Regular, Consolas, monospace;
}

.list-row > .status {
  flex: 0 0 auto;
  align-self: center;
}

/* Normalize matter identifiers so every register row shares one baseline. */
.table td {
  vertical-align: middle;
}

.table td:first-child > button {
  display: grid;
  width: 100%;
  gap: .12rem;
  padding: 0;
  text-align: left;
  line-height: 1.35;
}

.table td:first-child > button b {
  display: block;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: 11px;
  letter-spacing: .05em;
}

.table td:first-child > button br {
  display: none;
}
.nav-sign-out{margin-left:auto;color:var(--ink)}
.nav-sign-out:hover,.nav-sign-out:focus-visible{color:var(--accent)}
.prototype-bar[hidden]{display:none!important}
@media(max-width:820px){.nav-sign-out{margin-left:0}}