/* ═══════════════════════════════════════════════════════════
   modal.css — Sovereign Proof Verification modal
   ═══════════════════════════════════════════════════════════ */

#proof-modal {
  display:         none;
  position:        fixed;
  inset:           0;
  background:      rgba(0,0,0,0.8);
  z-index:         9999;
  align-items:     center;
  justify-content: center;
}

#proof-modal.open { display: flex; }

#proof-box {
  background:  var(--bg-surface);
  border:      var(--border-green);
  padding:     32px;
  width:       520px;
  max-width:   95vw;
}

#proof-box h2 {
  color:          var(--green);
  font-size:      0.9rem;
  letter-spacing: 2px;
  margin-bottom:  20px;
  text-transform: uppercase;
}

#proof-box input {
  width:       100%;
  background:  var(--bg-void);
  border:      var(--border-dim);
  color:       var(--text-primary);
  padding:     10px;
  font-family: var(--font-mono);
  font-size:   0.8rem;
  margin-bottom: 12px;
  outline:     none;
}

#proof-box input:focus {
  border-color: var(--green);
}

#proof-result {
  background:    var(--bg-void);
  border:        var(--border-dim);
  padding:       12px;
  font-size:     0.7rem;
  min-height:    80px;
  color:         var(--green);
  margin-bottom: 12px;
  word-break:    break-all;
  white-space:   pre-wrap;
  line-height:   1.5;
}