.adminBottomBar{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  background:rgba(255,255,255,.98);
  border-top:1px solid #e2e8f0;
  box-shadow:0 -10px 24px rgba(15,23,42,.10);
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  padding:8px 12px calc(10px + env(safe-area-inset-bottom));
  z-index:20000;
  backdrop-filter: blur(10px);
}
.adminBottomBar.hide{ display:none; }
.adminBottomBar.keyboardHidden{ display:none; }
.adminBottomBtn{
  flex:1 1 0;
  border:0;
  background:transparent;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  height:62px;
  gap:4px;
  color:#1f2937;
  cursor:pointer;
}
.adminBottomBtn.isActive{
  color:#1d4ed8;
}
.adminBottomBtn.isActive .adminBottomLabel{
  color:#1d4ed8;
}
.adminBottomBtn svg{
  width:22px;
  height:22px;
  stroke:currentColor;
  fill:none;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.adminBottomLogoBtn{
  flex:1.2 1 0;
}
.adminBottomLogo{
  width:54px;
  height:54px;
  border-radius:16px;
  border:1px solid #111827;
  background:#FEEBB6;
  display:grid;
  place-items:center;
  box-shadow:0 10px 18px rgba(254,235,182,.45);
}
.adminBottomBtn.isActive .adminBottomLogo{
  border-color:#1d4ed8;
  box-shadow:0 10px 18px rgba(29,78,216,.25);
}
.adminBottomLogo img{
  width:32px;
  height:32px;
}
.adminBottomLabel{
  font-size:11px;
  font-weight:800;
  color:#334155;
  letter-spacing:-0.2px;
}
body.hasAdminBar{
  padding-bottom:52px;
}
body.hasAdminBar .wrap{
  padding-bottom:52px;
}
body.hasAdminBar.keyboardBarHidden{
  padding-bottom:0 !important;
}
body.hasAdminBar.keyboardBarHidden .wrap{
  padding-bottom:0 !important;
}

.childBottomBar{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  background:rgba(255,255,255,.98);
  border-top:1px solid #e2e8f0;
  box-shadow:0 -10px 24px rgba(15,23,42,.10);
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  padding:8px 12px calc(10px + env(safe-area-inset-bottom));
  z-index:20000;
  backdrop-filter: blur(10px);
}
.childBottomBar.hide{ display:none; }
.childBottomBar.keyboardHidden{ display:none; }
.childBottomBtn{
  flex:1 1 0;
  border:0;
  background:transparent;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  height:62px;
  gap:4px;
  color:#1f2937;
  cursor:pointer;
}
.childBottomBtn.isActive{
  color:#1d4ed8;
}
.childBottomBtn.isActive .childBottomLabel{
  color:#1d4ed8;
}
.childBottomBtn svg{
  width:22px;
  height:22px;
  stroke:currentColor;
  fill:none;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.childBottomLogoBtn{
  flex:1.2 1 0;
}
.childBottomLogo{
  width:54px;
  height:54px;
  border-radius:16px;
  border:1px solid #111827;
  background:#FEEBB6;
  display:grid;
  place-items:center;
  box-shadow:0 10px 18px rgba(254,235,182,.45);
}
.childBottomBtn.isActive .childBottomLogo{
  border-color:#1d4ed8;
  box-shadow:0 10px 18px rgba(29,78,216,.25);
}
.childBottomLogo img{
  width:32px;
  height:32px;
}
.childBottomLabel{
  font-size:11px;
  font-weight:800;
  color:#334155;
  letter-spacing:-0.2px;
}
body.hasChildBar{
  padding-bottom:52px;
}
body.hasChildBar .wrap{
  padding-bottom:52px;
}
body.hasChildBar.keyboardBarHidden{
  padding-bottom:0 !important;
}
body.hasChildBar.keyboardBarHidden .wrap{
  padding-bottom:0 !important;
}
