/* ==========================================================
   HostingPro - Domain Details (UX style)
   File: hp-domaindetails.css
   Escopo TOTAL: #hpDomDetails
   ========================================================== */

#hpDomDetails,
#hpDomDetails * { box-sizing: border-box; }

#hpDomDetails {
  padding: 24px;
}

#hpDomDetails img {
  max-width: 100%;
  height: auto;
  display: block;
}

#hpDomDetails a { text-decoration: none; }
#hpDomDetails button,
#hpDomDetails input,
#hpDomDetails select {
  font-family: inherit;
}

/* =========================
   Base helpers
   ========================= */
#hpDomDetails .hp-dd-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
#hpDomDetails .hp-dd-strong { font-weight: 700; }
#hpDomDetails .hp-dd-muted { color: #6b7280; font-weight: 700; }
#hpDomDetails .hp-dd-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  color: #667eea;
}
#hpDomDetails .hp-dd-link:hover { text-decoration: underline; }

#hpDomDetails .hp-dd-empty {
  color: #6b7280;
  font-weight: 800;
  background: #f9fafb;
  border: 1px dashed #e5e7eb;
  border-radius: 14px;
  padding: 12px 14px;
}

#hpDomDetails .hp-dd-warntext { color: #ea580c; }

/* =========================
   Header
   ========================= */
#hpDomDetails .hp-dd-header {
  background: #fff;
  border: 1px solid #eef2f7;
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  padding: 18px;
  margin-bottom: 16px;
}

#hpDomDetails .hp-dd-back {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #374151;
  font-weight: 700;
}

#hpDomDetails .hp-dd-back:hover { text-decoration: underline; }

#hpDomDetails .hp-dd-header-main {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-top: 14px;
}

#hpDomDetails .hp-dd-titlewrap {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

#hpDomDetails .hp-dd-avatar {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  box-shadow: 0 12px 28px rgba(0,0,0,.10);
  flex: 0 0 auto;
}

#hpDomDetails .hp-dd-domainline { display: flex; gap: 10px; align-items: center; }
#hpDomDetails .hp-dd-domain {
  font-size: 22px;
  font-weight: 700;
  color: #111827;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 56vw;
}

#hpDomDetails .hp-dd-subline {
  margin-top: 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  color: #6b7280;
  font-weight: 800;
}

/* Actions */
#hpDomDetails .hp-dd-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

#hpDomDetails .hp-dd-softbtn,
#hpDomDetails .hp-dd-softbtn2 {
  border: 0;
  background: #f3f4f6;
  color: #374151;
  padding: 12px 14px;
  border-radius: 14px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  transition: background .2s, transform .2s, box-shadow .2s;
}

#hpDomDetails .hp-dd-softbtn:hover,
#hpDomDetails .hp-dd-softbtn2:hover {
  background: #e5e7eb;
  transform: translateY(-1px);
}

#hpDomDetails .hp-dd-primarybtn {
  border: 0;
  padding: 12px 16px;
  border-radius: 14px;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 12px 28px rgba(0,0,0,.10);
  transition: transform .2s, box-shadow .2s, filter .2s;
}

#hpDomDetails .hp-dd-primarybtn:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 38px rgba(0,0,0,.14);
  filter: brightness(.99);
}

#hpDomDetails .hp-dd-primarybtn.is-disabled {
  opacity: .55;
  pointer-events: none;
  transform: none;
  box-shadow: none;
}

#hpDomDetails .hp-dd-dangerbtn {
  border: 0;
  padding: 12px 16px;
  border-radius: 14px;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 12px 28px rgba(0,0,0,.10);
  cursor: pointer;
  transition: transform .2s, box-shadow .2s;
}
#hpDomDetails .hp-dd-dangerbtn:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 38px rgba(0,0,0,.14);
}

/* Badge */
#hpDomDetails .hp-dd-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

#hpDomDetails .hp-dd-dot { font-size: 8px; }

