#xpig-compact-toast-region {
  position: fixed;
  z-index: 20000;
  top: max(14px, calc(env(safe-area-inset-top, 0px) + 10px));
  left: 50%;
  display: flex;
  width: auto;
  max-width: calc(100vw - 24px);
  flex-direction: column;
  align-items: center;
  gap: 14px;
  transform: translateX(-50%);
  pointer-events: none;
}

.xpig-compact-toast {
  display: flex;
  width: max-content;
  max-width: calc(100vw - 24px);
  min-height: 36px;
  box-sizing: border-box;
  align-items: center;
  gap: 8px;
  padding: 8px 11px;
  color: #26313d;
  background: rgba(255,255,255,.98);
  border: 0;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(15,23,42,.13), 0 1px 4px rgba(15,23,42,.07);
  font-family: Inter,"Noto Sans SC","Microsoft YaHei",sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  text-align: left;
  animation: xpig-compact-toast-enter 180ms cubic-bezier(.2,.8,.2,1) both;
  will-change: opacity,transform;
}

.xpig-compact-toast-icon {
  display: grid;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  place-items: center;
}
.xpig-compact-toast-icon svg { display:block;width:16px;height:16px; }
.xpig-compact-toast-icon circle { fill:#20a66a; }
.xpig-compact-toast-icon path { fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round; }
.xpig-compact-toast-error .xpig-compact-toast-icon circle { fill:#e24a4a; }
.xpig-compact-toast-text { min-width:0;white-space:nowrap; }
.xpig-compact-toast-leave { animation:xpig-compact-toast-leave 180ms ease both; }
html.xpig-compact-toast-ready .dashboard-notice,
html.xpig-compact-toast-ready .dashboard-error { display:none !important; }

@keyframes xpig-compact-toast-enter { from { opacity:0;transform:translateY(-7px) scale(.98); } to { opacity:1;transform:translateY(0) scale(1); } }
@keyframes xpig-compact-toast-leave { from { opacity:1;transform:translateY(0) scale(1); } to { opacity:0;transform:translateY(10px) scale(.99); } }

@media (max-width:520px) {
  .xpig-compact-toast { max-width:calc(100vw - 24px); }
  .xpig-compact-toast-text { max-width:calc(100vw - 84px);white-space:normal;overflow-wrap:anywhere; }
}
@media (prefers-reduced-motion:reduce) { .xpig-compact-toast,.xpig-compact-toast-leave { animation-duration:1ms !important; } }
