/* Created: 2026-08-07 18:51 Asia/Shanghai */
/* PLAN_LOCKED_NAVIGATION_CSS_EXCEPTION: Filament NavigationItem supports text
   badges but has no public trailing-icon API. This scoped stylesheet preserves
   the authorized lock-only status marker without replacing navigation logic. */

.tg-plan-locked-nav .fi-sidebar-item-btn {
    position: relative;
    padding-inline-end: 3rem;
}

.tg-plan-locked-nav .fi-sidebar-item-btn::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0.625rem;
    width: 1.625rem;
    height: 1.625rem;
    transform: translateY(-50%);
    border: 1px solid rgb(229 231 235);
    border-radius: 9999px;
    background: rgb(249 250 251);
    box-shadow: 0 1px 2px rgb(15 23 42 / 0.05);
    transition: border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
}

.tg-plan-locked-nav .fi-sidebar-item-btn::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.078rem;
    width: 0.72rem;
    height: 0.72rem;
    transform: translateY(-50%);
    z-index: 1;
    opacity: 0.68;
    background-color: rgb(107 114 128);
    transition: background-color 150ms ease, opacity 150ms ease, transform 150ms ease;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M10 2a4 4 0 00-4 4v2H5a2 2 0 00-2 2v5a3 3 0 003 3h8a3 3 0 003-3v-5a2 2 0 00-2-2h-1V6a4 4 0 00-4-4zM8 8V6a2 2 0 114 0v2H8z' clip-rule='evenodd'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M10 2a4 4 0 00-4 4v2H5a2 2 0 00-2 2v5a3 3 0 003 3h8a3 3 0 003-3v-5a2 2 0 00-2-2h-1V6a4 4 0 00-4-4zM8 8V6a2 2 0 114 0v2H8z' clip-rule='evenodd'/%3E%3C/svg%3E") center / contain no-repeat;
}

.tg-plan-locked-nav .fi-sidebar-item-btn:hover::before {
    border-color: rgb(221 214 254);
    background: rgb(245 243 255);
    box-shadow: 0 2px 6px rgb(109 40 217 / 0.12);
}

.tg-plan-locked-nav .fi-sidebar-item-btn:hover::after {
    transform: translateY(-50%) scale(1.06);
    opacity: 1;
    background-color: rgb(124 58 237);
}

.dark .tg-plan-locked-nav .fi-sidebar-item-btn::before {
    border-color: rgb(255 255 255 / 0.1);
    background: rgb(255 255 255 / 0.06);
    box-shadow: none;
}

.dark .tg-plan-locked-nav .fi-sidebar-item-btn::after {
    background-color: rgb(156 163 175);
}

.dark .tg-plan-locked-nav .fi-sidebar-item-btn:hover::before {
    border-color: rgb(139 92 246 / 0.45);
    background: rgb(124 58 237 / 0.16);
}

.dark .tg-plan-locked-nav .fi-sidebar-item-btn:hover::after {
    background-color: rgb(196 181 253);
}