/* Smart Web Apps — HTML Email Signature Generator
 * Notes:
 * - Signatures are commonly viewed on a light background in email clients.
 * - Use a light preview surface even in dark mode to avoid surprises.
 */

.signature-preview-wrap {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0.75rem;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.12);
}

.signature-preview {
  padding: 14px;
  background: #ffffff;
  color: #0b1220;
  min-height: 120px;
  overflow: auto;
}

.signature-preview a {
  color: inherit;
}

/* Keep the color picker compact */
input[type="color"].form-control-color {
  width: 3.25rem;
  padding: 0.25rem;
}