/* ============================================================
 *  admin-animations.css
 *  Clean, razor-sharp smooth scrolling & panel transitions
 * ============================================================ */

/* Lenis smooth scrolling base */
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }

/* Keep panels hardware-accelerated during animation without rasterization blur */
.admin-section {
    position: relative;
}

.admin-section .glass-panel {
    transition: box-shadow 0.4s ease, border-color 0.4s ease;
}

.admin-section .glass-panel:hover {
    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.35),
        0 0 35px rgba(125, 211, 252, 0.08);
    border-color: rgba(125, 211, 252, 0.18);
}

.section-accent {
    transform-origin: top center;
}

/* Nav underline indicator */
.section-nav-link::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: 2px;
    background: #7dd3fc;
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.section-nav-link.active::after {
    width: 100%;
}

/* Row hover clarity */
.admin-table tbody tr {
    transition: background-color 0.15s ease;
}

/* Respect user's reduced motion preference */
@media (prefers-reduced-motion: reduce) {
    .admin-section,
    .admin-section .glass-panel {
        transform: none !important;
        opacity: 1 !important;
    }
}