/*
 * Ngeblogging production audit authority v37 — 2026-07-25.
 * Actual rendered component classes only. Studio navigation and Nara are intentionally untouched.
 */

html[data-studio-production-v37],
html[data-studio-production-v37] body,
html[data-studio-production-v37] #root {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

html[data-studio-production-v37] .sn-main > .sn-view-pad,
html[data-studio-production-v37] .sn-main > .tn-studio,
html[data-studio-production-v37] .sn-main > .nw-page,
html[data-studio-production-v37] .sn-main > .sn-view-pad > *,
html[data-studio-production-v37] .tn-studio *,
html[data-studio-production-v37] .bc-center *,
html[data-studio-production-v37] .lb36-layer * {
  box-sizing: border-box !important;
}

html[data-studio-production-v37] .sn-main > .sn-view-pad,
html[data-studio-production-v37] .sn-main > .tn-studio {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

/* --------------------------------------------------------------------------
   Backup Center — targets the real React component classes.
   -------------------------------------------------------------------------- */
html[data-studio-production-v37] #ngeblogging-backup-settings,
html[data-studio-production-v37] #ngeblogging-backup-settings .sn-backup-host,
html[data-studio-production-v37] #ngeblogging-backup-settings .bc-center {
  position: relative !important;
  inset: auto !important;
  z-index: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  display: block !important;
  margin: 20px 0 0 !important;
  transform: none !important;
  translate: none !important;
  overflow: hidden !important;
  isolation: isolate !important;
  contain: layout paint !important;
  clear: both !important;
}

html[data-studio-production-v37] #ngeblogging-backup-settings .bc-center {
  padding: clamp(18px, 2.4vw, 30px) !important;
  border-radius: 20px !important;
}

html[data-studio-production-v37] #ngeblogging-backup-settings .bc-center > header,
html[data-studio-production-v37] #ngeblogging-backup-settings .bc-summary,
html[data-studio-production-v37] #ngeblogging-backup-settings .bc-actions,
html[data-studio-production-v37] #ngeblogging-backup-settings .bc-preserve,
html[data-studio-production-v37] #ngeblogging-backup-settings .bc-note,
html[data-studio-production-v37] #ngeblogging-backup-settings .bc-message {
  position: relative !important;
  inset: auto !important;
  z-index: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  transform: none !important;
  translate: none !important;
  clear: both !important;
}

html[data-studio-production-v37] #ngeblogging-backup-settings .bc-center > header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 18px !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
}

html[data-studio-production-v37] #ngeblogging-backup-settings .bc-center > header > div,
html[data-studio-production-v37] #ngeblogging-backup-settings .bc-center > header small,
html[data-studio-production-v37] #ngeblogging-backup-settings .bc-center > header h2,
html[data-studio-production-v37] #ngeblogging-backup-settings .bc-center > header p,
html[data-studio-production-v37] #ngeblogging-backup-settings .bc-center > header > span {
  position: static !important;
  inset: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  transform: none !important;
}

html[data-studio-production-v37] #ngeblogging-backup-settings .bc-center > header small {
  display: block !important;
  margin: 0 !important;
  color: #2d6edf !important;
  font: 900 10px/1.35 "DM Sans", sans-serif !important;
  letter-spacing: .15em !important;
}

html[data-studio-production-v37] #ngeblogging-backup-settings .bc-center > header h2 {
  display: block !important;
  margin: 9px 0 10px !important;
  color: #17253c !important;
  font: 600 clamp(30px, 4vw, 50px)/1.06 "Playfair Display", serif !important;
  letter-spacing: -.025em !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

html[data-studio-production-v37] #ngeblogging-backup-settings .bc-center > header p {
  display: block !important;
  margin: 0 !important;
  color: #6d7c92 !important;
  font: 400 14px/1.62 "DM Sans", sans-serif !important;
  overflow-wrap: anywhere !important;
}

html[data-studio-production-v37] #ngeblogging-backup-settings .bc-center > header > span {
  align-self: start !important;
  justify-self: end !important;
  white-space: normal !important;
  text-align: center !important;
}

html[data-studio-production-v37] #ngeblogging-backup-settings .bc-summary,
html[data-studio-production-v37] #ngeblogging-backup-settings .bc-actions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
}

html[data-studio-production-v37] #ngeblogging-backup-settings .bc-summary article,
html[data-studio-production-v37] #ngeblogging-backup-settings .bc-actions button {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  transform: none !important;
  translate: none !important;
  overflow: hidden !important;
}

html[data-studio-production-v37] #ngeblogging-backup-settings .bc-summary article {
  min-height: 132px !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 12px !important;
  padding: 18px !important;
}

html[data-studio-production-v37] #ngeblogging-backup-settings .bc-summary article > svg {
  position: static !important;
  width: 27px !important;
  height: 27px !important;
  margin: 1px 0 0 !important;
  transform: none !important;
}

html[data-studio-production-v37] #ngeblogging-backup-settings .bc-summary article > div,
html[data-studio-production-v37] #ngeblogging-backup-settings .bc-summary b,
html[data-studio-production-v37] #ngeblogging-backup-settings .bc-summary p {
  position: static !important;
  inset: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  transform: none !important;
}

html[data-studio-production-v37] #ngeblogging-backup-settings .bc-summary b {
  display: block !important;
  margin: 0 0 6px !important;
  color: #17253c !important;
  font: 700 15px/1.35 "DM Sans", sans-serif !important;
  overflow-wrap: anywhere !important;
}

html[data-studio-production-v37] #ngeblogging-backup-settings .bc-summary p {
  display: block !important;
  margin: 0 !important;
  color: #718097 !important;
  font: 400 12px/1.55 "DM Sans", sans-serif !important;
  overflow-wrap: anywhere !important;
}

html[data-studio-production-v37] #ngeblogging-backup-settings .bc-actions button {
  min-height: 92px !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 16px !important;
  white-space: normal !important;
  text-align: left !important;
}

html[data-studio-production-v37] #ngeblogging-backup-settings .bc-actions button > svg {
  position: static !important;
  width: 25px !important;
  height: 25px !important;
  margin: 0 !important;
  transform: none !important;
}

