/* Native App-Style Transitions & Feedback */
body {
    opacity: 1;
}

/* Disabled preloader overlay - Prevents blocking delay between pages */
.loader-container,
#global-page-loader {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Instant Top Navigation Progress Indicator (YouTube / Modern App Style) */
#uu-nav-progress {
    position: fixed;
    top: 0;
    left: 0;
    height: 2.5px;
    background: linear-gradient(90deg, #2451C4, #38BDF8, #10B981);
    z-index: 9999999;
    width: 0%;
    transition: width 0.22s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.15s ease;
    box-shadow: 0 0 10px rgba(56, 189, 248, 0.85);
    pointer-events: none;
}

/* Native Cross-Document View Transitions (Chromium 111+, Android Chrome, Edge) */
@view-transition {
    navigation: auto;
}

::view-transition-group(root) {
    animation-duration: 0.22s;
}

::view-transition-old(root) {
    animation: 0.16s cubic-bezier(0.4, 0, 1, 1) both uuPageFadeOut;
}

::view-transition-new(root) {
    animation: 0.22s cubic-bezier(0, 0, 0.2, 1) both uuPageFadeIn;
}

@keyframes uuPageFadeOut {
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(0.992);
    }
}

@keyframes uuPageFadeIn {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Persistent Dock during View Transitions */
.dock-container {
    view-transition-name: dock-island-container;
}

/* Micro-Smooth Native Page Entrance (Eliminates "dap kore" abrupt snap) */
@keyframes uuSmoothContentFadeIn {
    0% {
        opacity: 0.85;
        transform: translateY(6px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.dash-content,
.container,
.fleet-summary,
.bus-list-wrapper,
.sched-control-sidebar,
.profile-card,
.menu-card,
.emergency-card,
.referral-card,
#map {
    animation: uuSmoothContentFadeIn 0.24s cubic-bezier(0.16, 1, 0.3, 1) backwards;
}

/* Soft Exit State on Navigation */
body.page-nav-exit {
    opacity: 0.90 !important;
    transform: scale(0.995);
    transition: opacity 0.08s ease-out, transform 0.08s ease-out;
}

/* Micro-Bounce Tap Feedback on Navigation Buttons */
.bottom-nav .nav-item:active, .desktop-nav .nav-btn:active, .dock-tab:active {
    transform: scale(0.92);
    opacity: 0.85;
}