/* ==========================================================
   NAVBAR JUAN HOSTING
   Tema grafite escuro e dourado
   Arquivo: assets/css/navbar.css
========================================================== */

:root {
    --jh-nav-gold: #e6c675;
    --jh-nav-gold-light: #f1d88c;
    --jh-nav-gold-dark: #c59b3a;
    --jh-nav-ink: #eef2f3;
    --jh-nav-muted: #aeb6b8;
    --jh-nav-white: #ffffff;
    --jh-nav-soft: #1c211f;
    --jh-nav-line: rgba(230, 198, 117, 0.22);
    --jh-nav-dark: #181e1d;
    --jh-nav-danger: #b42318;
    --jh-nav-shadow: 0 18px 46px rgba(35, 29, 18, 0.14);
}

.jh-navbar,
.jh-navbar *,
.jh-navbar *::before,
.jh-navbar *::after {
    box-sizing: border-box;
}

html body .jh-navbar {
    position: fixed !important;
    top: 12px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: calc(100% - 24px) !important;
    max-width: 1380px !important;
    z-index: 99999 !important;
    color: var(--jh-nav-ink) !important;
    background:
        radial-gradient(circle at 8% 0%, rgba(212, 170, 79, 0.13), transparent 30%),
        rgba(255, 255, 255, 0.97) !important;
    border: 1px solid rgba(168, 121, 29, 0.30) !important;
    border-radius: 22px !important;
    backdrop-filter: blur(18px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
    box-shadow:
        var(--jh-nav-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.90) !important;
    overflow: visible !important;
    isolation: isolate;
}

html body .jh-navbar::before {
    content: "" !important;
    position: absolute !important;
    left: 22px !important;
    right: 22px !important;
    top: -1px !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent, var(--jh-nav-gold), transparent) !important;
    opacity: .82 !important;
    pointer-events: none;
}

html body .jh-navbar::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    z-index: -1 !important;
    border-radius: inherit !important;
    background:
        linear-gradient(90deg, transparent, rgba(212, 170, 79, 0.035), transparent),
        repeating-linear-gradient(
            90deg,
            rgba(168, 121, 29, 0.018) 0,
            rgba(168, 121, 29, 0.018) 1px,
            transparent 1px,
            transparent 38px
        ) !important;
}

html body .jh-navbar .jh-nav-wrap {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 18px !important;
    padding: 10px 12px !important;
}

html body .jh-navbar .jh-brand {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 192px !important;
    color: var(--jh-nav-ink) !important;
    text-decoration: none !important;
}