html[data-studio-production-v37] #ngeblogging-backup-settings .bc-actions button span,
html[data-studio-production-v37] #ngeblogging-backup-settings .bc-actions button b,
html[data-studio-production-v37] #ngeblogging-backup-settings .bc-actions button small {
  position: static !important;
  inset: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  transform: none !important;
  overflow-wrap: anywhere !important;
}

html[data-studio-production-v37] #ngeblogging-backup-settings .bc-actions button b {
  font: 700 14px/1.35 "DM Sans", sans-serif !important;
}

html[data-studio-production-v37] #ngeblogging-backup-settings .bc-actions button small {
  margin-top: 5px !important;
  font: 400 11px/1.45 "DM Sans", sans-serif !important;
}

html[data-studio-production-v37] #ngeblogging-backup-settings .bc-preserve,
html[data-studio-production-v37] #ngeblogging-backup-settings .bc-note {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 12px !important;
  margin: 14px 0 0 !important;
  padding: 16px !important;
}

html[data-studio-production-v37] #ngeblogging-backup-settings .bc-preserve input {
  position: static !important;
  width: 20px !important;
  height: 20px !important;
  margin: 1px 0 0 !important;
}

html[data-studio-production-v37] #ngeblogging-backup-settings .bc-preserve b {
  font: 700 14px/1.4 "DM Sans", sans-serif !important;
}

html[data-studio-production-v37] #ngeblogging-backup-settings .bc-preserve small,
html[data-studio-production-v37] #ngeblogging-backup-settings .bc-note p {
  margin: 5px 0 0 !important;
  font: 400 12px/1.55 "DM Sans", sans-serif !important;
  overflow-wrap: anywhere !important;
}

/* --------------------------------------------------------------------------
   Theme Studio — normal flow on physical phones, compact/PWA and narrow screens.
   -------------------------------------------------------------------------- */
html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"],
html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] > *,
html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-hero > *,
html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-theme-grid > article {
  min-width: 0 !important;
  max-width: 100% !important;
}

html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-hero,
html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-hero-copy,
html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-active-stage,
html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-command,
html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-blueprints,
html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-library {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  translate: none !important;
  clear: both !important;
}

html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-card-mock,
html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-card-mock header,
html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-card-mock main,
html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-card-mock small,
html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-card-mock h4,
html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-card-mock p,
html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-card-mock main > div {
  min-width: 0 !important;
  max-width: 100% !important;
}

html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-card-mock {
  container-type: inline-size !important;
  position: relative !important;
  display: grid !important;
  grid-template-rows: 15% minmax(0, 85%) !important;
  aspect-ratio: 16 / 10 !important;
  overflow: hidden !important;
}

html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-card-mock header {
  position: relative !important;
  inset: auto !important;
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 0 6% !important;
  transform: none !important;
}

html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-card-mock main,
html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-card-mock.layout-newsroom main,
html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-card-mock.layout-profile main,
html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-card-mock.layout-photography main,
html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-card-mock.layout-landing main {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  align-content: normal !important;
  gap: 0 !important;
  padding: 7% 8% !important;
  text-align: left !important;
  transform: none !important;
  overflow: hidden !important;
}

html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-card-mock small {
  position: static !important;
  display: block !important;
  font: 800 clamp(5px, 2.5cqw, 10px)/1.1 "DM Sans", sans-serif !important;
  letter-spacing: .13em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  transform: none !important;
}

html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-card-mock h4,
html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-card-mock.layout-landing h4 {
  position: static !important;
  width: auto !important;
  max-width: 88% !important;
  margin: 5px 0 !important;
  font: 600 clamp(12px, 8cqw, 30px)/1.02 "Playfair Display", serif !important;
  letter-spacing: -.025em !important;
  text-align: left !important;
  white-space: normal !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  transform: none !important;
}

html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-card-mock p {
  position: static !important;
  flex: 0 0 auto !important;
  margin: 3px 0 !important;
  transform: none !important;
}

html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-card-mock main > div {
  position: static !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 5px !important;
  margin: 8px 0 0 !important;
  transform: none !important;
}

/* --------------------------------------------------------------------------
   Visual layout builder — never clip three columns on a physical phone.
   -------------------------------------------------------------------------- */
html[data-studio-production-v37] .lb36-layer[data-sp37-layout="true"],
html[data-studio-production-v37] .lb36-layer[data-sp37-layout="true"] .lb36-dialog,
html[data-studio-production-v37] .lb36-layer[data-sp37-layout="true"] .lb36-body,
html[data-studio-production-v37] .lb36-layer[data-sp37-layout="true"] .lb36-canvas,
html[data-studio-production-v37] .lb36-layer[data-sp37-layout="true"] .lb36-content-row,
html[data-studio-production-v37] .lb36-layer[data-sp37-layout="true"] .lb36-footer-row,
html[data-studio-production-v37] .lb36-layer[data-sp37-layout="true"] .lb36-zone {
  min-width: 0 !important;
  max-width: 100% !important;
}

html[data-studio-production-v37] .lb36-layer[data-sp37-layout="true"] .lb36-dialog {
  overflow: hidden !important;
}

html[data-studio-production-v37] .lb36-layer[data-sp37-layout="true"] .lb36-body {
  overscroll-behavior: contain !important;
}

/* --------------------------------------------------------------------------
   Real analytics dashboard.
   -------------------------------------------------------------------------- */
html[data-studio-production-v37] .sp37-analytics-host,
html[data-studio-production-v37] .sp37-analytics,
html[data-studio-production-v37] .sp37-analytics > *,
html[data-studio-production-v37] .sp37-analytics article {
  min-width: 0 !important;
  max-width: 100% !important;
}

html[data-studio-production-v37] .sp37-analytics-host {
  display: block !important;
  width: 100% !important;
}

html[data-studio-production-v37] .sp37-analytics {
  display: grid !important;
  gap: 14px !important;
}

html[data-studio-production-v37] .sp37-analytics-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 15px 17px !important;
  border: 1px solid #dce5ef !important;
  border-radius: 15px !important;
  background: #fff !important;
}

