/* Sneat client area: "domains" page family (domain list, domain details + sub-pages, bulk management, domain pricing).
   The templates are Sneat markup; this file only lays out the family's own blocks (classes sn-dm-*) on top of
   sneat-base.css. Content prefix as in the base: body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c). */

/* ============================================================== family tokens */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) :is(.sn-dm-nav, .sn-dm-workspace, .sn-dm-page, .sn-dm-list-card, .sn-dm-pricing) {
    --sn-dm-gap: 1.5rem;
}

/* ============================================================== management navigation (pills + actions menu) */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: .75rem 1rem;
    margin-bottom: 1.5rem;
}
/* from md up the pills and the actions menu share one wrapping row: the menu closes the last line on the right */
@media (min-width: 768px) {
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-nav { gap: .375rem; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-nav > .sn-dm-pills,
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-nav > .sn-dm-pills > .sn-dm-pill-list { display: contents; }
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-nav > .sn-dm-menu { flex: 0 0 auto; margin-inline-start: auto; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pill-list {
    display: flex;
    flex-wrap: wrap;
    gap: .375rem;
    margin: 0;
    padding: 0;
    border: 0 !important;
    background: transparent !important;
    list-style: none;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pill-list > .nav-item { margin: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pill-list .nav-link {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    padding: .5435rem 1rem !important;
    white-space: nowrap;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pill-list .nav-link .icon-base { width: 1.125rem; height: 1.125rem; font-size: 1.125rem; flex: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pill-list .nav-link .badge { margin-left: .125rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pill-list .nav-link.active .badge { background: rgba(255, 255, 255, .22) !important; color: #fff !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-menu .dropdown-toggle { display: inline-flex; align-items: center; white-space: nowrap; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-menu .dropdown-item .icon-base { width: 1.125rem; height: 1.125rem; flex: none; color: var(--snb-muted); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-menu .dropdown-menu { min-width: 15rem; }
/* phones and tablets: the pills become one scrollable row (Sneat keeps its account pills on one line too) */
@media (max-width: 767.98px) {
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-nav > .sn-dm-pills { flex: 1 1 100%; min-width: 0; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pill-list {
        flex-wrap: nowrap;
        overflow-x: auto;
        margin-inline: -.25rem;
        padding: .25rem .25rem .5rem;
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
    }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pill-list > .nav-item { flex: none; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-nav > .sn-dm-menu { margin-inline-start: 0; }
}

/* ============================================================== shared pieces */
/* the details panes are a plain stack (Sneat's .tab-content padding belongs to tabbed cards) */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-workspace { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
/* WHMCS scripts.js opens a #tab… hash pane with .active only (no .show, "fade" removed): Sneat's tab transition would
   leave that pane shifted 30px left and transparent */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-workspace > .tab-pane.active { opacity: 1 !important; transform: none !important; }
/* panes and pages stack like Sneat (1.5rem between cards) */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-workspace > .tab-pane > .alert,
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-page > .alert { margin-bottom: 1.5rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-alert-action { margin-bottom: 1.5rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-alert-action .btn { flex: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .card .card-header .card-subtitle { margin-top: .25rem; font-size: .9375rem !important; line-height: 1.375; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .card-body > .alert:last-child { margin-bottom: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .card-body > .alert { margin-bottom: 1.5rem; }
/* avatars (Sneat sizes) */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) :is(.sn-dm-workspace, .sn-dm-page, .sn-dm-list-card) .avatar { width: 2.375rem; height: 2.375rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) :is(.sn-dm-workspace, .sn-dm-page, .sn-dm-list-card) .avatar.avatar-lg { width: 3rem; height: 3rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) :is(.sn-dm-workspace, .sn-dm-page, .sn-dm-list-card) .avatar.avatar-sm { width: 2rem; height: 2rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) :is(.sn-dm-workspace, .sn-dm-page, .sn-dm-list-card) .avatar .avatar-initial { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-weight: 500; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) :is(.sn-dm-workspace, .sn-dm-page, .sn-dm-list-card) .avatar .avatar-initial .icon-base { width: 1.375rem; height: 1.375rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) :is(.sn-dm-workspace, .sn-dm-page, .sn-dm-list-card) .avatar-lg .avatar-initial .icon-base { width: 1.625rem; height: 1.625rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) :is(.sn-dm-workspace, .sn-dm-page, .sn-dm-list-card) .avatar-sm .avatar-initial .icon-base { width: 1.125rem; height: 1.125rem; }
/* empty state: centred icon avatar + muted text */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-empty { display: flex; flex-direction: column; align-items: center; gap: .75rem; padding: 2.5rem 1.5rem !important; text-align: center; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-empty p { color: var(--snb-muted) !important; }
/* buttons with an icon */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) :is(.sn-dm-workspace, .sn-dm-page, .sn-dm-list-card, .sn-dm-nav) .btn:has(> .icon-base) { display: inline-flex; align-items: center; justify-content: center; gap: .375rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) :is(.sn-dm-workspace, .sn-dm-page, .sn-dm-list-card, .sn-dm-nav) .btn > .icon-base { width: 1.125rem; height: 1.125rem; margin: 0 !important; }
/* form actions row */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-top: 1.5rem; }
/* radios with their label beside them (Sneat .form-check) */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) :is(.sn-dm-workspace, .sn-dm-page) .form-check { display: flex; align-items: flex-start; gap: .5rem; min-height: 1.5rem; margin: 0 0 .5rem; padding-left: 0 !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) :is(.sn-dm-workspace, .sn-dm-page) .form-check:last-child { margin-bottom: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) :is(.sn-dm-workspace, .sn-dm-page) .form-check > .form-check-input { position: static !important; flex: none; float: none !important; margin: .125em 0 0 !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) :is(.sn-dm-workspace, .sn-dm-page) .form-check > .form-check-label { margin: 0 !important; padding: 0 !important; line-height: 1.5rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) :is(.sn-dm-workspace, .sn-dm-page) .form-label { display: block; }

/* ============================================================== domain details: identity card */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-identity > .card-body { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.25rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-identity-main { flex: 1 1 16rem; min-width: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-identity-title { margin: 0 0 .375rem !important; font-size: 1.125rem !important; line-height: 1.37 !important; overflow-wrap: anywhere; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-identity-title a { color: var(--snb-heading) !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-identity-title a:hover { color: var(--snb-primary-text) !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-identity-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-due { display: inline-flex; align-items: center; gap: .375rem; color: var(--snb-body); font-size: .8125rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-due .icon-base { width: 1rem; height: 1rem; color: var(--snb-muted); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-identity-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
@media (max-width: 575.98px) {
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-identity-actions { flex: 1 1 100%; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-identity-actions > .btn { flex: 1 1 auto; white-space: nowrap; }
}

/* overview facts: Sneat "transactions" list (avatar, label, value) */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-facts { margin: 0; padding: 0; list-style: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-facts > li { display: flex; align-items: center; gap: 1rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-facts > li + li { margin-top: 1.5rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-fact-label { flex: 1 1 auto; min-width: 0; color: var(--snb-body); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-fact-value { display: flex; flex-direction: column; align-items: flex-end; color: var(--snb-heading); font-weight: 500; text-align: end; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-fact-value small { color: var(--snb-muted) !important; font-weight: 400; }

/* SSL card: status line + one div per certificate field (scripts.js hides the div when there is no certificate) */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-ssl-status { display: flex; align-items: center; gap: .625rem; margin-bottom: 1rem; color: var(--snb-heading); font-weight: 500; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-ssl-status img { width: 1.5rem; height: auto; flex: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-ssl-row { display: flex; justify-content: space-between; gap: 1rem; padding: .75rem 0; border-top: 1px solid var(--snb-border); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-ssl-label { color: var(--snb-body); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-ssl-row > span:last-child { color: var(--snb-heading); font-weight: 500; text-align: end; overflow-wrap: anywhere; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-module-output > :last-child { margin-bottom: 0; }

/* auto renew / registrar lock: state + action in one bordered row */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-toggle-box { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.25rem; border: 1px solid var(--snb-border); border-radius: var(--snb-radius); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-toggle-state { display: flex; align-items: center; gap: 1rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-toggle-state h6 { font-size: .9375rem !important; }

/* addons: list group rows (avatar, text, actions) */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-addons { border-top: 1px solid var(--snb-border); border-radius: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-addons > .list-group-item { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; padding: 1.25rem 1.5rem !important; color: var(--snb-body) !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-addon-copy { flex: 1 1 18rem; min-width: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-addon-copy h6 { font-size: .9375rem !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-addon-copy p { color: var(--snb-body) !important; font-size: .8125rem !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-addon-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; }

/* ============================================================== sub-pages: cards with tabs and record tables */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-page .tab-content { margin: 0; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
/* tabs on the card's edge (Sneat "card > card-header-tabs"): a full-width rule under the tabs */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-tabs { margin-top: 1.25rem; padding: 0 1.5rem; border-bottom: 1px solid var(--snb-border); overflow-x: auto; scrollbar-width: thin; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-tabs.sn-dm-tabs--inset { padding: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-tabs > .nav-tabs { flex-wrap: nowrap; border-bottom: 0 !important; margin: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-tabs > .nav-tabs > .nav-item { flex: none; margin: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-tabs > .nav-tabs .nav-link { display: inline-flex; align-items: center; gap: .375rem; margin-bottom: 0 !important; white-space: nowrap; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-tabs > .nav-tabs .nav-link .icon-base { width: 1.125rem; height: 1.125rem; flex: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-tabs + .card-body { padding-top: 1.5rem !important; }
/* WHOIS: "use existing contact" radio, its select (indented under the radio) and "custom" radio */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-whois-choice { display: flex; flex-direction: column; gap: .75rem; padding: 1rem 1.25rem; border: 1px solid var(--snb-border); border-radius: var(--snb-radius); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-whois-choice .form-check { margin: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-whois-existing { max-width: 28rem; padding-inline-start: 1.7em; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-choices { display: flex; flex-wrap: wrap; gap: .75rem 2rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-choices .form-check { margin: 0; }
/* the intl phone widget keeps the field's full width */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) :is(.sn-dm-contacts, .sn-dm-bulkpage) :is(.iti, .intl-tel-input) { display: block; width: 100%; }
/* intl-tel-input (WHMCS bundles v12, .intl-tel-input) reserves room for the flag + dial code with its own input padding,
   which the generic .form-control padding (!important) overrides: put it back */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) :is(.sn-dm-contacts, .sn-dm-bulkpage) .intl-tel-input.allow-dropdown .form-control { padding-left: 52px !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) :is(.sn-dm-contacts, .sn-dm-bulkpage) .intl-tel-input.separate-dial-code.iti-sdc-2 .form-control { padding-left: 76px !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) :is(.sn-dm-contacts, .sn-dm-bulkpage) .intl-tel-input.separate-dial-code.iti-sdc-3 .form-control { padding-left: 84px !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) :is(.sn-dm-contacts, .sn-dm-bulkpage) .intl-tel-input.separate-dial-code.iti-sdc-4 .form-control { padding-left: 92px !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) :is(.sn-dm-contacts, .sn-dm-bulkpage) .intl-tel-input.separate-dial-code.iti-sdc-5 .form-control { padding-left: 100px !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) :is(.sn-dm-contacts, .sn-dm-bulkpage) .intl-tel-input .selected-flag { border-radius: var(--snb-radius) 0 0 var(--snb-radius); background: var(--snb-hover) !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) :is(.sn-dm-contacts, .sn-dm-bulkpage) .intl-tel-input .selected-dial-code { color: var(--snb-heading); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) :is(.sn-dm-contacts, .sn-dm-bulkpage) .intl-tel-input .country-list { z-index: 5; border: 0; border-radius: var(--snb-radius); background: var(--snb-paper); color: var(--snb-heading); box-shadow: var(--snb-shadow-lg); }

/* record tables (DNS, email forwarding): inputs in Sneat basic table cells */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-records { margin-top: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .card-header + form > .sn-dm-records { margin-top: 1.5rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-records .table > :not(caption) > tr > :is(td, th) { padding-top: .625rem !important; padding-bottom: .625rem !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-records .table > thead > tr > th { padding-top: 1rem !important; padding-bottom: 1rem !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-records .table > tbody > tr:last-child > td { border-bottom: 1px solid var(--snb-border) !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-records .sn-dm-new-row > td { background: var(--snb-hover) !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-records .sn-dm-col-host { min-width: 10rem; width: 22%; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-records .sn-dm-col-type { min-width: 13rem; width: 22%; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-records .sn-dm-col-address { min-width: 15rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-records .sn-dm-col-priority { min-width: 6.5rem; width: 8rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-records .sn-dm-col-prefix { min-width: 16rem; width: 45%; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-records .sn-dm-col-forward { min-width: 14rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-records .sn-dm-col-arrow { width: 2.5rem; padding-inline: 0 !important; color: var(--snb-muted); text-align: center; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-records .sn-dm-col-arrow .icon-base { width: 1.25rem; height: 1.25rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-records .input-group-text { max-width: 14rem; overflow: hidden; text-overflow: ellipsis; color: var(--snb-body) !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-external { overflow-x: auto; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-external :is(table) { width: 100%; }

/* EPP code */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-epp-code { max-width: 34rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-epp-code .form-control { font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace; letter-spacing: .02em; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-epp-code .input-group-text .icon-base { width: 1.125rem; height: 1.125rem; color: var(--snb-muted); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-epp .alert .icon-base { width: 1.25rem; height: 1.25rem; margin-top: .0625rem; }

/* addon confirmation */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-addon-head { display: flex; align-items: center; gap: 1rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-addon-head h5 { font-size: 1.125rem !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-addon-confirm .card { max-width: 46rem; }

/* bulk management: affected domains as chips, the explanation as a soft note */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-chips { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; padding: 0; list-style: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-chips > .badge { display: inline-flex; align-items: center; gap: .375rem; padding: .5em .75em !important; font-size: .875rem !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-chips > .badge .icon-base { width: 1rem; height: 1rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-note { padding: 1rem 1.25rem; border-radius: var(--snb-radius); background: var(--snb-hover); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-note p { color: var(--snb-body) !important; }

/* ============================================================== domain list */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-list-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem 1.5rem; padding-bottom: 1.5rem !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-list-title { flex: 1 1 16rem; min-width: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-list-title .card-title { display: flex; align-items: center; gap: .5rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-list-tools { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-search { width: 15rem; max-width: 100%; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-search .input-group-text { padding-inline-end: 0 !important; border-right: 0 !important; color: var(--snb-muted) !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-search .input-group-text .icon-base { width: 1.125rem; height: 1.125rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-search .form-control { border-left: 0 !important; padding-inline-start: .625rem !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-search:focus-within .input-group-text { border-color: var(--snb-primary) !important; box-shadow: inset 0 1px 0 var(--snb-primary), inset 0 -1px 0 var(--snb-primary), inset 1px 0 0 var(--snb-primary); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-search:focus-within .form-control { box-shadow: inset 0 1px 0 var(--snb-primary), inset 0 -1px 0 var(--snb-primary), inset -1px 0 0 var(--snb-primary) !important; }
html[data-bs-theme="dark"] body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-search:focus-within .input-group-text { border-color: #c98ae0 !important; box-shadow: inset 0 1px 0 #c98ae0, inset 0 -1px 0 #c98ae0, inset 1px 0 0 #c98ae0; }
html[data-bs-theme="dark"] body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-search:focus-within .form-control { box-shadow: inset 0 1px 0 #c98ae0, inset 0 -1px 0 #c98ae0, inset -1px 0 0 #c98ae0 !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-bulk { display: flex; align-items: center; gap: .75rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-bulk:not(.has-selection) .sn-dm-selcount { display: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-selcount { color: var(--snb-primary-text); font-size: .8125rem; font-weight: 500; white-space: nowrap; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-bulk .dropdown-toggle:disabled { opacity: .55 !important; pointer-events: none; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-bulk .dropdown-item { width: 100%; text-align: start; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-bulk .dropdown-item .icon-base { width: 1.125rem; height: 1.125rem; flex: none; color: var(--snb-muted); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-list-card .btn > .icon-base { width: 1.125rem; height: 1.125rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-list-card .btn:has(> .icon-base) { display: inline-flex; align-items: center; gap: .375rem; }

body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table { margin: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table .sn-dm-col-check { width: 1%; padding-inline-end: .25rem !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table .sn-dm-col-check .form-check-input { display: block; margin: 0 !important; position: static !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table .sn-dm-col-ssl { width: 1%; padding-inline: .5rem !important; text-align: center; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table .sn-dm-col-ssl img { display: block; width: 1.25rem; height: auto; margin: 0 auto; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table .sn-dm-col-domain { min-width: 13rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table .sn-dm-name { display: block; color: var(--snb-heading) !important; font-weight: 500; overflow-wrap: anywhere; }
/* table layout (sm and up): a domain name never breaks inside a label; the table scrolls inside its card when needed */
@media (min-width: 576px) { body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table .sn-dm-name { overflow-wrap: normal; white-space: nowrap; } }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table .sn-dm-name:hover { color: var(--snb-primary-text) !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table .sn-dm-ar { display: inline-flex; align-items: center; gap: .25rem; margin-top: .125rem; font-size: .8125rem !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table .sn-dm-ar .icon-base { width: .9375rem; height: .9375rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table .sn-dm-ar--on { color: var(--snb-success); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table .sn-dm-ar--off { color: var(--snb-muted); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table :is(.sn-dm-col-reg, .sn-dm-col-due) { white-space: nowrap; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table .sn-dm-col-act { width: 1%; text-align: end; white-space: nowrap; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table .sn-dm-col-act .btn { gap: .125rem !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table .sn-dm-empty-row > td { padding: 0 !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table .sn-dm-empty-row:hover > td { background: transparent !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table .w-hidden { display: none !important; }
/* phones: each domain is a compact block (check, SSL, name, manage; then dates and status) */
@media (max-width: 575.98px) {
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-list-tools { width: 100%; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-search { flex: 1 1 100%; width: auto; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-list-tools > .sn-dm-register { flex: 1 1 auto; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table-wrap { overflow: visible; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table,
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table > tbody { display: block; width: 100%; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table > thead { display: block; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table > thead > tr { display: flex; align-items: center; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table > thead > tr > th:not(.sn-dm-col-check) { display: none; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table > thead > tr > th.sn-dm-col-check { width: auto; padding: .75rem 1.25rem !important; border-bottom: 1px solid var(--snb-border) !important; flex: 1 1 auto; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table > tbody > tr.sn-dm-row {
        display: grid;
        grid-template-columns: auto auto minmax(0, 1fr) auto;
        grid-template-areas: "check ssl name act" ". . reg reg" ". . due due" ". . st st";
        align-items: center;
        column-gap: .75rem;
        row-gap: .25rem;
        padding: 1rem 1.25rem;
        border-bottom: 1px solid var(--snb-border);
    }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table > tbody > tr.sn-dm-row:last-of-type { border-bottom: 0; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table > tbody > tr.sn-dm-row > td { display: block; width: auto; min-width: 0; padding: 0 !important; border: 0 !important; background: transparent !important; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table > tbody > tr.sn-dm-row.table-active { background: rgba(var(--snb-primary-rgb), .08); }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table .sn-dm-row > .sn-dm-col-check { grid-area: check; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table .sn-dm-row > .sn-dm-col-ssl { grid-area: ssl; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table .sn-dm-row > .sn-dm-col-domain { grid-area: name; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table .sn-dm-row > .sn-dm-col-act { grid-area: act; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table .sn-dm-row > .sn-dm-col-reg { grid-area: reg; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table .sn-dm-row > .sn-dm-col-due { grid-area: due; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table .sn-dm-row > .sn-dm-col-status { grid-area: st; margin-top: .25rem; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table .sn-dm-row > :is(.sn-dm-col-reg, .sn-dm-col-due) { display: flex; justify-content: space-between; gap: .75rem; color: var(--snb-heading); font-size: .8125rem; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table .sn-dm-row > :is(.sn-dm-col-reg, .sn-dm-col-due)::before { content: attr(data-label); color: var(--snb-muted); }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table > tbody > tr.sn-dm-empty-row { display: block; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-table > tbody > tr.sn-dm-empty-row > td { display: block; }
}

/* ============================================================== domain pricing */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-featured-card .card-body { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .75rem; text-align: center; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-tld-logo { display: flex; align-items: center; justify-content: center; height: 3.5rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-tld-logo img { max-height: 3.5rem; max-width: 100%; width: auto; }
html[data-bs-theme="dark"] body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-tld-logo { padding: .375rem .75rem; border-radius: var(--snb-radius); background: #fff; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-tld-price { display: flex; align-items: baseline; justify-content: center; gap: .25rem; margin: 0 !important; padding: 0 !important; background: transparent !important; color: var(--snb-body) !important; font-size: .9375rem !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-tld-price .sn-dm-tld-amount { color: var(--snb-primary-text); font-size: 1.375rem; font-weight: 500; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-tld-price small { color: var(--snb-muted) !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem 1.5rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-currency { margin: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-currency .form-select { min-width: 12rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-filter-body { padding-bottom: 0 !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-tld-filters { display: flex; flex-wrap: wrap; gap: .5rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-tld-filters > a.badge {
    display: inline-flex; align-items: center; gap: .375rem;
    margin: 0 !important; padding: .4375rem .75rem !important;
    border-radius: 50rem !important;
    background: var(--snb-hover) !important; color: var(--snb-heading) !important;
    font-size: .8125rem !important; font-weight: 500 !important; line-height: 1.25 !important;
    cursor: pointer; transition: background-color .15s ease, color .15s ease;
}
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-tld-filters > a.badge:hover { background: var(--snb-primary-label) !important; color: var(--snb-primary-text) !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-tld-filters > a.badge.badge-success { background: var(--snb-primary) !important; color: #fff !important; box-shadow: 0 .125rem .25rem 0 rgba(var(--snb-primary-rgb), .4) !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-tld-filters .sn-dm-tld-count { min-width: 1.25rem; padding: .125rem .375rem; border-radius: 50rem; background: rgba(var(--snb-base-rgb), .08); font-size: .75rem; text-align: center; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-tld-filters > a.badge.badge-success .sn-dm-tld-count { background: rgba(255, 255, 255, .22); }
/* DataTables inside the card: controls in the card padding, the table edge to edge */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card .dataTables_wrapper { padding: 0; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card .dataTables_wrapper .listtable { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem 1.5rem; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card .dataTables_wrapper .listtable > .dataTables_filter { order: 1; float: none !important; margin: 0 !important; padding: 1.5rem 1.5rem 0 !important; text-align: start !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card .dataTables_wrapper .listtable > .dataTables_info { order: 2; float: none !important; margin: 0 !important; padding: 1.5rem 1.5rem 0 !important; color: var(--snb-muted) !important; font-size: .8125rem !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card .dataTables_wrapper .listtable > table { order: 3; flex: 1 1 100%; width: 100% !important; margin: 1.5rem 0 0 !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card .dataTables_wrapper .dataTables_filter label { width: 100%; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card .dataTables_wrapper .dataTables_filter input { width: 16rem !important; max-width: 100%; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card .dataTables_wrapper > .dataTables_paginate { float: none !important; display: flex; justify-content: flex-end; margin: 0 !important; padding: 1.5rem 1.5rem 1.5rem 0 !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card .dataTables_wrapper > .dataTables_length { float: none !important; margin: -3.875rem 0 1.5rem !important; padding: 0 1.5rem !important; width: max-content; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card .dataTables_wrapper::after { content: ""; display: block; clear: both; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card .table > tbody > tr > td { vertical-align: top !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card .table > tbody > tr > td > small { display: block; color: var(--snb-muted) !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card .sn-dm-price { display: block; color: var(--snb-heading); font-weight: 500; white-space: nowrap; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card .sn-dm-tld { color: var(--snb-heading); font-weight: 600; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card .tld-sale-group { margin-left: .375rem; text-transform: uppercase !important; font-size: .6875rem !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card .w-hidden { display: none !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card .sn-dm-loading { padding: 1.5rem; color: var(--snb-muted); }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-table { overflow: visible !important; }
@media (max-width: 767.98px) {
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card .dataTables_wrapper > .dataTables_paginate { justify-content: center; padding: 1.5rem !important; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card .dataTables_wrapper > .dataTables_length { margin: 0 auto 1.5rem !important; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card .dataTables_wrapper .listtable > :is(.dataTables_filter, .dataTables_info) { flex: 1 1 100%; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card .dataTables_wrapper .dataTables_filter input { width: 100% !important; min-width: 0 !important; }
}
/* the legacy table frame around the DataTable and its centred cells / extra search icon */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card .table-container { margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card .table > :not(caption) > tr > :is(td, th) { text-align: start !important; }
/* twenty-one (theme.min.css) draws a second Font Awesome magnifier as .dataTables_filter::after */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card .dataTables_filter::after,
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card .dataTables_filter label::before,
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card .dataTables_filter label::after { content: none !important; display: none !important; }
/* phones: whmcs-unify.css stacks .table-list rows as narrow unlabeled blocks; make each extension one labelled
   list item instead (TLD on top, then "label — price" lines; the labels come from the cells' data-label) */
@media (max-width: 767.98px) {
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card #tableDomainPricing { display: block !important; width: 100% !important; margin-top: 1.5rem !important; border: 0 !important; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card #tableDomainPricing > thead { display: none !important; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card #tableDomainPricing > tbody { display: block !important; width: 100% !important; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card #tableDomainPricing > tbody > tr { display: block !important; width: 100% !important; margin: 0 !important; padding: 1rem 1.5rem !important; border: 0 !important; border-top: 1px solid var(--snb-border) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card #tableDomainPricing > tbody > tr > td { display: flex !important; flex-wrap: wrap; align-items: baseline; justify-content: flex-end; gap: .25rem .5rem; width: 100% !important; min-height: 0 !important; padding: .25rem 0 !important; border: 0 !important; background: transparent !important; text-align: end !important; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card #tableDomainPricing > tbody > tr > td[data-label]::before { content: attr(data-label); margin-inline-end: auto; color: var(--snb-muted); font-size: .8125rem; text-align: start; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card #tableDomainPricing > tbody > tr > td.sn-dm-tld-cell { justify-content: flex-start; padding-bottom: .5rem !important; font-size: 1rem; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card #tableDomainPricing > tbody > tr > td > :is(small, .sn-dm-price) { display: inline !important; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card #tableDomainPricing > tbody > tr > td > .w-hidden { display: none !important; }
    body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c) .sn-dm-pricing-card #tableDomainPricing > tbody > tr > td[colspan] { justify-content: center; text-align: center !important; }
}