/* MBOKA_F52_MOTION_R1 — subtle native interactions, never financial logic. */
:root {
  --mp52-fast: 130ms;
  --mp52-base: 230ms;
  --mp52-ease: cubic-bezier(.2,.75,.25,1);
}
/* Short page transitions. No JS dependency and no hidden placeholders. */
@media (prefers-reduced-motion: no-preference) {
  .view.active { animation: mp52-view-in 260ms var(--mp52-ease) both; }
  .view.active > :nth-child(-n+3) { animation: mp52-section-in 340ms var(--mp52-ease) both; }
  .view.active > :nth-child(2) { animation-delay: 45ms; }
  .view.active > :nth-child(3) { animation-delay: 75ms; }
  @keyframes mp52-view-in {
    from { opacity: .65; } to { opacity: 1; }
  }
  @keyframes mp52-section-in {
    from { opacity: .65; transform: translate3d(0,7px,0); }
    to   { opacity: 1; transform: translate3d(0,0,0); }
  }
  .nav-item,.mobile-nav button,.market-chips button,
  .segmented button,.horizon-tabs button,.mp-f51-theme-switch {
    transition: color var(--mp52-fast) ease,
      background-color var(--mp52-fast) ease,
      border-color var(--mp52-fast) ease,
      transform var(--mp52-fast) var(--mp52-ease);
  }
  @media (hover:hover) {
    .nav-item:hover,.market-chips button:hover,
    .mp-f2-tabs button:hover,.mp-f2b-tabs button:hover {
      transform: translate3d(2px,0,0);
    }
    .product-card:hover { transform: translate3d(0,-3px,0); }
  }
  button:not(:disabled):active, .nav-item:active,
  .mobile-nav button:active { transform: scale(.975); }
  .modal-backdrop.open .modal { animation: mp52-dialog-in 200ms var(--mp52-ease) both; }
  @keyframes mp52-dialog-in {
    from { opacity: .6; transform: translate3d(0,9px,0) scale(.99); }
    to { opacity: 1; transform: none; }
  }
  #flowChart path, #projectionChart path, #donutChart circle {
    animation: mp52-chart-in 420ms ease both;
  }
  @keyframes mp52-chart-in { from { opacity: .3; } to { opacity: 1; } }
}
/* Mobile: confident touch targets, five navigation entries and safe area. */
@media (max-width:780px) {
  .mobile-nav {
    grid-template-columns: repeat(5,minmax(0,1fr));
    bottom: max(10px,env(safe-area-inset-bottom,0px));
  }
  .mobile-nav button { min-width:0; min-height:47px; touch-action:manipulation; }
  .mobile-nav button small { font-size:clamp(9px,2.35vw,11px); }
  .main { padding-bottom:calc(105px + env(safe-area-inset-bottom,0px)); }
  .mp-f51-theme-switch, .top-actions button { touch-action:manipulation; }
  .view { min-width:0; }
  input,select,textarea { max-width:100%; }
  .mp-f3-wallet,.mp-f45,.mp-profile-row,.mp-f2-row { min-width:0; }
}
@media (prefers-reduced-motion: reduce) {
  .view.active,.view.active > *, #flowChart path,#projectionChart path,
  #donutChart circle,.modal-backdrop.open .modal { animation:none!important; }
  button,.nav-item,.mobile-nav button,.product-card { transition:none!important; }
}