/* Copyright Ayers Electronics Inc. All rights reserved. */

/* The approval review (js/approval-review.js): the waiting code read only, then who is approving,
   face and name. The activation page, the watch page and the console all link this one sheet, so
   it reads only the token names the three token sheets share. */

.approval-review {
  text-align: left;
  margin: 0 0 14px;
}

.approval-label {
  margin: 0 0 4px;
  color: var(--muted);
  font-size: 0.8em;
}

/* The code across the room: large, spaced, and plainly not a field. */
.approval-code {
  margin: 0;
  padding: 12px 10px;
  border: 2px solid var(--text);
  border-radius: var(--radius);
  background: var(--elevated);
  color: var(--text);
  font-size: 2em;
  font-weight: 700;
  letter-spacing: 0.3em;
  text-align: center;
}

.approval-as {
  display: flex;
  align-items: center;
  margin-top: 14px;
}

.approval-face {
  display: block;
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  border-radius: var(--radius-round, 50%);
  background: var(--panel);
}

.approval-who {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.approval-as-label {
  color: var(--muted);
  font-size: 0.75em;
  letter-spacing: 0.05em;
}

.approval-name {
  color: var(--text);
  font-size: 1.1em;
  font-weight: 700;
}