/* =========================================================
   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}

/* Nabtech Panel · domain search dropdown styles (ported from Nabtech Live Domain Book 4.1.6).
   The panel is mounted on <body>; the search bar it opens from is flattened while it is open.
   --ndb-accent comes from Setup → Site Features. Dark colours apply when the panel has
   data-dark (set by the script from the colour mode and the theme's dark-mode markers). */
/* =========================================================
   SEARCH BAR -> OPEN BOOK COVER
   HARD JOIN MODE
   ========================================================= */

/*
 * A theme search bar can use more than one rounded layer.
 * JavaScript marks every visual element that actually touches the
 * lower-left or lower-right edge of the search bar.  We flatten those
 * exact elements rather than guessing theme class names.
 */
html body .ndb4-force-flat,
html body .ndb4-force-flat::before,
html body .ndb4-force-flat::after,
html body .ndb4-open-shell,
html body .ndb4-open-shell::before,
html body .ndb4-open-shell::after {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

html body .ndb4-primary-shell {
    position: relative !important;
}

html body .ndb4-primary-shell.ndb4-open-shell {
    overflow: visible !important;
    z-index: 2147482001 !important;

    /* Remove the independent lower shadow so bar + sheet read as one object. */
    box-shadow:
        0 0 0 1px rgba(91,79,245,.14),
        0 -2px 18px rgba(37,99,235,.045) !important;

    transition:
        border-bottom-left-radius .24s cubic-bezier(.16,1,.3,1),
        border-bottom-right-radius .24s cubic-bezier(.16,1,.3,1),
        box-shadow .20s ease,
        border-color .20s ease !important;
}

/*
 * A 7px seam cap lives on the real search wrapper. It covers any leftover
 * theme border/glow at the lower edge and becomes the book's spine.
 */
html body .ndb4-primary-shell.ndb4-open-shell::after {
    content: "" !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -1px !important;
    width: auto !important;
    height: 2px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background:
        linear-gradient(
            90deg,
            rgba(91,79,245,.08),
            rgba(91,79,245,.35) 18%,
            rgba(37,99,235,.62) 50%,
            rgba(91,79,245,.35) 82%,
            rgba(91,79,245,.08)
        ) !important;

    box-shadow:
        0 1px 3px rgba(37,99,235,.06) !important;

    pointer-events: none !important;
    z-index: 2147482003 !important;
}

/* =========================================================
   BODY-MOUNTED BOOK PAGE
   ========================================================= */
#nabtech-domain-book-v4 {
    position: fixed !important;
    left: 0!important;
    top: 0!important;
    width: 640px!important;
    max-width: calc(100vw - 16px)!important;
    z-index: 2147482000 !important;
    visibility: hidden!important;
    opacity: 0!important;
    pointer-events: none !important;
    transform-origin: 50% 0%!important;
    transform:
        perspective(1450px)
        rotateX(-88deg)
        translateY(-7px)
        scaleY(.96)!important;
    clip-path: inset(0 0 99% 0 round 0 0 28px 28px)!important;
    filter: drop-shadow(0 0 0 rgba(15,23,42,0))!important;
    transition:
        transform .48s cubic-bezier(.16,1,.3,1),
        clip-path .46s cubic-bezier(.16,1,.3,1),
        opacity .12s ease,
        filter .30s ease,
        visibility 0s linear .50s!important;
    will-change: transform,clip-path,opacity!important;
}

#nabtech-domain-book-v4.ndb4-open {
    visibility: visible!important;
    opacity: 1!important;
    pointer-events: auto !important;
    transform:
        perspective(1450px)
        rotateX(0)
        translateY(0)
        scaleY(1)!important;
    clip-path: inset(0 0 0 0 round 0 0 28px 28px)!important;
    filter: drop-shadow(0 26px 40px rgba(15,23,42,.14))!important;
    transition-delay: 0s!important;
}

#nabtech-domain-book-v4 .ndb4-paper {
    position: relative!important;
    display: flex!important;
    flex-direction: column!important;
    width: 100%!important;
    overflow: hidden!important;
    isolation: isolate!important;
    border: 1px solid rgba(99,102,241,.21)!important;
    border-top: 0 !important;
    border-radius: 0 0 28px 28px!important;
    background:
        radial-gradient(circle at 10% 0%,rgba(91,79,245,.09),transparent 31%),
        radial-gradient(circle at 91% 8%,rgba(40,103,240,.08),transparent 31%),
        linear-gradient(180deg,rgba(255,255,255,.998),rgba(248,251,255,.992))!important;
    box-shadow:
        inset 0 1px 0 #fff,
        0 26px 62px rgba(15,23,42,.12)!important;
}

