/* Sneat client area: "hosting" page family (cPanel product page, reseller and mailhost module panels, the
   client_domain_transfer addon). Every rule is scoped to this family's pages so the other families are untouched.
   Generic components (buttons, forms, tables, badges, alerts, cards, avatars, progress) come from sneat-base.css;
   only page layout and module-specific widgets are set here. Colours use the --snb-* tokens (light and dark). */

/* ============================================================== cPanel product page: overview (#main-body) */
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp .card { margin-bottom: 0; }
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp > .card,
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp > .alert,
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp > .row,
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp > .mb-6 { margin-bottom: 1.5rem !important; }

/* hero: avatar, domain + status, plan line, access buttons */
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-hero__main { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.25rem; }
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-hero__id { flex: 1 1 14rem; min-inline-size: 0; }
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-hero__name { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem .75rem; }
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-hero__name h5 { margin: 0; color: var(--snb-heading) !important; font-size: 1.125rem !important; font-weight: 500 !important; line-height: 1.375 !important; overflow-wrap: anywhere; }
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-hero__meta { display: block; margin-top: .25rem; color: var(--snb-body); font-size: .9375rem; overflow-wrap: anywhere; }
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-hero__actions .btn { display: inline-flex; align-items: center; white-space: nowrap; }
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-hero__actions .btn[disabled] { opacity: .65; }
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-hero .avatar-lg .icon-base { inline-size: 1.625rem; block-size: 1.625rem; }

/* usage meters (second body of the hero card) */
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-usage { padding: 1.5rem !important; border-top: 1px solid var(--snb-border); text-align: start !important; }
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-usage__title { margin: 0 0 1.25rem; color: var(--snb-muted) !important; font-size: .8125rem !important; font-weight: 500 !important; letter-spacing: .2px; text-transform: uppercase; }
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-meter__label { display: block; color: var(--snb-body); font-size: .8125rem; line-height: 1.25rem; }
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-meter__value { display: flex; flex-wrap: wrap; align-items: baseline; gap: .375rem; }
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-meter__value h5 { margin: 0; color: var(--snb-heading) !important; font-size: 1.125rem !important; font-weight: 500 !important; line-height: 1.375 !important; }
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-meter__value span { color: var(--snb-muted); font-size: .8125rem; }
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-meter .min-w-0 { min-inline-size: 0; }
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-usage__updated { margin: 1.25rem 0 0 !important; color: var(--snb-muted) !important; font-size: .8125rem !important; }
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-usage .limit-near.alert { font-size: .9375rem !important; }

/* quick shortcuts: Sneat bordered tiles (avatar + label), search in the card header */
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-search { inline-size: 15rem; max-inline-size: 100%; flex-wrap: nowrap; }
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-tools { display: grid; grid-template-columns: repeat(auto-fill, minmax(8.25rem, 1fr)); gap: 1rem; }
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-tools .hg-cpanel-tool[hidden] { display: none !important; }
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-tool {
    position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: .625rem; block-size: 100%;
    padding: 1.25rem .75rem 1rem !important; text-align: center; hyphens: auto; border: 1px solid var(--snb-border); border-radius: var(--snb-radius);
    background: transparent !important; color: var(--snb-heading) !important; font-size: .9375rem; font-weight: 500; line-height: 1.25;
    text-decoration: none !important; transition: border-color .15s ease, box-shadow .15s ease;
}
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-tool > .avatar { flex-shrink: 0; }
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-tool:hover,
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-tool:focus-visible { border-color: var(--snb-primary); box-shadow: var(--snb-shadow); color: var(--snb-primary-text) !important; }
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-tool__label { overflow-wrap: break-word; }
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-tool__ext { position: absolute; inset-block-start: .625rem; inset-inline-end: .625rem; inline-size: .875rem !important; block-size: .875rem !important; inline-size: 1rem; block-size: 1rem; color: var(--snb-muted); }
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-tool:hover .sn-cp-tool__ext { color: var(--snb-primary-text); }
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-empty { padding: 1.5rem 0 .5rem; color: var(--snb-muted); text-align: center; }
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-empty[hidden] { display: none !important; }

/* quick email: labels above inputs; one row when the card is full width */
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-email > div { flex: 0 0 100%; max-inline-size: 100%; }
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-email .input-group-text { max-inline-size: 55%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; line-height: 1.375rem; }
@media (min-width: 768px) {
    body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-email--wide { align-items: flex-end; }
    body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-email--wide > .sn-cp-email__user { flex: 1 1 0; }
    body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-email--wide > .sn-cp-email__pw { flex: 0 0 30%; }
    body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-email--wide > .sn-cp-email__go { flex: 0 0 auto; inline-size: auto; }
}
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .email-create-feedback { margin-bottom: 1rem; }

/* Sitejet */
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-sitejet { display: flex; flex-wrap: wrap; align-items: center; gap: 1.5rem; }
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-sitejet__preview { flex: 1 1 11rem; min-inline-size: 0; }
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-sitejet__preview img { display: block; inline-size: 100%; border: 1px solid var(--snb-border); border-radius: var(--snb-radius); }
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-sitejet__side { display: flex; flex: 1 1 10rem; flex-direction: column; align-items: flex-start; gap: 1rem; }
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-sitejet__side .progress { inline-size: 100%; }

/* WordPress, add-ons */
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-wp-row:not(.no-margin) { margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--snb-border); }
body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-addon-form .form-select { flex: 1 1 14rem; inline-size: auto; min-inline-size: 0; }

@media (max-width: 575.98px) {
    body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-hero__actions { inline-size: 100%; }
    body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-hero__actions .btn { flex: 1 1 calc(50% - .375rem); justify-content: center; min-inline-size: 0; padding-inline: .75rem !important; white-space: normal; text-align: center; }
    body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-search { inline-size: 100%; }
    body.hg-sneat.hg-cpanel-page #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cp-tools { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
}

