/*
 * HostingJet Cloud OS 0.28.40
 * Advanced DNS workspace refinement + Halo Mail compose draft chip.
 *
 * Loaded last on purpose. Ten stylesheets already stack on the client shell, so
 * this file deliberately stays narrow: it only touches the DNS workspace and the
 * compose chip, and every value comes from the token block below rather than
 * being hand-tuned per rule. Nothing here introduces a new colour system - it
 * reuses the existing Halo ink/rule palette so the page still reads as one product.
 */

.hj303-dns-page {
  /* 4px baseline. Only these steps are used anywhere in this file. */
  --dnsx-s1: 4px;
  --dnsx-s2: 8px;
  --dnsx-s3: 12px;
  --dnsx-s4: 16px;
  --dnsx-s5: 20px;
  --dnsx-s6: 24px;
  --dnsx-s7: 32px;

  --dnsx-r1: 8px;
  --dnsx-r2: 12px;
  --dnsx-r3: 16px;

  --dnsx-ink: #15171c;
  --dnsx-ink-2: #565d6b;
  --dnsx-ink-3: #838b99;
  --dnsx-ink-4: #b0b7c3;
  --dnsx-rule: #e5e8ee;
  --dnsx-rule-2: #eef0f5;
  --dnsx-card: #fff;
  --dnsx-sunk: #f6f7fa;
  --dnsx-accent: #16584a;
  --dnsx-accent-soft: #e9f1ee;
  --dnsx-pos: #2f7d55;
  --dnsx-pos-soft: #e8f4ec;
  --dnsx-cau: #8d6413;
  --dnsx-cau-soft: #f8f1e2;

  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
}

/* ── page header ─────────────────────────────────────────────── */
.hj303-dns-page .hj303-page-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--dnsx-s5);
  flex-wrap: wrap;
  margin-bottom: var(--dnsx-s6);
}
.hj303-dns-page .hj303-page-head > div:first-child > span {
  display: block;
  font-size: 11px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--dnsx-ink-3);
  margin-bottom: var(--dnsx-s2);
}
.hj303-dns-page .hj303-page-head h1 {
  font-size: 26px;
  line-height: 34px;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: var(--dnsx-ink);
  margin: 0;
}
.hj303-dns-page .hj303-page-head p {
  font-size: 14px;
  line-height: 22px;
  color: var(--dnsx-ink-2);
  margin: var(--dnsx-s2) 0 0;
  max-width: 62ch;
}
.hj303-dns-page .hj303-page-actions {
  display: flex;
  align-items: center;
  gap: var(--dnsx-s2);
  flex-wrap: wrap;
}

/* ── section shell ───────────────────────────────────────────── */
.hj303-dns-page .hj303-dns-section {
  background: var(--dnsx-card);
  border: 1px solid var(--dnsx-rule);
  border-radius: var(--dnsx-r3);
  overflow: hidden;
}
.hj303-dns-page .hj303-dns-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--dnsx-s5);
  flex-wrap: wrap;
  padding: var(--dnsx-s5) var(--dnsx-s6);
  border-bottom: 1px solid var(--dnsx-rule-2);
}
.hj303-dns-page .hj303-dns-section-head span {
  font-size: 11px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--dnsx-ink-3);
}
.hj303-dns-page .hj303-dns-section-head h2 {
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  letter-spacing: -0.02em;
  margin: var(--dnsx-s1) 0 0;
  color: var(--dnsx-ink);
}
.hj303-dns-page .hj303-dns-section-head p {
  font-size: 13px;
  line-height: 20px;
  color: var(--dnsx-ink-3);
  margin: var(--dnsx-s1) 0 0;
}

/* domain picker sits on the same optical baseline as the heading */
.hj303-dns-page .hj303-dns-domain-picker label {
  display: flex;
  align-items: center;
  gap: var(--dnsx-s3);
  margin: 0;
}
.hj303-dns-page .hj303-dns-domain-picker span {
  font-size: 12px;
  letter-spacing: 0;
  text-transform: none;
  color: var(--dnsx-ink-2);
  font-weight: 500;
}
.hj303-dns-page .hj303-dns-domain-picker select {
  height: 40px;
  min-width: 200px;
  padding: 0 var(--dnsx-s3);
  font: inherit;
  font-size: 13px;
  font-weight: 500;
  color: var(--dnsx-ink);
  background: var(--dnsx-card);
  border: 1px solid var(--dnsx-rule);
  border-radius: var(--dnsx-r2);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.hj303-dns-page .hj303-dns-domain-picker select:focus {
  outline: none;
  border-color: var(--dnsx-accent);
  box-shadow: 0 0 0 3px var(--dnsx-accent-soft);
}

/* ── zone header ─────────────────────────────────────────────── */
.hj303-dns-page .hj302-dns-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--dnsx-s5);
  flex-wrap: wrap;
  padding: var(--dnsx-s5) var(--dnsx-s6);
  border-bottom: 1px solid var(--dnsx-rule-2);
}
.hj303-dns-page .hj302-dns-title {
  display: flex;
  align-items: center;
  gap: var(--dnsx-s3);
  min-width: 0;
}
.hj303-dns-page .hj302-dns-title-icon {
  width: 40px;
  height: 40px;
  flex: none;
  display: grid;
  place-items: center;
  border-radius: var(--dnsx-r2);
  background: var(--dnsx-sunk);
  color: var(--dnsx-ink-2);
}
.hj303-dns-page .hj302-dns-title-icon svg { width: 20px; height: 20px; }
.hj303-dns-page .hj302-dns-title h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.02em;
  margin: 0;
  color: var(--dnsx-ink);
  overflow-wrap: anywhere;
}
.hj303-dns-page .hj302-dns-actions {
  display: flex;
  align-items: center;
  gap: var(--dnsx-s2);
}

