/* Module identity stays visible; only the waiting/finished content dims. */
.lead-story .story-workspace {
  align-items: stretch;
  gap: 16px;
  padding: 20px;
  background: #fff;
}
.lead-story .story-pane {
  --story-module: #f0ef92;
  padding: 22px 18px;
  border-radius: 16px;
  background: var(--story-module);
}
.lead-story .story-crm-pane { --story-module: #dfcff3; }
.lead-story .story-chat-pane { --story-module: #cbe6fa; }
.lead-story .story-pane + .story-pane { border: 0; }
.lead-story .story-pane + .story-pane::before { display: none; }
.lead-story .story-pane-head { align-content: flex-start; min-height: 44px; margin-bottom: 12px; }
.lead-story .story-pane-head h3 { color: #171817; }
.lead-story .story-pane-head h3::before { color: #535748; }
.lead-story .story-pane-status { color: #41463b; }
.lead-story .story-pane[data-story-pane-state],
.lead-story.story-ready .story-pane[data-story-pane-state] {
  opacity: 1;
  filter: none;
  transition: none;
}
.lead-story .story-pane > :is(.story-source-window,.story-crm-target,.story-chat,.story-campaign) {
  opacity: 1;
  transition: opacity 340ms ease;
}
.lead-story .story-pane[data-story-pane-state="waiting"] > :is(.story-crm-target,.story-chat) { opacity: .26; }
.lead-story.story-ready :is(.story-source-pane,.story-crm-pane)[data-story-pane-state="done"] > :is(.story-source-window,.story-crm-target,.story-campaign) { opacity: .4; }
.lead-story .story-source-card,
.lead-story .story-crm-card { border-color: rgba(23,24,23,.08); box-shadow: 0 3px 8px rgba(23,24,23,.025); }
.lead-story .story-campaign { border-color: rgba(23,24,23,.12); }
.lead-story .story-campaign-state,
.lead-story .story-campaign .story-rule { color: #474052; }
.lead-story .story-chat { border-color: rgba(23,24,23,.08); background: #edf6fc; }
.lead-story .story-message { border-color: #b8d9ee; background: #cce7f8; }
.lead-story .story-message > p,
.lead-story [data-story-message-text] { color: #203a4a; }
.lead-story .story-delivery { color: #526c7b; }
/* Fixed geometry is shared by the source, carousel, CRM, chat and flight clone. */
:is(.lead-story,.story-transfer) .story-avatar { position: relative; overflow: hidden; }
:is(.lead-story,.story-transfer) .story-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}
:is(.lead-story,.story-transfer) .story-avatar [hidden] { display: none !important; }
@media (max-width: 1000px) {
  .lead-story .story-workspace { gap: 16px; }
}
@media (max-width: 600px) {
  .lead-story .story-workspace { padding: 12px; gap: 12px; }
  .lead-story .story-pane { padding: 20px 12px; border-radius: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .lead-story .story-pane > :is(.story-source-window,.story-crm-target,.story-chat,.story-campaign) { transition: none; }
}
@media (forced-colors: active) {
  .lead-story .story-pane { border: 1px solid CanvasText; }
}