/* ============================================================== cPanel product page: right-hand column */
.sn-root .sn-side-col #hg-cpanel-rail .sn-cp-facts .card-header { padding-block-end: 1rem; }
.sn-root .sn-side-col #hg-cpanel-rail .sn-cp-facts .card-title { margin: 0; color: var(--snb-heading); font-size: 1.125rem; font-weight: 500; line-height: 1.375; }
.sn-root .sn-side-col #hg-cpanel-rail .sn-cp-facts .card-body { padding-block-start: .5rem; }
.sn-root .sn-side-col #hg-cpanel-rail .sn-cp-kv { margin: 0; padding: 0; }
.sn-root .sn-side-col #hg-cpanel-rail .sn-cp-kv li { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .25rem 1rem; padding: .625rem 0; border-bottom: 1px dashed var(--snb-border); }
.sn-root .sn-side-col #hg-cpanel-rail .sn-cp-kv li:first-child { padding-top: 0; }
.sn-root .sn-side-col #hg-cpanel-rail .sn-cp-kv li:last-child { padding-bottom: 0; border-bottom: 0; }
.sn-root .sn-side-col #hg-cpanel-rail .sn-cp-kv li > span { color: var(--snb-body); font-size: .9375rem; }
.sn-root .sn-side-col #hg-cpanel-rail .sn-cp-kv li > strong { color: var(--snb-heading); font-size: .9375rem; font-weight: 500; text-align: end; overflow-wrap: anywhere; }

