/* EXIT CRM — Apple-like icon tweaks for Lucide glyphs (ISC). Load AFTER glass.css / dark.css. */
/* SF Symbols "Regular" reads ~1.4–1.5px at 20px. Lucide is drawn for 2px@24 → 1.75 gives the SF weight. */
svg.i{stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke:currentColor;
  overflow:visible;shape-rendering:geometricPrecision;vector-effect:none}
/* optical sizing: small icons need a bit more ink, large ones less (like SF Symbols scales) */
.cbtn .i,.cfound .i{stroke-width:2.1}
.emptyb .eic .i{stroke-width:1.5}
@media (min-resolution:2dppx){svg.i{stroke-width:1.65}.cbtn .i,.cfound .i{stroke-width:2}}
/* selected tab: SF uses a heavier weight instead of a fill */
.ni.on .i,.si.on .i,#bnav button.on .i{stroke-width:2.1}

/* ---------- micro-animations (idea from Iconimate, MIT; plain CSS, no React) ----------
   Needs the icon key on the svg: icon = (k, st) => `<svg class="i" data-i="${k}" ...` */
@keyframes i-ring{0%,100%{transform:rotate(0)}12%{transform:rotate(14deg)}28%{transform:rotate(-12deg)}
  44%{transform:rotate(8deg)}60%{transform:rotate(-5deg)}76%{transform:rotate(2deg)}}
@keyframes i-pop{0%{transform:scale(.6);opacity:.2}60%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}
@keyframes i-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
@keyframes i-spin{to{transform:rotate(-360deg)}}
@keyframes i-wiggle{0%,100%{transform:rotate(0)}30%{transform:rotate(-14deg)}65%{transform:rotate(8deg)}}

svg.i[data-i=bell]{transform-origin:50% 8%}            /* swings from its crown */
svg.i[data-i=bell].ring,.has-new svg.i[data-i=bell]{animation:i-ring .9s cubic-bezier(.36,.07,.19,.97) both}
button:hover svg.i[data-i=bell]{animation:i-ring .9s cubic-bezier(.36,.07,.19,.97)}
svg.i[data-i=search]{transform-origin:40% 40%}
button:hover svg.i[data-i=search],.vsearch:focus-within svg.i[data-i=search]{animation:i-wiggle .5s ease}
svg.i[data-i=chev]{transition:transform .35s cubic-bezier(.32,.72,0,1)}
.open>svg.i[data-i=chev],[aria-expanded=true] svg.i[data-i=chev]{transform:rotate(-90deg)}
button:hover svg.i[data-i=arrow]{animation:i-nudge .5s ease}
svg.i[data-i=check].pop,.done svg.i[data-i=check]{animation:i-pop .38s cubic-bezier(.34,1.56,.64,1) both}
svg.i[data-i=history]{transform-origin:50% 50%}
button:hover svg.i[data-i=history]{animation:i-spin .6s cubic-bezier(.32,.72,0,1)}
button:hover svg.i[data-i=wrench],button:hover svg.i[data-i=edit]{transform-origin:30% 70%;animation:i-wiggle .5s ease}
button:active svg.i{transform:scale(.9);transition:transform .12s}

@media (prefers-reduced-motion:reduce){
  svg.i,svg.i *{animation:none!important;transition:none!important}
}