/* Build 731: one ocean gradient for primary capture and relive actions. */
:root {
  --mymappi-primary-memory-gradient: linear-gradient(112deg, #00243f 0%, #075965 54%, #0b806e 100%);
  --mymappi-primary-memory-ink: #f7fffc;
  --mymappi-primary-memory-border: rgba(11, 114, 100, 0.42);
  --mymappi-primary-memory-shadow:
    0 10px 22px rgba(4, 52, 74, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
  --mymappi-primary-memory-shadow-raised:
    0 13px 27px rgba(4, 52, 74, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

/* Paint only: each surface keeps its established geometry and interaction motion. */
html body main.app-shell section.map-stage.home-focus #homeDashboard .home-action-card.primary[data-home-action="create"],
html body main.app-shell section.map-stage.home-focus #homeOnThisDay button.memory-echo-relive,
html body main.app-shell section.map-stage.memories-focus section.memory-database-page.side-panel #memoryList article.memory-lane-card button.relive-memory-action,
html body main.app-shell section.map-stage.memories-focus section.memory-database-page.side-panel .memory-lane-compact-relive {
  color: var(--mymappi-primary-memory-ink) !important;
  border-color: var(--mymappi-primary-memory-border) !important;
  background: var(--mymappi-primary-memory-gradient) !important;
  box-shadow: var(--mymappi-primary-memory-shadow) !important;
}

html body main.app-shell section.map-stage.home-focus #homeDashboard .home-action-card.primary[data-home-action="create"]:is(:hover, :focus-visible),
html body main.app-shell section.map-stage.home-focus #homeOnThisDay button.memory-echo-relive:is(:hover, :focus-visible),
html body main.app-shell section.map-stage.memories-focus section.memory-database-page.side-panel #memoryList article.memory-lane-card button.relive-memory-action:is(:hover, :focus-visible),
html body main.app-shell section.map-stage.memories-focus section.memory-database-page.side-panel .memory-lane-compact-relive:is(:hover, :focus-visible) {
  background: var(--mymappi-primary-memory-gradient) !important;
  box-shadow: var(--mymappi-primary-memory-shadow-raised) !important;
}

html body main.app-shell section.map-stage.home-focus #homeDashboard .home-action-card.primary[data-home-action="create"]:focus-visible,
html body main.app-shell section.map-stage.home-focus #homeOnThisDay button.memory-echo-relive:focus-visible,
html body main.app-shell section.map-stage.memories-focus section.memory-database-page.side-panel #memoryList article.memory-lane-card button.relive-memory-action:focus-visible,
html body main.app-shell section.map-stage.memories-focus section.memory-database-page.side-panel .memory-lane-compact-relive:focus-visible {
  outline: 3px solid #0b617a !important;
  outline-offset: 3px !important;
}

html body main.app-shell section.map-stage.home-focus #homeDashboard .home-action-card.primary[data-home-action="create"]:active,
html body main.app-shell section.map-stage.home-focus #homeOnThisDay button.memory-echo-relive:active,
html body main.app-shell section.map-stage.memories-focus section.memory-database-page.side-panel #memoryList article.memory-lane-card button.relive-memory-action:active,
html body main.app-shell section.map-stage.memories-focus section.memory-database-page.side-panel .memory-lane-compact-relive:active {
  filter: brightness(0.95) !important;
  box-shadow:
    0 6px 14px rgba(4, 52, 74, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}

@media (prefers-reduced-motion: reduce) {
  html body main.app-shell section.map-stage.home-focus #homeDashboard .home-action-card.primary[data-home-action="create"],
  html body main.app-shell section.map-stage.home-focus #homeOnThisDay button.memory-echo-relive,
  html body main.app-shell section.map-stage.memories-focus section.memory-database-page.side-panel #memoryList article.memory-lane-card button.relive-memory-action,
  html body main.app-shell section.map-stage.memories-focus section.memory-database-page.side-panel .memory-lane-compact-relive {
    transition: none !important;
  }
}