/* ============================================================== Reseller module (PHP-built .rs-* markup) */
/* cards */
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.rs-card, .rs-overview) {
    margin: 0 0 1.5rem !important; padding: 0; border: 0 !important; border-radius: var(--snb-radius-lg) !important;
    background: var(--snb-paper) !important; box-shadow: var(--snb-shadow) !important; color: var(--snb-body); overflow: visible;
}
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-card-header {
    display: flex; align-items: center; gap: .75rem; padding: 1.5rem 1.5rem 0 !important; border: 0 !important;
    background: transparent !important; color: var(--snb-heading) !important; font-size: 1.125rem !important; font-weight: 500 !important; line-height: 1.375;
}
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.rs-card-icon, .rs-overview__icon) {
    display: inline-flex; flex: 0 0 2.375rem; align-items: center; justify-content: center; inline-size: 2.375rem; block-size: 2.375rem;
    border-radius: var(--snb-radius) !important; background: var(--snb-primary-label) !important; color: var(--snb-primary-text) !important; font-size: 1.125rem; box-shadow: none !important;
}
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.rs-card-icon, .rs-overview__icon) .rs-ico { color: inherit !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-card-header__count {
    margin-inline-start: auto; padding: .4235em .77em !important; border: 0 !important; border-radius: var(--snb-radius-sm) !important;
    background: var(--snb-primary-label) !important; color: var(--snb-primary-text) !important; font-size: .8125rem !important; font-weight: 500 !important; line-height: 1 !important;
}
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-card-body { padding: 1.5rem !important; background: transparent !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-card-body--flush { padding: 1.5rem 0 0 !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-ico { color: inherit; }

/* overview (capacity) card */
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-overview { padding: 1.5rem !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-overview__head { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin: 0 0 1.5rem !important; padding: 0 !important; border: 0 !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-overview__identity { display: flex !important; align-items: center; gap: 1rem; min-inline-size: 0; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-overview h2 { margin: 0 !important; color: var(--snb-heading) !important; font-size: 1.125rem !important; font-weight: 500 !important; line-height: 1.375 !important; letter-spacing: 0 !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-overview__identity p { margin: .125rem 0 0 !important; color: var(--snb-body) !important; font-size: .9375rem !important; font-weight: 400 !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-overview__platform { display: flex !important; align-items: center; gap: .625rem; inline-size: auto !important; margin: 0 !important; padding: .375rem .75rem !important; border: 1px solid var(--snb-border) !important; border-radius: var(--snb-radius) !important; background: transparent !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-overview__platform > span { color: var(--snb-muted) !important; font-size: .75rem !important; font-weight: 500 !important; letter-spacing: .2px; text-transform: uppercase; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-overview__platform .rs-cpanel-wordmark { block-size: 1rem !important; inline-size: auto !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-overview__capacity { margin: 0 0 1.5rem !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-overview__progress-meta { display: flex !important; justify-content: space-between; gap: 1rem; margin: 0 0 .5rem !important; color: var(--snb-body) !important; font-size: .9375rem !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: 0 !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-overview__progress-meta strong { color: var(--snb-heading) !important; font-weight: 500 !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-overview__progress-meta .is-available { color: var(--snb-success) !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-overview__progress-meta .is-full { color: var(--snb-danger) !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-overview__track { block-size: .5rem !important; border-radius: 50rem !important; background: var(--snb-track) !important; overflow: hidden; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-overview__track > span { display: block; block-size: 100%; border-radius: 50rem; background: var(--snb-primary) !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-overview__metrics { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem !important; margin: 0 !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-overview__metrics > div { display: flex; flex-direction: column; gap: .25rem; padding: .875rem 1rem !important; border: 1px solid var(--snb-border) !important; border-radius: var(--snb-radius) !important; background: transparent !important; box-shadow: none !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-overview__metrics span { color: var(--snb-body) !important; font-size: .8125rem !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: 0 !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-overview__metrics strong { color: var(--snb-heading) !important; font-size: 1.25rem !important; font-weight: 500 !important; line-height: 1.3 !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-overview__notice { margin: 1rem 0 0 !important; padding: .75rem 1rem !important; border: 0 !important; border-radius: var(--snb-radius) !important; background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-warning)) !important; color: var(--snb-warning) !important; }

/* create wizard */
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-create-step + .rs-create-step { margin-top: 1.5rem !important; padding-top: 1.5rem !important; border-top: 1px solid var(--snb-border) !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-create-step__head { display: flex; align-items: center; gap: .625rem; margin: 0 0 .75rem !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-create-step__index {
    display: inline-flex; flex: 0 0 1.5rem; align-items: center; justify-content: center; inline-size: 1.5rem; block-size: 1.5rem; border: 0 !important;
    border-radius: var(--snb-radius-sm) !important; background: var(--snb-primary-label) !important; color: var(--snb-primary-text) !important; font-size: .8125rem !important; font-weight: 500 !important;
}
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.rs-label, .rs-create-step__head .rs-label) { display: inline-flex; align-items: center; gap: .375rem; margin: 0 !important; color: var(--snb-heading) !important; font-size: .9375rem !important; font-weight: 500 !important; text-transform: none !important; letter-spacing: 0 !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-label-icon { display: inline-flex; color: var(--snb-muted); background: none !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-domain-row { display: flex !important; flex-wrap: wrap; align-items: flex-start; gap: 1rem !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-domain-input-wrap { flex: 1 1 16rem; min-inline-size: 0; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.rs-domain-input, .rs-input, .rs-field-input, .rs-search input) {
    inline-size: 100%; block-size: auto !important; min-block-size: calc(1.375em + 1.086rem + 2px); padding: .543rem .9375rem !important;
    border: 1px solid var(--snb-input-border) !important; border-radius: var(--snb-radius) !important; background: transparent !important;
    color: var(--snb-heading) !important; font-size: .9375rem !important; font-weight: 400 !important; line-height: 1.375 !important; box-shadow: none !important; outline: 0;
}
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.rs-domain-input, .rs-input, .rs-field-input)::placeholder { color: var(--snb-muted) !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.rs-domain-input, .rs-input, .rs-field-input):focus { padding: calc(.543rem - 1px) calc(.9375rem - 1px) !important; border: 2px solid var(--snb-primary) !important; box-shadow: 0 .125rem .25rem 0 rgba(var(--snb-primary-rgb), .4) !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-domain-input[aria-invalid="true"] { border-color: var(--snb-danger) !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-domain-hint { display: block; margin-top: .25rem; font-size: .8125rem; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-package-layout { display: grid !important; grid-template-columns: minmax(0, 1fr) 15rem; gap: 1.5rem !important; align-items: start; }
@media (max-width: 991.98px) { body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-package-layout { grid-template-columns: minmax(0, 1fr); } }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-pkg-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)) !important; gap: 1rem !important; margin: 0 !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-pkg-card {
    position: relative; padding: 1.25rem !important; border: 1px solid var(--snb-border) !important; border-radius: var(--snb-radius) !important;
    background: transparent !important; box-shadow: none !important; cursor: pointer; transform: none !important; transition: border-color .15s ease;
}
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-pkg-card:hover { border-color: var(--snb-primary) !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-pkg-card.rs-pkg-selected { border-color: var(--snb-primary) !important; box-shadow: 0 0 0 1px var(--snb-primary) inset !important; background: color-mix(in sRGB, var(--snb-paper) 94%, var(--snb-primary)) !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-pkg-card:focus-visible { outline: 2px solid var(--snb-primary); outline-offset: 2px; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-pkg-card-top { display: flex; flex-direction: column; align-items: flex-start; gap: .375rem; margin: 0 0 .75rem !important; padding: 0 2rem 0 0 !important; border: 0 !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-pkg-name { color: var(--snb-heading) !important; font-size: 1rem !important; font-weight: 500 !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-pkg-platform .rs-cpanel-wordmark { block-size: .875rem !important; inline-size: auto !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-pkg-features { margin: 0 !important; padding: 0 !important; list-style: none; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-pkg-features li { position: relative; padding: .1875rem 0 .1875rem 1rem !important; border: 0 !important; color: var(--snb-body) !important; font-size: .875rem !important; line-height: 1.375 !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-pkg-features li::before { content: ""; position: absolute; inset-inline-start: 0; inset-block-start: .6rem; inline-size: .375rem; block-size: .375rem; border-radius: 50%; background: var(--snb-primary) !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-pkg-check {
    position: absolute; inset-block-start: 1rem; inset-inline-end: 1rem; display: inline-flex; align-items: center; justify-content: center;
    inline-size: 1.25rem; block-size: 1.25rem; border: 1px solid var(--snb-input-border) !important; border-radius: 50% !important; background: transparent !important; color: transparent !important; font-size: .75rem;
}
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-pkg-card.rs-pkg-selected .rs-pkg-check { border-color: var(--snb-primary) !important; background: var(--snb-primary) !important; color: #fff !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-pkg-check .rs-ico { color: inherit !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-create-submit { display: flex; flex-direction: column; gap: 1rem; padding: 1.25rem !important; border: 1px solid var(--snb-border) !important; border-radius: var(--snb-radius) !important; background: transparent !important; box-shadow: none !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-create-submit__head { display: flex; align-items: flex-start; gap: .625rem; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-create-submit__head > div { display: flex; flex-direction: column; gap: .125rem; min-inline-size: 0; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-create-submit__title { color: var(--snb-body) !important; font-size: .8125rem !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: 0 !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-create-submit__head strong { color: var(--snb-heading) !important; font-size: .9375rem !important; font-weight: 500 !important; overflow-wrap: anywhere; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-create-submit .rs-btn-create { inline-size: 100%; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-inline-err { color: var(--snb-danger) !important; font-size: .8125rem; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-card--create .rs-inline-err:empty { display: none; }

/* buttons: Sneat solid / label variants */
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.rs-btn, .rs-mgmt-btn) {
    --rs-c: var(--snb-primary); --rs-c-rgb: var(--snb-primary-rgb);
    display: inline-flex; align-items: center; justify-content: center; gap: .375rem; min-block-size: 0 !important; block-size: auto !important;
    padding: .4812rem 1.25rem !important; border: 1px solid var(--rs-c) !important; border-radius: var(--snb-radius) !important;
    background: var(--rs-c) !important; background-image: none !important; color: #fff !important;
    font-size: .9375rem !important; font-weight: 500 !important; line-height: 1.375 !important; text-decoration: none !important; white-space: nowrap;
    box-shadow: 0 .125rem .25rem 0 rgba(var(--rs-c-rgb), .4) !important; transform: none !important; transition: background-color .15s ease, box-shadow .15s ease; cursor: pointer;
}
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.rs-btn, .rs-mgmt-btn):hover:not(:disabled) { background: color-mix(in sRGB, #000 10%, var(--rs-c)) !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.rs-btn, .rs-mgmt-btn):disabled { opacity: .45 !important; box-shadow: none !important; cursor: default; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.rs-btn, .rs-mgmt-btn) .rs-ico { color: inherit !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-btn-sm { padding: .317rem .75rem !important; border-radius: var(--snb-radius-sm) !important; font-size: .8125rem !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.rs-btn-danger, .rs-mgmt-danger) { --rs-c: var(--snb-danger); --rs-c-rgb: var(--snb-danger-rgb); }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.rs-btn-warning, .rs-mgmt-warning) { --rs-c: var(--snb-warning); --rs-c-rgb: var(--snb-warning-rgb); }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-mgmt-success { --rs-c: var(--snb-success); --rs-c-rgb: var(--snb-success-rgb); }
/* label (tinted) buttons: outline/secondary actions and the management grid */
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.rs-btn-outline, .rs-mgmt-btn:not(.rs-mgmt-primary)) {
    border-color: transparent !important; background: color-mix(in sRGB, var(--snb-paper) 84%, var(--rs-c)) !important; color: var(--rs-c) !important; box-shadow: none !important;
}
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-btn-outline { --rs-c: var(--snb-secondary); --rs-c-rgb: var(--snb-secondary-rgb); }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-mgmt-info { --rs-c: var(--snb-primary-text); }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.rs-btn-outline, .rs-mgmt-btn:not(.rs-mgmt-primary)):hover:not(:disabled) { background: var(--rs-c) !important; color: #fff !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-mgmt-info:hover:not(:disabled) { background: var(--snb-primary) !important; }

/* accounts list */
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-list-tools { display: flex !important; align-items: center; gap: 1rem; margin: 0 !important; padding: 0 1.5rem 1.5rem !important; border: 0 !important; background: transparent !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-search { position: relative; display: flex !important; flex: 1 1 auto; align-items: center; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-search .rs-ico { position: absolute; inset-inline-start: .9375rem; z-index: 1; color: var(--snb-muted) !important; pointer-events: none; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-search input { padding-inline-start: 2.5rem !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-search input:focus { padding: calc(.543rem - 1px) calc(.9375rem - 1px) calc(.543rem - 1px) calc(2.5rem - 1px) !important; border: 2px solid var(--snb-primary) !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-list-count { flex: 0 0 auto; padding: .4235em .77em !important; border: 0 !important; border-radius: var(--snb-radius-sm) !important; background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-secondary)) !important; color: var(--snb-secondary) !important; font-size: .8125rem !important; font-weight: 500 !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-card--accounts .rs-card-body--flush { overflow-x: auto; border-radius: 0 0 var(--snb-radius-lg) var(--snb-radius-lg); }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-table { inline-size: 100%; margin: 0 !important; border-collapse: collapse !important; border: 0 !important; background: transparent !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-table thead tr { background: transparent !important; border: 0 !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-table thead th {
    padding: .875rem 1.25rem !important; border: 0 !important; border-block: 1px solid var(--snb-border) !important; background: transparent !important;
    color: var(--snb-heading) !important; font-size: .8125rem !important; font-weight: 500 !important; letter-spacing: .2px !important; text-transform: uppercase !important; white-space: nowrap; text-align: start;
}
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-table tbody tr { background: transparent !important; border: 0 !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-table tbody tr:hover:not(.rs-detail-row) { background: var(--snb-hover) !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-table tbody td { padding: .75rem 1.25rem !important; border: 0 !important; border-bottom: 1px solid var(--snb-border) !important; background: transparent !important; color: var(--snb-body) !important; font-size: .9375rem !important; vertical-align: middle; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-table tbody tr:last-child > td { border-bottom: 0 !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-id { color: var(--snb-muted) !important; background: none !important; padding: 0 !important; font-size: .9375rem !important; font-weight: 400 !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-domain-cell { display: inline-flex; align-items: center; gap: .5rem; color: var(--snb-heading) !important; font-weight: 500 !important; white-space: nowrap; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-domain-cell .rs-ico { color: var(--snb-muted) !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-platform-text .rs-cpanel-wordmark { block-size: .875rem !important; inline-size: auto !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.rs-badge, .rs-cdn-badge) {
    --rs-c: var(--snb-secondary);
    display: inline-flex; align-items: center; gap: .25rem; padding: .4235em .77em !important; border: 0 !important; border-radius: var(--snb-radius-sm) !important;
    background: color-mix(in sRGB, var(--snb-paper) 84%, var(--rs-c)) !important; color: var(--rs-c) !important; font-size: .8125rem !important; font-weight: 500 !important; line-height: 1 !important; white-space: nowrap; box-shadow: none !important;
}
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.rs-badge, .rs-cdn-badge) .rs-ico { color: inherit !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.rs-badge-success, .rs-cdn-on) { --rs-c: var(--snb-success); }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.rs-badge-warning, .rs-cdn-off) { --rs-c: var(--snb-warning); }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-badge-danger { --rs-c: var(--snb-danger); }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-row-suspended > td { opacity: .7; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-row-actions { display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-end; gap: .5rem; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-search-empty { display: flex; flex-direction: column; align-items: center; gap: .75rem; padding: 2rem 1.5rem !important; color: var(--snb-muted) !important; text-align: center; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-search-empty[hidden] { display: none !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-search-empty .rs-ico { display: inline-flex; align-items: center; justify-content: center; inline-size: 2.5rem; block-size: 2.5rem; border-radius: 50%; background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-secondary)); color: var(--snb-secondary) !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-empty { padding: 2rem 1.5rem !important; color: var(--snb-muted) !important; text-align: center; background: transparent !important; border: 0 !important; }

/* expanded account details */
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-detail-row > td { padding: 0 !important; background: var(--snb-hover) !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-panel { display: grid !important; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 1.5rem !important; padding: 1.5rem !important; background: transparent !important; border: 0 !important; }
@media (max-width: 991.98px) { body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-panel { grid-template-columns: minmax(0, 1fr); } }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-panel-card { margin: 0 !important; padding: 1.25rem !important; border: 0 !important; border-radius: var(--snb-radius-lg) !important; background: var(--snb-paper) !important; box-shadow: var(--snb-shadow) !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-panel-title { display: flex; align-items: center; gap: .5rem; margin: 0 0 1rem !important; padding: 0 !important; border: 0 !important; color: var(--snb-heading) !important; font-size: 1rem !important; font-weight: 500 !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-panel-title .rs-ico { color: var(--snb-primary-text) !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-info-section { margin: 0 0 1.25rem !important; padding: 0 0 1.25rem !important; border: 0 !important; border-bottom: 1px solid var(--snb-border) !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-info-section:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: 0 !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-info-section-title { margin: 0 0 .75rem !important; color: var(--snb-muted) !important; font-size: .75rem !important; font-weight: 500 !important; letter-spacing: .4px !important; text-transform: uppercase !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-ns-row { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin: 0 0 .75rem !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-ns-row:last-child { margin-bottom: 0 !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-ns-badge { padding: .4235em .77em !important; border: 0 !important; border-radius: var(--snb-radius-sm) !important; background: var(--snb-primary-label) !important; color: var(--snb-primary-text) !important; font-size: .75rem !important; font-weight: 500 !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-copy-box { display: flex; align-items: center; gap: .25rem; min-inline-size: 0; padding: .25rem .25rem .25rem .75rem !important; border: 1px solid var(--snb-input-border) !important; border-radius: var(--snb-radius) !important; background: transparent !important; box-shadow: none !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-ns-host-box { flex: 1 1 12rem; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-ip-label { color: var(--snb-muted) !important; font-size: .75rem !important; font-weight: 500 !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-code { padding: 0 !important; border: 0 !important; background: transparent !important; color: var(--snb-heading) !important; font-size: .8125rem !important; overflow-wrap: anywhere; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-copy-box .rs-code { flex: 1 1 auto; min-inline-size: 0; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-pw-mask { flex: 1 1 auto; color: var(--snb-heading) !important; letter-spacing: .1em; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-copy-icon { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; inline-size: 1.875rem; block-size: 1.875rem; padding: 0 !important; border: 0 !important; border-radius: var(--snb-radius-sm) !important; background: transparent !important; color: var(--snb-muted) !important; box-shadow: none !important; cursor: pointer; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-copy-icon:hover { background: var(--snb-primary-label) !important; color: var(--snb-primary-text) !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-copy-icon .rs-ico { color: inherit !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-cred-row { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: 1rem !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-cred-field { margin: 0 !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.rs-cred-label, .rs-modal-label, .rs-field-label, .rs-cdn-ns-label) { display: flex; align-items: center; gap: .375rem; margin: 0 0 .25rem !important; color: var(--snb-heading) !important; font-size: .8125rem !important; font-weight: 500 !important; text-transform: none !important; letter-spacing: 0 !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-cred-label .rs-ico { color: var(--snb-muted) !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-app-launch { display: flex; flex-wrap: wrap; gap: .75rem; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-app-btn { display: inline-flex; align-items: center; justify-content: center; padding: .625rem 1rem !important; border: 1px solid var(--snb-border) !important; border-radius: var(--snb-radius) !important; background: var(--snb-paper) !important; box-shadow: none !important; transform: none !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-app-btn:hover { border-color: var(--snb-primary) !important; box-shadow: var(--snb-shadow) !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-mgmt-btns { display: flex !important; flex-direction: column; gap: .625rem !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-mgmt-btn { justify-content: flex-start; inline-size: 100%; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-mgmt-btn .rs-cpanel-logo { inline-size: 1.125rem !important; block-size: 1.125rem !important; }

/* modals (custom .rs-modal, opened by reseller.js) drawn as Sneat modals */
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-modal-backdrop { position: fixed; inset: 0; z-index: 1090; align-items: center; justify-content: center; padding: 1rem; background: rgba(34, 48, 62, .5) !important; backdrop-filter: none !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-modal { inline-size: 100%; max-inline-size: 32rem; max-block-size: calc(100vh - 2rem); overflow-y: auto; padding: 0 !important; border: 0 !important; border-radius: var(--snb-radius-lg) !important; background: var(--snb-paper) !important; color: var(--snb-body) !important; box-shadow: var(--snb-modal-shadow) !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.rs-modal-header, .rs-modal-header-danger, .rs-modal-header-cdn) { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.5rem 1.5rem .25rem !important; border: 0 !important; background: transparent !important; color: var(--snb-heading) !important; font-size: 1.125rem !important; font-weight: 500 !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-modal-header-danger { color: var(--snb-danger) !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.rs-modal-header, .rs-modal-header-danger, .rs-modal-header-cdn) > span .rs-ico { color: inherit !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-modal-close { display: inline-flex; align-items: center; justify-content: center; inline-size: 2rem; block-size: 2rem; padding: 0 !important; border: 0 !important; border-radius: var(--snb-radius) !important; background: var(--snb-hover) !important; color: var(--snb-muted) !important; box-shadow: none !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-modal-close:hover { color: var(--snb-heading) !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-modal-close .rs-ico { color: inherit !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-modal-body { padding: 1rem 1.5rem 1.5rem !important; background: transparent !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.rs-modal-desc, .rs-modal-desc-danger) { margin: 0 0 1rem !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: var(--snb-body) !important; font-size: .9375rem !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-modal-desc strong { color: var(--snb-heading) !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-modal-field { margin: 0 0 1rem !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-modal-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .75rem; margin-top: 1.5rem !important; padding: 0 !important; border: 0 !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.rs-cdn-warn-box, .rs-alert, .rs-alert-warning) { display: flex; gap: .75rem; margin: 0 0 1rem !important; padding: .75rem 1rem !important; border: 0 !important; border-radius: var(--snb-radius) !important; background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-warning)) !important; color: var(--snb-warning) !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-alert-success { background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-success)) !important; color: var(--snb-success) !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-alert-danger { background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-danger)) !important; color: var(--snb-danger) !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.rs-cdn-warn-icon, .rs-alert-icon) .rs-ico { color: inherit !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-cdn-ns-copy-row { display: flex; align-items: center; gap: .5rem; margin-bottom: .5rem; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-cdn-ns-val { flex: 1 1 auto; min-inline-size: 0; padding: .4rem .75rem !important; border: 1px solid var(--snb-input-border) !important; border-radius: var(--snb-radius) !important; background: transparent !important; color: var(--snb-heading) !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.rs-cdn-steps, .rs-cdn-ns-section) { margin: 1rem 0 0 !important; padding: 1rem !important; border: 1px solid var(--snb-border) !important; border-radius: var(--snb-radius) !important; background: transparent !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-cdn-steps-title { margin: 0 0 .5rem !important; color: var(--snb-heading) !important; font-weight: 500 !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-cdn-step-list li { color: var(--snb-body) !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-cdn-step-list .rs-code { padding: .125rem .375rem !important; border-radius: var(--snb-radius-sm) !important; background: var(--snb-hover) !important; }

@media (max-width: 767.98px) {
    body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-overview__metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem !important; }
    body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-overview__metrics > div { padding: .625rem .75rem !important; }
    body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-domain-row #rs-domain-continue { inline-size: 100%; }
    body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-list-tools { flex-wrap: wrap; padding: 0 1.25rem 1.25rem !important; }
}
/* phones: reseller.css turns each account row into a compact grid card (domain, status | CDN, actions) */
@media (max-width: 640px) {
    body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-table { display: block; padding: 0 1.25rem 1.25rem !important; }
    body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-table tbody tr.rs-account-row { margin: 0 0 1rem !important; padding: 1rem !important; gap: .75rem !important; border: 1px solid var(--snb-border) !important; border-radius: var(--snb-radius) !important; background: transparent !important; box-shadow: none !important; }
    body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-table tbody tr.rs-account-row:hover { background: transparent !important; }
    body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-table tbody tr.rs-account-row > td { padding: 0 !important; border: 0 !important; }
    body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-table tbody tr.rs-account-row > td.rs-td-domain { padding-bottom: .75rem !important; border-bottom: 1px solid var(--snb-border) !important; }
    body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-table tbody tr.rs-detail-row > td { margin: 0 0 1rem; border-radius: var(--snb-radius); }
    body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-panel { padding: .75rem !important; gap: .75rem !important; }
    body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-panel-card { padding: 1rem !important; }
    body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.rs-ns-host-box, .rs-ip-box) { flex: 1 1 100%; }
    body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-overview { padding: 1.25rem !important; }
    body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-overview__metrics span { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; }
}
}
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .hg-cloud-rail .rs-overview { margin-bottom: 0 !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-panel-title { text-transform: none !important; letter-spacing: 0 !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-info-section-title { padding: 0 !important; border: 0 !important; }
body.hg-sneat.sn-mod-reseller #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .rs-modal-backdrop { z-index: 2000 !important; }

/* ============================================================== client_domain_transfer addon (theme override markup) */
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cdt .card-header .badge.ms-auto { margin-inline-start: auto !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cdt .sn-cdt-empty { padding-block: 2rem !important; color: var(--snb-muted); text-align: center; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cdt .sn-cdt-confirm { border-color: var(--snb-success) !important; }
body.hg-sneat #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .sn-cdt .table-responsive { border-radius: 0 0 var(--snb-radius-lg) var(--snb-radius-lg); }

/* ============================================================== Mailhost (MailXpress) module panel (.mh-*) */
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh.mh--workspace { --mh-bg: var(--snb-paper); --mh-soft: var(--snb-hover); --mh-ink: var(--snb-heading); --mh-muted: var(--snb-body); --mh-line: var(--snb-border); --mh-accent: var(--snb-primary-text); --mh-tint: var(--snb-primary-label); --mh-good: var(--snb-success); --mh-warn: var(--snb-warning); max-width: none !important; color: var(--snb-body) !important; font-size: .9375rem !important; }
/* surfaces = Sneat cards */
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.mh-card, .mh-stat, .mh-dh__card, .mh-server__card) { margin-bottom: 0; border: 0 !important; border-radius: var(--snb-radius-lg) !important; background: var(--snb-paper) !important; box-shadow: var(--snb-shadow) !important; color: var(--snb-body) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-card { margin-bottom: 1.5rem !important; overflow: visible !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-card__head { padding: 1.5rem 1.5rem 0 !important; border: 0 !important; background: transparent !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-card__title { color: var(--snb-heading) !important; font-size: 1.125rem !important; font-weight: 500 !important; letter-spacing: 0 !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-card__title::before { display: none !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-card__title i { color: var(--snb-primary-text) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-card__body { padding: 1.5rem !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-card__body--flush { padding: 1.5rem 0 0 !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-card__foot { padding: 1rem 1.5rem !important; border-top: 1px solid var(--snb-border) !important; background: transparent !important; }
/* hero = Sneat header card */
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-hero { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem 1.25rem !important; margin: 0 0 1.5rem !important; padding: 1.5rem !important; border-radius: var(--snb-radius-lg) !important; background: var(--snb-paper) !important; box-shadow: var(--snb-shadow) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-hero__icon { inline-size: 2.625rem !important; block-size: 2.625rem !important; border: 0 !important; border-radius: var(--snb-radius) !important; background: var(--snb-primary-label) !important; color: var(--snb-primary-text) !important; font-size: 1.25rem !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-eyebrow { margin: 0 0 .125rem !important; color: var(--snb-body) !important; font-size: .8125rem !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: 0 !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-hero h2 { color: var(--snb-heading) !important; font-size: 1.125rem !important; font-weight: 500 !important; letter-spacing: 0 !important; line-height: 1.375 !important; }
/* buttons */
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-btn { gap: .375rem !important; min-height: 0 !important; padding: .4812rem 1.25rem !important; border-radius: var(--snb-radius) !important; font-size: .9375rem !important; font-weight: 500 !important; line-height: 1.375 !important; text-decoration: none !important; box-shadow: none !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) a.mh-btn, body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-btn--primary, body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-btn--primary:is(:link, :visited, :hover, :focus) { text-decoration: none !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-btn--primary { border: 1px solid var(--snb-primary) !important; background: var(--snb-primary) !important; color: #fff !important; box-shadow: 0 .125rem .25rem 0 rgba(var(--snb-primary-rgb), .4) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-btn--primary:hover:not(:disabled) { background: var(--snb-primary-hover) !important; color: #fff !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-btn--primary * { color: inherit !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-btn--ghost { border: 1px solid transparent !important; background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-secondary)) !important; color: var(--snb-secondary) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-btn--ghost:hover:not(:disabled) { background: var(--snb-secondary) !important; color: #fff !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-btn--danger { border: 1px solid transparent !important; background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-danger)) !important; color: var(--snb-danger) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-btn--danger:hover:not(:disabled) { background: var(--snb-danger) !important; color: #fff !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-btn--success { border: 1px solid var(--snb-success) !important; background: var(--snb-success) !important; color: #fff !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-btn--sm { padding: .317rem .75rem !important; border-radius: var(--snb-radius-sm) !important; font-size: .8125rem !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-btn--icon { inline-size: 2.125rem !important; block-size: 2.125rem; padding: 0 !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-btn:disabled { opacity: .45 !important; }
/* tabs = Sneat nav-pills (scroll sideways on phones) */
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-tabs { display: flex !important; flex-wrap: nowrap !important; gap: .5rem !important; overflow-x: auto; margin: 0 0 1.5rem !important; padding: 0 0 .125rem !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; scrollbar-width: thin; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-tab { flex: 0 0 auto !important; gap: .375rem !important; min-height: 0 !important; margin: 0 !important; padding: .5435rem 1.375rem !important; border: 0 !important; border-radius: var(--snb-radius) !important; background: transparent !important; color: var(--snb-heading) !important; font-size: .9375rem !important; font-weight: 500 !important; white-space: nowrap; box-shadow: none !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-tab:hover { background: transparent !important; color: var(--snb-primary-text) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-tab[aria-selected="true"] { background: var(--snb-primary) !important; color: #fff !important; box-shadow: 0 .125rem .25rem 0 rgba(var(--snb-primary-rgb), .4) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-tab i { color: inherit !important; font-size: 1rem !important; }
/* stats = Sneat card statistics */
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-stats { gap: 1.5rem !important; margin: 0 0 1.5rem !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-stat { padding: 1.5rem !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-stat__ic { inline-size: 2.5rem !important; block-size: 2.5rem !important; border: 0 !important; border-radius: var(--snb-radius) !important; background: var(--snb-primary-label) !important; color: var(--snb-primary-text) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-stat__ic--b { background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-success)) !important; color: var(--snb-success) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-stat__ic--c { background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-info)) !important; color: var(--snb-info) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-stat__ic--d { background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-warning)) !important; color: var(--snb-warning) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-stat__ic i { color: inherit !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-stat__v { color: var(--snb-heading) !important; font-size: 1.375rem !important; font-weight: 500 !important; letter-spacing: 0 !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-stat__v--ip { font-size: 1rem !important; overflow-wrap: anywhere; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-stat__max { color: var(--snb-muted) !important; font-size: .8125rem !important; font-weight: 400 !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-stat__k { color: var(--snb-body) !important; font-size: .8125rem !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: 0 !important; }
/* quick actions */
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-quick { gap: 1rem !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-quick__a { padding: 1.25rem !important; border: 1px solid var(--snb-border) !important; border-radius: var(--snb-radius) !important; background: transparent !important; box-shadow: none !important; text-decoration: none !important; transform: none !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-quick__a:hover { border-color: var(--snb-primary) !important; box-shadow: var(--snb-shadow) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-quick__a > i { display: inline-flex !important; align-items: center; justify-content: center; inline-size: 2.375rem; block-size: 2.375rem; border-radius: var(--snb-radius); background: var(--snb-primary-label) !important; color: var(--snb-primary-text) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-quick__t { color: var(--snb-heading) !important; font-size: .9375rem !important; font-weight: 500 !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-quick__d { color: var(--snb-body) !important; font-size: .8125rem !important; }
/* forms */
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.mh-input, .mh-select, .mh-search input, .mh-pw input) { min-height: calc(1.375em + 1.086rem + 2px) !important; padding: .543rem .9375rem !important; border: 1px solid var(--snb-input-border) !important; border-radius: var(--snb-radius) !important; background: transparent !important; color: var(--snb-heading) !important; font-size: .9375rem !important; box-shadow: none !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.mh-input, .mh-select, .mh-search input, .mh-pw input):focus { border-color: var(--snb-primary) !important; box-shadow: 0 .125rem .25rem 0 rgba(var(--snb-primary-rgb), .4) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-input[readonly] { background: var(--snb-input-disabled-bg) !important; color: var(--snb-body) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-label { margin-bottom: .25rem !important; color: var(--snb-heading) !important; font-size: .8125rem !important; font-weight: 500 !important; text-transform: none !important; letter-spacing: 0 !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-hint { color: var(--snb-muted) !important; font-size: .8125rem !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-input-group__addon { border: 1px solid var(--snb-input-border) !important; background: transparent !important; color: var(--snb-body) !important; font-size: .9375rem !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-input-group .mh-input { border-start-end-radius: 0 !important; border-end-end-radius: 0 !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-input-group__addon { border-inline-start: 0 !important; border-radius: 0 var(--snb-radius) var(--snb-radius) 0 !important; }
/* tables */
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-table { border: 0 !important; background: transparent !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-table th { padding: .875rem 1.25rem !important; border: 0 !important; border-block: 1px solid var(--snb-border) !important; background: transparent !important; color: var(--snb-heading) !important; font-size: .8125rem !important; font-weight: 500 !important; letter-spacing: .2px !important; text-transform: uppercase !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-table td { padding: .75rem 1.25rem !important; border: 0 !important; border-bottom: 1px solid var(--snb-border) !important; background: transparent !important; color: var(--snb-body) !important; font-size: .9375rem !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-table tr:last-child td { border-bottom: 0 !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-table tr:hover td { background: var(--snb-hover) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-table__email { color: var(--snb-heading) !important; font-weight: 500 !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-table__system { color: var(--snb-muted) !important; }
/* progress, badges, copy, alerts */
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.mh-prog, .mh-limitbar .mh-prog) { block-size: .5rem !important; border-radius: 50rem !important; background: var(--snb-track) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-prog__bar { border-radius: 50rem !important; background: var(--snb-primary) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-prog__bar--warn { background: var(--snb-warning) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-prog__bar--danger { background: var(--snb-danger) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-limitbar { border: 1px solid var(--snb-border) !important; border-radius: var(--snb-radius) !important; background: transparent !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-limitbar__metric strong { color: var(--snb-heading) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.mh-copy, .mh-copyall) { border: 0 !important; border-radius: var(--snb-radius-sm) !important; background: transparent !important; color: var(--snb-muted) !important; box-shadow: none !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.mh-copy, .mh-copyall):hover, body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.mh-copy, .mh-copyall).copied { background: var(--snb-primary-label) !important; color: var(--snb-primary-text) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-copyall { padding: .317rem .75rem !important; background: var(--snb-primary-label) !important; color: var(--snb-primary-text) !important; font-weight: 500 !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-alert { border: 0 !important; border-radius: var(--snb-radius) !important; background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-primary)) !important; color: var(--snb-primary-text) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-alert--success { background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-success)) !important; color: var(--snb-success) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-alert--danger { background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-danger)) !important; color: var(--snb-danger) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-alert--info { background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-info)) !important; color: var(--snb-info) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-empty { color: var(--snb-muted) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-empty i { background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-secondary)) !important; color: var(--snb-secondary) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-empty__t { color: var(--snb-heading) !important; font-weight: 500 !important; }
/* deliverability (SPF/DKIM/DMARC), DNS records, connection settings */
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-dh__card:hover { box-shadow: var(--snb-shadow-lg) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-dh__head { border-color: var(--snb-border) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-dh__ic { border-radius: var(--snb-radius) !important; background: var(--snb-primary-label) !important; color: var(--snb-primary-text) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-dh__name { color: var(--snb-heading) !important; font-weight: 500 !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-dh__sub, body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-dh__meta { color: var(--snb-body) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-dh__badge { border: 0 !important; border-radius: var(--snb-radius-sm) !important; font-weight: 500 !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-dh__badge--ok { background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-success)) !important; color: var(--snb-success) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-dh__badge--missing, body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-dh__badge--invalid { background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-danger)) !important; color: var(--snb-danger) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-dh__badge--unknown { background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-secondary)) !important; color: var(--snb-secondary) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-dh__summary--ok { border-color: transparent !important; background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-success)) !important; color: var(--snb-success) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-dh__summary--partial { border-color: transparent !important; background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-warning)) !important; color: var(--snb-warning) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-dh__summary--bad { border-color: transparent !important; background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-danger)) !important; color: var(--snb-danger) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-dh__summary strong { color: inherit !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.mh-dh__val code, .mh-dns__pair dd code, .mh-server__row dd code, .mh-nav__v code) { border: 1px solid var(--snb-border) !important; border-radius: var(--snb-radius-sm) !important; background: var(--snb-hover) !important; color: var(--snb-heading) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.mh-dh__explain, .mh-dh__hint) { border: 0 !important; border-radius: var(--snb-radius) !important; background: var(--snb-hover) !important; color: var(--snb-body) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-dh__rectype, body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-dns__tag, body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-port-chip { border: 0 !important; border-radius: var(--snb-radius-sm) !important; background: var(--snb-primary-label) !important; color: var(--snb-primary-text) !important; font-weight: 500 !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-dns__block { border-color: var(--snb-border) !important; background: transparent !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-dns__h { color: var(--snb-heading) !important; font-weight: 500 !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-dns__row, body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-dns__pair { border-color: var(--snb-border) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-mx-ok { border: 0 !important; background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-success)) !important; color: var(--snb-success) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-mx-warn { border: 0 !important; background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-warning)) !important; color: var(--snb-warning) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-status-card { border: 0 !important; border-radius: var(--snb-radius-lg) !important; background: var(--snb-paper) !important; box-shadow: var(--snb-shadow) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-server__name { color: var(--snb-heading) !important; font-weight: 500 !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(.mh-server__why, .mh-server__userpw, .mh-server__sec) { border: 0 !important; border-radius: var(--snb-radius) !important; background: var(--snb-hover) !important; color: var(--snb-body) !important; }
/* modals */
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-modal { background: rgba(34, 48, 62, .5) !important; z-index: 2000 !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-modal__box { border: 0 !important; border-radius: var(--snb-radius-lg) !important; background: var(--snb-paper) !important; box-shadow: var(--snb-modal-shadow) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-modal__head { padding: 1.5rem 1.5rem .25rem !important; border: 0 !important; background: transparent !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-modal__title { color: var(--snb-heading) !important; font-size: 1.125rem !important; font-weight: 500 !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-modal__body { padding: 1rem 1.5rem !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-modal__foot { padding: .5rem 1.5rem 1.5rem !important; border: 0 !important; background: transparent !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-modal__close { border-radius: var(--snb-radius) !important; background: var(--snb-hover) !important; color: var(--snb-muted) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-modal__email { border: 0 !important; border-radius: var(--snb-radius) !important; background: var(--snb-primary-label) !important; color: var(--snb-primary-text) !important; }
@media (max-width: 575.98px) {
    body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-hero .mh-btn { inline-size: 100%; }
    body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-stats { gap: 1rem !important; }
    body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-stat { padding: 1.25rem !important; }
}
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-status-card { padding: 1.5rem !important; margin-bottom: 1.5rem !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-status-card h3 { margin: 0 0 .25rem !important; color: var(--snb-heading) !important; font-size: 1.125rem !important; font-weight: 500 !important; line-height: 1.375 !important; letter-spacing: 0 !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-status-card p { color: var(--snb-body) !important; font-size: .9375rem !important; line-height: 1.5 !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-status-card__icon { border-radius: var(--snb-radius) !important; background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-warning)) !important; color: var(--snb-warning) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) .mh-status-card__icon.is-good { background: color-mix(in sRGB, var(--snb-paper) 84%, var(--snb-success)) !important; color: var(--snb-success) !important; }
body.hg-sneat.sn-mod-mailhost #main-body:not(#sn-a):not(#sn-b):not(#sn-c):not(#sn-d) :is(h1, h2, h3, h4, h5) { letter-spacing: 0 !important; }

/* cPanel page: the overview hero and Sitejet card already carry the cPanel / Webmail / Sitejet login buttons. Their WHMCS
   links stay in the DOM (scripts.js binds them, cpanel-clientarea-ssr.js clicks them by id) but leave the pill row. */
body.hg-sneat.hg-cpanel-page .sn-subnav [menuitemname="Service Details Actions"] .nav-item:has(> a[data-identifier]) {
    position: absolute !important; inline-size: 1px; block-size: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}