/* NEXIP-AERO-DETAIL-V4 */

.nx-out-detail-page{
  --detail-blue:#087bfa;
  --detail-ink:#142b4e;
  --detail-muted:#647a96;
  --detail-border:#e1eaf6;
  color:var(--detail-ink);
  background:#f6f9fd;
}

.nx-out-detail-page .aero-container{
  max-width:1380px;
  margin-inline:auto;
}

.nx-out-detail-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:40px 0 46px!important;
  background:linear-gradient(112deg,#fff 0%,#f5faff 55%,#e8f3ff 100%)!important;
  border-bottom:1px solid #dceafa;
}

.nx-out-detail-hero:before{
  content:"";
  position:absolute;
  right:-135px;
  top:-235px;
  width:660px;
  height:660px;
  border-radius:50%;
  opacity:.75;
  background:
    repeating-radial-gradient(circle,transparent 0 65px,rgba(32,134,255,.11) 66px 67px,transparent 68px 125px),
    radial-gradient(circle at 34% 43%,rgba(61,153,255,.18),transparent 65%);
  pointer-events:none;
  z-index:-1;
}

.nx-out-detail-hero .aero-container{
  position:relative;
  z-index:1;
}

.nx-out-detail-page .nx-out-back{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-bottom:20px;
  font-size:13px;
  font-weight:700;
  color:#2472d2;
  text-decoration:none;
}

.nx-out-detail-page .nx-out-title-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:18px!important;
  margin-bottom:14px;
}

.nx-out-detail-page .nx-out-logo--large{
  width:78px!important;
  height:78px!important;
  min-width:78px;
  padding:12px!important;
  background:#fff;
  border:1px solid #e2eaf5;
  border-radius:21px!important;
  object-fit:contain;
  box-shadow:0 12px 29px rgba(23,99,192,.09);
}

.nx-out-detail-page .nx-out-title-row h1,
.nx-out-detail-hero h1{
  color:#10284c!important;
  font-size:clamp(32px,4.2vw,55px)!important;
  font-weight:850!important;
  letter-spacing:-.045em;
  line-height:1.12;
  text-wrap:balance;
}

.nx-out-detail-page .nx-out-description{
  max-width:840px;
  color:#5d7391;
  font-size:15px;
  line-height:1.75;
}

.nx-out-detail-page .nx-out-status{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  border-radius:999px!important;
  padding:8px 14px!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.35;
}

.nx-out-detail-page .nx-out-detail-hero-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:11px;
  margin-top:23px;
}

.nx-out-detail-page .aero-button,
.nx-out-detail-page .nx-out-report-submit{
  border-radius:12px!important;
  min-height:43px;
  font-weight:750;
  transition:transform .18s ease,box-shadow .18s ease;
}

.nx-out-detail-page .aero-button:hover,
.nx-out-detail-page .nx-out-report-submit:hover{
  transform:translateY(-2px);
}

.nx-out-detail-page .nx-out-detail-summary-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:15px;
  margin-top:22px;
}

.nx-out-detail-page .nx-out-detail-livebar,
.nx-out-detail-page .nx-out-detail-history-progress{
  min-width:0;
  padding:17px 20px;
  border:1px solid #dfebfa;
  border-radius:17px;
  background:rgba(255,255,255,.93);
  box-shadow:0 8px 25px rgba(21,96,184,.055);
}

.nx-out-detail-page .nx-out-detail-livebar-head{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:8px;
}

.nx-out-detail-page .nx-out-metrics{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:15px!important;
  margin:23px 0 27px!important;
}

.nx-out-detail-page .nx-out-metric{
  min-width:0;
  padding:22px!important;
  border:1px solid #dfeaf8!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 25px rgba(30,90,164,.055)!important;
}

.nx-out-detail-page .nx-out-metric strong{
  color:#152d51;
  font-size:clamp(22px,2.25vw,34px);
  font-weight:850;
  line-height:1.2;
  letter-spacing:-.035em;
}

.nx-out-detail-page .nx-out-metric span,
.nx-out-detail-page .nx-out-metric small{
  color:#6b809a;
  line-height:1.55;
}

.nx-out-detail-page .aero-public-content{
  background:#f6f9fd;
  padding-top:32px;
  padding-bottom:50px;
}

.nx-out-detail-page .nx-out-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:18px;
}

.nx-out-detail-page .nx-out-section-head h2{
  margin:0;
  color:#142b4e;
  font-size:clamp(20px,2vw,27px);
  font-weight:820;
  letter-spacing:-.03em;
}

