/* =========================================================
   REMOVE LEGACY NAVIGATION CARETS
   ========================================================= */

html body .navbar .dropdown-toggle::after,
html body .navbar-nav .dropdown-toggle::after,
html body nav .dropdown-toggle::after,
html body header .dropdown-toggle::after {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;

    width: 0 !important;
    height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    background: none !important;

    pointer-events: none !important;
}


/* Logged-in account caret */

html body li.Secondary_Navbar-Account::before,
html body li.Secondary_Navbar-Account::after,

html body li[data-menuItemName="Account"]::before,
html body li[data-menuItemName="Account"]::after,

html body li.user_icon::before,
html body li.user_icon::after,

html body li.Secondary_Navbar-Account > a.dropdown-toggle::before,
html body li.Secondary_Navbar-Account > a.dropdown-toggle::after,

html body li[data-menuItemName="Account"] > a.dropdown-toggle::before,
html body li[data-menuItemName="Account"] > a.dropdown-toggle::after,

html body li.user_icon > a.dropdown-toggle::before,
html body li.user_icon > a.dropdown-toggle::after,

html body li.Secondary_Navbar-Account > a.dropdown-toggle > span::before,
html body li.Secondary_Navbar-Account > a.dropdown-toggle > span::after,

html body li[data-menuItemName="Account"] > a.dropdown-toggle > span::before,
html body li[data-menuItemName="Account"] > a.dropdown-toggle > span::after,

html body li.Secondary_Navbar-Account .user-info::before,
html body li.Secondary_Navbar-Account .user-info::after,

html body li[data-menuItemName="Account"] .user-info::before,
html body li[data-menuItemName="Account"] .user-info::after {
    content: none !important;

    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;

    width: 0 !important;
    height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    background: none !important;

    font-size: 0 !important;
    line-height: 0 !important;

    pointer-events: none !important;
}


html body li[data-menuItemName="Account"] .caret,
html body li.Secondary_Navbar-Account .caret,
html body li[data-menuItemName="Account"] .fa-caret-down,
html body li.Secondary_Navbar-Account .fa-caret-down {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}


/* Keep Nabtech replacement indicators */

html body .nabtech-dropdown-indicator,
html body .nabtech-nav-indicator,
html body .nabtech-menu-arrow,
html body .nabtech-dropdown-arrow {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: auto !important;
    height: auto !important;
}
/* =========================================================
   PREMIUM LOGIN BUTTON
   ========================================================= */

html body .btn.btn-primary.text-white.border.px-3,
html body a.btn.btn-primary.text-white.border.px-3,
html body button.btn.btn-primary.text-white.border.px-3 {
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 7px !important;

    min-height: 42px !important;

    padding: 0 20px !important;

    background-color: #ffffff !important;

    background-image:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8fafc 100%
        ) !important;

    border: 1px solid rgba(15, 23, 42, 0.13) !important;

    border-radius: 10px !important;

    color: #111827 !important;

    font-size: 14px !important;
    font-weight: 600 !important;

    line-height: 1 !important;
    letter-spacing: -0.01em !important;

    text-decoration: none !important;

    box-shadow:
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 4px 12px rgba(15, 23, 42, 0.05) !important;

    transform: none !important;

    transition:
        background .22s ease,
        border-color .22s ease,
        color .22s ease,
        box-shadow .22s ease !important;
}


html body .btn.btn-primary.text-white.border.px-3:not(:disabled):not(.disabled) {
    background-color: #ffffff !important;

    background-image:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8fafc 100%
        ) !important;

    color: #111827 !important;
}


html body .btn.btn-primary.text-white.border.px-3:hover {
    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f5f8ff 100%
        ) !important;

    border-color: rgba(37, 99, 235, 0.30) !important;

    color: #2563eb !important;

    box-shadow:
        0 2px 4px rgba(15, 23, 42, 0.04),
        0 7px 18px rgba(37, 99, 235, 0.10) !important;

    transform: none !important;
}

