/* =========================================================
SWIZ-4 — ADMIN (v4-admin)
PLIK: /srv/swiz4/apps/v4-admin/assets/css/admin.core.v1.css
Wykonawcy: Czesia & Irek
Data: 2026-03-19
Wersja: admin.core.css v4.23 (DESKTOP COMPACT STEP 1: węższy sidebar + węższy inbox + ciaśniejszy środek)
Zmiany v4.23:
- DESKTOP: lewy panel zwężony z 270 px do 228 px
- DESKTOP: prawy panel inbox zwężony z 360 px do 290 px
- DESKTOP: środek ciaśniejszy (mniejszy padding)
- DESKTOP: topbar i crumb lekko spłaszczone
- Bez zmian logiki JS i bez zmian iPad/mobile na tym etapie
Historia:
- v4.22: Inbox zawsze widoczny na desktop; 3 kolumny na stałe
========================================================= */

/* =====================================================
SEKCJA 1/12 — CSS: ZMIENNE + PODSTAWY
===================================================== */
:root{
  --bg:#F5F6F8;
  --card:#FFFFFF;
  --line:#FF6600;
  --text:#111827;
  --muted:#6B7280;
  --sidebar-top:#1F3A4C;
  --sidebar-mid:#162C3C;
  --sidebar-bot:#0F1E2C;
  --sidebar:#162C3C;
  --sidebar-hover:#1D374A;
  --sidebar-active:#0D1A26;
  --sidebar-text:#E5E7EB;
  --sidebar-muted:#9CA3AF;
  --sidebar-glow:rgba(11,111,159,.22);
  --sidebar-sheen-a:rgba(255,255,255,.10);
  --sidebar-sheen-b:rgba(255,255,255,.04);
  --accent:#FF6600;
  --accent-hover:#E07A1F;
  --accent-soft:rgba(242,140,40,0.12);
  --status-new:#FFCC33;
  --status-plan:#33CC33;
  --status-prod:#9CA3AF;
  --status-done:#4CAF50;
  --status-new-bg:#FFF3C4;
  --status-plan-bg:#D8F5D8;
  --status-prod-bg:#E9EDF3;
  --status-done-bg:#D9F2DD;
  --status-new-bd:#E6B800;
  --status-plan-bd:#2EAE2E;
  --status-prod-bd:#9CA3AF;
  --status-done-bd:#3F9E47;
  --pill-text:#111827;
  --shadow:0 6px 18px rgba(16,24,40,.08);
  --radius:14px;
  --r:var(--radius);
  --status-radius:6px;
  --status-w:190px;
  --blue:var(--sidebar-top);
  --blue2:var(--sidebar-bot);
  --yellow:var(--status-new);
  --prod-border:rgba(255,255,255,.18);
  --prod-border-strong:rgba(255,255,255,.34);
  --prod-active-bg:rgba(255,255,255,.10);
  --prod-active-border:rgba(255,255,255,.62);
  --prod-active-border-w:2px;
  --prod-radius:8px;
  --prod-pad-y:6px;
  --prod-gap:4px;
  --prod-font:14px;
  --wz-warn:#0f172a;
  --wz-w:#1f2937;
  --wz-z:#0f7a2b;
  --topbar-h:48px;
  --crumb-h:30px;
  --drawer-w:420px;
  --right-w:290px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}
button{cursor:pointer}

/* =====================================================
SEKCJA 2/12 — CSS: LAYOUT (SCROLL W ŚRODKU JAK W HURT) + DOCIŚNIĘCIE DO MENU
Data: 2026-04-15
Wersja sekcji: v4.27
Zmiany:
- ujednolicenie szerokości lewego panelu na 228 px
- usunięcie pustej szczeliny między sidebar a main
- spójność .app i .app.app3
- bez ruszania mobile <980px
===================================================== */
.app{
  display:grid;
  grid-template-columns:228px minmax(0,1fr);
  min-height:100vh;
  column-gap:0;
  width:100%!important;
  max-width:100%!important;
}

.app.app3{
  grid-template-columns:228px minmax(0,1fr) !important;
  column-gap:0;
  width:100%!important;
  max-width:100%!important;
}

.main{
  padding:0 8px 22px 4px;
  min-width:0;
  width:100%!important;
  max-width:100%!important;
}

.topMiniTabs{min-width:0}

