/* enchnt live site: what the chain layer adds to the approved scene (style.css of web/proto). */

.net-tag {
  font: 600 10px/1 var(--mono);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--ember2);
  border: 1px solid rgba(255, 179, 90, .45);
  background: rgba(255, 140, 50, .06);
  padding: 4px 6px;
}
.wallet .wd.off { background: var(--dim); box-shadow: none; }
.wallet .wc { display: inline !important; letter-spacing: .14em; font-weight: 600; color: var(--ember2); }

.notice {
  position: fixed; z-index: 35; left: 50%; top: 52px; transform: translateX(-50%);
  width: max-content; max-width: min(640px, calc(100vw - 24px));
  padding: 9px 12px;
  background: #1d1214; border: 1px solid #8a3a2a; color: #ffb0a0;
  font: 500 12px/1.4 var(--mono); text-align: center;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .6);
}

.pop .pop-h { font: 700 11px/1 var(--mono); letter-spacing: .16em; color: var(--ember2); margin-bottom: 10px; }
.pop a { color: var(--text); text-decoration: none; border-bottom: 1px dotted var(--frame2); }
.pop a:hover { border-bottom-color: var(--ember2); }
.pop .row.sm { margin-top: 10px; font-size: 11px; }
.pop .note.bad { color: #ffb0a0; }
.pop .net-mini { font-style: normal; color: var(--ember2); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; margin-left: 4px; }
.pop .wpick { display: flex; align-items: center; gap: 10px; margin: 6px 0; text-align: left; }
.pop .wpick img { width: 18px; height: 18px; image-rendering: auto; }
.pop .wpick .wd { width: 6px; height: 6px; background: var(--ok); }
.pop .wout { margin-top: 8px; }

.inv-none {
  align-self: center;
  font: 500 12px/1 var(--mono); color: var(--mute);
  background: transparent; border: 1px dashed var(--frame); padding: 12px 14px; cursor: pointer;
}
.inv-none:hover { color: var(--text); border-color: var(--ember2); }
.ev.ev-none .tx { color: var(--dim); }

body.loading .strike, body.loading .tile-meta { visibility: hidden; }

@media (max-width: 719px) {
  /* the header row is full on a phone: the tag sits under the mark */
  .net-tag { position: absolute; left: calc(var(--side) + 17px); bottom: 2px; font-size: 8px; line-height: 1; padding: 1px 3px; letter-spacing: .14em; }
  .is-testnet .mark { margin-top: -6px; }
  .notice { top: 58px; }
}