/* Ngeblogging Studio operations v41 — analytics, members, site identity, and domains. */
html[data-studio-operations-v41] .sn-main,
html[data-studio-operations-v41] .sn-main > *,
html[data-studio-operations-v41] .sn-view-pad,
html[data-studio-operations-v41] .op41-host,
html[data-studio-operations-v41] .op41-panel,
html[data-studio-operations-v41] .op41-panel * {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
}

html[data-studio-operations-v41] .sn-main { overflow-x: clip !important; }
html[data-studio-operations-v41] .sn-view-pad { width: 100% !important; overflow-x: clip !important; }

html[data-studio-operations-v41] .op41-active-site {
  width: 100%;
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(260px, .85fr) auto !important;
  align-items: center;
  gap: 18px;
  padding: 22px;
  border: 1px solid #dfe7f0;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 12px 36px rgba(22, 46, 77, .06);
}

html[data-studio-operations-v41] .op41-active-site small,
html[data-studio-operations-v41] .op41-kicker {
  color: #2d6edf;
  font: 900 10px/1.3 "DM Sans", sans-serif;
  letter-spacing: .14em;
}

html[data-studio-operations-v41] .op41-active-site h2,
html[data-studio-operations-v41] .op41-panel h2,
html[data-studio-operations-v41] .op41-panel h3 {
  margin: 5px 0 0;
  color: #17283f;
  overflow-wrap: anywhere;
}

html[data-studio-operations-v41] .op41-active-site p,
html[data-studio-operations-v41] .op41-panel p {
  margin: 6px 0 0;
  color: #748398;
  overflow-wrap: anywhere;
}

html[data-studio-operations-v41] .op41-active-site dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

html[data-studio-operations-v41] .op41-active-site dl > div {
  padding: 10px;
  border-radius: 12px;
  background: #f5f8fc;
}