html[data-studio-production-v37] .sp37-analytics-toolbar > div:first-child {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
}

html[data-studio-production-v37] .sp37-analytics-toolbar b {
  color: #2d6edf !important;
  font: 900 10px/1.35 "DM Sans", sans-serif !important;
  letter-spacing: .12em !important;
}

html[data-studio-production-v37] .sp37-analytics[data-simulated="true"] .sp37-analytics-toolbar b {
  color: #9a650e !important;
}

html[data-studio-production-v37] .sp37-analytics-toolbar span {
  color: #748297 !important;
  font: 400 12px/1.45 "DM Sans", sans-serif !important;
}

html[data-studio-production-v37] .sp37-analytics-toolbar > div:last-child {
  flex: 0 0 auto !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}

html[data-studio-production-v37] .sp37-analytics-toolbar select,
html[data-studio-production-v37] .sp37-analytics-toolbar button {
  min-height: 40px !important;
  border: 1px solid #d8e2ed !important;
  border-radius: 10px !important;
  padding: 0 12px !important;
  background: #fff !important;
  color: #486078 !important;
  font: 700 11px/1 "DM Sans", sans-serif !important;
}

html[data-studio-production-v37] .sp37-analytics-toolbar .sp37-refresh {
  border-color: #2d6edf !important;
  background: #2d6edf !important;
  color: #fff !important;
}

html[data-studio-production-v37] .sp37-metrics {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html[data-studio-production-v37] .sp37-metrics article,
html[data-studio-production-v37] .sp37-chart-grid > article,
html[data-studio-production-v37] .sp37-content-table {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid #dce5ef !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 10px 32px rgba(25, 54, 92, .045) !important;
}

html[data-studio-production-v37] .sp37-metrics article {
  display: grid !important;
  gap: 5px !important;
  padding: 17px !important;
}

html[data-studio-production-v37] .sp37-metrics small {
  color: #758398 !important;
  font: 600 11px/1.35 "DM Sans", sans-serif !important;
}

html[data-studio-production-v37] .sp37-metrics b {
  color: #17253c !important;
  font: 600 clamp(25px, 3vw, 38px)/1 "Playfair Display", serif !important;
}

html[data-studio-production-v37] .sp37-metrics span {
  color: #8490a1 !important;
  font: 400 10px/1.4 "DM Sans", sans-serif !important;
}

html[data-studio-production-v37] .sp37-chart-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.55fr) minmax(300px, .75fr) !important;
  gap: 12px !important;
}

