/* Current task treatment uses the established Bluedoor theme and type scale. */
.invitation-current-state { padding: var(--theme-space-5); color: var(--theme-color-ink); }
.invitation-current-state h3 { font-family: var(--theme-font-invitation); font-size: var(--theme-font-size-task-title); margin: 0 0 var(--theme-space-2); }
.invitation-current-state p { margin: var(--theme-space-2) 0; }
.invitation-current-action { border-block-start: 1px solid var(--theme-color-line); padding-block: var(--theme-space-3); }
.invitation-current-action a { display: inline-flex; align-items: center; min-height: var(--theme-control-min-size); padding-inline-end: var(--theme-space-3); }
.invitation-action-deadline { font-size: var(--theme-font-size-supporting); color: var(--theme-color-muted); overflow-wrap: anywhere; }
[data-urgency="due_soon"] .invitation-action-deadline, [data-urgency="approaching"] .invitation-action-deadline { color: var(--theme-color-important); font-weight: 650; }
[data-current-action] { scroll-margin-block: var(--theme-space-6); }
.is-new-current-action { animation: current-action-arrives calc(var(--theme-motion-saved-ms) * 1ms) ease-out both; }
@keyframes current-action-arrives { from { background-color: var(--theme-color-brand-soft); opacity: .75; } to { opacity: 1; } }
[data-motion="off"] *, [data-motion="off"] *::before, [data-motion="off"] *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
@media (prefers-reduced-motion: reduce) { .is-new-current-action { animation: none; } }
@media (max-width: 48rem) {
  .private-updates-list [data-current-action] { min-width: 0; }
  .private-updates-list a > .invitation-action-deadline { grid-column: 2; min-width: 0; }
  .private-updates-list .invitation-action-deadline time { white-space: normal; }
}
