/* Nexus authenticated workspace: shared horizontal account navigation + compact Kendo grid */
:root {
    --nx-navy: #071B3C;
    --nx-navy-2: #123F7B;
    --nx-gold: #D5A13A;
    --nx-bg: #F4F7FB;
    --nx-border: rgba(7, 27, 60, .10);
}

.nexus-account-nav {
    position: relative;
    z-index: 30;
    margin: 0 0 22px;
    border: 1px solid var(--nx-border);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 16px 40px rgba(7,27,60,.08);
}

.nexus-account-nav__inner {
    display: flex;
    align-items: center;
    gap: 18px;
    min-height: 72px;
    padding: 10px 14px;
}

.nexus-account-user {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 10px;
    min-width: 205px;
    padding: 6px 14px 6px 6px;
    border-right: 1px solid var(--nx-border);
}

.nexus-account-user img {
    width: 46px;
    height: 46px;
    object-fit: cover;
    border: 2px solid rgba(213,161,58,.75);
    border-radius: 50%;
    background: #fff;
}

.nexus-account-user__text { min-width: 0; }
.nexus-account-user h3 {
    margin: 0;
    color: var(--nx-navy);
    font-size: 15px;
    font-weight: 650;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.nexus-account-user p {
    margin: 2px 0 0;
    color: #7A8495;
    font-size: 12px;
    line-height: 1.3;
}

.nexus-account-menu {
    flex: 1 1 auto;
    min-width: 0;
}
.nexus-account-menu > ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    margin: 0;
    padding: 0;
}
.nexus-account-menu > ul > li {
    position: relative;
    margin: 0;
    list-style: none;
}
.nexus-account-menu > ul > li > a,
.nexus-account-menu .nexus-account-dropdown__trigger {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 40px;
    padding: 9px 12px;
    border-radius: 10px;
    color: #35465F !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    white-space: nowrap;
    cursor: pointer;
    transition: background .18s ease, color .18s ease, transform .18s ease;
}
.nexus-account-menu > ul > li > a:hover,
.nexus-account-menu > ul > li > a.active,
.nexus-account-menu .nexus-account-dropdown:hover > .nexus-account-dropdown__trigger,
.nexus-account-menu .nexus-account-dropdown.is-active > .nexus-account-dropdown__trigger {
    color: var(--nx-navy) !important;
    background: linear-gradient(90deg, rgba(213,161,58,.18), rgba(213,161,58,.05));
}
.nexus-account-menu i { font-size: 14px; }
.nexus-account-dropdown__trigger .fa-angle-down { font-size: 11px; opacity: .7; }

.nexus-account-dropdown__menu {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 100;
    display: none;
    min-width: 245px;
    padding: 8px;
    border: 1px solid var(--nx-border);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(7,27,60,.14);
}
.nexus-account-dropdown:hover > .nexus-account-dropdown__menu,
.nexus-account-dropdown:focus-within > .nexus-account-dropdown__menu { display: block; }
.nexus-account-dropdown__menu ul { margin: 0; padding: 0; }
.nexus-account-dropdown__menu li {
    margin: 0 0 4px;
    list-style: none;
}
.nexus-account-dropdown__menu li:last-child { margin-bottom: 0; }
.nexus-account-dropdown__menu a {
    display: flex;
    align-items: center;
    min-height: 38px;
    padding: 8px 11px;
    border-radius: 9px;
    color: #43536A !important;
    font-size: 13.5px;
    font-weight: 450;
    line-height: 20px;
    transition: none !important;
    -webkit-transition: none !important;
}
.nexus-account-dropdown__menu a:hover,
.nexus-account-dropdown__menu a.active {
    color: var(--nx-navy) !important;
    background: #F7F1E5;
}

.nexus-account-logout { margin-left: auto !important; }
.nexus-account-logout a { color: #A63A47 !important; }



/* Keep dropdown reachable while moving the pointer from trigger to panel. */
.nexus-account-dropdown::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 10px;
}