/* Nabtech Panel, Site features → Language and currency picker.
   The theme's own language and currency window, restyled: Equal Earth world map, country and
   currency cards, flags, and a page that does not jump. Five layouts (map, cards, list, compact,
   minimal) in light or dark: .modal.nabtech-locale-modal[data-nbl-design][data-nbl-tone]. */
/* =========================================================
   MODAL BACKDROP
   ========================================================= */

html body.nabtech-locale-open .modal-backdrop,
html body.nabtech-locale-open .modal-backdrop.show {
    background-color: #07111f !important;

    opacity: 0.20 !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}


/* =========================================================
   LOCALE MODAL
   ========================================================= */

html body .modal.nabtech-locale-modal:not(.show) {
    pointer-events: none !important;
}


html body .modal.nabtech-locale-modal.show {
    position: fixed !important;

    inset: 0 !important;

    width: 100vw !important;

    height: 100vh !important;
    height: 100dvh !important;

    margin: 0 !important;

    padding: 20px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    background: transparent !important;

    backdrop-filter: blur(0.5px) !important;
    -webkit-backdrop-filter: blur(0.5px) !important;

    pointer-events: auto !important;

    z-index: 10550 !important;
}


html body .modal.nabtech-locale-modal .nabtech-locale-dialog {
    position: relative !important;

    width: min(560px, calc(100vw - 32px)) !important;
    max-width: 560px !important;

    margin: auto !important;
    padding: 0 !important;

    transform: none !important;

    pointer-events: auto !important;
}


/* =========================================================
   MODAL CARD
   ========================================================= */

html body .nabtech-locale-content {
    position: relative !important;

    width: 100% !important;
    max-width: 560px !important;

    margin: 0 !important;

    padding: 26px 26px 24px !important;

    overflow: hidden !important;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(37, 99, 235, 0.065) 0%,
            transparent 37%
        ),
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.975) 0%,
            rgba(249, 251, 255, 0.985) 100%
        ) !important;

    border:
        1px solid rgba(148, 163, 184, 0.22) !important;

    border-radius: 22px !important;

    color: #0f172a !important;

    box-shadow:
        0 24px 60px rgba(15, 23, 42, 0.14),
        0 8px 24px rgba(15, 23, 42, 0.06),
        inset 0 1px 0 rgba(255,255,255,0.95) !important;

    isolation: isolate !important;
}


/* =========================================================
   REAL INLINE EQUAL EARTH SVG
   ========================================================= */

/*
 * The SVG canvas fills the entire modal.
 *
 * preserveAspectRatio="xMidYMid meet" keeps the ENTIRE
 * Equal Earth world visible.
 *
 * We deliberately do NOT use "cover" because cover crops
 * the eastern/western or polar portions of a world map.
 */

html body
.nabtech-locale-content
.nabtech-equal-earth-map {
    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    pointer-events: none !important;

    user-select: none !important;

    z-index: 0 !important;
}


html body
.nabtech-locale-content
.nabtech-equal-earth-map path {
    fill: #2563eb !important;

    fill-opacity: 0.052 !important;

    stroke: none !important;
}


/*
 * Everything except map stays above it.
 */

html body
.nabtech-locale-content
> :not(.nabtech-equal-earth-map) {
    position: relative !important;

    z-index: 2 !important;
}


/* =========================================================
   HEADINGS
   ========================================================= */

html body .nabtech-locale-content .nabtech-locale-section-title,
html body .nabtech-locale-content .nabtech-locale-country-title,
html body .nabtech-locale-content .nabtech-locale-currency-title {
    display: block !important;

    visibility: visible !important;
    opacity: 1 !important;

    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;

    background: transparent !important;
    background-image: none !important;

    font-size: 15px !important;
    font-weight: 750 !important;

    line-height: 1.35 !important;
    letter-spacing: -0.015em !important;

    text-shadow: none !important;

    filter: none !important;

    padding: 0 !important;

    transform: none !important;
}


html body .nabtech-locale-content .nabtech-locale-country-title {
    margin-top: 0 !important;

    margin-bottom: 13px !important;
}


html body .nabtech-locale-content .nabtech-locale-currency-title {
    position: relative !important;

    top: auto !important;

    margin-top: 24px !important;
    margin-bottom: 13px !important;

    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;
}