/* ── toolbar: search · filters · count ───────────────────────── */
.hj303-dns-page .hj302-record-toolbar {
  display: flex;
  align-items: center;
  gap: var(--dnsx-s4);
  flex-wrap: wrap;
  padding: var(--dnsx-s4) var(--dnsx-s6);
  border-bottom: 1px solid var(--dnsx-rule-2);
  background: var(--dnsx-card);
}
.hj303-dns-page .hj302-search {
  display: flex;
  align-items: center;
  gap: var(--dnsx-s2);
  height: 40px;
  padding: 0 var(--dnsx-s3);
  flex: 1 1 240px;
  min-width: 0;
  max-width: 340px;
  background: var(--dnsx-sunk);
  border: 1px solid transparent;
  border-radius: var(--dnsx-r2);
  transition: border-color 0.15s ease, background 0.15s ease;
}
.hj303-dns-page .hj302-search:focus-within {
  background: var(--dnsx-card);
  border-color: var(--dnsx-accent);
  box-shadow: 0 0 0 3px var(--dnsx-accent-soft);
}
.hj303-dns-page .hj302-search svg { width: 16px; height: 16px; color: var(--dnsx-ink-3); flex: none; }
.hj303-dns-page .hj302-search input {
  flex: 1;
  min-width: 0;
  border: 0;
  background: none;
  outline: none;
  font: inherit;
  font-size: 13px;
  color: var(--dnsx-ink);
}
.hj303-dns-page .hj302-search input::placeholder { color: var(--dnsx-ink-3); }
.hj303-dns-page .hj302-search kbd {
  flex: none;
  font: inherit;
  font-size: 10px;
  font-weight: 500;
  color: var(--dnsx-ink-3);
  background: var(--dnsx-card);
  border: 1px solid var(--dnsx-rule);
  border-radius: var(--dnsx-r1);
  padding: 2px 6px;
}

.hj303-dns-page .hj302-filter-pills {
  display: flex;
  align-items: center;
  gap: var(--dnsx-s1);
  flex-wrap: wrap;
}
.hj303-dns-page .hj302-filter-pills button {
  height: 32px;
  padding: 0 var(--dnsx-s3);
  font: inherit;
  font-size: 12px;
  font-weight: 500;
  color: var(--dnsx-ink-2);
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--dnsx-r1);
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.hj303-dns-page .hj302-filter-pills button:hover {
  background: var(--dnsx-sunk);
  color: var(--dnsx-ink);
}
.hj303-dns-page .hj302-filter-pills button.is-active {
  background: var(--dnsx-ink);
  border-color: var(--dnsx-ink);
  color: #fff;
}
.hj303-dns-page .hj302-record-count {
  margin-left: auto;
  font-size: 12px;
  color: var(--dnsx-ink-3);
  white-space: nowrap;
}

/* ── record table ────────────────────────────────────────────── */
.hj303-dns-page .hj302-dns-table-card { overflow-x: auto; }
.hj303-dns-page table.hj302-dns-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.hj303-dns-page table.hj302-dns-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  text-align: left;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--dnsx-ink-3);
  background: var(--dnsx-card);
  padding: var(--dnsx-s3) var(--dnsx-s4);
  border-bottom: 1px solid var(--dnsx-rule);
  white-space: nowrap;
}
.hj303-dns-page table.hj302-dns-table thead th:first-child { padding-left: var(--dnsx-s6); }
.hj303-dns-page table.hj302-dns-table thead th:last-child { padding-right: var(--dnsx-s6); }
.hj303-dns-page table.hj302-dns-table tbody td {
  padding: var(--dnsx-s3) var(--dnsx-s4);
  border-bottom: 1px solid var(--dnsx-rule-2);
  vertical-align: middle;
  color: var(--dnsx-ink-2);
}
.hj303-dns-page table.hj302-dns-table tbody td:first-child { padding-left: var(--dnsx-s6); }
.hj303-dns-page table.hj302-dns-table tbody td:last-child { padding-right: var(--dnsx-s6); }
.hj303-dns-page table.hj302-dns-table tbody tr:last-child td { border-bottom: 0; }
.hj303-dns-page table.hj302-dns-table tbody tr:hover td { background: var(--dnsx-sunk); }
.hj303-dns-page table.hj302-dns-table tbody td strong {
  font-weight: 500;
  color: var(--dnsx-ink);
  overflow-wrap: anywhere;
}

.hj303-dns-page .hj298-type-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 52px;
  height: 24px;
  padding: 0 var(--dnsx-s2);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  border-radius: var(--dnsx-r1);
  background: var(--dnsx-sunk);
  color: var(--dnsx-ink-2);
  border: 1px solid var(--dnsx-rule);
}
.hj303-dns-page .hj298-type-badge.is-mx,
.hj303-dns-page .hj298-type-badge.is-txt {
  background: var(--dnsx-accent-soft);
  border-color: transparent;
  color: var(--dnsx-accent);
}

.hj303-dns-page .hj302-value-cell {
  display: flex;
  align-items: center;
  gap: var(--dnsx-s2);
  min-width: 0;
}
.hj303-dns-page .hj302-value-cell code {
  font-family: "Poppins", inherit;
  font-size: 12.5px;
  color: var(--dnsx-ink-2);
  background: none;
  padding: 0;
  display: block;
  max-width: 46ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hj303-dns-page .hj302-copy-record {
  flex: none;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 0;
  background: none;
  border-radius: var(--dnsx-r1);
  color: var(--dnsx-ink-4);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.15s ease, background 0.15s ease, color 0.15s ease;
}
.hj303-dns-page tr:hover .hj302-copy-record,
.hj303-dns-page .hj302-copy-record:focus-visible { opacity: 1; }
.hj303-dns-page .hj302-copy-record:hover { background: var(--dnsx-rule-2); color: var(--dnsx-ink); }
.hj303-dns-page .hj302-copy-record.is-copied { opacity: 1; color: var(--dnsx-pos); }
.hj303-dns-page .hj302-copy-record svg { width: 15px; height: 15px; }

.hj303-dns-page .hj302-zone-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--dnsx-ink-2);
  white-space: nowrap;
}
.hj303-dns-page .hj302-zone-status i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--dnsx-ink-4);
  flex: none;
}
.hj303-dns-page .hj302-zone-status.is-verified { color: var(--dnsx-pos); }
.hj303-dns-page .hj302-zone-status.is-verified i { background: var(--dnsx-pos); }