html[data-studio-production-v37] .sp37-chart-grid-equal {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html[data-studio-production-v37] .sp37-chart-grid > article,
html[data-studio-production-v37] .sp37-content-table {
  padding: 18px !important;
}

html[data-studio-production-v37] .sp37-chart-grid article > header,
html[data-studio-production-v37] .sp37-content-table > header {
  position: static !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 0 15px !important;
  padding: 0 !important;
  transform: none !important;
}

html[data-studio-production-v37] .sp37-chart-grid header small,
html[data-studio-production-v37] .sp37-content-table header small {
  display: block !important;
  color: #2d6edf !important;
  font: 900 9px/1.3 "DM Sans", sans-serif !important;
  letter-spacing: .13em !important;
}

html[data-studio-production-v37] .sp37-chart-grid header h2,
html[data-studio-production-v37] .sp37-content-table header h2 {
  margin: 5px 0 0 !important;
  color: #17253c !important;
  font: 600 22px/1.15 "Playfair Display", serif !important;
}

html[data-studio-production-v37] .sp37-line-svg {
  width: 100% !important;
  height: auto !important;
  min-height: 230px !important;
  overflow: visible !important;
}

html[data-studio-production-v37] .sp37-line-svg .grid line {
  stroke: #e5eaf1 !important;
  stroke-width: 1 !important;
}

html[data-studio-production-v37] .sp37-line-svg .grid text {
  fill: #8591a2 !important;
  font: 10px "DM Sans", sans-serif !important;
}

html[data-studio-production-v37] .sp37-line-svg .area {
  fill: rgba(45, 110, 223, .10) !important;
}

html[data-studio-production-v37] .sp37-line-svg .line {
  fill: none !important;
  stroke: #2d6edf !important;
  stroke-width: 3 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html[data-studio-production-v37] .sp37-donut-wrap {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(130px, .8fr) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 18px !important;
  min-height: 230px !important;
}

html[data-studio-production-v37] .sp37-donut {
  width: min(170px, 100%) !important;
  aspect-ratio: 1 !important;
  display: grid !important;
  place-content: center !important;
  justify-self: center !important;
  border-radius: 50% !important;
  position: relative !important;
}

html[data-studio-production-v37] .sp37-donut::after {
  content: "" !important;
  position: absolute !important;
  inset: 24% !important;
  border-radius: 50% !important;
  background: #fff !important;
}

html[data-studio-production-v37] .sp37-donut b,
html[data-studio-production-v37] .sp37-donut small {
  position: relative !important;
  z-index: 1 !important;
  text-align: center !important;
}

html[data-studio-production-v37] .sp37-donut b {
  font: 600 24px/1 "Playfair Display", serif !important;
}

html[data-studio-production-v37] .sp37-donut small {
  margin-top: 4px !important;
  color: #7c899a !important;
  font-size: 10px !important;
}

html[data-studio-production-v37] .sp37-legend {
  min-width: 0 !important;
  display: grid !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html[data-studio-production-v37] .sp37-legend li {
  display: grid !important;
  grid-template-columns: 10px minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: 7px !important;
  font-size: 10px !important;
}

html[data-studio-production-v37] .sp37-legend li > i {
  width: 9px !important;
  height: 9px !important;
  border-radius: 50% !important;
  background: #2d6edf !important;
}
html[data-studio-production-v37] .sp37-legend li > i[data-index="1"] { background: #e59b35 !important; }
html[data-studio-production-v37] .sp37-legend li > i[data-index="2"] { background: #8b96a8 !important; }
html[data-studio-production-v37] .sp37-legend li > i[data-index="3"] { background: #5c4ec9 !important; }
html[data-studio-production-v37] .sp37-legend li small { color: #8290a2 !important; }

html[data-studio-production-v37] .sp37-bars {
  display: grid !important;
  gap: 11px !important;
}

html[data-studio-production-v37] .sp37-bar-row {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(80px, .65fr) minmax(90px, 1.35fr) auto !important;
  align-items: center !important;
  gap: 9px !important;
}

html[data-studio-production-v37] .sp37-bar-row > span,
html[data-studio-production-v37] .sp37-bar-row > b {
  min-width: 0 !important;
  font-size: 10px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html[data-studio-production-v37] .sp37-bar-row > div {
  height: 8px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: #edf1f6 !important;
}

html[data-studio-production-v37] .sp37-bar-row > div > i {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #2d6edf, #6b9df0) !important;
}

html[data-studio-production-v37] .sp37-table-head,
html[data-studio-production-v37] .sp37-table-row {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(180px, 1fr) repeat(4, minmax(70px, .22fr)) !important;
  align-items: center !important;
  gap: 10px !important;
}

html[data-studio-production-v37] .sp37-table-head {
  padding: 10px 7px !important;
  border-bottom: 1px solid #e2e8ef !important;
  color: #8290a2 !important;
  font: 800 9px/1.2 "DM Sans", sans-serif !important;
  text-transform: uppercase !important;
}

html[data-studio-production-v37] .sp37-table-row {
  padding: 12px 7px !important;
  border-bottom: 1px solid #edf0f4 !important;
  font-size: 11px !important;
}

html[data-studio-production-v37] .sp37-table-row:last-child { border-bottom: 0 !important; }
html[data-studio-production-v37] .sp37-table-row > div { min-width: 0 !important; }
html[data-studio-production-v37] .sp37-table-row b,
html[data-studio-production-v37] .sp37-table-row small { display: block !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
html[data-studio-production-v37] .sp37-table-row small { margin-top: 4px !important; color: #8491a2 !important; font-size: 9px !important; }

/* --------------------------------------------------------------------------
   Members and real email readiness.
   -------------------------------------------------------------------------- */
html[data-studio-production-v37] .sp37-members-host,
html[data-studio-production-v37] .sp37-members-panel,
html[data-studio-production-v37] .sp37-members-panel > * {
  min-width: 0 !important;
  max-width: 100% !important;
}

html[data-studio-production-v37] .sp37-members-host {
  display: block !important;
  width: 100% !important;
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

html[data-studio-production-v37] .sp37-members-panel {
  display: grid !important;
  gap: 13px !important;
}

html[data-studio-production-v37] .sp37-member-summary {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html[data-studio-production-v37] .sp37-member-summary article {
  display: grid !important;
  gap: 5px !important;
  padding: 17px !important;
  border: 1px solid #dce5ef !important;
  border-radius: 15px !important;
  background: #fff !important;
}

html[data-studio-production-v37] .sp37-member-summary small {
  color: #768498 !important;
  font-size: 11px !important;
}

html[data-studio-production-v37] .sp37-member-summary b {
  font: 600 31px/1 "Playfair Display", serif !important;
}

html[data-studio-production-v37] .sp37-invite-form {
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) minmax(210px, .65fr) minmax(150px, .42fr) auto !important;
  align-items: end !important;
  gap: 12px !important;
  padding: 18px !important;
  border: 1px solid #cfe0fa !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #f5f9ff, #fff) !important;
}

html[data-studio-production-v37] .sp37-invite-form > div small,
html[data-studio-production-v37] .sp37-member-grid header small {
  color: #2d6edf !important;
  font: 900 9px/1.3 "DM Sans", sans-serif !important;
  letter-spacing: .13em !important;
}

html[data-studio-production-v37] .sp37-invite-form h2,
html[data-studio-production-v37] .sp37-member-grid header h2 {
  margin: 5px 0 !important;
  font: 600 22px/1.15 "Playfair Display", serif !important;
}

html[data-studio-production-v37] .sp37-invite-form p {
  margin: 0 !important;
  color: #718097 !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
}

html[data-studio-production-v37] .sp37-invite-form label {
  display: grid !important;
  gap: 6px !important;
  color: #506078 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}

html[data-studio-production-v37] .sp37-invite-form input,
html[data-studio-production-v37] .sp37-invite-form select,
html[data-studio-production-v37] .sp37-invite-form button {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  border: 1px solid #d6e1ed !important;
  border-radius: 10px !important;
  padding: 0 11px !important;
  background: #fff !important;
  color: #334860 !important;
  font-size: 11px !important;
}

html[data-studio-production-v37] .sp37-invite-form button {
  border-color: #2d6edf !important;
  background: #2d6edf !important;
  color: #fff !important;
  font-weight: 800 !important;
}

html[data-studio-production-v37] .sp37-member-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 12px !important;
}

html[data-studio-production-v37] .sp37-member-grid > section {
  min-width: 0 !important;
  overflow: hidden !important;
  border: 1px solid #dce5ef !important;
  border-radius: 16px !important;
  background: #fff !important;
}

html[data-studio-production-v37] .sp37-member-grid header {
  position: static !important;
  padding: 17px 18px 12px !important;
  border-bottom: 1px solid #e6ebf1 !important;
}

html[data-studio-production-v37] .sp37-member-list,
html[data-studio-production-v37] .sp37-invite-list {
  display: grid !important;
  padding: 4px 14px 12px !important;
}

html[data-studio-production-v37] .sp37-member-list article,
html[data-studio-production-v37] .sp37-invite-list article {
  min-width: 0 !important;
  display: grid !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 4px !important;
  border-bottom: 1px solid #edf0f4 !important;
}

html[data-studio-production-v37] .sp37-member-list article {
  grid-template-columns: 40px minmax(0, 1fr) auto !important;
}

html[data-studio-production-v37] .sp37-member-list article > span {
  width: 38px !important;
  height: 38px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 11px !important;
  background: #edf4ff !important;
  color: #2d6edf !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}

html[data-studio-production-v37] .sp37-member-list article > div,
html[data-studio-production-v37] .sp37-invite-list article > div {
  min-width: 0 !important;
}

html[data-studio-production-v37] .sp37-member-list b,
html[data-studio-production-v37] .sp37-member-list small,
html[data-studio-production-v37] .sp37-invite-list b,
html[data-studio-production-v37] .sp37-invite-list small {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html[data-studio-production-v37] .sp37-member-list b,
html[data-studio-production-v37] .sp37-invite-list b { font-size: 11px !important; }
html[data-studio-production-v37] .sp37-member-list small,
html[data-studio-production-v37] .sp37-invite-list small { margin-top: 4px !important; color: #8290a2 !important; font-size: 9px !important; }
html[data-studio-production-v37] .sp37-member-list i { border-radius: 999px !important; padding: 6px 9px !important; background: #eef3f8 !important; color: #607188 !important; font-size: 9px !important; font-style: normal !important; }

html[data-studio-production-v37] .sp37-invite-list article {
  grid-template-columns: minmax(0, 1fr) auto !important;
}

html[data-studio-production-v37] .sp37-invite-list button {
  min-height: 36px !important;
  border: 1px solid #e5cbd0 !important;
  border-radius: 9px !important;
  padding: 0 10px !important;
  background: #fff5f6 !important;
  color: #a34855 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
}

html[data-studio-production-v37] .sp37-member-readiness {
  margin: 0 !important;
  padding: 14px 16px !important;
  border: 1px solid #e0e6ed !important;
  border-radius: 13px !important;
  background: #f8fafc !important;
  color: #64748a !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
}

/* --------------------------------------------------------------------------
   Active workspace card.
   -------------------------------------------------------------------------- */
html[data-studio-production-v37] .sp37-active-site {
  position: relative !important;
  inset: auto !important;
  z-index: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) minmax(300px, .85fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
  margin: 0 0 18px !important;
  padding: 18px 20px !important;
  border: 1px solid #cfe0fa !important;
  border-radius: 17px !important;
  background: linear-gradient(135deg, #f4f8ff, #fff) !important;
  transform: none !important;
  overflow: hidden !important;
}

html[data-studio-production-v37] .sp37-active-site small {
  color: #2d6edf !important;
  font: 900 9px/1.3 "DM Sans", sans-serif !important;
  letter-spacing: .14em !important;
}

html[data-studio-production-v37] .sp37-active-site h2 {
  margin: 6px 0 4px !important;
  font: 600 24px/1.1 "Playfair Display", serif !important;
  overflow-wrap: anywhere !important;
}

html[data-studio-production-v37] .sp37-active-site p {
  margin: 0 !important;
  color: #6c7d93 !important;
  font-size: 11px !important;
  overflow-wrap: anywhere !important;
}

html[data-studio-production-v37] .sp37-active-site dl {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 0 !important;
}

html[data-studio-production-v37] .sp37-active-site dl > div {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}

html[data-studio-production-v37] .sp37-active-site dt {
  color: #8491a2 !important;
  font-size: 8px !important;
  text-transform: uppercase !important;
}

html[data-studio-production-v37] .sp37-active-site dd {
  min-width: 0 !important;
  margin: 0 !important;
  color: #334960 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html[data-studio-production-v37] .sp37-active-site > button {
  min-height: 44px !important;
  border: 0 !important;
  border-radius: 11px !important;
  padding: 0 15px !important;
  background: #2d6edf !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

/* --------------------------------------------------------------------------
   Custom domains and two primary DNS records.
   -------------------------------------------------------------------------- */
html[data-studio-production-v37] .sp37-domain-view > .dm-root,
html[data-studio-production-v37] .sp37-domain-view .dm-root {
  display: none !important;
}

html[data-studio-production-v37] .sp37-domain-host,
html[data-studio-production-v37] .sp37-domain-panel,
html[data-studio-production-v37] .sp37-domain-readiness,
html[data-studio-production-v37] .sp37-domain-panel > * {
  min-width: 0 !important;
  max-width: 100% !important;
}

html[data-studio-production-v37] .sp37-domain-host {
  display: block !important;
  width: 100% !important;
  margin-top: 14px !important;
}

html[data-studio-production-v37] .sp37-domain-panel,
html[data-studio-production-v37] .sp37-domain-readiness {
  border: 1px solid #dce5ef !important;
  border-radius: 17px !important;
  padding: 20px !important;
  background: #fff !important;
}

html[data-studio-production-v37] .sp37-domain-panel > header {
  position: static !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 16px !important;
  margin: 0 0 16px !important;
}

html[data-studio-production-v37] .sp37-domain-panel header small,
html[data-studio-production-v37] .sp37-domain-readiness small {
  color: #2d6edf !important;
  font: 900 9px/1.3 "DM Sans", sans-serif !important;
  letter-spacing: .13em !important;
}

html[data-studio-production-v37] .sp37-domain-panel header h2,
html[data-studio-production-v37] .sp37-domain-readiness h2 {
  margin: 6px 0 6px !important;
  font: 600 25px/1.12 "Playfair Display", serif !important;
  overflow-wrap: anywhere !important;
}

html[data-studio-production-v37] .sp37-domain-panel header p,
html[data-studio-production-v37] .sp37-domain-readiness p {
  margin: 0 !important;
  color: #718097 !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

html[data-studio-production-v37] .sp37-domain-panel header > i {
  border-radius: 999px !important;
  padding: 7px 10px !important;
  background: #e9f7ef !important;
  color: #237550 !important;
  font-size: 9px !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

html[data-studio-production-v37] .sp37-domain-panel > form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 10px !important;
  margin: 0 0 12px !important;
}

html[data-studio-production-v37] .sp37-domain-panel > form label {
  display: grid !important;
  gap: 6px !important;
  color: #53657b !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}

html[data-studio-production-v37] .sp37-domain-panel input,
html[data-studio-production-v37] .sp37-domain-panel form button {
  min-width: 0 !important;
  min-height: 45px !important;
  border: 1px solid #d7e1ec !important;
  border-radius: 10px !important;
  padding: 0 12px !important;
  background: #fff !important;
  color: #33485f !important;
  font-size: 11px !important;
}

html[data-studio-production-v37] .sp37-domain-panel form button {
  border-color: #2d6edf !important;
  background: #2d6edf !important;
  color: #fff !important;
  font-weight: 900 !important;
}

html[data-studio-production-v37] .sp37-cname {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px !important;
  border-radius: 11px !important;
  background: #f3f7fc !important;
  font-size: 10px !important;
}

html[data-studio-production-v37] .sp37-cname code,
html[data-studio-production-v37] .sp37-dns-list code {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 9px !important;
}

html[data-studio-production-v37] .sp37-cname button,
html[data-studio-production-v37] .sp37-dns-list button,
html[data-studio-production-v37] .sp37-domain-item footer button,
html[data-studio-production-v37] .sp37-domain-item footer a {
  min-height: 36px !important;
  border: 1px solid #d6e0eb !important;
  border-radius: 9px !important;
  padding: 0 10px !important;
  background: #fff !important;
  color: #50627a !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

html[data-studio-production-v37] .sp37-domain-list {
  display: grid !important;
  gap: 12px !important;
  margin-top: 14px !important;
}

html[data-studio-production-v37] .sp37-domain-item {
  min-width: 0 !important;
  overflow: hidden !important;
  border: 1px solid #dce5ef !important;
  border-radius: 14px !important;
  padding: 16px !important;
  background: #fff !important;
}

html[data-studio-production-v37] .sp37-domain-item > header {
  position: static !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 10px !important;
  margin-bottom: 13px !important;
}

html[data-studio-production-v37] .sp37-domain-item header h3 {
  margin: 5px 0 0 !important;
  font: 600 21px/1.12 "Playfair Display", serif !important;
  overflow-wrap: anywhere !important;
}

html[data-studio-production-v37] .sp37-domain-item header > i {
  border-radius: 999px !important;
  padding: 6px 9px !important;
  background: #fff5df !important;
  color: #916714 !important;
  font-size: 9px !important;
  font-style: normal !important;
  font-weight: 900 !important;
}
html[data-studio-production-v37] .sp37-domain-item header > i.active { background: #e9f7ef !important; color: #237550 !important; }

html[data-studio-production-v37] .sp37-dns-list {
  display: grid !important;
  gap: 8px !important;
}

html[data-studio-production-v37] .sp37-dns-list > div {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(200px, .9fr) 70px minmax(150px, .75fr) minmax(220px, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px !important;
  border: 1px solid #e3e8ef !important;
  border-radius: 10px !important;
  background: #fafcff !important;
}

html[data-studio-production-v37] .sp37-dns-list span b,
html[data-studio-production-v37] .sp37-dns-list span small {
  display: block !important;
}
html[data-studio-production-v37] .sp37-dns-list span b { font-size: 10px !important; }
html[data-studio-production-v37] .sp37-dns-list span small { margin-top: 3px !important; color: #7c899a !important; font-size: 8px !important; line-height: 1.35 !important; }

html[data-studio-production-v37] .sp37-domain-item footer {
  position: static !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin-top: 12px !important;
}

html[data-studio-production-v37] .sp37-domain-readiness {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(230px, .5fr) !important;
  gap: 18px !important;
}

html[data-studio-production-v37] .sp37-domain-readiness ul {
  margin: 0 !important;
  padding: 14px 14px 14px 30px !important;
  border-radius: 12px !important;
  background: #f4f7fb !important;
  color: #5f7086 !important;
  font: 500 10px/1.65 ui-monospace, monospace !important;
  overflow-wrap: anywhere !important;
}

html[data-studio-production-v37] .sp37-empty-domain,
html[data-studio-production-v37] .sp37-empty-copy,
html[data-studio-production-v37] .sp37-loading,
html[data-studio-production-v37] .sp37-error {
  min-width: 0 !important;
  border-radius: 13px !important;
  padding: 18px !important;
  background: #f7f9fc !important;
  color: #6a7a90 !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
}

html[data-studio-production-v37] .sp37-error {
  border: 1px solid #f0cfd5 !important;
  background: #fff7f8 !important;
  color: #8e3d4b !important;
}

html[data-studio-production-v37] .sp37-error b,
html[data-studio-production-v37] .sp37-error p { display: block !important; margin: 0 0 7px !important; }
html[data-studio-production-v37] .sp37-error button { min-height: 38px !important; border: 0 !important; border-radius: 9px !important; padding: 0 12px !important; background: #a74453 !important; color: #fff !important; font-weight: 800 !important; }

/* --------------------------------------------------------------------------
   Laptop/tablet and physical-phone rules. Browser Desktop-site is covered by
   physical-device attributes, not only CSS viewport width.
   -------------------------------------------------------------------------- */
@media (max-width: 1120px) {
  html[data-studio-production-v37] #ngeblogging-backup-settings .bc-summary,
  html[data-studio-production-v37] #ngeblogging-backup-settings .bc-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html[data-studio-production-v37] #ngeblogging-backup-settings .bc-summary article { min-height: 0 !important; }
  html[data-studio-production-v37] .sp37-chart-grid,
  html[data-studio-production-v37] .sp37-chart-grid-equal { grid-template-columns: minmax(0, 1fr) !important; }
  html[data-studio-production-v37] .sp37-invite-form { grid-template-columns: minmax(0, 1fr) minmax(180px, .55fr) minmax(150px, .4fr) !important; }
  html[data-studio-production-v37] .sp37-invite-form > div { grid-column: 1 / -1 !important; }
  html[data-studio-production-v37] .sp37-active-site { grid-template-columns: minmax(0, 1fr) auto !important; }
  html[data-studio-production-v37] .sp37-active-site dl { grid-column: 1 !important; }
}

@media (max-width: 940px) {
  html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }
  html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-active-stage { min-height: 500px !important; }
  html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-theme-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  html[data-studio-production-v37] .lb36-layer[data-sp37-layout="true"] { padding: 0 !important; }
  html[data-studio-production-v37] .lb36-layer[data-sp37-layout="true"] .lb36-dialog { width: 100% !important; height: 100dvh !important; max-height: 100dvh !important; border: 0 !important; border-radius: 0 !important; }
  html[data-studio-production-v37] .lb36-layer[data-sp37-layout="true"] .lb36-body { grid-template-columns: minmax(0, 1fr) !important; overflow-x: hidden !important; overflow-y: auto !important; }
  html[data-studio-production-v37] .lb36-layer[data-sp37-layout="true"] .lb36-canvas { grid-template-columns: minmax(0, 1fr) !important; }
  html[data-studio-production-v37] .lb36-layer[data-sp37-layout="true"] .lb36-zone,
  html[data-studio-production-v37] .lb36-layer[data-sp37-layout="true"] .lb36-zone[data-area],
  html[data-studio-production-v37] .lb36-layer[data-sp37-layout="true"] .lb36-content-row,
  html[data-studio-production-v37] .lb36-layer[data-sp37-layout="true"] .lb36-footer-row,
  html[data-studio-production-v37] .lb36-layer[data-sp37-layout="true"] .lb36-copyright { grid-column: 1 !important; }
  html[data-studio-production-v37] .lb36-layer[data-sp37-layout="true"] .lb36-content-row,
  html[data-studio-production-v37] .lb36-layer[data-sp37-layout="true"] .lb36-footer-row { grid-template-columns: minmax(0, 1fr) !important; }
  html[data-studio-production-v37] .sp37-metrics,
  html[data-studio-production-v37] .sp37-member-summary { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  html[data-studio-production-v37] .sp37-member-grid { grid-template-columns: minmax(0, 1fr) !important; }
  html[data-studio-production-v37] .sp37-invite-form { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; }
  html[data-studio-production-v37] .sp37-invite-form > div,
  html[data-studio-production-v37] .sp37-invite-form > button { grid-column: 1 / -1 !important; }
  html[data-studio-production-v37] .sp37-dns-list > div { grid-template-columns: 80px minmax(0, 1fr) auto !important; }
  html[data-studio-production-v37] .sp37-dns-list > div > span { grid-column: 1 / -1 !important; }
  html[data-studio-production-v37] .sp37-dns-list > div code:nth-of-type(2) { grid-column: 2 / 3 !important; }
  html[data-studio-production-v37] .sp37-dns-list > div code:nth-of-type(3) { grid-column: 2 / 3 !important; }
}

@media (max-width: 640px) {
  html[data-studio-production-v37] #ngeblogging-backup-settings .bc-center { padding: 17px 14px !important; border-radius: 17px !important; }
  html[data-studio-production-v37] #ngeblogging-backup-settings .bc-center > header { grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; }
  html[data-studio-production-v37] #ngeblogging-backup-settings .bc-center > header h2 { font-size: clamp(28px, 8.6vw, 38px) !important; }
  html[data-studio-production-v37] #ngeblogging-backup-settings .bc-center > header > span { justify-self: stretch !important; justify-content: center !important; }
  html[data-studio-production-v37] #ngeblogging-backup-settings .bc-summary article { grid-template-columns: 38px minmax(0, 1fr) !important; padding: 15px !important; }
  html[data-studio-production-v37] #ngeblogging-backup-settings .bc-actions button { grid-template-columns: 30px minmax(0, 1fr) !important; min-height: 82px !important; padding: 14px !important; }
  html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] { padding: 18px 12px calc(98px + env(safe-area-inset-bottom)) !important; }
  html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-hero-copy { padding: 21px 16px !important; }
  html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-hero-copy h1 { margin: 9px 0 10px !important; font-size: clamp(31px, 10vw, 42px) !important; line-height: 1.03 !important; }
  html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-active-stage { min-height: 430px !important; }
  html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-stage-toolbar { height: auto !important; min-height: 68px !important; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 8px !important; padding: 10px !important; }
  html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-device-switch { width: 100% !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-device-switch button { width: 100% !important; justify-content: center !important; padding: 0 4px !important; }
  html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-device-switch button span { display: none !important; }
  html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-frame-shell { min-height: 350px !important; padding: 7px !important; overflow: auto !important; }
  html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-frame-shell iframe { width: 100% !important; max-width: 100% !important; min-height: 350px !important; }
  html[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-theme-grid { grid-template-columns: minmax(0, 1fr) !important; }
  html[data-studio-production-v37] .sp37-analytics-toolbar { align-items: stretch !important; flex-direction: column !important; }
  html[data-studio-production-v37] .sp37-analytics-toolbar > div:last-child { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; }
  html[data-studio-production-v37] .sp37-metrics,
  html[data-studio-production-v37] .sp37-member-summary { grid-template-columns: minmax(0, 1fr) !important; }
  html[data-studio-production-v37] .sp37-donut-wrap { grid-template-columns: minmax(0, 1fr) !important; }
  html[data-studio-production-v37] .sp37-table-head { display: none !important; }
  html[data-studio-production-v37] .sp37-table-row { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; grid-template-areas: "title title title title" "views human bot unique" !important; gap: 8px !important; }
  html[data-studio-production-v37] .sp37-table-row > div { grid-area: title !important; }
  html[data-studio-production-v37] .sp37-table-row > strong { grid-area: views !important; }
  html[data-studio-production-v37] .sp37-table-row > span:nth-of-type(1) { grid-area: human !important; }
  html[data-studio-production-v37] .sp37-table-row > span:nth-of-type(2) { grid-area: bot !important; }
  html[data-studio-production-v37] .sp37-table-row > span:nth-of-type(3) { grid-area: unique !important; }
  html[data-studio-production-v37] .sp37-table-row > strong::before { content: "Kunjungan\A" !important; white-space: pre !important; color: #8290a2 !important; font-size: 8px !important; font-weight: 500 !important; }
  html[data-studio-production-v37] .sp37-table-row > span:nth-of-type(1)::before { content: "Manusia\A" !important; white-space: pre !important; color: #8290a2 !important; font-size: 8px !important; }
  html[data-studio-production-v37] .sp37-table-row > span:nth-of-type(2)::before { content: "Bot\A" !important; white-space: pre !important; color: #8290a2 !important; font-size: 8px !important; }
  html[data-studio-production-v37] .sp37-table-row > span:nth-of-type(3)::before { content: "Unik\A" !important; white-space: pre !important; color: #8290a2 !important; font-size: 8px !important; }
  html[data-studio-production-v37] .sp37-invite-form { grid-template-columns: minmax(0, 1fr) !important; }
  html[data-studio-production-v37] .sp37-invite-form > * { grid-column: 1 !important; }
  html[data-studio-production-v37] .sp37-member-list article { grid-template-columns: 40px minmax(0, 1fr) !important; }
  html[data-studio-production-v37] .sp37-member-list article > i { grid-column: 2 !important; justify-self: start !important; }
  html[data-studio-production-v37] .sp37-invite-list article { grid-template-columns: minmax(0, 1fr) !important; }
  html[data-studio-production-v37] .sp37-invite-list button { width: 100% !important; }
  html[data-studio-production-v37] .sp37-active-site { grid-template-columns: minmax(0, 1fr) !important; padding: 16px !important; }
  html[data-studio-production-v37] .sp37-active-site dl { grid-template-columns: minmax(0, 1fr) !important; }
  html[data-studio-production-v37] .sp37-active-site > button { width: 100% !important; white-space: normal !important; }
  html[data-studio-production-v37] .sp37-domain-panel,
  html[data-studio-production-v37] .sp37-domain-readiness { padding: 16px 14px !important; }
  html[data-studio-production-v37] .sp37-domain-panel > header,
  html[data-studio-production-v37] .sp37-domain-panel > form,
  html[data-studio-production-v37] .sp37-domain-readiness { grid-template-columns: minmax(0, 1fr) !important; }
  html[data-studio-production-v37] .sp37-domain-panel form button { width: 100% !important; }
  html[data-studio-production-v37] .sp37-cname { grid-template-columns: minmax(0, 1fr) auto !important; }
  html[data-studio-production-v37] .sp37-cname > span { grid-column: 1 / -1 !important; }
  html[data-studio-production-v37] .sp37-dns-list > div { grid-template-columns: minmax(0, 1fr) !important; }
  html[data-studio-production-v37] .sp37-dns-list > div > *,
  html[data-studio-production-v37] .sp37-dns-list > div code:nth-of-type(2),
  html[data-studio-production-v37] .sp37-dns-list > div code:nth-of-type(3) { grid-column: 1 !important; }
  html[data-studio-production-v37] .sp37-dns-list code { white-space: normal !important; overflow-wrap: anywhere !important; }
  html[data-studio-production-v37] .sp37-dns-list button { width: 100% !important; }
}

html.studio-v30-compact[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-hero,
html[data-physical-phone="true"][data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-hero,
html[data-physical-screen-mobile="true"][data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-hero {
  grid-template-columns: minmax(0, 1fr) !important;
}

html.studio-v30-compact[data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-theme-grid,
html[data-physical-phone="true"][data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-theme-grid,
html[data-physical-screen-mobile="true"][data-studio-production-v37] .tn-studio[data-sp37-theme="true"] .tn-theme-grid {
  grid-template-columns: minmax(0, 1fr) !important;
}

html.studio-v30-compact[data-studio-production-v37] .lb36-layer[data-sp37-layout="true"] .lb36-dialog,
html[data-physical-phone="true"][data-studio-production-v37] .lb36-layer[data-sp37-layout="true"] .lb36-dialog,
html[data-physical-screen-mobile="true"][data-studio-production-v37] .lb36-layer[data-sp37-layout="true"] .lb36-dialog {
  width: 100% !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  border: 0 !important;
  border-radius: 0 !important;
}

html.studio-v30-compact[data-studio-production-v37] .lb36-layer[data-sp37-layout="true"] .lb36-body,
html[data-physical-phone="true"][data-studio-production-v37] .lb36-layer[data-sp37-layout="true"] .lb36-body,
html[data-physical-screen-mobile="true"][data-studio-production-v37] .lb36-layer[data-sp37-layout="true"] .lb36-body {
  grid-template-columns: minmax(0, 1fr) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

html.studio-v30-compact[data-studio-production-v37] .lb36-layer[data-sp37-layout="true"] .lb36-canvas,
html[data-physical-phone="true"][data-studio-production-v37] .lb36-layer[data-sp37-layout="true"] .lb36-canvas,
html[data-physical-screen-mobile="true"][data-studio-production-v37] .lb36-layer[data-sp37-layout="true"] .lb36-canvas,
html.studio-v30-compact[data-studio-production-v37] .lb36-layer[data-sp37-layout="true"] .lb36-content-row,
html[data-physical-phone="true"][data-studio-production-v37] .lb36-layer[data-sp37-layout="true"] .lb36-content-row,
html[data-physical-screen-mobile="true"][data-studio-production-v37] .lb36-layer[data-sp37-layout="true"] .lb36-content-row,
html.studio-v30-compact[data-studio-production-v37] .lb36-layer[data-sp37-layout="true"] .lb36-footer-row,
html[data-physical-phone="true"][data-studio-production-v37] .lb36-layer[data-sp37-layout="true"] .lb36-footer-row,
html[data-physical-screen-mobile="true"][data-studio-production-v37] .lb36-layer[data-sp37-layout="true"] .lb36-footer-row {
  grid-template-columns: minmax(0, 1fr) !important;
}

html.studio-v30-compact[data-studio-production-v37] #ngeblogging-backup-settings .bc-summary,
html.studio-v30-compact[data-studio-production-v37] #ngeblogging-backup-settings .bc-actions,
html[data-physical-phone="true"][data-studio-production-v37] #ngeblogging-backup-settings .bc-summary,
html[data-physical-phone="true"][data-studio-production-v37] #ngeblogging-backup-settings .bc-actions,
html[data-physical-screen-mobile="true"][data-studio-production-v37] #ngeblogging-backup-settings .bc-summary,
html[data-physical-screen-mobile="true"][data-studio-production-v37] #ngeblogging-backup-settings .bc-actions {
  grid-template-columns: minmax(0, 1fr) !important;
}