/* MSSP illustration only; original stage controls, text and surrounding service layout remain native. */
#public-main #b-diagram-cloud-managed {
  --ms-bg:#fff;--ms-text:#183850;--ms-muted:#496278;--ms-blue:#3c79a8;--ms-line:#c7d7e5;
  --ms-device:#d8e8f5;--ms-top:#edf6fd;--ms-side:#acc6dc;--ms-face:#fafdff;
  --ms-shadow:#234e741c;--ms-orange:#a95119;
  --ms-pill-bg:#fff;--ms-pill-line:#bdd3ec;--ms-pill-active:#edf6fd;
  color:var(--ms-text);font-size:14px;line-height:1.65;font-weight:400;
}
html[data-theme="dark"] #public-main #b-diagram-cloud-managed {
  --ms-bg:#070b12;--ms-text:#e4effb;--ms-muted:#aec2d6;--ms-blue:#8dbbe3;--ms-line:#34516a;
  --ms-device:#24435c;--ms-top:#3a5f7b;--ms-side:#1a344d;--ms-face:#173247;
  --ms-shadow:#0004;--ms-orange:#ffbb88;
  --ms-pill-bg:#102337;--ms-pill-line:#345676;--ms-pill-active:#1c3855;
}
#public-main #b-diagram-cloud-managed * {box-sizing:border-box;min-width:0;}
#public-main #b-diagram-cloud-managed .ms-responsive :where(h4,p) {margin:0;font-weight:400;word-break:keep-all;}
#public-main #b-diagram-cloud-managed .ms-responsive {width:100%;margin-inline:auto;container:cloud-managed / inline-size;}
#public-main #b-diagram-cloud-managed .ms-map {position:relative;display:grid;grid-template-columns:156px minmax(180px,1fr) 144px;gap:40px;align-items:center;max-width:760px;margin:30px auto 0;padding:0 0 47px;--ms-mobile:0;}
#public-main #b-diagram-cloud-managed .ms-wires {position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1;}
#public-main #b-diagram-cloud-managed .ms-wire {fill:none;stroke:var(--ms-blue);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;}
#public-main #b-diagram-cloud-managed .ms-wire--action {stroke:var(--ms-orange);}
#public-main #b-diagram-cloud-managed .ms-wire--feedback {stroke-dasharray:3 4;}
#public-main #b-diagram-cloud-managed .ms-feedback-label {position:absolute;transform:translate(-50%,-50%);z-index:3;font-size:11px;line-height:1.5;white-space:nowrap;color:var(--ms-muted);}
#public-main #b-diagram-cloud-managed .ms-targets {position:relative;z-index:2;text-align:center;}
#public-main #b-diagram-cloud-managed .ms-targets > h4 {font-size:13px;line-height:1.6;font-weight:500;}
#public-main #b-diagram-cloud-managed .ms-target-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:17px;}
#public-main #b-diagram-cloud-managed .ms-target {text-align:center;}
#public-main #b-diagram-cloud-managed .ms-target-art {display:flex;align-items:center;justify-content:center;height:37px;color:var(--ms-blue);}
#public-main #b-diagram-cloud-managed .ms-target-art > svg {width:29px !important;height:29px !important;stroke-width:1.2;}
#public-main #b-diagram-cloud-managed .ms-target h4 {font-size:11px;line-height:1.6;margin-top:4px;}
#public-main #b-diagram-cloud-managed .ms-target h4 > span {display:block;}
#public-main #b-diagram-cloud-managed .ms-account {display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;line-height:1.7;color:var(--ms-muted);margin-top:14px;}
#public-main #b-diagram-cloud-managed .ms-account > svg {width:14px !important;height:14px !important;stroke:var(--ms-blue);stroke-width:1.2;}
#public-main #b-diagram-cloud-managed .ms-log-source {position:relative;display:flex;align-items:center;justify-content:center;gap:7px;width:132px;max-width:100%;height:40px;margin:17px auto 0;border:1px solid var(--ms-blue);border-radius:3px;background:linear-gradient(130deg,var(--ms-face),var(--ms-top));box-shadow:0 4px 8px var(--ms-shadow);font-size:11px;line-height:1.5;}
#public-main #b-diagram-cloud-managed .ms-log-source > svg {width:20px !important;height:20px !important;stroke:var(--ms-blue);stroke-width:1.2;}
#public-main #b-diagram-cloud-managed .ms-center {position:relative;z-index:2;}
#public-main #b-diagram-cloud-managed .ms-depth::before {content:'';position:absolute;top:-6px;left:-1px;width:calc(100% + 7px);height:6px;clip-path:polygon(0 100%,12% 0,100% 0,88% 100%);background:linear-gradient(160deg,var(--ms-top),var(--ms-side));}
#public-main #b-diagram-cloud-managed .ms-depth::after {content:'';position:absolute;left:calc(100% - 1px);top:-6px;width:7px;height:calc(100% + 6px);clip-path:polygon(0 6px,100% 0,100% calc(100% - 6px),0 100%);background:var(--ms-side);}
#public-main #b-diagram-cloud-managed .ms-console {position:relative;width:208px;max-width:calc(100% - 7px);height:167px;margin-inline:auto;transform:translateX(-3px);border:1px solid var(--ms-blue);border-radius:3px;background:linear-gradient(135deg,var(--ms-face),var(--ms-top));box-shadow:0 7px 11px var(--ms-shadow);padding:21px 14px 13px;}
#public-main #b-diagram-cloud-managed .ms-console-bar {position:absolute;top:10px;left:0;right:0;border-top:1px solid var(--ms-line);}
#public-main #b-diagram-cloud-managed .ms-console-bar::before {content:'';position:absolute;left:7px;top:-7px;width:3px;height:3px;border-radius:50%;background:var(--ms-orange);box-shadow:7px 0 0 var(--ms-blue),14px 0 0 var(--ms-line);}
#public-main #b-diagram-cloud-managed .ms-console h4 {display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;line-height:1.6;font-weight:500;}
#public-main #b-diagram-cloud-managed .ms-console h4 > svg {width:21px !important;height:21px !important;stroke:var(--ms-blue);stroke-width:1.2;flex-shrink:0;}
#public-main #b-diagram-cloud-managed .ms-analysis-rows {display:grid;gap:7px;margin-top:15px;}
#public-main #b-diagram-cloud-managed .ms-analysis-rows > span {display:flex;align-items:center;gap:9px;padding:4px 6px;border-bottom:1px solid var(--ms-line);font-size:11px;line-height:1.5;color:var(--ms-muted);}
#public-main #b-diagram-cloud-managed .ms-analysis-rows i {display:block;width:5px;height:5px;background:var(--ms-blue);border-radius:1px;flex-shrink:0;}
#public-main #b-diagram-cloud-managed .ms-results {position:relative;z-index:2;display:grid;gap:30px;padding-inline:8px;}
#public-main #b-diagram-cloud-managed .ms-result {text-align:center;}
#public-main #b-diagram-cloud-managed .ms-result h4 {font-size:12px;line-height:1.6;font-weight:500;margin-top:10px;}
#public-main #b-diagram-cloud-managed .ms-result p {font-size:11px;line-height:1.7;color:var(--ms-muted);margin-top:4px;}
#public-main #b-diagram-cloud-managed .ms-notify {position:relative;width:60px;height:50px;margin-inline:auto;display:flex;align-items:center;justify-content:center;border:1px solid var(--ms-blue);border-radius:4px;background:linear-gradient(145deg,var(--ms-face),var(--ms-top));box-shadow:0 5px 9px var(--ms-shadow);}
#public-main #b-diagram-cloud-managed .ms-notify > svg {width:27px !important;height:27px !important;stroke:var(--ms-blue);stroke-width:1.2;}
#public-main #b-diagram-cloud-managed .ms-scope {max-width:128px;margin-inline:auto;}
#public-main #b-diagram-cloud-managed .ms-report {position:relative;width:56px;height:65px;margin-inline:auto;border:1px solid var(--ms-blue);border-radius:2px;background:linear-gradient(120deg,var(--ms-face),var(--ms-top));box-shadow:0 5px 9px var(--ms-shadow);padding:11px 8px;}
#public-main #b-diagram-cloud-managed .ms-report::after {content:'';position:absolute;right:-1px;top:-1px;width:12px;height:12px;clip-path:polygon(0 0,100% 100%,0 100%);background:var(--ms-device);border-left:1px solid var(--ms-blue);border-bottom:1px solid var(--ms-blue);}
#public-main #b-diagram-cloud-managed .ms-report-bars {display:flex;align-items:end;justify-content:center;gap:4px;height:25px;border-bottom:1px solid var(--ms-line);padding-bottom:3px;}
#public-main #b-diagram-cloud-managed .ms-report-bars i {display:block;width:5px;height:11px;background:var(--ms-blue);opacity:.65;}
#public-main #b-diagram-cloud-managed .ms-report-bars i:nth-child(2) {height:19px;}
#public-main #b-diagram-cloud-managed .ms-report-bars i:nth-child(3) {height:15px;}
#public-main #b-diagram-cloud-managed .ms-report-line {display:block;width:29px;border-top:1px solid var(--ms-blue);margin-top:7px;}
#public-main #b-diagram-cloud-managed .ms-report-line + .ms-report-line {width:19px;margin-top:4px;}
#public-main #b-diagram-cloud-managed .ms-legend {display:flex;align-items:center;justify-content:center;gap:8px 19px;flex-wrap:wrap;margin:20px auto 0;font-size:11px;line-height:1.7;color:var(--ms-muted);}
#public-main #b-diagram-cloud-managed .ms-legend > span {display:flex;align-items:center;gap:6px;}
#public-main #b-diagram-cloud-managed .ms-swatch {display:block;width:22px;border-top:1.5px solid var(--ms-blue);}
#public-main #b-diagram-cloud-managed .ms-swatch--action {border-top-color:var(--ms-orange);}
#public-main #b-diagram-cloud-managed .ms-swatch--feedback {border-top-style:dashed;}
#public-main #b-diagram-cloud-managed .ms-step-nav {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:760px;margin:24px auto 0;}
#public-main #b-diagram-cloud-managed .ms-step-nav button {display:flex;align-items:center;justify-content:center;gap:7px;max-width:100%;min-height:44px;padding:9px 11px;border:1px solid var(--ms-pill-line);border-radius:999px;background:var(--ms-pill-bg);color:var(--ms-text);font-family:inherit;font-size:12px;line-height:1.6;font-weight:500;white-space:nowrap;}
#public-main #b-diagram-cloud-managed .ms-step-nav button::before {content:'';display:block;width:5px;height:5px;flex-shrink:0;border-radius:50%;background:var(--ms-orange);box-shadow:0 0 0 4px color-mix(in srgb,var(--ms-orange) 8%,transparent);}
#public-main #b-diagram-cloud-managed .ms-step-nav button .cv-orbit-number {font-size:11px;line-height:1.5;color:var(--ms-muted);font-weight:400;}
#public-main #b-diagram-cloud-managed .ms-step-nav button[aria-pressed="true"] {border-color:var(--ms-blue);background:var(--ms-pill-active);}
#public-main #b-diagram-cloud-managed .ms-step-nav button:hover {border-color:var(--ms-blue);}
#public-main #b-diagram-cloud-managed .cv-scene-detail {max-width:760px;min-height:68px;margin:15px auto 0;font-size:12px;line-height:1.85;color:var(--ms-muted);text-align:center;}
#public-main #b-diagram-cloud-managed .cv-scene-detail[hidden] {display:none;}
#public-main #b-diagram-cloud-managed[data-active="collect"] .ms-wire--log {stroke-width:2.2;}
#public-main #b-diagram-cloud-managed[data-active="detect"] .ms-console {border-color:var(--ms-orange);}
#public-main #b-diagram-cloud-managed[data-active="respond"] .ms-wire--notify {stroke-width:2.2;}
#public-main #b-diagram-cloud-managed[data-active="improve"] :is(.ms-wire--report,.ms-wire--feedback) {stroke-width:2.2;}
@container cloud-managed (max-width:620px) {
  #public-main #b-diagram-cloud-managed .ms-map {grid-template-columns:minmax(0,1fr);gap:44px;max-width:380px;padding:0 16px 50px;margin-top:26px;--ms-mobile:1;}
  #public-main #b-diagram-cloud-managed .ms-targets {max-width:300px;width:100%;margin-inline:auto;}
  #public-main #b-diagram-cloud-managed .ms-target-grid {gap:10px;margin-top:14px;}
  #public-main #b-diagram-cloud-managed .ms-target-art {height:33px;}
  #public-main #b-diagram-cloud-managed .ms-target h4 > span {display:inline;}
  #public-main #b-diagram-cloud-managed .ms-target h4 > .ms-split::before {content:'· ';}
  #public-main #b-diagram-cloud-managed .ms-account {margin-top:10px;}
  #public-main #b-diagram-cloud-managed .ms-log-source {margin-top:13px;}
  #public-main #b-diagram-cloud-managed .ms-console {width:208px;height:160px;padding-top:20px;}
  #public-main #b-diagram-cloud-managed .ms-analysis-rows {gap:6px;margin-top:13px;}
  #public-main #b-diagram-cloud-managed .ms-results {grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding-inline:0;align-items:start;}
  #public-main #b-diagram-cloud-managed .ms-result h4 {font-size:11px;}
  #public-main #b-diagram-cloud-managed .ms-notify {margin-top:7px;}
  #public-main #b-diagram-cloud-managed .ms-scope {max-width:140px;}
  #public-main #b-diagram-cloud-managed .ms-legend {gap:8px 13px;margin-top:18px;}
  #public-main #b-diagram-cloud-managed .ms-step-nav {grid-template-columns:repeat(2,minmax(0,1fr));max-width:380px;margin-top:21px;gap:9px;}
  #public-main #b-diagram-cloud-managed .cv-scene-detail {max-width:380px;text-align:left;min-height:90px;}
}
@container cloud-managed (max-width:300px) {
  #public-main #b-diagram-cloud-managed .ms-step-nav button {padding-inline:8px;font-size:11px;gap:6px;}
  #public-main #b-diagram-cloud-managed .ms-target-grid {gap:5px;}
  #public-main #b-diagram-cloud-managed .ms-target h4 > span {display:block;}
  #public-main #b-diagram-cloud-managed .ms-target h4 > .ms-split::before {content:none;}
  #public-main #b-diagram-cloud-managed .ms-console {max-width:calc(100% - 8px);}
  #public-main #b-diagram-cloud-managed .ms-results {gap:16px;}
}
#public-main #b-diagram-cloud-managed .ms-step-nav button {position:static;transform:none;width:100%;height:auto;}
#public-main #b-diagram-cloud-managed .ms-step-nav button .cv-orbit-symbol {display:none;}
#public-main #b-diagram-cloud-managed .ms-step-nav button .cv-orbit-number {position:static;inset:auto;display:inline;width:auto;height:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none;}
#public-main #b-diagram-cloud-managed .ms-step-nav button b {position:static;inset:auto;transform:none;font:inherit;color:inherit;background:none;padding:0;border-radius:0;box-shadow:none;}
#public-main #b-diagram-cloud-managed .cv-scene-panels {margin:0;max-width:none;min-height:0;}
#public-main #b-diagram-cloud-managed .cv-scene-detail {width:100%;}