html body .jh-navbar .jh-brand-core {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
    width: 40px !important;
    height: 40px !important;
    color: var(--jh-nav-dark) !important;
    background: linear-gradient(135deg, var(--jh-nav-gold-light), var(--jh-nav-gold)) !important;
    border: 1px solid #c89b3c !important;
    border-radius: 14px !important;
    box-shadow:
        0 8px 20px rgba(168, 121, 29, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
}

html body .jh-navbar .jh-brand-core::after {
    content: "" !important;
    position: absolute !important;
    inset: -4px !important;
    border: 1px dashed rgba(168, 121, 29, 0.38) !important;
    border-radius: 18px !important;
    animation: jhGoldCorePulse 2.6s ease-in-out infinite !important;
}

@keyframes jhGoldCorePulse {
    0%, 100% {
        opacity: .42;
        transform: scale(.97);
    }

    50% {
        opacity: .88;
        transform: scale(1.035);
    }
}

html body .jh-navbar .jh-brand-core i {
    color: var(--jh-nav-dark) !important;
    font-size: 1.16rem !important;
}

html body .jh-navbar .jh-brand-text strong {
    display: block !important;
    color: var(--jh-nav-ink) !important;
    font-family: "Orbitron", "Segoe UI", sans-serif !important;
    font-size: .98rem !important;
    font-weight: 800 !important;
    letter-spacing: .8px !important;
    line-height: 1.1 !important;
}

html body .jh-navbar .jh-brand-text strong span {
    color: var(--jh-nav-gold-dark) !important;
    text-shadow: none !important;
}

html body .jh-navbar .jh-brand-text small {
    display: block !important;
    margin-top: 3px !important;
    color: var(--jh-nav-muted) !important;
    font-size: .58rem !important;
    letter-spacing: .35px !important;
    white-space: nowrap !important;
}

html body .jh-navbar .jh-menu-toggle {
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 9px 13px !important;
    color: #5f4511 !important;
    background: #fbf4df !important;
    border: 1px solid #e2ca88 !important;
    border-radius: 14px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

html body .jh-navbar .jh-menu-toggle:hover {
    color: var(--jh-nav-dark) !important;
    background: #f6e7b7 !important;
    border-color: var(--jh-nav-gold) !important;
}

html body .jh-navbar .jh-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 2px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body .jh-navbar .jh-menu > li {
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

html body .jh-navbar .jh-menu a,
html body .jh-navbar .jh-menu .jh-dropdown-toggle {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-height: 36px !important;
    padding: 8px 9px !important;
    color: #3f3b34 !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    appearance: none !important;
    font-family: inherit !important;
    font-size: .72rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease !important;
}

html body .jh-navbar .jh-menu a i,
html body .jh-navbar .jh-menu .jh-dropdown-toggle i {
    color: var(--jh-nav-gold-dark) !important;
    font-size: .82rem !important;
}

html body .jh-navbar .jh-menu a:hover,
html body .jh-navbar .jh-menu .jh-dropdown-toggle:hover {
    color: #5f4511 !important;
    background: #fbf4df !important;
    border-color: #ead69d !important;
    transform: translateY(-1px) !important;
}

html body .jh-navbar .jh-menu a.active,
html body .jh-navbar .jh-menu .jh-dropdown-toggle.active {
    color: #17140d !important;
    background: linear-gradient(135deg, var(--jh-nav-gold-light), var(--jh-nav-gold)) !important;
    border-color: #c89b3c !important;
    box-shadow: 0 7px 18px rgba(168, 121, 29, 0.20) !important;
}

html body .jh-navbar .jh-menu a.active i,
html body .jh-navbar .jh-menu .jh-dropdown-toggle.active i {
    color: #17140d !important;
}

html body .jh-navbar .jh-brand:focus-visible,
html body .jh-navbar .jh-menu-toggle:focus-visible,
html body .jh-navbar .jh-menu a:focus-visible,
html body .jh-navbar .jh-menu .jh-dropdown-toggle:focus-visible {
    outline: 3px solid rgba(212, 170, 79, 0.48) !important;
    outline-offset: 3px !important;
}

html body .jh-navbar .jh-nav-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    min-width: 205px !important;
}

html body .jh-navbar .jh-status {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 7px 9px !important;
    color: #217a3c !important;
    background: #eef9f1 !important;
    border: 1px solid #c9e9d1 !important;
    border-radius: 999px !important;
    font-size: .64rem !important;
    font-weight: 950 !important;
}

html body .jh-navbar .jh-status span {
    width: 7px !important;
    height: 7px !important;
    background: #22a447 !important;
    border-radius: 50% !important;
    box-shadow: 0 0 10px rgba(34, 164, 71, .55) !important;
    animation: jhGoldOnlineBlink 1.5s ease-in-out infinite !important;
}

@keyframes jhGoldOnlineBlink {
    0%, 100% { opacity: 1; }
    50% { opacity: .45; }
}

html body .jh-navbar .jh-action-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 8px 11px !important;
    color: #4d3911 !important;
    background: #fbf4df !important;
    border: 1px solid #e2ca88 !important;
    border-radius: 999px !important;
    font-size: .68rem !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: transform .2s ease, background .2s ease, box-shadow .2s ease !important;
}

html body .jh-navbar .jh-action-btn:hover {
    color: #17140d !important;
    background: #f6e7b7 !important;
    transform: translateY(-2px) !important;
}

html body .jh-navbar .jh-buy-btn {
    color: #17140d !important;
    background: linear-gradient(135deg, var(--jh-nav-gold-light), var(--jh-nav-gold)) !important;
    border-color: #c89b3c !important;
    box-shadow: 0 8px 18px rgba(168, 121, 29, 0.20) !important;
}

html body .jh-navbar .jh-buy-btn:hover {
    color: #11100c !important;
    background: linear-gradient(135deg, #f5df9c, #c99a38) !important;
}

html body .jh-navbar .jh-sub-btn {
    color: #4d3911 !important;
    background: #fffaf0 !important;
    border-color: #e5d2a0 !important;
}

html body .jh-navbar .jh-dropdown-toggle .bi-chevron-down {
    margin-left: 1px !important;
    font-size: .62rem !important;
    transition: transform .22s ease !important;
}

html body .jh-navbar .jh-dropdown.open > .jh-dropdown-toggle .bi-chevron-down {
    transform: rotate(180deg) !important;
}

html body .jh-navbar .jh-dropdown-menu {
    position: absolute !important;
    top: calc(100% + 12px) !important;
    left: 50% !important;
    display: none !important;
    flex-direction: column !important;
    gap: 4px !important;
    width: auto !important;
    min-width: 270px !important;
    max-width: calc(100vw - 28px) !important;
    max-height: calc(100vh - 96px) !important;
    margin: 0 !important;
    padding: 9px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    color: var(--jh-nav-ink) !important;
    background:
        radial-gradient(circle at top right, rgba(212, 170, 79, 0.10), transparent 34%),
        rgba(255, 255, 255, 0.99) !important;
    border: 1px solid rgba(168, 121, 29, 0.28) !important;
    border-radius: 19px !important;
    box-shadow: 0 20px 48px rgba(35, 29, 18, 0.19) !important;
    scrollbar-color: rgba(168, 121, 29, .55) #f3eee3 !important;
    scrollbar-width: thin !important;
    transform: translateX(calc(-50% + var(--jh-dropdown-shift, 0px))) translateY(8px) !important;
    z-index: 999999 !important;
}

html body .jh-navbar .jh-dropdown-menu::-webkit-scrollbar {
    width: 7px !important;
}

html body .jh-navbar .jh-dropdown-menu::-webkit-scrollbar-track {
    background: #f3eee3 !important;
    border-radius: 999px !important;
}

html body .jh-navbar .jh-dropdown-menu::-webkit-scrollbar-thumb {
    background: rgba(168, 121, 29, .52) !important;
    border-radius: 999px !important;
}

html body .jh-navbar .jh-dropdown-menu--mega {
    width: min(780px, calc(100vw - 28px)) !important;
    min-width: 0 !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 10px !important;
}

html body .jh-navbar .jh-dropdown-section {
    min-width: 0 !important;
    padding: 5px !important;
    background: rgba(250, 248, 243, 0.84) !important;
    border: 1px solid #ebe4d8 !important;
    border-radius: 15px !important;
}

html body .jh-navbar .jh-dropdown.open > .jh-dropdown-menu {
    display: flex !important;
    animation: jhGoldDropdownIn .2s ease forwards !important;
}

html body .jh-navbar .jh-dropdown.open > .jh-dropdown-menu--mega {
    display: grid !important;
}

@keyframes jhGoldDropdownIn {
    from {
        opacity: 0;
        transform: translateX(calc(-50% + var(--jh-dropdown-shift, 0px))) translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateX(calc(-50% + var(--jh-dropdown-shift, 0px))) translateY(0);
    }
}

html body .jh-navbar .jh-dropdown-menu a {
    display: flex !important;
    width: 100% !important;
    min-height: 40px !important;
    justify-content: flex-start !important;
    padding: 10px 12px !important;
    color: #454038 !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 13px !important;
    font-size: .78rem !important;
}

html body .jh-navbar .jh-dropdown-menu a:hover {
    color: #5f4511 !important;
    background: #fbf4df !important;
    border-color: #ead69d !important;
    transform: none !important;
}

html body .jh-navbar .jh-dropdown-menu a.danger {
    color: var(--jh-nav-danger) !important;
}

html body .jh-navbar .jh-dropdown-menu a.danger i {
    color: var(--jh-nav-danger) !important;
}

html body .jh-navbar .jh-dropdown-menu a.admin {
    color: #745313 !important;
}

html body .jh-navbar .jh-dropdown-label {
    padding: 9px 12px 7px !important;
    color: #8a6a2b !important;
    font-size: .68rem !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

html body .jh-navbar .jh-mobile-only {
    display: none !important;
}

@media (max-width: 1280px) and (min-width: 1181px) {
    html body .jh-navbar {
        width: calc(100% - 16px) !important;
    }

    html body .jh-navbar .jh-brand {
        min-width: 152px !important;
    }

    html body .jh-navbar .jh-brand-text small {
        display: none !important;
    }

    html body .jh-navbar .jh-menu a,
    html body .jh-navbar .jh-menu .jh-dropdown-toggle {
        gap: 4px !important;
        padding: 8px 7px !important;
        font-size: .68rem !important;
    }

    html body .jh-navbar .jh-status {
        display: none !important;
    }
}

@media (max-width: 1180px) {
    html body .jh-navbar .jh-nav-wrap {
        grid-template-columns: 1fr auto !important;
    }

    html body .jh-navbar .jh-brand {
        min-width: auto !important;
    }

    html body .jh-navbar .jh-brand-text small {
        display: block !important;
    }

    html body .jh-navbar .jh-menu-toggle {
        display: inline-flex !important;
    }

    html body .jh-navbar .jh-menu {
        grid-column: 1 / -1 !important;
        display: none !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        width: 100% !important;
        max-height: calc(100dvh - 98px) !important;
        margin-top: 8px !important;
        padding: 10px !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        background: rgba(250, 248, 243, 0.98) !important;
        border: 1px solid var(--jh-nav-line) !important;
        border-radius: 18px !important;
        box-shadow: inset 0 1px 0 #ffffff !important;
        scrollbar-color: rgba(168, 121, 29, .55) #f3eee3 !important;
        scrollbar-width: thin !important;
    }

    html body .jh-navbar .jh-menu.open {
        display: flex !important;
    }

    html body .jh-navbar .jh-menu > li {
        width: 100% !important;
    }

    html body .jh-navbar .jh-menu a,
    html body .jh-navbar .jh-menu .jh-dropdown-toggle {
        width: 100% !important;
        min-height: 44px !important;
        justify-content: flex-start !important;
        padding: 11px 13px !important;
        border-radius: 13px !important;
        font-size: .82rem !important;
    }

    html body .jh-navbar .jh-nav-actions {
        grid-column: 1 / -1 !important;
        display: none !important;
        min-width: 0 !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
        padding-top: 6px !important;
    }

    html body .jh-navbar .jh-nav-actions.open {
        display: flex !important;
    }

    html body .jh-navbar .jh-status {
        display: inline-flex !important;
    }

    html body .jh-navbar .jh-dropdown-menu {
        position: static !important;
        display: none !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        max-height: none !important;
        margin-top: 6px !important;
        overflow: visible !important;
        transform: none !important;
        background: #ffffff !important;
        border-color: #e5dccb !important;
        box-shadow: none !important;
    }

    html body .jh-navbar .jh-dropdown-menu--mega {
        grid-template-columns: 1fr !important;
        gap: 6px !important;
    }

    html body .jh-navbar .jh-dropdown.open > .jh-dropdown-menu {
        display: flex !important;
        animation: none !important;
        transform: none !important;
    }

    html body .jh-navbar .jh-dropdown.open > .jh-dropdown-menu--mega {
        display: grid !important;
    }

    html body .jh-navbar .jh-dropdown-section {
        padding: 3px !important;
    }

    html body .jh-navbar .jh-mobile-only {
        display: inline-flex !important;
    }
}

@media (max-width: 620px) {
    html body .jh-navbar {
        top: 8px !important;
        width: calc(100% - 16px) !important;
        border-radius: 19px !important;
    }

    html body .jh-navbar .jh-nav-wrap {
        gap: 10px !important;
        padding: 10px !important;
    }

    html body .jh-navbar .jh-brand-core {
        width: 40px !important;
        height: 40px !important;
        border-radius: 14px !important;
    }

    html body .jh-navbar .jh-brand-text strong {
        font-size: .92rem !important;
    }

    html body .jh-navbar .jh-brand-text small {
        max-width: 185px !important;
        font-size: .61rem !important;
        white-space: normal !important;
    }

    html body .jh-navbar .jh-menu-toggle {
        padding: 9px 11px !important;
    }

    html body .jh-navbar .jh-status,
    html body .jh-navbar .jh-action-btn {
        width: 100% !important;
        justify-content: center !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html body .jh-navbar *,
    html body .jh-navbar *::before,
    html body .jh-navbar *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}

/* ==========================================================
   PALETA FINAL — REFERÊNCIA GRAFITE + DOURADO
========================================================== */

html body .jh-navbar {
    color: #eef2f3 !important;
    background:
        radial-gradient(circle at 8% 0%, rgba(230, 198, 117, 0.10), transparent 30%),
        linear-gradient(90deg, #1c1f1c 0%, #181e1d 44%, #1a1a19 100%) !important;
    border-color: rgba(230, 198, 117, 0.30) !important;
    box-shadow:
        0 18px 46px rgba(0, 0, 0, 0.30),
        inset 0 1px 0 rgba(241, 216, 140, 0.06) !important;
}

html body .jh-navbar::before {
    background: linear-gradient(90deg, transparent, #e6c675, transparent) !important;
    opacity: .62 !important;
}

html body .jh-navbar::after {
    background:
        linear-gradient(90deg, transparent, rgba(230, 198, 117, 0.025), transparent),
        repeating-linear-gradient(
            90deg,
            rgba(230, 198, 117, 0.016) 0,
            rgba(230, 198, 117, 0.016) 1px,
            transparent 1px,
            transparent 38px
        ) !important;
}

html body .jh-navbar .jh-brand {
    color: #eef2f3 !important;
}

html body .jh-navbar .jh-brand-core {
    color: #f1d88c !important;
    background:
        radial-gradient(circle, rgba(230, 198, 117, 0.16), transparent 68%),
        rgba(25, 29, 26, 0.90) !important;
    border-color: rgba(230, 198, 117, 0.48) !important;
    box-shadow:
        0 0 20px rgba(230, 198, 117, 0.14),
        inset 0 0 14px rgba(230, 198, 117, 0.06) !important;
}

html body .jh-navbar .jh-brand-core::after {
    border-color: rgba(230, 198, 117, 0.32) !important;
}

html body .jh-navbar .jh-brand-core i {
    color: #f1d88c !important;
}

html body .jh-navbar .jh-brand-text strong {
    color: #f3f4f4 !important;
}

html body .jh-navbar .jh-brand-text strong span {
    color: #f1d88c !important;
}

html body .jh-navbar .jh-brand-text small {
    color: #aeb6b8 !important;
}

html body .jh-navbar .jh-menu-toggle {
    color: #171815 !important;
    background: linear-gradient(135deg, #f1d88c, #e6c675) !important;
    border-color: #caa74f !important;
    box-shadow: 0 8px 20px rgba(230, 198, 117, 0.16) !important;
}

html body .jh-navbar .jh-menu-toggle:hover {
    color: #11130f !important;
    background: linear-gradient(135deg, #f5e2a4, #e2bc5d) !important;
    border-color: #e6c675 !important;
}

html body .jh-navbar .jh-menu a,
html body .jh-navbar .jh-menu .jh-dropdown-toggle {
    color: #e8edef !important;
    background: transparent !important;
    border-color: transparent !important;
}

html body .jh-navbar .jh-menu a i,
html body .jh-navbar .jh-menu .jh-dropdown-toggle i {
    color: #d8dde0 !important;
}

html body .jh-navbar .jh-menu a:hover,
html body .jh-navbar .jh-menu .jh-dropdown-toggle:hover {
    color: #f4e8c1 !important;
    background: rgba(230, 198, 117, 0.10) !important;
    border-color: rgba(230, 198, 117, 0.18) !important;
}

html body .jh-navbar .jh-menu a:hover i,
html body .jh-navbar .jh-menu .jh-dropdown-toggle:hover i {
    color: #f1d88c !important;
}

html body .jh-navbar .jh-menu a.active,
html body .jh-navbar .jh-menu .jh-dropdown-toggle.active {
    color: #171815 !important;
    background: linear-gradient(135deg, #f1d88c, #e6c675) !important;
    border-color: #caa74f !important;
    box-shadow:
        0 7px 18px rgba(230, 198, 117, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.34) !important;
}

html body .jh-navbar .jh-menu a.active i,
html body .jh-navbar .jh-menu .jh-dropdown-toggle.active i {
    color: #171815 !important;
}

html body .jh-navbar .jh-nav-actions {
    color: #eef2f3 !important;
}

html body .jh-navbar .jh-status {
    color: #9ee4ad !important;
    background: rgba(34, 164, 71, 0.10) !important;
    border-color: rgba(82, 193, 105, 0.22) !important;
}

html body .jh-navbar .jh-action-btn,
html body .jh-navbar .jh-offer-btn,
html body .jh-navbar .jh-sub-btn {
    color: #f3e4b7 !important;
    background: rgba(230, 198, 117, 0.09) !important;
    border-color: rgba(230, 198, 117, 0.24) !important;
}

html body .jh-navbar .jh-action-btn:hover,
html body .jh-navbar .jh-offer-btn:hover,
html body .jh-navbar .jh-sub-btn:hover {
    color: #171815 !important;
    background: #e6c675 !important;
}

html body .jh-navbar .jh-buy-btn {
    color: #171815 !important;
    background: linear-gradient(135deg, #f1d88c, #e6c675) !important;
    border-color: #caa74f !important;
    box-shadow: 0 8px 18px rgba(230, 198, 117, 0.18) !important;
}

html body .jh-navbar .jh-buy-btn:hover {
    color: #11130f !important;
    background: linear-gradient(135deg, #f5e2a4, #e2bc5d) !important;
}

html body .jh-navbar .jh-dropdown-menu {
    color: #eef2f3 !important;
    background:
        radial-gradient(circle at top right, rgba(230, 198, 117, 0.08), transparent 34%),
        linear-gradient(145deg, rgba(28, 33, 31, 0.995), rgba(19, 24, 23, 0.995)) !important;
    border-color: rgba(230, 198, 117, 0.24) !important;
    box-shadow:
        0 20px 48px rgba(0, 0, 0, 0.42),
        inset 0 1px 0 rgba(241, 216, 140, 0.04) !important;
    scrollbar-color: rgba(230, 198, 117, .48) rgba(255, 255, 255, .04) !important;
}

html body .jh-navbar .jh-dropdown-menu::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, .04) !important;
}

html body .jh-navbar .jh-dropdown-menu::-webkit-scrollbar-thumb {
    background: rgba(230, 198, 117, .46) !important;
}

html body .jh-navbar .jh-dropdown-section {
    background: rgba(255, 255, 255, 0.025) !important;
    border-color: rgba(230, 198, 117, 0.10) !important;
}

html body .jh-navbar .jh-dropdown-menu a {
    color: #dfe5e7 !important;
    background: transparent !important;
    border-color: transparent !important;
}

html body .jh-navbar .jh-dropdown-menu a i {
    color: #d7c17e !important;
}

html body .jh-navbar .jh-dropdown-menu a:hover {
    color: #f5e8be !important;
    background: rgba(230, 198, 117, 0.10) !important;
    border-color: rgba(230, 198, 117, 0.15) !important;
}

html body .jh-navbar .jh-dropdown-menu a.danger {
    color: #ffb4aa !important;
}

html body .jh-navbar .jh-dropdown-menu a.danger i {
    color: #ff9184 !important;
}

html body .jh-navbar .jh-dropdown-menu a.admin,
html body .jh-navbar .jh-dropdown-menu a.admin i {
    color: #f1d88c !important;
}

html body .jh-navbar .jh-dropdown-label {
    color: #d3b767 !important;
}

@media (max-width: 1180px) {
    html body .jh-navbar .jh-menu {
        background:
            radial-gradient(circle at top right, rgba(230, 198, 117, 0.07), transparent 34%),
            rgba(21, 27, 26, 0.99) !important;
        border-color: rgba(230, 198, 117, 0.18) !important;
        box-shadow: inset 0 1px 0 rgba(241, 216, 140, 0.035) !important;
        scrollbar-color: rgba(230, 198, 117, .50) rgba(255, 255, 255, .04) !important;
    }

    html body .jh-navbar .jh-dropdown-menu {
        background: rgba(27, 33, 31, 0.98) !important;
        border-color: rgba(230, 198, 117, 0.16) !important;
    }

    html body .jh-navbar .jh-dropdown-section {
        background: rgba(255, 255, 255, 0.022) !important;
    }
}