/* 199 — Warning motion (2026-10-06). Entrance + attention animations for the warning surfaces that had none:
   1) the inline Notice / Viewing-procedure boxes inside the expanded unit details (replays every time the row opens),
   2) the gate pop-ups on the dark login card: "Join my broker network" (#otacTerms) and "We couldn't verify your details" (#otacResetFail).
   Uses the keyframes of css/181-alert-system.css (bhnPop, bhnBadge, bhnRing, bhnLine, bhnInline, bhnSheen, bhnFade, bhnShine).
   Respects "reduce motion". Roll back: remove this <link>. */

@keyframes bwxSlide{0%{opacity:0;transform:translateY(-10px) scale(.97);max-height:0}100%{opacity:1;transform:none;max-height:600px}}
@keyframes bwxGlow{0%,100%{box-shadow:0 6px 16px -12px rgba(120,84,20,.5),0 0 0 0 rgba(199,164,91,0)}50%{box-shadow:0 8px 22px -10px rgba(120,84,20,.55),0 0 0 5px rgba(199,164,91,.22)}}
@keyframes bwxIcon{0%{transform:scale(1) rotate(0)}18%{transform:scale(1.25) rotate(-14deg)}36%{transform:scale(1.15) rotate(12deg)}54%{transform:scale(1.08) rotate(-7deg)}72%{transform:scale(1.02) rotate(3deg)}100%{transform:none}}
@keyframes bwxBar{0%{transform:scaleY(0)}100%{transform:scaleY(1)}}

/* 1) inline notices in the unit details */
.avl-notice-box{
  overflow:hidden;transform-origin:top center;
  animation:bwxSlide .5s cubic-bezier(.22,1,.36,1) both,bwxGlow 1.8s .55s ease-in-out 2;
}
.avl-notice-wrap .avl-notice-box:nth-child(2){animation-delay:.12s,.67s;}
.avl-notice-wrap .avl-notice-box:nth-child(3){animation-delay:.24s,.79s;}
.avl-notice-box::after{ /* one gold sheen sweeping across when it appears */
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.65) 50%,transparent 70%);
  transform:translateX(-120%);animation:bhnShine 1.1s .35s ease-out 1;
}
.avl-notice-tag{animation:bhnLine .4s .2s both;}
.avl-notice-tag i{display:inline-block;animation:bwxIcon 1s .45s ease-in-out 1;}
.avl-notice-box li{animation:bhnLine .42s calc(.3s + var(--i,0)*90ms) both;}
.avl-notice-box li:nth-child(1){--i:0}.avl-notice-box li:nth-child(2){--i:1}.avl-notice-box li:nth-child(3){--i:2}
.avl-notice-box li:nth-child(4){--i:3}.avl-notice-box li:nth-child(5){--i:4}.avl-notice-box li:nth-child(6){--i:5}
.avl-notice-box li:nth-child(n+7){--i:6}

/* 2) gate pop-ups on the dark login card */
#otacTerms.otac-tk,#otacResetFail.otac-tk{animation:bhnFade .25s ease-out both;}
#otacTerms .otac-tk-card,#otacResetFail .otac-tk-card{position:relative;overflow:hidden;animation:bhnPop .5s var(--bhn-ease,cubic-bezier(.22,1,.36,1)) both;}
#otacTerms .otac-tk-card::before,#otacResetFail .otac-tk-card::before{
  content:"";position:absolute;inset:0 0 auto 0;height:4px;
  background:linear-gradient(90deg,#B98A4E,#E6C985,#B98A4E);background-size:200% 100%;animation:bhnSheen 2.4s linear 2;
}
#otacTerms .otac-tk-ic,#otacResetFail .otac-tk-ic{animation:bhnBadge .85s .12s cubic-bezier(.3,1.5,.5,1) both,bhnRing 1.7s .75s ease-out 2;}
#otacTerms .otac-tk-card h3,#otacResetFail .otac-tk-card h3{animation:bhnLine .4s .22s both;}
#otacTerms .otct-body p{animation:bhnLine .42s both;}
#otacTerms .otct-body p:nth-child(1){animation-delay:.3s}#otacTerms .otct-body p:nth-child(2){animation-delay:.4s}
#otacTerms .otct-body p:nth-child(3){animation-delay:.5s}#otacTerms .otct-body p:nth-child(4){animation-delay:.6s}
#otacTerms .otct-body p:nth-child(5){animation-delay:.7s}
#otacTerms .otct-act button{animation:bhnLine .42s both;}
#otacTerms .otct-act button:nth-child(1){animation-delay:.82s}#otacTerms .otct-act button:nth-child(2){animation-delay:.92s}
#otacResetFail .otac-tk-card p,#otacResetFail .otac-tk-act{animation:bhnLine .4s .32s both;}
#otacTerms .otct-yes{position:relative;overflow:hidden;}
#otacTerms .otct-yes::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:translateX(-120%) skewX(-18deg);animation:bhnShine 1.1s 1.5s ease-out 1;}
#otacTerms .otct-act button:active{transform:scale(.985);}

@media (prefers-reduced-motion:reduce){
  .avl-notice-box,.avl-notice-box::after,.avl-notice-tag,.avl-notice-tag i,.avl-notice-box li,
  #otacTerms,#otacTerms *,#otacTerms *::before,#otacTerms *::after,
  #otacResetFail,#otacResetFail *,#otacResetFail *::before{animation:none!important;}
}