.nx-out-detail-page .nx-out-monitor-panel,
.nx-out-detail-page .nx-out-latency-chart,
.nx-out-detail-page .nx-out-history,
.nx-out-detail-page .nx-out-regions,
.nx-out-detail-page .nx-out-components,
.nx-out-detail-page .nx-out-incident-history,
.nx-out-detail-page .nx-out-report{
  min-width:0;
  border:1px solid #dfe9f6!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 9px 28px rgba(32,91,161,.055)!important;
  margin-bottom:22px;
  padding:23px!important;
}

.nx-out-detail-page .nx-out-latency-plot{
  position:relative;
  min-height:220px;
  background:linear-gradient(180deg,#f5faff,#fff);
  border:1px solid #eaf1fb;
  border-radius:14px;
  overflow:hidden;
}

.nx-out-detail-page .nx-out-latency-chart-head{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
}

.nx-out-detail-page .nx-out-latency-axis{
  color:#7486a1;
  font-size:11px;
}

.nx-out-detail-page .nx-out-detail-live-grid,
.nx-out-detail-page .nx-out-problem-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:15px;
}

.nx-out-detail-page .nx-out-region-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:13px;
}

.nx-out-detail-page .nx-out-region-card,
.nx-out-detail-page .nx-out-problem,
.nx-out-detail-page .nx-out-card{
  min-width:0;
  padding:16px;
  border:1px solid #e5edf8!important;
  border-radius:15px!important;
  background:#f9fbff!important;
}

.nx-out-detail-page .nx-out-region-head{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:9px;
}

.nx-out-detail-page .nx-out-probe-strip{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  padding:11px;
  border:1px solid #e7eef8;
  border-radius:13px;
  background:#f7faff;
  overflow:hidden;
}

.nx-out-detail-page .nx-out-incident-list{
  display:grid;
  gap:10px;
}

.nx-out-detail-page .nx-out-incident-row{
  border:1px solid #e5edf7;
  border-radius:13px;
  padding:14px;
  background:#fafcff;
}

.nx-out-detail-page .nx-out-report-head{
  margin-bottom:18px;
}

.nx-out-detail-page .nx-out-report-form{
  display:grid;
  gap:15px;
}

.nx-out-detail-page .nx-out-report-form input,
.nx-out-detail-page .nx-out-report-form select,
.nx-out-detail-page .nx-out-report-form textarea{
  max-width:100%;
  border:1px solid #dce7f5;
  border-radius:12px;
  background:#fff;
  padding:11px 13px;
  color:#152a4b;
}

.nx-out-detail-page .nx-out-report-form input:focus,
.nx-out-detail-page .nx-out-report-form select:focus,
.nx-out-detail-page .nx-out-report-form textarea:focus{
  border-color:#3994ff;
  outline:3px solid rgba(30,130,255,.12);
}

.nx-out-detail-page .nx-out-message{
  border-radius:12px;
  padding:13px 16px;
}

.nx-out-detail-page .nx-out-note{
  color:#71839a;
  font-size:12px;
  line-height:1.6;
}

