/* v5.4 — حركة دخول أخف وأسرع */
@keyframes rise{from{opacity:0;transform:translateY(8px)}}
#page.enter>*{animation:rise .38s var(--ease) backwards}
#page.enter>*:nth-child(2){animation-delay:.03s}#page.enter>*:nth-child(3){animation-delay:.06s}#page.enter>*:nth-child(4){animation-delay:.09s}#page.enter>*:nth-child(n+5){animation-delay:.12s}
#page.enter .stats>.stat,#page.enter .bento>*,#page.enter .pgrid>.pbtn{animation:rise .38s var(--ease) backwards;animation-delay:calc(var(--i,0)*25ms)}
#page.enter .list-line,#page.enter .alert-line{animation:rise .35s var(--ease) backwards;animation-delay:calc(var(--i,0)*20ms + .05s)}
html.pos-on #page.enter>*{animation:none}
#invBody input[data-k="qty"]::placeholder{color:var(--faint);opacity:.7}
.nav .att-link{opacity:.85}.nav .att-link small{margin-inline-start:auto;font-size:.7rem;color:var(--faint)}
/* v5.6: مجموعات القائمة */
.nav .ng{display:block}.nav .ng.c>button{display:none}
.nav h6.nh{display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;border-radius:8px;padding:2px 4px;margin-inline:6px}
.nav h6.nh::after{content:"";width:7px;height:7px;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s;opacity:.6;margin-inline-start:8px}
.nav .ng.c h6.nh::after{transform:rotate(-135deg)}
.nav h6.nh:hover{background:rgba(255,255,255,.07)}.nav h6.nh:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.nav{overscroll-behavior:contain}