.npn-alert-delivery-section { margin-top: 26px; }
.npn-alert-delivery-shell {
  border: 1px solid var(--line);
  border-radius: 24px;
  background: radial-gradient(circle at 15% 0%, rgba(255,107,107,.10), transparent 24rem), rgba(255,255,255,.075);
  box-shadow: var(--shadow);
  overflow: hidden;
}
.npn-alert-delivery-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:18px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.npn-alert-delivery-head p {
  margin-top:6px;
  color:var(--muted);
  font-size:13px;
  line-height:1.45;
}
.npn-alert-delivery-head button {
  height:34px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:var(--text);
  padding:0 12px;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
}
.npn-alert-delivery-body {
  padding:18px;
  display:grid;
  gap:14px;
}
.npn-alert-delivery-grid {
  display:grid;
  grid-template-columns:repeat(5,minmax(140px,1fr));
  gap:10px;
}
.npn-alert-delivery-card {
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(0,0,0,.15);
  padding:12px;
}
.npn-alert-delivery-card span {
  display:block;
  color:var(--muted);
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.npn-alert-delivery-card b {
  display:block;
  margin-top:6px;
  font-size:19px;
}
.npn-alert-delivery-events {
  display:grid;
  gap:8px;
}
.npn-alert-delivery-event {
  border:1px solid rgba(255,255,255,.11);
  border-radius:16px;
  background:rgba(0,0,0,.14);
  padding:11px;
  display:grid;
  grid-template-columns:100px 1fr 90px;
  gap:10px;
  align-items:center;
}
.npn-alert-delivery-event b { font-size:12px; }
.npn-alert-delivery-event span { color:var(--muted); font-size:12px; }
.npn-alert-ok { color:var(--ok); }
.npn-alert-warn { color:var(--warn); }
.npn-alert-bad { color:var(--bad); }
@media (max-width: 1000px) {
  .npn-alert-delivery-grid { grid-template-columns:repeat(2,minmax(140px,1fr)); }
  .npn-alert-delivery-event { grid-template-columns:1fr; }
}