@media(max-width:1100px){
  .nx-out-detail-page .nx-out-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .nx-out-detail-page .nx-out-region-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:680px){
  .nx-out-detail-hero{
    padding:26px 0 31px!important;
  }
  .nx-out-detail-hero:before{
    opacity:.28;
  }
  .nx-out-detail-page .nx-out-title-row{
    gap:11px!important;
  }
  .nx-out-detail-page .nx-out-logo--large{
    width:59px!important;
    height:59px!important;
    min-width:59px;
    padding:9px!important;
    border-radius:15px!important;
  }
  .nx-out-detail-page .nx-out-metrics{
    gap:10px!important;
  }
  .nx-out-detail-page .nx-out-metric{
    padding:15px!important;
  }
  .nx-out-detail-page .nx-out-detail-summary-row,
  .nx-out-detail-page .nx-out-detail-live-grid,
  .nx-out-detail-page .nx-out-problem-grid,
  .nx-out-detail-page .nx-out-region-grid{
    grid-template-columns:minmax(0,1fr);
  }
  .nx-out-detail-page .nx-out-monitor-panel,
  .nx-out-detail-page .nx-out-latency-chart,
  .nx-out-detail-page .nx-out-history,
  .nx-out-detail-page .nx-out-regions,
  .nx-out-detail-page .nx-out-components,
  .nx-out-detail-page .nx-out-incident-history,
  .nx-out-detail-page .nx-out-report{
    padding:16px!important;
    border-radius:16px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .nx-out-detail-page .aero-button,
  .nx-out-detail-page .nx-out-report-submit{
    transition:none;
  }
  .nx-out-detail-page .aero-button:hover,
  .nx-out-detail-page .nx-out-report-submit:hover{
    transform:none;
  }
}

/* NEXIP-AERO-DETAIL-V5: interactive analytical chart */
.nx-out-detail-page .nx-out-v5-chart-tools{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:12px;margin:15px 0 18px;
}
.nx-out-detail-page .nx-out-v5-chart-tools>span{
  font-size:12px;font-weight:750;color:#56718f;
}
.nx-out-detail-page .nx-out-v5-periods{
  display:inline-flex;flex-wrap:wrap;gap:5px;
  padding:4px;border:1px solid #e0eafa;
  border-radius:12px;background:#f3f8ff;
}
.nx-out-detail-page .nx-out-v5-periods button{
  appearance:none;cursor:pointer;border:0;background:transparent;
  color:#587493;border-radius:9px;padding:8px 13px;
  font-size:12px;font-weight:750;
}
.nx-out-detail-page .nx-out-v5-periods button.is-active{
  background:#087bfa;color:#fff;
  box-shadow:0 4px 11px rgba(8,123,250,.22);
}
.nx-out-detail-page .nx-out-v5-periods button:focus-visible{
  outline:3px solid #81bcff;outline-offset:2px;
}
.nx-out-detail-page .nx-out-latency-plot{
  position:relative;height:285px;min-height:285px!important;
  border-radius:16px!important;
  border:1px solid #e2edfa!important;
  background:
    linear-gradient(rgba(214,231,249,.43) 1px,transparent 1px),
    linear-gradient(180deg,#f4faff,#fff 80%)!important;
  background-size:100% 25%,100% 100%!important;
}
.nx-out-detail-page .nx-out-latency-plot svg{
  display:block;width:100%!important;height:100%!important;
}
.nx-out-detail-page .nx-out-latency-plot svg polyline{
  vector-effect:non-scaling-stroke;
  stroke:#1682fa;stroke-width:2.6;
  fill:none;stroke-linecap:round;stroke-linejoin:round;
}
.nx-out-detail-page .nx-out-v5-tooltip{
  position:absolute;top:14px;z-index:2;
  transform:translateX(-50%);pointer-events:none;
  padding:9px 12px;border-radius:10px;
  background:#152f52;color:#fff;
  box-shadow:0 10px 26px rgba(10,47,98,.22);
  font-size:12px;font-weight:750;white-space:nowrap;
}
.nx-out-detail-page .nx-out-v5-tooltip[hidden]{display:none!important}
@media(max-width:680px){
  .nx-out-detail-page .nx-out-latency-plot{
    height:210px;min-height:210px!important;
  }
  .nx-out-detail-page .nx-out-v5-chart-tools{
    align-items:flex-start;flex-direction:column;
  }
  .nx-out-detail-page .nx-out-v5-periods{width:100%}
  .nx-out-detail-page .nx-out-v5-periods button{flex:1;padding:8px}
}
/* NEXIP-LAYOUT-V7: HTML section composition */
.nx-out-detail-page .nx-out-v7-jumps{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 20px;padding:13px;border:1px solid #dce9f8;border-radius:16px;background:#fff}
.nx-out-detail-page .nx-out-v7-jumps a{display:inline-flex;align-items:center;justify-content:center;min-height:37px;padding:8px 14px;border:1px solid #e1ecfa;border-radius:11px;background:#f6faff;color:#216bbf;font-size:12px;font-weight:750;text-decoration:none}
.nx-out-detail-page .nx-out-v7-jumps a:hover{background:#e8f3ff;border-color:#b9d7ff}
.nx-out-detail-page .nx-out-v7-jumps a:focus-visible{outline:3px solid #86beff;outline-offset:2px}
.nx-out-detail-page .nx-out-v6-chart{margin:0 0 22px}
.nx-out-detail-page .nx-out-detail-summary-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;align-items:stretch}
.nx-out-detail-page .nx-out-detail-summary-row>.nx-out-incident-history,.nx-out-detail-page .nx-out-detail-summary-row>.nx-out-regions{min-width:0;margin:0!important}
.nx-out-detail-page #nx-out-v6-title,.nx-out-detail-page #nx-out-v7-incidents,.nx-out-detail-page #nx-out-v7-technical,.nx-out-detail-page #nx-out-report-title{scroll-margin-top:105px}
@media(max-width:900px){.nx-out-detail-page .nx-out-detail-summary-row{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:600px){.nx-out-detail-page .nx-out-v7-jumps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:9px;gap:7px}.nx-out-detail-page .nx-out-v7-jumps a{padding:9px 6px;font-size:11px;text-align:center}}