/* ========================================================================
   HALO 0.28.6 — Reference correction
   Stable dark navigation, tighter inventory rows, and a Zygnet × inference
   cloud dashboard composition. Loaded after every earlier customer style.
   ======================================================================== */

.hj-reference-v286 {
  --hj286-sidebar: 238px;
  --hj286-ink: #17191d;
  --hj286-muted: #747982;
  --hj286-line: #e5e7ea;
  --hj286-soft: #f6f7f8;
  --hj286-sidebar-bg: #10161d;
  --hj286-sidebar-line: rgba(255,255,255,.08);
  --hj286-orange: #ff5a12;
  --hj286-orange-deep: #dc3608;
  --hj286-lime: #cdf56a;
  --halo-sidebar-width: var(--hj286-sidebar);
}

/* ------------------------------------------------------------------------
   Sidebar correction — deliberately strong so page/theme CSS cannot turn
   the inventory navigation back into the broken white rail.
   ------------------------------------------------------------------------ */
@media (min-width: 901px) {
  body .hj-reference-v286:is(.hj-page-current-overview,.hj-page-current-wordpress,.hj-page-current-domains) .hj-sidebar {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    z-index: 500 !important;
    width: var(--hj286-sidebar) !important;
    height: 100dvh !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border: 0 !important;
    border-right: 1px solid #202832 !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg,#111820 0%,#0d141b 100%) !important;
    box-shadow: none !important;
    color: #fff !important;
  }

  body .hj-reference-v286:is(.hj-page-current-overview,.hj-page-current-wordpress,.hj-page-current-domains) .hj-main {
    width: auto !important;
    min-width: 0 !important;
    min-height: 100dvh !important;
    margin-left: var(--hj286-sidebar) !important;
    background: #fff !important;
  }
}

body .hj-reference-v286:is(.hj-page-current-overview,.hj-page-current-wordpress,.hj-page-current-domains) .hj-sidebar-brand-row {
  min-height: 72px !important;
  height: 72px !important;
  flex: 0 0 72px !important;
  padding: 0 18px !important;
  display: flex !important;
  align-items: center !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hj286-sidebar-line) !important;
  background: transparent !important;
}

body .hj-reference-v286:is(.hj-page-current-overview,.hj-page-current-wordpress,.hj-page-current-domains) .hj-panel-brand {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body .hj-reference-v286:is(.hj-page-current-overview,.hj-page-current-wordpress,.hj-page-current-domains) .hj-panel-brand-mark {
  width: 31px !important;
  height: 31px !important;
  object-fit: contain !important;
  filter: none !important;
}

body .hj-reference-v286:is(.hj-page-current-overview,.hj-page-current-wordpress,.hj-page-current-domains) .hj-panel-brand-word {
  width: auto !important;
  max-width: 126px !important;
  height: 22px !important;
  object-fit: contain !important;
  object-position: left center !important;
  filter: brightness(0) invert(1) !important;
  opacity: .96 !important;
}

body .hj-reference-v286:is(.hj-page-current-overview,.hj-page-current-wordpress,.hj-page-current-domains) .hj-sidebar-nav {
  min-height: 0 !important;
  flex: 1 1 auto !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 13px 12px 18px !important;
  background: transparent !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.16) transparent;
}

body .hj-reference-v286:is(.hj-page-current-overview,.hj-page-current-wordpress,.hj-page-current-domains) .hj-sidebar-nav::-webkit-scrollbar { width: 4px; }
body .hj-reference-v286:is(.hj-page-current-overview,.hj-page-current-wordpress,.hj-page-current-domains) .hj-sidebar-nav::-webkit-scrollbar-thumb { border-radius: 8px; background: rgba(255,255,255,.16); }

