.whatsapp-central-page{
  gap:8px !important;
  padding-top:6px !important;
}
.whatsapp-central-page>.page-header{
  min-height:0 !important;
  margin:0 !important;
  padding:0 0 6px !important;
  justify-content:flex-end !important;
}
.whatsapp-central-page>.page-header>div:first-child{
  display:none !important;
}
.whatsapp-central-page .whatsapp-header-admin-actions{
  gap:6px !important;
}
.whatsapp-central-page .whatsapp-header-admin-actions .button{
  min-height:34px !important;
  padding:7px 11px !important;
  border-radius:10px !important;
  font-size:11px !important;
}
.whatsapp-shell{
  height:calc(100vh - 118px) !important;
  min-height:620px !important;
  grid-template-columns:168px 360px minmax(0,1fr) !important;
  border-radius:14px !important;
  box-shadow:0 10px 34px rgba(16,24,40,.07) !important;
}
.whatsapp-boxes{
  padding:10px 8px !important;
  gap:3px !important;
}
.whatsapp-boxes::before{
  padding:2px 10px 7px !important;
}
.whatsapp-boxes button{
  grid-template-columns:18px minmax(0,1fr) auto !important;
  min-height:39px !important;
  padding:7px 9px !important;
  gap:7px !important;
  border-radius:9px !important;
}
.whatsapp-boxes button span{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:11px !important;
}
.whatsapp-boxes button strong{
  flex:0 0 auto !important;
}
.whatsapp-list-panel{
  grid-template-rows:52px minmax(0,1fr) !important;
}
.whatsapp-search{
  min-height:36px !important;
  margin:8px 10px !important;
  border-radius:10px !important;
}
.whatsapp-conversation-list>button{
  min-height:68px !important;
  padding:8px 11px !important;
  grid-template-columns:42px minmax(0,1fr) auto !important;
}
.whatsapp-avatar{
  width:40px !important;
  height:40px !important;
}
.whatsapp-chat-header{
  min-height:54px !important;
  padding:7px 10px 7px 13px !important;
}
.whatsapp-chat-header>div:first-child{
  min-width:0 !important;
}
.whatsapp-chat-header>div:first-child strong,
.whatsapp-chat-header>div:first-child span{
  display:block !important;
  max-width:360px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.whatsapp-chat-header>div:last-child{
  flex-wrap:nowrap !important;
  overflow-x:auto !important;
  scrollbar-width:none !important;
}
.whatsapp-chat-header>div:last-child::-webkit-scrollbar{display:none}
.whatsapp-chat-header .button{
  flex:0 0 auto !important;
  min-height:32px !important;
  padding:6px 8px !important;
  white-space:nowrap !important;
}
.whatsapp-empty-chat{
  background:linear-gradient(180deg,#f8fafb 0%,#f3f5f7 100%) !important;
}
.whatsapp-messages{
  padding:18px clamp(18px,4vw,58px) !important;
}
.whatsapp-composer{
  padding:8px 9px !important;
}
@media(max-width:1180px){
  .whatsapp-shell{
    grid-template-columns:150px 310px minmax(360px,1fr) !important;
  }
}
@media(max-width:920px){
  .whatsapp-central-page>.page-header{
    padding-right:2px !important;
  }
  .whatsapp-shell{
    height:auto !important;
    min-height:0 !important;
    grid-template-columns:1fr !important;
  }
  .whatsapp-boxes{
    flex-direction:row !important;
  }
  .whatsapp-boxes button{
    min-width:max-content !important;
  }
  .whatsapp-boxes button span{
    overflow:visible !important;
    text-overflow:clip !important;
  }
}