/*
 * The real hinge is now drawn by the search wrapper itself.
 * Keep only a hairline inside the sheet so there is no duplicate border.
 */
#nabtech-domain-book-v4 .ndb4-paper::before {
    content: ""!important;
    position: absolute!important;
    left: 0!important;
    right: 0!important;
    top: 0!important;
    height: 1px!important;
    z-index: 10!important;
    background: rgba(99,102,241,.14)!important;
    box-shadow: none!important;
}

#nabtech-domain-book-v4 .ndb4-sweep {
    position: absolute!important;
    top: -60px!important;
    left: -30%!important;
    width: 28%!important;
    height: 170%!important;
    z-index: 1!important;
    pointer-events: none!important;
    opacity: .24!important;
    transform: skewX(-17deg) translateX(-250%)!important;
    background: linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent)!important;
}
#nabtech-domain-book-v4.ndb4-open .ndb4-sweep {
    animation: ndb4Sweep 1s .07s ease both!important;
}
@keyframes ndb4Sweep {
    to { transform: skewX(-17deg) translateX(540%); }
}

/* =========================================================
   HEADER
   ========================================================= */
#nabtech-domain-book-v4 .ndb4-head {
    position: relative!important;
    z-index: 3!important;
    display: flex!important;
    align-items: flex-start!important;
    justify-content: space-between!important;
    gap: 18px!important;
    padding: 22px 23px 13px!important;
}
#nabtech-domain-book-v4 .ndb4-eyebrow {
    display: inline-flex!important;
    align-items: center!important;
    gap: 8px!important;
    margin-bottom: 7px!important;
    color: #667085!important;
    font-size: 10px!important;
    font-weight: 800!important;
    letter-spacing: .12em!important;
    text-transform: uppercase!important;
}
#nabtech-domain-book-v4 .ndb4-dot {
    width: 8px!important;
    height: 8px!important;
    border-radius: 50%!important;
    background: #12b76a!important;
    box-shadow: 0 0 0 4px rgba(18,183,106,.10)!important;
}
#nabtech-domain-book-v4.ndb4-searching .ndb4-dot {
    background: var(--ndb-accent,#2867f0)!important;
    animation: ndb4Pulse 1s ease infinite!important;
}
@keyframes ndb4Pulse {
    50% { box-shadow: 0 0 0 9px rgba(40,103,240,0); }
}
#nabtech-domain-book-v4 .ndb4-title {
    margin: 0!important;
    color: #101828!important;
    font-size: 18px!important;
    font-weight: 760!important;
    line-height: 1.25!important;
    letter-spacing: -.025em!important;
}
#nabtech-domain-book-v4 .ndb4-title strong {
    color: var(--ndb-accent,#2867f0)!important;
    font-weight: 800!important;
}
#nabtech-domain-book-v4 .ndb4-sub {
    margin: 5px 0 0!important;
    color: #7b8799!important;
    font-size: 11.5px!important;
    line-height: 1.45!important;
}
#nabtech-domain-book-v4 .ndb4-close {
    flex: 0 0 auto!important;
    display: grid!important;
    place-items: center!important;
    width: 32px!important;
    height: 32px!important;
    padding: 0!important;
    border: 1px solid rgba(148,163,184,.18)!important;
    border-radius: 999px!important;
    background: rgba(255,255,255,.94)!important;
    color: #667085!important;
    font-size: 20px!important;
    line-height: 1!important;
    cursor: pointer!important;
    box-shadow: 0 4px 12px rgba(15,23,42,.04)!important;
}

/* =========================================================
   RESULTS
   ========================================================= */
#nabtech-domain-book-v4 .ndb4-results {
    position: relative!important;
    z-index: 3!important;
    overflow-y: auto!important;
    overscroll-behavior: contain!important;
    padding: 0 15px 7px!important;
    max-height: 330px!important;

}

#nabtech-domain-book-v4 .ndb4-row {
    display: grid!important;
    grid-template-columns: minmax(0,1fr) auto!important;
    align-items: center!important;
    gap: 14px!important;
    width: 100%!important;
    min-height: 64px!important;
    margin: 0 0 8px!important;
    padding: 10px 11px 10px 14px!important;
    border: 1px solid rgba(148,163,184,.16)!important;
    border-radius: 15px!important;
    background: rgba(255,255,255,.88)!important;
    backdrop-filter: blur(7px)!important;
    -webkit-backdrop-filter: blur(7px)!important;
    box-shadow:
        0 4px 13px rgba(15,23,42,.035),
        inset 0 1px 0 rgba(255,255,255,.9)!important;
    transform-origin: top center!important;
    animation: ndb4Row .38s cubic-bezier(.16,1,.3,1) both!important;
    transition: border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
