/* Email Intake — feature-flagged UI (see js/features/email-intake/, issue #790) */

/* Hidden by default — needed for the ONE piece of this feature's markup that
   lives in always-loaded core index.html (the "Forward from email" tile in
   #bookingKindPickerModal), present before the flag is even known, same
   convention as .feature-weather/.feature-itinerary-agent. Everything ELSE
   this feature renders is built entirely by email-intake.js at runtime (the
   banner, the review sheet), which only happens once that script has
   loaded — itself gated on the flag — so nothing else needs this class. */
.feature-email-intake {
  display: none;
}

.email-intake-banner {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  background: var(--surface-1);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: var(--space-lg);
  margin-bottom: var(--space-lg);
}

.email-intake-banner-text {
  flex: 1;
  font-size: var(--fs-base);
}

.email-intake-label {
  font-size: var(--fs-xs);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-muted);
  margin: var(--space-lg) 0 var(--space-sm);
}

.email-intake-my-inbox,
.email-intake-shared-section {
  font-size: var(--fs-sm);
  color: var(--text-muted);
  margin-bottom: var(--space-md);
  display: flex;
  align-items: center;
  gap: var(--space-md);
  flex-wrap: wrap;
}

.email-intake-send-name {
  display: flex;
  flex-direction: column;
  min-width: 96px;
  color: var(--text-primary);
}

.email-intake-send-sub {
  font-size: var(--fs-xs);
  color: var(--text-muted);
}

.email-intake-address {
  font-family: monospace;
  color: var(--text-primary);
  overflow-wrap: anywhere;
  flex: 1;
}

.email-intake-help {
  font-size: var(--fs-sm);
  color: var(--text-muted);
}

.email-intake-item {
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: var(--space-lg);
  margin-bottom: var(--space-md);
}

.email-intake-item-head {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xs);
  margin-bottom: var(--space-sm);
  overflow-wrap: anywhere;
}

.email-intake-item-from {
  font-size: var(--fs-xs);
  color: var(--text-muted);
}

.email-intake-item-actions {
  display: flex;
  gap: var(--space-md);
  justify-content: flex-end;
}

.email-intake-item-actions .btn-primary,
.email-intake-item-actions .btn-secondary,
.email-intake-banner .btn-primary,
.email-intake-my-inbox .btn-secondary,
.email-intake-shared-section .btn-secondary,
.email-intake-shared-section .btn-small {
  min-height: var(--tap-min);
  min-width: var(--tap-min);
}

.email-intake-empty {
  color: var(--text-muted);
  font-size: var(--fs-sm);
  padding: var(--space-md) 0;
}