body .hj-reference-v286:is(.hj-page-current-overview,.hj-page-current-wordpress,.hj-page-current-domains) .hj-nav-group {
  margin: 14px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
body .hj-reference-v286:is(.hj-page-current-overview,.hj-page-current-wordpress,.hj-page-current-domains) .hj-nav-group-primary { margin-top: 0 !important; }

body .hj-reference-v286:is(.hj-page-current-overview,.hj-page-current-wordpress,.hj-page-current-domains) .hj-nav-section-toggle {
  min-height: 25px !important;
  margin: 0 0 4px !important;
  padding: 0 9px !important;
  border: 0 !important;
  background: transparent !important;
  color: #77818d !important;
  font-size: 9px !important;
  font-weight: 650 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}
body .hj-reference-v286:is(.hj-page-current-overview,.hj-page-current-wordpress,.hj-page-current-domains) .hj-nav-section-toggle svg { width: 13px !important; height: 13px !important; }

body .hj-reference-v286:is(.hj-page-current-overview,.hj-page-current-wordpress,.hj-page-current-domains) .hj-sidebar-nav a {
  position: relative !important;
  min-height: 39px !important;
  margin: 1px 0 !important;
  padding: 0 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #aeb7c1 !important;
  box-shadow: none !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  transform: none !important;
}
body .hj-reference-v286:is(.hj-page-current-overview,.hj-page-current-wordpress,.hj-page-current-domains) .hj-sidebar-nav a:hover {
  background: rgba(255,255,255,.055) !important;
  color: #fff !important;
}
body .hj-reference-v286:is(.hj-page-current-overview,.hj-page-current-wordpress,.hj-page-current-domains) .hj-sidebar-nav a.is-active {
  background: rgba(255,255,255,.075) !important;
  color: #fff !important;
  box-shadow: inset 2px 0 0 var(--hj286-orange) !important;
}
body .hj-reference-v286:is(.hj-page-current-overview,.hj-page-current-wordpress,.hj-page-current-domains) .hj-nav-icon {
  width: 18px !important;
  height: 18px !important;
  color: #87929e !important;
}
body .hj-reference-v286:is(.hj-page-current-overview,.hj-page-current-wordpress,.hj-page-current-domains) .hj-sidebar-nav a.is-active .hj-nav-icon { color: var(--hj286-orange) !important; }

body .hj-reference-v286:is(.hj-page-current-overview,.hj-page-current-wordpress,.hj-page-current-domains) .hj-sidebar-footer {
  flex: 0 0 auto !important;
  padding: 10px 12px 13px !important;
  border-top: 1px solid var(--hj286-sidebar-line) !important;
  background: rgba(4,8,12,.18) !important;
}
body .hj-reference-v286:is(.hj-page-current-overview,.hj-page-current-wordpress,.hj-page-current-domains) .hj-sidebar-account {
  min-width: 0 !important;
  min-height: 52px !important;
  padding: 7px 8px !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0,1fr) 14px !important;
  align-items: center !important;
  gap: 9px !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.035) !important;
  color: #fff !important;
  text-decoration: none !important;
}
body .hj-reference-v286 .hj-sidebar-avatar {
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 50% !important;
  background: #171f28 !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 650 !important;
}
body .hj-reference-v286 .hj-sidebar-account-copy { min-width: 0 !important; display: grid !important; gap: 2px !important; }
body .hj-reference-v286 .hj-sidebar-account-copy strong { overflow: hidden !important; color: #f6f8fa !important; font-size: 10.5px !important; font-weight: 590 !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
body .hj-reference-v286 .hj-sidebar-account-copy small { color: #7f8994 !important; font-size: 8.5px !important; }
body .hj-reference-v286 .hj-sidebar-account-caret { color: #7f8994 !important; font-size: 12px !important; }

/* ------------------------------------------------------------------------
   Top bar: remove the duplicate pill navigation and use one calm search.
   ------------------------------------------------------------------------ */
body .hj-reference-v286:is(.hj-page-current-overview,.hj-page-current-wordpress,.hj-page-current-domains) .hj-global-tabs { display: none !important; }
body .hj-reference-v286:is(.hj-page-current-overview,.hj-page-current-wordpress,.hj-page-current-domains) .hj-topbar {
  min-height: 64px !important;
  height: 64px !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-bottom: 1px solid #e8eaed !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: none !important;
  backdrop-filter: blur(12px) !important;
}
body .hj-reference-v286:is(.hj-page-current-overview,.hj-page-current-wordpress,.hj-page-current-domains) .hj-topbar-left { min-width: 0 !important; flex: 1 1 auto !important; }
body .hj-reference-v286 .hj286-command-search {
  width: min(430px,42vw) !important;
  height: 38px !important;
  padding: 0 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  border: 1px solid #e4e6e9 !important;
  border-radius: 9px !important;
  background: #f7f8f9 !important;
  color: #8a9098 !important;
  box-shadow: none !important;
  cursor: pointer !important;
}
body .hj-reference-v286 .hj286-command-search svg { width: 15px !important; height: 15px !important; }
body .hj-reference-v286 .hj286-command-search span { min-width: 0 !important; flex: 1 !important; overflow: hidden !important; font-size: 10.5px !important; text-align: left !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
body .hj-reference-v286 .hj286-command-search kbd { height: 22px !important; padding: 0 6px !important; display: grid !important; place-items: center !important; border: 1px solid #e0e2e5 !important; border-radius: 6px !important; background: #fff !important; color: #747a82 !important; font: 500 9px/1 Inter,sans-serif !important; }
body .hj-reference-v286:is(.hj-page-current-overview,.hj-page-current-wordpress,.hj-page-current-domains) .hj-command-button { display: none !important; }
body .hj-reference-v286:is(.hj-page-current-overview,.hj-page-current-wordpress,.hj-page-current-domains) .hj-topbar-right { gap: 7px !important; }
body .hj-reference-v286:is(.hj-page-current-overview,.hj-page-current-wordpress,.hj-page-current-domains) :is(.hj-icon-button,.hj-theme-toggle) { box-shadow: none !important; }

@media (min-width: 901px) {
  body .hj-reference-v286:is(.hj-page-current-wordpress,.hj-page-current-domains) .hj-topbar { display: none !important; }
}

/* ------------------------------------------------------------------------
   Websites + Domains: tighter first-reference inventory architecture.
   ------------------------------------------------------------------------ */
body .hj-reference-v286:is(.hj-page-current-wordpress,.hj-page-current-domains) {
  background: #fff !important;
  color: var(--hj286-ink) !important;
}
body .hj-reference-v286:is(.hj-page-current-wordpress,.hj-page-current-domains) :is(.hj281-websites,.hj42-domains) {
  width: 100% !important;
  max-width: 1420px !important;
  min-height: 100dvh !important;
  margin: 0 auto !important;
  padding: 24px 30px 42px !important;
  background: #fff !important;
}
body .hj-reference-v286:is(.hj-page-current-wordpress,.hj-page-current-domains) :is(.hj281-toolbar,.hj42-toolbar) {
  min-height: 38px !important;
  margin: 0 0 16px !important;
  gap: 12px !important;
}
body .hj-reference-v286:is(.hj-page-current-wordpress,.hj-page-current-domains) :is(.hj281-search,.hj42-search) {
  width: min(350px,46vw) !important;
  height: 38px !important;
  min-height: 38px !important;
  border-color: #e9ebee !important;
  border-radius: 9px !important;
  background: #f7f8f9 !important;
}
body .hj-reference-v286:is(.hj-page-current-wordpress,.hj-page-current-domains) :is(.hj281-button.is-primary,.hj42-button.is-primary) {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 14px !important;
  border-color: #b8e74d !important;
  border-radius: 9px !important;
  background: var(--hj286-lime) !important;
  color: #171a1d !important;
  font-size: 10.5px !important;
  font-weight: 650 !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.72) inset !important;
}
body .hj-reference-v286:is(.hj-page-current-wordpress,.hj-page-current-domains) :is(.hj281-card-heading,.hj282-domain-table-card>.hj42-surface-head) {
  min-height: 28px !important;
  margin-bottom: 8px !important;
}
body .hj-reference-v286:is(.hj-page-current-wordpress,.hj-page-current-domains) :is(.hj281-card-heading h2,.hj282-domain-table-card>.hj42-surface-head h2) {
  color: #30343a !important;
  font-size: 13px !important;
  font-weight: 590 !important;
}
body .hj-reference-v286:is(.hj-page-current-wordpress,.hj-page-current-domains) :is(.hj281-site-list,.hj42-resource-list) { gap: 8px !important; }

body .hj-reference-v286.hj-page-current-wordpress .hj281-site-row {
  min-height: 66px !important;
  padding: 8px 11px 8px 9px !important;
  grid-template-columns: minmax(235px,1.55fr) minmax(74px,.6fr) minmax(70px,.55fr) minmax(72px,.56fr) minmax(98px,.7fr) 30px !important;
  gap: 13px !important;
  border-color: #e1e3e6 !important;
  border-radius: 9px !important;
  box-shadow: 0 1px 2px rgba(16,18,20,.025) !important;
  transform: none !important;
}
body .hj-reference-v286.hj-page-current-wordpress .hj281-site-row:hover { border-color: #cfd3d7 !important; box-shadow: 0 4px 14px rgba(16,18,20,.045) !important; transform: none !important; }
body .hj-reference-v286.hj-page-current-wordpress .hj281-site-avatar {
  width: 46px !important;
  height: 46px !important;
  flex-basis: 46px !important;
  border-radius: 8px !important;
  font-size: 15px !important;
}
body .hj-reference-v286.hj-page-current-wordpress .hj281-site-identity { gap: 11px !important; }
body .hj-reference-v286.hj-page-current-wordpress .hj281-site-identity>div { gap: 5px !important; }
body .hj-reference-v286.hj-page-current-wordpress .hjref-site-title strong { font-size: 11.5px !important; font-weight: 620 !important; }
body .hj-reference-v286.hj-page-current-wordpress .hj281-site-identity small { font-size: 8.8px !important; }
body .hj-reference-v286.hj-page-current-wordpress .hj281-site-row>.hj281-metric:nth-child(3),
body .hj-reference-v286.hj-page-current-wordpress .hj281-resources>div { gap: 4px !important; }
body .hj-reference-v286.hj-page-current-wordpress .hj281-site-row>.hj281-metric:nth-child(3)::before,
body .hj-reference-v286.hj-page-current-wordpress .hj281-resources>div>span { font-size: 8px !important; }
body .hj-reference-v286.hj-page-current-wordpress .hj281-site-row>.hj281-metric:nth-child(3) strong,
body .hj-reference-v286.hj-page-current-wordpress .hj281-resources>div>span b { font-size: 9.5px !important; }

body .hj-reference-v286.hj-page-current-domains .hj42-resource-row {
  min-height: 66px !important;
  padding: 8px 11px 8px 9px !important;
  grid-template-columns: minmax(235px,1.5fr) minmax(82px,.62fr) minmax(108px,.74fr) minmax(98px,.7fr) minmax(92px,.66fr) 30px !important;
  gap: 13px !important;
  border-color: #e1e3e6 !important;
  border-radius: 9px !important;
  box-shadow: 0 1px 2px rgba(16,18,20,.025) !important;
  transform: none !important;
}
body .hj-reference-v286.hj-page-current-domains .hj42-resource-row:hover,
body .hj-reference-v286.hj-page-current-domains .hj42-resource-row.is-selected { border-color: #cfd3d7 !important; box-shadow: 0 4px 14px rgba(16,18,20,.045) !important; transform: none !important; }
body .hj-reference-v286.hj-page-current-domains .hj42-avatar {
  width: 46px !important;
  height: 46px !important;
  flex-basis: 46px !important;
  border-radius: 8px !important;
}
body .hj-reference-v286.hj-page-current-domains .hj42-resource-identity { gap: 11px !important; }
body .hj-reference-v286.hj-page-current-domains .hj42-resource-identity>div { gap: 5px !important; }
body .hj-reference-v286.hj-page-current-domains .hj42-resource-identity strong { font-size: 11.5px !important; font-weight: 620 !important; }
body .hj-reference-v286.hj-page-current-domains .hj42-resource-identity small { font-size: 8.8px !important; }
body .hj-reference-v286.hj-page-current-domains .hj42-resource-meta>div { gap: 4px !important; }
body .hj-reference-v286.hj-page-current-domains .hj42-resource-meta>div>span { font-size: 8px !important; }
body .hj-reference-v286.hj-page-current-domains .hj42-resource-meta>div>b { font-size: 9.3px !important; }

body .hj-reference-v286:is(.hj-page-current-wordpress,.hj-page-current-domains) :is(.hj281-view-all,.hjref-add-slot) {
  min-height: 48px !important;
  margin-top: 8px !important;
  border-radius: 9px !important;
  background: #f6f7f8 !important;
  color: #a3a8ae !important;
  font-size: 9.7px !important;
}

/* Reliable kebab menus -------------------------------------------------- */
body .hj-reference-v286 :is(.hj281-site-row,.hj42-resource-row) { isolation: isolate; }
body .hj-reference-v286 :is(.hj281-site-row,.hj42-resource-row).is-menu-open { z-index: 260 !important; overflow: visible !important; }
body .hj-reference-v286 :is(.hj281-menu,.hj42-menu)[open] { z-index: 280 !important; }
body .hj-reference-v286 :is(.hj281-menu,.hj42-menu)>summary {
  width: 30px !important;
  height: 30px !important;
  border: 1px solid transparent !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: #60666e !important;
  font-size: 14px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  user-select: none !important;
  touch-action: manipulation !important;
}
body .hj-reference-v286 :is(.hj281-menu,.hj42-menu)[open]>summary,
body .hj-reference-v286 :is(.hj281-menu,.hj42-menu)>summary:hover {
  border-color: #e1e4e7 !important;
  background: #f5f6f7 !important;
}
body .hj-reference-v286 :is(.hj281-menu,.hj42-menu)>div {
  top: 34px !important;
  right: 0 !important;
  z-index: 300 !important;
  min-width: 168px !important;
  padding: 5px !important;
  border-color: #dfe2e5 !important;
  border-radius: 9px !important;
  background: #fff !important;
  box-shadow: 0 16px 38px rgba(15,18,22,.16),0 2px 8px rgba(15,18,22,.06) !important;
}
body .hj-reference-v286 :is(.hj281-menu,.hj42-menu).opens-up>div { top: auto !important; bottom: 34px !important; }
body .hj-reference-v286 :is(.hj281-menu,.hj42-menu)>div :is(a,button) {
  min-height: 34px !important;
  padding: 0 9px !important;
  border-radius: 6px !important;
  color: #30343a !important;
  font-size: 10px !important;
  font-weight: 520 !important;
}

/* ------------------------------------------------------------------------
   Dashboard — Zygnet information hierarchy with the orange inference-cloud
   atmosphere used only in the two command cards.
   ------------------------------------------------------------------------ */
body .hj-reference-v286.hj-page-current-overview .hj-main { background: #f7f8f9 !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-dashboard {
  width: 100% !important;
  max-width: 1460px !important;
  margin: 0 auto !important;
  padding: 24px 28px 46px !important;
  gap: 14px !important;
  background: transparent !important;
}
body .hj-reference-v286.hj-page-current-overview .hj33-welcome {
  min-height: 64px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body .hj-reference-v286.hj-page-current-overview .hj33-welcome::before { display: none !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-kicker { color: #818790 !important; font-size: 8.5px !important; font-weight: 650 !important; letter-spacing: .08em !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-welcome h1 { margin-top: 4px !important; color: #121519 !important; font-size: clamp(24px,2.2vw,31px) !important; font-weight: 590 !important; letter-spacing: -.035em !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-welcome p { margin-top: 5px !important; color: #767c84 !important; font-size: 10.5px !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-welcome-actions { gap: 7px !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-button {
  min-height: 36px !important;
  padding: 0 13px !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-size: 10px !important;
  font-weight: 600 !important;
}
body .hj-reference-v286.hj-page-current-overview .hj33-button.is-primary { border-color: #12171c !important; background: #12171c !important; color: #fff !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-button.is-secondary { border-color: #e0e3e6 !important; background: #fff !important; color: #444950 !important; }

body .hj-reference-v286 .hj286-command-grid {
  display: grid !important;
  grid-template-columns: minmax(0,1.85fr) minmax(290px,.95fr) !important;
  gap: 14px !important;
}
body .hj-reference-v286 .hj286-system-card,
body .hj-reference-v286 .hj286-deploy-card {
  position: relative !important;
  min-height: 220px !important;
  overflow: hidden !important;
  border-radius: 14px !important;
  isolation: isolate !important;
}
body .hj-reference-v286 .hj286-system-card {
  padding: 25px 27px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  border: 1px solid #252b31 !important;
  background:
    radial-gradient(circle at 78% 88%,rgba(255,90,18,.24),transparent 36%),
    radial-gradient(circle at 88% 18%,rgba(255,125,55,.08),transparent 28%),
    #151a20 !important;
  color: #fff !important;
  box-shadow: none !important;
}
body .hj-reference-v286 .hj286-system-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .28;
  background-image: linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size: 34px 34px;
  mask-image: linear-gradient(90deg,transparent 30%,#000 72%);
}
body .hj-reference-v286 .hj286-eyebrow { display: block !important; color: rgba(255,255,255,.56) !important; font-size: 8px !important; font-weight: 650 !important; letter-spacing: .09em !important; text-transform: uppercase !important; }
body .hj-reference-v286 .hj286-system-copy { position: relative !important; z-index: 2 !important; max-width: 470px !important; }
body .hj-reference-v286 .hj286-system-copy h2 { margin: 8px 0 5px !important; display: flex !important; align-items: center !important; gap: 8px !important; color: #fff !important; font-size: 18px !important; font-weight: 570 !important; letter-spacing: -.025em !important; }
body .hj-reference-v286 .hj286-system-copy h2 i { width: 7px !important; height: 7px !important; border-radius: 50% !important; background: #45d987 !important; box-shadow: 0 0 0 4px rgba(69,217,135,.1) !important; }
body .hj-reference-v286 .hj286-system-card.has-attention .hj286-system-copy h2 i { background: #ff9b4a !important; box-shadow: 0 0 0 4px rgba(255,155,74,.11) !important; }
body .hj-reference-v286 .hj286-system-copy p { margin: 0 !important; color: rgba(255,255,255,.66) !important; font-size: 10px !important; line-height: 1.55 !important; }
body .hj-reference-v286 .hj286-system-metrics {
  position: relative !important;
  z-index: 2 !important;
  width: min(520px,72%) !important;
  margin-top: 20px !important;
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  border: 1px solid rgba(255,255,255,.11) !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.035) !important;
  backdrop-filter: blur(8px) !important;
}
body .hj-reference-v286 .hj286-system-metrics a { min-width: 0 !important; padding: 12px 14px !important; display: grid !important; gap: 3px !important; border-right: 1px solid rgba(255,255,255,.1) !important; color: #fff !important; text-decoration: none !important; }
body .hj-reference-v286 .hj286-system-metrics a:last-child { border-right: 0 !important; }
body .hj-reference-v286 .hj286-system-metrics strong { font-size: 15px !important; font-weight: 580 !important; }
body .hj-reference-v286 .hj286-system-metrics span { color: rgba(255,255,255,.54) !important; font-size: 8.5px !important; }
body .hj-reference-v286 .hj286-system-link { position: relative !important; z-index: 2 !important; min-height: 34px !important; margin-top: 14px !important; padding: 0 12px !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; border: 1px solid rgba(255,255,255,.18) !important; border-radius: 8px !important; background: rgba(255,255,255,.03) !important; color: #fff !important; font-size: 9.5px !important; font-weight: 550 !important; text-decoration: none !important; }
body .hj-reference-v286 .hj286-system-link svg { width: 13px !important; height: 13px !important; }
body .hj-reference-v286 .hj286-system-visual { position: absolute !important; z-index: 1 !important; right: -55px !important; bottom: -95px !important; width: 410px !important; height: 260px !important; border: 1px solid rgba(255,98,20,.28) !important; border-radius: 50% !important; transform: rotate(-8deg) !important; }
body .hj-reference-v286 .hj286-system-visual::before,
body .hj-reference-v286 .hj286-system-visual::after { content: ""; position: absolute; inset: 24px; border: 1px solid rgba(255,98,20,.18); border-radius: 50%; }
body .hj-reference-v286 .hj286-system-visual::after { inset: 54px; }
body .hj-reference-v286 .hj286-system-visual span { position: absolute !important; height: 2px !important; border-radius: 4px !important; background: linear-gradient(90deg,transparent,#ff671f,transparent) !important; box-shadow: 0 0 12px rgba(255,91,18,.5) !important; }
body .hj-reference-v286 .hj286-system-visual span:nth-child(1) { top: 44px; left: 46px; width: 90px; }
body .hj-reference-v286 .hj286-system-visual span:nth-child(2) { top: 85px; right: 42px; width: 70px; }
body .hj-reference-v286 .hj286-system-visual span:nth-child(3) { top: 122px; left: 70px; width: 120px; }
body .hj-reference-v286 .hj286-system-visual span:nth-child(4) { top: 155px; right: 70px; width: 84px; }

body .hj-reference-v286 .hj286-deploy-card {
  padding: 25px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  border: 1px solid #eb4d10 !important;
  background: linear-gradient(135deg,#ff681f 0%,#fa4e0d 48%,#d93608 100%) !important;
  color: #fff !important;
  box-shadow: none !important;
}
body .hj-reference-v286 .hj286-deploy-card::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(circle at 84% 20%,rgba(255,255,255,.2),transparent 24%),linear-gradient(115deg,transparent 52%,rgba(96,12,0,.18)); }
body .hj-reference-v286 .hj286-deploy-card>div:first-child { position: relative !important; z-index: 2 !important; max-width: 230px !important; }
body .hj-reference-v286 .hj286-deploy-card h2 { margin: 8px 0 6px !important; color: #fff !important; font-size: 18px !important; font-weight: 570 !important; letter-spacing: -.025em !important; }
body .hj-reference-v286 .hj286-deploy-card p { margin: 0 !important; color: rgba(255,255,255,.78) !important; font-size: 10px !important; line-height: 1.5 !important; }
body .hj-reference-v286 .hj286-deploy-card>a { position: relative !important; z-index: 3 !important; min-height: 36px !important; margin-top: auto !important; padding: 0 13px !important; display: inline-flex !important; align-items: center !important; gap: 12px !important; border: 0 !important; border-radius: 8px !important; background: #fff !important; color: #1a1c1f !important; box-shadow: 0 5px 18px rgba(91,17,0,.16) !important; font-size: 9.8px !important; font-weight: 620 !important; text-decoration: none !important; }
body .hj-reference-v286 .hj286-deploy-card>a svg { width: 13px !important; height: 13px !important; }
body .hj-reference-v286 .hj286-deploy-visual { position: absolute !important; right: 15px !important; bottom: 10px !important; width: 150px !important; height: 112px !important; opacity: .72 !important; }
body .hj-reference-v286 .hj286-deploy-visual i { position: absolute !important; display: block !important; border: 1px solid rgba(255,255,255,.38) !important; border-radius: 8px !important; background: rgba(255,255,255,.12) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.06) !important; }
body .hj-reference-v286 .hj286-deploy-visual i:nth-child(1) { right: 0; bottom: 8px; width: 104px; height: 74px; transform: rotate(4deg); }
body .hj-reference-v286 .hj286-deploy-visual i:nth-child(2) { left: 5px; bottom: 27px; width: 58px; height: 44px; transform: rotate(-5deg); }
body .hj-reference-v286 .hj286-deploy-visual i:nth-child(3) { right: 18px; top: 5px; width: 72px; height: 18px; }
body .hj-reference-v286 .hj286-deploy-visual b { position: absolute !important; right: 38px !important; bottom: 19px !important; width: 36px !important; height: 36px !important; border: 2px solid rgba(255,255,255,.72) !important; border-radius: 50% !important; }
body .hj-reference-v286 .hj286-deploy-visual b::before { content: "↑"; position: absolute; inset: 0; display: grid; place-items: center; color: #fff; font-size: 18px; font-weight: 500; }

body .hj-reference-v286.hj-page-current-overview .hj33-layout {
  grid-template-columns: minmax(0,1fr) 286px !important;
  gap: 14px !important;
}
body .hj-reference-v286.hj-page-current-overview .hj33-primary-column { gap: 14px !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-side-column { gap: 14px !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-card {
  border: 1px solid #e1e4e7 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
}
body .hj-reference-v286.hj-page-current-overview .hj33-workspace-card { overflow: hidden !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-product-tabs {
  min-height: 50px !important;
  height: 50px !important;
  padding: 0 10px !important;
  border-bottom-color: #e7e9ec !important;
  background: #fff !important;
}
body .hj-reference-v286.hj-page-current-overview .hj33-product-tabs button { min-height: 50px !important; padding: 0 12px !important; gap: 7px !important; color: #747a82 !important; font-size: 9.8px !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-product-tabs button.is-active { color: #16191d !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-product-tabs button.is-active::after { height: 2px !important; background: var(--hj286-orange) !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-product-tabs button b { min-width: 19px !important; height: 19px !important; border-color: #e6e8eb !important; background: #f6f7f8 !important; color: #747a82 !important; font-size: 8px !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-product-panel { min-height: 280px !important; padding: 13px !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-panel-heading { min-height: 46px !important; margin-bottom: 8px !important; padding: 0 2px 8px !important; border-bottom-color: #eceef0 !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-panel-heading h2 { font-size: 13px !important; font-weight: 590 !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-panel-heading p { display: none !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-panel-heading>a { font-size: 9.5px !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-resource-list { gap: 6px !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-resource-row {
  min-height: 54px !important;
  padding: 7px 8px !important;
  gap: 10px !important;
  border-color: #e8eaed !important;
  border-radius: 9px !important;
  background: #fff !important;
  box-shadow: none !important;
}
body .hj-reference-v286.hj-page-current-overview .hj33-resource-row:hover { background: #fafbfb !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-resource-icon { width: 35px !important; height: 35px !important; border-radius: 8px !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-resource-copy strong { font-size: 10.3px !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-resource-copy small,
body .hj-reference-v286.hj-page-current-overview .hj33-row-meta span { font-size: 8px !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-row-meta strong,
body .hj-reference-v286.hj-page-current-overview .hj33-status { font-size: 8.7px !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-row-actions :is(a,button) { min-height: 29px !important; padding: 0 9px !important; border-radius: 7px !important; font-size: 8.6px !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-row-actions .is-primary { border-color: #171b20 !important; background: #171b20 !important; color: #fff !important; }

body .hj-reference-v286.hj-page-current-overview .hj33-feed-grid { gap: 14px !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-feed-card>header,
body .hj-reference-v286.hj-page-current-overview .hj33-products-card>header { min-height: 54px !important; padding: 11px 13px !important; border-bottom-color: #eceef0 !important; }
body .hj-reference-v286.hj-page-current-overview :is(.hj33-feed-card,.hj33-products-card,.hj33-support-card) h2 { font-size: 12px !important; font-weight: 590 !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-feed-list>a { min-height: 62px !important; padding: 10px 12px !important; border-bottom-color: #eef0f2 !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-feed-list strong { font-size: 9.5px !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-feed-list p,
body .hj-reference-v286.hj-page-current-overview .hj33-feed-list small { font-size: 8.2px !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-product-search { height: 36px !important; margin: 0 11px 7px !important; border-color: #e5e7ea !important; border-radius: 8px !important; background: #f7f8f9 !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-product-links>a { min-height: 49px !important; padding: 7px 8px !important; border-radius: 8px !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-product-icon { width: 30px !important; height: 30px !important; border-radius: 8px !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-product-links strong { font-size: 9.6px !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-product-links small,
body .hj-reference-v286.hj-page-current-overview .hj33-product-links em { font-size: 8px !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-products-footer { min-height: 39px !important; padding: 0 12px !important; font-size: 9px !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-action-card { display: none !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-support-card { min-height: 132px !important; padding: 15px !important; align-items: flex-start !important; gap: 11px !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-support-icon { width: 34px !important; height: 34px !important; border-radius: 9px !important; }
body .hj-reference-v286.hj-page-current-overview .hj33-support-card p { margin: 5px 0 11px !important; font-size: 8.7px !important; line-height: 1.5 !important; }

/* Responsive ------------------------------------------------------------ */
@media (max-width: 1180px) {
  body .hj-reference-v286 .hj286-command-grid { grid-template-columns: minmax(0,1.5fr) minmax(270px,.9fr) !important; }
  body .hj-reference-v286 .hj286-system-metrics { width: 78% !important; }
  body .hj-reference-v286.hj-page-current-overview .hj33-layout { grid-template-columns: 1fr !important; }
  body .hj-reference-v286.hj-page-current-overview .hj33-side-column { grid-template-columns: 1fr 1fr !important; display: grid !important; }
}

@media (max-width: 900px) {
  body .hj-reference-v286 .hj-sidebar-footer { display: block !important; }
  body .hj-reference-v286 .hj286-command-search { width: min(360px,58vw) !important; }
  body .hj-reference-v286:is(.hj-page-current-wordpress,.hj-page-current-domains) :is(.hj281-websites,.hj42-domains) { min-height: auto !important; padding: 20px 17px 38px !important; }
  body .hj-reference-v286 .hj286-command-grid { grid-template-columns: 1fr !important; }
  body .hj-reference-v286 .hj286-system-card,
  body .hj-reference-v286 .hj286-deploy-card { min-height: 205px !important; }
  body .hj-reference-v286 .hj286-system-metrics { width: min(530px,80%) !important; }
}

@media (max-width: 640px) {
  body .hj-reference-v286 .hj286-command-search { width: 40px !important; padding: 0 !important; justify-content: center !important; }
  body .hj-reference-v286 .hj286-command-search :is(span,kbd) { display: none !important; }
  body .hj-reference-v286.hj-page-current-overview .hj33-dashboard { padding: 16px 12px 32px !important; }
  body .hj-reference-v286 .hj286-system-card,
  body .hj-reference-v286 .hj286-deploy-card { min-height: 224px !important; padding: 21px 18px !important; }
  body .hj-reference-v286 .hj286-system-metrics { width: 100% !important; grid-template-columns: repeat(2,1fr) !important; }
  body .hj-reference-v286 .hj286-system-metrics a:nth-child(2) { border-right: 0 !important; }
  body .hj-reference-v286 .hj286-system-metrics a:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.1) !important; }
  body .hj-reference-v286 .hj286-system-visual { right: -180px !important; opacity: .7 !important; }
  body .hj-reference-v286.hj-page-current-overview .hj33-side-column { grid-template-columns: 1fr !important; }
  body .hj-reference-v286.hj-page-current-overview .hj33-feed-grid { grid-template-columns: 1fr !important; }
  body .hj-reference-v286:is(.hj-page-current-wordpress,.hj-page-current-domains) :is(.hj281-websites,.hj42-domains) { padding: 14px 11px 32px !important; }
  body .hj-reference-v286:is(.hj-page-current-wordpress,.hj-page-current-domains) :is(.hj281-toolbar,.hj42-toolbar) { gap: 8px !important; }
  body .hj-reference-v286:is(.hj-page-current-wordpress,.hj-page-current-domains) :is(.hj281-search,.hj42-search) { width: 100% !important; }
}

@media (prefers-reduced-motion: reduce) {
  body .hj-reference-v286 * { scroll-behavior: auto !important; }
}


/* 0.28.17 — domain provenance, visible Files action and secure transfer-code sheet */
body .hj37-row-stats { grid-template-columns:minmax(148px,1.25fr) repeat(3,minmax(105px,1fr)); }
body .hj37-row-stats .hj297-domain-source small { display:block; margin-top:3px; color:#8a8e95; font-size:10px; font-weight:500; white-space:nowrap; }
body .hj37-row-menu-sheet button[data-hj-transfer-code] { color:#25272b; font-weight:650; }
body .hj281-site-actions .hj297-site-files { gap:6px; }
body .hj281-site-actions .hj297-site-files svg { width:14px; height:14px; }
body.hj-domain-transfer-open { overflow:hidden; }
body .hj297-transfer-modal { position:fixed; inset:0; z-index:100080; display:grid; place-items:center; padding:24px; }
body .hj297-transfer-modal[hidden] { display:none !important; }
body .hj297-transfer-backdrop { position:absolute; inset:0; border:0; background:rgba(15,17,20,.46); backdrop-filter:blur(7px); cursor:default; }
body .hj297-transfer-card { position:relative; width:min(470px,100%); border:1px solid rgba(21,24,29,.1); border-radius:18px; background:#fff; box-shadow:0 30px 90px rgba(10,12,16,.24); overflow:hidden; outline:0; }
body .hj297-transfer-card > header { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; padding:22px 22px 18px; border-bottom:1px solid #eceef1; }
body .hj297-transfer-card > header span { color:#777c84; font-size:10px; font-weight:750; letter-spacing:.1em; text-transform:uppercase; }
body .hj297-transfer-card > header h3 { margin:5px 0 4px; color:#17191d; font-size:19px; line-height:1.2; }
body .hj297-transfer-card > header p { margin:0; color:#6e737b; font-size:12px; line-height:1.55; }
body .hj297-transfer-card > header > button { flex:0 0 auto; width:32px; height:32px; display:grid; place-items:center; padding:0; border:1px solid #e5e7ea; border-radius:9px; background:#fff; color:#30333a; }
body .hj297-transfer-card > header > button svg { width:15px; height:15px; }
body .hj297-transfer-status { margin:20px 22px; padding:13px 14px; border-radius:10px; background:#f5f6f8; color:#5f646c; font-size:12px; line-height:1.5; }
body .hj297-transfer-status.is-error { background:#fff0ef; color:#9d3029; }
body .hj297-transfer-code { display:flex; align-items:center; gap:10px; margin:20px 22px; padding:12px; border:1px solid #dfe2e6; border-radius:11px; background:#f8f9fa; }
body .hj297-transfer-code[hidden] { display:none !important; }
body .hj297-transfer-code code { min-width:0; flex:1; overflow-wrap:anywhere; color:#17191d; font:650 15px/1.45 "JetBrains Mono",monospace; }
body .hj297-transfer-code button { display:inline-flex; align-items:center; gap:6px; border:0; border-radius:8px; padding:9px 11px; background:#16181b; color:#fff; font-size:11px; font-weight:700; }
body .hj297-transfer-code button svg { width:13px; height:13px; }
body .hj297-transfer-card > footer { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:15px 22px; border-top:1px solid #eceef1; }
body .hj297-transfer-card > footer span { color:#777c84; font-size:10px; }
body .hj297-transfer-card > footer button { border:0; border-radius:8px; padding:9px 14px; background:#17191d; color:#fff; font-size:11px; font-weight:700; }
@media (max-width:1180px) { body .hj37-row-stats { grid-template-columns:repeat(2,minmax(120px,1fr)); } }
@media (max-width:720px) {
  body .hj297-transfer-modal { place-items:end stretch; padding:0; }
  body .hj297-transfer-card { width:100%; max-height:min(82vh,680px); overflow:auto; border-radius:20px 20px 0 0; }
  body .hj297-transfer-card::before { content:""; display:block; width:38px; height:4px; margin:9px auto 0; border-radius:999px; background:#d6d9dd; }
  body .hj297-transfer-card > header { padding-top:14px; }
  body .hj37-row-stats { grid-template-columns:1fr 1fr; }
}


/* 0.28.18 — reference-led, in-page Domains & DNS workspace */
body .hj-reference-v286.hj-page-current-domains .hj-content{background:#f5f6f8!important;}
body .hj-reference-v286 .hj298-domain-page{max-width:1480px;margin:0 auto;padding:26px 28px 48px;color:#17191d;}
body .hj-reference-v286 .hj298-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:18px;}
body .hj-reference-v286 .hj298-page-head h1{margin:7px 0 5px;font-size:28px;line-height:1.1;letter-spacing:-.035em;font-weight:680;color:#17191d;}
body .hj-reference-v286 .hj298-page-head p{margin:0;color:#747982;font-size:12px;line-height:1.55;}
body .hj-reference-v286 .hj298-breadcrumb{display:flex;align-items:center;gap:7px;color:#9499a1;font-size:10px;font-weight:600;}
body .hj-reference-v286 .hj298-breadcrumb strong{color:#555b64;}
body .hj-reference-v286 .hj298-head-actions{display:flex;align-items:center;gap:10px;}
body .hj-reference-v286 .hj298-head-actions .hj-service-switcher{margin:0!important;}
body .hj-reference-v286 .hj298-primary-button,body .hj-reference-v286 .hj298-quiet-button,body .hj-reference-v286 .hj298-danger-button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:1px solid #17191d;border-radius:9px;background:#17191d;color:#fff!important;font-size:11px;font-weight:680;text-decoration:none;cursor:pointer;box-shadow:none;}
body .hj-reference-v286 .hj298-primary-button svg,body .hj-reference-v286 .hj298-quiet-button svg{width:14px;height:14px;}
body .hj-reference-v286 .hj298-quiet-button{border-color:#e1e4e8;background:#fff;color:#2d3138!important;}
body .hj-reference-v286 .hj298-danger-button{border-color:#f0c8c5;background:#fff4f3;color:#9a2d27!important;}
body .hj-reference-v286 .hj298-icon-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid #e2e5e9;border-radius:9px;background:#fff;color:#333941;}
body .hj-reference-v286 .hj298-icon-button svg{width:15px;height:15px;}
body .hj-reference-v286 .hj298-domain-context{position:relative;display:grid;grid-template-columns:minmax(255px,.9fr) minmax(0,2fr) auto;align-items:center;gap:18px;padding:14px 16px;margin-bottom:12px;border:1px solid #e5e7ea;border-radius:13px;background:#fff;box-shadow:0 1px 2px rgba(17,20,24,.03);}
body .hj-reference-v286 .hj298-domain-picker{display:flex;align-items:center;gap:10px;min-width:0;}
body .hj-reference-v286 .hj298-domain-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#f0edff;color:#6248d8;}
body .hj-reference-v286 .hj298-domain-icon svg{width:18px;height:18px;}
body .hj-reference-v286 .hj298-domain-picker label{min-width:0;flex:1;}
body .hj-reference-v286 .hj298-domain-picker small{display:block;margin-bottom:2px;color:#9297a0;font-size:9px;font-weight:650;letter-spacing:.02em;}
body .hj-reference-v286 .hj298-domain-picker select{width:100%;height:auto;padding:0 24px 0 0;border:0!important;background-color:transparent!important;color:#1e2126;font-size:14px;font-weight:700;box-shadow:none!important;}
body .hj-reference-v286 .hj298-context-metrics{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));min-width:0;}
body .hj-reference-v286 .hj298-context-metrics>div{min-width:0;padding:0 16px;border-left:1px solid #eceef1;}
body .hj-reference-v286 .hj298-context-metrics span{display:block;margin-bottom:4px;color:#9a9fa7;font-size:9px;font-weight:650;}
body .hj-reference-v286 .hj298-context-metrics strong{display:flex;align-items:center;gap:6px;overflow:hidden;color:#2b2f35;font-size:11px;font-weight:680;white-space:nowrap;text-overflow:ellipsis;}
body .hj-reference-v286 .hj298-context-metrics strong i{width:6px;height:6px;border-radius:50%;background:#19a86b;}
body .hj-reference-v286 .hj298-context-metrics strong.is-warning i{background:#e49a2e;}
body .hj-reference-v286 .hj298-context-metrics small{display:block;margin-top:3px;overflow:hidden;color:#8b9098;font-size:9px;white-space:nowrap;text-overflow:ellipsis;}
body .hj-reference-v286 .hj298-context-actions{display:flex;align-items:center;gap:8px;}
body .hj-reference-v286 .hj298-section-tabs{display:flex;align-items:center;gap:4px;padding:4px;margin-bottom:12px;overflow:auto;border:1px solid #e4e6ea;border-radius:11px;background:#fff;scrollbar-width:none;}
body .hj-reference-v286 .hj298-section-tabs::-webkit-scrollbar{display:none;}
body .hj-reference-v286 .hj298-section-tabs button{height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;padding:0 13px;border:0;border-radius:8px;background:transparent;color:#6a7079;font-size:10.5px;font-weight:650;cursor:pointer;}
body .hj-reference-v286 .hj298-section-tabs button>span{width:16px;height:16px;display:grid;place-items:center;}
body .hj-reference-v286 .hj298-section-tabs button svg{width:15px;height:15px;}
body .hj-reference-v286 .hj298-section-tabs button.is-active{background:#191b1f;color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.12);}
body .hj-reference-v286 .hj298-panel{scroll-margin-top:82px;padding:18px;border:1px solid #e4e6e9;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(17,20,24,.025);}
body .hj-reference-v286 .hj298-panel[hidden]{display:none!important;}
body .hj-reference-v286 .hj298-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:15px;}
body .hj-reference-v286 .hj298-panel-head h2{margin:0;color:#1b1e22;font-size:16px;line-height:1.25;font-weight:690;letter-spacing:-.015em;}
body .hj-reference-v286 .hj298-panel-head p{margin:4px 0 0;color:#80858d;font-size:10.5px;line-height:1.5;}
body .hj-reference-v286 .hj298-count,body .hj-reference-v286 .hj298-status-chip{display:inline-flex;align-items:center;height:27px;padding:0 9px;border-radius:999px;background:#f2f3f5;color:#60666f;font-size:9.5px;font-weight:680;white-space:nowrap;}
body .hj-reference-v286 .hj298-status-chip.is-good{background:#e9f8f0;color:#16754c;}
body .hj-reference-v286 .hj298-add-record{display:grid;grid-template-columns:minmax(170px,.65fr) minmax(0,2.35fr);gap:16px;align-items:center;padding:13px;margin-bottom:14px;border:1px solid #e4e7eb;border-radius:11px;background:#fafbfc;}
body .hj-reference-v286 .hj298-add-copy{display:flex;align-items:center;gap:10px;}
body .hj-reference-v286 .hj298-mini-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:#17191d;color:#fff;}
body .hj-reference-v286 .hj298-mini-icon svg{width:15px;height:15px;}
body .hj-reference-v286 .hj298-add-copy strong{display:block;color:#25282e;font-size:11px;}
body .hj-reference-v286 .hj298-add-copy small{display:block;margin-top:3px;color:#878c94;font-size:9px;line-height:1.45;}
body .hj-reference-v286 .hj298-add-copy code{padding:1px 4px;border-radius:4px;background:#eceef1;color:#34383f;font-size:8.5px;}
body .hj-reference-v286 .hj298-record-form{display:grid;grid-template-columns:90px minmax(120px,.65fr) minmax(180px,1.5fr) 120px auto;gap:8px;align-items:end;}
body .hj-reference-v286 .hj298-record-form label,body .hj-reference-v286 .hj298-stack-form label,body .hj-reference-v286 .hj298-record-popover label{display:block;min-width:0;color:#6f747c;font-size:9px;font-weight:650;}
body .hj-reference-v286 .hj298-record-form label>span,body .hj-reference-v286 .hj298-stack-form label>span,body .hj-reference-v286 .hj298-record-popover label>span{display:block;margin:0 0 5px;}
body .hj-reference-v286 .hj298-record-form :is(input,select),body .hj-reference-v286 .hj298-stack-form :is(input,select),body .hj-reference-v286 .hj298-record-popover :is(input,select){width:100%;height:36px;padding:0 10px;border:1px solid #dfe2e6;border-radius:8px;background:#fff;color:#2a2e34;font-size:10.5px;box-shadow:none;}
body .hj-reference-v286 .hj298-record-form :is(input,select):focus,body .hj-reference-v286 .hj298-stack-form :is(input,select):focus{border-color:#8a7de3;outline:3px solid rgba(115,92,224,.1);}
body .hj-reference-v286 .hj298-record-form>.hj298-primary-button{height:36px;}
body .hj-reference-v286 .hj298-advanced{grid-column:1/-1;margin-top:1px;}
body .hj-reference-v286 .hj298-advanced summary{width:max-content;color:#777c84;font-size:9px;font-weight:650;cursor:pointer;}
body .hj-reference-v286 .hj298-advanced>div{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:8px;margin-top:8px;}
body .hj-reference-v286 .hj298-advanced .hj-dns-caa-fields{display:contents;}
body .hj-reference-v286 .hj298-record-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;}
body .hj-reference-v286 .hj298-search{height:36px;display:flex;align-items:center;gap:8px;min-width:260px;max-width:430px;flex:1;padding:0 10px;border:1px solid #e0e3e7;border-radius:8px;background:#fff;color:#8a8f97;}
body .hj-reference-v286 .hj298-search svg{width:14px;height:14px;}
body .hj-reference-v286 .hj298-search input{width:100%;height:auto;padding:0;border:0;background:transparent;font-size:10.5px;box-shadow:none;outline:0;}
body .hj-reference-v286 .hj298-filter-pills{display:flex;align-items:center;gap:4px;}
body .hj-reference-v286 .hj298-filter-pills button{height:30px;padding:0 9px;border:1px solid transparent;border-radius:7px;background:transparent;color:#777c85;font-size:9px;font-weight:650;cursor:pointer;}
body .hj-reference-v286 .hj298-filter-pills button.is-active{border-color:#e0e3e7;background:#f5f6f8;color:#25292f;}
body .hj-reference-v286 .hj298-dns-table-wrap{overflow:visible;border:1px solid #e5e7ea;border-radius:10px;background:#fff;}
body .hj-reference-v286 .hj298-dns-table{width:100%;border-collapse:collapse;table-layout:fixed;}
body .hj-reference-v286 .hj298-dns-table th{height:36px;padding:0 12px;border-bottom:1px solid #e8eaed;background:#fafbfc;color:#969ba3;font-size:8.5px;font-weight:700;text-align:left;text-transform:uppercase;letter-spacing:.045em;}
body .hj-reference-v286 .hj298-dns-table th:nth-child(1){width:78px;} body .hj-reference-v286 .hj298-dns-table th:nth-child(2){width:22%;} body .hj-reference-v286 .hj298-dns-table th:nth-child(4){width:90px;} body .hj-reference-v286 .hj298-dns-table th:nth-child(5){width:48px;}
body .hj-reference-v286 .hj298-dns-table td{height:49px;padding:7px 12px;border-bottom:1px solid #eef0f2;color:#545a62;font-size:10px;vertical-align:middle;}
body .hj-reference-v286 .hj298-dns-table tr:last-child td{border-bottom:0;}
body .hj-reference-v286 .hj298-dns-table td>strong{display:block;overflow:hidden;color:#30343a;font-size:10.5px;white-space:nowrap;text-overflow:ellipsis;}
body .hj-reference-v286 .hj298-dns-table code{display:block;overflow:hidden;color:#59606a;font:500 9.5px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap;text-overflow:ellipsis;}
body .hj-reference-v286 .hj298-type-badge{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:22px;padding:0 7px;border-radius:6px;background:#eef0f3;color:#555b64;font-size:8px;font-weight:760;}
body .hj-reference-v286 .hj298-type-badge.is-a{background:#eaf7ef;color:#16714a;} body .hj-reference-v286 .hj298-type-badge.is-cname{background:#eeeaff;color:#6249c7;} body .hj-reference-v286 .hj298-type-badge.is-mx{background:#e8f1ff;color:#2869ae;} body .hj-reference-v286 .hj298-type-badge.is-txt{background:#fff4df;color:#92600d;}
body .hj-reference-v286 .hj298-record-actions{position:relative;text-align:right;overflow:visible;}
body .hj-reference-v286 .hj298-record-actions details{position:relative;display:inline-block;}
body .hj-reference-v286 .hj298-record-actions summary{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;color:#737982;cursor:pointer;list-style:none;}
body .hj-reference-v286 .hj298-record-actions summary::-webkit-details-marker{display:none;} body .hj-reference-v286 .hj298-record-actions summary svg{width:15px;height:15px;}
body .hj-reference-v286 .hj298-record-actions details[open] summary{background:#f0f2f4;color:#24282e;}
body .hj-reference-v286 .hj298-record-popover{position:absolute;z-index:60;right:0;top:34px;width:330px;padding:13px;border:1px solid #dfe2e6;border-radius:11px;background:#fff;box-shadow:0 18px 50px rgba(17,20,26,.16);text-align:left;}
body .hj-reference-v286 .hj298-record-popover form:first-child{display:grid;gap:8px;}
body .hj-reference-v286 .hj298-record-popover form:first-child>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
body .hj-reference-v286 .hj298-delete-form{margin-top:10px;padding-top:10px;border-top:1px solid #eceef0;}
body .hj-reference-v286 .hj298-delete-form button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#a33a32;font-size:9.5px;font-weight:680;cursor:pointer;}
body .hj-reference-v286 .hj298-delete-form svg{width:13px;height:13px;}
body .hj-reference-v286 .hj298-split-layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.4fr);gap:13px;}
body .hj-reference-v286 .hj298-form-card,body .hj-reference-v286 .hj298-list-card{padding:16px;border:1px solid #e4e7ea;border-radius:11px;background:#fbfbfc;}
body .hj-reference-v286 .hj298-form-card h3,body .hj-reference-v286 .hj298-list-card h3{margin:3px 0 4px;color:#262a30;font-size:13px;font-weight:680;}
body .hj-reference-v286 .hj298-form-card>p,body .hj-reference-v286 .hj298-list-card header p{margin:0 0 13px;color:#878c94;font-size:9.5px;line-height:1.5;}
body .hj-reference-v286 .hj298-card-kicker{color:#8d929a;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.09em;}
body .hj-reference-v286 .hj298-stack-form{display:grid;gap:9px;}
body .hj-reference-v286 .hj298-stack-form .hj298-primary-button,body .hj-reference-v286 .hj298-stack-form .hj298-danger-button{width:max-content;margin-top:2px;}
body .hj-reference-v286 .hj298-inline-fields{display:grid;grid-template-columns:.75fr 1.25fr;gap:8px;}
body .hj-reference-v286 .hj298-simple-list{display:grid;gap:0;border:1px solid #e6e8eb;border-radius:9px;background:#fff;overflow:hidden;}
body .hj-reference-v286 .hj298-simple-list>div,body .hj-reference-v286 .hj298-simple-list>a{min-height:52px;display:flex;align-items:center;gap:10px;padding:9px 11px;border-bottom:1px solid #eceef0;color:inherit;text-decoration:none;}
body .hj-reference-v286 .hj298-simple-list>*:last-child{border-bottom:0;}
body .hj-reference-v286 .hj298-simple-list>*>div{min-width:0;flex:1;}
body .hj-reference-v286 .hj298-simple-list strong{display:block;color:#34383e;font-size:10.5px;}
body .hj-reference-v286 .hj298-simple-list small{display:block;margin-top:3px;overflow:hidden;color:#858a92;font-size:9px;white-space:nowrap;text-overflow:ellipsis;}
body .hj-reference-v286 .hj298-simple-list b{color:#676d75;font-size:9px;font-weight:650;white-space:nowrap;}
body .hj-reference-v286 .hj298-simple-list>a>svg{width:14px;height:14px;color:#969ba3;}
body .hj-reference-v286 .hj298-list-icon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:#f0f1f3;color:#555b64;}
body .hj-reference-v286 .hj298-list-icon svg{width:14px;height:14px;}
body .hj-reference-v286 .hj298-inline-empty{display:flex;align-items:center;gap:11px;padding:14px;border:1px dashed #dfe2e6;border-radius:9px;background:#fff;color:#757b84;}
body .hj-reference-v286 .hj298-inline-empty>span{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#f1f2f4;}
body .hj-reference-v286 .hj298-inline-empty svg{width:15px;height:15px;}
body .hj-reference-v286 .hj298-inline-empty strong{display:block;color:#4b5058;font-size:10.5px;}
body .hj-reference-v286 .hj298-inline-empty small{display:block;margin-top:2px;font-size:9px;line-height:1.45;}
body .hj-reference-v286 .hj298-danger{margin-top:12px;}
body .hj-reference-v286 .hj298-danger>summary{color:#9a3932;font-size:9px;font-weight:680;cursor:pointer;}
body .hj-reference-v286 .hj298-danger>.hj298-stack-form{margin-top:10px;padding:12px;border-radius:9px;background:#fff4f3;}
body .hj-reference-v286 .hj298-ns-list{display:grid;gap:7px;}
body .hj-reference-v286 .hj298-ns-list>div{height:42px;display:flex;align-items:center;gap:10px;padding:0 11px;border:1px solid #e4e7ea;border-radius:8px;background:#fff;}
body .hj-reference-v286 .hj298-ns-list span{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;background:#f0f1f3;color:#676d75;font-size:8px;font-weight:700;}
body .hj-reference-v286 .hj298-ns-list code{min-width:0;flex:1;overflow:hidden;color:#353a41;font:600 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap;text-overflow:ellipsis;}
body .hj-reference-v286 .hj298-ns-list b{color:#17744c;font-size:8.5px;} body .hj-reference-v286 .hj298-ns-list b.is-muted{color:#999ea6;}
body .hj-reference-v286 .hj298-mode-choice{display:grid;grid-template-columns:1fr 1fr;gap:7px;}
body .hj-reference-v286 .hj298-mode-choice label{display:block;}
body .hj-reference-v286 .hj298-mode-choice input{position:absolute;opacity:0;pointer-events:none;}
body .hj-reference-v286 .hj298-mode-choice span{display:block;padding:10px;border:1px solid #e0e3e7;border-radius:8px;background:#fff;cursor:pointer;}
body .hj-reference-v286 .hj298-mode-choice input:checked+span{border-color:#8274df;background:#f3f0ff;box-shadow:0 0 0 2px rgba(113,92,213,.08);}
body .hj-reference-v286 .hj298-mode-choice b{display:block;color:#373b42;font-size:9.5px;} body .hj-reference-v286 .hj298-mode-choice small{display:block;margin-top:3px;color:#8a8f97;font-size:8.5px;}
body .hj-reference-v286 .hj298-ns-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
body .hj-reference-v286 .hj298-domain-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
body .hj-reference-v286 .hj298-connected-list{margin-top:12px;}
body .hj-reference-v286 .hj298-email-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
body .hj-reference-v286 .hj298-email-grid article{display:flex;align-items:flex-start;gap:11px;padding:14px;border:1px solid #e4e7ea;border-radius:10px;background:#fbfbfc;}
body .hj-reference-v286 .hj298-email-grid article>span{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:#fff0e5;color:#b86820;}
body .hj-reference-v286 .hj298-email-grid article.is-good>span{background:#e9f8f0;color:#18754c;}
body .hj-reference-v286 .hj298-email-grid svg{width:15px;height:15px;}
body .hj-reference-v286 .hj298-email-grid small{display:block;color:#8b9098;font-size:8px;font-weight:720;text-transform:uppercase;letter-spacing:.07em;}
body .hj-reference-v286 .hj298-email-grid strong{display:block;margin-top:3px;color:#30343a;font-size:12px;}
body .hj-reference-v286 .hj298-email-grid p{margin:4px 0 0;color:#858a92;font-size:9px;line-height:1.45;}
body .hj-reference-v286 .hj298-email-note{display:flex;align-items:center;gap:12px;margin-top:11px;padding:13px;border:1px solid #e3e5e9;border-radius:10px;background:#f7f6ff;}
body .hj-reference-v286 .hj298-email-note>span{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#ece8ff;color:#674ed1;}
body .hj-reference-v286 .hj298-email-note>span svg{width:17px;height:17px;}
body .hj-reference-v286 .hj298-email-note>div{min-width:0;flex:1;}
body .hj-reference-v286 .hj298-email-note strong{display:block;color:#34383f;font-size:11px;}
body .hj-reference-v286 .hj298-email-note p{margin:3px 0 0;color:#7f848d;font-size:9px;line-height:1.5;}
body .hj-reference-v286 .hj298-empty{display:flex;align-items:center;gap:13px;padding:22px;border:1px solid #e4e7ea;border-radius:12px;background:#fff;}
body .hj-reference-v286 .hj298-empty>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#f1f2f4;color:#646a73;}
body .hj-reference-v286 .hj298-empty svg{width:18px;height:18px;} body .hj-reference-v286 .hj298-empty>div{min-width:0;flex:1;} body .hj-reference-v286 .hj298-empty strong{display:block;font-size:12px;} body .hj-reference-v286 .hj298-empty p{margin:3px 0 0;color:#7d828b;font-size:10px;}
@media(max-width:1180px){body .hj-reference-v286 .hj298-domain-context{grid-template-columns:1fr auto;}body .hj-reference-v286 .hj298-context-metrics{grid-column:1/-1;order:3;}body .hj-reference-v286 .hj298-context-metrics>div:first-child{border-left:0;padding-left:0;}body .hj-reference-v286 .hj298-record-form{grid-template-columns:80px 1fr 1.4fr 110px;}body .hj-reference-v286 .hj298-record-form>.hj298-primary-button{grid-column:4;}body .hj-reference-v286 .hj298-add-record{grid-template-columns:1fr;}body .hj-reference-v286 .hj298-domain-tools-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:860px){body .hj-reference-v286 .hj298-domain-page{padding:18px 15px 36px;}body .hj-reference-v286 .hj298-page-head{align-items:flex-start;flex-direction:column;}body .hj-reference-v286 .hj298-head-actions{width:100%;justify-content:space-between;}body .hj-reference-v286 .hj298-domain-context{grid-template-columns:1fr;}body .hj-reference-v286 .hj298-context-metrics{grid-template-columns:1fr 1fr;}body .hj-reference-v286 .hj298-context-metrics>div:nth-child(odd){border-left:0;padding-left:0;}body .hj-reference-v286 .hj298-context-actions{position:absolute;right:32px;}body .hj-reference-v286 .hj298-record-form{grid-template-columns:90px 1fr;}body .hj-reference-v286 .hj298-record-form .is-value{grid-column:1/-1;}body .hj-reference-v286 .hj298-record-form>.hj298-primary-button{grid-column:auto;}body .hj-reference-v286 .hj298-split-layout{grid-template-columns:1fr;}body .hj-reference-v286 .hj298-domain-tools-grid{grid-template-columns:1fr;}body .hj-reference-v286 .hj298-email-grid{grid-template-columns:1fr;}body .hj-reference-v286 .hj298-dns-table th:nth-child(4),body .hj-reference-v286 .hj298-dns-table td:nth-child(4){display:none;}}
@media(max-width:620px){body .hj-reference-v286 .hj298-domain-page{padding:14px 10px 30px;}body .hj-reference-v286 .hj298-page-head h1{font-size:23px;}body .hj-reference-v286 .hj298-head-actions .hj-service-switcher{display:none!important;}body .hj-reference-v286 .hj298-domain-context{padding:12px;}body .hj-reference-v286 .hj298-context-actions{position:static;}body .hj-reference-v286 .hj298-context-metrics{grid-template-columns:1fr 1fr;gap:10px;}body .hj-reference-v286 .hj298-context-metrics>div{padding:0;border-left:0;}body .hj-reference-v286 .hj298-panel{padding:13px;border-radius:12px;}body .hj-reference-v286 .hj298-panel-head{align-items:flex-start;}body .hj-reference-v286 .hj298-record-form{grid-template-columns:1fr;}body .hj-reference-v286 .hj298-record-form .is-value,body .hj-reference-v286 .hj298-record-form>.hj298-primary-button{grid-column:auto;}body .hj-reference-v286 .hj298-record-toolbar{align-items:stretch;flex-direction:column;}body .hj-reference-v286 .hj298-search{min-width:0;max-width:none;}body .hj-reference-v286 .hj298-filter-pills{overflow:auto;}body .hj-reference-v286 .hj298-dns-table th:nth-child(2),body .hj-reference-v286 .hj298-dns-table td:nth-child(2){display:none;}body .hj-reference-v286 .hj298-record-popover{position:fixed;z-index:100100;left:10px;right:10px;top:auto;bottom:10px;width:auto;max-height:78vh;overflow:auto;border-radius:15px;}body .hj-reference-v286 .hj298-ns-fields,body .hj-reference-v286 .hj298-mode-choice{grid-template-columns:1fr;}body .hj-reference-v286 .hj298-email-note{align-items:flex-start;flex-wrap:wrap;}body .hj-reference-v286 .hj298-email-note .hj298-primary-button{width:100%;}}

/* 0.28.20 — disciplined DNS workspace inspired by the supplied structural reference. */
body .hj-reference-v286.hj-page-current-domains .hj-content{background:#f7f8fa!important;}
body .hj-reference-v286 .hj302-dns-workspace{position:relative;padding:0;overflow:hidden;border-color:#e3e6ea;border-radius:15px;box-shadow:0 1px 2px rgba(17,20,24,.025),0 18px 44px -38px rgba(17,20,24,.28);}
body .hj-reference-v286 .hj302-dns-head{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 20px;border-bottom:1px solid #e8eaed;background:#fff;}
body .hj-reference-v286 .hj302-dns-title{min-width:0;display:flex;align-items:center;gap:12px;}
body .hj-reference-v286 .hj302-dns-title-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #e2e5e9;border-radius:10px;background:#f7f8fa;color:#252a31;}
body .hj-reference-v286 .hj302-dns-title-icon svg{width:17px;height:17px;}
body .hj-reference-v286 .hj302-dns-title>div>span{display:block;margin-bottom:2px;color:#9298a1;font-size:8.5px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;}
body .hj-reference-v286 .hj302-dns-title h2{margin:0;color:#171a1f;font-size:17px;line-height:1.25;font-weight:720;letter-spacing:-.02em;}
body .hj-reference-v286 .hj302-dns-title p{margin:4px 0 0;color:#7d838d;font-size:10px;line-height:1.45;}
body .hj-reference-v286 .hj302-dns-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto;}
body .hj-reference-v286 .hj302-record-toolbar{min-height:58px;display:flex;align-items:center;gap:12px;padding:10px 20px;border-bottom:1px solid #ebedf0;background:#fafbfc;}
body .hj-reference-v286 .hj302-search{height:36px;min-width:250px;max-width:360px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #dfe3e7;border-radius:9px;background:#fff;color:#8a9099;transition:border-color .16s ease,box-shadow .16s ease;}
body .hj-reference-v286 .hj302-search:focus-within{border-color:#7b6fda;box-shadow:0 0 0 3px rgba(113,92,213,.09);}
body .hj-reference-v286 .hj302-search svg{width:14px;height:14px;flex:0 0 auto;}
body .hj-reference-v286 .hj302-search input{min-width:0;flex:1;height:100%;padding:0;border:0!important;outline:0!important;background:transparent!important;color:#252930;font-size:10.5px;box-shadow:none!important;}
body .hj-reference-v286 .hj302-search kbd{height:21px;display:inline-flex;align-items:center;padding:0 6px;border:1px solid #e2e5e8;border-bottom-color:#d2d6db;border-radius:5px;background:#f7f8fa;color:#969ca5;font:600 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;}
body .hj-reference-v286 .hj302-filter-pills{display:flex;align-items:center;gap:5px;min-width:0;overflow:auto;scrollbar-width:none;}
body .hj-reference-v286 .hj302-filter-pills::-webkit-scrollbar{display:none;}
body .hj-reference-v286 .hj302-filter-pills button{height:28px;padding:0 10px;border:1px solid #e2e5e8;border-radius:999px;background:#fff;color:#727882;font-size:9px;font-weight:680;white-space:nowrap;cursor:pointer;}
body .hj-reference-v286 .hj302-filter-pills button.is-active{border-color:#1c1f24;background:#1c1f24;color:#fff;}
body .hj-reference-v286 .hj302-record-count{margin-left:auto;color:#9096a0;font-size:9px;font-weight:650;white-space:nowrap;}
body .hj-reference-v286 .hj302-dns-table-card{overflow:visible;margin:18px 20px 20px;border:1px solid #e1e4e8;border-radius:12px;background:#fff;box-shadow:0 8px 28px -24px rgba(22,25,30,.28);}
body .hj-reference-v286 .hj302-dns-table{table-layout:fixed;}
body .hj-reference-v286 .hj302-dns-table th{height:38px;padding:0 13px;background:#f6f7f9;color:#969ca5;font-size:8px;letter-spacing:.055em;}
body .hj-reference-v286 .hj302-dns-table th:nth-child(1){width:76px;}
body .hj-reference-v286 .hj302-dns-table th:nth-child(2){width:17%;}
body .hj-reference-v286 .hj302-dns-table th:nth-child(4){width:80px;}
body .hj-reference-v286 .hj302-dns-table th:nth-child(5){width:84px;}
body .hj-reference-v286 .hj302-dns-table th:nth-child(6){width:102px;}
body .hj-reference-v286 .hj302-dns-table th:nth-child(7){width:50px;}
body .hj-reference-v286 .hj302-dns-table td{height:52px;padding:8px 13px;color:#555b64;font-size:9.5px;}
body .hj-reference-v286 .hj302-dns-table tbody tr{transition:background .15s ease;}
body .hj-reference-v286 .hj302-dns-table tbody tr:hover{background:#fafbfc;}
body .hj-reference-v286 .hj302-dns-table td>strong{color:#30343a;font-size:10px;}
body .hj-reference-v286 .hj302-value-cell{display:flex;align-items:center;gap:7px;min-width:0;}
body .hj-reference-v286 .hj302-value-cell code{min-width:0;flex:1;}
body .hj-reference-v286 .hj302-copy-record{width:26px;height:26px;display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:7px;background:transparent;color:#a0a6af;opacity:0;cursor:pointer;transition:opacity .15s ease,background .15s ease,color .15s ease;}
body .hj-reference-v286 .hj302-dns-table tr:hover .hj302-copy-record,body .hj-reference-v286 .hj302-copy-record:focus-visible{opacity:1;}
body .hj-reference-v286 .hj302-copy-record:hover,body .hj-reference-v286 .hj302-copy-record.is-copied{background:#eef0f3;color:#23272d;}
body .hj-reference-v286 .hj302-copy-record svg{width:13px;height:13px;}
body .hj-reference-v286 .hj302-zone-status{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:999px;font-size:8.5px;font-weight:700;white-space:nowrap;}
body .hj-reference-v286 .hj302-zone-status i{width:6px;height:6px;border-radius:50%;background:currentColor;}
body .hj-reference-v286 .hj302-zone-status.is-active{background:#f0f2f4;color:#6b727c;}
body .hj-reference-v286 .hj302-zone-status.is-verified{background:#e7f8ef;color:#168355;}
body.hj302-dns-drawer-open{overflow:hidden;}
body .hj-reference-v286 .hj302-dns-drawer-backdrop{position:fixed;inset:0;z-index:100090;border:0;background:rgba(16,18,22,.34);opacity:0;backdrop-filter:blur(2px);transition:opacity .22s ease;cursor:default;}
body .hj-reference-v286 .hj302-dns-drawer-backdrop.is-open{opacity:1;}
body .hj-reference-v286 .hj302-dns-drawer{position:fixed;z-index:100100;top:0;right:0;width:min(430px,92vw);height:100dvh;display:flex;flex-direction:column;background:#fff;box-shadow:-18px 0 60px -28px rgba(15,18,23,.42);transform:translateX(102%);visibility:hidden;transition:transform .32s cubic-bezier(.22,.8,.32,1),visibility .32s;}
body .hj-reference-v286 .hj302-dns-drawer.is-open{transform:translateX(0);visibility:visible;}
body .hj-reference-v286 .hj302-dns-drawer>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:21px 22px 18px;border-bottom:1px solid #e7e9ec;background:linear-gradient(180deg,#f8f9fa 0,#fff 100%);}
body .hj-reference-v286 .hj302-dns-drawer>header span{display:block;margin-bottom:4px;color:#979da6;font-size:8px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;}
body .hj-reference-v286 .hj302-dns-drawer>header h3{margin:0;color:#191c21;font-size:17px;font-weight:720;letter-spacing:-.02em;}
body .hj-reference-v286 .hj302-dns-drawer>header p{margin:5px 0 0;color:#7c828b;font-size:9.5px;line-height:1.45;}
body .hj-reference-v286 .hj302-dns-drawer>header>button{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:8px;background:#f0f2f4;color:#555c65;cursor:pointer;}
body .hj-reference-v286 .hj302-dns-drawer>header svg{width:14px;height:14px;}
body .hj-reference-v286 .hj302-dns-drawer-form{min-height:0;display:flex;flex:1;flex-direction:column;}
body .hj-reference-v286 .hj302-drawer-body{min-height:0;display:grid;gap:19px;flex:1;padding:20px 22px 28px;overflow:auto;}
body .hj-reference-v286 .hj302-field-group>label,body .hj-reference-v286 .hj302-dns-advanced label>span{display:block;margin-bottom:7px;color:#33373e;font-size:10px;font-weight:680;}
body .hj-reference-v286 .hj302-field-group>small{display:block;margin-top:6px;color:#8b919a;font-size:8.5px;line-height:1.45;}
body .hj-reference-v286 .hj302-field-group code{padding:1px 4px;border-radius:4px;background:#eff1f3;color:#353a41;font:600 8px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;}
body .hj-reference-v286 .hj302-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;}
body .hj-reference-v286 .hj302-type-grid button{min-width:0;height:54px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:0 10px;border:1px solid #dfe3e7;border-radius:9px;background:#fff;color:#727983;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;}
body .hj-reference-v286 .hj302-type-grid button b{color:#363a41;font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;}
body .hj-reference-v286 .hj302-type-grid button span{overflow:hidden;width:100%;font-size:7.5px;white-space:nowrap;text-overflow:ellipsis;}
body .hj-reference-v286 .hj302-type-grid button:hover{border-color:#b7bdc6;background:#fafbfc;}
body .hj-reference-v286 .hj302-type-grid button.is-selected{border-color:#24282e;background:#f2f3f5;box-shadow:0 0 0 2px rgba(28,31,36,.06);}
body .hj-reference-v286 .hj302-native-type{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;}
body .hj-reference-v286 .hj302-field-group :is(input,select,textarea),body .hj-reference-v286 .hj302-dns-advanced :is(input,select){width:100%;border:1px solid #dfe3e7;border-radius:9px;background:#fff;color:#272b31;font-size:10.5px;box-shadow:none;transition:border-color .15s ease,box-shadow .15s ease;}
body .hj-reference-v286 .hj302-field-group :is(input,select){height:39px;padding:0 11px;}
body .hj-reference-v286 .hj302-field-group textarea{min-height:76px;padding:10px 11px;resize:vertical;font:500 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;}
body .hj-reference-v286 .hj302-field-group :is(input,select,textarea):focus{border-color:#7364d4;outline:0;box-shadow:0 0 0 3px rgba(105,87,210,.09);}
body .hj-reference-v286 .hj302-host-field{display:flex;align-items:stretch;border:1px solid #dfe3e7;border-radius:9px;overflow:hidden;background:#fff;}
body .hj-reference-v286 .hj302-host-field:focus-within{border-color:#7364d4;box-shadow:0 0 0 3px rgba(105,87,210,.09);}
body .hj-reference-v286 .hj302-host-field input{min-width:0;flex:1;border:0!important;border-radius:0!important;box-shadow:none!important;}
body .hj-reference-v286 .hj302-host-field>span{max-width:52%;display:flex;align-items:center;padding:0 10px;border-left:1px solid #e2e5e8;background:#f6f7f9;color:#8b9199;font:500 8.5px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body .hj-reference-v286 .hj302-inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
body .hj-reference-v286 .hj302-dns-advanced{border-top:1px solid #eceef1;padding-top:2px;}
body .hj-reference-v286 .hj302-dns-advanced>summary{padding:11px 0 5px;color:#656b74;font-size:9px;font-weight:680;cursor:pointer;}
body .hj-reference-v286 .hj302-dns-advanced>div{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding-top:8px;}
body .hj-reference-v286 .hj302-zone-preview{padding:13px 14px;border-radius:10px;background:#191c21;color:#dce5df;box-shadow:0 12px 30px -22px rgba(16,18,22,.58);}
body .hj-reference-v286 .hj302-zone-preview>span{display:block;margin-bottom:6px;color:#777f8a;font:500 8px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;}
body .hj-reference-v286 .hj302-zone-preview code{display:block;overflow-wrap:anywhere;color:#dff9e9;font:500 9.5px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;}
body .hj-reference-v286 .hj302-dns-drawer-form>footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 22px;border-top:1px solid #e7e9ec;background:#fff;}
body .hj-reference-v286 .hj298-context-metrics>div.is-grace{margin:-7px 6px;padding:7px 10px;border:1px solid #f1d18c!important;border-radius:9px;background:#fff7e6;}
body .hj-reference-v286 .hj298-context-metrics>div.is-grace span,body .hj-reference-v286 .hj298-context-metrics>div.is-grace small{color:#9a6817;}
body .hj-reference-v286 .hj298-context-metrics>div.is-grace strong{color:#7c4f08;}
@media(max-width:980px){body .hj-reference-v286 .hj302-dns-table th:nth-child(4),body .hj-reference-v286 .hj302-dns-table td:nth-child(4){display:none;}body .hj-reference-v286 .hj302-record-toolbar{align-items:stretch;flex-wrap:wrap;}body .hj-reference-v286 .hj302-record-count{align-self:center;}}
@media(max-width:720px){body .hj-reference-v286 .hj302-dns-head{align-items:flex-start;flex-direction:column;padding:15px;}body .hj-reference-v286 .hj302-dns-actions{width:100%;justify-content:flex-end;}body .hj-reference-v286 .hj302-record-toolbar{padding:10px 12px;}body .hj-reference-v286 .hj302-search{min-width:100%;max-width:none;}body .hj-reference-v286 .hj302-dns-table-card{margin:12px;border-radius:10px;overflow:visible;}body .hj-reference-v286 .hj302-dns-table thead{display:none;}body .hj-reference-v286 .hj302-dns-table,body .hj-reference-v286 .hj302-dns-table tbody,body .hj-reference-v286 .hj302-dns-table tr,body .hj-reference-v286 .hj302-dns-table td{display:block;width:100%;}body .hj-reference-v286 .hj302-dns-table tr{position:relative;padding:12px 42px 12px 12px;border-bottom:1px solid #e8eaed;}body .hj-reference-v286 .hj302-dns-table tr:last-child{border-bottom:0;}body .hj-reference-v286 .hj302-dns-table td{height:auto;display:grid!important;grid-template-columns:82px minmax(0,1fr);gap:10px;padding:4px 0;border:0;}body .hj-reference-v286 .hj302-dns-table td::before{content:attr(data-label);color:#999fa8;font-size:7.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;}body .hj-reference-v286 .hj302-dns-table td.hj298-record-actions{position:absolute;top:9px;right:8px;display:block!important;width:auto;}body .hj-reference-v286 .hj302-dns-table td.hj298-record-actions::before{display:none;}body .hj-reference-v286 .hj302-copy-record{opacity:1;}body .hj-reference-v286 .hj302-dns-drawer{top:auto;bottom:0;width:100%;max-width:none;height:min(86dvh,760px);border-radius:18px 18px 0 0;transform:translateY(102%);box-shadow:0 -20px 60px -30px rgba(15,18,23,.48);}body .hj-reference-v286 .hj302-dns-drawer::before{content:"";position:absolute;top:8px;left:50%;width:38px;height:4px;border-radius:999px;background:#d6d9dd;transform:translateX(-50%);}body .hj-reference-v286 .hj302-dns-drawer.is-open{transform:translateY(0);}body .hj-reference-v286 .hj302-dns-drawer>header{padding-top:22px;}body .hj-reference-v286 .hj302-type-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media(max-width:440px){body .hj-reference-v286 .hj302-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));}body .hj-reference-v286 .hj302-inline-fields{grid-template-columns:1fr;}body .hj-reference-v286 .hj302-dns-advanced>div{grid-template-columns:1fr;}body .hj-reference-v286 .hj302-filter-pills{width:100%;}body .hj-reference-v286 .hj302-record-count{display:none;}}
body .hj-reference-v286 .hj302-field-group label>small{display:block;margin-top:6px;color:#8b919a;font-size:8.5px;font-weight:500;line-height:1.45;}
body .hj-reference-v286 .hj302-field-group label>textarea{margin-top:0;}

/* 0.28.21 — domain portfolio + white registrar-style management drawer */
body .hj-reference-v286 .hj303-domain-page{display:grid;gap:16px;max-width:1180px;margin:0 auto;padding:18px 22px 48px;color:#17191d;}
body .hj-reference-v286 .hj303-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:2px 2px 4px;}
body .hj-reference-v286 .hj303-page-head>div:first-child>span{display:block;margin-bottom:5px;color:#8b9199;font-size:8px;font-weight:760;letter-spacing:.09em;text-transform:uppercase;}
body .hj-reference-v286 .hj303-page-head h1{margin:0;color:#17191d;font-size:24px;font-weight:740;letter-spacing:-.035em;}
body .hj-reference-v286 .hj303-page-head p{margin:5px 0 0;color:#7a8089;font-size:10px;line-height:1.5;}
body .hj-reference-v286 .hj303-page-head .hj-service-switcher{margin:0;}
body .hj-reference-v286 .hj303-inventory-card,body .hj-reference-v286 .hj303-dns-section{overflow:hidden;border:1px solid #e1e4e8;border-radius:14px;background:#fff;box-shadow:0 10px 32px -28px rgba(20,23,28,.28);}
body .hj-reference-v286 .hj303-inventory-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px 13px;border-bottom:1px solid #e8eaed;}
body .hj-reference-v286 .hj303-inventory-card>header span,body .hj-reference-v286 .hj303-dns-section-head>div>span{display:block;margin-bottom:3px;color:#989ea7;font-size:7.5px;font-weight:760;letter-spacing:.08em;text-transform:uppercase;}
body .hj-reference-v286 .hj303-inventory-card>header h2,body .hj-reference-v286 .hj303-dns-section-head h2{margin:0;color:#1c1f24;font-size:15px;font-weight:720;letter-spacing:-.02em;}
body .hj-reference-v286 .hj303-inventory-card>header p,body .hj-reference-v286 .hj303-dns-section-head p{margin:4px 0 0;color:#858b94;font-size:9px;line-height:1.45;}
body .hj-reference-v286 .hj303-inventory-card>header>strong{height:25px;display:inline-flex;align-items:center;padding:0 9px;border-radius:999px;background:#f1f3f5;color:#727983;font-size:8px;font-weight:700;}
body .hj-reference-v286 .hj303-domain-list{padding:0 14px 14px;}
body .hj-reference-v286 .hj303-domain-row{min-height:68px;display:grid;grid-template-columns:minmax(220px,1.55fr) minmax(175px,1fr) minmax(160px,.92fr) 92px auto;align-items:center;gap:16px;padding:10px 8px;border-bottom:1px solid #eceef1;transition:background .15s ease;}
body .hj-reference-v286 .hj303-domain-row:last-child{border-bottom:0;}
body .hj-reference-v286 .hj303-domain-row:hover,body .hj-reference-v286 .hj303-domain-row.is-selected{background:#fafbfc;}
body .hj-reference-v286 .hj303-domain-identity{min-width:0;display:flex;align-items:center;gap:11px;}
body .hj-reference-v286 .hj303-domain-identity>span{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:#f0edff;color:#765ce6;}
body .hj-reference-v286 .hj303-domain-identity svg{width:15px;height:15px;}
body .hj-reference-v286 .hj303-domain-identity>div,body .hj-reference-v286 .hj303-domain-renewal,body .hj-reference-v286 .hj303-domain-source{min-width:0;}
body .hj-reference-v286 .hj303-domain-identity strong{display:block;overflow:hidden;color:#25282e;font-size:11px;font-weight:690;white-space:nowrap;text-overflow:ellipsis;}
body .hj-reference-v286 .hj303-domain-identity small,body .hj-reference-v286 .hj303-domain-renewal small,body .hj-reference-v286 .hj303-domain-source small{display:block;margin-top:3px;overflow:hidden;color:#8a9099;font-size:8px;line-height:1.35;white-space:nowrap;text-overflow:ellipsis;}
body .hj-reference-v286 .hj303-domain-renewal>span,body .hj-reference-v286 .hj303-domain-source>span{display:block;margin-bottom:3px;color:#9ba1aa;font-size:7px;font-weight:720;letter-spacing:.045em;text-transform:uppercase;}
body .hj-reference-v286 .hj303-domain-renewal strong,body .hj-reference-v286 .hj303-domain-source strong{display:block;overflow:hidden;color:#545a63;font-size:9.5px;font-weight:660;white-space:nowrap;text-overflow:ellipsis;}
body .hj-reference-v286 .hj303-domain-renewal.is-grace strong{color:#9c650b;}
body .hj-reference-v286 .hj303-domain-renewal.is-danger strong{color:#b8322c;}
body .hj-reference-v286 .hj303-domain-renewal.is-warning strong{color:#9a6817;}
body .hj-reference-v286 .hj303-domain-state{display:flex;align-items:center;gap:6px;color:#777d86;font-size:8px;font-weight:650;white-space:nowrap;}
body .hj-reference-v286 .hj303-domain-state i{width:7px;height:7px;border-radius:50%;background:#c5cad0;box-shadow:0 0 0 3px #f0f2f4;}
body .hj-reference-v286 .hj303-domain-state i.is-ready{background:#23a66e;box-shadow:0 0 0 3px #e4f6ee;}
body .hj-reference-v286 .hj303-domain-state i.is-pending{background:#e8a523;box-shadow:0 0 0 3px #fff4db;}
body .hj-reference-v286 .hj303-domain-action{height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid #dce0e5;border-radius:9px;background:#fff;color:#30343a;font-size:9px;font-weight:680;white-space:nowrap;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .12s ease;}
body .hj-reference-v286 .hj303-domain-action:hover{border-color:#c8cdd4;background:#f7f8f9;transform:translateY(-1px);}
body .hj-reference-v286 .hj303-domain-action.is-connect{border-color:#e4e6e9;background:#f1f2f4;color:#4f6fae;}
body .hj-reference-v286 .hj303-domain-action svg{width:13px;height:13px;}
body .hj-reference-v286 .hj303-dns-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;border-bottom:1px solid #e8eaed;}
body .hj-reference-v286 .hj303-dns-domain-picker label{display:flex;align-items:center;gap:8px;}
body .hj-reference-v286 .hj303-dns-domain-picker label>span{color:#8c929a;font-size:8px;font-weight:680;}
body .hj-reference-v286 .hj303-dns-domain-picker select{height:34px;min-width:220px;padding:0 32px 0 10px;border:1px solid #dfe3e7;border-radius:9px;background:#fff;color:#33373d;font-size:9.5px;box-shadow:none;}
body .hj-reference-v286 .hj303-dns-section .hj302-dns-workspace{border:0;border-radius:0;box-shadow:none;}
body .hj-reference-v286 .hj303-dns-section .hj302-dns-head{border-top:0;}
body .hj-reference-v286 .hj303-connect-prompt,body .hj-reference-v286 .hj303-empty{display:flex;align-items:center;gap:12px;margin:16px;padding:16px;border:1px dashed #dce0e5;border-radius:11px;background:#fafbfc;}
body .hj-reference-v286 .hj303-connect-prompt>span,body .hj-reference-v286 .hj303-empty>span{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:#eef1f4;color:#737a84;}
body .hj-reference-v286 .hj303-connect-prompt>div,body .hj-reference-v286 .hj303-empty>div{min-width:0;flex:1;}
body .hj-reference-v286 .hj303-connect-prompt strong,body .hj-reference-v286 .hj303-empty strong{display:block;color:#282c32;font-size:10.5px;}
body .hj-reference-v286 .hj303-connect-prompt p,body .hj-reference-v286 .hj303-empty p{margin:3px 0 0;color:#858b94;font-size:8.5px;line-height:1.45;}
body.hj303-domain-drawer-open{overflow:hidden;}
body .hj-reference-v286 .hj303-domain-drawer-backdrop{position:fixed;inset:0;z-index:100110;border:0;background:rgba(18,21,26,.28);opacity:0;backdrop-filter:blur(2px);transition:opacity .22s ease;}
body .hj-reference-v286 .hj303-domain-drawer-backdrop.is-open{opacity:1;}
body .hj-reference-v286 .hj303-domain-drawer{position:fixed;z-index:100120;top:0;right:0;width:min(456px,94vw);height:100dvh;background:#fff;color:#202329;box-shadow:-20px 0 64px -30px rgba(17,20,25,.44);transform:translateX(102%);visibility:hidden;transition:transform .32s cubic-bezier(.22,.8,.32,1),visibility .32s;}
body .hj-reference-v286 .hj303-domain-drawer.is-open{transform:translateX(0);visibility:visible;}
body .hj-reference-v286 .hj303-domain-drawer>div{height:100%;display:flex;flex-direction:column;}
body .hj-reference-v286 .hj303-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #e5e8eb;background:#fff;}
body .hj-reference-v286 .hj303-drawer-head>div{min-width:0;display:flex;align-items:center;gap:12px;}
body .hj-reference-v286 .hj303-drawer-domain-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#eef0f3;color:#30363e;}
body .hj-reference-v286 .hj303-drawer-domain-icon svg{width:16px;height:16px;}
body .hj-reference-v286 .hj303-drawer-head>div>div{min-width:0;}
body .hj-reference-v286 .hj303-drawer-head small{display:block;color:#969ca5;font-size:7.5px;font-weight:720;letter-spacing:.04em;text-transform:uppercase;}
body .hj-reference-v286 .hj303-drawer-head h2{margin:2px 0 0;overflow:hidden;color:#202329;font-size:16px;font-weight:720;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;}
body .hj-reference-v286 .hj303-drawer-head p{margin:3px 0 0;color:#8a9099;font-size:8.5px;}
body .hj-reference-v286 .hj303-drawer-head>button{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #e2e5e8;border-radius:9px;background:#fff;color:#5e646d;cursor:pointer;}
body .hj-reference-v286 .hj303-drawer-head>button svg{width:14px;height:14px;}
body .hj-reference-v286 .hj303-drawer-scroll{min-height:0;flex:1;overflow:auto;padding-bottom:24px;}
body .hj-reference-v286 .hj303-renewal-card{padding:19px 20px;border-bottom:1px solid #e5e8eb;background:#fff;}
body .hj-reference-v286 .hj303-renewal-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
body .hj-reference-v286 .hj303-renewal-card>header span:first-child{display:block;color:#969ca5;font-size:8px;font-weight:720;text-transform:uppercase;letter-spacing:.06em;}
body .hj-reference-v286 .hj303-renewal-card>header strong{display:block;margin-top:5px;color:#25282e;font-size:13px;font-weight:700;}
body .hj-reference-v286 .hj303-renewal-card>header small{display:block;margin-top:3px;color:#858b94;font-size:8.5px;}
body .hj-reference-v286 .hj303-renewal-state{height:24px;display:inline-flex!important;align-items:center;padding:0 9px;border-radius:999px;background:#f1f3f5;color:#707781!important;font-size:7.5px!important;font-weight:720!important;white-space:nowrap;}
body .hj-reference-v286 .hj303-renewal-state.is-grace{background:#fff2d7;color:#9b670d!important;}
body .hj-reference-v286 .hj303-renewal-state.is-danger{background:#feeceb;color:#b63c35!important;}
body .hj-reference-v286 .hj303-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:15px;overflow:hidden;border:1px solid #e6e9ec;border-radius:10px;background:#e6e9ec;}
body .hj-reference-v286 .hj303-plan-grid>div{min-width:0;padding:10px 11px;background:#fafbfc;}
body .hj-reference-v286 .hj303-plan-grid span{display:block;color:#979da6;font-size:7px;font-weight:690;text-transform:uppercase;letter-spacing:.045em;}
body .hj-reference-v286 .hj303-plan-grid strong{display:block;margin-top:3px;overflow:hidden;color:#34383f;font-size:9px;font-weight:650;white-space:nowrap;text-overflow:ellipsis;}
body .hj-reference-v286 .hj303-autorenew-form{margin-top:13px;}
body .hj-reference-v286 .hj303-autorenew-form label{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 11px;border:1px solid #e0e4e8;border-radius:10px;background:#fff;cursor:pointer;}
body .hj-reference-v286 .hj303-autorenew-form label>span{display:grid;grid-template-columns:22px 1fr;align-items:center;column-gap:7px;}
body .hj-reference-v286 .hj303-autorenew-form label>span svg{grid-row:1/3;width:15px;height:15px;color:#5d646d;}
body .hj-reference-v286 .hj303-autorenew-form b{font-size:9.5px;}
body .hj-reference-v286 .hj303-autorenew-form small{color:#8a9099;font-size:7.5px;}
body .hj-reference-v286 .hj303-autorenew-form input{position:absolute;opacity:0;pointer-events:none;}
body .hj-reference-v286 .hj303-autorenew-form i{position:relative;width:38px;height:22px;flex:0 0 auto;border-radius:999px;background:#d8dce1;transition:background .16s ease;}
body .hj-reference-v286 .hj303-autorenew-form i::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(20,23,28,.24);transition:transform .18s ease;}
body .hj-reference-v286 .hj303-autorenew-form input:checked+i{background:#4b67f3;}
body .hj-reference-v286 .hj303-autorenew-form input:checked+i::after{transform:translateX(16px);}
body .hj-reference-v286 .hj303-drawer-sections details{border-bottom:1px solid #e5e8eb;background:#fff;}
body .hj-reference-v286 .hj303-drawer-sections summary{min-height:58px;display:flex;align-items:center;gap:10px;padding:0 20px;color:#30343a;list-style:none;cursor:pointer;}
body .hj-reference-v286 .hj303-drawer-sections summary::-webkit-details-marker{display:none;}
body .hj-reference-v286 .hj303-drawer-sections summary>span{min-width:0;display:flex;align-items:center;gap:11px;flex:1;}
body .hj-reference-v286 .hj303-drawer-sections summary>span svg{width:17px;height:17px;color:#565d66;}
body .hj-reference-v286 .hj303-drawer-sections summary b{font-size:10.5px;font-weight:670;}
body .hj-reference-v286 .hj303-drawer-sections summary>svg{width:14px;height:14px;color:#858b94;transform:rotate(0);transition:transform .18s ease;}
body .hj-reference-v286 .hj303-drawer-sections details[open] summary>svg{transform:rotate(90deg);}
body .hj-reference-v286 .hj303-drawer-sections summary em{margin-left:auto;color:#9298a1;font-size:8.5px;font-style:normal;white-space:nowrap;}
body .hj-reference-v286 .hj303-section-body{display:grid;gap:12px;padding:0 20px 18px 48px;}
body .hj-reference-v286 .hj303-section-body>p,body .hj-reference-v286 .hj303-drawer-note{margin:0;color:#7f858e;font-size:8.5px;line-height:1.55;}
body .hj-reference-v286 .hj303-current-ns{display:grid;gap:6px;}
body .hj-reference-v286 .hj303-current-ns>div{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:8px;background:#f6f7f9;}
body .hj-reference-v286 .hj303-current-ns span{color:#8f959e;font-size:7px;font-weight:720;}
body .hj-reference-v286 .hj303-current-ns code{min-width:0;overflow:hidden;color:#454a52;font:600 8px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap;text-overflow:ellipsis;}
body .hj-reference-v286 .hj303-drawer-form{display:grid;gap:10px;}
body .hj-reference-v286 .hj303-drawer-form label>span,body .hj-reference-v286 .hj303-ns-inputs label>span{display:block;margin-bottom:5px;color:#5e646d;font-size:8px;font-weight:650;}
body .hj-reference-v286 .hj303-drawer-form :is(input,select),body .hj-reference-v286 .hj303-ns-inputs input{width:100%;height:36px;padding:0 10px;border:1px solid #dfe3e7;border-radius:8px;background:#fff;color:#30343a;font-size:9px;box-shadow:none;}
body .hj-reference-v286 .hj303-drawer-form :is(input,select):focus,body .hj-reference-v286 .hj303-ns-inputs input:focus{border-color:#6e62d9;outline:0;box-shadow:0 0 0 3px rgba(104,88,210,.08);}
body .hj-reference-v286 .hj303-radio-cards{display:grid;grid-template-columns:1fr 1fr;gap:7px;}
body .hj-reference-v286 .hj303-radio-cards label{position:relative;cursor:pointer;}
body .hj-reference-v286 .hj303-radio-cards input{position:absolute;opacity:0;}
body .hj-reference-v286 .hj303-radio-cards span{display:block;padding:9px;border:1px solid #dfe3e7;border-radius:8px;background:#fff;}
body .hj-reference-v286 .hj303-radio-cards b{display:block;color:#3d4249;font-size:8.5px;}
body .hj-reference-v286 .hj303-radio-cards small{display:block;margin-top:2px;color:#969ca5;font-size:7px;}
body .hj-reference-v286 .hj303-radio-cards input:checked+span{border-color:#4b4f56;background:#f4f5f6;box-shadow:0 0 0 2px rgba(30,34,40,.05);}
body .hj-reference-v286 .hj303-ns-inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
body .hj-reference-v286 .hj303-black-button,body .hj-reference-v286 .hj303-light-button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border-radius:8px;font-size:8.5px;font-weight:680;text-decoration:none;cursor:pointer;}
body .hj-reference-v286 .hj303-black-button{border:1px solid #171a1f;background:#171a1f;color:#fff;box-shadow:0 7px 18px -12px rgba(16,19,24,.7);}
body .hj-reference-v286 .hj303-light-button{width:max-content;border:1px solid #dfe3e7;background:#fff;color:#3e444c;}
body .hj-reference-v286 .hj303-black-button svg,body .hj-reference-v286 .hj303-light-button svg{width:13px;height:13px;}
body .hj-reference-v286 .hj303-detail-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #eef0f2;}
body .hj-reference-v286 .hj303-detail-line:last-child{border-bottom:0;}
body .hj-reference-v286 .hj303-detail-line span{color:#8a9099;font-size:8px;}
body .hj-reference-v286 .hj303-detail-line strong{color:#3a3f46;font-size:8.5px;}
body .hj-reference-v286 .hj303-inline-email{display:flex;align-items:center;border:1px solid #dfe3e7;border-radius:8px;overflow:hidden;}
body .hj-reference-v286 .hj303-inline-email input{min-width:0;flex:1;border:0!important;border-radius:0!important;box-shadow:none!important;}
body .hj-reference-v286 .hj303-inline-email b{padding:0 9px;color:#858b94;font-size:7.5px;font-weight:600;white-space:nowrap;}
body .hj-reference-v286 .hj303-connected-product{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e2e5e8;border-radius:9px;background:#fafbfc;}
body .hj-reference-v286 .hj303-connected-product>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#eef1f4;color:#5e656f;}
body .hj-reference-v286 .hj303-connected-product>span svg{width:14px;height:14px;}
body .hj-reference-v286 .hj303-connected-product>div{min-width:0;flex:1;}
body .hj-reference-v286 .hj303-connected-product strong{display:block;color:#363b42;font-size:9px;}
body .hj-reference-v286 .hj303-connected-product small{display:block;margin-top:2px;color:#9197a0;font-size:7.5px;}
body .hj-reference-v286 .hj303-connected-product>b{color:#26805b;font-size:7.5px;}
@media(max-width:1080px){body .hj-reference-v286 .hj303-domain-row{grid-template-columns:minmax(210px,1.4fr) minmax(160px,1fr) minmax(150px,.9fr) auto;}body .hj-reference-v286 .hj303-domain-state{display:none;}}
@media(max-width:820px){body .hj-reference-v286 .hj303-domain-page{padding:14px 14px 40px;}body .hj-reference-v286 .hj303-page-head{align-items:flex-start;flex-direction:column;}body .hj-reference-v286 .hj303-domain-row{grid-template-columns:minmax(200px,1.45fr) minmax(150px,1fr) auto;}body .hj-reference-v286 .hj303-domain-source{display:none;}body .hj-reference-v286 .hj303-dns-section-head{align-items:flex-start;flex-direction:column;}body .hj-reference-v286 .hj303-dns-domain-picker,body .hj-reference-v286 .hj303-dns-domain-picker label,body .hj-reference-v286 .hj303-dns-domain-picker select{width:100%;}}
@media(max-width:640px){body .hj-reference-v286 .hj303-domain-page{gap:12px;padding:10px 10px 34px;}body .hj-reference-v286 .hj303-page-head h1{font-size:21px;}body .hj-reference-v286 .hj303-inventory-card>header{padding:14px;}body .hj-reference-v286 .hj303-domain-list{padding:0 8px 8px;}body .hj-reference-v286 .hj303-domain-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:11px 6px;}body .hj-reference-v286 .hj303-domain-renewal{grid-column:1/2;padding-left:47px;}body .hj-reference-v286 .hj303-domain-action{grid-column:2;grid-row:1/3;}body .hj-reference-v286 .hj303-domain-action:not(.is-connect) span{display:none;}body .hj-reference-v286 .hj303-domain-action:not(.is-connect){width:34px;padding:0;}body .hj-reference-v286 .hj303-domain-drawer{top:auto;bottom:0;width:100%;max-width:none;height:min(89dvh,780px);border-radius:18px 18px 0 0;transform:translateY(102%);box-shadow:0 -20px 60px -30px rgba(15,18,23,.5);}body .hj-reference-v286 .hj303-domain-drawer::before{content:"";position:absolute;z-index:2;top:8px;left:50%;width:38px;height:4px;border-radius:999px;background:#d6d9dd;transform:translateX(-50%);}body .hj-reference-v286 .hj303-domain-drawer.is-open{transform:translateY(0);}body .hj-reference-v286 .hj303-drawer-head{padding-top:24px;}body .hj-reference-v286 .hj303-section-body{padding-left:20px;}body .hj-reference-v286 .hj303-plan-grid{grid-template-columns:1fr;}body .hj-reference-v286 .hj303-ns-inputs{grid-template-columns:1fr;}}

/* 0.28.23 — refined white domain manager shared by Home and Domains. */
body .hj-reference-v286 .hj303-home-domain-manage{font:inherit;cursor:pointer;}
body .hj-reference-v286 .hj303-domain-drawer{width:min(488px,96vw);background:#fff;color:#17191d;overflow:hidden;box-shadow:-28px 0 80px -38px rgba(15,18,24,.42);transition:transform .34s cubic-bezier(.22,.82,.28,1),visibility .34s;}
body .hj-reference-v286 .hj303-domain-drawer>div{position:relative;height:100%;overflow:hidden;background:#fff;}
body .hj-reference-v286 .hj322-domain-manager{position:relative;height:100%;overflow:hidden;background:#fff;}
body .hj-reference-v286 .hj322-domain-view{position:absolute;inset:0;display:flex;min-width:0;flex-direction:column;background:#fff;opacity:0;transform:translateX(24px);pointer-events:none;will-change:transform,opacity;}
body .hj-reference-v286 .hj322-domain-view.is-active{z-index:2;opacity:1;transform:translateX(0);pointer-events:auto;}
body .hj-reference-v286 .hj322-domain-view.is-entering-forward{animation:hj322ViewIn .28s cubic-bezier(.22,.82,.28,1) both;}
body .hj-reference-v286 .hj322-domain-view.is-entering-back{animation:hj322ViewBack .26s cubic-bezier(.22,.82,.28,1) both;}
body .hj-reference-v286 .hj322-domain-view.is-leaving{animation:hj322ViewOut .18s ease both;pointer-events:none;}
@keyframes hj322ViewIn{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}
@keyframes hj322ViewBack{from{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:translateX(0)}}
@keyframes hj322ViewOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-12px)}}
body .hj-reference-v286 .hj303-drawer-head,body .hj-reference-v286 .hj322-subview-head{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-bottom:1px solid #e9ebee;background:rgba(255,255,255,.98);}
body .hj-reference-v286 .hj303-drawer-head{position:relative;z-index:3;}
body .hj-reference-v286 .hj303-drawer-domain-icon{width:38px;height:38px;border:1px solid #e9ebee;border-radius:11px;background:#f5f6f8;color:#24282f;}
body .hj-reference-v286 .hj303-drawer-head small{font-size:9px;letter-spacing:.055em;color:#969ca5;}
body .hj-reference-v286 .hj303-drawer-head h2{font-size:16px;line-height:1.25;font-weight:700;}
body .hj-reference-v286 .hj303-drawer-head p{font-size:10px;color:#838a94;}
body .hj-reference-v286 .hj303-drawer-head>button,body .hj-reference-v286 .hj322-subview-head>button{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border:1px solid transparent;border-radius:9px;background:#fff;color:#4e555e;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease;}
body .hj-reference-v286 .hj303-drawer-head>button:hover,body .hj-reference-v286 .hj322-subview-head>button:hover{border-color:#e4e7ea;background:#f6f7f8;transform:translateY(-1px);}
body .hj-reference-v286 .hj322-subview-head>button:first-child svg{transform:rotate(180deg);}
body .hj-reference-v286 .hj322-subview-head>div{min-width:0;flex:1;}
body .hj-reference-v286 .hj322-subview-head h2{margin:0;color:#1f2227;font-size:16px;font-weight:700;letter-spacing:-.015em;}
body .hj-reference-v286 .hj322-subview-head p{margin:2px 0 0;overflow:hidden;color:#8a9099;font-size:10px;white-space:nowrap;text-overflow:ellipsis;}
body .hj-reference-v286 .hj303-drawer-scroll,body .hj-reference-v286 .hj322-subview-scroll{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d8dce1 transparent;}
body .hj-reference-v286 .hj303-drawer-scroll::-webkit-scrollbar,body .hj-reference-v286 .hj322-subview-scroll::-webkit-scrollbar{width:6px;}
body .hj-reference-v286 .hj303-drawer-scroll::-webkit-scrollbar-thumb,body .hj-reference-v286 .hj322-subview-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:#d8dce1;}
body .hj-reference-v286 .hj303-renewal-card{padding:18px;border-bottom:1px solid #e9ebee;background:#fff;}
body .hj-reference-v286 .hj303-renewal-card>header{align-items:center;}
body .hj-reference-v286 .hj303-renewal-card>header span:first-child{font-size:9px;}
body .hj-reference-v286 .hj303-renewal-card>header strong{font-size:14px;}
body .hj-reference-v286 .hj303-renewal-card>header small{font-size:10px;}
body .hj-reference-v286 .hj322-renew-link{min-height:32px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid #e1e4e8;border-radius:999px;background:#f5f6f7;color:#3c65ad;font-size:10px;font-weight:700;text-decoration:none;transition:background .16s ease,transform .16s ease;}
body .hj-reference-v286 .hj322-renew-link:hover{background:#eef2f8;transform:translateY(-1px);}
body .hj-reference-v286 .hj303-plan-grid{margin-top:14px;border-radius:11px;}
body .hj-reference-v286 .hj303-plan-grid>div{padding:10px 11px;}
body .hj-reference-v286 .hj303-plan-grid span{font-size:8px;}
body .hj-reference-v286 .hj303-plan-grid strong{font-size:10px;}
body .hj-reference-v286 .hj303-autorenew-form{margin-top:12px;}
body .hj-reference-v286 .hj303-autorenew-form label{min-height:54px;padding:9px 12px;border-radius:11px;background:#fbfbfc;}
body .hj-reference-v286 .hj303-autorenew-form b{font-size:10px;}
body .hj-reference-v286 .hj303-autorenew-form small{font-size:8px;}
body .hj-reference-v286 .hj322-domain-menu{display:grid;padding-bottom:18px;border-top:1px solid #f1f2f4;}
body .hj-reference-v286 .hj322-domain-menu>button{min-height:61px;display:flex;align-items:center;gap:12px;width:100%;padding:9px 18px;border:0;border-bottom:1px solid #e9ebee;background:#fff;color:#252930;text-align:left;cursor:pointer;transition:background .15s ease,padding-left .18s ease;}
body .hj-reference-v286 .hj322-domain-menu>button:hover{background:#f8f9fa;padding-left:20px;}
body .hj-reference-v286 .hj322-domain-menu>button:active{background:#f2f4f6;}
body .hj-reference-v286 .hj322-domain-menu>button>span{min-width:0;display:grid;grid-template-columns:26px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:10px;flex:1;}
body .hj-reference-v286 .hj322-domain-menu>button>span>svg{grid-row:1/3;width:19px;height:19px;color:#4e555e;}
body .hj-reference-v286 .hj322-domain-menu b{overflow:hidden;font-size:11.5px;font-weight:680;white-space:nowrap;text-overflow:ellipsis;}
body .hj-reference-v286 .hj322-domain-menu small{margin-top:2px;overflow:hidden;color:#8b929b;font-size:9px;white-space:nowrap;text-overflow:ellipsis;}
body .hj-reference-v286 .hj322-domain-menu>button>em{color:#8d939b;font-size:9px;font-style:normal;white-space:nowrap;}
body .hj-reference-v286 .hj322-domain-menu>button>svg{width:14px;height:14px;color:#8d939b;}
body .hj-reference-v286 .hj322-subview-scroll{padding-bottom:24px;}
body .hj-reference-v286 .hj322-section{padding:20px 18px;border-bottom:1px solid #e9ebee;background:#fff;}
body .hj-reference-v286 .hj322-section.is-muted{background:#f7f8f9;}
body .hj-reference-v286 .hj322-section h3{margin:0;color:#25282e;font-size:15px;font-weight:700;letter-spacing:-.015em;}
body .hj-reference-v286 .hj322-section>p{margin:7px 0 0;color:#727983;font-size:11px;line-height:1.6;}
body .hj-reference-v286 .hj322-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;}
body .hj-reference-v286 .hj322-eyebrow{display:block;margin:0 0 12px;color:#90969f;font-size:8.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;}
body .hj-reference-v286 .hj322-ns-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:14px;padding:14px;border:1px solid #dfe3e7;border-radius:12px;background:#fff;box-shadow:0 8px 22px -22px rgba(20,24,30,.4);}
body .hj-reference-v286 .hj322-ns-card>div{min-width:0;display:grid;gap:5px;}
body .hj-reference-v286 .hj322-ns-card strong{font-size:11px;}
body .hj-reference-v286 .hj322-ns-card code{overflow:hidden;color:#606771;font:600 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap;text-overflow:ellipsis;}
body .hj-reference-v286 .hj322-info-line{display:flex;align-items:flex-start;gap:8px;margin-top:12px!important;color:#67707a!important;font-size:9.5px!important;}
body .hj-reference-v286 .hj322-info-line svg{width:14px;height:14px;flex:0 0 auto;color:#4b75c5;}
body .hj-reference-v286 .hj322-ns-editor{background:#fafbfc;animation:hj322EditorIn .22s ease both;}
@keyframes hj322EditorIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
body .hj-reference-v286 .hj303-radio-cards{margin-top:14px;}
body .hj-reference-v286 .hj303-radio-cards span{min-height:74px;padding:12px;border-radius:10px;}
body .hj-reference-v286 .hj303-radio-cards b{font-size:10px;}
body .hj-reference-v286 .hj303-radio-cards small{font-size:8px;line-height:1.35;}
body .hj-reference-v286 .hj303-radio-cards input:checked+span{border-color:#556fdb;background:#f5f7ff;box-shadow:0 0 0 2px rgba(85,111,219,.08);}
body .hj-reference-v286 .hj303-ns-inputs{margin-top:2px;}
body .hj-reference-v286 .hj303-drawer-form{margin-top:14px;gap:11px;}
body .hj-reference-v286 .hj303-drawer-form label>span,body .hj-reference-v286 .hj303-ns-inputs label>span{font-size:9px;}
body .hj-reference-v286 .hj303-drawer-form :is(input,select),body .hj-reference-v286 .hj303-ns-inputs input{height:40px;border-radius:9px;font-size:10px;}
body .hj-reference-v286 .hj322-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px;}
body .hj-reference-v286 .hj303-black-button,body .hj-reference-v286 .hj303-light-button{min-height:36px;padding:0 13px;border-radius:9px;font-size:9.5px;}
body .hj-reference-v286 .hj303-light-button.is-accent{border-color:#dfe5f3;background:#f2f5fa;color:#3d68b4;}
body .hj-reference-v286 .hj322-contact-card{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid #e1e4e8;border-radius:11px;background:#fff;}
body .hj-reference-v286 .hj322-contact-card>svg{width:20px;height:20px;flex:0 0 auto;color:#59616b;}
body .hj-reference-v286 .hj322-contact-card strong{display:block;font-size:11px;}
body .hj-reference-v286 .hj322-contact-card small{display:block;margin-top:3px;color:#747b85;font-size:9.5px;}
body .hj-reference-v286 .hj322-contact-card p{margin:9px 0 0;color:#858c95;font-size:9px;line-height:1.5;}
body .hj-reference-v286 .hj322-privacy-choice{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px;}
body .hj-reference-v286 .hj322-privacy-choice>div{padding:13px;border:1px solid #dde1e5;border-radius:10px;background:#fff;text-align:center;}
body .hj-reference-v286 .hj322-privacy-choice>div.is-selected{border-color:#5f71df;background:#f7f8ff;box-shadow:0 0 0 2px rgba(95,113,223,.08);}
body .hj-reference-v286 .hj322-privacy-choice b{display:block;font-size:10px;}
body .hj-reference-v286 .hj322-privacy-choice small{display:block;margin-top:4px;color:#858c95;font-size:8px;line-height:1.35;}
body .hj-reference-v286 .hj322-status-card{display:flex;align-items:flex-start;gap:11px;margin:14px 0;padding:13px;border:1px solid #dfe3e7;border-radius:11px;background:#fafbfc;}
body .hj-reference-v286 .hj322-status-card.is-success{border-color:#d8eee3;background:#f4fbf7;}
body .hj-reference-v286 .hj322-status-card>svg{width:20px;height:20px;color:#25805a;}
body .hj-reference-v286 .hj322-status-card strong{display:block;font-size:10.5px;}
body .hj-reference-v286 .hj322-status-card p{margin:4px 0 0;color:#718078;font-size:9px;line-height:1.5;}
body .hj-reference-v286 .hj322-domain-connection-card,body .hj-reference-v286 .hj322-connected-product{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid #e0e4e8;border-radius:11px;background:#fff;}
body .hj-reference-v286 .hj322-domain-connection-card>span,body .hj-reference-v286 .hj322-connected-product>span{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#f2f3f5;color:#505761;}
body .hj-reference-v286 .hj322-domain-connection-card>span svg,body .hj-reference-v286 .hj322-connected-product>span svg{width:17px;height:17px;}
body .hj-reference-v286 .hj322-domain-connection-card>div,body .hj-reference-v286 .hj322-connected-product>div{min-width:0;flex:1;}
body .hj-reference-v286 .hj322-domain-connection-card strong,body .hj-reference-v286 .hj322-connected-product strong{display:block;overflow:hidden;font-size:11px;white-space:nowrap;text-overflow:ellipsis;}
body .hj-reference-v286 .hj322-domain-connection-card small,body .hj-reference-v286 .hj322-connected-product small{display:block;margin-top:3px;color:#858c95;font-size:9px;}
body .hj-reference-v286 .hj322-connected-product b{display:flex;align-items:center;gap:6px;margin-top:9px;color:#2b825e;font-size:8px;text-transform:uppercase;}
body .hj-reference-v286 .hj322-connected-product b i{width:7px;height:7px;border-radius:50%;background:#2bb778;box-shadow:0 0 0 3px #e2f7ee;}
body .hj-reference-v286 .hj322-divider{display:flex;align-items:center;gap:10px;margin:20px 0;color:#949aa3;font-size:8px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;}
body .hj-reference-v286 .hj322-divider::before,body .hj-reference-v286 .hj322-divider::after{content:"";height:1px;flex:1;background:#e6e9ec;}
@media(max-width:640px){
  body .hj-reference-v286 .hj303-domain-drawer{height:min(92dvh,820px);border-radius:20px 20px 0 0;}
  body .hj-reference-v286 .hj303-drawer-head,body .hj-reference-v286 .hj322-subview-head{min-height:78px;padding:20px 16px 12px;}
  body .hj-reference-v286 .hj303-renewal-card,body .hj-reference-v286 .hj322-section{padding-left:16px;padding-right:16px;}
  body .hj-reference-v286 .hj322-domain-menu>button{padding-left:16px;padding-right:16px;}
  body .hj-reference-v286 .hj322-domain-menu>button:hover{padding-left:17px;}
  body .hj-reference-v286 .hj303-radio-cards,body .hj-reference-v286 .hj322-privacy-choice{grid-template-columns:1fr;}
  body .hj-reference-v286 .hj322-connected-product{align-items:flex-start;flex-wrap:wrap;}
  body .hj-reference-v286 .hj322-connected-product .hj303-light-button{margin-left:47px;}
}
@media(prefers-reduced-motion:reduce){body .hj-reference-v286 .hj322-domain-view,body .hj-reference-v286 .hj322-ns-editor{animation:none!important;transition:none!important;}}

/* 0.28.25 — exact supplied Add DNS Record drawer, safely scoped. */
body.hj302-dns-drawer-open{overflow:hidden!important;}
body .hj-reference-v286 .hjdns-exact-scrim{
  position:fixed;inset:0;z-index:2147483000;display:block!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;background:rgba(23,23,20,.36)!important;
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .22s ease,visibility .22s ease;
}
body .hj-reference-v286 .hjdns-exact-scrim[hidden]{display:none!important;}
body .hj-reference-v286 .hjdns-exact-scrim.is-open{opacity:1;visibility:visible;pointer-events:auto;}
body .hj-reference-v286 .hjdns-exact-drawer{
  --hjdns-surface:#fff;--hjdns-sunken:#faf9f6;--hjdns-hover:#f3f2ee;--hjdns-border:#e7e5e0;
  --hjdns-border-strong:#d8d6d0;--hjdns-text:#17171a;--hjdns-secondary:#6e6d66;--hjdns-tertiary:#a5a39a;
  --hjdns-accent:#3b4ce0;--hjdns-accent-hover:#2f3ec4;--hjdns-accent-soft:#eef0fe;--hjdns-accent-border:#d6dbfb;
  position:fixed!important;z-index:2147483001!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;
  width:512px!important;max-width:100vw!important;height:100dvh!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;background:#fff!important;color:var(--hjdns-text)!important;
  box-shadow:-24px 0 64px rgba(20,20,15,.10),-4px 0 16px rgba(20,20,15,.06)!important;
  overflow:hidden!important;opacity:1!important;visibility:hidden!important;pointer-events:none!important;
  transform:translateX(100%)!important;transition:transform .38s cubic-bezier(.2,.9,.25,1),visibility .38s!important;
  font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
body .hj-reference-v286 .hjdns-exact-drawer.is-open{visibility:visible!important;pointer-events:auto!important;transform:translateX(0)!important;}
body .hj-reference-v286 .hjdns-exact-drawer,body .hj-reference-v286 .hjdns-exact-drawer *{box-sizing:border-box;}
/* 0.28.26 — typography-only pass: every drawer element uses Poppins. */
body .hj-reference-v286 .hjdns-exact-drawer,body .hj-reference-v286 .hjdns-exact-drawer :is(button,input,textarea,select,option,label,span,p,strong,h1,h2,h3,h4,h5,h6,div){font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;}
body .hj-reference-v286 .hjdns-exact-form{height:100%;display:flex;flex-direction:column;margin:0;background:#fff;}
body .hj-reference-v286 .hjdns-exact-header{
  display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex:0 0 auto;
  padding:24px 24px 20px;border-bottom:1px solid var(--hjdns-border);background:#fff;
}
body .hj-reference-v286 .hjdns-exact-header-left{display:flex;gap:14px;align-items:flex-start;min-width:0;}
body .hj-reference-v286 .hjdns-exact-header-icon{
  width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex:0 0 40px;margin-top:2px;
  border:1px solid var(--hjdns-accent-border);border-radius:8px;background:var(--hjdns-accent-soft);color:var(--hjdns-accent);
}
body .hj-reference-v286 .hjdns-exact-header-icon svg{width:24px;height:24px;}
body .hj-reference-v286 .hjdns-exact-header-text{min-width:0;}
body .hj-reference-v286 .hjdns-exact-header-text h2{
  margin:0 0 3px!important;color:var(--hjdns-text)!important;font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:19px!important;line-height:1.3!important;font-weight:600!important;letter-spacing:-.01em!important;
}
body .hj-reference-v286 .hjdns-exact-header-text p{margin:0!important;color:var(--hjdns-secondary)!important;font-size:13.5px!important;line-height:1.45!important;}
body .hj-reference-v286 .hjdns-exact-header-text p strong{color:var(--hjdns-text)!important;font-weight:600!important;}
body .hj-reference-v286 .hjdns-exact-icon-btn{
  width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex:0 0 32px;margin:0!important;padding:0!important;
  border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:var(--hjdns-secondary)!important;
  box-shadow:none!important;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .1s ease;
}
body .hj-reference-v286 .hjdns-exact-icon-btn svg{width:20px;height:20px;}
body .hj-reference-v286 .hjdns-exact-icon-btn:hover{background:var(--hjdns-hover)!important;color:var(--hjdns-text)!important;}
body .hj-reference-v286 .hjdns-exact-icon-btn:active{transform:scale(.94);}
body .hj-reference-v286 .hjdns-exact-icon-btn:focus-visible{outline:2px solid var(--hjdns-accent);outline-offset:2px;}
body .hj-reference-v286 .hjdns-exact-body{min-height:0;flex:1;overflow-y:auto;padding:24px 24px 32px;background:#fff;overscroll-behavior:contain;}
body .hj-reference-v286 .hjdns-exact-body::-webkit-scrollbar{width:8px;}
body .hj-reference-v286 .hjdns-exact-body::-webkit-scrollbar-thumb{border-radius:8px;background:var(--hjdns-border-strong);}
body .hj-reference-v286 .hjdns-exact-field-group{margin:0 0 28px;}
body .hj-reference-v286 .hjdns-exact-preview-group{margin-bottom:0;}
body .hj-reference-v286 .hjdns-exact-group-label{
  display:block;margin:0 0 12px!important;color:var(--hjdns-secondary)!important;font-size:12.5px!important;line-height:1.35!important;
  font-weight:600!important;text-transform:uppercase;letter-spacing:.05em;
}
body .hj-reference-v286 .hjdns-exact-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
body .hj-reference-v286 .hjdns-exact-type-pill{
  min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px;margin:0!important;padding:12px 6px 10px!important;
  border:1px solid var(--hjdns-border)!important;border-radius:12px!important;background:var(--hjdns-sunken)!important;color:var(--hjdns-secondary)!important;
  box-shadow:none!important;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .12s ease,color .15s ease;
}
body .hj-reference-v286 .hjdns-exact-type-pill svg{width:18px;height:18px;flex:0 0 18px;}
body .hj-reference-v286 .hjdns-exact-type-pill span{color:inherit!important;font-size:12.5px!important;line-height:1.2!important;font-weight:600!important;letter-spacing:.01em;}
body .hj-reference-v286 .hjdns-exact-type-pill:hover{background:var(--hjdns-hover)!important;border-color:var(--hjdns-border-strong)!important;}
body .hj-reference-v286 .hjdns-exact-type-pill:active{transform:scale(.97);}
body .hj-reference-v286 .hjdns-exact-type-pill.active{
  background:var(--hjdns-accent-soft)!important;border-color:var(--hjdns-accent)!important;color:var(--hjdns-accent)!important;
  box-shadow:0 0 0 1px var(--hjdns-accent) inset!important;
}
body .hj-reference-v286 .hjdns-exact-native-type{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;}
body .hj-reference-v286 .hjdns-exact-type-desc{margin:12px 2px 0!important;color:var(--hjdns-tertiary)!important;font-size:13px!important;line-height:1.5!important;}
body .hj-reference-v286 .hjdns-exact-field{margin:0 0 16px;}
body .hj-reference-v286 .hjdns-exact-field:last-child{margin-bottom:0;}
body .hj-reference-v286 .hjdns-exact-field-row{display:flex;gap:12px;}
body .hj-reference-v286 .hjdns-exact-field-row>.hjdns-exact-field{min-width:0;flex:1;margin-bottom:0;}
body .hj-reference-v286 .hjdns-exact-field>label{
  display:flex;align-items:center;gap:6px;margin:0 0 6px!important;color:var(--hjdns-text)!important;font-size:13.5px!important;line-height:1.35!important;font-weight:600!important;
}
body .hj-reference-v286 .hjdns-exact-required-dot{width:4px;height:4px;border-radius:50%;background:var(--hjdns-accent);}
body .hj-reference-v286 .hjdns-exact-hint{margin:5px 2px 0!important;color:var(--hjdns-tertiary)!important;font-size:12.5px!important;line-height:1.5!important;}
body .hj-reference-v286 .hjdns-exact-input-wrap{
  position:relative;display:flex;align-items:center;min-height:42px;border:1px solid var(--hjdns-border);border-radius:8px;background:#fff;
  transition:border-color .15s ease,box-shadow .15s ease;
}
body .hj-reference-v286 .hjdns-exact-input-wrap:hover{border-color:var(--hjdns-border-strong);}
body .hj-reference-v286 .hjdns-exact-input-wrap.focused{border-color:var(--hjdns-accent);box-shadow:0 0 0 3.5px var(--hjdns-accent-soft);}
body .hj-reference-v286 .hjdns-exact-input-wrap input,body .hj-reference-v286 .hjdns-exact-input-wrap textarea{
  min-width:0;min-height:40px;flex:1;margin:0!important;padding:10px 12px!important;border:0!important;border-radius:0!important;outline:0!important;
  background:transparent!important;color:var(--hjdns-text)!important;box-shadow:none!important;font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:14px!important;line-height:1.45!important;
}
body .hj-reference-v286 .hjdns-exact-input-wrap textarea{min-height:64px;resize:vertical;font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:13px!important;line-height:1.55!important;}
body .hj-reference-v286 .hjdns-exact-input-wrap input::placeholder,body .hj-reference-v286 .hjdns-exact-input-wrap textarea::placeholder{color:var(--hjdns-tertiary)!important;opacity:1;}
body .hj-reference-v286 .hjdns-exact-input-suffix{padding-right:12px;color:var(--hjdns-tertiary);font-size:13.5px;font-weight:500;white-space:nowrap;}
body .hj-reference-v286 .hjdns-exact-dd{position:relative;}
body .hj-reference-v286 .hjdns-exact-dd-trigger{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0!important;padding:10px 12px!important;
  border:1px solid var(--hjdns-border)!important;border-radius:8px!important;background:#fff!important;color:var(--hjdns-text)!important;
  box-shadow:none!important;font-size:14px!important;line-height:1.45!important;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;
}
body .hj-reference-v286 .hjdns-exact-dd-trigger:hover{border-color:var(--hjdns-border-strong)!important;}
body .hj-reference-v286 .hjdns-exact-dd.open .hjdns-exact-dd-trigger{border-color:var(--hjdns-accent)!important;box-shadow:0 0 0 3.5px var(--hjdns-accent-soft)!important;}
body .hj-reference-v286 .hjdns-exact-dd-trigger svg{width:16px;height:16px;flex:0 0 16px;color:var(--hjdns-tertiary);transition:transform .15s ease;}
body .hj-reference-v286 .hjdns-exact-dd.open .hjdns-exact-dd-trigger svg{transform:rotate(180deg);}
body .hj-reference-v286 .hjdns-exact-dd-menu{
  position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;display:none;max-height:220px;overflow-y:auto;padding:6px;
  border:1px solid var(--hjdns-border);border-radius:12px;background:#fff;box-shadow:0 12px 32px rgba(20,20,15,.14),0 2px 8px rgba(20,20,15,.06);
}
body .hj-reference-v286 .hjdns-exact-dd.open .hjdns-exact-dd-menu{display:block;animation:hjdnsExactDdIn .14s ease-out both;}
@keyframes hjdnsExactDdIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
body .hj-reference-v286 .hjdns-exact-dd-option{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0!important;padding:9px 10px!important;
  border:0!important;border-radius:8px!important;background:transparent!important;color:var(--hjdns-text)!important;box-shadow:none!important;
  font-size:13.5px!important;line-height:1.35!important;text-align:left;cursor:pointer;
}
body .hj-reference-v286 .hjdns-exact-dd-option:hover{background:var(--hjdns-hover)!important;}
body .hj-reference-v286 .hjdns-exact-dd-option.selected{background:var(--hjdns-accent-soft)!important;color:var(--hjdns-accent)!important;font-weight:600!important;}
body .hj-reference-v286 .hjdns-exact-opt-meta{color:var(--hjdns-tertiary);font-size:12px;font-weight:400;}
body .hj-reference-v286 .hjdns-exact-dd-option.selected .hjdns-exact-opt-meta{color:var(--hjdns-accent);opacity:.75;}
body .hj-reference-v286 .hjdns-exact-preview-card{padding:16px 18px;border:1px solid var(--hjdns-border);border-radius:12px;background:var(--hjdns-sunken);}
body .hj-reference-v286 .hjdns-exact-preview-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;color:var(--hjdns-text);font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px;line-height:1.45;}
body .hj-reference-v286 .hjdns-exact-preview-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;background:var(--hjdns-accent);color:#fff;font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:11px;font-weight:700;letter-spacing:.03em;}
body .hj-reference-v286 .hjdns-exact-preview-host{color:var(--hjdns-text);font-weight:600;}
body .hj-reference-v286 .hjdns-exact-preview-arrow{color:var(--hjdns-tertiary);}
body .hj-reference-v286 .hjdns-exact-preview-value{color:var(--hjdns-text);word-break:break-all;}
body .hj-reference-v286 .hjdns-exact-preview-ttl{margin-left:auto;padding:3px 9px;border:1px solid var(--hjdns-border);border-radius:999px;background:#fff;color:var(--hjdns-tertiary);font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:12px;white-space:nowrap;}
body .hj-reference-v286 .hjdns-exact-preview-empty{color:var(--hjdns-tertiary);font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
body .hj-reference-v286 .hjdns-exact-footer{display:flex;justify-content:flex-end;gap:10px;flex:0 0 auto;padding:18px 24px;border-top:1px solid var(--hjdns-border);background:#fff;}
body .hj-reference-v286 .hjdns-exact-btn{
  min-height:42px;margin:0!important;padding:10px 18px!important;border:1px solid transparent!important;border-radius:999px!important;
  box-shadow:none!important;font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:14px!important;line-height:1.35!important;font-weight:600!important;cursor:pointer;
  transition:background .15s ease,border-color .15s ease,transform .1s ease,box-shadow .15s ease,opacity .15s ease;
}
body .hj-reference-v286 .hjdns-exact-btn:active{transform:scale(.97);}
body .hj-reference-v286 .hjdns-exact-btn:focus-visible{outline:2px solid var(--hjdns-accent);outline-offset:2px;}
body .hj-reference-v286 .hjdns-exact-btn-ghost{border-color:var(--hjdns-border)!important;background:transparent!important;color:var(--hjdns-secondary)!important;}
body .hj-reference-v286 .hjdns-exact-btn-ghost:hover{background:var(--hjdns-hover)!important;color:var(--hjdns-text)!important;}
body .hj-reference-v286 .hjdns-exact-btn-primary{background:var(--hjdns-accent)!important;color:#fff!important;box-shadow:0 1px 2px rgba(59,76,224,.15),0 4px 12px rgba(59,76,224,.22)!important;}
body .hj-reference-v286 .hjdns-exact-btn-primary:hover:not(:disabled){background:var(--hjdns-accent-hover)!important;}
body .hj-reference-v286 .hjdns-exact-btn-primary:disabled{background:#dcdbeF!important;color:#fff!important;box-shadow:none!important;cursor:not-allowed;}
@media(max-width:560px){body .hj-reference-v286 .hjdns-exact-drawer{width:100vw!important;}body .hj-reference-v286 .hjdns-exact-type-grid{grid-template-columns:repeat(4,minmax(0,1fr));}body .hj-reference-v286 .hjdns-exact-header{padding:20px 18px 17px;}body .hj-reference-v286 .hjdns-exact-body{padding:22px 18px 28px;}body .hj-reference-v286 .hjdns-exact-footer{padding:16px 18px;}}
@media(prefers-reduced-motion:reduce){body .hj-reference-v286 .hjdns-exact-drawer,body .hj-reference-v286 .hjdns-exact-drawer *{animation-duration:.001ms!important;transition-duration:.001ms!important;}}


/* 0.28.27 — domain manager subdomains and explicit nameserver modes. */
body .hj-reference-v286 .hj322-ns-mode-panel{margin-top:12px;padding:13px;border:1px solid #e1e4e8;border-radius:11px;background:#fff;animation:hj322EditorIn .18s ease both;}
body .hj-reference-v286 .hj322-ns-mode-panel[hidden]{display:none!important;}
body .hj-reference-v286 .hj322-ns-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px;}
body .hj-reference-v286 .hj322-ns-panel-head>div{min-width:0;}
body .hj-reference-v286 .hj322-ns-panel-head b{display:block;color:#25282e;font-size:10.5px;font-weight:700;}
body .hj-reference-v286 .hj322-ns-panel-head small{display:block;margin-top:3px;color:#858c95;font-size:8.5px;line-height:1.45;}
body .hj-reference-v286 .hj322-ns-panel-head>span{padding:4px 7px;border:1px solid #dfe5f3;border-radius:999px;background:#f3f6fb;color:#4769a8;font-size:7.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;}
body .hj-reference-v286 .hj303-ns-inputs.is-prefilled input{border-color:#e2e5e9;background:#f6f7f8;color:#535a64;cursor:default;}
body .hj-reference-v286 .hj327-count-pill{min-width:25px;height:25px;display:grid;place-items:center;border:1px solid #e0e4e8;border-radius:999px;background:#f6f7f8;color:#59616b;font-size:9px;font-weight:700;}
body .hj-reference-v286 .hj322-section-title>div{min-width:0;}
body .hj-reference-v286 .hj322-section-title>div>p{margin:4px 0 0;color:#858c95;font-size:9px;}
body .hj-reference-v286 .hj327-subdomain-list{display:grid;gap:8px;margin-top:14px;}
body .hj-reference-v286 .hj327-subdomain-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border:1px solid #e1e4e8;border-radius:11px;background:#fff;}
body .hj-reference-v286 .hj327-subdomain-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#f2f4f7;color:#52606f;}
body .hj-reference-v286 .hj327-subdomain-icon svg{width:16px;height:16px;}
body .hj-reference-v286 .hj327-subdomain-row>div{min-width:0;}
body .hj-reference-v286 .hj327-subdomain-row strong{display:block;overflow:hidden;color:#272b31;font-size:10.5px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;}
body .hj-reference-v286 .hj327-subdomain-row small{display:block;margin-top:3px;overflow:hidden;color:#8a919a;font-size:8.5px;white-space:nowrap;text-overflow:ellipsis;}
body .hj-reference-v286 .hj327-subdomain-row form{margin:0;}
body .hj-reference-v286 .hj327-delete-subdomain{width:32px;height:32px;display:grid;place-items:center;border:1px solid #eadfdf;border-radius:8px;background:#fff;color:#9f5551;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease;}
body .hj-reference-v286 .hj327-delete-subdomain:hover{border-color:#e4caca;background:#fff6f5;transform:translateY(-1px);}
body .hj-reference-v286 .hj327-delete-subdomain svg{width:14px;height:14px;}
body .hj-reference-v286 .hj327-subdomain-empty{display:flex;align-items:flex-start;gap:11px;margin-top:14px;padding:14px;border:1px dashed #dfe3e7;border-radius:11px;background:#fafbfc;}
body .hj-reference-v286 .hj327-subdomain-empty>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:#f0f2f5;color:#626a74;}
body .hj-reference-v286 .hj327-subdomain-empty svg{width:16px;height:16px;}
body .hj-reference-v286 .hj327-subdomain-empty strong{display:block;font-size:10.5px;}
body .hj-reference-v286 .hj327-subdomain-empty p{margin:4px 0 0;color:#7f8790;font-size:8.8px;line-height:1.5;}
body .hj-reference-v286 .hj327-subdomain-form{margin-top:14px;}
body .hj-reference-v286 .hj327-subdomain-input{display:flex;align-items:center;border:1px solid #dfe3e7;border-radius:9px;background:#fff;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease;}
body .hj-reference-v286 .hj327-subdomain-input:focus-within{border-color:#5b70db;box-shadow:0 0 0 3px rgba(91,112,219,.1);}
body .hj-reference-v286 .hj327-subdomain-input input{min-width:0;flex:1;border:0!important;box-shadow:none!important;}
body .hj-reference-v286 .hj327-subdomain-input b{max-width:58%;padding:0 11px;overflow:hidden;color:#8b929b;font-size:9px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;}
body .hj-reference-v286 .hj327-subdomain-form label>span small{color:#9ca2aa;font-size:8px;font-weight:500;}
body .hj-reference-v286 .hj327-subdomain-form .hj303-black-button{justify-self:start;display:inline-flex;align-items:center;gap:6px;}
body .hj-reference-v286 .hj327-subdomain-form .hj303-black-button svg{width:13px;height:13px;}
@media(max-width:640px){body .hj-reference-v286 .hj327-subdomain-input b{max-width:52%;}body .hj-reference-v286 .hj327-subdomain-row{grid-template-columns:32px minmax(0,1fr) auto;padding:10px;}}

/* 0.28.29 — original Domains page controls, portfolio summary and Add Domain dialog. */
.hj303-page-head-original{align-items:flex-start}
.hj303-page-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.hj303-page-actions .hj-service-switcher{margin:0}
.hj303-page-actions .hj303-light-button,.hj303-page-actions .hj303-black-button{min-height:42px;white-space:nowrap}
.hj303-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}
.hj303-summary-grid article{min-width:0;padding:18px 20px;border:1px solid #e8e8e6;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.02)}
.hj303-summary-grid span{display:block;margin-bottom:8px;color:#777873;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.hj303-summary-grid strong{display:block;color:#18191b;font-size:20px;line-height:1.2;letter-spacing:-.025em}
.hj303-summary-grid small{display:block;margin-top:6px;color:#8b8c87;font-size:12px;line-height:1.5}
.hj303-add-domain-modal{position:fixed;inset:0;z-index:100040;display:grid;place-items:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .18s ease}
.hj303-add-domain-modal[hidden]{display:none!important}
.hj303-add-domain-modal.is-open{opacity:1;pointer-events:auto}
.hj303-add-domain-backdrop{position:absolute;inset:0;border:0;background:rgba(17,18,20,.36);backdrop-filter:blur(2px);cursor:default}
.hj303-add-domain-card{position:relative;width:min(480px,100%);overflow:hidden;border:1px solid #e4e5e2;border-radius:20px;background:#fff;box-shadow:0 28px 80px rgba(18,20,24,.22);transform:translateY(10px) scale(.985);transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.hj303-add-domain-modal.is-open .hj303-add-domain-card{transform:none}
.hj303-add-domain-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px 18px;border-bottom:1px solid #ececea}
.hj303-add-domain-card>header span{display:block;margin-bottom:5px;color:#858681;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.hj303-add-domain-card>header h2{margin:0;color:#17181a;font-size:22px;line-height:1.2;letter-spacing:-.03em}
.hj303-add-domain-card>header p{margin:6px 0 0;color:#777873;font-size:13px;line-height:1.5}
.hj303-add-domain-card>header button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:9px;background:#f5f5f3;color:#62635f;cursor:pointer}
.hj303-add-domain-card>header button svg{width:17px;height:17px}
.hj303-add-domain-card form{display:grid;gap:18px;padding:22px 24px 24px}
.hj303-add-domain-card label{display:grid;gap:7px;color:#26272a;font-size:13px;font-weight:600}
.hj303-add-domain-card label em{margin-left:5px;color:#9a9b96;font-size:11px;font-style:normal;font-weight:500}
.hj303-add-domain-card input{width:100%;height:46px;padding:0 13px;border:1px solid #dedfdb;border-radius:10px;background:#fff;color:#191a1c;font:inherit;font-weight:500;outline:0;transition:border-color .15s ease,box-shadow .15s ease}
.hj303-add-domain-card input:focus{border-color:#34363b;box-shadow:0 0 0 3px rgba(30,32,36,.08)}
.hj303-add-domain-card label small{color:#8b8c87;font-size:11px;font-weight:400;line-height:1.5}
.hj303-add-domain-card form footer{display:flex;justify-content:flex-end;gap:10px;padding-top:2px}
body.hj303-add-domain-open{overflow:hidden!important}
.hj303-dns-page .hj303-dns-section{margin-top:0}
@media(max-width:900px){.hj303-summary-grid{grid-template-columns:1fr}.hj303-page-actions{width:100%;justify-content:flex-start}}
@media(max-width:640px){.hj303-add-domain-modal{align-items:end;padding:0}.hj303-add-domain-card{width:100%;border-radius:22px 22px 0 0}.hj303-page-actions .hj303-black-button,.hj303-page-actions .hj303-light-button{flex:1;justify-content:center}}
.hj329-domain-sync-form{display:inline-flex;margin:0}
.hj329-domain-sync-form .hj303-light-button{font:inherit;cursor:pointer}

/* 0.28.31 — dedicated Subdomains section on the Domains portfolio page. */
body .hj-reference-v286 .hj330-subdomain-portfolio .hj330-subdomain-row .hj303-domain-identity>span{background:#eef3ff;color:#4f6fe8}
body .hj-reference-v286 .hj330-subdomain-portfolio .hj330-subdomain-empty{margin-bottom:2px}

/* 0.28.39 — supplied premium domain-manager visual layer.
 * Design-only adaptation. Existing HALO/cPanel forms, URLs, permissions,
 * nonces, data attributes and runtime handlers remain unchanged.
 */
body.hj303-domain-drawer-open{overflow:hidden!important;}
body .hj-reference-v286 .hj303-domain-drawer,
body .hj-reference-v286 .hj303-domain-drawer *{box-sizing:border-box;}
body .hj-reference-v286 .hj303-domain-drawer{
  --dm-ink-950:#14171e;--dm-ink-800:#252b36;--dm-ink-700:#3b4250;--dm-ink-500:#6b7280;
  --dm-ink-400:#9aa2ad;--dm-ink-300:#c9cfd8;--dm-ink-200:#e1e4ea;--dm-ink-100:#edeff3;--dm-ink-50:#f6f7f9;
  --dm-surface:#fff;--dm-accent-600:#3a54de;--dm-accent-500:#4c64ee;--dm-accent-100:#e7ebff;--dm-accent-50:#f4f6ff;
  --dm-good-600:#17875c;--dm-good-500:#22a96e;--dm-good-100:#e1f5eb;--dm-danger-600:#ce3b3b;--dm-danger-100:#faeaea;
  --dm-r-sm:8px;--dm-r-md:12px;--dm-r-lg:16px;--dm-r-xl:20px;--dm-r-full:999px;
  --dm-ease:cubic-bezier(.32,.72,0,1);
  position:fixed!important;inset:0 0 0 auto!important;z-index:100040!important;width:436px!important;max-width:92vw!important;height:100dvh!important;
  overflow:hidden!important;background:var(--dm-surface)!important;color:var(--dm-ink-950)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  transform:translateX(100%)!important;visibility:hidden!important;pointer-events:none!important;
  box-shadow:-30px 0 60px -24px rgba(15,17,23,.35),-1px 0 0 rgba(15,17,23,.06)!important;
  transition:transform .4s var(--dm-ease),visibility .4s!important;
}
body .hj-reference-v286 .hj303-domain-drawer.is-open{transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important;}
body .hj-reference-v286 .hj303-domain-drawer-backdrop{
  position:fixed!important;inset:0!important;z-index:100030!important;border:0!important;background:rgba(15,17,23,.5)!important;
  opacity:0!important;pointer-events:none!important;transition:opacity .32s var(--dm-ease)!important;
}
body .hj-reference-v286 .hj303-domain-drawer-backdrop.is-open{opacity:1!important;pointer-events:auto!important;}
body .hj-reference-v286 .hj303-domain-drawer>div,
body .hj-reference-v286 .hj322-domain-manager{position:relative!important;height:100%!important;overflow:hidden!important;background:#fff!important;}
body .hj-reference-v286 .hj322-domain-view{
  position:absolute!important;inset:0!important;display:flex!important;min-width:0!important;flex-direction:column!important;background:#fff!important;
  opacity:0!important;transform:translateX(100%)!important;pointer-events:none!important;will-change:transform,opacity!important;
  transition:transform .4s var(--dm-ease),opacity .32s var(--dm-ease)!important;
}
body .hj-reference-v286 .hj322-domain-view.is-active{z-index:2!important;opacity:1!important;transform:translateX(0)!important;pointer-events:auto!important;}
body .hj-reference-v286 .hj322-domain-view.is-entering-forward{animation:hjdmPanelForward .4s var(--dm-ease) both!important;}
body .hj-reference-v286 .hj322-domain-view.is-entering-back{animation:hjdmPanelBack .4s var(--dm-ease) both!important;}
body .hj-reference-v286 .hj322-domain-view.is-leaving{animation:hjdmPanelOut .28s var(--dm-ease) both!important;pointer-events:none!important;}
@keyframes hjdmPanelForward{from{opacity:1;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}
@keyframes hjdmPanelBack{from{opacity:0;transform:translateX(-6%)}to{opacity:1;transform:translateX(0)}}
@keyframes hjdmPanelOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-6%)}}

/* exact compact panel head */
body .hj-reference-v286 .hj303-drawer-head,
body .hj-reference-v286 .hj322-subview-head{
  position:sticky!important;top:0!important;z-index:5!important;min-height:60px!important;height:60px!important;display:flex!important;align-items:center!important;
  gap:12px!important;padding:0 14px!important;border:0!important;border-bottom:1px solid var(--dm-ink-100)!important;background:#fff!important;flex:0 0 auto!important;
}
body .hj-reference-v286 .hj340-panel-head-logo{
  width:34px!important;height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;
  border-radius:10px!important;background:var(--dm-ink-950)!important;color:#fff!important;
}
body .hj-reference-v286 .hj340-panel-head-logo svg{width:14px!important;height:14px!important;}
body .hj-reference-v286 .hj340-panel-head-title{min-width:0!important;flex:1!important;}
body .hj-reference-v286 .hj340-panel-head-title small,
body .hj-reference-v286 .hj322-subview-head p{
  display:block!important;margin:0 0 4px!important;color:var(--dm-ink-500)!important;font-size:11px!important;font-weight:600!important;
  letter-spacing:.08em!important;line-height:1!important;text-transform:uppercase!important;
}
body .hj-reference-v286 .hj340-panel-head-title h2,
body .hj-reference-v286 .hj322-subview-head h2{
  margin:0!important;color:var(--dm-ink-950)!important;font-family:Sora,Inter,ui-sans-serif,system-ui,sans-serif!important;
  font-size:16.5px!important;font-weight:700!important;letter-spacing:-.012em!important;line-height:1.2!important;
}
body .hj-reference-v286 .hj322-subview-head>div{min-width:0!important;display:flex!important;flex:1!important;flex-direction:column-reverse!important;}
body .hj-reference-v286 .hj322-subview-head p{overflow:hidden!important;margin:0 0 4px!important;font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace!important;text-transform:none!important;letter-spacing:-.01em!important;white-space:nowrap!important;text-overflow:ellipsis!important;}
body .hj-reference-v286 .hj303-drawer-head>button,
body .hj-reference-v286 .hj322-subview-head>button{
  width:34px!important;height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;
  padding:0!important;border:1px solid var(--dm-ink-100)!important;border-radius:var(--dm-r-full)!important;background:#fff!important;color:var(--dm-ink-700)!important;
  box-shadow:none!important;cursor:pointer!important;transition:background .18s var(--dm-ease),border-color .18s var(--dm-ease),color .18s var(--dm-ease),transform .12s var(--dm-ease)!important;
}
body .hj-reference-v286 .hj303-drawer-head>button:hover,
body .hj-reference-v286 .hj322-subview-head>button:hover{background:var(--dm-ink-50)!important;border-color:var(--dm-ink-200)!important;transform:none!important;}
body .hj-reference-v286 .hj303-drawer-head>button:active,
body .hj-reference-v286 .hj322-subview-head>button:active{transform:scale(.94)!important;}
body .hj-reference-v286 .hj303-drawer-head>button svg,
body .hj-reference-v286 .hj322-subview-head>button svg{width:17px!important;height:17px!important;}
body .hj-reference-v286 .hj322-subview-head>button:first-child svg{transform:rotate(180deg)!important;}

body .hj-reference-v286 .hj303-drawer-scroll,
body .hj-reference-v286 .hj322-subview-scroll{
  min-height:0!important;flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;
  scrollbar-width:thin!important;scrollbar-color:var(--dm-ink-200) transparent!important;
}
body .hj-reference-v286 .hj303-drawer-scroll::-webkit-scrollbar,
body .hj-reference-v286 .hj322-subview-scroll::-webkit-scrollbar{width:6px!important;}
body .hj-reference-v286 .hj303-drawer-scroll::-webkit-scrollbar-thumb,
body .hj-reference-v286 .hj322-subview-scroll::-webkit-scrollbar-thumb{border-radius:99px!important;background:var(--dm-ink-200)!important;}
body .hj-reference-v286 .hj322-overview-scroll{padding:22px 20px 44px!important;}
body .hj-reference-v286 .hj322-subview-scroll{padding:22px 20px 44px!important;}

/* identity */
body .hj-reference-v286 .hj340-domain-identity{display:flex!important;align-items:center!important;gap:16px!important;margin:0!important;}
body .hj-reference-v286 .hj340-identity-icon{
  width:50px!important;height:50px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;
  border-radius:14px!important;background:var(--dm-ink-950)!important;color:#fff!important;
}
body .hj-reference-v286 .hj340-identity-icon svg{width:22px!important;height:22px!important;}
body .hj-reference-v286 .hj340-domain-identity>div{min-width:0!important;}
body .hj-reference-v286 .hj340-domain-identity strong{
  display:block!important;overflow-wrap:anywhere!important;color:var(--dm-ink-950)!important;font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace!important;
  font-size:17.5px!important;font-weight:600!important;letter-spacing:-.01em!important;line-height:1.35!important;
}
body .hj-reference-v286 .hj340-domain-identity>div>div{display:flex!important;align-items:center!important;gap:8px!important;margin-top:9px!important;flex-wrap:wrap!important;}
body .hj-reference-v286 .hj340-domain-identity small{color:var(--dm-ink-400)!important;font-size:12px!important;}
body .hj-reference-v286 .hj340-status-pill{
  display:inline-flex!important;align-items:center!important;gap:6px!important;padding:4px 9px 4px 7px!important;border-radius:var(--dm-r-full)!important;
  background:var(--dm-good-100)!important;color:var(--dm-good-600)!important;font-size:11.5px!important;font-weight:600!important;
}
body .hj-reference-v286 .hj340-status-pill i{width:6px!important;height:6px!important;border-radius:50%!important;background:var(--dm-good-500)!important;}

/* renewal */
body .hj-reference-v286 .hj303-renewal-card{
  margin:30px 0 0!important;padding:20px!important;border:1px solid var(--dm-accent-100)!important;border-radius:var(--dm-r-lg)!important;background:var(--dm-accent-50)!important;
}
body .hj-reference-v286 .hj303-renewal-card>header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin:0!important;}
body .hj-reference-v286 .hj303-renewal-card>header>div{min-width:0!important;display:block!important;}
body .hj-reference-v286 .hj303-renewal-card>header span{
  display:block!important;color:var(--dm-ink-500)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.08em!important;text-transform:uppercase!important;
}
body .hj-reference-v286 .hj303-renewal-card>header strong{
  display:block!important;margin-top:7px!important;color:var(--dm-ink-950)!important;font-family:Sora,Inter,ui-sans-serif,system-ui,sans-serif!important;
  font-size:19px!important;font-weight:700!important;letter-spacing:-.01em!important;line-height:1.25!important;
}
body .hj-reference-v286 .hj303-renewal-card>header small{display:flex!important;align-items:center!important;gap:6px!important;margin-top:9px!important;color:var(--dm-good-600)!important;font-size:12px!important;font-weight:500!important;}
body .hj-reference-v286 .hj322-renew-link{
  min-height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:0 12px!important;
  border:1px solid var(--dm-ink-200)!important;border-radius:var(--dm-r-md)!important;background:#fff!important;color:var(--dm-ink-950)!important;
  box-shadow:0 1px 2px rgba(20,23,30,.1)!important;font-size:12px!important;font-weight:600!important;text-decoration:none!important;white-space:nowrap!important;
  transition:background .18s var(--dm-ease),border-color .18s var(--dm-ease),box-shadow .18s var(--dm-ease),transform .12s var(--dm-ease)!important;
}
body .hj-reference-v286 .hj322-renew-link:hover{background:var(--dm-ink-50)!important;border-color:var(--dm-ink-300)!important;transform:none!important;}
body .hj-reference-v286 .hj322-renew-link svg{width:14px!important;height:14px!important;}
body .hj-reference-v286 .hj340-lifespan{margin-top:22px!important;}
body .hj-reference-v286 .hj340-lifespan>div{position:relative!important;height:5px!important;border-radius:99px!important;background:rgba(58,84,222,.13)!important;}
body .hj-reference-v286 .hj340-lifespan>div>i{position:absolute!important;inset:0 auto 0 0!important;border-radius:99px!important;background:var(--dm-accent-600)!important;}
body .hj-reference-v286 .hj340-lifespan>div>b{position:absolute!important;top:50%!important;width:10px!important;height:10px!important;border:2.5px solid var(--dm-accent-600)!important;border-radius:50%!important;background:#fff!important;box-shadow:0 1px 3px rgba(20,23,30,.2)!important;transform:translate(-50%,-50%)!important;}
body .hj-reference-v286 .hj340-lifespan>p{display:flex!important;justify-content:space-between!important;margin:10px 0 0!important;color:var(--dm-ink-400)!important;font-size:10.5px!important;font-weight:500!important;}
body .hj-reference-v286 .hj303-plan-grid{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:1px!important;margin:22px 0 0!important;overflow:hidden!important;
  border:1px solid var(--dm-ink-100)!important;border-radius:var(--dm-r-lg)!important;background:var(--dm-ink-100)!important;
}
body .hj-reference-v286 .hj303-plan-grid>div{padding:15px 16px!important;background:#fff!important;}
body .hj-reference-v286 .hj303-plan-grid span{display:block!important;color:var(--dm-ink-500)!important;font-size:10.5px!important;font-weight:600!important;letter-spacing:.06em!important;text-transform:uppercase!important;}
body .hj-reference-v286 .hj303-plan-grid strong{display:block!important;margin-top:7px!important;color:var(--dm-ink-950)!important;font-size:13.5px!important;font-weight:600!important;font-variant-numeric:tabular-nums!important;line-height:1.4!important;}
body .hj-reference-v286 .hj303-autorenew-form{margin:14px 0 0!important;}
body .hj-reference-v286 .hj303-autorenew-form label{min-height:58px!important;padding:11px 12px!important;border:1px solid rgba(58,84,222,.12)!important;border-radius:var(--dm-r-md)!important;background:rgba(255,255,255,.72)!important;}
body .hj-reference-v286 .hj303-autorenew-form label>span{gap:9px!important;}
body .hj-reference-v286 .hj303-autorenew-form label>span>svg{width:17px!important;height:17px!important;color:var(--dm-accent-600)!important;}
body .hj-reference-v286 .hj303-autorenew-form b{font-size:13px!important;font-weight:600!important;}
body .hj-reference-v286 .hj303-autorenew-form small{margin-top:2px!important;color:var(--dm-ink-500)!important;font-size:11px!important;}

/* navigation list */
body .hj-reference-v286 .hj322-domain-menu{display:block!important;margin:30px 0 0!important;padding:0!important;overflow:hidden!important;border:1px solid var(--dm-ink-100)!important;border-radius:var(--dm-r-lg)!important;background:#fff!important;}
body .hj-reference-v286 .hj322-domain-menu>button{
  min-height:64px!important;display:flex!important;align-items:center!important;gap:13px!important;width:100%!important;padding:13px 14px!important;
  border:0!important;border-bottom:1px solid var(--dm-ink-100)!important;background:#fff!important;color:var(--dm-ink-950)!important;text-align:left!important;cursor:pointer!important;
  transition:background .16s var(--dm-ease)!important;
}
body .hj-reference-v286 .hj322-domain-menu>button:last-child{border-bottom:0!important;}
body .hj-reference-v286 .hj322-domain-menu>button:hover{padding-left:14px!important;background:var(--dm-ink-50)!important;}
body .hj-reference-v286 .hj322-domain-menu>button>span{min-width:0!important;display:grid!important;grid-template-columns:37px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:13px!important;align-items:center!important;flex:1!important;}
body .hj-reference-v286 .hj322-domain-menu>button>span>svg{
  grid-row:1/3!important;width:37px!important;height:37px!important;padding:10px!important;border-radius:11px!important;background:#eef1fd!important;color:#4655c4!important;
  box-shadow:0 1px 1px rgba(20,23,30,.04),inset 0 1px 0 rgba(255,255,255,.5)!important;stroke-width:1.6!important;
}
body .hj-reference-v286 .hj322-domain-menu>button:nth-child(2)>span>svg{background:#e9f6f2!important;color:#0f8c74!important;}
body .hj-reference-v286 .hj322-domain-menu>button:nth-child(3)>span>svg{background:#fbf3e4!important;color:#ad7a18!important;}
body .hj-reference-v286 .hj322-domain-menu>button:nth-child(4)>span>svg{background:#f3effb!important;color:#7452c7!important;}
body .hj-reference-v286 .hj322-domain-menu>button:nth-child(5)>span>svg{background:#eef0f4!important;color:#4a5468!important;}
body .hj-reference-v286 .hj322-domain-menu>button:nth-child(6)>span>svg{background:#fbeef1!important;color:#bc4368!important;}
body .hj-reference-v286 .hj322-domain-menu>button:nth-child(7)>span>svg{background:#e9f4fa!important;color:#1a7e9c!important;}
body .hj-reference-v286 .hj322-domain-menu>button:nth-child(8)>span>svg{background:#eef0f4!important;color:#4a5468!important;}
body .hj-reference-v286 .hj322-domain-menu b{overflow:hidden!important;color:var(--dm-ink-950)!important;font-size:13.5px!important;font-weight:600!important;line-height:1.35!important;white-space:nowrap!important;text-overflow:ellipsis!important;}
body .hj-reference-v286 .hj322-domain-menu small{margin-top:3px!important;overflow:hidden!important;color:var(--dm-ink-500)!important;font-size:11.5px!important;line-height:1.35!important;white-space:nowrap!important;text-overflow:ellipsis!important;}
body .hj-reference-v286 .hj322-domain-menu>button>em{
  min-width:18px!important;height:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 5px!important;
  border-radius:99px!important;background:var(--dm-ink-100)!important;color:var(--dm-ink-700)!important;font-size:11px!important;font-weight:700!important;font-style:normal!important;white-space:nowrap!important;
}
body .hj-reference-v286 .hj322-domain-menu>button>svg{width:16px!important;height:16px!important;color:var(--dm-ink-300)!important;transition:transform .18s var(--dm-ease),color .18s var(--dm-ease)!important;}
body .hj-reference-v286 .hj322-domain-menu>button:hover>svg{color:var(--dm-ink-500)!important;transform:translateX(2px)!important;}

/* subview content */
body .hj-reference-v286 .hj322-section{margin:0!important;padding:0!important;border:0!important;background:transparent!important;}
body .hj-reference-v286 .hj322-section+.hj322-section{margin-top:30px!important;}
body .hj-reference-v286 .hj322-section.is-muted{padding:18px!important;border:1px solid var(--dm-ink-100)!important;border-radius:var(--dm-r-lg)!important;background:var(--dm-ink-50)!important;}
body .hj-reference-v286 .hj322-section h3{margin:0!important;color:var(--dm-ink-950)!important;font-family:Sora,Inter,ui-sans-serif,system-ui,sans-serif!important;font-size:14.5px!important;font-weight:700!important;letter-spacing:-.012em!important;line-height:1.35!important;}
body .hj-reference-v286 .hj322-section>p{margin:7px 0 0!important;color:var(--dm-ink-500)!important;font-size:13.5px!important;line-height:1.62!important;}
body .hj-reference-v286 .hj322-section-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 14px!important;}
body .hj-reference-v286 .hj322-eyebrow{display:block!important;margin:0 0 14px!important;color:var(--dm-ink-500)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.08em!important;text-transform:uppercase!important;}
body .hj-reference-v286 .hj322-ns-card{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin:14px 0 0!important;padding:16px!important;
  border:1px solid var(--dm-ink-100)!important;border-radius:var(--dm-r-lg)!important;background:#fff!important;box-shadow:none!important;
}
body .hj-reference-v286 .hj322-ns-card>div{min-width:0!important;display:grid!important;gap:8px!important;}
body .hj-reference-v286 .hj322-ns-card strong{font-size:12.5px!important;font-weight:600!important;}
body .hj-reference-v286 .hj322-ns-card code{overflow:hidden!important;color:var(--dm-ink-700)!important;font:500 12px/1.45 "JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:-.01em!important;white-space:nowrap!important;text-overflow:ellipsis!important;}
body .hj-reference-v286 .hj322-info-line{display:flex!important;align-items:flex-start!important;gap:8px!important;margin:12px 0 0!important;color:var(--dm-ink-500)!important;font-size:12px!important;line-height:1.5!important;}
body .hj-reference-v286 .hj322-info-line svg{width:14px!important;height:14px!important;flex:0 0 auto!important;margin-top:1px!important;color:var(--dm-ink-400)!important;}
body .hj-reference-v286 .hj322-ns-editor{padding:18px!important;border:1px solid var(--dm-accent-100)!important;border-radius:var(--dm-r-lg)!important;background:var(--dm-accent-50)!important;animation:hjdmEditorIn .28s var(--dm-ease) both!important;}
@keyframes hjdmEditorIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
body .hj-reference-v286 .hj303-radio-cards{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:14px 0 0!important;}
body .hj-reference-v286 .hj303-radio-cards label{display:block!important;}
body .hj-reference-v286 .hj303-radio-cards span{min-height:84px!important;display:flex!important;flex-direction:column!important;gap:4px!important;padding:12px!important;border:1.5px solid var(--dm-ink-200)!important;border-radius:var(--dm-r-md)!important;background:#fff!important;}
body .hj-reference-v286 .hj303-radio-cards input:checked+span{border-color:var(--dm-accent-500)!important;background:var(--dm-accent-50)!important;box-shadow:0 0 0 3px var(--dm-accent-100)!important;}
body .hj-reference-v286 .hj303-radio-cards b{font-size:13px!important;font-weight:700!important;}
body .hj-reference-v286 .hj303-radio-cards small{color:var(--dm-ink-500)!important;font-size:11px!important;line-height:1.4!important;}
body .hj-reference-v286 .hj322-ns-mode-panel{margin-top:14px!important;}
body .hj-reference-v286 .hj322-ns-panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:12px!important;border:1px solid var(--dm-ink-100)!important;border-radius:var(--dm-r-md)!important;background:#fff!important;}
body .hj-reference-v286 .hj322-ns-panel-head b{display:block!important;font-size:12.5px!important;}
body .hj-reference-v286 .hj322-ns-panel-head small{display:block!important;margin-top:3px!important;color:var(--dm-ink-500)!important;font-size:11px!important;}
body .hj-reference-v286 .hj322-ns-panel-head>span{font-size:11px!important;font-weight:600!important;color:var(--dm-good-600)!important;}

/* forms and buttons */
body .hj-reference-v286 .hj303-drawer-form{display:flex!important;flex-direction:column!important;gap:14px!important;margin:14px 0 0!important;}
body .hj-reference-v286 .hj303-drawer-form label>span,
body .hj-reference-v286 .hj303-ns-inputs label>span{display:block!important;margin:0 0 7px!important;color:var(--dm-ink-700)!important;font-size:12px!important;font-weight:600!important;}
body .hj-reference-v286 .hj303-drawer-form label>small{display:block!important;margin-top:6px!important;color:var(--dm-ink-500)!important;font-size:11.5px!important;line-height:1.45!important;}
body .hj-reference-v286 .hj303-drawer-form :is(input,select,textarea),
body .hj-reference-v286 .hj303-ns-inputs input{
  width:100%!important;min-height:43px!important;padding:10px 13px!important;border:1px solid var(--dm-ink-200)!important;border-radius:var(--dm-r-md)!important;
  background:#fff!important;color:var(--dm-ink-950)!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;font-size:13.5px!important;box-shadow:none!important;
  transition:border-color .18s var(--dm-ease),box-shadow .18s var(--dm-ease)!important;
}
body .hj-reference-v286 .hj303-drawer-form :is(input,select,textarea):focus,
body .hj-reference-v286 .hj303-ns-inputs input:focus{outline:0!important;border-color:var(--dm-accent-500)!important;box-shadow:0 0 0 3.5px var(--dm-accent-100)!important;}
body .hj-reference-v286 .hj303-ns-inputs{display:grid!important;gap:12px!important;margin-top:14px!important;}
body .hj-reference-v286 .hj303-inline-email{display:flex!important;align-items:center!important;overflow:hidden!important;border:1px solid var(--dm-ink-200)!important;border-radius:var(--dm-r-md)!important;background:#fff!important;}
body .hj-reference-v286 .hj303-inline-email input{min-width:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;}
body .hj-reference-v286 .hj303-inline-email b{padding:0 12px!important;color:var(--dm-ink-400)!important;font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace!important;font-size:11.5px!important;font-weight:500!important;white-space:nowrap!important;}
body .hj-reference-v286 .hj322-form-actions{display:flex!important;justify-content:flex-end!important;gap:8px!important;margin-top:0!important;}
body .hj-reference-v286 :is(.hj303-black-button,.hj303-light-button){
  min-height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:8px 13px!important;
  border-radius:var(--dm-r-md)!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;font-size:12px!important;font-weight:600!important;line-height:1.2!important;text-decoration:none!important;
  transition:transform .12s var(--dm-ease),background .18s var(--dm-ease),border-color .18s var(--dm-ease),color .18s var(--dm-ease),box-shadow .18s var(--dm-ease)!important;
}
body .hj-reference-v286 .hj303-black-button{border:1px solid transparent!important;background:var(--dm-ink-950)!important;color:#fff!important;box-shadow:0 1px 2px rgba(20,23,30,.1)!important;}
body .hj-reference-v286 .hj303-black-button:hover{background:var(--dm-ink-800)!important;box-shadow:0 8px 18px -7px rgba(20,23,30,.24)!important;transform:translateY(-1px)!important;}
body .hj-reference-v286 .hj303-light-button{border:1px solid var(--dm-ink-200)!important;background:#fff!important;color:var(--dm-ink-950)!important;box-shadow:none!important;}
body .hj-reference-v286 .hj303-light-button:hover{background:var(--dm-ink-50)!important;border-color:var(--dm-ink-300)!important;}
body .hj-reference-v286 .hj303-light-button.is-accent{border-color:var(--dm-accent-100)!important;background:var(--dm-accent-50)!important;color:var(--dm-accent-600)!important;}
body .hj-reference-v286 :is(.hj303-black-button,.hj303-light-button) svg{width:14px!important;height:14px!important;}
body .hj-reference-v286 :is(.hj303-black-button,.hj303-light-button):active{transform:scale(.97)!important;}

/* list and state cards */
body .hj-reference-v286 .hj327-count-pill{min-width:18px!important;height:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 5px!important;border-radius:99px!important;background:var(--dm-ink-100)!important;color:var(--dm-ink-700)!important;font-size:11px!important;font-weight:700!important;}
body .hj-reference-v286 .hj327-subdomain-list{display:flex!important;flex-direction:column!important;gap:8px!important;margin-top:14px!important;}
body .hj-reference-v286 .hj327-subdomain-row{
  display:flex!important;align-items:center!important;gap:12px!important;padding:11px 12px!important;border:1px solid var(--dm-ink-100)!important;border-radius:var(--dm-r-md)!important;background:#fff!important;
}
body .hj-reference-v286 .hj327-subdomain-icon{
  width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;
  border:1px solid var(--dm-ink-100)!important;border-radius:9px!important;background:var(--dm-ink-50)!important;color:var(--dm-ink-700)!important;
  box-shadow:0 1px 1px rgba(20,23,30,.04),inset 0 1px 0 rgba(255,255,255,.5)!important;
}
body .hj-reference-v286 .hj327-subdomain-icon svg{width:15px!important;height:15px!important;}
body .hj-reference-v286 .hj327-subdomain-row>div{min-width:0!important;flex:1!important;}
body .hj-reference-v286 .hj327-subdomain-row strong{display:block!important;overflow-wrap:anywhere!important;font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace!important;font-size:13px!important;font-weight:600!important;}
body .hj-reference-v286 .hj327-subdomain-row small{display:block!important;margin-top:3px!important;overflow-wrap:anywhere!important;color:var(--dm-ink-500)!important;font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace!important;font-size:11.5px!important;line-height:1.45!important;}
body .hj-reference-v286 .hj327-delete-subdomain{width:34px!important;height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;padding:0!important;border:1px solid var(--dm-ink-100)!important;border-radius:50%!important;background:#fff!important;color:var(--dm-ink-700)!important;}
body .hj-reference-v286 .hj327-delete-subdomain:hover{border-color:var(--dm-danger-100)!important;background:var(--dm-danger-100)!important;color:var(--dm-danger-600)!important;}
body .hj-reference-v286 .hj327-subdomain-empty,
body .hj-reference-v286 .hj332-connect-target{
  display:flex!important;align-items:center!important;gap:12px!important;padding:16px!important;border:1px solid var(--dm-ink-100)!important;border-radius:var(--dm-r-lg)!important;background:#fff!important;
}
body .hj-reference-v286 .hj327-subdomain-empty>span,
body .hj-reference-v286 .hj332-connect-target>span{width:36px!important;height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;border-radius:10px!important;background:var(--dm-ink-50)!important;color:var(--dm-ink-700)!important;}
body .hj-reference-v286 .hj335-subdomain-notice{padding:13px 15px!important;border:1px solid var(--dm-good-100)!important;border-radius:var(--dm-r-md)!important;background:var(--dm-good-100)!important;color:var(--dm-good-600)!important;font-size:12px!important;line-height:1.5!important;}
body .hj-reference-v286 .hj335-subdomain-notice.is-error{border-color:var(--dm-danger-100)!important;background:var(--dm-danger-100)!important;color:var(--dm-danger-600)!important;}
body .hj-reference-v286 .hj322-contact-card,
body .hj-reference-v286 .hj322-domain-connection-card,
body .hj-reference-v286 .hj322-connected-product,
body .hj-reference-v286 .hj333-connection-product{
  display:flex!important;align-items:center!important;gap:13px!important;padding:16px!important;border:1px solid var(--dm-ink-100)!important;border-radius:var(--dm-r-lg)!important;background:#fff!important;box-shadow:none!important;
}
body .hj-reference-v286 :is(.hj322-contact-card,.hj322-domain-connection-card,.hj322-connected-product,.hj333-connection-product)>span{
  width:37px!important;height:37px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;border-radius:11px!important;background:var(--dm-ink-50)!important;color:var(--dm-ink-700)!important;
}
body .hj-reference-v286 :is(.hj322-contact-card,.hj322-domain-connection-card,.hj322-connected-product,.hj333-connection-product)>span svg{width:17px!important;height:17px!important;}
body .hj-reference-v286 :is(.hj322-contact-card,.hj322-domain-connection-card,.hj322-connected-product,.hj333-connection-product)>div{min-width:0!important;flex:1!important;}
body .hj-reference-v286 :is(.hj322-contact-card,.hj322-domain-connection-card,.hj322-connected-product,.hj333-connection-product) strong{display:block!important;overflow:hidden!important;color:var(--dm-ink-950)!important;font-size:13.5px!important;font-weight:600!important;white-space:nowrap!important;text-overflow:ellipsis!important;}
body .hj-reference-v286 :is(.hj322-contact-card,.hj322-domain-connection-card,.hj322-connected-product,.hj333-connection-product) small{display:block!important;margin-top:3px!important;color:var(--dm-ink-500)!important;font-size:11.5px!important;line-height:1.45!important;}
body .hj-reference-v286 .hj322-contact-card p{margin:9px 0 0!important;color:var(--dm-ink-500)!important;font-size:12px!important;line-height:1.5!important;}
body .hj-reference-v286 .hj322-privacy-choice{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:14px!important;}
body .hj-reference-v286 .hj322-privacy-choice>div{padding:12px!important;border:1.5px solid var(--dm-ink-200)!important;border-radius:var(--dm-r-md)!important;background:#fff!important;text-align:left!important;}
body .hj-reference-v286 .hj322-privacy-choice>div.is-selected{border-color:var(--dm-accent-500)!important;background:var(--dm-accent-50)!important;box-shadow:0 0 0 3px var(--dm-accent-100)!important;}
body .hj-reference-v286 .hj322-privacy-choice b{display:block!important;font-size:13px!important;font-weight:700!important;}
body .hj-reference-v286 .hj322-privacy-choice small{display:block!important;margin-top:4px!important;color:var(--dm-ink-500)!important;font-size:11px!important;line-height:1.4!important;}
body .hj-reference-v286 .hj322-status-card{display:flex!important;align-items:flex-start!important;gap:13px!important;margin:14px 0!important;padding:16px!important;border:0!important;border-radius:var(--dm-r-lg)!important;background:var(--dm-good-100)!important;}
body .hj-reference-v286 .hj322-status-card>svg{width:32px!important;height:32px!important;padding:8px!important;flex:0 0 auto!important;border-radius:50%!important;background:rgba(255,255,255,.7)!important;color:var(--dm-good-600)!important;}
body .hj-reference-v286 .hj322-status-card strong{display:block!important;font-size:13.5px!important;font-weight:700!important;}
body .hj-reference-v286 .hj322-status-card p{margin:4px 0 0!important;color:var(--dm-ink-700)!important;font-size:12px!important;line-height:1.5!important;}
body .hj-reference-v286 .hj303-detail-line{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:13px 16px!important;border:1px solid var(--dm-ink-100)!important;border-bottom:0!important;background:#fff!important;font-size:12.5px!important;}
body .hj-reference-v286 .hj303-detail-line:first-of-type{border-radius:var(--dm-r-lg) var(--dm-r-lg) 0 0!important;}
body .hj-reference-v286 .hj303-detail-line:last-of-type{border-bottom:1px solid var(--dm-ink-100)!important;border-radius:0 0 var(--dm-r-lg) var(--dm-r-lg)!important;}
body .hj-reference-v286 .hj303-detail-line span{color:var(--dm-ink-500)!important;}
body .hj-reference-v286 .hj303-detail-line strong{color:var(--dm-ink-950)!important;font-weight:600!important;}
body .hj-reference-v286 .hj322-divider{display:flex!important;align-items:center!important;gap:10px!important;margin:20px 0!important;color:var(--dm-ink-400)!important;font-size:10px!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;}
body .hj-reference-v286 .hj322-divider:before,
body .hj-reference-v286 .hj322-divider:after{content:""!important;height:1px!important;flex:1!important;background:var(--dm-ink-100)!important;}
body .hj-reference-v286 .hj322-connected-product b,
body .hj-reference-v286 .hj333-connection-product b{display:flex!important;align-items:center!important;gap:7px!important;margin-top:7px!important;color:var(--dm-good-600)!important;font-size:11.5px!important;font-weight:600!important;text-transform:none!important;}
body .hj-reference-v286 .hj322-connected-product b i,
body .hj-reference-v286 .hj333-connection-product b i{width:6px!important;height:6px!important;border-radius:50%!important;background:var(--dm-good-500)!important;box-shadow:0 0 0 3px var(--dm-good-100)!important;}
body .hj-reference-v286 .hj333-connection-products{display:flex!important;flex-direction:column!important;gap:10px!important;margin-top:10px!important;}
body .hj-reference-v286 .hj333-connection-product.is-missing{background:var(--dm-ink-50)!important;}
body .hj-reference-v286 .hj333-connect-required{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:16px!important;border:1px solid var(--dm-accent-100)!important;border-radius:var(--dm-r-lg)!important;background:var(--dm-accent-50)!important;}

@media(max-width:640px){
  body .hj-reference-v286 .hj303-domain-drawer{
    inset:auto 0 0 0!important;width:100%!important;max-width:100%!important;height:86dvh!important;max-height:86dvh!important;border-radius:20px 20px 0 0!important;
    transform:translateY(100%)!important;box-shadow:0 -22px 50px -20px rgba(15,17,23,.35)!important;
  }
  body .hj-reference-v286 .hj303-domain-drawer:before{content:""!important;position:absolute!important;z-index:20!important;top:10px!important;left:50%!important;width:36px!important;height:4px!important;border-radius:99px!important;background:var(--dm-ink-200)!important;transform:translateX(-50%)!important;}
  body .hj-reference-v286 .hj303-domain-drawer.is-open{transform:translateY(0)!important;}
  body .hj-reference-v286 .hj303-drawer-head,
  body .hj-reference-v286 .hj322-subview-head{height:64px!important;min-height:64px!important;padding:8px 14px 0!important;}
  body .hj-reference-v286 .hj322-overview-scroll,
  body .hj-reference-v286 .hj322-subview-scroll{padding:22px 16px calc(34px + env(safe-area-inset-bottom,0px))!important;}
  body .hj-reference-v286 .hj303-plan-grid{grid-template-columns:1fr 1fr!important;}
  body .hj-reference-v286 .hj303-radio-cards,
  body .hj-reference-v286 .hj322-privacy-choice{grid-template-columns:1fr!important;}
  body .hj-reference-v286 .hj322-connected-product,
  body .hj-reference-v286 .hj333-connection-product{align-items:flex-start!important;flex-wrap:wrap!important;}
  body .hj-reference-v286 .hj322-connected-product .hj303-light-button,
  body .hj-reference-v286 .hj333-connection-product :is(.hj303-light-button,.hj303-black-button){margin-left:50px!important;}
}
@media(max-width:390px){
  body .hj-reference-v286 .hj303-plan-grid{grid-template-columns:1fr!important;}
  body .hj-reference-v286 .hj303-renewal-card>header{flex-direction:column!important;}
  body .hj-reference-v286 .hj322-renew-link{align-self:flex-start!important;}
}
@media(prefers-reduced-motion:reduce){
  body .hj-reference-v286 .hj303-domain-drawer,
  body .hj-reference-v286 .hj322-domain-view,
  body .hj-reference-v286 .hj322-ns-editor{animation:none!important;transition-duration:.001s!important;}
}

/* 0.28.145 — exact supplied Domain Manager drawer visual system.
 * The values and component geometry below are taken from the supplied
 * domain-manager-drawer HTML. Existing HALO/cPanel actions stay intact.
 */
body .hj-reference-v286 .hj303-domain-drawer{
  --hj-white:#FFFFFF;--hj-border:#E7E9ED;--hj-border-soft:#E6E8EC;--hj-divider:#ECEEF1;--hj-input-border:#DDE1E6;
  --hj-text:#16181D;--hj-text-muted:#6B7280;--hj-text-faint:#9BA1AC;--hj-icon-bg:#F3F4F6;--hj-hover:#F5F6F8;--hj-black:#0B0C0F;
  --hj-green-bg:#E7F8EE;--hj-green-text:#17845A;--hj-green-dot:#1FA971;--hj-blue-bg:#EAF2FE;--hj-blue-text:#2563C7;--hj-blue-dot:#3B82F6;
  --hj-orange-bg:#FDF3E6;--hj-orange-text:#B4690E;--hj-orange-dot:#F59E0B;--hj-red-bg:#FDECEC;--hj-red-text:#C0342B;--hj-red-dot:#EF4444;
  --hj-grey-bg:#F1F2F4;--hj-grey-text:#6B7280;--hj-grey-dot:#9BA1AC;--hj-shadow-drawer:-10px 0 34px rgba(20,22,30,.10);
  position:fixed!important;top:0!important;right:0!important;height:100dvh!important;width:480px!important;max-width:100%!important;
  background:var(--hj-white)!important;border-left:1px solid var(--hj-border)!important;border-radius:0!important;box-shadow:var(--hj-shadow-drawer)!important;
  display:flex!important;flex-direction:column!important;transform:translateX(100%)!important;transition:transform 240ms ease-out!important;z-index:100120!important;visibility:hidden!important;pointer-events:none!important;
  color:var(--hj-text)!important;font-family:'Poppins',sans-serif!important;
}
body .hj-reference-v286 .hj303-domain-drawer.is-open,body .hj-reference-v286 .hj303-domain-drawer.open{transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important;}
body .hj-reference-v286 .hj303-domain-drawer::before{display:none!important;content:none!important;}
body .hj-reference-v286 .hj303-domain-drawer *,body .hj-reference-v286 .hj303-domain-drawer button,body .hj-reference-v286 .hj303-domain-drawer input,body .hj-reference-v286 .hj303-domain-drawer select,body .hj-reference-v286 .hj303-domain-drawer textarea{box-sizing:border-box;font-family:'Poppins',sans-serif;}
body .hj-reference-v286 .hj303-domain-drawer>[data-hj303-domain-drawer-content],body .hj-reference-v286 .hj303-domain-drawer .hj322-domain-manager{height:100%;min-height:0;display:block;background:#fff;}
body .hj-reference-v286 .hj303-domain-drawer .hj322-domain-view{height:100%;min-height:0;flex-direction:column;background:#fff;}
body .hj-reference-v286 .hj303-domain-drawer .hj322-domain-view.is-active{display:flex!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj322-domain-view[hidden]{display:none!important;}
body .hj-reference-v286 .hj303-domain-drawer-backdrop.hj-overlay{position:fixed!important;inset:0!important;background:rgba(10,12,16,.32)!important;opacity:0!important;pointer-events:none!important;transition:opacity 220ms ease-out!important;z-index:100110!important;}
body .hj-reference-v286 .hj303-domain-drawer-backdrop.hj-overlay.is-open,body .hj-reference-v286 .hj303-domain-drawer-backdrop.hj-overlay.open{opacity:1!important;pointer-events:auto!important;}
body.hj303-domain-drawer-open{overflow:hidden!important;}

body .hj-reference-v286 .hj303-domain-drawer .hj-header{padding:13px 20px!important;border-bottom:1px solid var(--hj-divider)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;position:sticky!important;top:0!important;background:var(--hj-white)!important;z-index:5!important;flex-shrink:0!important;min-height:auto!important;height:auto!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-header-titles h2{font-size:16px!important;font-weight:600!important;line-height:1.25!important;margin:0!important;color:var(--hj-text)!important;letter-spacing:0!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-header-titles p{font-size:11.5px!important;font-weight:500!important;color:var(--hj-text-muted)!important;margin:2px 0 0!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-close{width:32px!important;height:32px!important;border-radius:11px!important;border:none!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--hj-text)!important;cursor:pointer!important;transition:background 160ms,transform 160ms!important;flex-shrink:0!important;padding:0!important;box-shadow:none!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-close:hover{background:var(--hj-hover)!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-close:active{transform:scale(.9)!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-close svg{width:17px!important;height:17px!important;}

body .hj-reference-v286 .hj303-domain-drawer .hj-body{flex:1!important;min-height:0!important;overflow-y:auto!important;padding:18px 22px 14px!important;background:#FAFAFB!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-body::-webkit-scrollbar{width:8px!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-body::-webkit-scrollbar-thumb{background:#E3E5E9!important;border-radius:99px!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj145-domain-view{animation:hj145FadeIn 180ms ease-out;}
@keyframes hj145FadeIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}

body .hj-reference-v286 .hj303-domain-drawer .hj-section-label{font-size:10.5px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:var(--hj-text-faint)!important;margin:22px 2px 8px!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-section-label:first-child{margin-top:4px!important;}

body .hj-reference-v286 .hj303-domain-drawer .hj-card{background:var(--hj-white)!important;border:1px solid var(--hj-border-soft)!important;border-radius:16px!important;padding:16px!important;box-shadow:0 1px 2px rgba(20,22,30,.03),0 10px 24px -16px rgba(20,22,30,.10)!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-card+.hj-card{margin-top:10px!important;}

body .hj-reference-v286 .hj303-domain-drawer .hj-hero-card{position:relative!important;overflow:hidden!important;border-radius:20px!important;padding:20px!important;color:#fff!important;background:linear-gradient(155deg,#22242B 0%,var(--hj-black) 62%)!important;box-shadow:0 1px 2px rgba(0,0,0,.2),0 24px 44px -18px rgba(11,12,15,.6)!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-hero-card::before{content:''!important;position:absolute!important;top:-60px!important;right:-40px!important;width:240px!important;height:240px!important;border-radius:50%!important;background:radial-gradient(circle,rgba(255,255,255,.09),transparent 70%)!important;pointer-events:none!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-hero-top{position:relative!important;z-index:1!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-hero-icon{width:40px!important;height:40px!important;border-radius:12px!important;background:rgba(255,255,255,.10)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;color:#fff!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-hero-icon svg{width:19px!important;height:19px!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-hero-domain{position:relative!important;z-index:1!important;font-size:19px!important;font-weight:600!important;margin-top:14px!important;letter-spacing:-.01em!important;color:#fff!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-hero-sub{position:relative!important;z-index:1!important;font-size:11.5px!important;color:rgba(255,255,255,.55)!important;margin-top:4px!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-hero-divider{position:relative!important;z-index:1!important;height:1px!important;background:rgba(255,255,255,.10)!important;margin:18px 0 16px!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-hero-renewal-row{position:relative!important;z-index:1!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:10px!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-hero-label{font-size:10px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:rgba(255,255,255,.45)!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-hero-value{font-size:17px!important;font-weight:600!important;margin-top:6px!important;font-variant-numeric:tabular-nums!important;color:#fff!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-hero-bar-track{position:relative!important;z-index:1!important;height:6px!important;background:rgba(255,255,255,.14)!important;border-radius:99px!important;margin-top:16px!important;overflow:hidden!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-hero-bar-fill{height:100%!important;border-radius:99px!important;background:linear-gradient(90deg,#34D399,#6EE7B7)!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-hero-bar-caption{position:relative!important;z-index:1!important;font-size:10.5px!important;color:rgba(255,255,255,.5)!important;margin-top:8px!important;}

body .hj-reference-v286 .hj303-domain-drawer .hj-info-list{margin-top:0!important;display:flex!important;flex-direction:column!important;gap:13px!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-info-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-info-label{font-size:11.5px!important;color:var(--hj-text-muted)!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-info-value{font-size:12.5px!important;font-weight:600!important;font-variant-numeric:tabular-nums!important;color:var(--hj-text)!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj145-autorenew-form{margin:0!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj145-autorenew-toggle{display:block!important;cursor:pointer!important;margin:0!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj145-autorenew-toggle>input{position:absolute!important;opacity:0!important;pointer-events:none!important;}

body .hj-reference-v286 .hj303-domain-drawer .hj-row-group{border:1px solid var(--hj-border-soft)!important;border-radius:16px!important;overflow:hidden!important;background:var(--hj-white)!important;box-shadow:0 1px 2px rgba(20,22,30,.03),0 10px 24px -16px rgba(20,22,30,.10)!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-row{width:100%!important;display:flex!important;align-items:center!important;gap:12px!important;min-height:60px!important;padding:10px 14px!important;cursor:pointer!important;transition:background 140ms!important;opacity:1!important;background:#fff!important;border:0!important;border-bottom:1px solid var(--hj-divider)!important;border-radius:0!important;text-align:left!important;color:var(--hj-text)!important;box-shadow:none!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-row:last-child{border-bottom:0!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-row:hover{background:var(--hj-hover)!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-row.static{cursor:default!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-row-icon{width:36px!important;height:36px!important;border-radius:10px!important;background:var(--hj-icon-bg)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;color:var(--hj-text)!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-row-icon.tint-cool{background:var(--hj-blue-bg)!important;color:var(--hj-blue-text)!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-row-icon.tint-warm{background:var(--hj-orange-bg)!important;color:var(--hj-orange-text)!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-row-icon svg{width:17px!important;height:17px!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-row-main{flex:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-row-title{font-size:13px!important;font-weight:600!important;color:var(--hj-text)!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-row-desc{font-size:11px!important;color:var(--hj-text-muted)!important;margin-top:2px!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-row-right{display:flex!important;align-items:center!important;gap:10px!important;flex-shrink:0!important;color:var(--hj-text-faint)!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-row-right>svg{width:16px!important;height:16px!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-row-count{font-size:11px!important;color:var(--hj-text-muted)!important;}

body .hj-reference-v286 .hj303-domain-drawer .hj-pill{display:inline-flex!important;align-items:center!important;gap:5px!important;font-size:10.5px!important;font-weight:600!important;padding:4px 9px 4px 8px!important;border-radius:999px!important;white-space:nowrap!important;line-height:1.2!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-pill::before{content:''!important;width:6px!important;height:6px!important;border-radius:50%!important;flex-shrink:0!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-pill>i{display:none!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-pill.green{background:var(--hj-green-bg)!important;color:var(--hj-green-text)!important;}body .hj-reference-v286 .hj303-domain-drawer .hj-pill.green::before{background:var(--hj-green-dot)!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-pill.blue{background:var(--hj-blue-bg)!important;color:var(--hj-blue-text)!important;}body .hj-reference-v286 .hj303-domain-drawer .hj-pill.blue::before{background:var(--hj-blue-dot)!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-pill.orange{background:var(--hj-orange-bg)!important;color:var(--hj-orange-text)!important;}body .hj-reference-v286 .hj303-domain-drawer .hj-pill.orange::before{background:var(--hj-orange-dot)!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-pill.red{background:var(--hj-red-bg)!important;color:var(--hj-red-text)!important;}body .hj-reference-v286 .hj303-domain-drawer .hj-pill.red::before{background:var(--hj-red-dot)!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-pill.grey{background:var(--hj-grey-bg)!important;color:var(--hj-grey-text)!important;}body .hj-reference-v286 .hj303-domain-drawer .hj-pill.grey::before{background:var(--hj-grey-dot)!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-pill.on-dark{background:rgba(255,255,255,.12)!important;}body .hj-reference-v286 .hj303-domain-drawer .hj-pill.on-dark.green{color:#6EE7B7!important;}body .hj-reference-v286 .hj303-domain-drawer .hj-pill.on-dark.green::before{background:#34D399!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-pill.on-dark.orange{color:#FCD28A!important;}body .hj-reference-v286 .hj303-domain-drawer .hj-pill.on-dark.orange::before{background:#F59E0B!important;}

body .hj-reference-v286 .hj303-domain-drawer .hj-btn,body .hj-reference-v286 .hj303-domain-drawer .hj303-light-button,body .hj-reference-v286 .hj303-domain-drawer .hj303-black-button,body .hj-reference-v286 .hj303-domain-drawer .hj322-form-actions button,body .hj-reference-v286 .hj303-domain-drawer .hj343-danger-button{height:40px!important;padding:0 18px!important;border-radius:12px!important;font-size:13px!important;font-weight:600!important;letter-spacing:.01em!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;cursor:pointer!important;border:1px solid transparent!important;white-space:nowrap!important;position:relative!important;text-decoration:none!important;transition:transform 160ms cubic-bezier(.2,.8,.2,1),box-shadow 200ms cubic-bezier(.2,.8,.2,1),background 160ms ease,border-color 160ms ease,opacity 140ms ease!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-btn-primary,body .hj-reference-v286 .hj303-domain-drawer .hj303-black-button{background:linear-gradient(180deg,#1B1D22 0%,var(--hj-black) 65%)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),inset 0 -1px 0 rgba(0,0,0,.25),0 1px 2px rgba(11,12,15,.08),0 10px 22px -10px rgba(11,12,15,.55)!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-btn-secondary,body .hj-reference-v286 .hj303-domain-drawer .hj303-light-button{background:#fff!important;border-color:var(--hj-input-border)!important;color:var(--hj-text)!important;box-shadow:0 1px 2px rgba(20,22,30,.04)!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-btn-hero{background:#fff!important;color:var(--hj-black)!important;box-shadow:0 1px 2px rgba(0,0,0,.15)!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-btn-sm{height:33px!important;padding:0 13px!important;font-size:12px!important;border-radius:10px!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-btn-full{width:100%!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-btn:hover,body .hj-reference-v286 .hj303-domain-drawer .hj303-light-button:hover,body .hj-reference-v286 .hj303-domain-drawer .hj303-black-button:hover{transform:translateY(-1px)!important;}

body .hj-reference-v286 .hj303-domain-drawer .hj-footer{position:sticky!important;bottom:0!important;background:var(--hj-white)!important;border-top:1px solid var(--hj-divider)!important;padding:14px 22px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;flex-shrink:0!important;z-index:4!important;}

body .hj-reference-v286 .hj303-domain-drawer .hj-back{display:inline-flex!important;align-items:center!important;gap:4px!important;font-size:12px!important;font-weight:500!important;color:var(--hj-text-muted)!important;background:none!important;border:none!important;cursor:pointer!important;padding:4px 2px!important;margin:0 0 16px!important;box-shadow:none!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-back:hover{color:var(--hj-text)!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-back svg{width:15px!important;height:15px!important;transform:rotate(180deg)!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-eyebrow{font-size:10px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:var(--hj-text-faint)!important;margin-bottom:6px!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-subpage-title-row{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin-bottom:18px!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-subpage-title{font-size:16px!important;font-weight:600!important;color:var(--hj-text)!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj-subpage-desc{font-size:12px!important;color:var(--hj-text-muted)!important;margin-top:4px!important;}

/* Existing functional nested panels mapped onto the supplied component system. */
body .hj-reference-v286 .hj303-domain-drawer .hj322-subview-scroll{flex:1!important;min-height:0!important;overflow-y:auto!important;padding:18px 22px 14px!important;background:#FAFAFB!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj322-section{background:var(--hj-white)!important;border:1px solid var(--hj-border-soft)!important;border-radius:16px!important;padding:16px!important;box-shadow:0 1px 2px rgba(20,22,30,.03),0 10px 24px -16px rgba(20,22,30,.10)!important;margin:0!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj322-section+.hj322-section{margin-top:10px!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj322-section h3{font-size:13.5px!important;font-weight:600!important;color:var(--hj-text)!important;margin:0 0 6px!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj322-section p,body .hj-reference-v286 .hj303-domain-drawer .hj322-info-line{font-size:11.5px!important;line-height:1.5!important;color:var(--hj-text-muted)!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj322-section.is-muted{background:#fff!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj303-drawer-form label>span,body .hj-reference-v286 .hj303-domain-drawer .hj322-form-grid label>span{display:block!important;font-size:12px!important;font-weight:500!important;color:var(--hj-text)!important;margin-bottom:6px!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj303-drawer-form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),body .hj-reference-v286 .hj303-domain-drawer .hj303-drawer-form select,body .hj-reference-v286 .hj303-domain-drawer .hj303-drawer-form textarea,body .hj-reference-v286 .hj303-domain-drawer .hj303-ns-inputs input:not([type="hidden"]){width:100%!important;min-height:42px!important;border:1px solid var(--hj-input-border)!important;border-radius:11px!important;padding:0 12px!important;font-size:13px!important;color:var(--hj-text)!important;background:#fff!important;box-shadow:none!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj303-drawer-form textarea{padding:10px 12px!important;line-height:1.5!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj303-drawer-form input:focus,body .hj-reference-v286 .hj303-domain-drawer .hj303-drawer-form select:focus,body .hj-reference-v286 .hj303-domain-drawer .hj303-drawer-form textarea:focus,body .hj-reference-v286 .hj303-domain-drawer .hj303-ns-inputs input:focus{outline:none!important;border-color:var(--hj-black)!important;box-shadow:0 0 0 3px rgba(11,12,15,.08)!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj322-ns-card,body .hj-reference-v286 .hj303-domain-drawer .hj114-public-ns-card,body .hj-reference-v286 .hj303-domain-drawer .hj322-contact-card,body .hj-reference-v286 .hj303-domain-drawer .hj322-status-card,body .hj-reference-v286 .hj303-domain-drawer .hj303-detail-line{border:1px solid var(--hj-border-soft)!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj322-ns-card code,body .hj-reference-v286 .hj303-domain-drawer .hj114-public-ns-list code,body .hj-reference-v286 .hj303-domain-drawer .hj303-ns-inputs code{font-family:'SFMono-Regular',Consolas,monospace!important;font-size:12px!important;color:var(--hj-text-muted)!important;background:var(--hj-grey-bg)!important;border-radius:8px!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj303-radio-cards label{border:1px solid var(--hj-border-soft)!important;border-radius:13px!important;background:#fff!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj303-radio-cards label:has(input:checked){border-color:var(--hj-black)!important;box-shadow:0 0 0 1px var(--hj-black) inset!important;background:#FAFAFB!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj343-danger-zone{background:#fff!important;border:1px solid #f1dadd!important;border-radius:16px!important;}
body .hj-reference-v286 .hj303-domain-drawer .hj343-danger-button{background:#fff!important;color:#C0342B!important;border-color:#F2C7CA!important;box-shadow:none!important;}

@media(max-width:640px){
  body .hj-reference-v286 .hj303-domain-drawer{width:100%!important;max-width:100%!important;}
}
@media(prefers-reduced-motion:reduce){
  body .hj-reference-v286 .hj303-domain-drawer,body .hj-reference-v286 .hj303-domain-drawer .hj145-domain-view{animation:none!important;transition-duration:.001s!important;}
}