/* Badge colors */
#hpDomDetails .hp-b-green { background: #dcfce7; color: #166534; }
#hpDomDetails .hp-b-gray  { background: #e5e7eb; color: #374151; }
#hpDomDetails .hp-b-blue  { background: #dbeafe; color: #1e40af; }
#hpDomDetails .hp-b-yellow{ background: #fef9c3; color: #854d0e; }

/* Gradients (cards/avatars) */
#hpDomDetails .hp-g-green { background: linear-gradient(135deg,#43e97b 0%,#38f9d7 100%); }
#hpDomDetails .hp-g-blue  { background: linear-gradient(135deg,#4facfe 0%,#00f2fe 100%); }
#hpDomDetails .hp-g-orange{ background: linear-gradient(135deg,#fa709a 0%,#fee140 100%); }
#hpDomDetails .hp-g-red   { background: linear-gradient(135deg,#f093fb 0%,#f5576c 100%); }

/* =========================
   Main
   ========================= */
#hpDomDetails .hp-dd-main {}

/* =========================
   Stats (4 cards)
   ========================= */
#hpDomDetails .hp-dd-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: 16px 0;
}

#hpDomDetails .hp-dd-stat {
  border-radius: 18px;
  padding: 18px;
  color: #fff;
  box-shadow: 0 14px 35px rgba(0,0,0,.08);
  position: relative;
  overflow: hidden;
}

#hpDomDetails .hp-dd-stat::before {
  content: "";
  position: absolute;
  top: -60%;
  right: -60%;
  width: 220%;
  height: 220%;
  background: radial-gradient(circle, rgba(255,255,255,.12) 0%, transparent 70%);
  transition: .5s;
}

#hpDomDetails .hp-dd-stat:hover::before {
  top: -40%;
  right: -40%;
}

#hpDomDetails .hp-dd-stat-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 12px;
  position: relative;
  z-index: 1;
}

#hpDomDetails .hp-dd-stat-ico {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: rgba(255,255,255,.18);
  display: flex;
  align-items: center;
  justify-content: center;
}

#hpDomDetails .hp-dd-stat-label {
  margin-top: 8px;
  font-weight: 700;
  opacity: .95;
  position: relative;
  z-index: 1;
}

#hpDomDetails .hp-dd-stat-big {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.05;
  position: relative;
  z-index: 1;
}

#hpDomDetails .hp-dd-stat-hint {
  margin-top: 10px;
  font-size: 12px;
  opacity: .92;
  position: relative;
  z-index: 1;
}

/* =========================
   Tabs
   ========================= */
#hpDomDetails .hp-dd-tabs {
  background: #fff;
  border: 1px solid #eef2f7;
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  overflow: hidden;
}

#hpDomDetails .hp-dd-tabs-head {
  display: flex;
  gap: 10px;
  padding: 12px;
  background: #f9fafb;
  border-bottom: 1px solid #eef2f7;
  flex-wrap: wrap;
}

#hpDomDetails .hp-dd-tabbtn {
  border: 0;
  background: #fff;
  border: 1px solid #e5e7eb;
  padding: 10px 12px;
  border-radius: 12px;
  font-weight: 700;
  color: #374151;
  cursor: pointer;
  display: inline-flex;
  gap: 10px;
  align-items: center;
  transition: background .2s, transform .2s, border-color .2s, color .2s;
}

#hpDomDetails .hp-dd-tabbtn:hover {
  background: #f3f4f6;
  transform: translateY(-1px);
}

#hpDomDetails .hp-dd-tabbtn.is-active {
  border: 0;
  color: #fff;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

#hpDomDetails .hp-dd-tabs-body { padding: 16px; }

#hpDomDetails .hp-dd-tabpane { display: none; }
#hpDomDetails .hp-dd-tabpane.is-active { display: block; }

/* Pane head */
#hpDomDetails .hp-dd-pane-head { margin-bottom: 12px; }
#hpDomDetails .hp-dd-pane-title { font-size: 18px; font-weight: 700; color: #111827; }
#hpDomDetails .hp-dd-pane-sub { margin-top: 4px; color: #6b7280; font-weight: 700; }

