/* ==================================================
   styles-inline.css (導覽列與隱私模式專屬樣式)
   ================================================== */

#navAdd { order: var(--nav-order-add, 1); }
#navCommon { order: var(--nav-order-prompts, 2); }
#navSettings { order: var(--nav-order-settings, 3); }

#navAddGroup { order: var(--tools-order-addgroup, 1); }
#navBatch { order: var(--tools-order-batch, 2); }
#navLockGroup { order: var(--tools-order-lock, 3); }

#btnBatchMoveTo { order: var(--batch-order-move, 1) !important; }
#btnBatchConfirm { order: var(--batch-order-confirm, 2) !important; }
#btnBatchCancel { order: var(--batch-order-cancel, 3) !important; }
#btnBatchDelete { order: var(--batch-order-delete, 4) !important; }

body.settings-tab-active #navIndicators {
    display: none !important;
}

.bottom-nav .nav-item { max-width: 100px; }

.privacy-blur {
    filter: blur(8px);
    opacity: 0.8;
    pointer-events: none;
    user-select: none;
    transition: filter 0.3s ease, opacity 0.3s ease;
}
.secret-dot {
    display: none;
    position: absolute;
    left: 50%;
    top: 2px;
    width: 5px;
    height: 5px;
    margin-left: -14px;
    background-color: var(--accent-color);
    border-radius: 50%;
    opacity: 0.9;
    z-index: 10;
}

body:not(.batch-mode-active) .bottom-nav {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background-color: var(--bg-color) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    z-index: 1000 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    border-top: 0.5px solid var(--separator) !important;
    transform: none !important;
    -webkit-transform: none !important;
}
.bottom-nav::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 50vh;
    background-color: var(--bg-color) !important;
    z-index: -1;
    pointer-events: none;
}
.nav-slider-wrapper {
    overflow: hidden;
    border-radius: 0;
    width: 100%;
    position: relative; 
    touch-action: pan-y; 
    background-color: transparent !important;
}
.nav-slider { 
    display: flex;
    width: 300% !important; 
    transform: translateX(-33.33333%);
    transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
    will-change: transform;
    background-color: transparent !important;
}
.nav-panel { 
    width: 33.33333% !important; 
    display: flex;
    justify-content: space-around; 
    padding: 8px 10px calc(20px + env(safe-area-inset-bottom)) 10px !important;
    box-sizing: border-box;
    background-color: transparent !important;
}
.nav-slider.pos-0 { transform: translateX(0%) !important; }
.nav-slider.pos-1 { transform: translateX(-33.33333%) !important; }
.nav-slider.pos-2 { transform: translateX(-66.66666%) !important; }