/* PERFECT BUD 0.13.5 — szybki katalog, widoczny stan pracy i rozdzielenie komunikatów */
#pb-loading-overlay {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(245, 248, 252, 0.66);
  z-index: 2147482998;
  pointer-events: auto;
}
#pb-loading-overlay.is-active {
  display: flex;
}
.pb-loading-panel {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 20px 26px;
  background: #fff;
  border: 1px solid #dde4ec;
  border-radius: 16px;
  box-shadow: 0 14px 45px #14263830;
  color: #172c40;
  font-size: 15px;
  font-weight: 750;
}
.pb-loading-circle {
  display: inline-block;
  width: 32px;
  height: 32px;
  border: 4px solid #e4edf0;
  border-top-color: #ed1a3a;
  border-right-color: #17978c;
  border-radius: 50%;
  animation: pb-spin 0.8s linear infinite;
  flex: none;
}
@keyframes pb-spin {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .pb-loading-circle {
    animation-duration: 2.4s;
  }
}
/* Komunikator administracyjny jest osobnym skryptem; przekierowujemy jego pływający przycisk
   na lewą stronę obszaru pracy, nie nakładając go na powiadomienia w prawym dolnym rogu. */
#pb-office-alerts-root .pb-floating {
  left: 250px !important;
  right: auto !important;
  bottom: 20px !important;
}
#pb-office-alerts-root .pb-inbox {
  left: 250px !important;
  right: auto !important;
  bottom: 76px !important;
}
/* Systemowe komunikaty zachowują prawą część ekranu i są nad większością paneli. */
#toast-root {
  right: 22px !important;
  bottom: 18px !important;
  z-index: 2147483010 !important;
  max-width: min(390px, calc(100vw - 24px));
  pointer-events: none;
}
#toast-root .toast {
  max-width: 100%;
  pointer-events: auto;
}
@media (max-width: 950px) {
  #pb-office-alerts-root .pb-floating {
    left: 16px !important;
    bottom: 76px !important;
  }
  #pb-office-alerts-root .pb-inbox {
    left: 12px !important;
    bottom: 130px !important;
    width: min(500px, calc(100vw - 24px)) !important;
  }
  #toast-root {
    bottom: 12px !important;
    right: 12px !important;
    max-width: calc(100vw - 24px);
  }
}
@media (max-width: 650px) {
  #pb-office-alerts-root .pb-floating {
    bottom: 88px !important;
  }
  #pb-office-alerts-root .pb-inbox {
    bottom: 140px !important;
  }
  #toast-root {
    bottom: 12px !important;
  }
}