/* =========================
   Info / Warn blocks
   ========================= */
#hpDomDetails .hp-dd-info {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  border-radius: 16px;
  padding: 12px 14px;
  border: 1px solid #eef2f7;
  background: #f9fafb;
  margin: 12px 0;
}

#hpDomDetails .hp-dd-info i { margin-top: 3px; }

#hpDomDetails .hp-dd-info-title { font-weight: 700; color: #111827; }
#hpDomDetails .hp-dd-info-text { margin-top: 4px; color: #374151; font-weight: 700; line-height: 1.35; }

#hpDomDetails .hp-dd-info-blue { background: #eff6ff; border-color: #dbeafe; color: #1e40af; }
#hpDomDetails .hp-dd-info-yellow { background: #fffbeb; border-color: #fde68a; color: #854d0e; }

#hpDomDetails .hp-dd-warn {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  border-radius: 16px;
  padding: 12px 14px;
  border: 1px solid #fee2e2;
  background: #fff1f2;
  margin-top: 14px;
  color: #9f1239;
}
#hpDomDetails .hp-dd-warn-title { font-weight: 700; }
#hpDomDetails .hp-dd-warn-text { margin-top: 4px; font-weight: 700; color: #7f1d1d; }

/* =========================
   Layout grids
   ========================= */
#hpDomDetails .hp-dd-grid2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

#hpDomDetails .hp-dd-grid3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
}

/* =========================
   Cards
   ========================= */
#hpDomDetails .hp-dd-card {
  border: 1px solid #eef2f7;
  border-radius: 18px;
  padding: 16px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,.04);
}

#hpDomDetails .hp-dd-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

#hpDomDetails .hp-dd-card-title {
  font-weight: 700;
  color: #111827;
}

#hpDomDetails .hp-dd-mini-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

/* =========================
   DNS - Nameservers list
   ========================= */
#hpDomDetails .hp-dd-nslist { display: flex; flex-direction: column; gap: 10px; margin-top: 10px; }

#hpDomDetails .hp-dd-nsitem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 12px;
  border-radius: 16px;
  border: 1px solid #eef2f7;
  background: #f9fafb;
}

#hpDomDetails .hp-dd-ok { color: #16a34a; }

/* =========================
   Forms (DNS)
   ========================= */
#hpDomDetails .hp-dd-radio { margin: 10px 0; }
#hpDomDetails .hp-dd-radio label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  color: #374151;
  cursor: pointer;
}
#hpDomDetails .hp-dd-radio input[type="radio"] { transform: translateY(1px); }

#hpDomDetails .hp-dd-formgrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}

#hpDomDetails .hp-dd-field { display: flex; flex-direction: column; gap: 8px; }
#hpDomDetails .hp-dd-label { font-weight: 700; color: #374151; font-size: 13px; }

#hpDomDetails .hp-dd-input {
  width: 100%;
  padding: 12px 12px;
  border-radius: 14px;
  border: 2px solid #e5e7eb;
  outline: none;
  font-weight: 800;
  color: #111827;
  background: #fff;
  transition: border-color .2s, box-shadow .2s;
}

#hpDomDetails .hp-dd-input:focus {
  border-color: #667eea;
  box-shadow: 0 0 0 4px rgba(102,126,234,.15);
}

#hpDomDetails .hp-dd-actionsrow {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
  align-items: center;
  justify-content: flex-end;
}

/* make submit look consistent even if WHMCS injects btn classes */
#hpDomDetails .hp-dd-moduleout .btn,
#hpDomDetails .hp-dd-moduleout input[type="submit"],
#hpDomDetails .hp-dd-moduleout button {
  border-radius: 12px !important;
}

/* =========================
   Presets
   ========================= */
#hpDomDetails .hp-dd-presets { margin-top: 16px; }

#hpDomDetails .hp-dd-presets-title {
  font-weight: 700;
  color: #111827;
  margin-bottom: 10px;
}

