/*
 * BRILL VAULT
 * SANDBOX E2E CONSOLE T1
 */

#bvSandboxE2E {
  display: grid;
  gap: 12px;

  max-width: 620px;

  margin-top: 7px;
  padding: 15px;

  border:
    1px solid
    rgba(215, 174, 92, .24);

  border-radius: 13px;

  background:
    linear-gradient(
      135deg,
      rgba(112, 78, 27, .08),
      rgba(20, 28, 42, .18)
    );
}

.bve2e-head {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 14px;
}

.bve2e-head-copy {
  display: grid;
  gap: 3px;
}

.bve2e-head-copy strong {
  color: #e8d3a4;

  font-size: 10px;
  font-weight: 790;
}

.bve2e-head-copy span {
  color: #756f65;

  font-size: 8px;
}

.bve2e-badge {
  display: inline-flex;

  min-height: 25px;

  align-items: center;

  padding: 0 9px;

  border:
    1px solid
    rgba(212, 170, 93, .21);

  border-radius: 999px;

  color: #d2aa64;

  font-size: 7px;
  font-weight: 850;

  white-space: nowrap;
}

.bve2e-grid {
  display: grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0, 1fr)
    );

  overflow: hidden;

  border:
    1px solid
    rgba(128, 151, 188, .09);

  border-radius: 10px;
}

.bve2e-cell {
  display: grid;

  min-height: 59px;

  align-content: center;

  gap: 4px;

  padding: 10px 12px;

  border-right:
    1px solid
    rgba(128, 151, 188, .09);
}

.bve2e-cell:last-child {
  border-right: 0;
}

.bve2e-cell span {
  color: #5e6d82;

  font-size: 7px;
  font-weight: 800;

  letter-spacing: .07em;

  text-transform: uppercase;
}

.bve2e-cell strong {
  color: #e0e6ef;

  font-size: 10px;
  font-weight: 750;
}

.bve2e-message {
  min-height: 16px;

  color: #8390a3;

  font-size: 8px;
  line-height: 1.5;
}

.bve2e-message.ok {
  color: #82c6aa;
}

.bve2e-message.error {
  color: #df8389;
}

.bve2e-actions {
  display: flex;

  align-items: center;

  gap: 8px;
}

.bve2e-button {
  min-height: 36px;

  padding: 0 13px;

  border:
    1px solid
    rgba(212, 170, 93, .28);

  border-radius: 9px;

  background:
    rgba(142, 101, 35, .10);

  color: #dbb66f;

  cursor: pointer;

  font: inherit;
  font-size: 8px;
  font-weight: 800;
}

.bve2e-button:hover {
  background:
    rgba(142, 101, 35, .17);
}

.bve2e-button:disabled {
  opacity: .45;

  cursor: not-allowed;
}

.bve2e-check {
  min-height: 36px;

  padding: 0 13px;

  border:
    1px solid
    rgba(71, 130, 221, .22);

  border-radius: 9px;

  background:
    rgba(52, 91, 153, .09);

  color: #a9c6ee;

  cursor: pointer;

  font: inherit;
  font-size: 8px;
  font-weight: 800;
}