@keyframes ndb4Row {
    from { opacity:0; transform:perspective(700px) rotateX(-18deg) translateY(-8px); }
    to { opacity:1; transform:perspective(700px) rotateX(0) translateY(0); }
}
#nabtech-domain-book-v4 .ndb4-row.ndb4-available { cursor:pointer!important; }
#nabtech-domain-book-v4 .ndb4-row.ndb4-available:hover,
#nabtech-domain-book-v4 .ndb4-row.ndb4-active {
    border-color: rgba(37,99,235,.32)!important;
    background: linear-gradient(135deg,rgba(247,250,255,.99),rgba(237,244,255,.98))!important;
    box-shadow: 0 10px 24px rgba(37,99,235,.09),inset 0 1px 0 #fff!important;
}
#nabtech-domain-book-v4 .ndb4-row.ndb4-unavailable {
    background: rgba(248,250,252,.82)!important;
}
#nabtech-domain-book-v4 .ndb4-main {
    min-width: 0!important;
    display: flex!important;
    align-items: center!important;
    gap: 11px!important;
}
#nabtech-domain-book-v4 .ndb4-icon {
    flex: 0 0 auto!important;
    display: grid!important;
    place-items: center!important;
    width: 38px!important;
    height: 38px!important;
    border: 1px solid rgba(79,70,229,.10)!important;
    border-radius: 11px!important;
    color: var(--ndb-accent,#2867f0)!important;
    background: linear-gradient(145deg,#eef3ff,#f8f9ff)!important;
}
#nabtech-domain-book-v4 .ndb4-text { min-width:0!important; }
#nabtech-domain-book-v4 .ndb4-domain {
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#111827!important;
    font-size:14px!important;
    font-weight:740!important;
    line-height:1.25!important;
    letter-spacing:-.018em!important;
}
#nabtech-domain-book-v4 .ndb4-meta {
    display:flex!important;
    flex-wrap:wrap!important;
    gap:5px!important;
    margin-top:4px!important;
}
#nabtech-domain-book-v4 .ndb4-chip {
    display:inline-flex!important;
    align-items:center!important;
    min-height:18px!important;
    padding:2px 7px!important;
    border-radius:999px!important;
    background:rgba(40,103,240,.075)!important;
    color:var(--ndb-accent,#2867f0)!important;
    font-size:9.5px!important;
    font-weight:700!important;
}
#nabtech-domain-book-v4 .ndb4-side {
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
}

#nabtech-domain-book-v4 .ndb4-smart-chip {
    background:linear-gradient(135deg,rgba(91,79,245,.10),rgba(37,99,235,.08))!important;
    color:#5748df!important;
}
#nabtech-domain-book-v4 .ndb4-geo-chip {
    background:rgba(18,183,106,.08)!important;
    color:#078a52!important;
}
#nabtech-domain-book-v4 .ndb4-exact-chip {
    background:rgba(245,158,11,.10)!important;
    color:#b65f00!important;
}
#nabtech-domain-book-v4 .ndb4-row.ndb4-unknown {
    background:rgba(250,251,253,.88)!important;
}
#nabtech-domain-book-v4 .ndb4-unknown .ndb4-status {
    color:#667085!important;
}
#nabtech-domain-book-v4 .ndb4-check {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:28px!important;
    padding:5px 9px!important;
    border:1px solid rgba(71,84,103,.16)!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#475467!important;
    font-size:9.5px!important;
    font-weight:780!important;
    line-height:1!important;
    cursor:pointer!important;
    box-shadow:0 3px 8px rgba(15,23,42,.04)!important;
}
#nabtech-domain-book-v4 .ndb4-status {
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    white-space:nowrap!important;
    font-size:10.5px!important;
    font-weight:760!important;
}
#nabtech-domain-book-v4 .ndb4-available .ndb4-status { color:#079455!important; }
#nabtech-domain-book-v4 .ndb4-unavailable .ndb4-status { color:#98a2b3!important; }
#nabtech-domain-book-v4 .ndb4-status::before {
    content:""!important;
    width:7px!important;
    height:7px!important;
    border-radius:50%!important;
    background:currentColor!important;
}

