/* Approved forest/mint icons. Compact actions retain existing layout and hit targets. */
.lo-icon{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto!important;width:18px;height:18px;vertical-align:middle;color:inherit;pointer-events:none;position:relative;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.lo-icon svg{display:block!important;width:100%!important;height:100%!important;fill:none;overflow:visible}
.lo-icon svg use{pointer-events:none}
.lo-icon-host>.lo-icon{margin-inline-end:7px}
.lo-icon-badge{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#e4f7ed,#c2e5d5);color:#123e32!important;padding:6px}
.lo-icon-nav>.lo-icon{margin-inline-end:9px}
.nav-item.lo-icon-nav,.nav-subitem.lo-icon-nav{display:flex;align-items:center}
.nav-subitem .lo-icon-badge{width:25px;height:25px;padding:5px}
.lo-icon-heading>.lo-icon-badge{width:34px;height:34px;padding:7px;margin-inline-end:10px}
.lo-icon-heading>.lo-icon{vertical-align:middle}
.lo-icon-host.has-edit-icon:before,.lo-icon-host.has-delete-icon:before,.lo-icon-host.has-edit-icon:after,.lo-icon-host.has-delete-icon:after{display:none!important;content:none!important}
.lo-icon-danger>.lo-icon{color:#bc4540}
.lo-icon-badge:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#ffffff90 48%,transparent 70%);opacity:0}
@media(hover:hover){.lo-icon-host:not(:disabled):hover>.lo-icon{transform:translateY(-1px) rotate(-4deg) scale(1.06)}.lo-icon-host:not(:disabled):hover>.lo-icon-badge{box-shadow:0 0 0 4px #c2e5d52e}.lo-icon-host:not(:disabled):hover>.lo-icon-badge:after{animation:lo-icon-shine .8s ease-out both}}
.lo-icon-host:focus-visible>.lo-icon{transform:translateY(-1px) scale(1.06)}
@keyframes lo-icon-shine{0%{opacity:0;transform:translateX(-30%) scale(.7)}35%{opacity:.7}100%{opacity:0;transform:translateX(30%) scale(1)}}
@media(prefers-reduced-motion:reduce){.lo-icon{transition:none!important;transform:none!important}.lo-icon-badge:after{animation:none!important;display:none}}
@media print{.lo-icon{display:none!important}.lo-icon-heading{display:block}}

.icon-btn>.lo-icon,.job-delete>.lo-icon,.line-remove>.lo-icon,.dn-remove>.lo-icon,.logout-image-button>.lo-icon{margin-inline-end:0}

.has-edit-icon>.lo-icon,.has-delete-icon>.lo-icon{margin-inline-end:0}