.triotek-navbar {
    background: rgba(15, 23, 42, 0.94);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    padding: .75rem 0;
    z-index: 1999;
    height: 80px;
}

.triotek-navbar .navbar-brand {
    display: flex;
    align-items: center;
    gap: .8rem;
    text-decoration: none;
    color: #fff;
}

.triotek-navbar .navbar-brand img {
    height: 30px;
    width: auto;
    display: block;
}

.triotek-brand-text {
    display: flex;
    flex-direction: column;
    line-height: 1.05;
}

.triotek-brand-text strong {
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
}

.triotek-brand-text span {
    font-size: .72rem;
    color: var(--triotek-soft-text);
}

.top-bar-venue-title {
    background-color: var(--triotek-light-bg);
    padding: 4px 9px;
    border-radius: 9999px;
    color: var(--triotek-text);
}

.triotek-menu-toggle,
.triotek-quick-toggle,
.triotek-user-toggle {
    border: 1px solid rgba(255, 255, 255, .1);
    background: rgba(255, 255, 255, .06);
    color: #fff;
    border-radius: 14px;
    padding: .65rem .9rem;
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: none !important;
}

.triotek-menu-toggle:hover,
.triotek-quick-toggle:hover,
.triotek-user-toggle:hover {
    background: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .14);
    color: #fff;
}

.triotek-menu-toggle:focus,
.triotek-menu-toggle:active,
.triotek-menu-toggle.show,
.triotek-quick-toggle:focus,
.triotek-quick-toggle:active,
.triotek-quick-toggle.show,
.triotek-user-toggle:focus,
.triotek-user-toggle:active,
.triotek-user-toggle.show {
    background: rgba(255, 255, 255, .1) !important;
    border-color: rgba(255, 255, 255, .14) !important;
    color: #fff !important;
    box-shadow: none !important;
}

.triotek-menu-toggle *,
.triotek-quick-toggle *,
.triotek-user-toggle * {
    color: inherit !important;
}

.triotek-dropdown-menu {
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 18px;
    padding: .6rem;
    min-width: 250px;
    box-shadow: 0 18px 40px rgba(2, 6, 23, .14);
    overflow: hidden;
}

.triotek-dropdown-menu .dropdown-item {
    border-radius: 12px;
    padding: .7rem .85rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: .7rem;
}



.triotek-dropdown-menu .dropdown-item:hover {
    background: rgba(25, 181, 232, .08);
}

.triotek-dropdown-menu .dropdown-item.active {
    color: rgba(255, 255, 255, .9);
    background-color: var(--triotek-primary)
}

.triotek-search {
    position: relative;
    min-width: 220px;
}

.triotek-search .form-control {
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, .1);
    background: rgba(255, 255, 255, .06);
    color: #fff;
    padding: .65rem 1rem .65rem 2.6rem;
    box-shadow: none !important;
    min-width: 350px;
}

.triotek-search .form-control::placeholder {
    color: rgba(255, 255, 255, .55);
}

.triotek-search-icon {
    position: absolute;
    left: .9rem;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(255, 255, 255, .65);
    pointer-events: none;
}

.triotek-avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--triotek-primary), var(--triotek-primary-dark));
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .9rem;
    font-weight: 700;
    color: #fff;
    flex-shrink: 0;
}

.triotek-user-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.05;
}

.triotek-user-meta strong {
    font-size: .95rem;
    color: #fff;
}

.triotek-user-meta span {
    font-size: .72rem;
    color: var(--triotek-soft-text);
}

.triotek-navbar .navbar-toggler {
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 14px;
    padding: .5rem .7rem;
    box-shadow: none !important;
}

.triotek-navbar .navbar-toggler i {
    color: #fff;
    font-size: 1.25rem;
}

.triotek-navbar .navbar-toggler:focus,
.triotek-navbar .navbar-toggler:active {
    box-shadow: none !important;
    border-color: rgba(255, 255, 255, .18);
}

/* MOBILE PANEL */
.triotek-mobile-panel {
    z-index: 9999;
}

.triotek-mobile-panel {
    background: var(--triotek-dark);
    color: #fff;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
    width: min(92vw, 380px) !important;
}

.triotek-mobile-panel .offcanvas-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding: 1rem 1rem .9rem;
}

.triotek-mobile-panel .offcanvas-title {
    font-weight: 700;
    color: #fff;
}

.triotek-mobile-panel .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
    opacity: .9;
    box-shadow: none !important;
}

.triotek-mobile-panel .offcanvas-body {
    padding: 1rem;
}

.triotek-mobile-account {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
    margin-bottom: 1rem;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
}

.triotek-mobile-account .meta {
    line-height: 1.1;
}

.triotek-mobile-account .meta strong {
    display: block;
    font-size: 1rem;
    color: #fff;
    font-weight: 700;
}

.triotek-mobile-account .meta span {
    font-size: .78rem;
    color: var(--triotek-soft-text);
}

.triotek-mobile-block {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    padding: .9rem;
    margin-bottom: 1rem;
}

.triotek-mobile-block-title {
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: rgba(255, 255, 255, 0.65);
    margin-bottom: .75rem;
    padding: 0 .25rem;
}

.triotek-mobile-links {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.triotek-mobile-links a {
    color: #fff;
    text-decoration: none;
    border-radius: 14px;
    padding: .85rem .9rem;
    display: flex;
    align-items: center;
    gap: .8rem;
    font-weight: 500;
    transition: background .2s ease, transform .2s ease;
}

.triotek-mobile-links a:hover,
.triotek-mobile-links a:focus,
.triotek-mobile-links a:active {
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    transform: translateX(2px);
}

.triotek-mobile-links i {
    width: 20px;
    text-align: center;
    color: rgba(255, 255, 255, 0.9);
    flex-shrink: 0;
}

.triotek-mobile-search-wrap {
    position: relative;
}

.triotek-mobile-search-wrap .bi {
    position: absolute;
    left: .95rem;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(255, 255, 255, .65);
    pointer-events: none;
}

.triotek-mobile-search-wrap .form-control {
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, .1);
    background: rgba(255, 255, 255, .06);
    color: #fff;
    padding: .8rem 1rem .8rem 2.6rem;
    box-shadow: none !important;
}

.triotek-mobile-search-wrap .form-control::placeholder {
    color: rgba(255, 255, 255, .55);
}

.triotek-mobile-signout {
    margin-top: .25rem;
}

.triotek-mobile-signout a {
    color: #fff;
    text-decoration: none;
    border-radius: 14px;
    padding: .9rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.triotek-mobile-signout a:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

@media (max-width: 991px) {
    .triotek-brand-text span {
        display: none;
    }

    .triotek-brand-text strong {
        font-size: .95rem;
    }

    .triotek-navbar .navbar-brand img {
        height: 25px;
    }
}

@media (max-width: 1279px) {
    .triotek-search {
        display: none;
    }
}

@media (max-width: 1199px) {
    .guests-header-actions {
        display: none;
    }
}

.navbar .dropdown-item {
    cursor: pointer;
}

.dropdown-item:active {
    color: #585858 !important;
}

.swal-container {
    z-index: 9999 !important;
}

.dropdown-footer {
    padding: 1rem;
    margin-top: .2rem;
    background-color: rgb(131 131 131 / 8%);
    font-size: 12px;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -10px;
}