/* Decision116/116a: disclosure-only extraction from origin/main navrasa.css.
   Interface face, fixed wall dock, 767px breakpoint and visible corner-link
   triggers are the approved wall adaptations. */
:root {
  --rasa-color-text: #fff;
  --rasa-font-interface: "SFProRounded-Regular", "SF Pro Rounded", system-ui, -apple-system, sans-serif;
  --rasa-motion-popover-duration: 400ms;
  --rasa-motion-popover-easing: ease-out;
  --rasa-font-control-size: 12px;
  --rasa-space-control: 12px;
  --rasa-space-disclosure-gap: 24px;
  --rasa-space-edge: 32px;
  --rasa-radius-small: 2px;
  --rasa-radius-large: 22px;
  --rasa-space-panel-block: 20px;
  --rasa-space-panel-inline: 22px;
}

.disclosure-dock {
  position: fixed;
  right: var(--rasa-space-edge);
  bottom: 28px;
  z-index: 40;
  display: flex;
  align-items: flex-end;
  gap: var(--rasa-space-disclosure-gap);
}

.analytics-disclosure {
  position: relative;
  font-size: var(--rasa-font-control-size);
}

.analytics-disclosure .analytics-panel {
  bottom: 44px;
}

.analytics-panel-content {
  position: relative;
  z-index: 3;
  max-height: calc(100svh - 4 * var(--rasa-space-edge) - 2 * var(--rasa-space-panel-block));
  overflow-y: auto;
}

.analytics-panel h2 { margin-top: 0; font: inherit; font-weight: 600; }
.analytics-panel p { line-height: 1.5; }
.analytics-panel p + p, .analytics-actions { margin-top: var(--rasa-space-control); }
.analytics-actions { display: flex; flex-wrap: wrap; gap: var(--rasa-space-control); }
.analytics-disclosure [hidden] { display: none; }
.analytics-disclosure[data-open="true"] .analytics-panel {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}
.manifesto {
  position: relative;
  z-index: 12;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  pointer-events: none;
  visibility: hidden;
}

.manifesto[data-arrival-stage="trigger-visible"],
.manifesto[data-arrival-stage="popup-open"],
.manifesto[data-arrival-stage="complete"] {
  pointer-events: auto;
  visibility: visible;
}
.manifesto-card {
  --edge-opacity: 0;
  --edge-x: 50%;
  --edge-y: 50%;
  --edge-stroke-width: 0.75px;
  --edge-base-opacity: 0.3;
  --edge-highlight-size: 140px;
  --edge-blur: 8px;
  --edge-halo-opacity: 0.5;
  --edge-fade-duration: 120ms;
  --edge-core-color: #f2feff;
  --edge-warm-color: #fff;
  --edge-cool-color: #27d8ff;
  --manifesto-card-width: 280px;
  --manifesto-fade-duration: var(--rasa-motion-popover-duration);
  --manifesto-move-duration: var(--rasa-motion-popover-duration);
  position: absolute;
  right: 0;
  bottom: 44px;
  width: min(var(--manifesto-card-width), calc(100vw - 40px));
  padding: var(--rasa-space-panel-block) var(--rasa-space-panel-inline);
  border: 1px solid rgb(255 255 255 / var(--edge-base-opacity));
  border-radius: var(--rasa-radius-small) var(--rasa-radius-large) var(--rasa-radius-small) var(--rasa-radius-large);
  background: rgba(8, 8, 12, 0.44);
  color: var(--rasa-color-text);
  opacity: 0;
  isolation: isolate;
  overflow: visible;
  pointer-events: none;
  transform: translateY(12px) scale(0.98);
  transform-origin: bottom right;
  transition:
    opacity var(--manifesto-fade-duration) var(--rasa-motion-popover-easing),
    transform var(--manifesto-move-duration) var(--rasa-motion-popover-easing);
  backdrop-filter: blur(24px) saturate(135%);
  -webkit-backdrop-filter: blur(24px) saturate(135%);
}

.manifesto-card::before,
.manifesto-card::after {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  content: "";
  opacity: var(--edge-opacity);
  pointer-events: none;
  transition: opacity var(--edge-fade-duration) cubic-bezier(0.16, 1, 0.3, 1);
}

.manifesto-card::before {
  z-index: 2;
  padding: var(--edge-stroke-width);
  background: radial-gradient(
    circle var(--edge-highlight-size) at var(--edge-x) var(--edge-y),
    color-mix(in srgb, var(--edge-core-color) 98%, transparent) 0,
    color-mix(in srgb, var(--edge-warm-color) 94%, transparent) 18%,
    color-mix(in srgb, var(--edge-cool-color) 82%, transparent) 46%,
    color-mix(in srgb, var(--edge-cool-color) 16%, transparent) 66%,
    transparent 78%
  );
  mix-blend-mode: screen;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.manifesto-card::after {
  z-index: 0;
  inset: 0;
  padding: var(--edge-stroke-width);
  background: radial-gradient(
    circle calc(var(--edge-highlight-size) + 2px) at var(--edge-x) var(--edge-y),
    color-mix(in srgb, var(--edge-core-color) 46%, transparent) 0,
    color-mix(in srgb, var(--edge-warm-color) 28%, transparent) 20%,
    color-mix(in srgb, var(--edge-cool-color) 22%, transparent) 50%,
    transparent 78%
  );
  filter: blur(var(--edge-blur));
  mix-blend-mode: screen;
  opacity: calc(var(--edge-opacity) * var(--edge-halo-opacity));
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
}

.manifesto-card p {
  position: relative;
  z-index: 3;
  margin: 0;
  color: var(--rasa-color-text);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.52;
  letter-spacing: -0.006em;
}

.manifesto-card[data-edge-glow="true"] {
  --edge-opacity: 1;
}

.manifesto[data-open="true"] .manifesto-card {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.manifesto-card { font-family: var(--rasa-font-interface); }
.disclosure-trigger {
  position: relative; z-index: 2;
  padding: 6px 0; border: 0; border-bottom: 1px solid rgba(255,255,255,.46);
  background: transparent; color: var(--rasa-color-text); cursor: pointer;
  font: inherit; font-size: 12px; font-weight: 550; letter-spacing: .05em;
}
.disclosure-dock > :is(.analytics-disclosure,.manifesto) > .disclosure-trigger {
  padding: 0; border: 0; cursor: pointer;
  text-decoration: underline 1px #FFFFFF66; text-underline-offset: 3px;
  font-family: "SFProRounded-Medium", "SF Pro Rounded", system-ui, -apple-system, sans-serif;
  font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: .05em;
}
.disclosure-dock > :is(.analytics-disclosure,.manifesto) > .disclosure-trigger:hover { text-decoration-color: #FFFFFF; }
.analytics-actions .disclosure-trigger:focus-visible {
  outline: 2px solid currentColor; outline-offset: 4px;
}
.disclosure-dock > :is(.analytics-disclosure,.manifesto) > .disclosure-trigger:focus-visible {
  outline: 2px solid #285AEC; outline-offset: 2px;
  box-shadow: 0 0 0 4px rgba(6,5,10,.45);
}
@media(max-width:767px) {
  :root { --rasa-space-edge:20px; --rasa-space-disclosure-gap:20px; }
  .disclosure-dock { bottom:20px; }
}
@media(prefers-reduced-motion:reduce) {
  .manifesto-card,.disclosure-trigger { transition-duration:.01ms; }
  .manifesto-card::before,.manifesto-card::after { opacity:0 !important; transition:none; }
}