/*
 * Hostragons integration layer: the Sneat layout (ThemeSelection, MIT) between the main-site header
 * and footer. Sneat's own stylesheet is compiled into `.sn-root` (sneat-core-scoped.css), so the site
 * chrome keeps its styling; this file seats the WHMCS content (#main-body, the NXRagons page templates)
 * in Sneat's content wrapper and parks the menu under the fixed site header.
 */

/* Sneat's Public Sans inside the panel (the site header/footer keep Inter); icon fonts and code excluded */
.sn-root,
.sn-root :is(h1, h2, h3, h4, h5, h6, p, a, span, div, li, td, th, label, input, select, textarea, button, small, strong, b, dd, dt):not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.fad):not(.fak):not([class*=" fa-"]):not([class^="fa-"]):not(.bx):not(.star):not(.glyphicon) {
    font-family: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !important;
}
.sn-root :is(code, pre, kbd, samp, .text-monospace) { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important; }

/* page background behind the panel; the fixed site header keeps its own body offset */
html:is(.sn-layout, .sn-auth) body.primary-bg-color { background: #f5f5f9 !important; }
html:is(.sn-layout, .sn-auth)[data-bs-theme="dark"] body.primary-bg-color { background: #232333 !important; }
.sn-root { --sn-top: 122px; background-color: var(--bs-body-bg); }

/* main-site header: WHMCS's twenty-one CSS zeroes the header container's side padding below lg (Bootstrap 4
   .navbar-expand-lg > .container rule), so the logo, Ask AI and menu buttons touched the screen edges. Same
   padding as the main site's header (hostragons-brand.css .hg-header.hg-shrink > .container). */
@media (max-width: 991.98px) {
    html:is(.sn-layout, .sn-auth) header.primary-header > .container {
        padding-left: 1.75rem !important;
        padding-right: 1.75rem !important;
    }
}

/* WHMCS hides with .w-hidden (display:none) and shows by removing the class; Sneat's .btn{display:inline-flex}
   must not reveal those (2FA buttons, loaders, password-length errors). One id keeps it above class rules only. */
.sn-root .w-hidden:not(#sn-w) { display: none; }
/* the overlay/modals portal after the site footer takes no space */
.sn-root.sn-portal { position: absolute; inset-block-start: 0; inset-inline-start: 0; inline-size: 0; block-size: 0; min-height: 0; overflow: visible; background: none; }

/* WHMCS content frame inside Sneat's container */
.sn-root .layout-page #main-body {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    background: transparent !important;
}
.sn-root .layout-page #main-body > .container { max-width: none !important; padding: 0 !important; }
.sn-root .layout-page #main-body > .container > .row { --bs-gutter-x: 1.5rem; }
html.sn-layout body.hg-sneat .sn-root #main-body:not(#hg-sn):not(#hg-sk) { background: transparent !important; }

/* Shell: the site header's container widths (Bootstrap .container), so the menu card lines up with the site logo
   and the content with the account button; both end above the site footer. No second top bar. */
.sn-root .sn-shell { inline-size: 100%; margin-inline: auto; padding-inline: .75rem; }
@media (min-width: 576px) { .sn-root .sn-shell { max-inline-size: 540px; } }
@media (min-width: 768px) { .sn-root .sn-shell { max-inline-size: 720px; } }
@media (min-width: 992px) { .sn-root .sn-shell { max-inline-size: 960px; } }
@media (min-width: 1200px) { .sn-root .sn-shell { max-inline-size: 1140px; } }
@media (min-width: 1400px) { .sn-root .sn-shell { max-inline-size: 1320px; } }
.sn-root .sn-shell .layout-container { min-block-size: 0; padding-block: 1.5rem 3rem; }
.sn-root .sn-shell .layout-page { min-inline-size: 0; padding: 0 !important; }
.sn-root .sn-shell .content-wrapper { min-inline-size: 0; }

/* desktop: the menu is a card beside the content; it stays in view under the fixed site header and scrolls on its
   own only when it is taller than the window */
@media (min-width: 1200px) {
    .sn-root .sn-shell .layout-container { gap: 1.5rem; align-items: flex-start; }
    .sn-root .sn-shell .layout-menu {
        position: sticky !important;
        inset-block-start: calc(var(--sn-top) + 1.5rem);
        flex: 0 0 16.25rem;
        inline-size: 16.25rem !important;
        block-size: auto !important;
        max-block-size: calc(100vh - var(--sn-top) - 3rem);
        border-radius: .5rem;
        box-shadow: var(--bs-box-shadow);
        transform: none !important;
        overflow: hidden;
        z-index: 9;
    }
    .sn-root .sn-shell .layout-menu .menu-inner { min-block-size: 0; padding-block: .75rem !important; }
    .sn-root .sn-shell .layout-menu .menu-inner > .menu-item:last-child { margin-block-end: 0; }
}
/* below xl the menu is Sneat's off-canvas drawer and covers the site header while open */
@media (max-width: 1199.98px) {
    .sn-root .layout-menu { z-index: 1110 !important; }
    .sn-root .layout-overlay { z-index: 1105 !important; }
    .sn-root .sn-shell .layout-container { padding-block: 1rem 2.5rem; }
}

/* page heading: "Parent / Title" in Sneat's style, page menus and notifications on the right */
.sn-root .sn-page-head { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1rem; margin-block-end: 1.5rem; }
.sn-root .sn-page-title-wrap { flex: 1 1 16rem; min-inline-size: 0; }
.sn-root .sn-page-title { margin: 0; font-size: 1.375rem; font-weight: 500; line-height: 1.45; color: var(--bs-heading-color); overflow-wrap: break-word; }
.sn-root .sn-page-crumb { color: var(--bs-secondary-color); font-weight: 300; }
.sn-root .sn-page-crumb:hover { color: var(--bs-primary); }
.sn-root .sn-page-crumb-sep { display: inline-block; color: var(--bs-secondary-color); font-weight: 300; margin-inline: .4rem; }
/* phones: the page name only (the parent trail is in the menu drawer) */
@media (max-width: 575.98px) {
    .sn-root .sn-page-head :is(.sn-page-crumb, .sn-page-crumb-sep) { display: none; }
    .sn-root .sn-page-title { font-size: 1.25rem; }
}
.sn-root .sn-page-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-inline-start: auto; }
.sn-root .sn-page-actions .btn-icon { inline-size: 2.375rem; block-size: 2.375rem; }
.sn-root .sn-page-actions .btn-icon .icon-base { font-size: 1.375rem; }
.sn-root .sn-page-actions .dropdown-menu { max-block-size: 70vh; overflow-y: auto; }
.sn-root .sn-badge-dot { position: absolute; inset-block-start: .1rem; inset-inline-end: .05rem; min-inline-size: 1.1rem; padding: .2em .35em; font-size: .65rem; line-height: 1; }

/* sub-navigation: WHMCS primary-sidebar link lists as pills */
.sn-root .sn-subnav { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; }
.sn-root .sn-pills { display: flex; flex-wrap: wrap; gap: .5rem; }
.sn-root .sn-pills .nav-link { display: inline-flex; align-items: center; gap: .4rem; }
.sn-root .sn-pills .nav-link:not(.active):not(:hover) { color: var(--bs-heading-color); }
.sn-root .sn-pills .sn-pill-badge { background-color: rgba(var(--bs-primary-rgb), .16); color: var(--bs-primary); font-weight: 500; }
.sn-root .sn-pills .nav-link.active .sn-pill-badge { background-color: rgba(255, 255, 255, .22); color: #fff; }
html[data-bs-theme="dark"] .sn-root .sn-pills .nav-link:not(.active) .sn-pill-badge { color: #d9a3ec; background-color: rgba(217, 163, 236, .16); }

/* a #tab… fragment must not end up under the fixed site header */
html.sn-layout { scroll-padding-top: calc(var(--sn-top-html, 122px) + 1.5rem); }

/* email-verification banner (includes/verifyemail.tpl) as a Sneat warning alert, light and dark */
body.hg-sneat .sn-root .verification-banner.email-verification { background: #fff2d6 !important; border: 0 !important; border-radius: .375rem !important; box-shadow: none !important; padding: .75rem 1rem !important; margin-block-end: 1.5rem; }
body.hg-sneat .sn-root .verification-banner.email-verification .text { color: #b37700 !important; font-weight: 500 !important; }
body.hg-sneat .sn-root .verification-banner.email-verification .fa-exclamation-triangle { color: #ffab00 !important; }
html[data-bs-theme="dark"] body.hg-sneat .sn-root .verification-banner.email-verification { background: #4b3f2b !important; }
html[data-bs-theme="dark"] body.hg-sneat .sn-root .verification-banner.email-verification :is(.text, #btnEmailVerificationClose) { color: #ffab00 !important; }

/* right-hand column: WHMCS content panels as cards */
.sn-root .sn-side-col .sn-panel .card-header { padding-block-end: 1rem; }
.sn-root .sn-side-col .sn-panel-list .list-group-item { padding-inline: 1.5rem; }
.sn-root .sn-side-col .sn-panel-footer { border-block-start: 1px solid var(--bs-border-color); }

/* mobile drawer brand */
.sn-root .layout-menu .app-brand { height: 64px; padding: 0 1.5rem 0 1.75rem; }
.sn-root .layout-menu .app-brand-link { display: flex; align-items: center; }
.sn-root .app-brand .app-brand-img { display: block; width: auto; height: 32px; }
.sn-root .app-brand .app-brand-img--dark { display: none; }
html[data-bs-theme="dark"] .sn-root .app-brand .app-brand-img--light { display: none; }
html[data-bs-theme="dark"] .sn-root .app-brand .app-brand-img--dark { display: block; }
.sn-root .layout-menu .menu-item > .menu-link .badge { font-size: .75rem; }

/* notifications menu */
.sn-root .sn-notify-menu { inline-size: 22rem; max-inline-size: calc(100vw - 2rem); }
.sn-root .sn-notify-menu .dropdown-notifications-item { padding: .875rem 1rem; border-block-end: 1px solid var(--bs-border-color); list-style: none; }
.sn-root .sn-notify-menu .dropdown-notifications-item:last-child { border-block-end: 0; }

/* auth pages (login, register, password reset, 2FA): Sneat's centred card between the site header and footer */
html.sn-auth .sn-root { padding: 1.5rem 0 3rem; }
html.sn-auth .sn-root .authentication-wrapper { min-height: 0 !important; }
html.sn-auth .sn-root .authentication-wrapper .app-brand .app-brand-img { height: 38px; }
html.sn-auth .sn-blank #main-body { margin: 0 !important; padding: 0 !important; min-height: 0 !important; background: transparent !important; }
html.sn-auth .sn-blank #main-body > .container { max-width: none !important; padding: 0 !important; }
html.sn-auth #main-body h1.h4 { font-size: 1.375rem !important; font-weight: 500 !important; }
html.sn-auth .hg-auth-brand { display: none !important; }
html.sn-auth body #main-body .hg-auth-split { display: block !important; width: 100% !important; max-width: 520px !important; min-height: 0 !important; margin: 1.5rem auto !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
html.sn-auth body #main-body .hg-auth-split.hg-auth-split--wide { max-width: 880px !important; }
html.sn-auth body #main-body:has(.hg-auth-split) { margin-top: 0 !important; min-height: 0 !important; }
html.sn-auth .hg-auth-formwrap { width: 100% !important; max-width: none !important; padding: 0 !important; background: transparent !important; }
html.sn-auth .hg-auth-card, html.sn-auth .hg-auth-split .card { border: 0 !important; border-radius: .375rem !important; box-shadow: 0 .1875rem .5rem 0 rgba(34, 48, 62, .1) !important; }
html.sn-auth .hg-verification-workspace { max-width: 460px; margin: 1.5rem auto 3rem; }
html.sn-auth .hg-verification-workspace .hg-page-heading { justify-content: center; text-align: center; }
html.sn-auth .hg-verification-workspace .card { border: 0 !important; box-shadow: 0 .1875rem .5rem 0 rgba(34, 48, 62, .1) !important; }
html.sn-auth[data-bs-theme] body #main-body .hg-auth-split,
html.sn-auth[data-bs-theme] body #main-body .hg-auth-formwrap,
html.sn-auth[data-bs-theme] body #main-body .hg-auth-formwrap--wide { background: transparent !important; }
html.sn-auth[data-bs-theme="dark"] body #main-body .hg-auth-split .card { background: #2b2c40 !important; border-color: #444564 !important; }

/* records.css reserves a 258px sidebar track; without a sidebar column the content takes the whole row */
body.hg-sneat #main-body > .container > .row:not(:has(> .col-lg-4)) > .primary-content { grid-column: 1 / -1 !important; }
body.hg-sneat #main-body > .container > .row:not(:has(> .col-lg-4)) { grid-template-columns: minmax(0, 1fr) !important; }

/* Turnstile is injected into the action row: give it its own line so buttons keep their size */
body.hg-sneat .hg-submit-actions { flex-wrap: wrap; align-items: center; }
body.hg-sneat .hg-submit-actions > .hg-turnstile-wrap { flex: 1 0 100%; margin: 0 0 4px; }

/* printing an invoice or quote: only the document */
@media print {
    header.hg-header, footer.hg-footer, .sn-root .layout-menu, .sn-root .sn-page-head, .sn-root .sn-subnav, .sn-root .sn-side-col, .sn-root .layout-overlay { display: none !important; }
    html:is(.sn-layout, .sn-auth) body.primary-bg-color { padding-top: 0 !important; background: #fff !important; }
    .sn-root { background: #fff !important; }
    .sn-root .layout-page { padding: 0 !important; }
    .sn-root .sn-shell { max-inline-size: none !important; padding: 0 !important; }
}

/* Dark mode. The free Sneat build ships light only; these values follow Sneat's dark scheme,
   with lighter tints of the brand purple so active items stay readable on dark paper. */
html[data-bs-theme="dark"] .sn-root {
    --bs-paper-bg: #2b2c40;
    --bs-paper-bg-rgb: 43, 44, 64;
    --bs-body-bg: #232333;
    --bs-body-bg-rgb: 35, 35, 51;
    --bs-base-color: #e6e6f1;
    --bs-base-color-rgb: 230, 230, 241;
    --bs-body-color: #b2b2c4;
    --bs-body-color-rgb: 178, 178, 196;
    --bs-heading-color: #d5d5e2;
    --bs-emphasis-color: #e6e6f1;
    --bs-secondary-color: #7e7f96;
    --bs-border-color: #444564;
    --bs-gray-400: #7e7f96;
    --bs-link-color: #c98ae0;
    --bs-link-color-rgb: 201, 138, 224;
    --bs-box-shadow: 0 .1875rem .5rem 0 rgba(0, 0, 0, .24);
    --bs-menu-color: #b2b2c4;
    --bs-menu-hover-bg: #34354f;
    --bs-menu-hover-color: #d5d5e2;
    --bs-menu-active-toggle-bg: #34354f;
    --bs-menu-active-bg: rgba(201, 138, 224, .16);
    --bs-menu-active-color: #d9a6ec;
    --bs-menu-sub-active-bg: rgba(201, 138, 224, .16);
    --bs-menu-sub-active-color: #d9a6ec;
    --bs-menu-box-shadow: 0 .125rem .375rem 0 rgba(0, 0, 0, .24);
    --bs-navbar-box-shadow: 0 0 10px rgba(0, 0, 0, .24);
    --bs-menu-divider-color: #2b2c40;
    color-scheme: dark;
}
html[data-bs-theme="dark"] .sn-root .menu-vertical .menu-header::before { background-color: #444564; }
html[data-bs-theme="dark"] .sn-root .avatar-initial.bg-label-primary { background-color: rgba(201, 138, 224, .16) !important; color: #d9a6ec !important; }
html[data-bs-theme="dark"] .sn-root .layout-menu .menu-inner > .menu-item.active::before { background-color: #c98ae0; }
html[data-bs-theme="dark"] .sn-root .text-primary { color: #d9a6ec !important; }
html[data-bs-theme="dark"] .sn-root .btn-outline-primary { --bs-btn-color: #d9a6ec; --bs-btn-border-color: #c98ae0; --bs-btn-hover-bg: #761098; --bs-btn-hover-border-color: #761098; }
html[data-bs-theme="dark"] .sn-root .bg-label-primary { background-color: rgba(201, 138, 224, .16) !important; color: #d9a6ec !important; }

/* dashboard */
/* WHMCS panels under the charts: brand purple for the domain "Register" button (WHMCS prints btn-success there), and
   Sneat-sized buttons instead of full-width blocks */
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash #registerDomainPanel .btn-success { --snb-c: var(--snb-primary); --snb-c-rgb: var(--snb-primary-rgb); --snb-c-text: var(--snb-primary-text); }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash .sn-home-panel :is(.btn-block, .btn.d-block) { width: auto !important; display: inline-flex !important; align-self: flex-start !important; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash .card { margin-block-end: 0 !important; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash .nav-pills { gap: .25rem; flex-wrap: nowrap !important; overflow-x: auto; scrollbar-width: none; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash .nav-pills .nav-link { padding: .4375rem .875rem !important; white-space: nowrap; }
.sn-root .sn-dash .min-w-0 { min-width: 0; }
.sn-root .sn-dash .sn-dash-illustration { max-width: 100%; height: 175px; object-fit: contain; }
.sn-root .sn-dash .card-body .avatar img { width: 100%; height: 100%; }
.sn-root .sn-dash .sn-home-panel .card-header .avatar-sm { width: 2rem; height: 2rem; }
.sn-root .sn-dash .sn-home-panel .card-header .avatar-sm i { font-size: 1rem; }

/* Dashboard reset: the legacy content layers (theme.min.css, custom.css, whmcs-unify.css and the stage-1
   skin) restyle every #main-body heading, link and button with !important. Inside .sn-dash the Sneat
   values win again; the selector carries one more id than the strongest legacy rule. */
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
    color: var(--snb-heading) !important;
    font-weight: 500 !important;
    line-height: 1.37 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    margin-top: 0 !important;
}
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash :is(h3, .h3) { font-size: 1.75rem !important; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash :is(h4, .h4) { font-size: 1.5rem !important; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash :is(h5, .h5) { font-size: 1.125rem !important; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash :is(h6, .h6) { font-size: .9375rem !important; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash :is(h1, h2, h3, h4, h5, h6, .h5).text-primary { color: var(--snb-primary) !important; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash :is(h1, h2, h3, h4, h5, h6).fw-normal { font-weight: 400 !important; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash :is(h1, h2, h3, h4, h5, h6).text-danger { color: var(--bs-danger) !important; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash .card-header .card-title:not(h1, h2, h3, h4, h5, h6) { font-size: inherit !important; font-weight: 400 !important; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash .card-subtitle { font-size: .9375rem !important; font-weight: 400 !important; color: var(--snb-muted) !important; margin-top: 0 !important; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash p { color: var(--snb-body) !important; font-size: .9375rem !important; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash :is(small, .small) { font-size: .8125rem !important; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash a.text-heading { color: var(--snb-heading) !important; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash a.text-heading:hover { color: var(--snb-primary) !important; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash a.text-success { color: var(--bs-success) !important; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash a.text-warning { color: var(--bs-warning) !important; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash a.text-danger { color: var(--bs-danger) !important; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash a.text-info { color: var(--bs-info) !important; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash .sn-ui .btn {
    color: var(--bs-btn-color) !important;
    background: var(--bs-btn-bg) !important;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color) !important;
    font-size: var(--bs-btn-font-size) !important;
    font-weight: var(--bs-btn-font-weight) !important;
    line-height: var(--bs-btn-line-height) !important;
    border-radius: var(--bs-btn-border-radius) !important;
    box-shadow: none !important;
    transform: none !important;
}
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash .sn-ui .btn:not(.p-0) { padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x) !important; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash .sn-ui .btn.p-0 { border: 0 !important; color: var(--snb-muted) !important; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash .sn-ui .btn:is(:hover, :focus-visible) { color: var(--bs-btn-hover-color) !important; background: var(--bs-btn-hover-bg) !important; border-color: var(--bs-btn-hover-border-color) !important; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash .sn-ui .btn:is(.show, :active, .active) { color: var(--bs-btn-active-color) !important; background: var(--bs-btn-active-bg) !important; border-color: var(--bs-btn-active-border-color) !important; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash .sn-ui .btn.p-0:is(:hover, .show) { background: transparent !important; color: var(--snb-heading) !important; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash .sn-ui .btn .icon-base { font-size: 1.125rem; vertical-align: -.2em; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash .dropdown-item { color: var(--snb-heading) !important; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash .dropdown-item:hover { color: var(--snb-primary) !important; background: var(--bs-dropdown-link-hover-bg, rgba(34, 48, 62, .06)) !important; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash .nav-pills .nav-link { padding: .5rem 1.375rem !important; border-radius: .375rem !important; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash .nav-pills .nav-link:not(.active) { color: var(--snb-heading) !important; background: transparent !important; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash .nav-pills .nav-link.active { color: #fff !important; background: var(--snb-primary) !important; box-shadow: 0 .125rem .25rem 0 rgba(118, 16, 152, .4) !important; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash .avatar .avatar-initial { font-size: 1.25rem; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash .avatar .avatar-initial .icon-base { font-size: 1.375rem; width: 1em; height: 1em; }
html[data-bs-theme="dark"] body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash :is(h1, h2, h3, h4, h5, h6, .h5).text-primary { color: #d9a6ec !important; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash .nav-pills .nav-link { padding: .5rem 1rem !important; }
.sn-root .sn-dash .user-progress { flex-shrink: 0; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash :is(.card-body, .card-header, .card-footer) { background: transparent !important; }
body.hg-sneat #main-body:not(#hg-sn):not(#hg-sk):not(#hg-sd) .sn-dash .card-body { border-radius: 0 !important; }