/* Local freight hints share the existing toast host, including its modal portal. */
#levelUpToastStack > .courier-notice-toast {
  position: fixed;
  top: calc(var(--ui-topbar-height, 56px) + 12px);
  right: 18px;
  bottom: auto;
  left: auto;
  z-index: 2;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 28px;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
  box-sizing: border-box;
  width: min(340px, calc(100vw - 28px));
  min-height: 74px;
  padding: 12px 10px 12px 13px;
  border: 1px solid rgba(196, 158, 91, .6);
  border-radius: 7px;
  background: linear-gradient(110deg, rgba(92, 67, 35, .3), transparent 65%), var(--material-wood-deep, #262119);
  box-shadow: 0 10px 26px rgba(0, 0, 0, .38), inset 0 1px rgba(230, 199, 139, .09);
  color: #e6d5b2;
  font-family: var(--font-readable, sans-serif);
  line-height: 1.4;
  pointer-events: none;
  animation: courierNoticeIn 200ms ease-out both;
}

.courier-notice-icon {
  display: block;
  width: 34px;
  height: 34px;
  object-fit: contain;
  pointer-events: none;
}

.courier-notice-copy {
  min-width: 0;
  pointer-events: none;
}

.courier-notice-copy strong {
  display: block;
  color: #ead19b;
  font-size: 14px;
  font-weight: 650;
}

.courier-notice-copy span {
  display: block;
  margin-top: 3px;
  color: #c1b394;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.courier-notice-copy [hidden] { display: none; }

#levelUpToastStack .courier-notice-close {
  appearance: none;
  display: grid;
  place-items: center;
  align-self: start;
  width: 28px;
  height: 28px;
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  box-shadow: none;
  color: #c6b58e;
  font: 22px/1 var(--font-readable, sans-serif);
  cursor: pointer;
  pointer-events: auto;
}

#levelUpToastStack .courier-notice-close:hover {
  border-color: rgba(213, 179, 104, .55);
  background: rgba(156, 116, 56, .18);
  color: #f5dfac;
}

#levelUpToastStack .courier-notice-close:focus-visible {
  outline: 2px solid #d5b368;
  outline-offset: 1px;
}

#levelUpToastStack > .courier-notice-toast.is-leaving {
  animation: courierNoticeOut 240ms ease-in both;
  pointer-events: none;
}

#levelUpToastStack > .courier-notice-toast.is-leaving .courier-notice-close { pointer-events: none; }

@keyframes courierNoticeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes courierNoticeOut {
  from { opacity: 1; }
  to { opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  #levelUpToastStack > .courier-notice-toast,
  #levelUpToastStack > .courier-notice-toast.is-leaving { animation-duration: 1ms; }
}