/* Lucide / interação inspirada no Animate UI; sem dependência de React. */
.nh-lucide{vertical-align:middle;flex-shrink:0;transform-origin:center;transform-box:fill-box}
@media (prefers-reduced-motion:no-preference) and (hover:hover){
  :is(button,a,[role="button"]):is(:hover,:focus-visible)>.nh-lucide,
  :is(button,a,[role="button"]):is(:hover,:focus-visible)>span>.nh-lucide{
    animation:nh-icon-enter 320ms cubic-bezier(.22,1,.36,1) both;
  }
  :is(button,a):is(:hover,:focus-visible) .nh-lucide[data-nh-icon="bell"]{animation:nh-icon-bell 480ms ease-out}
  :is(button,a):is(:hover,:focus-visible) .nh-lucide[data-nh-icon="gear"]{animation:nh-icon-turn 450ms ease-out}
  :is(button,a):is(:hover,:focus-visible) .nh-lucide:is([data-nh-icon="chR"],[data-nh-icon="external"],[data-nh-icon="send"]){animation:nh-icon-forward 320ms ease-out}
}
@keyframes nh-icon-enter{from{transform:translateY(1.5px) scale(.94)}to{transform:translateY(0) scale(1)}}
@keyframes nh-icon-bell{0%,100%{transform:rotate(0)}25%{transform:rotate(12deg)}55%{transform:rotate(-9deg)}80%{transform:rotate(4deg)}}
@keyframes nh-icon-turn{from{transform:rotate(-30deg)}to{transform:rotate(0)}}
@keyframes nh-icon-forward{0%,100%{transform:translateX(0)}50%{transform:translateX(2px)}}
.is-motion-paused .nh-lucide{animation:none!important}
@media (prefers-reduced-motion:reduce){.nh-lucide{animation:none!important;transition:none!important}}
@media print{.nh-lucide{animation:none!important;transform:none!important}}