@media(min-width:981px){
  html,body{
    height:100%;
    overflow:hidden;
  }

  .app{
    height:100vh;
    min-height:100vh;
  }

  .app > .sidebar{
    width:228px;
    min-width:228px;
    max-width:228px;
  }

  .sidebar{
    position:relative;
    top:auto;
    height:100vh;
    overflow:auto;
  }

  .main{
    height:100vh;
    overflow:auto;
    padding-left:4px;
    padding-right:8px;
  }

  .rightPanel{
    position:relative;
    top:auto;
    height:100vh;
    overflow:auto;
  }
}

#viewClientsContent>*{
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

#viewClientsContent .clientsView{
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

 /* =====================================================
SEKCJA 3/12 — CSS: SIDEBAR
===================================================== */
.sidebar{
  background:linear-gradient(180deg,var(--blue),var(--blue2));
  color:var(--sidebar-text);
  padding:9px;
  position:sticky;
  top:0;
  height:100vh;
  overflow:auto;
}
.brand{display:flex;align-items:center;gap:8px;margin-bottom:7px}
.logo{
  width:30px;height:30px;border-radius:8px;
  background:rgba(0,0,0,.22);
  display:grid;place-items:center;
  font-weight:800;
  border:1px solid rgba(255,102,0,.85);
  color:#FF6600;
  position:relative;
}
@keyframes s4Blink{
  0%{box-shadow:0 0 0 0 rgba(255,102,0,.00);border-color:rgba(255,102,0,.85)}
  50%{box-shadow:0 0 0 4px rgba(255,102,0,.35);border-color:#FF6600}
  100%{box-shadow:0 0 0 0 rgba(255,102,0,.00);border-color:rgba(255,102,0,.85)}
}
.logo.s4Alert{animation:s4Blink 1s ease-in-out infinite}
@keyframes s4DotBlink{
  0%{opacity:1;transform:scale(1)}
  50%{opacity:.35;transform:scale(.82)}
  100%{opacity:1;transform:scale(1)}
}
.s4Dot{
  position:absolute;
  top:-4px;
  right:-4px;
  width:9px;
  height:9px;
  border-radius:999px;
  background:transparent;
  border:2px solid rgba(0,0,0,.12);
  display:none;
  pointer-events:none;
}
.s4Dot.on{
  display:block;
  background:var(--status-new);
  border-color:rgba(0,0,0,.18);
  box-shadow:0 0 0 3px rgba(255,204,51,.22);
  animation:s4DotBlink 1s ease-in-out infinite;
}
.brand h1{font-size:14px;margin:0;letter-spacing:.3px}
.sbTitle{
  display:block;
  margin:8px 5px 5px;
  padding:0;
  font-size:10px;
  letter-spacing:.5px;
  text-transform:uppercase;
  color:rgba(229,231,235,.82);
}
.sbItem{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:6px 9px;border-radius:10px;margin:2px 0;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  font-size:12px;
  line-height:1.1;
}
.sbItem:hover{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.28);
}
.sbItem:focus,.sbItem:focus-visible{outline:none}
.sbItem.active{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.78);
  box-shadow:0 0 0 1px rgba(255,255,255,.10) inset;
  font-size:14px;
  font-weight:700;
}
.badge{
  font-size:10px;padding:2px 6px;border-radius:999px;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
}
.sbItem.alt{
  padding:6px 9px;
  border-radius:10px;
  background:rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.22);
}
.sbItem.alt:hover{
  background:rgba(0,0,0,.26);
  border-color:rgba(255,255,255,.32);
}
.sbItem.alt .badge{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.18);color:#fff}
.sbItem.alt.active{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.80);
}
.sidebarSep{height:1px;background:rgba(255,255,255,.18);margin:7px 5px}
.sidebar .pill{color:var(--pill-text)}
.small{font-size:11px;color:var(--muted)}
.sbAdvanced{display:block}

