/**
 * Inline email-me-this form styling — injected by calc-share.js.
 * Uses Clause5 Molten Trace tokens (void black bg, arc amber accent).
 */
.email-me-this-form {
  margin-top: 10px;
  padding: 14px 16px;
  background: var(--surface, #111115);
  border: 1px solid var(--border, #2A2A2E);
  border-left: 3px solid var(--arc, #FFB627);
  border-radius: 6px;
  animation: emthIn 0.2s ease-out;
}
.email-me-this-form__inner {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}
.email-me-this-form__input {
  flex: 1 1 220px;
  min-height: 44px;
  padding: 10px 14px;
  background: var(--surface-deep, #0C0C10);
  border: 1px solid var(--border, #2A2A2E);
  border-radius: 4px;
  color: var(--text, #F0EDE8);
  font-family: 'IBM Plex Mono', monospace;
  font-size: 0.92rem;
}
.email-me-this-form__input:focus {
  outline: none;
  border-color: var(--arc, #FFB627);
}
.email-me-this-form__input:disabled {
  opacity: 0.6;
}
.email-me-this-form__submit {
  min-height: 44px;
  padding: 10px 20px;
  background: var(--arc, #FFB627);
  border: 0;
  color: var(--bg, #08080A);
  font-family: 'Barlow', sans-serif;
  font-weight: 700;
  font-size: 0.95rem;
  border-radius: 4px;
  cursor: pointer;
  transition: filter 0.15s;
}
.email-me-this-form__submit:hover:not(:disabled) {
  filter: brightness(1.1);
}
.email-me-this-form__submit:disabled {
  cursor: wait;
  opacity: 0.7;
}
.email-me-this-form__cancel {
  min-height: 44px;
  min-width: 44px;
  padding: 0;
  background: transparent;
  border: 1px solid var(--border, #2A2A2E);
  color: var(--text-muted, #D0D0D4);
  font-size: 1.3rem;
  line-height: 1;
  border-radius: 4px;
  cursor: pointer;
}
.email-me-this-form__cancel:hover {
  border-color: var(--arc, #FFB627);
  color: var(--arc, #FFB627);
}
.email-me-this-form__status {
  margin-top: 10px;
  font-size: 0.88rem;
  color: var(--text-muted, #D0D0D4);
  line-height: 1.5;
}
.email-me-this-form__status--ok {
  color: var(--success, #34D399);
  font-weight: 600;
}
.email-me-this-form__status--err {
  color: #EF4444;
  font-weight: 600;
}
@keyframes emthIn {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 520px) {
  .email-me-this-form__inner { flex-direction: column; }
  .email-me-this-form__input,
  .email-me-this-form__submit { width: 100%; }
  .email-me-this-form__cancel { width: 100%; }
}