/* Navigation appearance copied from easygoldshop-backend resources/css/custom.css (source cascade order preserved). Native Filament sidebar positioning retained for mobile/sticky behavior. */


.fi-sidebar {
    background-color: #0C5DA3 !important;
}


.fi-sidebar .fi-sidebar-group .fi-icon-btn {
    color: #0C5DA3 !important;
}

.fi-sidebar .fi-sidebar-item.fi-active.fi-sidebar-item-active .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item.fi-active.fi-sidebar-item-active .fi-sidebar-item-icon {
    color: #0C5DA3 !important;
}

.fi-sidebar .fi-sidebar-item:hover .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item:hover .fi-sidebar-item-icon {
    color: #0C5DA3 !important;
}

.fi-sidebar .fi-sidebar-item .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item .fi-sidebar-item-icon {
    color: #ffffff !important;
    /* fill: #ffffff !important; */
}

.fi-sidebar .fi-sidebar-group .fi-sidebar-group-label,
.fi-sidebar .fi-sidebar-group .fi-icon-btn {
    color: #ffffff !important;
}

.fi-sidebar {
    overflow: hidden;
    border-right: 1px solid rgba(151, 217, 255, .18);
    background:
        radial-gradient(circle at 50% -6%, rgba(77, 190, 255, .32), transparent 27%),
        linear-gradient(180deg, #0d6cb9 0%, #095da5 48%, #074b89 100%) !important;
    box-shadow:
        inset -1px 0 rgba(255, 255, 255, .08),
        10px 0 32px rgba(3, 47, 91, .08);
}

.fi-sidebar::after {
    position: absolute;
    top: -110px;
    right: -85px;
    width: 190px;
    height: 340px;
    border-radius: 50%;
    background: linear-gradient(135deg, transparent, rgba(255, 255, 255, .08), transparent 64%);
    content: '';
    transform: rotate(18deg);
    pointer-events: none;
}

.fi-sidebar .fi-sidebar-nav {
    position: relative;
    z-index: 1;
    scrollbar-color: rgba(255, 255, 255, .18) transparent;
}

.fi-sidebar .fi-sidebar-group-label {
    color: rgba(218, 239, 255, .58) !important;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.fi-sidebar .fi-sidebar-group + .fi-sidebar-group {
    padding-top: .55rem;
    border-top: 1px solid rgba(202, 234, 255, .09);
}

.fi-sidebar .fi-sidebar-item-button {
    position: relative;
    isolation: isolate;
    min-height: 42px;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 12px;
    background: transparent !important;
    color: rgba(236, 247, 255, .9) !important;
    transition:
        color .22s ease,
        border-color .22s ease,
        background .22s ease,
        box-shadow .22s ease,
        transform .22s cubic-bezier(.2, .8, .2, 1);
}

.fi-sidebar .fi-sidebar-item-button::before {
    position: absolute;
    z-index: -1;
    top: -35%;
    left: -75%;
    width: 42%;
    height: 170%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .18), transparent);
    content: '';
    opacity: 0;
    transform: rotate(18deg);
    transition: left .62s ease, opacity .2s ease;
}

.fi-sidebar .fi-sidebar-item-button:hover {
    border-color: rgba(182, 227, 255, .24);
    background: linear-gradient(135deg, rgba(255, 255, 255, .13), rgba(125, 206, 255, .07)) !important;
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .12),
        0 8px 20px rgba(1, 42, 84, .16);
    color: #fff !important;
    transform: translateX(2px);
}

.fi-sidebar .fi-sidebar-item-button:hover::before {
    left: 135%;
    opacity: 1;
}

.fi-sidebar .fi-sidebar-item-icon {
    width: 21px;
    height: 21px;
    color: rgba(239, 249, 255, .92) !important;
    fill: none !important;
    stroke: currentColor;
    filter: drop-shadow(0 2px 5px rgba(0, 32, 70, .18));
    transition: color .22s ease, filter .22s ease, transform .22s cubic-bezier(.2, .8, .2, 1);
}

.fi-sidebar .fi-sidebar-item-button:hover .fi-sidebar-item-icon {
    color: #fff !important;
    filter: drop-shadow(0 0 8px rgba(137, 222, 255, .72));
    transform: translateY(-1px) scale(1.08);
}

.fi-sidebar .fi-sidebar-item-label {
    color: rgba(239, 248, 255, .88) !important;
    font-weight: 700;
    transition: color .22s ease, transform .22s ease;
}

.fi-sidebar .fi-sidebar-item-button:hover .fi-sidebar-item-label {
    color: #fff !important;
    transform: translateX(1px);
}

