.notice.nav-notice.ny-nav-home-plain,
.notice.nav-notice.ny-nav-home-ready,
.notice.nav-notice.ny-nav-ops-banner{
  margin:12px 0 16px!important;
}

.ny-nav-home-plain{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  padding:16px 18px!important;
  border-radius:18px!important;
  border:1px solid #dbe9dd!important;
  background:linear-gradient(180deg,#fbfefc 0%,#f2f8f4 100%)!important;
  color:#153224!important;
  box-shadow:0 10px 26px rgba(22,50,36,.05)!important;
}
.ny-nav-home-plain-icon{
  width:38px;
  height:38px;
  border-radius:10px;
  display:grid;
  place-items:center;
  font-size:20px;
  font-weight:900;
  color:#fff;
  background:linear-gradient(180deg,#2fb36d 0%,#169457 100%);
  box-shadow:0 8px 18px rgba(24,126,74,.18);
}
.ny-nav-home-plain-copy{
  min-width:0;
  display:grid;
  gap:4px;
}
.ny-nav-home-plain-copy strong{
  display:block;
  margin:0;
  font-size:18px;
  line-height:1.2;
  letter-spacing:-.02em;
}
.ny-nav-home-plain-copy span{
  display:block;
  color:#4e6759;
  font-size:12px;
  line-height:1.45;
}

.ny-nav-home-ready{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  padding:18px 20px!important;
  border:1px solid #f3b4b4!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff8f8 0%,#fff2f2 100%)!important;
  box-shadow:0 10px 28px rgba(190,24,24,.10)!important;
  color:#231616!important;
  overflow:hidden;
}
.ny-nav-home-ready::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:6px;
  background:linear-gradient(180deg,#ff3b30 0%,#d70000 100%);
}
.ny-nav-home-ready-icon{
  flex:0 0 42px;
  width:42px;
  height:42px;
  margin-left:8px;
  border-radius:10px;
  background:linear-gradient(180deg,#ff4338 0%,#d90000 100%);
  display:grid;
  place-items:center;
  font-size:24px;
  line-height:1;
  font-weight:900;
  color:#fff;
  box-shadow:0 8px 18px rgba(215,0,0,.16);
}
.ny-nav-home-ready-copy{min-width:0;flex:1}
.ny-nav-home-ready-kicker{
  display:block!important;
  margin:0 0 4px!important;
  color:#c51616!important;
  font-size:11px!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
}
.ny-nav-home-ready-copy>strong{
  display:block;
  margin:0;
  color:#221515;
  font-size:16px;
  line-height:1.2;
  letter-spacing:-.03em;
}
.ny-nav-home-ready-copy>p{
  margin:6px 0 0 0;
  color:#7b2c2c;
  font-size:12px;
  line-height:1.45;
  font-weight:600;
}
.ny-nav-home-ready-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
}
.ny-nav-home-ready-actions button,
.ny-nav-home-ready-actions a{
  appearance:none;
  border:0;
  border-radius:10px;
  padding:10px 14px;
  font:inherit;
  font-size:11px;
  line-height:1.2;
  font-weight:800;
  cursor:pointer;
  text-decoration:none;
  white-space:nowrap;
  transition:transform .14s ease, box-shadow .14s ease, background-color .14s ease;
}
.ny-nav-home-ready-actions button{
  background:#d70000;
  color:#fff;
  box-shadow:0 8px 18px rgba(215,0,0,.14);
}
.ny-nav-home-ready-actions a{
  background:#fff;
  color:#c51616;
  border:1px solid #f0c8c8;
  box-shadow:0 6px 16px rgba(120,25,25,.06);
}
.ny-nav-home-ready-actions button:hover,
.ny-nav-home-ready-actions a:hover{transform:translateY(-1px)}

.ny-nav-ops-banner{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:10px 14px!important;
  border-radius:18px!important;
  overflow:hidden;
  isolation:isolate;
  border:1px solid #d6e8dc!important;
  background:linear-gradient(135deg,#fbfffc 0%,#f1faf4 58%,#eef8f1 100%)!important;
  box-shadow:0 14px 34px rgba(22,84,53,.08)!important;
  color:#133224!important;
}
.ny-nav-ops-banner::before{
  content:"";
  position:absolute;
  inset:auto -32px -32px auto;
  width:168px;
  height:168px;
  border-radius:50%;
  background:radial-gradient(circle,#dff7e7 0%,rgba(223,247,231,0) 72%);
  z-index:-1;
}
.ny-nav-ops-success{border-color:#cde8d6!important;background:linear-gradient(135deg,#fbfffc 0%,#effaf2 58%,#ebf7ef 100%)!important}
.ny-nav-ops-no_receipt{border-color:#d7eadb!important;background:linear-gradient(135deg,#fbfefc 0%,#f3faf4 58%,#f0f7f1 100%)!important}
.ny-nav-ops-pending{border-color:#cee2d4!important;background:linear-gradient(135deg,#fcfffd 0%,#f4fbf6 55%,#eef9f2 100%)!important}

.ny-nav-ops-visual{
  position:relative;
  flex:0 0 126px;
  width:126px;
  height:46px;
}
.ny-nav-track{
  position:absolute;
  left:10px;
  right:18px;
  top:50%;
  height:2px;
  transform:translateY(-50%);
  background:repeating-linear-gradient(90deg,#8cc5a3 0 10px,transparent 10px 18px);
  opacity:.9;
}
.ny-nav-doc{
  position:absolute;
  left:0;
  top:3px;
  width:34px;
  height:40px;
  border-radius:10px;
  background:linear-gradient(180deg,#ffffff 0%,#f2faf5 100%);
  border:1px solid #cae4d2;
  box-shadow:0 10px 22px rgba(30,92,59,.12);
  animation:ny-nav-doc-travel 3.2s ease-in-out infinite;
}
.ny-nav-doc::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:10px;
  height:10px;
  border-radius:0 12px 0 12px;
  background:linear-gradient(180deg,#dff4e7 0%,#c7e8d4 100%);
}
.ny-nav-doc i{
  position:absolute;
  left:8px;
  right:8px;
  height:2px;
  border-radius:999px;
  background:#97c6ab;
}
.ny-nav-doc i:nth-child(1){top:13px}
.ny-nav-doc i:nth-child(2){top:20px;width:14px;right:auto}
.ny-nav-doc i:nth-child(3){top:27px;width:16px;right:auto}

.ny-nav-destination{
  position:absolute;
  right:0;
  top:2px;
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#163326 0%,#204632 100%);
  box-shadow:0 12px 24px rgba(20,56,37,.18);
}
.ny-nav-destination span{
  color:#dfff62;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
}
.ny-nav-state-badge{
  position:absolute;
  left:84px;
  top:-2px;
  min-width:18px;
  height:18px;
  padding:0 6px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#dfff62;
  color:#163326;
  font-size:10px;
  font-weight:900;
  box-shadow:0 8px 18px rgba(68,109,54,.18);
}
.ny-nav-pending-dots{
  position:absolute;
  left:44px;
  top:50%;
  display:flex;
  gap:5px;
  transform:translateY(-50%);
}
.ny-nav-pending-dots span{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#3ea96c;
  opacity:.28;
  animation:ny-nav-dot-pulse 1.2s infinite ease-in-out;
}
.ny-nav-pending-dots span:nth-child(2){animation-delay:.18s}
.ny-nav-pending-dots span:nth-child(3){animation-delay:.36s}
.ny-nav-ops-no_receipt .ny-nav-doc{animation:ny-nav-doc-idle 3s ease-in-out infinite}
.ny-nav-ops-no_receipt .ny-nav-state-badge{background:#eef6f0;color:#29553d}
.ny-nav-ops-pending .ny-nav-destination{animation:ny-nav-destination-pulse 1.9s infinite ease-in-out}

.ny-nav-ops-copy{
  min-width:0;
  flex:1;
  display:grid;
  gap:4px;
}
.ny-nav-ops-kicker{
  display:block!important;
  margin:0!important;
  color:#2b7d52!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
}
.ny-nav-ops-copy strong{
  display:block;
  margin:0;
  color:#163326;
  font-size:16px;
  line-height:1.18;
  letter-spacing:-.03em;
}
.ny-nav-ops-copy p{
  margin:0;
  color:#486658;
  font-size:12px;
  line-height:1.45;
  font-weight:600;
}
.ny-nav-ops-copy small{
  display:block;
  margin-top:2px;
  color:#2d7c53;
  font-size:10px;
  font-weight:800;
  letter-spacing:.01em;
}

@keyframes ny-nav-doc-travel{
  0%,12%{transform:translateX(0) translateY(0) rotate(0deg)}
  44%{transform:translateX(48px) translateY(-2px) rotate(-1deg)}
  72%{transform:translateX(72px) translateY(0) rotate(.6deg)}
  100%{transform:translateX(0) translateY(0) rotate(0deg)}
}
@keyframes ny-nav-doc-idle{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}
@keyframes ny-nav-dot-pulse{
  0%,100%{opacity:.22;transform:scale(.85)}
  50%{opacity:1;transform:scale(1.08)}
}
@keyframes ny-nav-destination-pulse{
  0%,100%{box-shadow:0 12px 24px rgba(20,56,37,.18)}
  50%{box-shadow:0 14px 28px rgba(20,56,37,.28),0 0 0 8px rgba(94,180,127,.10)}
}

@media (max-width: 900px){
  .ny-nav-home-ready,.ny-nav-ops-banner{align-items:flex-start!important}
  .ny-nav-home-ready-copy>strong,.ny-nav-ops-copy strong{font-size:20px}
}
@media (max-width: 760px){
  .notice.nav-notice.ny-nav-home-plain,
  .notice.nav-notice.ny-nav-home-ready,
  .notice.nav-notice.ny-nav-ops-banner{margin:10px 0 14px!important}
  .ny-nav-home-plain{padding:10px!important}
  .ny-nav-home-ready{gap:12px!important;padding:10px!important;border-radius:16px!important}
  .ny-nav-home-ready::before{width:5px}
  .ny-nav-home-ready-icon{flex-basis:36px;width:36px;height:36px;margin-left:4px;border-radius:10px;font-size:20px}
  .ny-nav-home-ready-kicker,.ny-nav-ops-kicker{font-size:10px!important}
  .ny-nav-home-ready-copy>strong,.ny-nav-ops-copy strong{font-size:16px;line-height:1.2}
  .ny-nav-home-ready-copy>p,.ny-nav-ops-copy p,.ny-nav-home-plain-copy span{font-size:11px}
  .ny-nav-home-ready-actions{gap:8px;margin-top:10px}
  .ny-nav-home-ready-actions button,.ny-nav-home-ready-actions a{width:100%;text-align:center;padding:10px 12px;font-size:12px}
  .ny-nav-ops-banner{gap:12px!important;padding:10px!important;border-radius:18px!important}
  .ny-nav-ops-visual{flex-basis:112px;width:112px;height:42px}
  .ny-nav-track{left:10px;right:20px}
  .ny-nav-doc{width:30px;height:36px}
  .ny-nav-destination{width:38px;height:38px;border-radius:12px;top:2px}
  .ny-nav-destination span{font-size:11px}
  .ny-nav-state-badge{left:74px}
}
@media (max-width: 560px){
  .ny-nav-ops-banner{display:grid!important;grid-template-columns:1fr!important}
  .ny-nav-ops-visual{width:100%;height:40px;max-width:none}
  .ny-nav-track{left:10px;right:10px}
  .ny-nav-doc{top:4px}
  .ny-nav-destination{top:3px;right:0}
  .ny-nav-state-badge{left:auto;right:48px;top:0}
  .ny-nav-pending-dots{left:50%;transform:translate(-50%,-50%)}
}
