/* 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-my-inbox {
  font-size: var(--fs-sm);
  color: var(--text-muted);
  margin-bottom: var(--space-lg);
  display: flex;
  align-items: center;
  gap: var(--space-md);
  flex-wrap: wrap;
}

#email-intake-my-address {
  font-family: monospace;
  color: var(--text-primary);
}

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

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

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

.email-intake-item-doc {
  font-size: var(--fs-sm);
  margin-bottom: var(--space-md);
}

.email-intake-no-doc {
  color: var(--text-muted);
}

.email-intake-item-form select,
.email-intake-item-form input {
  margin-bottom: var(--space-sm);
}

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

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

/* Decision 15 — the shared-inbox address controls, and the per-item
   quarantine badge on a staged item that arrived there. */
.email-intake-shared-section {
  font-size: var(--fs-sm);
  color: var(--text-muted);
  margin-bottom: var(--space-lg);
  display: flex;
  align-items: center;
  gap: var(--space-md);
  flex-wrap: wrap;
}

.email-intake-quarantine-badge {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  font-size: var(--fs-xs);
  color: var(--vn-coral);
  background: var(--surface-2);
  border: 1px solid var(--vn-coral-mid);
  border-radius: var(--radius-sm);
  padding: var(--space-sm) var(--space-md);
  margin-bottom: var(--space-md);
}

/* Decision 14 — the opt-in expense checkbox + its fields, booking target only. */
.email-intake-expense-toggle-label {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  font-size: var(--fs-sm);
  margin: var(--space-md) 0;
}

.email-intake-expense-fields select,
.email-intake-expense-fields input {
  margin-bottom: var(--space-sm);
}

.email-intake-expense-split-toggle {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}