.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-button,
.fi-sidebar .fi-sidebar-item-button[aria-current='page'] {
    border-color: rgba(255, 255, 255, .78);
    background: linear-gradient(145deg, #ffffff 0%, #edf8ff 100%) !important;
    box-shadow:
        0 12px 25px rgba(0, 37, 78, .27),
        0 0 0 1px rgba(122, 207, 255, .12),
        inset 0 1px #fff;
    color: #0a63ab !important;
    transform: none;
}

.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-button::after,
.fi-sidebar .fi-sidebar-item-button[aria-current='page']::after {
    position: absolute;
    top: 50%;
    right: 4px;
    width: 4px;
    height: 12px;
    border-radius: 99px;
    background: linear-gradient(180deg, #70d7ff, #1b7cc4);
    box-shadow: 0 0 9px rgba(45, 164, 230, .55);
    content: '';
    transform: translateY(-50%);
}

.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-icon,
.fi-sidebar .fi-sidebar-item-button[aria-current='page'] .fi-sidebar-item-icon {
    color: #0b66ad !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.6;
    filter: none;
    transform: none;
}

.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item-button[aria-current='page'] .fi-sidebar-item-label {
    color: #0a5fa5 !important;
}

.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-button:hover,
.fi-sidebar .fi-sidebar-item-button[aria-current='page']:hover {
    background: linear-gradient(145deg, #ffffff 0%, #e5f5ff 100%) !important;
    box-shadow:
        0 15px 30px rgba(0, 37, 78, .31),
        0 0 18px rgba(103, 203, 255, .16),
        inset 0 1px #fff;
}

.fi-sidebar .fi-sidebar-group-collapse-button {
    color: rgba(223, 243, 255, .72) !important;
    transition: color .2s ease, transform .2s ease;
}

.fi-sidebar .fi-sidebar-group-collapse-button:hover {
    color: #fff !important;
    transform: scale(1.08);
}

@media (prefers-reduced-motion: reduce) {
    .fi-sidebar .fi-sidebar-item-button,
    .fi-sidebar .fi-sidebar-item-button::before,
    .fi-sidebar .fi-sidebar-item-icon,
    .fi-sidebar .fi-sidebar-item-label {
        transition: none !important;
    }
}
.fi-sidebar .fi-sidebar-item .fi-sidebar-item-icon {
    box-sizing: content-box;
    width: 19px !important;
    height: 19px !important;
    flex: 0 0 19px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform-origin: center;
}

.fi-sidebar .fi-sidebar-item-button {
    align-items: center;
}

.fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-item-button {
    justify-content: center;
}

.fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-item-icon {
    margin-inline: auto !important;
}

@media (min-width: 1024px) {
    .fi-sidebar:not(.fi-sidebar-open) {
        width: 72px !important;
    }

    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-nav {
        /* Filament's inner nav list has -8px inline margins. */
        padding-inline: 23px !important;
        scrollbar-gutter: auto !important;
    }

    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-group,
    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-item,
    .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-item-button {
        width: 42px !important;
    }
}

/* Dark-theme adaptation of the copied navigation palette. */
html.dark .fi-sidebar{background:radial-gradient(circle at 50% -6%,#4285b333,transparent 27%),linear-gradient(180deg,#153650,#102d47 48%,#0c243b) !important;border-right-color:#83cfff22}
html.dark .fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-button,
html.dark .fi-sidebar .fi-sidebar-item-button[aria-current='page']{border-color:#7fc7f14d;background:linear-gradient(145deg,#245476,#1b405e) !important;box-shadow:0 8px 18px #00000025,inset 0 1px #c8eaff12}
html.dark .fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-button:hover,
html.dark .fi-sidebar .fi-sidebar-item-button[aria-current='page']:hover{background:linear-gradient(145deg,#2d6083,#245071) !important}
html.dark .fi-sidebar .fi-sidebar-item.fi-active.fi-sidebar-item-active .fi-sidebar-item-label,
html.dark .fi-sidebar .fi-sidebar-item.fi-active.fi-sidebar-item-active .fi-sidebar-item-icon,
html.dark .fi-sidebar .fi-sidebar-item-button[aria-current='page'] .fi-sidebar-item-label,
html.dark .fi-sidebar .fi-sidebar-item-button[aria-current='page'] .fi-sidebar-item-icon{color:#e7f6ff !important}
.fi-sidebar .fi-sidebar-item-button:focus-visible{outline:2px solid #ffdc80;outline-offset:3px}
.fi-sidebar .fi-sidebar-nav{overscroll-behavior:contain}