/* Photo Creator / Signature Creator tool widget styling */
.tnh-tool-tabs {
  border-bottom: 1px solid #e2e8f0;
}
.tnh-tool-tabs .nav-link {
  color: #64748b;
  font-weight: 600;
  border: 1px solid transparent;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 10px 18px;
}
.tnh-tool-tabs .nav-link:hover {
  color: #2563eb;
  border-color: #e2e8f0 #e2e8f0 transparent;
}
.tnh-tool-tabs .nav-link.active {
  color: #2563eb;
  background: #fff;
  border-color: #e2e8f0 #e2e8f0 #fff;
}

.tnh-tool-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-top: none;
  border-radius: 0 14px 14px 14px;
  padding: 20px;
  box-shadow: 0 2px 10px rgba(15, 23, 42, .05);
}

.tnh-req-table th {
  width: 40%;
  color: #64748b;
  font-weight: 600;
  font-size: .82rem;
}
.tnh-req-table td { font-size: .85rem; }

#tnh-drop-zone {
  border: 2px dashed #94a3b8;
  border-radius: 12px;
  padding: 28px 16px;
  text-align: center;
  cursor: pointer;
  background: #f8fafc;
  transition: border-color .15s, background .15s;
}
#tnh-drop-zone:hover,
#tnh-drop-zone.tnh-drag-over {
  border-color: #2563eb;
  background: #eff6ff;
}

#tnh-crop-stage { display: none; margin-top: 16px; }
#tnh-crop-image {
  display: block;
  max-width: 100%;
  max-height: 420px;
}
/* Prevents the browser from interpreting a drag on the crop handles as a
   page-scroll gesture on mobile -- this was the cause of the crop
   selection appearing to jump/reset while scrolling. */
.cropper-container,
.cropper-container * {
  touch-action: none;
}

#tnh-result-box { display: none; margin-top: 18px; }
#tnh-result-img {
  max-width: 220px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

#tnh-error-box {
  display: none;
  margin-top: 14px;
  padding: 10px 14px;
  border-radius: 8px;
  background: #fef2f2;
  color: #b91c1c;
  border: 1px solid #fecaca;
  font-size: .88rem;
}

#tnh-spinner { display: none; }

.tnh-faq-item summary {
  cursor: pointer;
  font-weight: 600;
  padding: 10px 0;
}