/* =====================================================
SEKCJA 4/12 — CSS: TOPBAR + CRUMB
===================================================== */
.mainHeader{
  position:sticky;
  top:0;
  z-index:30;
  background:var(--bg);
  padding-top:4px;
  padding-bottom:4px;
}
.topMini{
  min-height:40px;
  height:auto;
  display:flex;
  align-items:stretch;
  border-radius:8px;
  overflow:hidden;
  background:linear-gradient(180deg,#0b6f9f,#1b2b3a);
  box-shadow:0 2px 8px rgba(16,24,40,.08);
}
.topMiniLeft{
  display:flex;
  align-items:center;
  gap:6px;
  padding:0 7px;
  white-space:nowrap;
  color:rgba(229,231,235,.95);
  font-size:10px;
  border-right:1px solid rgba(255,255,255,.18);
  flex:0 0 auto;
}
.topMiniLeft b{font-weight:700}
.topMiniTabs{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  overflow:hidden;
  width:100%;
  min-width:0;
}
.topTab{
  flex:1 1 130px;
  min-width:112px;
  max-width:170px;
  padding:5px 6px;
  display:grid;
  grid-template-rows:auto auto;
  justify-items:center;
  align-content:center;
  gap:1px;
  color:rgba(229,231,235,.95);
  font-size:10px;
  border-right:1px solid rgba(255,255,255,.16);
  border-bottom:1px solid rgba(255,255,255,.14);
  cursor:pointer;
  user-select:none;
  transition:background .12s ease,border-color .12s ease;
}
.topTab:hover{background:rgba(255,255,255,.08)}
.topTab.active{
  background:rgba(255,255,255,.14);
  border-bottom-color:rgba(255,255,255,.34);
}
.topTab:last-child{border-right:none}
.topTabName{font-size:9px;line-height:1.0;opacity:.97;text-align:center}
.topTabCount{font-size:10px;line-height:1.0;color:#fff}
.topTabCount .a{font-weight:700}
.topTabCount .b{opacity:.92}
.topTabEmpty{opacity:.0}
.crumbBar{
  height:26px;
  margin-top:5px;
  border-radius:8px;
  display:flex;
  align-items:center;
  padding:0 9px;
  background:#14202a;
  color:rgba(229,231,235,.92);
  font-size:11px;
  box-shadow:0 2px 8px rgba(16,24,40,.06);
}
.crumbBar .arrow{opacity:.65;margin:0 6px}
.crumbBar .cur{font-weight:700;color:#fff}
@media(max-width:980px){
  .topMini{flex-wrap:wrap}
  .topMiniLeft{
    width:100%;
    border-right:none;
    border-bottom:1px solid rgba(255,255,255,.16);
    padding:10px 12px;
  }
  .topMiniTabs{
    width:100%;
    flex-wrap:nowrap;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .topTab{
    flex:0 0 auto;
    min-width:150px;
    max-width:none;
    border-bottom:none;
  }
}

/* =====================================================
SEKCJA 5/12 — CSS: KARTY + FORMULARZE + TABELE + PILLE
===================================================== */
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:9px}
.row{display:grid;grid-template-columns:1.2fr 1fr;gap:9px;margin-top:9px}
label{display:block;margin:7px 0 3px;font-size:11px;color:var(--muted)}
input,select,textarea{
  width:100%;
  max-width:420px;
  padding:7px 9px;
  border-radius:9px;
  border:1px solid var(--line);
  background:#fff;
  font-size:12px;
  line-height:1.1;
}
textarea{min-height:88px;resize:vertical}
.btn{
  border:1px solid rgba(255,102,0,.26);
  background:#fff;
  padding:7px 10px;
  border-radius:9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  line-height:1.1;
}
.btn:hover{border-color:rgba(255,102,0,.42)}
.btn.primary{border-color:transparent;background:var(--accent);color:#fff}
.btn.primary:hover{background:var(--accent-hover)}
.tableWrap{overflow:auto}
table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
thead th{
  position:sticky;
  top:0;
  background:#f9fafb;
  border-bottom:1px solid var(--line);
  text-align:left;
  padding:7px 8px;
  font-size:11px;
  color:#374151;
  border-right:1px solid rgba(255,102,0,.18);
  line-height:1.05;
}
thead th:last-child{border-right:none}
tbody td{
  border-bottom:1px solid var(--line);
  padding:7px 8px;
  font-size:11px;
  white-space:nowrap;
  vertical-align:middle;
  border-right:1px solid rgba(255,102,0,.14);
  line-height:1.08;
}
tbody td:last-child{border-right:none}
tbody tr:hover{background:#fafafa}
.pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid var(--line);
  background:#fff;
  color:var(--pill-text);
  font-size:11px;
  line-height:1.05;
}
.dot{width:8px;height:8px;border-radius:999px;background:#d1d5db}
.dot.new{background:var(--status-new)}
.dot.plan{background:var(--status-plan)}
.dot.prod{background:var(--status-prod)}
.dot.done{background:var(--status-done)}
.pill.status{
  width:auto;
  min-width:34px;
  justify-content:center;
  text-align:center;
  border-radius:5px;
  padding:4px 8px;
  line-height:1.05;
  white-space:nowrap;
  border-width:1px;
  box-shadow:none;
  font-size:11px;
}
.pill.status.wide{width:150px;white-space:normal}
.pill.status strong{font-weight:700}
.pill.status.new{background:var(--status-new-bg);border-color:var(--status-new-bd)}
.pill.status.plan{background:var(--status-plan-bg);border-color:var(--status-plan-bd)}
.pill.status.prod{background:var(--status-prod-bg);border-color:var(--status-prod-bd)}
.pill.status.done{background:var(--status-done-bg);border-color:var(--status-done-bd)}
pre{margin:0;background:#0b1020;color:#e5e7eb;border-radius:10px;padding:9px;overflow:auto;max-height:260px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}

/* =====================================================
SEKCJA 6/12 — CSS: RT KOMPAKT
===================================================== */
.rtCompact table{border-radius:6px;table-layout:fixed}
.rtCompact thead th{padding:6px 8px;font-size:12px;line-height:1.1;white-space:normal;word-break:break-word;hyphens:auto}
.rtCompact tbody td{padding:4px 8px;font-size:12px;line-height:1.1;white-space:normal}
.rtCompact .btn{padding:2px 8px;border-radius:4px;min-height:22px}
.rtCompact .pill{padding:2px 8px;border-radius:4px}
.rtCompact .pill.status{padding:2px 8px;min-width:32px;border-radius:4px}

/* =====================================================
SEKCJA 7/12 — CSS: LEWY PASEK PRODUKTÓW + SORT
===================================================== */
.prodList{margin:3px 0 6px}
.prodItem{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:5px 8px;border-radius:7px;margin:3px 0;
  background:rgba(0,0,0,.0);
  border:1px solid var(--prod-border);
}
.prodItem:hover{background:rgba(255,255,255,.06);border-color:var(--prod-border-strong)}
.prodItem.active{background:rgba(255,255,255,.12);border:2px solid rgba(255,255,255,.70)}
.prodLeft{display:flex;align-items:center;gap:7px}
.prodBullet{width:8px;height:8px;border-radius:999px;background:rgba(255,255,255,.35)}
.prodName{font-size:12px;font-weight:500;line-height:1.05}
.prodItem.active .prodName{font-weight:600}
.prodArrow{opacity:.85}
.prodMeta{display:flex;align-items:center;gap:6px}
.prodToggle{display:none}
.prodMove{display:inline-flex;gap:4px;align-items:center}
.prodBtn{
  width:22px;height:18px;border-radius:5px;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.08);
  color:#fff;font-weight:700;line-height:1;
  display:grid;place-items:center;padding:0;
  font-size:10px;
}
.prodBtn:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.40)}
.prodBtn:disabled{opacity:.35;cursor:not-allowed}
.prodSort{
  font-size:10px;color:rgba(229,231,235,.80);
  padding:0 5px;border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.08);
}

/* =====================================================
SEKCJA 8/12 — CSS: ZARZĄDZANIE (MENU)
Data: 2026-04-15
Wersja sekcji: v4.28
Zmiany:
- submenu Zarządzanie dociśnięte do lewej
- usunięte dodatkowe wcięcie i puste marginesy
- wysokości zbliżone do reszty lewego menu
===================================================== */
.mgmtLink{
  display:flex;
  align-items:center;
  width:100%;
  margin:0 !important;
  padding:2px 6px 2px 8px !important;
  color:#ffeb3b;
  font-size:12px;
  font-weight:700;
  line-height:1.05;
  text-decoration:none;
  border-radius:6px;
}

.mgmtLink:hover{
  opacity:1;
  text-decoration:none;
  background:rgba(255,255,255,.04);
}

.mgmtBox{
  display:none;
  margin:2px 0 0 0 !important;
  padding:0 !important;
}

.mgmtBox.open{
  display:block;
}

/* =====================================================
SEKCJA 9/12 — CSS: DRAWER
===================================================== */
.drawerOverlay{
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  background:rgba(15,23,42,.10);
  display:none;
  z-index:120;
  pointer-events:auto;
}
.drawer{
  width:var(--drawer-w);
  max-width:100%;
  margin-left:auto;
  background:#fff;
  height:100%;
  box-shadow:0 18px 40px rgba(16,24,40,.20);
  border-left:1px solid rgba(17,24,39,.10);
  display:flex;
  flex-direction:column;
  pointer-events:auto;
}
.drawerHead{
  padding:12px 12px 10px 12px;
  border-bottom:1px solid rgba(17,24,39,.10);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.drawerTitleWrap{display:flex;flex-direction:column;gap:2px;min-width:0}
.drawerTitle{font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drawerSub{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drawerClose{
  width:30px;height:30px;border-radius:10px;
  border:1px solid rgba(255,102,0,.35);
  background:#fff;color:#111;
  display:grid;place-items:center;
}
.drawerClose:hover{border-color:rgba(255,102,0,.55);background:rgba(255,102,0,.06)}
.drawerTabs{
  padding:10px 12px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  border-bottom:1px solid rgba(17,24,39,.10);
}
.dtab{
  border:1px solid rgba(17,24,39,.14);
  background:#f8fafc;
  padding:7px 10px;
  border-radius:10px;
  font-size:12px;
  color:#0f172a;
}
.dtab.active{
  background:var(--accent);
  color:#fff;
  border-color:transparent;
}
.drawerBody{
  padding:12px;
  overflow:auto;
}
.drawerFoot{
  padding:10px 12px;
  border-top:1px solid rgba(17,24,39,.10);
  display:flex;
  justify-content:flex-start;
  gap:8px;
  background:#fff;
}
.drawerGrid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.drawerGrid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.drawerHelp{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.3}
.chkRow{display:flex;align-items:center;gap:10px;margin-top:10px}
.chkRow input{width:auto;max-width:none}

/* =====================================================
SEKCJA 10/12 — CSS: PRAWY PANEL (INBOX)
===================================================== */
.rightPanel{
  padding:10px 12px 12px;
  position:sticky;
  top:0;
  height:100vh;
  overflow:auto;
  z-index:110;
  min-width:0;
  display:block;
}
.rightCard{
  background:#fff;
  border:1px solid rgba(255,102,0,.26);
  border-radius:14px;
  box-shadow:0 6px 18px rgba(16,24,40,.08);
  overflow:hidden;
}
.rightHead{
  padding:10px 10px;
  border-bottom:1px solid rgba(17,24,39,.10);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  background:#fff;
}
.rightTitle{
  font-size:13px;
  font-weight:800;
  display:flex;
  align-items:center;
  gap:8px;
}
.rightBadge{
  display:inline-flex;
  min-width:22px;
  height:18px;
  padding:0 6px;
  border-radius:999px;
  background:rgba(255,102,0,.10);
  border:1px solid rgba(255,102,0,.26);
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:800;
}
.rightToggle{
  width:30px;height:28px;
  border-radius:10px;
  border:1px solid rgba(255,102,0,.26);
  background:#fff;
}
.rightToggle:hover{border-color:rgba(255,102,0,.42);background:rgba(255,102,0,.06)}
.rightBody{padding:10px;display:none}
.rightBody.open{display:block}
.inboxGrid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.inboxHint{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.25}
.inboxRowBtns{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.inboxErr,.inboxOk{
  display:none;
  margin-top:10px;
  padding:8px 10px;
  border-radius:12px;
  font-size:12px;
}
.inboxErr{background:#FEF2F2;border:1px solid #FCA5A5;color:#991B1B}
.inboxOk{background:#ECFDF5;border:1px solid #86EFAC;color:#065F46}
.inboxToast{
  position:fixed;
  right:18px;
  bottom:16px;
  background:#111827;
  color:#fff;
  border-radius:12px;
  padding:10px 12px;
  font-size:13px;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
  opacity:0;
  transform:translateY(8px);
  transition:opacity .18s ease, transform .18s ease;
  z-index:120;
  display:block;
}
.inboxToast.show{opacity:1;transform:translateY(0)}

/* =====================================================
SEKCJA 11/12 — CSS: RESPONSIVE
===================================================== */
@media(max-width:980px){
  .app{grid-template-columns:1fr}
  .sidebar{position:relative;height:auto}
  .row{grid-template-columns:1fr}
  .mainHeader{position:relative}
  .drawer{width:100%}
  .rightPanel{display:none}
}
@media(max-width:520px){
  .inboxGrid2{grid-template-columns:1fr}
}

/* =====================================================
SEKCJA 12/12 — CSS: INBOX ZAWSZE ON (UI)
Data: 2026-02-06
Wersja sekcji: v4.23
Cel:
- Inbox ma być widoczny ZAWSZE (jak menu)
- Layout zawsze 3-kolumnowy: sidebar + środek + rightPanel
===================================================== */
.app.app3{grid-template-columns:228px minmax(0,1fr) var(--right-w)!important;width:100%!important;max-width:100%!important;}.rightPanel{display:block!important;}
.inboxToast{display:block!important;}