/* v1.58.286 — AppBraga Card Customizer Free Layout */
:root{--ab-card-customizer-z:2147482000}

.ab-card-customizer-btn{
  position:fixed;
  top:calc(env(safe-area-inset-top,0px) + 16px);
  left:calc(env(safe-area-inset-left,0px) + 16px);
  z-index:var(--ab-card-customizer-z);
  height:42px;
  min-width:110px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(125,211,252,.30);
  background:linear-gradient(135deg,rgba(14,165,233,.95),rgba(37,99,235,.90));
  color:#fff;
  box-shadow:0 18px 45px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.14);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:13px;
  font-weight:1000;
  cursor:pointer;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
}
.ab-card-customizer-btn.is-active{
  min-width:138px;
  background:linear-gradient(135deg,rgba(34,197,94,.92),rgba(37,99,235,.92));
}

.ab-card-customizer-panel{
  position:fixed;
  top:calc(env(safe-area-inset-top,0px) + 66px);
  left:calc(env(safe-area-inset-left,0px) + 16px);
  z-index:var(--ab-card-customizer-z);
  width:min(330px,calc(100vw - 32px));
  padding:14px;
  border-radius:20px;
  border:1px solid rgba(125,211,252,.25);
  background:linear-gradient(180deg,rgba(8,24,52,.97),rgba(2,8,23,.94));
  box-shadow:0 24px 70px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08);
  color:#eaf6ff;
  display:none;
}
.ab-card-customizer-panel.is-open{display:block}
body.ab-card-customizer-active .ab-card-customizer-panel{display:none!important}
.ab-card-customizer-panel h3{margin:0;font-size:15px;line-height:1.2;font-weight:1000}
.ab-card-customizer-panel p{margin:7px 0 12px;color:#aebdd5;font-size:12px;line-height:1.35}
.ab-card-customizer-panel-actions{display:flex;gap:8px;flex-wrap:wrap}
.ab-card-customizer-panel-actions button{
  border:1px solid rgba(148,163,184,.22);
  background:rgba(15,23,42,.72);
  color:#dbeafe;
  border-radius:12px;
  min-height:34px;
  padding:7px 10px;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}

body.ab-card-customizer-active .ab-custom-card{
  outline:2px dashed rgba(125,211,252,.50)!important;
  outline-offset:3px!important;
  cursor:default!important;
  transition:width .08s ease,height .08s ease,min-height .08s ease,flex-basis .08s ease!important;
}
body.ab-card-customizer-active .ab-custom-card[data-ab-locked="true"]{outline-color:rgba(34,197,94,.50)!important}
body.ab-card-customizer-active .ab-custom-card,
body.ab-card-customizer-active .ab-custom-card *{pointer-events:none!important}

.ab-custom-card.ab-card-hidden{display:none!important}

.ab-custom-container{
  min-height:18px;
}
body.ab-card-customizer-active .ab-custom-container{
  outline:1px dotted rgba(125,211,252,.12);
  outline-offset:6px;
}

.ab-card-overlay{
  position:absolute;
  z-index:var(--ab-card-customizer-z);
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:6px 7px;
  border-radius:14px;
  border:1px solid rgba(125,211,252,.34);
  background:linear-gradient(135deg,rgba(2,8,23,.94),rgba(15,23,42,.88));
  color:#fff;
  box-shadow:0 16px 44px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(12px);
  pointer-events:auto!important;
  touch-action:none!important;
}
.ab-card-overlay.is-dragging{
  pointer-events:none!important;
  z-index:2147483000!important;
  opacity:.98!important;
  transform:scale(1.015);
  cursor:grabbing!important;
  box-shadow:0 26px 80px rgba(14,165,233,.32),0 0 0 2px rgba(125,211,252,.30), inset 0 1px 0 rgba(255,255,255,.16)!important;
}
body.ab-card-dragging .ab-card-overlay:not(.is-dragging){opacity:.55!important}

.ab-card-drag-handle{
  width:30px;
  height:30px;
  border-radius:10px;
  border:1px solid rgba(125,211,252,.26);
  background:rgba(14,165,233,.24);
  color:#dbeafe;
  display:grid;
  place-items:center;
  cursor:grab;
  user-select:none;
  flex:0 0 auto;
  pointer-events:auto!important;
}
.ab-card-drag-handle:active{cursor:grabbing}
.ab-card-drag-handle span{font-size:17px;line-height:1;pointer-events:none}

.ab-card-overlay-name{
  min-width:0;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.ab-card-overlay-name strong{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
  line-height:1.1;
  font-weight:1000;
}
.ab-card-overlay-name span{color:#9fb3ce;font-size:9px;line-height:1;font-weight:900}
.ab-card-overlay-actions{display:flex;align-items:center;gap:5px;flex:0 0 auto}
.ab-card-overlay button{
  width:30px;
  height:30px;
  border-radius:10px;
  border:1px solid rgba(148,163,184,.20);
  background:rgba(15,23,42,.86);
  color:#eaf6ff;
  display:inline-grid;
  place-items:center;
  font-size:13px;
  line-height:1;
  font-weight:1000;
  cursor:pointer;
  padding:0;
  pointer-events:auto!important;
}
.ab-card-overlay button:hover{background:rgba(37,99,235,.74);border-color:rgba(125,211,252,.42)}
.ab-card-overlay button:first-child{background:rgba(14,165,233,.26)}

.ab-card-size-popover{
  position:absolute;
  z-index:calc(var(--ab-card-customizer-z) + 1);
  padding:10px;
  border-radius:16px;
  border:1px solid rgba(125,211,252,.25);
  background:rgba(2,8,23,.95);
  backdrop-filter:blur(12px);
  box-shadow:0 18px 48px rgba(0,0,0,.45);
  color:#dbeafe;
  pointer-events:auto!important;
}
.ab-card-size-popover *{pointer-events:auto!important}
.ab-card-size-row{
  display:grid;
  grid-template-columns:64px 34px 1fr 34px;
  gap:6px;
  align-items:center;
  margin:7px 0;
  font-size:11px;
  font-weight:900;
}
.ab-card-size-row button{
  width:34px;
  height:30px;
  border-radius:10px;
  border:1px solid rgba(148,163,184,.20);
  background:rgba(15,23,42,.86);
  color:#fff;
  font-size:18px;
  line-height:1;
  font-weight:1000;
  cursor:pointer;
}
.ab-card-size-row output{
  text-align:center;
  color:#fff;
  font-size:12px;
  font-weight:1000;
  font-variant-numeric:tabular-nums;
}
.ab-card-size-footer{display:flex;justify-content:flex-end;gap:6px;margin-top:9px}
.ab-card-size-footer button{
  min-width:68px;
  height:30px;
  padding:0 10px;
  border-radius:10px;
  border:1px solid rgba(148,163,184,.20);
  background:rgba(15,23,42,.86);
  color:#fff;
  font-size:11px;
  font-weight:1000;
  cursor:pointer;
}

body.ab-card-dragging{cursor:grabbing!important;user-select:none!important}
body.ab-card-dragging *{user-select:none!important}
.ab-custom-card.ab-card-drag-source{opacity:.42!important;filter:saturate(.6) brightness(.85)}
.ab-card-drop-marker{
  position:absolute;
  z-index:2147482999!important;
  border-radius:999px;
  background:linear-gradient(135deg,#22d3ee,#2563eb);
  box-shadow:0 0 0 4px rgba(34,211,238,.16),0 12px 32px rgba(37,99,235,.35);
  pointer-events:none!important;
  animation:abDropPulse .75s ease-in-out infinite alternate;
}
@keyframes abDropPulse{from{opacity:.72;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}

.ab-hidden-drawer{
  position:fixed;
  right:calc(env(safe-area-inset-right,0px) + 18px);
  bottom:calc(env(safe-area-inset-bottom,0px) + 18px);
  z-index:var(--ab-card-customizer-z);
  width:min(390px,calc(100vw - 36px));
  max-height:42vh;
  overflow:auto;
  border-radius:20px;
  border:1px solid rgba(125,211,252,.28);
  background:linear-gradient(180deg,rgba(8,24,52,.97),rgba(2,8,23,.94));
  box-shadow:0 24px 70px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08);
  color:#eaf6ff;
  padding:12px;
}
.ab-hidden-drawer-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}
.ab-hidden-drawer-head strong{font-size:13px;font-weight:1000}
.ab-hidden-drawer-head span{
  min-width:24px;height:24px;border-radius:999px;
  display:grid;place-items:center;
  background:rgba(14,165,233,.20);
  color:#dbeafe;
  font-size:12px;font-weight:1000;
}
.ab-hidden-drawer-list{display:flex;gap:8px;flex-wrap:wrap}
.ab-hidden-card-pill{
  border:1px solid rgba(125,211,252,.24);
  background:rgba(15,23,42,.72);
  color:#dbeafe;
  border-radius:999px;
  padding:8px 10px;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}
.ab-hidden-card-pill:hover{background:rgba(37,99,235,.55);color:#fff}
.ab-hidden-empty{font-size:12px;color:#9fb3ce}

.ab-card-toast{
  position:fixed;
  left:50%;
  bottom:calc(env(safe-area-inset-bottom,0px) + 22px);
  transform:translateX(-50%) translateY(16px);
  z-index:calc(var(--ab-card-customizer-z) + 2);
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(125,211,252,.24);
  background:rgba(2,8,23,.94);
  color:#eaf6ff;
  box-shadow:0 18px 48px rgba(0,0,0,.38);
  font-size:12px;
  font-weight:900;
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease;
}
.ab-card-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

@media(max-width:760px){
  .ab-card-customizer-btn{
    top:calc(env(safe-area-inset-top,0px) + 10px);
    left:calc(env(safe-area-inset-left,0px) + 10px);
    height:38px;
    min-width:96px;
    font-size:12px;
  }
  .ab-card-customizer-btn.is-active{min-width:124px}
  .ab-card-overlay{min-height:36px;padding:5px;gap:5px}
  .ab-card-overlay button,.ab-card-drag-handle{width:28px;height:28px;font-size:12px}
  .ab-card-overlay-name strong{font-size:10px}
  .ab-hidden-drawer{
    left:10px;
    right:10px;
    bottom:10px;
    width:auto;
  }
}


/* v1.58.286 — esconder real + ações em massa */
.ab-custom-card.ab-card-hidden{
  display:none !important;
  visibility:hidden !important;
}

body.ab-card-customizer-active .ab-custom-card.ab-card-hidden{
  display:none !important;
  visibility:hidden !important;
}

.ab-card-bulkbar{
  position:fixed;
  top:calc(env(safe-area-inset-top,0px) + 16px);
  left:calc(env(safe-area-inset-left,0px) + 168px);
  z-index:var(--ab-card-customizer-z);
  display:none;
  gap:7px;
  flex-wrap:wrap;
  max-width:calc(100vw - 210px);
  padding:6px;
  border-radius:16px;
  border:1px solid rgba(125,211,252,.24);
  background:rgba(2,8,23,.78);
  backdrop-filter:blur(12px);
  box-shadow:0 16px 44px rgba(0,0,0,.28);
}

.ab-card-bulkbar.is-open{
  display:flex;
}

.ab-card-bulkbar button{
  min-height:30px;
  border-radius:10px;
  border:1px solid rgba(148,163,184,.22);
  background:rgba(15,23,42,.82);
  color:#dbeafe;
  padding:6px 10px;
  font-size:11px;
  font-weight:1000;
  cursor:pointer;
}

.ab-card-bulkbar button:hover{
  background:rgba(37,99,235,.62);
  color:#fff;
}

.ab-hidden-drawer-actions{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin:-2px 0 10px;
}

.ab-hidden-drawer-actions button{
  min-height:28px;
  border-radius:10px;
  border:1px solid rgba(148,163,184,.22);
  background:rgba(15,23,42,.72);
  color:#dbeafe;
  padding:5px 9px;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}

.ab-hidden-drawer.is-mini{
  width:auto;
  max-width:220px;
}

.ab-hidden-drawer.is-mini .ab-hidden-drawer-actions,
.ab-hidden-drawer.is-mini .ab-hidden-drawer-list{
  display:none;
}

@media(max-width:760px){
  .ab-card-bulkbar{
    top:calc(env(safe-area-inset-top,0px) + 56px);
    left:10px;
    right:10px;
    max-width:none;
  }
}


/* v1.58.286 — popover tamanho não fecha + gaveta colapsável */
.ab-card-size-popover{
  pointer-events:auto !important;
}

.ab-card-size-popover,
.ab-card-size-popover *{
  touch-action:manipulation !important;
}

.ab-card-size-popover button{
  user-select:none !important;
  -webkit-user-select:none !important;
}

.ab-hidden-drawer-toggle{
  position:absolute;
  top:8px;
  right:8px;
  width:30px;
  height:30px;
  border-radius:10px;
  border:1px solid rgba(148,163,184,.22);
  background:rgba(15,23,42,.78);
  color:#dbeafe;
  font-size:15px;
  font-weight:1000;
  cursor:pointer;
}

.ab-hidden-drawer{
  transition:max-height .18s ease, width .18s ease, padding .18s ease;
}

.ab-hidden-drawer.is-collapsed{
  width:220px !important;
  max-height:54px !important;
  overflow:hidden !important;
  padding:12px 46px 12px 12px !important;
}

.ab-hidden-drawer.is-collapsed .ab-hidden-drawer-actions,
.ab-hidden-drawer.is-collapsed .ab-hidden-drawer-list{
  display:none !important;
}

.ab-hidden-drawer.is-collapsed .ab-hidden-drawer-head{
  margin-bottom:0 !important;
}

.ab-hidden-drawer.is-collapsed .ab-hidden-drawer-head strong{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}


/* v1.58.286 — hard lock para a janela de tamanho */
.ab-card-size-popover{
  z-index:2147483600 !important;
  pointer-events:auto !important;
  isolation:isolate !important;
}

.ab-card-size-popover *{
  pointer-events:auto !important;
}

.ab-card-size-popover button{
  touch-action:manipulation !important;
}


/* v1.58.286 — manter premido + input manual na percentagem */
.ab-size-input-wrap{
  min-width:96px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  border:1px solid rgba(125,211,252,.22);
  background:rgba(15,23,42,.72);
  border-radius:10px;
  padding:0 8px;
}

.ab-size-input-wrap input{
  width:58px;
  height:28px;
  border:0;
  outline:none;
  background:transparent;
  color:#fff;
  font-size:13px;
  font-weight:1000;
  text-align:center;
  font-variant-numeric:tabular-nums;
  appearance:textfield;
  -moz-appearance:textfield;
}

.ab-size-input-wrap input::-webkit-outer-spin-button,
.ab-size-input-wrap input::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}

.ab-size-input-wrap:focus-within{
  border-color:rgba(34,211,238,.58);
  box-shadow:0 0 0 3px rgba(34,211,238,.12);
}

.ab-size-input-wrap em{
  color:#9fb3ce;
  font-style:normal;
  font-size:12px;
  font-weight:900;
}

.ab-size-preview{
  display:flex;
  justify-content:space-between;
  gap:8px;
  padding:6px 2px 2px;
  color:#9fb3ce;
  font-size:10px;
  font-weight:900;
}

.ab-size-preview strong{
  color:#eaf6ff;
  font-size:11px;
}


/* v1.58.286 — permitir ajustar Hero / Topos */
body.ab-card-customizer-active .ab-custom-card[class*="hero"],
body.ab-card-customizer-active .ab-custom-card[class*="banner"],
body.ab-card-customizer-active .ab-custom-card.page-header,
body.ab-card-customizer-active .ab-custom-card.app-header,
body.ab-card-customizer-active .ab-custom-card.screen-header{
  position:relative !important;
  box-sizing:border-box !important;
}

body.ab-card-customizer-active .ab-custom-card[class*="hero"] *,
body.ab-card-customizer-active .ab-custom-card[class*="banner"] *,
body.ab-card-customizer-active .ab-custom-card.page-header *,
body.ab-card-customizer-active .ab-custom-card.app-header *,
body.ab-card-customizer-active .ab-custom-card.screen-header *{
  pointer-events:none !important;
}


/* v1.58.286 — sem limite máximo + Hero só tamanho */
.ab-card-overlay.is-hero-only{
  border-color:rgba(250,204,21,.42) !important;
  background:linear-gradient(135deg,rgba(2,8,23,.96),rgba(113,63,18,.72)) !important;
}

.ab-card-hero-lock{
  width:30px;
  height:30px;
  border-radius:10px;
  border:1px solid rgba(250,204,21,.28);
  background:rgba(250,204,21,.14);
  color:#fef3c7;
  display:grid;
  place-items:center;
  font-size:15px;
  font-weight:1000;
  flex:0 0 auto;
  pointer-events:none !important;
}

.ab-card-overlay.is-hero-only .ab-card-overlay-name strong::after{
  content:" · só tamanho";
  color:#fde68a;
  font-size:10px;
  font-weight:900;
}

.ab-size-input-wrap input{
  width:76px !important;
}


/* v1.58.286 — percentagem real do tamanho do card */
.ab-custom-card.ab-card-sized{
  box-sizing:border-box !important;
}

.ab-size-preview span:first-child::after{
  content:" do card";
  color:#64748b;
  font-weight:800;
  margin-left:3px;
}


/* v1.58.286 — Hero/topo e botão voltar ficam presos no sítio original */
body.ab-card-customizer-active [data-ab-hero-pinned="true"]{
  position:relative !important;
}

.ab-card-overlay.is-hero-only .ab-card-drag-handle{
  display:none !important;
}

body.ab-card-customizer-active a[class*="back"],
body.ab-card-customizer-active button[class*="back"],
body.ab-card-customizer-active a[class*="voltar"],
body.ab-card-customizer-active button[class*="voltar"],
body.ab-card-customizer-active a[class*="portal"],
body.ab-card-customizer-active button[class*="portal"]{
  pointer-events:none !important;
}


/* v1.58.286 — CLEAN MODE: menos ruído visual */
body.ab-card-customizer-active .ab-custom-card{
  outline:1px solid rgba(56,189,248,.22) !important;
  outline-offset:2px !important;
  box-shadow:none !important;
}

body.ab-card-customizer-active .ab-custom-card[data-ab-locked="true"]{
  outline-color:rgba(34,197,94,.25) !important;
}

body.ab-card-customizer-active .ab-custom-container{
  outline:0 !important;
}

.ab-card-overlay{
  min-height:32px !important;
  height:34px !important;
  padding:4px 5px !important;
  border-radius:12px !important;
  gap:5px !important;
  background:rgba(2,8,23,.82) !important;
  border:1px solid rgba(125,211,252,.24) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.06) !important;
  backdrop-filter:blur(10px) !important;
}

.ab-card-overlay.is-hero-only{
  height:34px !important;
  background:rgba(24,18,8,.82) !important;
  border-color:rgba(250,204,21,.28) !important;
}

.ab-card-drag-handle,
.ab-card-hero-lock,
.ab-card-overlay button{
  width:26px !important;
  height:26px !important;
  border-radius:9px !important;
  font-size:12px !important;
}

.ab-card-drag-handle span{
  font-size:14px !important;
}

.ab-card-overlay-name{
  gap:0 !important;
}

.ab-card-overlay-name strong{
  font-size:10px !important;
  max-width:130px !important;
}

.ab-card-overlay-name span{
  font-size:8px !important;
  opacity:.78 !important;
}

.ab-card-overlay-actions{
  gap:4px !important;
}

.ab-card-overlay-actions button[title="Esconder"],
.ab-card-overlay-actions button[title="Fixar"],
.ab-card-overlay-actions button[title="Soltar"]{
  opacity:.92;
}

.ab-card-overlay.is-hero-only .ab-card-overlay-name strong::after{
  content:" · tamanho" !important;
  color:#fde68a;
  font-size:8px;
}

.ab-card-size-popover{
  width:282px !important;
  padding:9px !important;
  border-radius:16px !important;
  background:rgba(2,8,23,.96) !important;
  border:1px solid rgba(125,211,252,.22) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.38) !important;
}

.ab-card-size-row{
  grid-template-columns:58px 30px 1fr 30px !important;
  gap:5px !important;
  margin:6px 0 !important;
}

.ab-card-size-row button{
  width:30px !important;
  height:30px !important;
  border-radius:9px !important;
}

.ab-size-input-wrap{
  min-width:80px !important;
  height:30px !important;
  border-radius:9px !important;
}

.ab-size-input-wrap input{
  width:64px !important;
  height:26px !important;
  font-size:12px !important;
}

.ab-size-preview{
  font-size:9px !important;
  padding-top:4px !important;
}

.ab-card-size-footer{
  gap:5px !important;
  margin-top:7px !important;
}

.ab-card-size-footer button{
  min-width:62px !important;
  height:28px !important;
  font-size:10px !important;
  border-radius:9px !important;
}

.ab-card-bulkbar{
  top:calc(env(safe-area-inset-top,0px) + 14px) !important;
  left:calc(env(safe-area-inset-left,0px) + 150px) !important;
  padding:5px !important;
  border-radius:14px !important;
  gap:5px !important;
  background:rgba(2,8,23,.62) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.22) !important;
}

.ab-card-bulkbar button{
  min-height:28px !important;
  padding:5px 8px !important;
  font-size:10px !important;
  border-radius:9px !important;
}

.ab-card-customizer-btn{
  height:38px !important;
  min-width:98px !important;
  font-size:12px !important;
  box-shadow:0 10px 28px rgba(0,0,0,.22) !important;
}

.ab-card-customizer-btn.is-active{
  min-width:124px !important;
}

.ab-hidden-drawer{
  width:min(320px,calc(100vw - 36px)) !important;
  max-height:34vh !important;
  padding:10px !important;
  border-radius:16px !important;
  background:rgba(2,8,23,.88) !important;
  box-shadow:0 14px 38px rgba(0,0,0,.32) !important;
}

.ab-hidden-drawer-head{
  margin-bottom:7px !important;
}

.ab-hidden-drawer-head strong{
  font-size:12px !important;
}

.ab-hidden-drawer-actions{
  margin:0 0 8px !important;
}

.ab-hidden-drawer-actions button,
.ab-hidden-card-pill{
  min-height:26px !important;
  padding:5px 8px !important;
  font-size:10px !important;
  border-radius:9px !important;
}

.ab-hidden-drawer.is-collapsed{
  width:184px !important;
  max-height:46px !important;
  padding:9px 42px 9px 10px !important;
}

.ab-hidden-drawer-toggle{
  top:7px !important;
  right:7px !important;
  width:28px !important;
  height:28px !important;
  border-radius:9px !important;
}

.ab-card-drop-marker{
  opacity:.82 !important;
  box-shadow:0 0 0 3px rgba(34,211,238,.12),0 10px 24px rgba(37,99,235,.28) !important;
}

.ab-card-toast{
  padding:8px 12px !important;
  font-size:11px !important;
}

@media(max-width:760px){
  .ab-card-bulkbar{
    top:calc(env(safe-area-inset-top,0px) + 52px) !important;
    left:8px !important;
    right:8px !important;
  }
  .ab-card-overlay{
    height:32px !important;
  }
}