#hpDomDetails .hp-dd-presets-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

#hpDomDetails .hp-dd-preset {
  border: 1px solid #e5e7eb;
  background: #fff;
  border-radius: 16px;
  padding: 12px 12px;
  cursor: pointer;
  text-align: left;
  transition: transform .2s, box-shadow .2s, border-color .2s, background .2s;
}

#hpDomDetails .hp-dd-preset:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(0,0,0,.08);
  border-color: #cbd5e1;
  background: #f9fafb;
}

#hpDomDetails .hp-dd-preset.is-active {
  border: 0;
  color: #fff;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

#hpDomDetails .hp-dd-preset-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-weight: 700;
}

#hpDomDetails .hp-dd-preset-sub {
  margin-top: 6px;
  font-size: 12px;
  font-weight: 800;
  color: #6b7280;
}

#hpDomDetails .hp-dd-preset.is-active .hp-dd-preset-sub { color: rgba(255,255,255,.92); }

/* =========================
   WHOIS layout
   ========================= */
#hpDomDetails .hp-dd-whoisbox {
  display: grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 16px;
  margin-top: 14px;
}

#hpDomDetails .hp-dd-whoisleft,
#hpDomDetails .hp-dd-whoisright { min-width: 0; }

#hpDomDetails .hp-dd-whoisstatus { margin-top: 12px; }
#hpDomDetails .hp-dd-whoisstatus-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid #eef2f7;
  font-weight: 800;
  color: #374151;
}
#hpDomDetails .hp-dd-whoisstatus-row:last-child { border-bottom: 0; }

/* =========================
   Security cards
   ========================= */
#hpDomDetails .hp-dd-sec-top {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 12px;
  align-items: center;
  margin-bottom: 10px;
}

#hpDomDetails .hp-dd-sec-ico {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  box-shadow: 0 12px 28px rgba(0,0,0,.10);
}

#hpDomDetails .hp-dd-sec-title { font-weight: 700; color: #111827; }
#hpDomDetails .hp-dd-sec-meta { min-width: 0; }
#hpDomDetails .hp-dd-sec-desc { margin-top: 10px; color: #6b7280; font-weight: 700; line-height: 1.4; }
#hpDomDetails .hp-dd-sec-pill { display: flex; justify-content: flex-end; }

/* EPP box */
#hpDomDetails .hp-dd-epp .hp-dd-card-title {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

/* Danger zone */
#hpDomDetails .hp-dd-dangerzone {
  margin-top: 16px;
  border-radius: 18px;
  padding: 16px;
  border: 1px solid #fee2e2;
  background: #fff1f2;
}

#hpDomDetails .hp-dd-danger-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  color: #7f1d1d;
}

#hpDomDetails .hp-dd-danger-sub {
  margin-top: 4px;
  color: #991b1b;
  font-weight: 700;
}

/* =========================
   Renewal: KV rows
   ========================= */
#hpDomDetails .hp-dd-kv { margin-top: 10px; }
#hpDomDetails .hp-dd-kv-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid #eef2f7;
  color: #374151;
  font-weight: 800;
}
#hpDomDetails .hp-dd-kv-row:last-child { border-bottom: 0; }

#hpDomDetails .hp-dd-full { width: 100%; justify-content: center; }

/* Notes */
#hpDomDetails .hp-dd-note {
  border: 1px solid #eef2f7;
  border-radius: 18px;
  background: #fff;
  padding: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.04);
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

#hpDomDetails .hp-dd-note i { margin-top: 3px; }
#hpDomDetails .hp-dd-note-title { font-weight: 700; color: #111827; }
#hpDomDetails .hp-dd-note-text { margin-top: 4px; color: #6b7280; font-weight: 700; line-height: 1.35; }

#hpDomDetails .hp-dd-note-blue { background: #eff6ff; border-color: #dbeafe; }
#hpDomDetails .hp-dd-note-yellow { background: #fffbeb; border-color: #fde68a; }
#hpDomDetails .hp-dd-note-green { background: #ecfdf5; border-color: #bbf7d0; }

