/* emailsignature — tool-specific components (loaded after the global /styles.css) */

.es-form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

.es-preview-label,
.es-status {
  font-size: var(--fs-sm, .9rem);
  color: var(--muted, #8a93a6);
}
.es-preview-label { font-weight: 600; margin-bottom: .5rem; }

/* Light "email-like" surface so the signature always renders on white,
   matching how it will look in a real inbox. */
.es-preview {
  background: #ffffff;
  color: #1a1a2e;
  border: 1px solid var(--border, #2a3344);
  border-radius: 12px;
  padding: 1.1rem 1.25rem;
  min-height: 4.5rem;
  overflow-x: auto;
}
.es-preview a { color: #3a5bd9; }
.es-preview.is-empty {
  display: flex;
  align-items: center;
}
.es-placeholder {
  color: #8a8fa3;
  font-style: italic;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}

.es-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
}

.es-status { min-height: 1.4em; margin-top: .6rem; }
.es-status.is-error { color: var(--danger, #e5484d); }