/* v146: one large action at a time for the first trading tutorial. */

.starter-mini-coach:not(.hidden) strong {
  font-size: 16px !important;
  font-weight: 800 !important;
}

.starter-mini-coach:not(.hidden) em {
  color: #333d4b !important;
  font-size: 15px !important;
  font-weight: 750 !important;
}

.tutorial-chart-callout {
  display: none;
}

body[data-tutorial-chart-phase="observe"]
  .stock-card[data-onboarding-step="first-sell"] .tutorial-chart-callout,
body[data-quest-priority="action"][data-quest-mission="sell"]
  .stock-card[data-onboarding-step="first-sell"] .tutorial-chart-callout {
  display: grid;
  min-width: 0;
  grid-template-columns: 40px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  margin: 9px 0 2px;
  padding: 10px 12px;
  border: 1px solid #ffd5dc;
  border-radius: 8px;
  background: #fff4f6;
  color: #191f28;
}

.tutorial-chart-arrow {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border-radius: 50%;
  background: #f04452;
  color: #fff;
  font-size: 27px;
  font-weight: 900;
  line-height: 1;
}

.tutorial-chart-copy {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.tutorial-chart-copy strong,
.tutorial-chart-copy span {
  display: block;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  word-break: keep-all;
}

.tutorial-chart-copy strong {
  color: #d62f41;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.3;
}

.tutorial-chart-copy span {
  color: #333d4b;
  font-size: 15px;
  font-weight: 750;
  line-height: 1.4;
}

body[data-tutorial-chart-phase="observe"] [data-role="portfolio-summary"] .ps-sellall-btn,
body[data-quest-priority="action"][data-quest-mission="sell"] [data-role="portfolio-summary"] .ps-sellall-btn {
  display: none !important;
}

body[data-quest-priority="action"][data-quest-mission] .quest-focus {
  animation: questTargetFlashV146 0.92s ease-in-out 4 !important;
}

@keyframes questTargetFlashV146 {
  0%, 100% {
    filter: brightness(1) saturate(1);
    outline-color: rgba(245, 181, 68, 0.9);
    box-shadow: 0 0 0 2px rgba(245, 181, 68, 0.2), 0 0 10px rgba(245, 181, 68, 0.24) !important;
  }
  50% {
    filter: brightness(1.1) saturate(1.12);
    outline-color: #ffc247;
    box-shadow: 0 0 0 6px rgba(255, 194, 71, 0.34), 0 0 22px rgba(255, 194, 71, 0.62) !important;
  }
}

body[data-quest-priority="action"][data-quest-mission="buy"] [data-role="portfolio-summary"] .ps-value,
body[data-quest-priority="action"][data-quest-mission="sell"] [data-role="portfolio-summary"] .ps-value {
  font-size: 20px !important;
  font-weight: 850 !important;
}

body[data-quest-priority="action"][data-quest-mission="buy"] [data-role="ps-sub"],
body[data-quest-priority="action"][data-quest-mission="sell"] [data-role="ps-sub"] {
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
}

@media (prefers-reduced-motion: reduce) {
  body[data-quest-priority="action"][data-quest-mission] .quest-focus,
  .sticky-sellall-bar.onboarding-focus,
  .stock-card.tutorial-market-shock .sparkline-wrap,
  body .modal:not(#splash):not(.hidden) > .modal-content {
    animation: none !important;
    filter: none !important;
    transition: none !important;
  }

  .stock-card.tutorial-market-shock .sparkline-wrap {
    background: #fff4f6 !important;
    outline: 4px solid rgba(240, 68, 82, 0.62) !important;
    outline-offset: -4px !important;
  }
}