/* BLACKSAW2081 LAB v2.8.40 — pełne tło teksturowane komunikatów */

/* Cały obszar pod ramą wypełnia jedna, ciągła tekstura.
   Nie ma już dziur ani osobnych prostokątów wychodzących spod ramki. */
.phase-toast{
  position:fixed !important;
  width:min(560px,86vw) !important;
  min-width:0 !important;
  max-width:none !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:12px !important;
  overflow:hidden !important;
  background:
    linear-gradient(180deg,rgba(6,7,9,.18),rgba(4,5,7,.42)),
    url('../images/ui/frame_background.png') center/cover no-repeat !important;
  box-shadow:
    0 20px 70px rgba(0,0,0,.72),
    inset 0 0 42px rgba(0,0,0,.34),
    0 0 20px rgba(238,20,71,.18) !important;
  text-align:center !important;
  isolation:isolate !important;
}

/* Jedna delikatna warstwa poprawiająca czytelność — bez własnego tła. */
.phase-toast > .blacksaw-frame-content{
  position:relative !important;
  z-index:4 !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;
  padding:38px 64px 46px !important;
  box-sizing:border-box !important;
  overflow:visible !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  text-align:center !important;
}

/* Przyciemniamy tylko środek tekstury, bez zasłaniania jej jednolitym panelem. */
.phase-toast::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:
    radial-gradient(ellipse at center,rgba(7,8,10,.28) 0%,rgba(7,8,10,.12) 52%,rgba(0,0,0,.30) 100%) !important;
}

/* Narożniki są nad teksturą i domykają całość bez szczelin. */
.phase-toast > .blacksaw-frame-corner{
  z-index:6 !important;
  width:46% !important;
  height:auto !important;
  aspect-ratio:591/506 !important;
  opacity:1 !important;
}
.phase-toast > .frame-top-left{
  left:-1.5% !important;
  top:-7% !important;
}
.phase-toast > .frame-top-right{
  right:-1.5% !important;
  top:-7% !important;
}
.phase-toast > .frame-bottom-left{
  left:-1.5% !important;
  bottom:-7% !important;
}
.phase-toast > .frame-bottom-right{
  right:-1.5% !important;
  bottom:-7% !important;
}

/* Tekst dokładnie na środku. */
.phase-toast > .blacksaw-frame-content > strong,
.phase-toast > .blacksaw-frame-content > span,
.phase-toast > .blacksaw-frame-content > small{
  display:block !important;
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

/* Pasek postępu pozostaje wewnątrz tekstury i ramy. */
.phase-toast > .message-progress{
  position:absolute !important;
  left:110px !important;
  right:110px !important;
  bottom:24px !important;
  top:auto !important;
  z-index:7 !important;
  margin:0 !important;
}

@media(max-width:720px){
  .phase-toast{
    width:min(92vw,520px) !important;
  }
  .phase-toast > .blacksaw-frame-content{
    padding:32px 46px 40px !important;
  }
  .phase-toast > .message-progress{
    left:82px !important;
    right:82px !important;
    bottom:21px !important;
  }
}