html[data-studio-operations-v41] .op41-active-site dt { color: #8190a2; font-size: 10px; }
html[data-studio-operations-v41] .op41-active-site dd { margin: 3px 0 0; color: #2b405c; font-weight: 800; overflow-wrap: anywhere; }

html[data-studio-operations-v41] .op41-site-actions,
html[data-studio-operations-v41] .sp39-site-actions {
  display: grid !important;
  gap: 8px !important;
}

html[data-studio-operations-v41] .op41-site-actions button,
html[data-studio-operations-v41] .sp39-site-actions button,
html[data-studio-operations-v41] .op41-button {
  min-height: 42px;
  border: 1px solid #d7e1ec;
  border-radius: 11px;
  padding: 0 14px;
  background: #fff;
  color: #405773;
  font-weight: 800;
  cursor: pointer;
}

html[data-studio-operations-v41] .op41-site-actions .primary,
html[data-studio-operations-v41] .sp39-site-actions .primary,
html[data-studio-operations-v41] .op41-button.primary {
  border-color: #2d6edf;
  background: #2d6edf;
  color: #fff;
}

html[data-studio-operations-v41] .op41-host { width: 100%; }
html[data-studio-operations-v41] .op41-panel {
  width: 100%;
  display: grid;
  gap: 16px;
}

html[data-studio-operations-v41] .op41-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border: 1px solid #dfe7ef;
  border-radius: 17px;
  background: #fff;
}

html[data-studio-operations-v41] .op41-toolbar-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

html[data-studio-operations-v41] .op41-toolbar select,
html[data-studio-operations-v41] .op41-toolbar button,
html[data-studio-operations-v41] .op41-form input,
html[data-studio-operations-v41] .op41-form select,
html[data-studio-operations-v41] .op41-form button {
  min-height: 42px;
  border: 1px solid #d6e0eb;
  border-radius: 11px;
  padding: 0 12px;
  background: #fff;
  color: #354b67;
}

html[data-studio-operations-v41] .op41-toolbar button,
html[data-studio-operations-v41] .op41-form button { font-weight: 800; cursor: pointer; }
html[data-studio-operations-v41] .op41-toolbar button.primary,
html[data-studio-operations-v41] .op41-form button { border-color: #2d6edf; background: #2d6edf; color: #fff; }
html[data-studio-operations-v41] button:disabled { opacity: .58; cursor: wait; }

html[data-studio-operations-v41] .op41-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

html[data-studio-operations-v41] .op41-metrics article,
html[data-studio-operations-v41] .op41-card {
  min-width: 0;
  padding: 17px;
  border: 1px solid #dfe7ef;
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 9px 28px rgba(22, 46, 77, .045);
}

html[data-studio-operations-v41] .op41-metrics small { color: #7b8a9d; }
html[data-studio-operations-v41] .op41-metrics b { display: block; margin-top: 7px; color: #17283f; font-size: clamp(24px, 4vw, 38px); }
html[data-studio-operations-v41] .op41-metrics span { display: block; margin-top: 5px; color: #718198; font-size: 11px; }

html[data-studio-operations-v41] .op41-chart-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(280px, .75fr);
  gap: 12px;
}

html[data-studio-operations-v41] .op41-chart-grid.equal { grid-template-columns: repeat(3, minmax(0, 1fr)); }
html[data-studio-operations-v41] .op41-card header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
html[data-studio-operations-v41] .op41-card header h2 { font-size: 20px; }

html[data-studio-operations-v41] .op41-line {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

html[data-studio-operations-v41] .op41-line .grid line { stroke: #e5ebf2; stroke-width: 1; }
html[data-studio-operations-v41] .op41-line .grid text { fill: #8a98aa; font: 10px "DM Sans", sans-serif; }
html[data-studio-operations-v41] .op41-line .area { fill: rgba(45, 110, 223, .10); }
html[data-studio-operations-v41] .op41-line .line { fill: none; stroke: #2d6edf; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }

html[data-studio-operations-v41] .op41-donut-wrap { display: grid; grid-template-columns: minmax(150px, .8fr) minmax(0, 1fr); align-items: center; gap: 14px; }
html[data-studio-operations-v41] .op41-donut { aspect-ratio: 1; display: grid; place-items: center; border-radius: 50%; position: relative; }
html[data-studio-operations-v41] .op41-donut::after { content: ""; position: absolute; inset: 22%; border-radius: 50%; background: #fff; }
html[data-studio-operations-v41] .op41-donut > div { position: relative; z-index: 1; text-align: center; }
html[data-studio-operations-v41] .op41-donut b { display: block; color: #17283f; font-size: clamp(22px, 4vw, 34px); }
html[data-studio-operations-v41] .op41-donut small { color: #8391a3; }

html[data-studio-operations-v41] .op41-legend { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
html[data-studio-operations-v41] .op41-legend li { display: grid; grid-template-columns: 10px minmax(0, 1fr) auto auto; align-items: center; gap: 7px; color: #51657f; font-size: 11px; }
html[data-studio-operations-v41] .op41-legend i { width: 10px; height: 10px; border-radius: 50%; background: #2d6edf; }
html[data-studio-operations-v41] .op41-legend li:nth-child(2) i { background: #e59b35; }
html[data-studio-operations-v41] .op41-legend li:nth-child(3) i { background: #8b96a8; }
html[data-studio-operations-v41] .op41-legend li:nth-child(4) i { background: #5c4ec9; }

html[data-studio-operations-v41] .op41-bars { display: grid; gap: 11px; }
html[data-studio-operations-v41] .op41-bar { display: grid; grid-template-columns: minmax(86px, .7fr) minmax(80px, 1.3fr) auto; align-items: center; gap: 9px; color: #526780; font-size: 11px; }
html[data-studio-operations-v41] .op41-bar > div { height: 9px; border-radius: 999px; background: #edf1f6; overflow: hidden; }
html[data-studio-operations-v41] .op41-bar i { display: block; height: 100%; min-width: 2px; border-radius: inherit; background: linear-gradient(90deg, #2d6edf, #6e9bf0); }

html[data-studio-operations-v41] .op41-table-wrap { overflow-x: auto; overscroll-behavior-inline: contain; }
html[data-studio-operations-v41] .op41-table { min-width: 720px; display: grid; }
html[data-studio-operations-v41] .op41-table > div { display: grid; grid-template-columns: minmax(240px, 1.5fr) repeat(4, minmax(90px, .55fr)); align-items: center; gap: 10px; padding: 12px 4px; border-bottom: 1px solid #edf1f5; }
html[data-studio-operations-v41] .op41-table .head { color: #8190a2; font-size: 10px; font-weight: 800; text-transform: uppercase; }
html[data-studio-operations-v41] .op41-table b { color: #263b56; }
html[data-studio-operations-v41] .op41-table small { display: block; color: #8390a1; overflow-wrap: anywhere; }

html[data-studio-operations-v41] .op41-member-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
html[data-studio-operations-v41] .op41-list { display: grid; gap: 8px; }
html[data-studio-operations-v41] .op41-list article { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px; border: 1px solid #e2e8f0; border-radius: 12px; background: #fafcff; }
html[data-studio-operations-v41] .op41-list article > span { flex: 0 0 auto; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; background: #e8f1ff; color: #2d6edf; font-weight: 900; }
html[data-studio-operations-v41] .op41-list article > div { flex: 1 1 auto; min-width: 0; }
html[data-studio-operations-v41] .op41-list article b,
html[data-studio-operations-v41] .op41-list article small { display: block; overflow-wrap: anywhere; }
html[data-studio-operations-v41] .op41-list article small { margin-top: 3px; color: #8290a2; }
html[data-studio-operations-v41] .op41-role { flex: 0 0 auto; border-radius: 999px; padding: 6px 9px; background: #edf3fb; color: #506985; font-size: 10px; font-style: normal; font-weight: 800; }

html[data-studio-operations-v41] .op41-form {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(180px, .6fr) auto;
  align-items: end;
  gap: 10px;
  padding: 16px;
  border: 1px solid #dfe7ef;
  border-radius: 17px;
  background: #fff;
}

html[data-studio-operations-v41] .op41-form label { display: grid; gap: 6px; color: #435a75; font-size: 11px; font-weight: 800; }

html[data-studio-operations-v41] .op41-readiness {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
  gap: 16px;
  padding: 20px;
  border: 1px solid #eadfbd;
  border-radius: 18px;
  background: #fffdf7;
}

html[data-studio-operations-v41] .op41-readiness ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
html[data-studio-operations-v41] .op41-readiness li { padding: 9px 11px; border-radius: 10px; background: #f7f2e5; color: #8d6819; font-weight: 800; overflow-wrap: anywhere; }
html[data-studio-operations-v41] .op41-readiness li[data-ready="true"] { background: #eaf7ef; color: #24754d; }

html[data-studio-operations-v41] .op41-domain-list { display: grid; gap: 12px; }
html[data-studio-operations-v41] .op41-domain { padding: 16px; border: 1px solid #dfe7ef; border-radius: 16px; background: #fff; }
html[data-studio-operations-v41] .op41-domain header,
html[data-studio-operations-v41] .op41-domain footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
html[data-studio-operations-v41] .op41-domain footer { margin-top: 12px; justify-content: flex-end; }
html[data-studio-operations-v41] .op41-domain-status { border-radius: 999px; padding: 6px 9px; background: #fff2dc; color: #9a650e; font-size: 10px; font-style: normal; font-weight: 900; }
html[data-studio-operations-v41] .op41-domain-status.active { background: #e8f7ee; color: #24754d; }

html[data-studio-operations-v41] .op41-dns-wrap { margin-top: 12px; overflow-x: auto; }
html[data-studio-operations-v41] .op41-dns { min-width: 760px; display: grid; gap: 7px; }
html[data-studio-operations-v41] .op41-dns > div { display: grid; grid-template-columns: minmax(180px, 1fr) 70px minmax(160px, .8fr) minmax(220px, 1.2fr) auto; align-items: center; gap: 8px; padding: 10px; border-radius: 11px; background: #f7f9fc; }
html[data-studio-operations-v41] .op41-dns code { overflow-wrap: anywhere; white-space: normal; }

html[data-studio-operations-v41] .op41-state {
  width: 100%;
  padding: 22px;
  border: 1px solid #dfe7ef;
  border-radius: 17px;
  background: #fff;
  color: #5c7089;
}
html[data-studio-operations-v41] .op41-state.error { border-color: #efd7da; background: #fff8f8; color: #904452; }
html[data-studio-operations-v41] .op41-state b { display: block; margin-bottom: 6px; color: inherit; }

@media (max-width: 1050px) {
  html[data-studio-operations-v41] .op41-active-site { grid-template-columns: minmax(0, 1fr) !important; align-items: stretch; }
  html[data-studio-operations-v41] .op41-site-actions,
  html[data-studio-operations-v41] .sp39-site-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-studio-operations-v41] .op41-chart-grid,
  html[data-studio-operations-v41] .op41-chart-grid.equal,
  html[data-studio-operations-v41] .op41-member-grid { grid-template-columns: minmax(0, 1fr); }
  html[data-studio-operations-v41] .op41-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  html[data-studio-operations-v41] .sn-view-pad { padding-left: 12px !important; padding-right: 12px !important; }
  html[data-studio-operations-v41] .sn-page-title { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 10px !important; }
  html[data-studio-operations-v41] .sn-page-title h1 { font-size: clamp(34px, 12vw, 52px) !important; overflow-wrap: anywhere; }
  html[data-studio-operations-v41] .op41-active-site { padding: 16px; }
  html[data-studio-operations-v41] .op41-active-site dl { grid-template-columns: minmax(0, 1fr); }
  html[data-studio-operations-v41] .op41-site-actions,
  html[data-studio-operations-v41] .sp39-site-actions { grid-template-columns: minmax(0, 1fr); }
  html[data-studio-operations-v41] .op41-toolbar { display: grid; grid-template-columns: minmax(0, 1fr); align-items: stretch; }
  html[data-studio-operations-v41] .op41-toolbar-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); justify-content: stretch; }
  html[data-studio-operations-v41] .op41-toolbar-actions > * { width: 100%; }
  html[data-studio-operations-v41] .op41-metrics { grid-template-columns: minmax(0, 1fr); }
  html[data-studio-operations-v41] .op41-donut-wrap { grid-template-columns: minmax(0, 1fr); }
  html[data-studio-operations-v41] .op41-donut { width: min(220px, 76%); margin-inline: auto; }
  html[data-studio-operations-v41] .op41-form { grid-template-columns: minmax(0, 1fr); align-items: stretch; }
  html[data-studio-operations-v41] .op41-readiness { grid-template-columns: minmax(0, 1fr); }
  html[data-studio-operations-v41] .op41-bar { grid-template-columns: minmax(74px, .7fr) minmax(60px, 1.3fr) auto; }
}