#nabtech-domain-book-v4 .ndb4-checking .ndb4-status {
    color:#667085!important;
}
#nabtech-domain-book-v4 .ndb4-checking .ndb4-status::before {
    width:10px!important;
    height:10px!important;
    border:2px solid rgba(37,99,235,.18)!important;
    border-top-color:var(--ndb-accent,#2867f0)!important;
    background:transparent!important;
    animation:ndb4Spin .62s linear infinite!important;
}
@keyframes ndb4Spin {
    to { transform:rotate(360deg); }
}
#nabtech-domain-book-v4 .ndb4-arrow {
    display:grid!important;
    place-items:center!important;
    width:34px!important;
    height:34px!important;
    border-radius:10px!important;
    background:var(--ndb-accent,#2867f0)!important;
    color:#fff!important;
    box-shadow:0 7px 17px rgba(37,99,235,.18)!important;
}

/* Small transfer action shown only for taken domains. */
#nabtech-domain-book-v4 .ndb4-transfer {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:28px!important;
    padding:5px 9px!important;
    border:1px solid rgba(37,99,235,.18)!important;
    border-radius:9px!important;
    background:#fff!important;
    color:var(--ndb-accent,#2867f0)!important;
    font-size:9.5px!important;
    font-weight:780!important;
    line-height:1!important;
    cursor:pointer!important;
    box-shadow:0 3px 8px rgba(37,99,235,.045)!important;
    transition:background .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
#nabtech-domain-book-v4 .ndb4-transfer:hover {
    background:#f5f8ff!important;
    border-color:rgba(37,99,235,.32)!important;
    box-shadow:0 5px 12px rgba(37,99,235,.08)!important;
}

/* =========================================================
   LOADING + MESSAGE
   ========================================================= */
#nabtech-domain-book-v4 .ndb4-skeleton {
    position:relative!important;
    overflow:hidden!important;
    height:62px!important;
    margin:0 0 8px!important;
    border:1px solid rgba(148,163,184,.12)!important;
    border-radius:15px!important;
    background:rgba(248,250,253,.9)!important;
}
#nabtech-domain-book-v4 .ndb4-skeleton::after {
    content:""!important;
    position:absolute!important;
    inset:0!important;
    transform:translateX(-100%)!important;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.97),transparent)!important;
    animation:ndb4Skeleton 1.05s infinite!important;
}
@keyframes ndb4Skeleton { to { transform:translateX(100%); } }
#nabtech-domain-book-v4 .ndb4-message {
    min-height:116px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    padding:20px!important;
    text-align:center!important;
    color:#667085!important;
}
#nabtech-domain-book-v4 .ndb4-message strong { color:#182230!important;font-size:13px!important; }
#nabtech-domain-book-v4 .ndb4-message span {
    max-width:390px!important;
    margin-top:4px!important;
    font-size:10.5px!important;
    line-height:1.5!important;
}

/* =========================================================
   FOOTER
   ========================================================= */
#nabtech-domain-book-v4 .ndb4-footer {
    position:relative!important;
    z-index:3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:12px 18px 15px!important;
    border-top:1px solid rgba(148,163,184,.11)!important;
    background:linear-gradient(180deg,rgba(250,252,255,.65),rgba(247,249,253,.95))!important;
}
#nabtech-domain-book-v4 .ndb4-note {
    color:#98a2b3!important;
    font-size:10px!important;
    font-weight:560!important;
}
#nabtech-domain-book-v4 .ndb4-all {
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    padding:8px 11px!important;
    border:1px solid rgba(37,99,235,.14)!important;
    border-radius:10px!important;
    background:#fff!important;
    color:var(--ndb-accent,#2867f0)!important;
    font-size:10.5px!important;
    font-weight:760!important;
    cursor:pointer!important;
}

#nabtech-domain-book-v4-debug {
    position:fixed!important;
    right:12px!important;
    bottom:12px!important;
    z-index:2147483000!important;
    display:none!important;
    padding:8px 10px!important;
    border-radius:10px!important;
    background:#101828!important;
    color:#fff!important;
    font:700 11px/1.2 Arial,sans-serif!important;
    box-shadow:0 8px 24px rgba(0,0,0,.2)!important;
}
html[data-ndb4-debug="1"] #nabtech-domain-book-v4-debug { display:block!important; }

