.dkg-stepper{margin-top:10px}
.dkg-step{background:#fff;border:1px solid #eee;border-radius:6px;margin:12px 0;padding:16px}
.dkg-video-wrap{display:flex;flex-direction:column;gap:8px;max-width:520px}
.dkg-video-actions{display:flex;gap:8px;align-items:center}
.dkg-canvas{border:1px dashed #ccc;border-radius:4px;background:#fafafa}
.dkg-doc-row{display:flex;justify-content:space-between;align-items:center}
.dkg-doc-controls{display:flex;gap:10px;align-items:center}


/* --- Agreement & Signature Section (with IP, time, location) --- */
.dkg-agreement-card { margin-top: 14px; }

.dkg-agreement-box {
  width: 100%;
  max-height: 400px;
  overflow-y: auto;
  padding: 16px 18px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  line-height: 1.6;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.02);
}

.dkg-check {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #374151;
  margin-top: 14px;
}

.dkg-signature-wrap {
  margin-top: 28px;
  background: #f9fafb;
  border: 1px dashed #d1d5db;
  border-radius: 12px;
  padding: 22px 20px;
}

.dkg-section-title {
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 16px;
}

.dkg-vendor-info {
  text-align: center;
  font-size: 14px;
  color: #374151;
  margin-bottom: 20px;
}
.dkg-vendor-info p {
  margin: 4px 0;
}

.dkg-canvas {
  display: block;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  width: 100%;
  max-width: 640px;
  height: auto;
}

.dkg-sign-actions {
  margin-top: 14px;
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

.dkg-status {
  margin-top: 10px;
  display: none;
}