/* BLACKSAW2081 LAB v2.8.41 — stała minimalna wysokość komunikatów */

/* Każdy komunikat ma ten sam stabilny wymiar.
   Większa wysokość daje miejsce na dolną belkę i pasek postępu. */
.phase-toast{
  min-height:230px !important;
  height:auto !important;
  display:flex !important;
  align-items:stretch !important;
  justify-content:center !important;
}

/* Treść jest wyśrodkowana pionowo w powiększonym polu. */
.phase-toast > .blacksaw-frame-content{
  min-height:230px !important;
  width:100% !important;
  margin:0 !important;
  padding:42px 72px 62px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
}

/* Dolne narożniki przesunięte niżej, aby rama domykała tło. */
.phase-toast > .frame-bottom-left{
  bottom:-11% !important;
}
.phase-toast > .frame-bottom-right{
  bottom:-11% !important;
}

/* Pasek postępu przesunięty w dół, tuż nad dolną belkę. */
.phase-toast > .message-progress{
  left:112px !important;
  right:112px !important;
  bottom:19px !important;
  top:auto !important;
  margin:0 !important;
}

/* Krótkie komunikaty nie kurczą ramki. */
.phase-toast > .blacksaw-frame-content > strong,
.phase-toast > .blacksaw-frame-content > span,
.phase-toast > .blacksaw-frame-content > small{
  flex:0 0 auto !important;
}

/* Dodatkowa przestrzeń nad paskiem, żeby tekst nigdy na niego nie nachodził. */
.phase-toast > .blacksaw-frame-content > small{
  margin-bottom:10px !important;
}

@media(max-width:720px){
  .phase-toast{
    min-height:205px !important;
  }
  .phase-toast > .blacksaw-frame-content{
    min-height:205px !important;
    padding:36px 50px 56px !important;
  }
  .phase-toast > .message-progress{
    left:82px !important;
    right:82px !important;
    bottom:17px !important;
  }
  .phase-toast > .frame-bottom-left,
  .phase-toast > .frame-bottom-right{
    bottom:-9% !important;
  }
}