@media(max-width:767.98px) {
    #nabtech-domain-book-v4 .ndb4-head { padding:18px 15px 12px!important; }
    #nabtech-domain-book-v4 .ndb4-title { font-size:16px!important; }
    #nabtech-domain-book-v4 .ndb4-results { padding:0 9px 5px!important; }
    #nabtech-domain-book-v4 .ndb4-row { min-height:59px!important;padding:8px 9px 8px 10px!important;border-radius:13px!important; }
    #nabtech-domain-book-v4 .ndb4-domain { font-size:12.5px!important; }
    #nabtech-domain-book-v4 .ndb4-status { display:none!important; }
    #nabtech-domain-book-v4 .ndb4-note { display:none!important; }
    #nabtech-domain-book-v4 .ndb4-footer { justify-content:flex-end!important;padding:10px 12px 13px!important; }
    #nabtech-domain-book-v4 .ndb4-transfer { min-height:27px!important;padding:5px 8px!important; }
}

@media(prefers-reduced-motion:reduce) {
    #nabtech-domain-book-v4,
    #nabtech-domain-book-v4 *,
    #nabtech-domain-book-v4 *::before,
    #nabtech-domain-book-v4 *::after {
        animation-duration:.001ms!important;
        animation-iteration-count:1!important;
        transition-duration:.001ms!important;
    }
}

/* v4.1.6: top-layer defaults and dynamic room for the two-row Orbit search. */
#nabtech-domain-book-v4 {
    margin:0!important; padding:0!important; border:0!important;
    background:transparent!important; overflow:visible!important;
    box-sizing:border-box!important; inset:auto!important;
    font-family:inherit!important; text-align:left!important;
    direction:ltr; --ndb4-room:540px;
}
#nabtech-domain-book-v4,#nabtech-domain-book-v4 * {box-sizing:border-box!important;}
#nabtech-domain-book-v4[popover]::backdrop {background:transparent!important;pointer-events:none!important;}
#nabtech-domain-book-v4[inert] {pointer-events:none!important;}
#nabtech-domain-book-v4 .ndb4-paper {max-height:var(--ndb4-room)!important;}
#nabtech-domain-book-v4 .ndb4-head,#nabtech-domain-book-v4 .ndb4-footer {flex:0 0 auto!important;}
#nabtech-domain-book-v4 .ndb4-results {flex:1 1 auto!important;min-height:0!important;}
#nabtech-domain-book-v4[data-placement="above"] {transform-origin:50% 100%!important;}
#nabtech-domain-book-v4[data-placement="above"] .ndb4-paper {border-top:1px solid rgba(99,102,241,.21)!important;border-radius:20px!important;}
#nabtech-domain-book-v4[data-placement="above"].ndb4-open {clip-path:inset(0 0 0 0 round 20px)!important;}
#nabtech-domain-book-v4 :is(button,[role="option"]):focus-visible {outline:2px solid var(--ndb-accent,#2867f0)!important;outline-offset:2px!important;}
@media(max-height:500px) {
    #nabtech-domain-book-v4 .ndb4-head {padding:10px 14px 8px!important;}
    #nabtech-domain-book-v4 .ndb4-eyebrow,#nabtech-domain-book-v4 .ndb4-sub {display:none!important;}
    #nabtech-domain-book-v4 .ndb4-footer {padding:8px 12px!important;}
}

/* =========================================================
   DARK
   ========================================================= */
