/* ========================================================================
   HALO 0.28.4 — Enterprise Command UI
   Unified visual system for Dashboard, Websites, Domains and DNS.
   ======================================================================== */

.hj-enterprise-v284 {
  --hj284-canvas: #f5f6f8;
  --hj284-surface: #ffffff;
  --hj284-surface-raised: #ffffff;
  --hj284-surface-soft: #f8f9fb;
  --hj284-surface-muted: #f1f3f6;
  --hj284-ink: #101116;
  --hj284-ink-soft: #292c35;
  --hj284-muted: #6f7480;
  --hj284-faint: #979ca7;
  --hj284-line: #e5e7ec;
  --hj284-line-strong: #d7dae1;
  --hj284-violet: #6d47f5;
  --hj284-violet-strong: #5832dc;
  --hj284-violet-soft: #f0ecff;
  --hj284-blue: #3c7cff;
  --hj284-blue-soft: #edf4ff;
  --hj284-success: #15875f;
  --hj284-success-soft: #eaf7f1;
  --hj284-warning: #b66a16;
  --hj284-warning-soft: #fff4e5;
  --hj284-danger: #c33c50;
  --hj284-danger-soft: #fff0f2;
  --hj284-shadow-sm: 0 1px 2px rgba(16,17,22,.03), 0 6px 18px rgba(16,17,22,.035);
  --hj284-shadow-md: 0 18px 48px rgba(16,17,22,.08), 0 2px 8px rgba(16,17,22,.04);
  --hj284-radius-sm: 8px;
  --hj284-radius: 12px;
  --hj284-radius-lg: 16px;
  --halo-sidebar-width: 228px;
  --halo-header-height: 58px;
  --halo-canvas: var(--hj284-canvas);
  --halo-surface: var(--hj284-surface);
  --halo-line: var(--hj284-line);
  --halo-line-strong: var(--hj284-line-strong);
  --halo-ink: var(--hj284-ink);
  --halo-muted: var(--hj284-muted);
  --halo-subtle: var(--hj284-faint);
  --halo-hover: var(--hj284-surface-soft);
  --halo-active: var(--hj284-violet-soft);
  background:
    radial-gradient(circle at 76% -16%, rgba(60,124,255,.075), transparent 28%),
    radial-gradient(circle at 24% -14%, rgba(109,71,245,.08), transparent 25%),
    var(--hj284-canvas);
  color: var(--hj284-ink);
  letter-spacing: -.014em;
}

.hj-enterprise-v284,
.hj-enterprise-v284 * { box-sizing: border-box; }

.hj-enterprise-v284 :is(button,a,input,select,textarea,summary) {
  -webkit-tap-highlight-color: transparent;
}

.hj-enterprise-v284 :is(a,button,input,select,textarea,summary):focus-visible {
  outline: 3px solid rgba(109,71,245,.18) !important;
  outline-offset: 2px;
}

