/* =========================
   SR TOPBAR - FIXED + SPACER
   ========================= */

/* ustaw wysokość paska (musi odpowiadać wysokości wizualnej) */
:root{
  --sr-topbar-h: 56px;
}

/* Pasek ogłoszeniowy SR */
.sr-topbar{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;

  height: var(--sr-topbar-h);
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  background: linear-gradient(90deg, #3bb273 0%, #2fa866 100%);
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  font-weight: 600;

  /* nie używamy paddingu góra/dół, bo zmienia realną wysokość */
  padding: 0 16px;

  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  z-index: 999999;
}

/* Spacer pod topbar (rezerwuje miejsce, żeby nic nie nachodziło) */
.sr-topbar-spacer{
  height: var(--sr-topbar-h);
}

/* Link w pasku */
.sr-topbar a.sr-topbar-link{
  color: #0b47a1;
  font-weight: 700;
  text-decoration: underline;
}

.sr-topbar a.sr-topbar-link:hover{
  text-decoration: none;
}

/* WYŁĄCZAMY stare podejście z wrapperem, bo ono robiło konflikty */
.sr-has-topbar .Header__headerBg,
.sr-has-topbar .Header__menuWrapper,
.sr-has-topbar .Header__titleSearchWrapper{
  margin-top: 0 !important;
}



[data-id="deptFilter"] {
    display: none; /* Ukrywa tę sekcję */
}

[data-id="channelFilter"] {
    display: none; /* Ukrywa tę sekcję */
}
 .TicketListLeftContainer1__mobileFilter.TicketListLeftContainer1__filter_customStatus{
    display: none; /* Ukrywa tę sekcję */
}