/* Extra protection against a theme's white heading text */

html body .nabtech-locale-content h1,
html body .nabtech-locale-content h2,
html body .nabtech-locale-content h3,
html body .nabtech-locale-content h4,
html body .nabtech-locale-content h5,
html body .nabtech-locale-content h6,
html body .nabtech-locale-content .modal-title,
html body .nabtech-locale-content .dropdown-header {
    color: #111827 !important;

    -webkit-text-fill-color: #111827 !important;

    text-shadow: none !important;

    opacity: 1 !important;
}


/* =========================================================
   COUNTRY / CURRENCY CARDS
   ========================================================= */

html body .nabtech-locale-content a,
html body .nabtech-locale-content label,
html body .nabtech-locale-content .dropdown-item {
    display: flex !important;

    align-items: center !important;

    gap: 9px !important;

    min-height: 46px !important;

    padding: 9px 12px !important;

    margin: 4px 0 !important;

    background:
        rgba(255, 255, 255, 0.91) !important;

    backdrop-filter:
        blur(2px) !important;

    -webkit-backdrop-filter:
        blur(2px) !important;

    border:
        1px solid rgba(148, 163, 184, 0.18) !important;

    border-radius: 13px !important;

    color: #334155 !important;
    -webkit-text-fill-color: #334155 !important;

    font-size: 13px !important;
    font-weight: 600 !important;

    line-height: 1.25 !important;

    text-decoration: none !important;

    box-shadow:
        0 3px 10px rgba(15, 23, 42, 0.035),
        inset 0 1px 0 rgba(255,255,255,0.70) !important;

    transform: none !important;

    transition:
        background-color .16s ease,
        border-color .16s ease,
        color .16s ease,
        box-shadow .16s ease !important;
}


