body {
  font-family: 'albert-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

  background: #f9fafb;
  line-height: 1.6;
}

.kc-bg {
  background: #ececec;
}

/* Right column content width cap for a tidy, professional layout */
.kc-right {
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
}

/* Optional: brand color if you're using kuber-text-primary */
.kuber-text-primary {
  color: #D7B56D;
}

/* Left image overlay (keep if you like the subtle contrast) */
.kc-img-overlay {
  background: linear-gradient(180deg, rgba(0, 0, 0, .10), rgba(0, 0, 0, .04) 40%, transparent 80%);
  pointer-events: none;
}


.kc-img-overlay {
  background: linear-gradient(180deg, rgba(0, 0, 0, .12), rgba(0, 0, 0, .04) 40%, transparent 80%);
  pointer-events: none;
}

.card.shadow-sm {
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(16, 24, 40, .08) !important;
}

/* CTA box stays the same */
.kc-cta {
  background: #f7f9ff;
  border: 1px solid #e8edff;
  color: #253b6e;
  padding: 12px 14px;
  border-radius: 12px;
  line-height: 1.5;
}



/* Trust note */
.kc-trust {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 8px;
  color: #6b7280;
  font-size: 12px;
}

.aadhaar-preview {
  max-height: 100px;
  width: auto;
  object-fit: cover;
  border-radius: 8px;
}

/* Drop zones */
/* make the file input the top clickable layer */
.dz {
  position: relative;
}

.dz-input {
  position: absolute;
  inset: 0;
  opacity: 0;
  z-index: 10;
  /* on top */
  cursor: pointer;
}

/* previews shouldn’t block clicks on the input beneath */
.dz-preview-inplace,
.dz-placeholder {
  pointer-events: none;
}

/* optional hover feedback on the container */
.dz:hover {
  box-shadow: 0 6px 16px rgba(16, 24, 40, .06);
}

.dz.dragover {
  border-color: #4f46e5;
  box-shadow: 0 8px 20px rgba(79, 70, 229, .18);
  background: #f7f7ff;
}

/* Placeholder (icon + text) */
.dz-placeholder {
  display: grid;
  place-items: center;
  gap: 4px;
  min-height: 120px;
}

/* In-place preview */
.dz-preview-inplace {
  position: relative;
}

.dz-img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  border-radius: 8px;
}

.dz-file {
  height: 150px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
}

.dz-hint {
  position: absolute;
  right: 8px;
  bottom: 6px;
  background: rgba(255, 255, 255, .8);
  padding: 2px 6px;
  border-radius: 6px;
}

/* Preview images: small and tidy */
.aadhaar-preview {
  max-height: 100px;
  width: auto;
  object-fit: cover;
  border-radius: 5px;
}

/* Info block */
/* .kc-info {
  background: #f7faff;
  border: 1px solid #e6eefc;
  border-radius: 12px;
  padding: 12px 14px;
} */

.alert-success {
  background: #d7b56d2e;
  border: 1px solid #e6eefc;
  border-radius: 12px;
  padding: 12px 14px;
  color: #000000;
}

.kc-info__icon svg {
  opacity: .9;
}

.kc-info__body {
  color: #000;
  line-height: 1.5;
}

/* Meta list */
.kc-meta {
  margin: 0;
}

.kc-meta__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px dashed #e8edf5;
}

.kc-meta__row:last-child {
  border-bottom: 0;
}

.kc-meta dt {
  margin: 0;
  color: #6b7280;
  font-weight: 500;
}

.kc-meta dd {
  margin: 0;
}

/* Button polish: solid, slightly elevated */
.btn-primary {
  background: #D7B56D;
  --bs-btn-border-color: transparent;

}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
  background: #D7B56D;
  border-color: transparent;
  transform: translateY(1px);
}


.btn-primary:hover {
  background: #C19F4A;
  border-color: transparent;

}

.btn-primary:disabled {
  opacity: .9;
  filter: grayscale(.1) brightness(.98);
}