/* Shell ------------------------------------------------------------------ */
.hj-enterprise-v284 .hj-sidebar {
  background:
    radial-gradient(circle at 30% 0%, rgba(109,71,245,.16), transparent 30%),
    linear-gradient(180deg, #111218 0%, #0b0c11 100%);
  border-right-color: rgba(255,255,255,.07);
  color: #f7f7fa;
}

.hj-enterprise-v284 .hj-sidebar-brand-row {
  min-height: 62px;
  padding: 12px 14px 11px 16px;
  border-bottom-color: rgba(255,255,255,.07);
}

.hj-enterprise-v284 .hj-panel-brand-mark,
.hj-enterprise-v284 .hj-panel-brand-word {
  filter: brightness(0) invert(1);
}

.hj-enterprise-v284 .hj-sidebar-nav {
  padding: 12px 10px 18px;
  scrollbar-color: rgba(255,255,255,.18) transparent;
}

.hj-enterprise-v284 .hj-nav-group { margin-top: 12px; }
.hj-enterprise-v284 .hj-nav-group-primary { margin-top: 0; }

.hj-enterprise-v284 .hj-nav-section-toggle {
  min-height: 22px;
  padding: 0 8px;
  color: #858997;
  font-size: 10px;
  font-weight: 650;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.hj-enterprise-v284 .hj-nav-section-toggle:hover {
  background: rgba(255,255,255,.04);
  color: #c8cad2;
}

.hj-enterprise-v284 .hj-sidebar-nav a {
  min-height: 38px;
  margin: 2px 0;
  padding: 0 10px;
  gap: 10px;
  border: 1px solid transparent;
  border-radius: 9px;
  color: #aeb1bc;
  font-size: 12px;
  font-weight: 520;
  transition: background .16s ease, color .16s ease, border-color .16s ease, transform .16s ease;
}

.hj-enterprise-v284 .hj-sidebar-nav a:hover {
  background: rgba(255,255,255,.055);
  color: #fff;
  transform: translateX(1px);
}

.hj-enterprise-v284 .hj-sidebar-nav a.is-active {
  background: linear-gradient(90deg, rgba(109,71,245,.22), rgba(109,71,245,.10));
  border-color: rgba(144,117,255,.28);
  color: #fff;
  box-shadow: inset 3px 0 0 #8c6cff;
}

.hj-enterprise-v284 .hj-sidebar-nav .hj-nav-icon {
  width: 20px;
  height: 20px;
  color: #858a98;
}

.hj-enterprise-v284 .hj-sidebar-nav a:hover .hj-nav-icon,
.hj-enterprise-v284 .hj-sidebar-nav a.is-active .hj-nav-icon { color: #bba9ff; }

.hj-enterprise-v284 .hj-topbar {
  min-height: var(--halo-header-height);
  padding: 0 18px 0 20px;
  background: rgba(255,255,255,.86);
  border-bottom-color: rgba(215,218,225,.84);
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
}

.hj-enterprise-v284 .hj-global-tabs { gap: 2px; }
.hj-enterprise-v284 .hj-global-tabs a {
  min-height: 34px;
  padding: 0 11px;
  border-radius: 8px;
  color: #777b86;
  font-size: 11.5px;
  font-weight: 560;
}
.hj-enterprise-v284 .hj-global-tabs a:hover { background: #f3f4f7; color: var(--hj284-ink); }
.hj-enterprise-v284 .hj-global-tabs a.is-active {
  background: #111218;
  color: #fff;
  box-shadow: 0 5px 14px rgba(17,18,24,.14);
}

.hj-enterprise-v284 .hj-topbar-right { gap: 7px; }
.hj-enterprise-v284 .hj-icon-button,
.hj-enterprise-v284 .hj-theme-toggle,
.hj-enterprise-v284 .hj-topbar-profile {
  border-color: var(--hj284-line);
  background: rgba(255,255,255,.82);
  box-shadow: 0 1px 2px rgba(16,17,22,.02);
}
.hj-enterprise-v284 .hj-icon-button:hover,
.hj-enterprise-v284 .hj-theme-toggle:hover,
.hj-enterprise-v284 .hj-topbar-profile:hover { background: #fff; border-color: var(--hj284-line-strong); }
.hj-enterprise-v284 .hj-user-avatar { background: #17181e; color: #fff; }
.hj-enterprise-v284 .hj-notification-count { background: var(--hj284-violet); }

.hj-enterprise-v284 .hj-main {
  min-width: 0;
  background: transparent;
}

/* Shared page rhythm ----------------------------------------------------- */
.hj-enterprise-v284 :is(.hj33-dashboard,.hj281-websites,.hj42-domains,.hj15-service-page) {
  width: 100%;
  max-width: 1540px;
  margin: 0 auto;
  padding: 28px 28px 48px;
}

.hj-enterprise-v284 :is(.hj281-page-header,.hj42-page-head,.hj15-page-head) {
  margin: 0 0 20px;
  align-items: flex-end;
}

.hj-enterprise-v284 :is(.hj281-page-header h1,.hj42-page-title h1,.hj15-page-head h1) {
  margin: 7px 0 5px;
  color: var(--hj284-ink);
  font-size: clamp(27px, 2.15vw, 36px);
  font-weight: 670;
  line-height: 1.05;
  letter-spacing: -.045em;
}

.hj-enterprise-v284 :is(.hj281-page-header p,.hj42-page-title p,.hj15-page-head p) {
  margin: 0;
  color: var(--hj284-muted);
  font-size: 12px;
  line-height: 1.5;
}

.hj-enterprise-v284 :is(.hj281-breadcrumb,.hj42-breadcrumb,.hj15-page-head nav) {
  color: var(--hj284-faint);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .02em;
}

.hj-enterprise-v284 :is(.hj281-table-card,.hj281-quick-card,.hj42-surface,.hj282-domain-cards article,.hj282-domain-insights>article,.hj15-service-hero,.hj15-metric-card,.hj15-email-card,.hj15-product-strip) {
  border-color: var(--hj284-line);
  background: var(--hj284-surface);
  box-shadow: var(--hj284-shadow-sm);
}

.hj-enterprise-v284 :is(.hj281-button.is-primary,.hj42-button.is-primary,.hj15-btn.is-primary,.hj33-button.is-primary,.hj33-row-actions .is-primary) {
  border-color: #111218 !important;
  background: #111218 !important;
  color: #fff !important;
  box-shadow: 0 7px 18px rgba(17,18,24,.13);
}
.hj-enterprise-v284 :is(.hj281-button.is-primary,.hj42-button.is-primary,.hj15-btn.is-primary,.hj33-button.is-primary,.hj33-row-actions .is-primary):hover {
  border-color: #000 !important;
  background: #000 !important;
  transform: translateY(-1px);
}

/* Dashboard -------------------------------------------------------------- */
.hj-enterprise-v284 .hj33-dashboard {
  --hj33-bg: transparent;
  --hj33-surface: var(--hj284-surface);
  --hj33-ink: var(--hj284-ink);
  --hj33-muted: var(--hj284-muted);
  --hj33-line: var(--hj284-line);
  --hj33-primary: var(--hj284-violet);
  --hj33-accent: var(--hj284-violet);
  --hj33-good: var(--hj284-success);
  background: transparent;
}

.hj-enterprise-v284 .hj33-welcome {
  min-height: auto;
  margin: 0 0 18px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.hj-enterprise-v284 .hj33-welcome::before {
  content: "";
  position: absolute;
  top: -94px;
  right: 1%;
  width: 330px;
  height: 220px;
  pointer-events: none;
  background: radial-gradient(circle, rgba(109,71,245,.10), rgba(60,124,255,.035) 42%, transparent 72%);
  filter: blur(6px);
}

.hj-enterprise-v284 .hj33-welcome h1 {
  color: var(--hj284-ink);
  font-size: clamp(28px, 2.4vw, 39px);
  font-weight: 665;
  letter-spacing: -.05em;
}
.hj-enterprise-v284 .hj33-welcome p { color: var(--hj284-muted); font-size: 12px; }
.hj-enterprise-v284 .hj33-kicker { color: var(--hj284-violet); letter-spacing: .085em; }
.hj-enterprise-v284 .hj33-button { border-radius: 8px; min-height: 36px; }

.hj-enterprise-v284 .hj33-layout {
  grid-template-columns: minmax(0,1fr) 284px;
  gap: 16px;
}
.hj-enterprise-v284 .hj33-primary-column { gap: 14px; }
.hj-enterprise-v284 .hj33-side-column { gap: 12px; }

.hj-enterprise-v284 .hj33-card {
  border: 1px solid var(--hj284-line);
  border-radius: 13px;
  background: rgba(255,255,255,.94);
  box-shadow: var(--hj284-shadow-sm);
}

.hj-enterprise-v284 .hj33-workspace-card {
  border-top: 2px solid rgba(109,71,245,.42);
}

.hj-enterprise-v284 .hj33-product-tabs {
  min-height: 49px;
  padding: 0 10px;
  border-bottom-color: var(--hj284-line);
  background: linear-gradient(180deg,#fff,#fbfbfc);
}
.hj-enterprise-v284 .hj33-product-tabs button {
  min-height: 48px;
  padding: 0 12px;
  color: #777c87;
  font-size: 10.5px;
}
.hj-enterprise-v284 .hj33-product-tabs button.is-active { color: var(--hj284-ink); }
.hj-enterprise-v284 .hj33-product-tabs button.is-active::after {
  height: 2px;
  background: var(--hj284-violet);
}
.hj-enterprise-v284 .hj33-product-tabs button b { background: var(--hj284-surface-muted); border-color: var(--hj284-line); }
.hj-enterprise-v284 .hj33-product-tabs button.is-active b { background: var(--hj284-violet-soft); border-color: #dcd3ff; color: var(--hj284-violet-strong); }

.hj-enterprise-v284 .hj33-product-panel { min-height: 286px; padding: 15px; }
.hj-enterprise-v284 .hj33-panel-heading { margin-bottom: 12px; }
.hj-enterprise-v284 .hj33-panel-heading h2,
.hj-enterprise-v284 .hj33-card header h2,
.hj-enterprise-v284 .hj33-support-card h2 { color: var(--hj284-ink); font-weight: 650; }

.hj-enterprise-v284 .hj33-resource-list { gap: 6px; }
.hj-enterprise-v284 .hj33-resource-row {
  min-height: 55px;
  padding: 8px 9px;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
}
.hj-enterprise-v284 .hj33-resource-row:hover {
  border-color: var(--hj284-line);
  background: var(--hj284-surface-soft);
  transform: none;
}
.hj-enterprise-v284 .hj33-resource-icon,
.hj-enterprise-v284 .hj33-product-icon,
.hj-enterprise-v284 .hj33-feed-icon,
.hj-enterprise-v284 .hj33-action-list>a>span,
.hj-enterprise-v284 .hj33-support-icon {
  background: var(--hj284-surface-muted) !important;
  color: var(--hj284-ink-soft) !important;
  border: 1px solid var(--hj284-line);
}
.hj-enterprise-v284 .hj33-resource-icon.is-domain,
.hj-enterprise-v284 .hj33-resource-icon.is-ssl { background: var(--hj284-violet-soft) !important; color: var(--hj284-violet-strong) !important; }
.hj-enterprise-v284 .hj33-resource-icon.is-site { background: var(--hj284-blue-soft) !important; color: #3268c9 !important; }
.hj-enterprise-v284 .hj33-resource-icon.is-email { background: #f2f0ff !important; color: #7054cf !important; }

.hj-enterprise-v284 .hj33-status,
.hj-enterprise-v284 .hj33-health-pill { border: 1px solid transparent; }
.hj-enterprise-v284 .hj33-status.is-good { background: var(--hj284-success-soft); color: var(--hj284-success); }
.hj-enterprise-v284 .hj33-status.is-warning { background: var(--hj284-warning-soft); color: var(--hj284-warning); }
.hj-enterprise-v284 .hj33-health-pill { background: var(--hj284-violet-soft); color: var(--hj284-violet-strong); border-color: #ddd5ff; }

.hj-enterprise-v284 .hj33-feed-grid { gap: 14px; }
.hj-enterprise-v284 .hj33-feed-card { min-height: 205px; }
.hj-enterprise-v284 .hj33-feed-list>a { padding: 9px 12px; }
.hj-enterprise-v284 .hj33-feed-list>a:hover { background: var(--hj284-surface-soft); }
.hj-enterprise-v284 .hj33-feed-list>a.is-unread { background: #fbfaff; }

.hj-enterprise-v284 .hj33-product-search {
  margin: 0 9px 7px;
  border-color: var(--hj284-line);
  background: var(--hj284-surface-soft);
}
.hj-enterprise-v284 .hj33-product-links>a,
.hj-enterprise-v284 .hj33-action-list>a { border-radius: 8px; }
.hj-enterprise-v284 .hj33-product-links>a:hover,
.hj-enterprise-v284 .hj33-action-list>a:hover { background: var(--hj284-surface-soft); }
.hj-enterprise-v284 .hj33-products-footer { border-top-color: var(--hj284-line); }

/* Websites --------------------------------------------------------------- */
.hj-enterprise-v284 .hj281-websites {
  --hj281-black: var(--hj284-ink);
  --hj281-white: var(--hj284-surface);
  --hj281-grey-50: var(--hj284-surface-soft);
  --hj281-grey-100: var(--hj284-surface-muted);
  --hj281-grey-200: var(--hj284-line);
  --hj281-grey-300: var(--hj284-line-strong);
  --hj281-grey-500: var(--hj284-muted);
  --hj281-accent: var(--hj284-violet);
}

.hj-enterprise-v284 .hj281-service-status {
  min-width: 300px;
  padding: 10px 12px;
  border: 1px solid var(--hj284-line);
  border-radius: 10px;
  background: rgba(255,255,255,.86);
  box-shadow: var(--hj284-shadow-sm);
}
.hj-enterprise-v284 .hj281-service-status.is-healthy { border-left: 3px solid var(--hj284-success); }
.hj-enterprise-v284 .hj281-service-status.is-attention { border-left: 3px solid var(--hj284-warning); }
.hj-enterprise-v284 .hj281-service-status b { color: var(--hj284-violet-strong); }

.hj-enterprise-v284 .hj281-toolbar {
  grid-template-columns: minmax(210px,310px) minmax(0,1fr) auto;
  gap: 10px;
  margin-bottom: 12px;
  padding: 8px;
  border: 1px solid var(--hj284-line);
  border-radius: 12px;
  background: rgba(255,255,255,.88);
  box-shadow: var(--hj284-shadow-sm);
  backdrop-filter: blur(12px);
}
.hj-enterprise-v284 .hj281-search {
  min-height: 38px;
  border-color: var(--hj284-line);
  border-radius: 8px;
  background: var(--hj284-surface-soft);
}
.hj-enterprise-v284 .hj281-search:focus-within { border-color: #b7a8f7; box-shadow: 0 0 0 3px rgba(109,71,245,.09); }
.hj-enterprise-v284 .hj281-tabs { padding: 3px; border-radius: 8px; background: var(--hj284-surface-muted); }
.hj-enterprise-v284 .hj281-tabs button { min-height: 32px; border-radius: 6px; color: var(--hj284-muted); }
.hj-enterprise-v284 .hj281-tabs button.is-active { background: #fff; color: var(--hj284-ink); box-shadow: 0 1px 4px rgba(16,17,22,.08); }
.hj-enterprise-v284 .hj281-button,
.hj-enterprise-v284 .hj281-icon-button { min-height: 38px; border-radius: 8px; }

.hj-enterprise-v284 .hj281-table-card {
  overflow: hidden;
  border-radius: 13px;
}
.hj-enterprise-v284 .hj281-card-heading {
  min-height: 51px;
  padding: 0 15px;
  border-bottom: 1px solid var(--hj284-line);
  background: linear-gradient(180deg,#fff,#fcfcfd);
}
.hj-enterprise-v284 .hj281-card-heading h2 { font-size: 13px; font-weight: 650; }
.hj-enterprise-v284 .hj281-card-heading h2 span { background: var(--hj284-violet-soft); color: var(--hj284-violet-strong); }

.hj-enterprise-v284 .hj281-table-head {
  padding: 9px 14px;
  background: #f7f8fa;
  color: #858a95;
  font-size: 9.5px;
  letter-spacing: .055em;
  border-bottom-color: var(--hj284-line);
}
.hj-enterprise-v284 .hj281-site-row {
  min-height: 68px;
  padding: 10px 14px;
  border-bottom-color: var(--hj284-line);
  background: #fff;
  transition: background .15s ease, box-shadow .15s ease;
}
.hj-enterprise-v284 .hj281-site-row:hover {
  background: #fafaff;
  box-shadow: inset 3px 0 0 rgba(109,71,245,.65);
}
.hj-enterprise-v284 .hj281-site-avatar {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: #15161c !important;
  color: #fff !important;
  box-shadow: none;
}
.hj-enterprise-v284 .hj281-site-identity strong { color: var(--hj284-ink); font-weight: 650; }
.hj-enterprise-v284 .hj281-site-identity small { color: var(--hj284-muted); }
.hj-enterprise-v284 .hj281-metric strong { color: var(--hj284-ink-soft); }
.hj-enterprise-v284 .hj281-resources i { background: var(--hj284-surface-muted); }
.hj-enterprise-v284 .hj281-resources i u { background: linear-gradient(90deg,var(--hj284-violet),var(--hj284-blue)); }
.hj-enterprise-v284 .hj281-site-status.is-good { background: var(--hj284-success-soft); color: var(--hj284-success); }
.hj-enterprise-v284 .hj281-site-status.is-warning { background: var(--hj284-warning-soft); color: var(--hj284-warning); }
.hj-enterprise-v284 .hj281-action-button { min-height: 34px; border-radius: 7px; }
.hj-enterprise-v284 .hj281-action-icon { min-height: 34px; border-radius: 7px; }

.hj-enterprise-v284 .hj281-quick-card { margin-top: 13px; padding: 16px; border-radius: 13px; }
.hj-enterprise-v284 .hj281-quick-grid { gap: 9px; }
.hj-enterprise-v284 .hj281-quick-grid>a,
.hj-enterprise-v284 .hj281-quick-grid>button {
  min-height: 70px;
  padding: 11px;
  border-radius: 10px;
  box-shadow: none;
}
.hj-enterprise-v284 .hj281-quick-grid>a:hover,
.hj-enterprise-v284 .hj281-quick-grid>button:hover { border-color: #cfc6f7; background: #fbfaff; }
.hj-enterprise-v284 .hj281-quick-grid>a>span,
.hj-enterprise-v284 .hj281-quick-grid>button>span { width: 38px; height: 38px; border-radius: 9px; background: var(--hj284-violet-soft); color: var(--hj284-violet-strong); }
.hj-enterprise-v284 .hj281-quick-grid>a>span::after,
.hj-enterprise-v284 .hj281-quick-grid>button>span::after { background: var(--hj284-violet); }

/* Domains --------------------------------------------------------------- */
.hj-enterprise-v284 .hj42-domains {
  --hj42-bg: transparent;
  --hj42-surface: var(--hj284-surface);
  --hj42-ink: var(--hj284-ink);
  --hj42-muted: var(--hj284-muted);
  --hj42-line: var(--hj284-line);
  --hj42-soft: var(--hj284-surface-soft);
  --hj42-violet: var(--hj284-violet);
  background: transparent;
}

.hj-enterprise-v284 .hj42-head-actions { gap: 8px; }
.hj-enterprise-v284 .hj42-head-actions .hj-service-switcher,
.hj-enterprise-v284 .hj281-service-switcher .hj-service-switcher { border-radius: 9px; border-color: var(--hj284-line); }

.hj-enterprise-v284 .hj282-domain-cards {
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 10px;
  margin-bottom: 12px;
}
.hj-enterprise-v284 .hj282-domain-cards article {
  min-height: 88px;
  padding: 14px;
  border-radius: 12px;
  box-shadow: var(--hj284-shadow-sm);
}
.hj-enterprise-v284 .hj282-card-icon {
  flex-basis: 38px;
  width: 38px;
  height: 38px;
  border-radius: 9px;
  background: var(--hj284-surface-muted);
  color: var(--hj284-ink-soft);
}
.hj-enterprise-v284 .hj282-domain-cards article:nth-child(1) .hj282-card-icon,
.hj-enterprise-v284 .hj282-domain-cards article:nth-child(2) .hj282-card-icon { background: var(--hj284-violet-soft); color: var(--hj284-violet-strong); }
.hj-enterprise-v284 .hj282-card-icon::after { background: var(--hj284-violet); }
.hj-enterprise-v284 .hj282-domain-cards strong { font-size: 22px; font-weight: 670; letter-spacing: -.04em; }
.hj-enterprise-v284 .hj282-domain-cards p { margin-top: 4px; }

.hj-enterprise-v284 .hj42-toolbar {
  gap: 9px;
  margin-bottom: 12px;
  padding: 8px;
  border: 1px solid var(--hj284-line);
  border-radius: 12px;
  background: rgba(255,255,255,.9);
  box-shadow: var(--hj284-shadow-sm);
}
.hj-enterprise-v284 .hj42-search {
  min-height: 38px;
  border-radius: 8px;
  border-color: var(--hj284-line);
  background: var(--hj284-surface-soft);
}
.hj-enterprise-v284 .hj42-search:focus-within { border-color: #b7a8f7; box-shadow: 0 0 0 3px rgba(109,71,245,.09); }
.hj-enterprise-v284 .hj42-filter-tabs { padding: 3px; border-radius: 8px; background: var(--hj284-surface-muted); }
.hj-enterprise-v284 .hj42-filter-tabs button { min-height: 32px; border-radius: 6px; }
.hj-enterprise-v284 .hj42-filter-tabs button.is-active { background: #fff; color: var(--hj284-ink); box-shadow: 0 1px 4px rgba(16,17,22,.08); }
.hj-enterprise-v284 .hj42-filter-tabs button.is-active b { background: var(--hj284-violet); }
.hj-enterprise-v284 .hj42-toolbar-meta button { color: var(--hj284-violet-strong); }

.hj-enterprise-v284 .hj42-surface { border-radius: 13px; }
.hj-enterprise-v284 .hj42-surface-head {
  min-height: 55px;
  padding: 0 15px;
  border-bottom-color: var(--hj284-line);
  background: linear-gradient(180deg,#fff,#fcfcfd);
}
.hj-enterprise-v284 .hj42-surface-head h2 { font-size: 13px; font-weight: 650; }
.hj-enterprise-v284 .hj42-surface-head p { font-size: 10.5px; }
.hj-enterprise-v284 .hj42-icon-button { border-radius: 8px; }

.hj-enterprise-v284 .hj42-resource-list { gap: 0; padding: 0; }
.hj-enterprise-v284 .hj42-resource-row {
  margin: 0;
  padding: 11px 14px;
  border: 0;
  border-bottom: 1px solid var(--hj284-line);
  border-radius: 0;
  background: #fff;
}
.hj-enterprise-v284 .hj42-resource-row:last-child { border-bottom: 0; }
.hj-enterprise-v284 .hj42-resource-row:hover { background: #fafaff; }
.hj-enterprise-v284 .hj42-resource-row.is-selected {
  border-color: var(--hj284-line) !important;
  background: #fbfaff !important;
  box-shadow: inset 3px 0 0 var(--hj284-violet) !important;
}
.hj-enterprise-v284 .hj42-avatar.is-violet { background: var(--hj284-violet-soft); color: var(--hj284-violet-strong); }
.hj-enterprise-v284 .hj42-status.is-success { background: var(--hj284-success-soft); color: var(--hj284-success); }

.hj-enterprise-v284 .hj282-dns-preview-card { margin-top: 12px; }
.hj-enterprise-v284 .hj282-dns-table { border-radius: 10px; }
.hj-enterprise-v284 .hj282-dns-head { background: #f7f8fa; }
.hj-enterprise-v284 .hj282-record-type { background: var(--hj284-violet-soft); color: var(--hj284-violet-strong); }
.hj-enterprise-v284 .hj282-view-zone { color: var(--hj284-violet-strong); }

.hj-enterprise-v284 .hj282-domain-insights { gap: 10px; margin-top: 12px; }
.hj-enterprise-v284 .hj282-domain-insights>article { padding: 14px; border-radius: 12px; }
.hj-enterprise-v284 .hj282-domain-insights header>span { background: var(--hj284-surface-muted); }

/* Domain and website drawers -------------------------------------------- */
.hj-enterprise-v284 .hj42-drawer-backdrop,
.hj-enterprise-v284 .hj42-modal-backdrop,
.hj-enterprise-v284 .hj32-modal-backdrop {
  background: rgba(11,12,17,.58);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.hj-enterprise-v284 .hj42-drawer-panel,
.hj-enterprise-v284 .hj42-drawer,
.hj-enterprise-v284 .hj42-modal-card,
.hj-enterprise-v284 .hj32-domain-modal {
  border-color: rgba(255,255,255,.45);
  background: #fff;
  box-shadow: -28px 0 80px rgba(11,12,17,.20), var(--hj284-shadow-md);
}
.hj-enterprise-v284 .hj42-drawer-head,
.hj-enterprise-v284 .hj42-modal-head {
  border-bottom-color: var(--hj284-line);
  background: linear-gradient(180deg,#fff,#fbfbfd);
}
.hj-enterprise-v284 .hj42-drawer-head>div>span,
.hj-enterprise-v284 .hj42-modal-head>div>span,
.hj-enterprise-v284 .hj42-kicker { color: var(--hj284-violet); }
.hj-enterprise-v284 .hj42-drawer-tabs {
  padding: 8px 12px 0;
  gap: 3px;
  border-bottom-color: var(--hj284-line);
  background: #fff;
}
.hj-enterprise-v284 .hj42-drawer-tabs button { min-height: 38px; border-radius: 7px 7px 0 0; }
.hj-enterprise-v284 .hj42-drawer-tabs button.is-active { color: var(--hj284-ink); background: var(--hj284-surface-soft); }
.hj-enterprise-v284 .hj42-drawer-tabs button.is-active::after { background: var(--hj284-violet); }
.hj-enterprise-v284 .hj42-drawer-scroll { background: var(--hj284-canvas); }
.hj-enterprise-v284 .hj42-drawer-tab-panel { padding: 18px; }
.hj-enterprise-v284 .hj42-detail-hero,
.hj-enterprise-v284 .hj42-detail-grid>div,
.hj-enterprise-v284 .hj42-drawer-section,
.hj-enterprise-v284 .hj42-form-card,
.hj-enterprise-v284 .hj42-choice,
.hj-enterprise-v284 .hj42-default-ns,
.hj-enterprise-v284 .hj42-custom-ns,
.hj-enterprise-v284 .hj42-form,
.hj-enterprise-v284 .hj42-action-grid>* {
  border-color: var(--hj284-line);
  background: #fff;
  box-shadow: none;
}
.hj-enterprise-v284 .hj42-action-grid>*:hover { border-color: #cbc2f3; background: #fbfaff; transform: translateY(-1px); }
.hj-enterprise-v284 .hj42-choice.is-selected { border-color: #a995fa; background: #fbfaff; box-shadow: 0 0 0 3px rgba(109,71,245,.08); }
.hj-enterprise-v284 .hj42-default-ns code,
.hj-enterprise-v284 .hj42-custom-ns input,
.hj-enterprise-v284 .hj42-form :is(input,select,textarea) { border-color: var(--hj284-line); background: #fff; }
.hj-enterprise-v284 .hj42-form :is(input,select,textarea):focus { border-color: #a995fa; box-shadow: 0 0 0 3px rgba(109,71,245,.09); }

/* DNS workspace ---------------------------------------------------------- */
.hj-enterprise-v284 .hj42-dns-presets {
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 8px;
  margin-bottom: 12px;
}
.hj-enterprise-v284 .hj42-dns-presets button {
  min-height: 70px;
  padding: 10px;
  border-color: var(--hj284-line);
  border-radius: 10px;
  background: #fff;
}
.hj-enterprise-v284 .hj42-dns-presets button:hover { border-color: #c9bff5; background: #fbfaff; transform: translateY(-1px); }
.hj-enterprise-v284 .hj42-dns-presets button>span { width: 34px; height: 34px; border-radius: 8px; background: var(--hj284-violet-soft); color: var(--hj284-violet-strong); }

.hj-enterprise-v284 .hj284-dns-toolbar {
  display: grid;
  grid-template-columns: minmax(190px,1fr) auto auto;
  gap: 8px;
  align-items: center;
  margin: 0 0 10px;
  padding: 7px;
  border: 1px solid var(--hj284-line);
  border-radius: 10px;
  background: #fff;
}
.hj-enterprise-v284 .hj284-dns-search {
  min-height: 36px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  border: 1px solid var(--hj284-line);
  border-radius: 8px;
  background: var(--hj284-surface-soft);
  color: var(--hj284-muted);
}
.hj-enterprise-v284 .hj284-dns-search svg { width: 14px; height: 14px; }
.hj-enterprise-v284 .hj284-dns-search input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--hj284-ink); font-size: 11px; }
.hj-enterprise-v284 .hj284-dns-search:focus-within { border-color: #b8aaf6; box-shadow: 0 0 0 3px rgba(109,71,245,.08); }
.hj-enterprise-v284 .hj284-dns-filters { display: flex; gap: 3px; padding: 3px; border-radius: 8px; background: var(--hj284-surface-muted); }
.hj-enterprise-v284 .hj284-dns-filters button {
  min-height: 30px;
  padding: 0 9px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--hj284-muted);
  font: 600 10px/1 Inter, sans-serif;
  cursor: pointer;
}
.hj-enterprise-v284 .hj284-dns-filters button.is-active { background: #fff; color: var(--hj284-ink); box-shadow: 0 1px 4px rgba(16,17,22,.08); }
.hj-enterprise-v284 .hj284-dns-visible-count { color: var(--hj284-muted); font-size: 10px; white-space: nowrap; }

.hj-enterprise-v284 .hj42-dns-layout {
  grid-template-columns: minmax(0,1.65fr) minmax(270px,.72fr);
  gap: 12px;
  align-items: start;
}
.hj-enterprise-v284 .hj42-dns-table,
.hj-enterprise-v284 .hj42-form-card { border-radius: 11px; }
.hj-enterprise-v284 .hj42-form-card { position: sticky; top: 12px; padding: 14px; }
.hj-enterprise-v284 .hj-zone-editor-table-wrap {
  overflow: auto;
  border: 1px solid var(--hj284-line);
  border-radius: 10px;
  background: #fff;
  scrollbar-width: thin;
}
.hj-enterprise-v284 .hj-zone-editor-table { min-width: 760px; border-collapse: collapse; }
.hj-enterprise-v284 .hj-zone-editor-table th {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 10px 11px;
  border-bottom: 1px solid var(--hj284-line);
  background: #f7f8fa;
  color: #838894;
  font-size: 9px;
  font-weight: 670;
  letter-spacing: .055em;
  text-transform: uppercase;
}
.hj-enterprise-v284 .hj-zone-editor-table td {
  padding: 10px 11px;
  border-bottom: 1px solid var(--hj284-line);
  color: var(--hj284-ink-soft);
  font-size: 11px;
  vertical-align: middle;
}
.hj-enterprise-v284 .hj-zone-editor-table tr:last-child td { border-bottom: 0; }
.hj-enterprise-v284 .hj-zone-editor-table tbody tr:hover { background: #fafaff; }
.hj-enterprise-v284 .hj-zone-editor-table code { color: #424651; font: 500 10.5px/1.45 "JetBrains Mono",monospace; }
.hj-enterprise-v284 .hj-dns-type {
  min-width: 42px;
  min-height: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  background: var(--hj284-violet-soft);
  color: var(--hj284-violet-strong);
  font-size: 9.5px;
  font-weight: 700;
}
.hj-enterprise-v284 .hj-dns-type-mx,
.hj-enterprise-v284 .hj-dns-type-txt { background: var(--hj284-blue-soft); color: #3167c9; }
.hj-enterprise-v284 .hj-record-actions>summary {
  min-height: 30px;
  padding: 0 9px;
  border: 1px solid var(--hj284-line);
  border-radius: 7px;
  background: #fff;
  color: var(--hj284-ink);
  font-size: 10px;
  cursor: pointer;
}
.hj-enterprise-v284 .hj-record-actions[open]>summary { border-color: #b9abf8; background: #fbfaff; }
.hj-enterprise-v284 .hj-record-actions>form,
.hj-enterprise-v284 .hj-record-actions>.hj-record-raw { border-color: var(--hj284-line); box-shadow: var(--hj284-shadow-md); }
.hj-enterprise-v284 .hj284-dns-empty-row td { padding: 28px 16px; color: var(--hj284-muted); text-align: center; }

/* Hosting command centre ------------------------------------------------- */
.hj-enterprise-v284 .hj15-service-page { --hj15-accent: var(--hj284-violet); }
.hj-enterprise-v284 .hj15-page-head { margin-bottom: 18px; }
.hj-enterprise-v284 .hj15-btn { min-height: 38px; border-radius: 8px; border-color: var(--hj284-line); }
.hj-enterprise-v284 .hj15-btn.is-accent { background: var(--hj284-violet-soft); color: var(--hj284-violet-strong); border-color: #ddd4ff; }
.hj-enterprise-v284 .hj15-service-hero { padding: 17px 18px; border-radius: 13px; border-top: 2px solid rgba(109,71,245,.5); }
.hj-enterprise-v284 .hj15-service-mark { background: var(--hj284-violet-soft); color: var(--hj284-violet-strong); }
.hj-enterprise-v284 .hj15-product-strip { border-radius: 13px; overflow: hidden; }
.hj-enterprise-v284 .hj15-product-strip>a { padding: 13px; }
.hj-enterprise-v284 .hj15-product-strip>a:hover { background: #fafaff; }
.hj-enterprise-v284 .hj15-metric-grid { gap: 12px; }
.hj-enterprise-v284 .hj15-metric-card { padding: 16px; border-radius: 13px; }
.hj-enterprise-v284 .hj15-resource-bars i { background: var(--hj284-surface-muted); }
.hj-enterprise-v284 .hj15-resource-bars u { background: linear-gradient(90deg,var(--hj284-violet),var(--hj284-blue)); }
.hj-enterprise-v284 .hj15-disk-gauge { background: conic-gradient(var(--hj284-violet) calc(var(--usage)*1%),var(--hj284-surface-muted) 0); }
.hj-enterprise-v284 .hj15-email-card { border-radius: 13px; }
.hj-enterprise-v284 .hj15-email-table>a:hover { background: #fafaff; }

/* Dark mode -------------------------------------------------------------- */
.hj-enterprise-v284[data-hj-theme-resolved="dark"] {
  --hj284-canvas: #0d0e13;
  --hj284-surface: #15161c;
  --hj284-surface-raised: #191a21;
  --hj284-surface-soft: #1b1c23;
  --hj284-surface-muted: #21232b;
  --hj284-ink: #f5f5f8;
  --hj284-ink-soft: #d9dbe2;
  --hj284-muted: #999da8;
  --hj284-faint: #747985;
  --hj284-line: #2a2c35;
  --hj284-line-strong: #363945;
  --hj284-violet-soft: #28213f;
  --hj284-blue-soft: #17243b;
  --hj284-success-soft: #152a23;
  --hj284-warning-soft: #302416;
  --hj284-danger-soft: #321a20;
  --hj284-shadow-sm: 0 1px 2px rgba(0,0,0,.18), 0 10px 28px rgba(0,0,0,.12);
  --hj284-shadow-md: 0 28px 80px rgba(0,0,0,.42);
  background: radial-gradient(circle at 78% -12%, rgba(60,124,255,.08), transparent 28%), radial-gradient(circle at 20% -12%, rgba(109,71,245,.10), transparent 25%), var(--hj284-canvas);
  color-scheme: dark;
}
.hj-enterprise-v284[data-hj-theme-resolved="dark"] .hj-topbar { background: rgba(21,22,28,.88); border-bottom-color: var(--hj284-line); }
.hj-enterprise-v284[data-hj-theme-resolved="dark"] .hj-global-tabs a:hover { background: var(--hj284-surface-muted); }
.hj-enterprise-v284[data-hj-theme-resolved="dark"] .hj-global-tabs a.is-active { background: #f4f4f7; color: #111218; }
.hj-enterprise-v284[data-hj-theme-resolved="dark"] :is(.hj-icon-button,.hj-theme-toggle,.hj-topbar-profile) { background: var(--hj284-surface); border-color: var(--hj284-line); }
.hj-enterprise-v284[data-hj-theme-resolved="dark"] :is(.hj33-card,.hj281-toolbar,.hj281-table-card,.hj281-quick-card,.hj42-toolbar,.hj42-surface,.hj282-domain-cards article,.hj282-domain-insights>article,.hj15-service-hero,.hj15-product-strip,.hj15-metric-card,.hj15-email-card,.hj42-drawer-panel,.hj42-drawer,.hj42-modal-card,.hj42-detail-hero,.hj42-detail-grid>div,.hj42-drawer-section,.hj42-form-card,.hj42-choice,.hj42-default-ns,.hj42-custom-ns,.hj42-form,.hj42-action-grid>*,.hj284-dns-toolbar,.hj-zone-editor-table-wrap) { background: var(--hj284-surface); border-color: var(--hj284-line); color: var(--hj284-ink); }
.hj-enterprise-v284[data-hj-theme-resolved="dark"] :is(.hj281-card-heading,.hj42-surface-head,.hj42-drawer-head,.hj42-modal-head,.hj33-product-tabs) { background: linear-gradient(180deg,var(--hj284-surface),#13141a); border-color: var(--hj284-line); }
.hj-enterprise-v284[data-hj-theme-resolved="dark"] :is(.hj281-table-head,.hj282-dns-head,.hj-zone-editor-table th) { background: #111218; color: var(--hj284-muted); border-color: var(--hj284-line); }
.hj-enterprise-v284[data-hj-theme-resolved="dark"] :is(.hj281-site-row,.hj42-resource-row) { background: var(--hj284-surface); border-color: var(--hj284-line); }
.hj-enterprise-v284[data-hj-theme-resolved="dark"] :is(.hj281-site-row,.hj42-resource-row,.hj33-resource-row,.hj33-feed-list>a,.hj33-product-links>a,.hj33-action-list>a,.hj15-product-strip>a,.hj15-email-table>a,.hj-zone-editor-table tbody tr):hover { background: #1a1924; }
.hj-enterprise-v284[data-hj-theme-resolved="dark"] :is(.hj281-tabs button.is-active,.hj42-filter-tabs button.is-active,.hj284-dns-filters button.is-active) { background: #30323b; color: #fff; }
.hj-enterprise-v284[data-hj-theme-resolved="dark"] :is(.hj281-search,.hj42-search,.hj33-product-search,.hj284-dns-search,.hj42-form :is(input,select,textarea),.hj42-default-ns code,.hj42-custom-ns input) { background: var(--hj284-surface-soft); border-color: var(--hj284-line); color: var(--hj284-ink); }
.hj-enterprise-v284[data-hj-theme-resolved="dark"] .hj-zone-editor-table code { color: #c8cad3; }
.hj-enterprise-v284[data-hj-theme-resolved="dark"] .hj42-drawer-scroll { background: var(--hj284-canvas); }
.hj-enterprise-v284[data-hj-theme-resolved="dark"] .hj42-drawer-tabs { background: var(--hj284-surface); border-color: var(--hj284-line); }
.hj-enterprise-v284[data-hj-theme-resolved="dark"] .hj42-drawer-tabs button.is-active { background: var(--hj284-surface-soft); color: #fff; }
.hj-enterprise-v284[data-hj-theme-resolved="dark"] .hj-record-actions>summary { background: var(--hj284-surface-soft); border-color: var(--hj284-line); color: var(--hj284-ink); }

/* Responsive ------------------------------------------------------------- */
@media (max-width: 1260px) {
  .hj-enterprise-v284 { --halo-sidebar-width: 218px; }
  .hj-enterprise-v284 .hj33-layout { grid-template-columns: minmax(0,1fr) 260px; }
  .hj-enterprise-v284 .hj42-dns-layout { grid-template-columns: minmax(0,1fr) 290px; }
  .hj-enterprise-v284 .hj42-dns-presets { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 1080px) {
  .hj-enterprise-v284 :is(.hj33-dashboard,.hj281-websites,.hj42-domains,.hj15-service-page) { padding: 24px 20px 40px; }
  .hj-enterprise-v284 .hj33-layout { grid-template-columns: 1fr; }
  .hj-enterprise-v284 .hj33-side-column { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hj-enterprise-v284 .hj33-support-card { min-height: 100%; }
  .hj-enterprise-v284 .hj282-domain-cards,
  .hj-enterprise-v284 .hj282-domain-insights { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hj-enterprise-v284 .hj42-dns-layout { grid-template-columns: 1fr; }
  .hj-enterprise-v284 .hj42-form-card { position: static; }
}

@media (max-width: 780px) {
  .hj-enterprise-v284 :is(.hj33-dashboard,.hj281-websites,.hj42-domains,.hj15-service-page) { padding: 20px 14px 32px; }
  .hj-enterprise-v284 .hj-topbar { padding: 0 12px; }
  .hj-enterprise-v284 .hj33-welcome { align-items: flex-start; gap: 14px; }
  .hj-enterprise-v284 .hj33-welcome-actions { width: 100%; }
  .hj-enterprise-v284 .hj33-welcome-actions .hj33-button { flex: 1; }
  .hj-enterprise-v284 .hj33-feed-grid,
  .hj-enterprise-v284 .hj33-side-column { grid-template-columns: 1fr; }
  .hj-enterprise-v284 .hj281-toolbar { grid-template-columns: 1fr; }
  .hj-enterprise-v284 .hj281-tabs { overflow-x: auto; }
  .hj-enterprise-v284 .hj281-toolbar-actions { width: 100%; }
  .hj-enterprise-v284 .hj281-service-status { min-width: 0; width: 100%; }
  .hj-enterprise-v284 .hj282-domain-cards,
  .hj-enterprise-v284 .hj282-domain-insights { grid-template-columns: 1fr 1fr; }
  .hj-enterprise-v284 .hj42-toolbar { grid-template-columns: 1fr; }
  .hj-enterprise-v284 .hj42-filter-tabs { overflow-x: auto; }
  .hj-enterprise-v284 .hj284-dns-toolbar { grid-template-columns: 1fr; }
  .hj-enterprise-v284 .hj284-dns-filters { overflow-x: auto; }
  .hj-enterprise-v284 .hj42-dns-presets { grid-template-columns: 1fr 1fr; }
  .hj-enterprise-v284 .hj42-drawer-tab-panel { padding: 14px; }
}

@media (max-width: 520px) {
  .hj-enterprise-v284 .hj282-domain-cards,
  .hj-enterprise-v284 .hj282-domain-insights,
  .hj-enterprise-v284 .hj42-dns-presets { grid-template-columns: 1fr; }
  .hj-enterprise-v284 .hj33-product-tabs { overflow-x: auto; }
  .hj-enterprise-v284 .hj33-product-tabs button { white-space: nowrap; }
  .hj-enterprise-v284 .hj42-page-head,
  .hj-enterprise-v284 .hj281-page-header,
  .hj-enterprise-v284 .hj15-page-head { align-items: flex-start; }
  .hj-enterprise-v284 .hj42-head-actions,
  .hj-enterprise-v284 .hj15-head-actions { width: 100%; }
  .hj-enterprise-v284 .hj42-head-actions .hj42-button,
  .hj-enterprise-v284 .hj15-head-actions .hj15-btn { flex: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .hj-enterprise-v284 *,
  .hj-enterprise-v284 *::before,
  .hj-enterprise-v284 *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}