#nabtech-domain-book-v4[data-dark] .ndb4-paper {
    border-color: rgba(129,150,190,.22)!important;
    background:
        radial-gradient(circle at 10% 0%,rgba(91,79,245,.16),transparent 31%),
        radial-gradient(circle at 91% 8%,rgba(40,103,240,.14),transparent 31%),
        linear-gradient(180deg,#121c2e,#0f1828)!important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04),0 26px 62px rgba(0,0,0,.45)!important;
}
#nabtech-domain-book-v4[data-dark] .ndb4-sweep {opacity:.06!important;}
#nabtech-domain-book-v4[data-dark] .ndb4-eyebrow,
#nabtech-domain-book-v4[data-dark] .ndb4-sub,
#nabtech-domain-book-v4[data-dark] .ndb4-message,
#nabtech-domain-book-v4[data-dark] .ndb4-note,
#nabtech-domain-book-v4[data-dark] .ndb4-checking .ndb4-status,
#nabtech-domain-book-v4[data-dark] .ndb4-unknown .ndb4-status {color:#9fb0c8!important;}
#nabtech-domain-book-v4[data-dark] .ndb4-title,
#nabtech-domain-book-v4[data-dark] .ndb4-domain,
#nabtech-domain-book-v4[data-dark] .ndb4-message strong {color:#e8eefa!important;}
#nabtech-domain-book-v4[data-dark] .ndb4-title strong {color:#8fb3ff!important;}
#nabtech-domain-book-v4[data-dark] .ndb4-close,
#nabtech-domain-book-v4[data-dark] .ndb4-check,
#nabtech-domain-book-v4[data-dark] .ndb4-transfer,
#nabtech-domain-book-v4[data-dark] .ndb4-all {background:#18243a!important;border-color:rgba(129,150,190,.24)!important;color:#c9d6ea!important;box-shadow:none!important;}
#nabtech-domain-book-v4[data-dark] .ndb4-transfer,
#nabtech-domain-book-v4[data-dark] .ndb4-all {color:#8fb3ff!important;}
#nabtech-domain-book-v4[data-dark] .ndb4-transfer:hover {background:#1d2c46!important;}
#nabtech-domain-book-v4[data-dark] .ndb4-row,
#nabtech-domain-book-v4[data-dark] .ndb4-skeleton {background:rgba(24,36,58,.86)!important;border-color:rgba(129,150,190,.16)!important;box-shadow:none!important;}
#nabtech-domain-book-v4[data-dark] .ndb4-row.ndb4-unavailable,
#nabtech-domain-book-v4[data-dark] .ndb4-row.ndb4-unknown {background:rgba(20,30,48,.86)!important;}
#nabtech-domain-book-v4[data-dark] .ndb4-row.ndb4-available:hover,
#nabtech-domain-book-v4[data-dark] .ndb4-row.ndb4-active {background:linear-gradient(135deg,#1b2a45,#1a2840)!important;border-color:rgba(143,179,255,.38)!important;}
#nabtech-domain-book-v4[data-dark] .ndb4-icon {background:linear-gradient(145deg,#1b2944,#16223a)!important;border-color:rgba(143,179,255,.16)!important;color:#8fb3ff!important;}
#nabtech-domain-book-v4[data-dark] .ndb4-chip {background:rgba(143,179,255,.12)!important;color:#a9c4ff!important;}
#nabtech-domain-book-v4[data-dark] .ndb4-smart-chip {background:rgba(160,150,255,.14)!important;color:#beb5ff!important;}
#nabtech-domain-book-v4[data-dark] .ndb4-geo-chip {background:rgba(52,211,153,.12)!important;color:#6ee7b7!important;}
#nabtech-domain-book-v4[data-dark] .ndb4-exact-chip {background:rgba(251,191,36,.12)!important;color:#fcd34d!important;}
#nabtech-domain-book-v4[data-dark] .ndb4-available .ndb4-status {color:#4ade80!important;}
#nabtech-domain-book-v4[data-dark] .ndb4-unavailable .ndb4-status {color:#7c8aa3!important;}
#nabtech-domain-book-v4[data-dark] .ndb4-footer {background:linear-gradient(180deg,rgba(18,28,46,.6),rgba(15,24,40,.95))!important;border-top-color:rgba(129,150,190,.14)!important;}
#nabtech-domain-book-v4[data-dark] .ndb4-skeleton::after {background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent)!important;}

/* =========================================================
   SCROLLBAR: 3px, visible only while the pointer is over the list
   ========================================================= */
@supports not (-moz-appearance:none) {
    #nabtech-domain-book-v4 .ndb4-results {scrollbar-width:auto!important;scrollbar-color:auto!important;}
    #nabtech-domain-book-v4 .ndb4-results::-webkit-scrollbar {width:3px!important;height:3px!important;background:transparent!important;}
    #nabtech-domain-book-v4 .ndb4-results::-webkit-scrollbar-track,
    #nabtech-domain-book-v4 .ndb4-results::-webkit-scrollbar-corner {background:transparent!important;}
    #nabtech-domain-book-v4 .ndb4-results::-webkit-scrollbar-thumb {background:transparent!important;border-radius:999px!important;}
    #nabtech-domain-book-v4 .ndb4-results:hover::-webkit-scrollbar-thumb {background:rgba(100,116,139,.45)!important;}
    #nabtech-domain-book-v4 .ndb4-results::-webkit-scrollbar-button {display:none!important;width:0!important;height:0!important;}
}
@supports (-moz-appearance:none) {
    #nabtech-domain-book-v4 .ndb4-results {scrollbar-width:thin!important;scrollbar-color:transparent transparent!important;}
    #nabtech-domain-book-v4 .ndb4-results:hover {scrollbar-color:rgba(100,116,139,.45) transparent!important;}
}