/* row action popover */
.hj303-dns-page .hj-record-actions > summary {
  list-style: none;
  width: 32px;
  height: 32px;
  margin-left: auto;
  display: grid;
  place-items: center;
  border-radius: var(--dnsx-r1);
  color: var(--dnsx-ink-3);
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
.hj303-dns-page .hj-record-actions > summary::-webkit-details-marker { display: none; }
.hj303-dns-page .hj-record-actions > summary:hover,
.hj303-dns-page .hj-record-actions[open] > summary {
  background: var(--dnsx-rule-2);
  color: var(--dnsx-ink);
}
.hj303-dns-page .hj298-record-popover {
  position: absolute;
  right: var(--dnsx-s6);
  z-index: 20;
  width: min(340px, calc(100vw - 32px));
  margin-top: var(--dnsx-s2);
  padding: var(--dnsx-s4);
  background: var(--dnsx-card);
  border: 1px solid var(--dnsx-rule);
  border-radius: var(--dnsx-r3);
  box-shadow: 0 16px 44px rgba(18, 22, 30, 0.14);
  text-align: left;
}
.hj303-dns-page .hj298-record-popover label {
  display: block;
  margin-bottom: var(--dnsx-s3);
}
.hj303-dns-page .hj298-record-popover label > span {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: var(--dnsx-ink-2);
  margin-bottom: 6px;
}
.hj303-dns-page .hj298-record-popover input,
.hj303-dns-page .hj298-record-popover select {
  width: 100%;
  height: 40px;
  padding: 0 var(--dnsx-s3);
  font: inherit;
  font-size: 13px;
  color: var(--dnsx-ink);
  background: var(--dnsx-card);
  border: 1px solid var(--dnsx-rule);
  border-radius: var(--dnsx-r2);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.hj303-dns-page .hj298-record-popover input:focus,
.hj303-dns-page .hj298-record-popover select:focus {
  outline: none;
  border-color: var(--dnsx-accent);
  box-shadow: 0 0 0 3px var(--dnsx-accent-soft);
}
.hj303-dns-page .hj298-record-popover > form > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--dnsx-s3);
}
.hj303-dns-page .hj298-delete-form {
  margin-top: var(--dnsx-s3);
  padding-top: var(--dnsx-s3);
  border-top: 1px solid var(--dnsx-rule-2);
}
.hj303-dns-page .hj298-delete-form button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font: inherit;
  font-size: 12.5px;
  font-weight: 500;
  color: #a4372f;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.hj303-dns-page .hj298-delete-form button svg { width: 15px; height: 15px; }

.hj303-dns-page tr[data-hj-dns-empty-row] td {
  padding: var(--dnsx-s7) var(--dnsx-s6);
  text-align: center;
  color: var(--dnsx-ink-3);
  font-size: 13px;
}

/* ── mobile: table collapses into aligned cards ──────────────── */
@media (max-width: 860px) {
  .hj303-dns-page .hj302-record-toolbar { padding: var(--dnsx-s4); }
  .hj303-dns-page .hj302-search { max-width: none; flex-basis: 100%; }
  .hj303-dns-page .hj302-record-count { margin-left: 0; }
  .hj303-dns-page .hj303-dns-section-head,
  .hj303-dns-page .hj302-dns-head { padding: var(--dnsx-s4); }
  .hj303-dns-page .hj303-dns-domain-picker,
  .hj303-dns-page .hj303-dns-domain-picker label,
  .hj303-dns-page .hj303-dns-domain-picker select { width: 100%; }

  .hj303-dns-page table.hj302-dns-table,
  .hj303-dns-page table.hj302-dns-table tbody,
  .hj303-dns-page table.hj302-dns-table tr,
  .hj303-dns-page table.hj302-dns-table td { display: block; width: 100%; }
  .hj303-dns-page table.hj302-dns-table thead { display: none; }
  .hj303-dns-page table.hj302-dns-table tbody tr {
    position: relative;
    padding: var(--dnsx-s4);
    border-bottom: 1px solid var(--dnsx-rule-2);
  }
  .hj303-dns-page table.hj302-dns-table tbody td {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--dnsx-s4);
    padding: 3px 0;
    border: 0;
  }
  .hj303-dns-page table.hj302-dns-table tbody td:first-child,
  .hj303-dns-page table.hj302-dns-table tbody td:last-child {
    padding-left: 0;
    padding-right: 0;
  }
  .hj303-dns-page table.hj302-dns-table tbody td::before {
    content: attr(data-label);
    flex: none;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--dnsx-ink-3);
  }
  .hj303-dns-page table.hj302-dns-table tbody td[data-label="Type"]::before { display: none; }
  .hj303-dns-page .hj302-value-cell code { max-width: 52vw; text-align: right; }
  .hj303-dns-page .hj302-copy-record { opacity: 1; }
  .hj303-dns-page .hj298-record-actions {
    position: absolute;
    top: var(--dnsx-s3);
    right: var(--dnsx-s3);
    width: auto;
  }
  .hj303-dns-page .hj298-record-popover { right: 0; }
}

