/* BeanCat variant B — MINT.EXE window, wallet dialog, and the phase-aware bits of the report. */

.mint-layout { display: flex; flex-wrap: wrap; gap: 1.2em; align-items: flex-start; }
.mint-art { flex: 0 1 15em; min-width: 0; }
.mint-art .tile { width: 100%; }
.mint-panel { flex: 1 1 18em; min-width: 0; }

.mint-sample {
  display: inline-block;
  margin-bottom: .6em;
  padding: .15em .5em;
  font-size: .72em;
  font-weight: 700;
  letter-spacing: 1px;
  color: #000;
  background: var(--alarm);
  border: 2px solid #000;
  transform: rotate(-2deg);
}

.progress { margin: .2em 0 .8em; }
.progress .bar { font-family: var(--mono); font-size: 1.1em; letter-spacing: -1px; color: var(--hot); white-space: nowrap; overflow: hidden; }
.progress .bar .off { color: #d8ccb6; }
.progress .count { font-size: .85em; color: var(--dim); }
.progress .count b { color: var(--ink); }

.mint-facts { margin: .4em 0 .8em; }
.mint-facts th { width: 40%; }
.report .zero { color: var(--red); }

.qty-row { display: flex; flex-wrap: wrap; align-items: center; gap: .8em 1.2em; margin: .6em 0 .9em; }
.qty-row label { font-size: .85em; color: var(--dim); }
.stepper { display: inline-flex; align-items: center; gap: .3em; }
.stepper input {
  width: 3.4em;
  padding: .25em .3em;
  font: inherit;
  font-weight: 700;
  text-align: center;
  background: #fff;
  border: 2px solid;
  border-color: var(--shade) var(--hi) var(--hi) var(--shade);
}
.stepper .tool { min-width: 2em; font-weight: 700; }
.stepper .tool[disabled] { color: var(--shade); cursor: default; }
.total { font-size: .85em; color: var(--dim); }
.total b { display: block; font-size: 1.25em; color: var(--ink); }

.mint-btn { display: block; width: 100%; min-width: 0; }
.mint-btn[disabled] { opacity: .55; cursor: not-allowed; box-shadow: 3px 3px 0 #000; }
.mint-btn[disabled]:hover { background: var(--acid); box-shadow: 3px 3px 0 #000; }
.mint-status { margin: .8em 0 0; font-size: .85em; }
.mint-status.error { color: var(--red); font-weight: 700; }
.mint-status.success { color: #117743; font-weight: 700; }
.contract-line { margin-top: .6em; font-size: .78em; color: var(--dim); word-break: break-all; }
#txInfo { margin-top: .5em; font-size: .85em; font-weight: 700; }

.mint-stage { margin-top: .8em; font-size: .78em; color: var(--dim); line-height: 1.6; }
.mint-stage b { color: var(--ink); }
.mint-stage .now { display: inline-block; margin-left: .4em; padding: 0 .35em; color: #fff; background: var(--red); }
.mint-stage .now.off { background: var(--shade); }

.cta.off { background: #d8d8d8; color: #6b6b6b; border-color: #eee #999 #999 #eee; cursor: not-allowed; box-shadow: 3px 3px 0 #000; }

/* ── wallet dialog ───────────────────────────────────────────── */

dialog.win { margin: auto; width: 26em; max-width: 94vw; padding: .45em; border: 0; text-align: left; color: var(--ink); }
dialog.win::backdrop { background: rgba(10, 4, 14, .72); }
.wallet-list { display: flex; flex-direction: column; gap: .6em; margin: .6em 0; }
.wallet-list .cta { min-width: 0; width: 100%; }
.wallet-msg { font-size: .85em; color: var(--dim); word-break: break-all; }
.dialog-tools { display: flex; justify-content: flex-end; gap: .5em; margin-top: .6em; }