/* WR-META notifications — GGLYTICS UI Kit toast primitive. */
.wrm2-toast-stack {
  position: fixed;
  z-index: 1000;
  right: 16px;
  bottom: max(16px, env(safe-area-inset-bottom));
  display: grid;
  align-content: end;
  width: min(380px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  gap: 8px;
  pointer-events: none;
}
.wrm2-toast {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) 30px;
  align-items: start;
  padding: 11px;
  border: 1px solid var(--wrm2-line-strong);
  background: var(--wrm2-canvas2);
  box-shadow: 0 20px 60px rgb(0 0 0 / .45);
  gap: 8px;
  min-width: 0;
  color: var(--wrm2-text);
  pointer-events: auto;
}
.wrm2-toast--info { border-left: 2px solid var(--wrm2-cyan); --wrm2-toast-accent: var(--wrm2-cyan); }
.wrm2-toast--success { border-left: 2px solid #30ff4c; --wrm2-toast-accent: #30ff4c; }
.wrm2-toast--warning { border-left: 2px solid var(--wrm2-yellow); --wrm2-toast-accent: var(--wrm2-yellow); }
.wrm2-toast--error { border-left: 2px solid var(--wrm2-red); --wrm2-toast-accent: var(--wrm2-red); }
.wrm2-toast__icon { width: 18px; height: 18px; color: var(--wrm2-toast-accent); }
.wrm2-toast__copy { min-width: 0; overflow-wrap: anywhere; }
.wrm2-toast__copy strong { display: block; margin-bottom: 4px; font-size: 10px; font-weight: 900; line-height: 1.4; }
.wrm2-toast__copy p { margin: 0; color: var(--wrm2-muted); font-size: 11px; line-height: 1.55; white-space: pre-line; }
.wrm2-toast__dismiss{align-self:start}
@media (max-width: 600px) {
  .wrm2-toast-stack { right: 10px; bottom: max(10px, env(safe-area-inset-bottom)); width: min(380px, calc(100vw - 20px)); max-height: calc(100dvh - 20px); }
}

/* Native DLE 14 ShowLoading()/HideLoading(): non-intrusive, mint progress
   line directly below the sticky header. This is the original #loading-layer,
   not a competing progress widget or a replacement AJAX handler. */
#loading-layer{
  position:fixed!important;
  top:var(--wrm2-notice-top,60px)!important;
  left:var(--wrm2-notice-left,0px)!important;
  width:var(--wrm2-notice-width,100vw)!important;
  height:3px!important;
  min-height:0;
  max-width:100vw;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(90deg,var(--wrm2-mint) 0 20%,#176d49 50%,var(--wrm2-mint) 80%);
  background-size:200% 100%;
  box-shadow:0 0 9px #1cfb8c80;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden;
  box-sizing:border-box;
  z-index:90!important;
  pointer-events:none;
  animation:wrm2-loading-glide 1.1s linear infinite;
}
@keyframes wrm2-loading-glide{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){#loading-layer{animation:none;background:var(--wrm2-mint)}}