/* ── Halo Mail: parked draft chip ────────────────────────────── */
.hj-mail-product .hj-mail-compose-chip {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 60;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  min-width: 200px;
  max-width: 320px;
  padding: 12px 16px;
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-align: left;
  background: #15171c;
  color: #fff;
  border: 0;
  border-radius: 12px;
  box-shadow: 0 18px 48px rgba(10, 12, 18, 0.32);
  cursor: pointer;
  transition: transform 0.15s ease, background 0.15s ease;
}
.hj-mail-product .hj-mail-compose-chip:hover { background: #22252c; }
.hj-mail-product .hj-mail-compose-chip:active { transform: translateY(1px); }
.hj-mail-product .hj-mail-compose-chip[hidden] { display: none; }
.hj-mail-product .hj-mail-compose-chip strong {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.01em;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hj-mail-product .hj-mail-compose-chip small {
  font-size: 11px;
  font-weight: 400;
  opacity: 0.62;
}
@media (max-width: 640px) {
  .hj-mail-product .hj-mail-compose-chip {
    right: 16px;
    left: 16px;
    bottom: 16px;
    min-width: 0;
    max-width: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hj303-dns-page *,
  .hj-mail-product .hj-mail-compose-chip { transition-duration: 0.01ms !important; }
}

/* ── live DNS workspace: status line + busy state ────────────── */
.hj303-dns-page .hj-dns-live-status {
  display: flex;
  align-items: center;
  gap: var(--dnsx-s2);
  padding: var(--dnsx-s3) var(--dnsx-s6);
  font-size: 12.5px;
  line-height: 20px;
  border-bottom: 1px solid var(--dnsx-rule-2);
  background: var(--dnsx-sunk);
  color: var(--dnsx-ink-2);
}
.hj303-dns-page .hj-dns-live-status[hidden] { display: none; }
.hj303-dns-page .hj-dns-live-status::before {
  content: "";
  flex: none;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--dnsx-ink-4);
}
.hj303-dns-page .hj-dns-live-status.is-ok {
  background: var(--dnsx-pos-soft);
  color: var(--dnsx-pos);
}
.hj303-dns-page .hj-dns-live-status.is-ok::before { background: var(--dnsx-pos); }
.hj303-dns-page .hj-dns-live-status.is-error {
  background: #fbeceb;
  color: #a4372f;
}
.hj303-dns-page .hj-dns-live-status.is-error::before { background: #a4372f; }

/* Keep the table readable while a write is in flight rather than blanking it. */
.hj303-dns-page .hj302-dns-workspace.is-dns-busy .hj302-dns-table-card {
  opacity: 0.55;
  pointer-events: none;
  transition: opacity 0.15s ease;
}
.hj303-dns-page .hj302-dns-workspace.is-dns-busy .hj302-record-toolbar { pointer-events: none; }

@media (max-width: 860px) {
  .hj303-dns-page .hj-dns-live-status { padding: var(--dnsx-s3) var(--dnsx-s4); }
}

/* 0.28.43 — exact white DNS records page refresh */
.hj303-dns-page{
  --dnsx-shell:#ffffff;
  --dnsx-ink:#101828;
  --dnsx-ink-2:#667085;
  --dnsx-ink-3:#98a2b3;
  --dnsx-rule:#eaecf0;
  --dnsx-rule-2:#f2f4f7;
  --dnsx-soft:#f8fafc;
  --dnsx-pill:#f5f7ff;
  --dnsx-accent:#4f46e5;
  --dnsx-accent-soft:#eef2ff;
  --dnsx-success:#22c55e;
  --dnsx-success-soft:#eafbf0;
}
.hj303-dns-page .hj303-page-intro{min-width:0;}
.hj303-dns-page .hj303-page-title-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.hj303-dns-page .hj303-page-live-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#e8f7ee;color:#119c4c;font-size:14px;font-weight:500;line-height:1;}
.hj303-dns-page .hj303-page-live-pill i,.hj303-dns-page .hj302-dns-zone-head p i,.hj303-dns-page .hj302-zone-status i{width:9px;height:9px;border-radius:999px;background:currentColor;display:inline-block;flex:none;}
.hj303-dns-page .hj303-light-button,
.hj303-dns-page .hj303-black-button,
.hj303-dns-page .hj298-primary-button,
.hj303-dns-page .hj298-quiet-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 20px;border-radius:14px;border:1px solid var(--dnsx-rule);background:#fff;color:var(--dnsx-ink);font-size:14px;font-weight:500;line-height:1;text-decoration:none;box-shadow:none;}
.hj303-dns-page .hj303-light-button svg,
.hj303-dns-page .hj303-black-button svg,
.hj303-dns-page .hj298-primary-button svg,
.hj303-dns-page .hj298-quiet-button svg{width:18px;height:18px;stroke-width:1.8;}
.hj303-dns-page .hj303-black-button,
.hj303-dns-page .hj298-primary-button,
.hj303-dns-page .hj302-add-button{background:linear-gradient(180deg,#5b53ff 0%,#4f46e5 100%);border-color:#5b53ff;color:#fff;box-shadow:0 10px 22px rgba(79,70,229,.18);}
.hj303-dns-page .hj302-refresh-button{background:#fff;}
.hj303-dns-page .hj303-dns-domain-picker label{margin:0;display:block;}
.hj303-dns-page .hj303-dns-domain-picker select{height:48px;min-width:270px;padding:0 44px 0 16px;border-radius:14px;background:#fff;border:1px solid var(--dnsx-rule);font-size:14px;font-weight:500;color:var(--dnsx-ink);}
.hj303-dns-page .hj303-dns-shell{background:#fff;border:1px solid var(--dnsx-rule);border-radius:24px;overflow:hidden;}
.hj303-dns-page .hj303-dns-zone-card{background:#fff;border-radius:24px;overflow:hidden;}
.hj303-dns-page .hj302-dns-zone-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 28px 26px;border-bottom:1px solid var(--dnsx-rule);}
.hj303-dns-page .hj302-dns-title{display:flex;align-items:center;gap:18px;min-width:0;}
.hj303-dns-page .hj302-dns-title-icon{width:64px;height:64px;border-radius:18px;border:1px solid #d9ddff;background:#f5f6ff;color:#4f46e5;display:grid;place-items:center;flex:none;}
.hj303-dns-page .hj302-dns-title-icon svg{width:28px;height:28px;}
.hj303-dns-page .hj302-dns-title h3{font-size:24px;line-height:1.2;font-weight:600;letter-spacing:-.03em;color:var(--dnsx-ink);margin:0;overflow-wrap:anywhere;}
.hj303-dns-page .hj302-dns-title p{display:flex;align-items:center;gap:10px;font-size:18px;line-height:1.35;color:var(--dnsx-ink-2);margin:8px 0 0;}
.hj303-dns-page .hj302-record-count-top{display:inline-flex;align-items:center;gap:10px;padding:0;border:none;background:transparent;color:var(--dnsx-ink-2);font-size:16px;font-weight:500;}
.hj303-dns-page .hj302-record-count-top::before{content:"";width:18px;height:18px;border:1.5px solid #98a2b3;border-radius:5px;box-shadow:6px 0 0 -4px transparent,0 0 0 0 transparent;opacity:.75;background:linear-gradient(#fff,#fff) padding-box;position:relative;display:inline-block;}
.hj303-dns-page .hj302-record-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) auto auto;align-items:center;gap:18px;padding:20px 28px 18px;border-bottom:1px solid var(--dnsx-rule);}
.hj303-dns-page .hj302-search{height:52px;max-width:none;display:flex;align-items:center;gap:12px;padding:0 16px;border:1px solid var(--dnsx-rule);background:#fff;border-radius:16px;box-shadow:0 1px 2px rgba(16,24,40,.02);}
.hj303-dns-page .hj302-search svg{width:20px;height:20px;color:var(--dnsx-ink-3);flex:none;}
.hj303-dns-page .hj302-search input{border:0;outline:none;background:transparent;min-width:0;flex:1 1 auto;font-size:14px;color:var(--dnsx-ink);padding:0;}
.hj303-dns-page .hj302-search kbd{height:28px;padding:0 10px;border-radius:10px;background:#f8fafc;border:1px solid var(--dnsx-rule);font-size:12px;font-weight:500;color:var(--dnsx-ink-2);display:inline-flex;align-items:center;justify-content:center;}
.hj303-dns-page .hj302-filter-pills{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.hj303-dns-page .hj302-filter-pills button{height:44px;padding:0 20px;border-radius:999px;background:#fff;border:1px solid var(--dnsx-rule);color:var(--dnsx-ink);font-size:14px;font-weight:500;line-height:1;box-shadow:none;}
.hj303-dns-page .hj302-filter-pills button.is-active,
.hj303-dns-page .hj302-filter-pills button[aria-pressed="true"]{background:#eef2ff;border-color:#d9ddff;color:#4f46e5;}
.hj303-dns-page .hj302-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;}
.hj303-dns-page .hj302-dns-table-card{padding:18px 28px 0;background:#fff;}
.hj303-dns-page .hj302-dns-table{width:100%;border-collapse:separate;border-spacing:0 14px;}
.hj303-dns-page .hj302-dns-table thead th{padding:0 18px 10px;text-align:left;font-size:14px;font-weight:500;color:var(--dnsx-ink-2);border:0;background:transparent;}
.hj303-dns-page .hj302-dns-table tbody tr{background:#fff;box-shadow:0 0 0 1px var(--dnsx-rule);}
.hj303-dns-page .hj302-dns-table tbody td{padding:18px 18px;font-size:15px;color:var(--dnsx-ink);background:#fff;border-top:1px solid var(--dnsx-rule);border-bottom:1px solid var(--dnsx-rule);vertical-align:middle;}
.hj303-dns-page .hj302-dns-table tbody td:first-child{border-left:1px solid var(--dnsx-rule);border-radius:16px 0 0 16px;}
.hj303-dns-page .hj302-dns-table tbody td:last-child{border-right:1px solid var(--dnsx-rule);border-radius:0 16px 16px 0;}
.hj303-dns-page .hj302-dns-table td strong{font-weight:500;color:var(--dnsx-ink);}
.hj303-dns-page .hj302-dns-table code{font-family:inherit;font-size:15px;background:transparent;padding:0;color:var(--dnsx-ink);}
.hj303-dns-page .hj298-type-badge{min-width:72px;justify-content:center;padding:8px 12px;border-radius:10px;border:1px solid #d9ddff;background:#f5f6ff;color:#4f46e5;font-size:13px;font-weight:600;}
.hj303-dns-page .hj302-value-cell{display:flex;align-items:center;gap:8px;min-width:0;}
.hj303-dns-page .hj302-copy-record{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--dnsx-rule);background:#fff;color:var(--dnsx-ink-2);flex:none;}
.hj303-dns-page .hj302-zone-status{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;font-size:14px;font-weight:500;border:1px solid #daf0de;background:#f3fbf5;color:#157f3d;}
.hj303-dns-page .hj302-zone-status.is-verified{border-color:#dae5ff;background:#f5f7ff;color:#4f46e5;}
.hj303-dns-page .hj298-record-actions{width:72px;text-align:right;}
.hj303-dns-page .hj-record-actions{position:relative;display:inline-block;}
.hj303-dns-page .hj-record-actions > summary{list-style:none;width:40px;height:40px;border-radius:12px;border:1px solid var(--dnsx-rule);background:#fff;display:inline-flex;align-items:center;justify-content:center;color:var(--dnsx-ink-2);cursor:pointer;}
.hj303-dns-page .hj-record-actions > summary::-webkit-details-marker{display:none;}
.hj303-dns-page .hj298-record-popover{position:absolute;right:0;top:52px;z-index:20;min-width:236px;padding:10px;border-radius:18px;border:1px solid var(--dnsx-rule);background:#fff;box-shadow:0 28px 80px rgba(16,24,40,.16);}
.hj303-dns-page .hj302-menu-list{display:flex;flex-direction:column;gap:2px;}
.hj303-dns-page .hj302-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:0;background:#fff;color:var(--dnsx-ink);font-size:14px;font-weight:500;text-align:left;}
.hj303-dns-page .hj302-menu-item:hover{background:#f8fafc;}
.hj303-dns-page .hj302-menu-item svg{width:16px;height:16px;flex:none;}
.hj303-dns-page .hj302-menu-item.is-danger{color:#ef4444;border-top:1px solid var(--dnsx-rule);margin-top:4px;padding-top:14px;}
.hj303-dns-page .hj298-delete-form{margin:0;}
.hj303-dns-page .hj302-inline-editor{display:grid;gap:10px;margin-top:10px;padding-top:12px;border-top:1px solid var(--dnsx-rule);}
.hj303-dns-page .hj302-inline-editor label{display:grid;gap:6px;}
.hj303-dns-page .hj302-inline-editor label span{font-size:12px;font-weight:500;color:var(--dnsx-ink-2);}
.hj303-dns-page .hj302-inline-editor input,
.hj303-dns-page .hj302-inline-editor select{height:40px;border-radius:12px;border:1px solid var(--dnsx-rule);padding:0 12px;font:inherit;color:var(--dnsx-ink);background:#fff;}
.hj303-dns-page .hj302-inline-editor > div{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.hj303-dns-page .hj302-dns-footnote{display:flex;align-items:center;justify-content:center;gap:12px;padding:28px;color:var(--dnsx-ink-2);font-size:15px;text-align:center;}
.hj303-dns-page .hj302-dns-footnote span svg{width:22px;height:22px;color:#6c63ff;}
.hj303-dns-page .hj303-empty{border:1px dashed var(--dnsx-rule);border-radius:20px;background:#fff;padding:24px;margin:0;}
.hj303-dns-page .hj-dns-live-status{margin:0 28px 18px;border-radius:14px;padding:12px 14px;font-size:14px;}
.hj303-dns-page .is-dns-busy{opacity:.85;pointer-events:none;}
@media (max-width: 1200px){
  .hj303-dns-page .hj302-record-toolbar{grid-template-columns:1fr;justify-items:stretch;}
  .hj303-dns-page .hj302-toolbar-actions{justify-content:flex-start;}
}
@media (max-width: 860px){
  .hj303-dns-page .hj303-page-actions{width:100%;}
  .hj303-dns-page .hj303-dns-domain-picker{width:100%;}
  .hj303-dns-page .hj303-dns-domain-picker select{min-width:0;width:100%;}
  .hj303-dns-page .hj302-dns-zone-head{padding:22px 20px;}
  .hj303-dns-page .hj302-record-toolbar{padding:18px 20px;}
  .hj303-dns-page .hj302-dns-table-card{padding:14px 20px 0;overflow-x:auto;}
  .hj303-dns-page .hj302-dns-table{min-width:860px;}
  .hj303-dns-page .hj302-dns-footnote{padding:22px 20px;justify-content:flex-start;text-align:left;}
}

/* ═══════════════════════════════════════════════════════════════
   0.28.43 — exact DNS records workspace + Poppins domain manager
   ═══════════════════════════════════════════════════════════════ */
body .hj-reference-v286 .hj343-dns-exact{
  --hj343-purple:#4f35f4;
  --hj343-purple-soft:#f0edff;
  --hj343-green:#19b869;
  --hj343-green-soft:#eaf9f0;
  --hj343-text:#151827;
  --hj343-muted:#6f7890;
  --hj343-line:#e7e9f0;
  --hj343-soft:#fafbfe;
  max-width:1480px;
  margin:0 auto;
  padding:34px 42px 54px;
  font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:-.012em;
}
body .hj-reference-v286 .hj343-dns-exact *,
body .hj-reference-v286 .hj303-domain-drawer,
body .hj-reference-v286 .hj303-domain-drawer *{
  font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
body .hj-reference-v286 .hj343-dns-page-head{align-items:center;margin:0 0 30px;}
body .hj-reference-v286 .hj343-dns-heading>span{margin-bottom:8px;color:#5049e8;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;}
body .hj-reference-v286 .hj343-dns-title-line{display:flex;align-items:center;gap:13px;}
body .hj-reference-v286 .hj343-dns-title-line h1{margin:0;color:var(--hj343-text);font-size:36px;line-height:1.08;font-weight:700;letter-spacing:-.042em;}
body .hj-reference-v286 .hj343-dns-title-line>b{display:inline-flex;align-items:center;gap:7px;min-height:31px;padding:0 13px;border:1px solid #cdeedb;border-radius:999px;background:var(--hj343-green-soft);color:#20945d;font-size:12px;font-weight:600;}
body .hj-reference-v286 .hj343-dns-title-line>b i{width:9px;height:9px;border-radius:50%;background:var(--hj343-green);}
body .hj-reference-v286 .hj343-dns-heading>p{margin:10px 0 0;color:var(--hj343-muted);font-size:14px;line-height:1.55;}
body .hj-reference-v286 .hj343-dns-page-actions{display:flex;align-items:center;gap:16px;}
body .hj-reference-v286 .hj343-dns-back,
body .hj-reference-v286 .hj343-domain-picker select{height:48px;border:1px solid #dfe3ec;border-radius:12px;background:#fff;color:#262b3a;box-shadow:0 1px 2px rgba(16,24,40,.02);}
body .hj-reference-v286 .hj343-dns-back{display:inline-flex;align-items:center;gap:10px;padding:0 20px;font-size:13px;font-weight:600;text-decoration:none;}
body .hj-reference-v286 .hj343-dns-back svg{width:15px;height:15px;transform:rotate(180deg);}
body .hj-reference-v286 .hj343-domain-picker label{display:block;}
body .hj-reference-v286 .hj343-domain-picker select{min-width:240px;padding:0 44px 0 18px;font-size:13px;font-weight:500;}
body .hj-reference-v286 .hj343-dns-card{overflow:visible;border:1px solid #e2e5ed;border-radius:16px;background:#fff;box-shadow:0 4px 18px rgba(22,31,55,.025);}
body .hj-reference-v286 .hj343-dns-card .hj302-dns-workspace{overflow:visible;border:0;border-radius:16px;background:#fff;box-shadow:none;}
body .hj-reference-v286 .hj343-zone-head{min-height:112px;padding:24px 28px;border-bottom:1px solid var(--hj343-line);}
body .hj-reference-v286 .hj343-zone-head .hj302-dns-title{gap:18px;}
body .hj-reference-v286 .hj343-zone-head .hj302-dns-title-icon{width:58px;height:58px;border:1px solid #dcd7ff;border-radius:14px;background:#f5f3ff;color:var(--hj343-purple);}
body .hj-reference-v286 .hj343-zone-head .hj302-dns-title-icon svg{width:28px;height:28px;}
body .hj-reference-v286 .hj343-zone-head .hj302-dns-title h3{font-size:22px;line-height:1.25;font-weight:650;color:var(--hj343-text);letter-spacing:-.028em;}
body .hj-reference-v286 .hj343-zone-head .hj302-dns-title p{display:flex;align-items:center;gap:8px;margin:5px 0 0;color:#7c8497;font-size:13px;}
body .hj-reference-v286 .hj343-zone-head .hj302-dns-title p i{width:9px;height:9px;border-radius:50%;background:var(--hj343-green);}
body .hj-reference-v286 .hj343-total-count{display:inline-flex;align-items:center;gap:10px;color:#717b92;font-size:13px;}
body .hj-reference-v286 .hj343-total-count svg{width:20px;height:20px;}
body .hj-reference-v286 .hj343-total-count b{font-weight:500;}
body .hj-reference-v286 .hj343-record-toolbar{display:grid;grid-template-columns:minmax(270px,350px) minmax(0,1fr) auto;gap:22px;align-items:center;padding:24px 28px 20px;border-bottom:0;}
body .hj-reference-v286 .hj343-record-toolbar .hj302-search{width:100%;max-width:none;height:44px;border:1px solid #e0e4ed;border-radius:10px;background:#fff;}
body .hj-reference-v286 .hj343-record-toolbar .hj302-search:focus-within{border-color:#a99dff;box-shadow:0 0 0 3px rgba(79,53,244,.09);}
body .hj-reference-v286 .hj343-record-toolbar .hj302-filter-pills{justify-content:center;gap:8px;}
body .hj-reference-v286 .hj343-record-toolbar .hj302-filter-pills button{height:38px;padding:0 15px;border:1px solid #e2e5ec;border-radius:999px;background:#fff;color:#2d3445;font-size:12px;font-weight:550;}
body .hj-reference-v286 .hj343-record-toolbar .hj302-filter-pills button:hover{border-color:#cec8ff;background:#faf9ff;color:#4f35f4;}
body .hj-reference-v286 .hj343-record-toolbar .hj302-filter-pills button.is-active{border-color:#d8d2ff;background:var(--hj343-purple-soft);color:var(--hj343-purple);box-shadow:none;}
body .hj-reference-v286 .hj343-record-toolbar .hj302-dns-actions{gap:12px;}
body .hj-reference-v286 .hj343-refresh-button,
body .hj-reference-v286 .hj343-add-button{height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;border-radius:10px;font-size:12.5px;font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer;}
body .hj-reference-v286 .hj343-refresh-button{border:1px solid #dfe3eb;background:#fff;color:#2e3442;}
body .hj-reference-v286 .hj343-add-button{border:1px solid var(--hj343-purple);background:var(--hj343-purple);color:#fff;box-shadow:0 7px 18px rgba(79,53,244,.16);}
body .hj-reference-v286 .hj343-refresh-button svg,
body .hj-reference-v286 .hj343-add-button svg{width:17px;height:17px;}
body .hj-reference-v286 .hj343-dns-card .hj302-dns-table-card{overflow:visible;padding:0 28px 28px;}
body .hj-reference-v286 .hj343-dns-card table.hj302-dns-table{border-collapse:separate;border-spacing:0 12px;table-layout:fixed;}
body .hj-reference-v286 .hj343-dns-card table.hj302-dns-table thead th{position:static;height:34px;padding:0 16px;border:0;background:transparent;color:#748097;font-size:11.5px;font-weight:500;letter-spacing:0;text-transform:none;}
body .hj-reference-v286 .hj343-dns-card table.hj302-dns-table thead th:nth-child(1){width:10%;}
body .hj-reference-v286 .hj343-dns-card table.hj302-dns-table thead th:nth-child(2){width:22%;}
body .hj-reference-v286 .hj343-dns-card table.hj302-dns-table thead th:nth-child(3){width:27%;}
body .hj-reference-v286 .hj343-dns-card table.hj302-dns-table thead th:nth-child(4){width:10%;}
body .hj-reference-v286 .hj343-dns-card table.hj302-dns-table thead th:nth-child(5){width:11%;}
body .hj-reference-v286 .hj343-dns-card table.hj302-dns-table thead th:nth-child(6){width:13%;}
body .hj-reference-v286 .hj343-dns-card table.hj302-dns-table thead th:nth-child(7){width:54px;}
body .hj-reference-v286 .hj343-dns-card table.hj302-dns-table tbody tr[data-hj-dns-row]{filter:drop-shadow(0 4px 12px rgba(20,27,44,.025));}
body .hj-reference-v286 .hj343-dns-card table.hj302-dns-table tbody td{height:74px;padding:14px 16px;border-top:1px solid #e6e9f0;border-bottom:1px solid #e6e9f0;background:#fff;color:#303747;font-size:13px;}
body .hj-reference-v286 .hj343-dns-card table.hj302-dns-table tbody td:first-child{border-left:1px solid #e6e9f0;border-radius:11px 0 0 11px;}
body .hj-reference-v286 .hj343-dns-card table.hj302-dns-table tbody td:last-child{border-right:1px solid #e6e9f0;border-radius:0 11px 11px 0;}
body .hj-reference-v286 .hj343-dns-card table.hj302-dns-table tbody tr:hover td{background:#fbfbfe;}
body .hj-reference-v286 .hj343-dns-card .hj298-type-badge{min-width:64px;height:32px;border:1px solid #ddd7ff;border-radius:7px;background:#f5f3ff;color:var(--hj343-purple);font-size:11px;font-weight:650;letter-spacing:0;}
body .hj-reference-v286 .hj343-dns-card .hj302-value-cell code{max-width:32ch;color:#2f3544;font-size:12.5px;}
body .hj-reference-v286 .hj343-dns-card .hj302-zone-status{min-height:31px;padding:0 13px;border:1px solid #e2e5eb;border-radius:999px;background:#fff;color:#394052;font-size:11.5px;}
body .hj-reference-v286 .hj343-dns-card .hj302-zone-status i{width:9px;height:9px;background:var(--hj343-green);box-shadow:0 0 0 4px var(--hj343-green-soft);}
body .hj-reference-v286 .hj343-dns-card .hj-record-actions{position:relative;}
body .hj-reference-v286 .hj343-dns-card .hj-record-actions>summary{width:38px;height:38px;border:1px solid #e1e4eb;border-radius:9px;background:#fff;color:#303746;}
body .hj-reference-v286 .hj343-dns-card .hj298-record-popover{right:-2px;width:220px;margin-top:8px;padding:8px;border:1px solid #dfe3ea;border-radius:10px;box-shadow:0 18px 42px rgba(18,24,38,.14);}
body .hj-reference-v286 .hj343-dns-card .hj302-menu-list{display:grid;gap:2px;}
body .hj-reference-v286 .hj343-dns-card .hj302-menu-item{width:100%;min-height:38px;display:flex;align-items:center;gap:11px;padding:0 10px;border:0;border-radius:7px;background:#fff;color:#4e586d;font-size:12px;font-weight:500;text-align:left;cursor:pointer;}
body .hj-reference-v286 .hj343-dns-card .hj302-menu-item:hover{background:#f6f7fa;color:#202634;}
body .hj-reference-v286 .hj343-dns-card .hj302-menu-item svg{width:16px;height:16px;}
body .hj-reference-v286 .hj343-dns-card .hj302-menu-item.is-danger{margin-top:5px;border-top:1px solid #eceef2;border-radius:0;padding-top:5px;color:#ec313d;}
body .hj-reference-v286 .hj343-dns-card .hj298-delete-form{margin:0;padding:0;border:0;}
body .hj-reference-v286 .hj343-dns-card .hj302-inline-editor{width:340px;margin-top:8px;padding:14px;border-top:1px solid #eceef2;}
body .hj-reference-v286 .hj343-dns-footnote{display:flex;align-items:center;justify-content:center;gap:12px;padding:28px;color:#7a8297;font-size:13px;}
body .hj-reference-v286 .hj343-dns-footnote svg{width:22px;height:22px;color:#5d49ff;}
body .hj-reference-v286 .hj303-domain-drawer code,
body .hj-reference-v286 .hj303-domain-drawer .mono{font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:-.01em;}

@media(max-width:1180px){
  body .hj-reference-v286 .hj343-record-toolbar{grid-template-columns:1fr auto;}
  body .hj-reference-v286 .hj343-record-toolbar .hj302-filter-pills{grid-column:1/-1;grid-row:2;justify-content:flex-start;}
}
@media(max-width:860px){
  body .hj-reference-v286 .hj343-dns-exact{padding:22px 16px 38px;}
  body .hj-reference-v286 .hj343-dns-page-head{align-items:stretch;}
  body .hj-reference-v286 .hj343-dns-page-actions{width:100%;}
  body .hj-reference-v286 .hj343-dns-back,body .hj-reference-v286 .hj343-domain-picker{flex:1;}
  body .hj-reference-v286 .hj343-domain-picker select{width:100%;min-width:0;}
  body .hj-reference-v286 .hj343-dns-title-line h1{font-size:29px;}
  body .hj-reference-v286 .hj343-record-toolbar{display:flex;gap:12px;padding:18px;}
  body .hj-reference-v286 .hj343-record-toolbar .hj302-filter-pills{order:3;width:100%;overflow:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:2px;}
  body .hj-reference-v286 .hj343-record-toolbar .hj302-dns-actions{margin-left:auto;}
  body .hj-reference-v286 .hj343-dns-card .hj302-dns-table-card{padding:0 18px 18px;}
  body .hj-reference-v286 .hj343-dns-card table.hj302-dns-table{border-spacing:0 10px;}
  body .hj-reference-v286 .hj343-dns-card table.hj302-dns-table tbody tr{padding:16px;border:1px solid #e6e9f0;border-radius:12px;background:#fff;}
  body .hj-reference-v286 .hj343-dns-card table.hj302-dns-table tbody td{height:auto;border:0!important;background:transparent!important;}
}
@media(max-width:640px){
  body .hj-reference-v286 .hj343-dns-page-actions{display:grid;grid-template-columns:1fr;}
  body .hj-reference-v286 .hj343-zone-head{padding:20px;}
  body .hj-reference-v286 .hj343-total-count{width:100%;padding-left:76px;}
  body .hj-reference-v286 .hj343-record-toolbar .hj302-dns-actions{width:100%;margin:0;}
  body .hj-reference-v286 .hj343-refresh-button,body .hj-reference-v286 .hj343-add-button{flex:1;}
}

body .hj-reference-v286 .hj343-danger-zone{margin:22px;padding:28px;border:1px solid #f3c9ce;border-radius:16px;background:#fff8f8;text-align:center;}
body .hj-reference-v286 .hj343-danger-zone .hj343-danger-icon{width:50px;height:50px;display:grid;place-items:center;margin:0 auto 14px;border-radius:14px;background:#feecef;color:#d92d3a;}
body .hj-reference-v286 .hj343-danger-zone .hj343-danger-icon svg{width:22px;height:22px;}
body .hj-reference-v286 .hj343-danger-zone h3{margin:0;color:#282b33;font-size:17px;font-weight:700;}
body .hj-reference-v286 .hj343-danger-zone p{margin:8px auto 18px;max-width:42ch;color:#727986;font-size:12px;line-height:1.65;}
body .hj-reference-v286 .hj343-danger-zone small{display:block;margin-top:12px;color:#9a7277;font-size:10px;}
body .hj-reference-v286 .hj343-danger-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid #dd3543;border-radius:10px;background:#dd3543;color:#fff;font-size:12px;font-weight:650;cursor:pointer;}
body .hj-reference-v286 .hj343-danger-button svg{width:16px;height:16px;}
body .hj-reference-v286 .hj343-subdomain-manager .hj340-stat-grid>div strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
body .hj-reference-v286 .hj343-subdomain-manage{
  min-height:34px;padding:0 12px;border:1px solid #e0e3ea;border-radius:9px;background:#fff;color:#303746;font-family:"Poppins",sans-serif!important;font-size:11px;font-weight:600;cursor:pointer;
}
body .hj-reference-v286 .hj343-subdomain-manage:hover{border-color:#cbc5ff;background:#f7f5ff;color:#4f35f4;}