/* =========================
   Quick Actions (FIX do seu print)
   ========================= */
#hpDomDetails .hp-dd-quick {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
}

#hpDomDetails .hp-dd-qcard {
  background: #fff;
  border: 1px solid #eef2f7;
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  padding: 16px;
  transition: transform .2s, box-shadow .2s;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 140px;
}

#hpDomDetails .hp-dd-qcard:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(0,0,0,.10);
}

#hpDomDetails .hp-dd-qico {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  box-shadow: 0 12px 28px rgba(0,0,0,.10);
  margin-bottom: 2px;
}

#hpDomDetails .hp-dd-qtitle { font-weight: 700; color: #111827; }
#hpDomDetails .hp-dd-qsub { color: #6b7280; font-weight: 700; line-height: 1.35; }

/* =========================
   Registrar hook output
   ========================= */
#hpDomDetails .hp-dd-hookout {
  margin-top: 14px;
}

/* =========================
   Responsive
   ========================= */
@media (max-width: 1100px) {
  #hpDomDetails .hp-dd-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #hpDomDetails .hp-dd-quick { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #hpDomDetails .hp-dd-grid2 { grid-template-columns: 1fr; }
  #hpDomDetails .hp-dd-grid3 { grid-template-columns: 1fr; }
  #hpDomDetails .hp-dd-header-main { flex-direction: column; align-items: stretch; }
  #hpDomDetails .hp-dd-actions { justify-content: flex-start; }
  #hpDomDetails .hp-dd-domain { max-width: 100%; }
  #hpDomDetails .hp-dd-whoisbox { grid-template-columns: 1fr; }
  #hpDomDetails .hp-dd-formgrid { grid-template-columns: 1fr; }
  #hpDomDetails .hp-dd-presets-grid { grid-template-columns: 1fr; }
}

@media (max-width: 860px) {
  #hpDomDetails { padding: 16px; overflow-x: hidden; }
  #hpDomDetails .hp-dd-stat-big { font-size: 22px; }
  #hpDomDetails .hp-dd-stat { padding: 14px; overflow: hidden; }
  #hpDomDetails .hp-dd-tabs-body { padding: 16px; }
}

@media (max-width: 640px) {
  #hpDomDetails { padding: 16px; }
  #hpDomDetails .hp-dd-quick { grid-template-columns: 1fr; }

  /* Stats: reduce font so dates don't overflow */
  #hpDomDetails .hp-dd-stat { padding: 14px; }
  #hpDomDetails .hp-dd-stat-big {
    font-size: 20px;
    word-break: break-word;
    overflow-wrap: break-word;
  }
  #hpDomDetails .hp-dd-stat-label { font-size: 13px; }
  #hpDomDetails .hp-dd-stat-ico { width: 40px; height: 40px; }
}

/* ==========================================================
   UX tweak - TAB Segurança mais "arejada"
   (escopo: #hpDomDetails)
   ========================================================== */

/* mais espaço interno no painel */
#hpDomDetails .hp-dd-tabs-body {
  padding: 22px; /* era 16px */
}

/* mais respiro no cabeçalho da pane */
#hpDomDetails [data-pane="security"] .hp-dd-pane-head {
  margin-bottom: 18px;
}
#hpDomDetails [data-pane="security"] .hp-dd-pane-title {
  font-size: 20px;
}
#hpDomDetails [data-pane="security"] .hp-dd-pane-sub {
  margin-top: 6px;
  font-size: 14px;
}

/* grid de 2 cards: mais gap e cards mais "fofos" */
#hpDomDetails [data-pane="security"] .hp-dd-grid2 {
  gap: 20px; /* era 16px */
}
#hpDomDetails [data-pane="security"] .hp-dd-card {
  padding: 20px; /* era 16px */
}

