/* FIG Pulse release slice A: the illustrative event is the public hero's anchor.
   This stylesheet is additive to the verified 2a5e540 web build. It deliberately
   leaves the lead form, pricing, navigation and authenticated app untouched. */
.production-landing[data-theme] .login-public-shell:not(.has-demo-form) {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(32px, 4.5vw, 72px);
  padding-top: clamp(72px, 7vw, 112px);
  padding-bottom: clamp(80px, 7vw, 112px);
}

.production-landing[data-theme] .login-public-shell:not(.has-demo-form) .login-story h1 {
  max-width: 10.5ch;
  font-size: clamp(48px, 4.9vw, 74px);
  line-height: .99;
  letter-spacing: -.035em;
}

.production-landing[data-theme] .login-public-shell:not(.has-demo-form) .login-copy {
  max-width: 45ch;
  font-size: clamp(16px, 1.1vw, 18px);
  line-height: 1.6;
}

.production-landing[data-theme] .login-public-shell:not(.has-demo-form) .login-hero-actions :is(.primary-button, .secondary-button) {
  min-height: 52px;
  border-radius: 12px;
}

.production-landing[data-theme] .login-side .event-story {
  border-radius: 20px;
  box-shadow: 0 30px 64px -24px rgb(19 45 73 / 36%), 0 8px 20px rgb(19 45 73 / 7%);
}

.production-landing[data-theme] .event-story-title {
  background: color-mix(in srgb, var(--primary) 5%, var(--surface));
  padding-block: 32px 28px;
}

.production-landing[data-theme] .event-story-stages {
  padding-inline: 0;
  background: color-mix(in srgb, var(--primary) 4%, var(--surface));
}

.production-landing[data-theme] .event-story-stages button {
  min-height: 58px;
  padding-inline: 10px;
  border-bottom-width: 3px;
  font-size: 13px;
}

.production-landing[data-theme] .event-story-stages button + button {
  border-left: 1px solid var(--border);
}

.production-landing[data-theme] .event-story-stages button[aria-pressed="true"] {
  background: var(--surface);
}

.production-landing[data-theme] .event-story-scene h3 {
  font-size: 20px;
  line-height: 1.3;
}

.production-landing[data-theme] .event-story-action {
  padding: 13px 14px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--primary) 8%, var(--surface));
}

.production-landing[data-theme="night"] .login-side .event-story {
  box-shadow: 0 30px 64px -24px rgb(0 0 0 / 70%), 0 8px 20px rgb(0 0 0 / 20%);
}

@media (max-width: 900px) {
  .production-landing[data-theme] .login-public-shell:not(.has-demo-form) {
    grid-template-columns: 1fr;
    gap: 36px;
    padding-block: 48px 64px;
  }

  .production-landing[data-theme] .login-public-shell:not(.has-demo-form) .login-story h1 {
    max-width: 13ch;
    font-size: clamp(42px, 7vw, 64px);
  }
}

@media (max-width: 700px) {
  .production-landing[data-theme] .login-public-shell:not(.has-demo-form) {
    gap: 30px;
    padding-block: 40px 56px;
  }

  .production-landing[data-theme] .login-public-shell:not(.has-demo-form) .login-story h1 {
    font-size: clamp(40px, 10.4vw, 52px);
    line-height: 1.02;
  }

  .production-landing[data-theme] .event-story-stages button {
    min-height: 54px;
    padding-inline: 3px;
    font-size: 11px;
  }

  .production-landing[data-theme] .event-story-title {
    padding-block: 24px;
  }

  .production-landing[data-theme] .event-story-scene h3 {
    font-size: 18px;
  }
}

@media print {
  .production-landing[data-theme] .login-side .event-story {
    box-shadow: none;
  }
}


/* P10 A: presentation only, compatible with PulseInbox in served commit 2a5e540.
   Preserve row order, filters, labels, destinations, empty and disabled states. */
.pulse-inbox .pulse-inbox-list {
  display: grid;
  gap: 12px;
  padding: 16px;
  background: var(--surface-subtle);
}

.pulse-inbox .pulse-inbox-list > .pulse-inbox-row {
  column-gap: 24px;
  padding: 20px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--surface);
}

.pulse-inbox .pulse-inbox-row:has(.pulse-inbox-priority.urgent) {
  border-color: color-mix(in srgb, var(--danger) 24%, var(--border));
  background: color-mix(in srgb, var(--danger) 3%, var(--surface));
}

.pulse-inbox .pulse-inbox-row:hover,
.pulse-inbox .pulse-inbox-row:focus-within {
  border-color: var(--primary);
}

.pulse-inbox .pulse-inbox-priority {
  line-height: 1.5;
}

.pulse-inbox .pulse-inbox-record > strong {
  font-size: 16px;
  line-height: 1.4;
}

.pulse-inbox .pulse-inbox-record small {
  display: block;
  line-height: 1.5;
}

.pulse-inbox .pulse-inbox-destination > span {
  line-height: 1.5;
  font-variant-numeric: tabular-nums;
}

.pulse-inbox .pulse-inbox-action {
  justify-content: center;
  max-width: 100%;
  padding: 8px 12px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: color-mix(in srgb, var(--primary) 6%, var(--surface));
  line-height: 1.4;
  text-align: center;
  overflow-wrap: anywhere;
}

.pulse-inbox .pulse-inbox-action:hover {
  border-color: var(--primary);
  background: var(--surface-subtle);
}

@media (min-width: 701px) {
  .pulse-inbox .pulse-inbox-list > .pulse-inbox-row {
    grid-template-columns: 96px minmax(0, 1fr) 184px;
  }
}

@media (max-width: 700px) {
  .pulse-inbox .pulse-inbox-list {
    padding: 12px;
  }
  .pulse-inbox .pulse-inbox-list > .pulse-inbox-row {
    padding: 16px;
  }
  .pulse-inbox .pulse-inbox-destination {
    gap: 8px 12px;
  }
  .pulse-inbox .pulse-inbox-destination > span {
    flex-basis: 100%;
  }
}