html body .nabtech-locale-content a:hover,
html body .nabtech-locale-content label:hover,
html body .nabtech-locale-content .dropdown-item:hover {
    background:
        rgba(247, 250, 255, 0.96) !important;

    border-color:
        rgba(37, 99, 235, 0.20) !important;

    color: var(--nbl-accent,#1d4ed8) !important;
    -webkit-text-fill-color: var(--nbl-accent,#1d4ed8) !important;

    box-shadow:
        0 5px 14px rgba(37, 99, 235, 0.055),
        inset 0 1px 0 rgba(255,255,255,0.75) !important;

    transform: none !important;
}


/* Selected */

html body .nabtech-locale-content a.active,
html body .nabtech-locale-content label.active,
html body .nabtech-locale-content .dropdown-item.active,
html body .nabtech-locale-content .selected,
html body .nabtech-locale-content [aria-selected="true"],
html body .nabtech-locale-content [aria-checked="true"] {
    background:
        linear-gradient(
            180deg,
            rgba(241,247,255,0.97) 0%,
            rgba(234,243,255,0.97) 100%
        ) !important;

    border-color:
        rgba(37, 99, 235, 0.34) !important;

    color: var(--nbl-accent,#1d4ed8) !important;
    -webkit-text-fill-color: var(--nbl-accent,#1d4ed8) !important;

    font-weight: 700 !important;

    box-shadow:
        0 5px 15px rgba(37, 99, 235, 0.08),
        inset 0 0 0 1px rgba(255,255,255,.65) !important;
}


/* =========================================================
   FLAGS
   ========================================================= */

html body .nabtech-locale-content img {
    width: 25px !important;
    height: 18px !important;

    min-width: 25px !important;

    object-fit: cover !important;

    margin-right: 0 !important;

    border-radius: 6px !important;

    overflow: hidden !important;

    background: #ffffff !important;

    box-shadow:
        0 0 0 1px rgba(15,23,42,0.08),
        0 1px 3px rgba(15,23,42,0.06) !important;
}


html body .nabtech-locale-content .flag,
html body .nabtech-locale-content .country-flag,
html body .nabtech-locale-content [class*="flag"] {
    border-radius: 6px !important;

    overflow: hidden !important;
}


/* =========================================================
   APPLY
   ========================================================= */

html body .nabtech-locale-content .nabtech-locale-apply,
html body .nabtech-locale-content button[type="submit"],
html body .nabtech-locale-content input[type="submit"] {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    min-height: 50px !important;

    margin-top: 20px !important;

    padding: 0 18px !important;

    background:
        linear-gradient(
            135deg,
            #2f6df5 0%,
            #2254dc 100%
        ) !important;

    border:
        1px solid rgba(29,78,216,0.80) !important;

    border-radius: 13px !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    line-height: 1 !important;

    box-shadow:
        0 9px 22px rgba(37,99,235,0.18),
        inset 0 1px 0 rgba(255,255,255,.20) !important;

    transform: none !important;
}


html body .nabtech-locale-content .nabtech-locale-apply:hover,
html body .nabtech-locale-content button[type="submit"]:hover {
    background:
        linear-gradient(
            135deg,
            #2864ed 0%,
            var(--nbl-accent,#1d4ed8) 100%
        ) !important;

    box-shadow:
        0 11px 25px rgba(37,99,235,0.22),
        inset 0 1px 0 rgba(255,255,255,.22) !important;

    transform: none !important;
}


/* =========================================================
   CLOSE BUTTON
   ========================================================= */

html body .nabtech-locale-content .close,
html body .nabtech-locale-content .btn-close {
    position: absolute !important;

    top: 16px !important;
    right: 16px !important;

    width: 34px !important;
    height: 34px !important;

    padding: 0 !important;

    border-radius: 999px !important;

    border:
        1px solid rgba(148,163,184,0.16) !important;

    background:
        rgba(255,255,255,0.93) !important;

    color: #64748b !important;
    -webkit-text-fill-color: #64748b !important;

    opacity: 1 !important;

    box-shadow:
        0 4px 12px rgba(15,23,42,0.05) !important;

    z-index: 20 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767.98px) {

    html body .modal.nabtech-locale-modal.show {
        padding: 12px !important;
    }

    html body
    .modal.nabtech-locale-modal
    .nabtech-locale-dialog {
        width: 100% !important;
        max-width: 100% !important;
    }

    html body .nabtech-locale-content {
        width: 100% !important;
        max-width: 100% !important;

        padding:
            22px 16px 18px !important;

        border-radius: 18px !important;
    }

    html body
    .nabtech-locale-content
    .nabtech-locale-currency-title {
        margin-top: 20px !important;
    }

}


/* ---------- layouts ---------- */
html body .modal.nabtech-locale-modal:not([data-nbl-design="map"]) .nabtech-equal-earth-map { display: none !important; }
/* Cards: the map's cards without the map. */
/* List: one country or currency per row. */
html body .modal.nabtech-locale-modal[data-nbl-design="list"] .nabtech-locale-content .item-selector > [class*="col-"] { flex: 0 0 100% !important; max-width: 100% !important; }
html body .modal.nabtech-locale-modal[data-nbl-design="list"] .nabtech-locale-content .item-selector { row-gap: 6px !important; }
html body .modal.nabtech-locale-modal[data-nbl-design="list"] .nabtech-locale-content .item-selector .item { justify-content: flex-start !important; padding: 11px 14px !important; }
/* Compact: four small cards in a row and a narrower window. */
html body .modal.nabtech-locale-modal[data-nbl-design="compact"] .nabtech-locale-dialog,
html body .modal.nabtech-locale-modal[data-nbl-design="compact"] .nabtech-locale-content { max-width: 520px !important; }
html body .modal.nabtech-locale-modal[data-nbl-design="compact"] .nabtech-locale-content { padding: 22px 20px 18px !important; }
html body .modal.nabtech-locale-modal[data-nbl-design="compact"] .nabtech-locale-content .item-selector > [class*="col-"] { flex: 0 0 25% !important; max-width: 25% !important; padding-left: 4px !important; padding-right: 4px !important; }
html body .modal.nabtech-locale-modal[data-nbl-design="compact"] .nabtech-locale-content .item-selector .item { flex-direction: column !important; gap: 6px !important; padding: 10px 6px !important; font-size: 12.5px !important; text-align: center !important; }
/* Minimal: plain rows with a quiet tick for the current choice. */
html body .modal.nabtech-locale-modal[data-nbl-design="minimal"] .nabtech-locale-content .item-selector > [class*="col-"] { flex: 0 0 50% !important; max-width: 50% !important; }
html body .modal.nabtech-locale-modal[data-nbl-design="minimal"] .nabtech-locale-content .item-selector .item { border-color: transparent !important; background: transparent !important; box-shadow: none !important; justify-content: flex-start !important; }
html body .modal.nabtech-locale-modal[data-nbl-design="minimal"] .nabtech-locale-content .item-selector .item.active { background: rgba(37, 99, 235, .08) !important; color: var(--nbl-accent,#1d4ed8) !important; }
html body .modal.nabtech-locale-modal[data-nbl-design="minimal"] .nabtech-locale-content .item-selector .item.active::after { content: "\2713" !important; margin-left: auto !important; font-weight: 700 !important; }
@media (max-width: 575.98px) {
    html body .modal.nabtech-locale-modal[data-nbl-design="compact"] .nabtech-locale-content .item-selector > [class*="col-"] { flex: 0 0 33.333% !important; max-width: 33.333% !important; }
    html body .modal.nabtech-locale-modal[data-nbl-design="minimal"] .nabtech-locale-content .item-selector > [class*="col-"] { flex: 0 0 100% !important; max-width: 100% !important; }
}

/* ---------- dark ---------- */
html body .modal.nabtech-locale-modal[data-nbl-tone="dark"] .nabtech-locale-content { background: linear-gradient(160deg, #0f1a30, #0a1222) !important; border-color: rgba(148, 170, 210, .18) !important; box-shadow: 0 30px 80px rgba(0, 0, 0, .55) !important; }
html body .modal.nabtech-locale-modal[data-nbl-tone="dark"] .nabtech-locale-content :is(h1, h2, h3, h4, h5, h6, p, .h5, .nabtech-locale-section-title, .nabtech-locale-country-title, .nabtech-locale-currency-title) { color: #eef3fb !important; -webkit-text-fill-color: #eef3fb !important; }
html body .modal.nabtech-locale-modal[data-nbl-tone="dark"] .nabtech-locale-content .nabtech-equal-earth-map path { fill: #8fb3ff !important; fill-opacity: .08 !important; }
html body .modal.nabtech-locale-modal[data-nbl-tone="dark"] .nabtech-locale-content :is(a, label, .dropdown-item) { background: rgba(255, 255, 255, .05) !important; border-color: rgba(255, 255, 255, .10) !important; color: #dbe5f4 !important; }
html body .modal.nabtech-locale-modal[data-nbl-tone="dark"] .nabtech-locale-content :is(a, label, .dropdown-item):hover { background: rgba(122, 162, 255, .12) !important; border-color: rgba(122, 162, 255, .35) !important; color: #fff !important; }
html body .modal.nabtech-locale-modal[data-nbl-tone="dark"] .nabtech-locale-content :is(a, label, .dropdown-item).active { background: rgba(122, 162, 255, .20) !important; border-color: #7aa2ff !important; color: #fff !important; }
html body .modal.nabtech-locale-modal[data-nbl-tone="dark"] .nabtech-locale-content :is(.close, .btn-close) { color: #dbe5f4 !important; background-color: rgba(255, 255, 255, .08) !important; }
html body .modal.nabtech-locale-modal[data-nbl-tone="dark"][data-nbl-design="minimal"] .nabtech-locale-content .item-selector .item:not(.active) { background: transparent !important; border-color: transparent !important; }

/* The window has no title bar: the header holds only the close button, floating on the first
   heading's row, with no band or divider. The choices never overflow sideways (no scrollbar),
   and currency labels sit centred in their buttons. */
html body .modal.nabtech-locale-modal .nabtech-locale-content .modal-header {
    position: absolute !important;
    top: var(--nabtech-locale-close-top, 22px) !important;
    right: var(--nabtech-locale-close-right, 22px) !important;
    z-index: 3 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
}
html body .modal.nabtech-locale-modal .nabtech-locale-content .modal-header::before,
html body .modal.nabtech-locale-modal .nabtech-locale-content .modal-header::after { display: none !important; }
html body .modal.nabtech-locale-modal .nabtech-locale-content .modal-body { overflow-x: hidden !important; }
html body .modal.nabtech-locale-modal .nabtech-locale-content .modal-footer { border-top: 0 !important; background: none !important; }
html body .modal.nabtech-locale-modal .nabtech-locale-content .item-selector.currency :is(.item, .workspace-locale-choice) {
    justify-content: center !important;
    text-align: center !important;
}

/* Nabtech Panel, Site features → Account menu: the theme's Account dropdown as a grouped mega panel
   (Account & people, Billing & history, Profile & security, Session). Presentation only: WHMCS's own
   items, links and permissions are kept. Colours follow the navigation renderer's --nbn-* tokens. */
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) > li > ul.dropdown-user[data-nba-mega] {
  --nba-width:880px;
  --nba-ink:var(--nbn-ink,#18273f);
  --nba-muted:var(--nbn-description,#586b86);
  --nba-surface:var(--nbn-surface,#fff);
  --nba-soft:var(--nbn-soft,#f2f6fc);
  --nba-line:var(--nbn-line,#e4ebf5);
  width:min(var(--nba-width),calc(100vw - 32px)) !important;
  min-width:0 !important;
  max-width:calc(100vw - 32px) !important;
  padding:12px !important;
  border:1px solid var(--nba-line) !important;
  border-radius:24px !important;
  background:linear-gradient(150deg,var(--nba-surface) 55%,var(--nba-soft)) !important;
  color:var(--nba-ink) !important;
  box-sizing:border-box !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior:contain;
  box-shadow:var(--nbn-menu-shadow,0 24px 64px -18px #0c254e40) !important;
  text-align:start !important;
}
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) > li > ul.dropdown-user[data-nba-mega]::before,
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) > li > ul.dropdown-user[data-nba-mega]::after {
  display:none !important;
}
@supports (-moz-appearance:none) {
  :is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) > li > ul.dropdown-user[data-nba-mega] {scrollbar-width:thin !important;scrollbar-color:transparent transparent !important;}
  :is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) > li > ul.dropdown-user[data-nba-mega]:hover {scrollbar-color:#879ab4 transparent !important;}
}
@supports not (-moz-appearance:none) {
  :is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) > li > ul.dropdown-user[data-nba-mega] {scrollbar-width:auto !important;scrollbar-color:auto !important;}
  :is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) > li > ul.dropdown-user[data-nba-mega]::-webkit-scrollbar {width:3px !important;height:3px !important;}
  :is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) > li > ul.dropdown-user[data-nba-mega]::-webkit-scrollbar-track {background:transparent !important;}
  :is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) > li > ul.dropdown-user[data-nba-mega]::-webkit-scrollbar-thumb {background:transparent !important;border-radius:9px !important;}
  :is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) > li > ul.dropdown-user[data-nba-mega]:hover::-webkit-scrollbar-thumb {background:#879ab4 !important;}
  :is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) > li > ul.dropdown-user[data-nba-mega]::-webkit-scrollbar-button {display:none !important;width:0 !important;height:0 !important;}
  :is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) > li > ul.dropdown-user[data-nba-mega]::-webkit-scrollbar-corner {background:transparent !important;}
}
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) > li > ul.dropdown-user[data-nba-mega] > .dropdown-header {
  position:relative !important;
  display:grid !important;
  grid-template-columns:44px minmax(0,1fr) 34px !important;
  grid-template-rows:auto auto;
  column-gap:14px !important;
  row-gap:3px;
  align-items:center !important;
  padding:20px !important;
  margin:0 0 16px !important;
  min-width:0;
  border:1px solid #ffffff14 !important;
  border-radius:17px !important;
  background:radial-gradient(ellipse at 92% -70%,#3979cb88,transparent 68%),linear-gradient(115deg,#0c1d35,#163966) !important;
  color:#f5f9ff !important;
  white-space:normal !important;
  overflow:hidden;
}
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-identity-mark {
  grid-column:1;grid-row:1 / 3;
  width:44px;height:44px;display:grid;place-items:center;
  border:1px solid #a5d5ff33;border-radius:14px;background:#a4d1ff14;color:#9eeed8 !important;
}
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-name {
  grid-column:2;grid-row:1;min-width:0;overflow-wrap:anywhere;
  padding:0 !important;margin:0 !important;color:#f5f9ff !important;
  font-size:15px !important;line-height:1.4 !important;font-weight:650 !important;
  text-transform:none !important;letter-spacing:normal !important;
  -webkit-text-fill-color:currentColor !important;
}
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-email {
  grid-column:2;grid-row:2;min-width:0;overflow-wrap:anywhere;
  padding:0 !important;margin:0 !important;color:#bfd3eb !important;
  font-size:12px !important;line-height:1.5 !important;font-weight:400 !important;
  text-transform:none !important;letter-spacing:normal !important;
  -webkit-text-fill-color:currentColor !important;
}
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-close {
  grid-column:3;grid-row:1 / 3;align-self:center;
  width:34px;height:34px;min-width:34px;padding:0 !important;margin:0 !important;
  display:grid;place-items:center;cursor:pointer;
  appearance:none;border:1px solid #e3f0ff33 !important;border-radius:11px !important;
  background:#d9eeff12 !important;color:#eaf4ff !important;box-shadow:none !important;
  transition:background .16s ease,border-color .16s ease !important;
}
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-close:hover {background:#d9eeff24 !important;}
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-close:focus-visible {
  outline:2px solid #9eeed8 !important;outline-offset:3px !important;
}
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-close:focus:not(:focus-visible) {outline:none !important;}
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-svg {
  display:block;width:20px;height:20px;flex:none;fill:none;stroke:currentColor;
  stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
}
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-identity-mark .nba-svg {width:23px;height:23px;}
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] > .dropdown-divider {display:none !important;}
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] > .nba-content,
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] > .nba-footer {
  padding:0 !important;margin:0 !important;list-style:none !important;min-width:0;
}
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-grid {
  display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
  padding:0 2px 5px !important;align-items:start;
}
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-grid[data-columns="2"] {grid-template-columns:repeat(2,minmax(0,1fr));}
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-grid[data-columns="1"] {grid-template-columns:minmax(0,1fr);}
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-group {
  min-width:0;padding:0 3px;margin:0;background:none;border:0;
}
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-group + .nba-group {
  border-inline-start:1px solid var(--nba-line);padding-inline-start:12px;
}
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-group-title {
  color:var(--nba-muted) !important;margin:0 8px 9px !important;padding:0 0 5px !important;
  font-size:11px !important;line-height:1.4 !important;font-weight:650 !important;
  text-transform:none !important;letter-spacing:normal !important;
  -webkit-text-fill-color:currentColor !important;background:none !important;animation:none !important;
}
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-list {
  padding:0 !important;margin:0 !important;list-style:none !important;
  background:none !important;border:0 !important;box-shadow:none !important;
}
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-list > li {
  padding:0 !important;margin:0 0 4px !important;list-style:none !important;min-width:0;
}
/* No display/visibility override on source rows: hidden and disabled items keep their native state. */
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-list > li > a {
  display:flex !important;align-items:center !important;gap:10px !important;
  padding:9px 10px !important;margin:0 !important;min-height:54px !important;
  border:1px solid transparent !important;border-radius:13px !important;
  background:transparent !important;color:var(--nba-ink) !important;
  font-size:13px !important;line-height:1.4 !important;font-weight:550 !important;
  letter-spacing:normal !important;text-transform:none !important;white-space:normal !important;
  text-align:start !important;text-decoration:none !important;box-shadow:none !important;
  box-sizing:border-box !important;transform:none !important;overflow-wrap:anywhere;
  transition:color .16s ease,background .16s ease,border-color .16s ease !important;
}
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-list > li > a:hover,
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-list > li > a:focus-visible {
  background:var(--nba-soft) !important;color:var(--nbn-accent,#3267df) !important;
  border-color:var(--nba-line) !important;transform:none !important;
}
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-list > li > a:focus-visible {
  outline:2px solid var(--nbn-focus,#4285ee) !important;outline-offset:1px !important;
}
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-list > li > a > .dropdown-menu-item-name,
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-list > li > a > .item {
  min-width:0;font-size:inherit !important;line-height:inherit !important;font-weight:inherit !important;
  color:inherit !important;-webkit-text-fill-color:currentColor !important;
  text-transform:none !important;letter-spacing:normal !important;
}
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nbn-icon-tile {
  width:34px !important;height:34px !important;flex:0 0 34px !important;border-radius:11px !important;
  display:grid !important;place-items:center;
}
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-footer:not([hidden]) {
  padding:10px 8px 2px !important;margin-top:9px !important;
  border-top:1px solid var(--nba-line) !important;
}
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-footer .nba-list {
  display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px;
}
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-footer .nba-list > li {margin:0 !important;}
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-footer .nba-list > li > a {
  min-height:42px !important;padding:7px 13px !important;
  background:var(--nba-soft) !important;border-color:var(--nba-line) !important;
}
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-footer .nbn-icon-tile {
  width:25px !important;height:25px !important;flex:0 0 25px !important;
  border:0 !important;background:transparent !important;
}
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] [data-nba-layout][hidden] {display:none !important;}
@media(max-width:767.98px) {
  :is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] {border-radius:20px !important;padding:10px !important;}
  :is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] > .dropdown-header {
    padding:15px 12px !important;grid-template-columns:34px minmax(0,1fr) 30px !important;
    column-gap:10px !important;margin-bottom:14px !important;
  }
  :is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-identity-mark {width:34px;height:38px;border-radius:11px;}
  :is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-close {width:30px;height:30px;min-width:30px;}
  :is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-name {font-size:14px !important;}
  :is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-email {font-size:11px !important;}
  :is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px;}
  :is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-group {padding:0 !important;border:0 !important;}
  :is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-group-title {margin-inline:7px !important;}
  :is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-grid[data-columns="3"] > .nba-group:last-child {
    grid-column:1 / -1;border-top:1px solid var(--nba-line) !important;padding-top:12px !important;
  }
  :is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-grid[data-columns="3"] > .nba-group:last-child > .nba-list {
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px;
  }
  :is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-list > li > a {padding:8px 7px !important;gap:8px !important;}
  :is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nbn-icon-tile {width:30px !important;height:30px !important;flex-basis:30px !important;}
}
@media(prefers-reduced-motion:reduce) {
  :is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-list > li > a,
  :is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) [data-nba-mega] .nba-close {transition:none !important;}
}
/* On touch/coarse-pointer layouts Bootstrap owns open/closed state. Ignore the
   theme's old li:hover rule after Bootstrap has closed this account panel. */
:is(#nav.nabtech-navbar :is(#header,#mobile-header),[data-workspace-account]>ul) > li:not(.show):not(.open) > ul.dropdown-user[data-nba-mega]:not(.workspace-submenu):not([data-nbmm-hover-panel]):not(.show) {
  display:none !important;visibility:hidden !important;pointer-events:none !important;
}

/* Preserve native WHMCS account glyphs with the same dimensions and colour as the company menu. */
[data-workspace-account]>ul [data-nba-mega] .nba-list>li>a>i{flex:none!important;width:24px!important;margin:0 4px!important;font-size:18px!important;color:var(--nbn-accent,#3267df)!important;text-align:center!important}
[data-workspace-account]>ul [data-nba-mega] .nbn-icon-tile{border:1px solid #7a9de31c;background:linear-gradient(135deg,#7b9bf515,#72d6d610);color:var(--nbn-accent,#3267df)}
[data-workspace-account]>ul [data-nba-mega] .nbn-icon-tile[data-tone=mint]{color:#229d82;background:#4ac5a614;border-color:#4ac5a61c}