/* bloco topo do card (ícone/título/pill) com mais folga */
#hpDomDetails [data-pane="security"] .hp-dd-sec-top {
  gap: 14px; /* era 12px */
  margin-bottom: 14px; /* era 10px */
}
#hpDomDetails [data-pane="security"] .hp-dd-sec-desc {
  margin-top: 12px; /* era 10px */
  line-height: 1.55; /* mais confortável */
}

/* botões dentro do security: espaçamento melhor */
#hpDomDetails [data-pane="security"] .hp-dd-actionsrow {
  margin-top: 18px; /* era 14px */
  gap: 12px;
}

/* EPP e Danger Zone: mais respiro e separação */
#hpDomDetails [data-pane="security"] .hp-dd-epp,
#hpDomDetails [data-pane="security"] .hp-dd-dangerzone {
  margin-top: 20px; /* mais afastado dos cards acima */
  padding: 20px;
}

/* deixa o título do EPP mais "headline" */
#hpDomDetails [data-pane="security"] .hp-dd-epp .hp-dd-card-title {
  font-size: 16px;
}

/* responsivo: mantém confortável no mobile */
@media (max-width: 640px) {
  #hpDomDetails .hp-dd-tabs-body {
    padding: 16px;
  }
  #hpDomDetails [data-pane="security"] .hp-dd-card {
    padding: 16px;
  }
}

/* ==================================
   TYPO TUNING (Domain Details)
   - alivia o “tudo bold” mantendo títulos/badges fortes
================================== */

#hpDomDetails{
  font-weight: 400;
}

/* Textos auxiliares / descrições */
#hpDomDetails .hp-dd-muted,
#hpDomDetails .hp-dd-subline,
#hpDomDetails .hp-dd-pane-sub,
#hpDomDetails .hp-dd-info-text,
#hpDomDetails .hp-dd-warn-text,
#hpDomDetails .hp-dd-sec-desc,
#hpDomDetails .hp-dd-note-text,
#hpDomDetails .hp-dd-qsub{
  font-weight: 500;
}

/* Linhas tipo “chave/valor” e status rows: menos pesadas */
#hpDomDetails .hp-dd-kv-row,
#hpDomDetails .hp-dd-whoisstatus-row{
  font-weight: 600;
}

/* Inputs/selects: mais leve */
#hpDomDetails .hp-dd-input{
  font-weight: 600;
}

/* Labels podem ser 700 (não 900) */
#hpDomDetails .hp-dd-label,
#hpDomDetails .hp-dd-radio label{
  font-weight: 700;
}

/* Mantém títulos/botões/badges como estão (900) */

/* ==========================================================
   AJAX: Salvar Nameservers — resultado e estado de loading
   ========================================================== */
#hpDomDetails .hp-dd-nsresult{
  margin-bottom: 12px;
}
#hpDomDetails .hp-dd-nsresult:empty{
  margin-bottom: 0;
}

#hpDomDetails .hp-dd-ajax-alert{
  border-radius: 12px;
  padding: 14px 18px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0;
  animation: hpDdFadeIn .25s ease both;
}
#hpDomDetails .hp-dd-ajax-alert.alert-success{
  background: #ecfdf5;
  color: #065f46;
  border: 1px solid #a7f3d0;
}
#hpDomDetails .hp-dd-ajax-alert.alert-danger{
  background: #fef2f2;
  color: #991b1b;
  border: 1px solid #fecaca;
}
#hpDomDetails .hp-dd-ajax-alert i{
  font-size: 18px;
}

@keyframes hpDdFadeIn{
  from{ opacity: 0; transform: translateY(-4px); }
  to  { opacity: 1; transform: translateY(0); }
}

/* Botão Salvar: estado loading */
#hpDomDetails .hp-dd-primarybtn.is-loading{
  opacity: .85;
  cursor: wait;
  pointer-events: none;
}
#hpDomDetails .hp-dd-primarybtn[disabled]{
  opacity: .7;
  cursor: not-allowed;
}
#hpDomDetails .hp-dd-primarybtn .fa-spinner{
  animation: hpDdSpin .9s linear infinite;
}
@keyframes hpDdSpin{
  to{ transform: rotate(360deg); }
}