/* =========================================================

   NORCOMDESK PRODUCTIVITY PACK v2.5

   ========================================================= */





/* realtime */



.desk-realtime-badge{

  height:30px;

  padding:0 9px;



  display:inline-flex;

  align-items:center;

  gap:6px;



  border:1px solid #b9c5d2;

  border-radius:20px;



  background:#f8fafc;



  font-size:8px;

  font-weight:750;



  white-space:nowrap;



  color:#64748b;

}



.desk-realtime-dot{

  width:7px;

  height:7px;



  border-radius:50%;



  background:#94a3b8;

}



.desk-realtime-badge.online{

  border-color:#9dd9c4;

  background:#ecfbf5;

  color:#087f5b;

}



.desk-realtime-badge.online

.desk-realtime-dot{

  background:#10b981;



  box-shadow:

    0 0 0 4px

    rgba(16,185,129,.10);

}



.desk-realtime-badge.offline{

  border-color:#efb5b5;

  background:#fff2f2;

  color:#b4232f;

}



.desk-realtime-badge.offline

.desk-realtime-dot{

  background:#ef4444;

}





/* notificações */



.desk-notify-btn{

  height:30px !important;

  min-height:30px !important;



  padding:

    0 9px !important;



  gap:5px !important;

}



.desk-notify-icon{

  width:7px;

  height:7px;



  display:inline-block;



  border-radius:50%;



  background:#94a3b8;



  font-size:0;

}



.desk-notify-btn.enabled

.desk-notify-icon{

  background:#10b981;

}





/* composer */



#page-conversations

.desk-composer-enhanced{

  position:relative !important;

}



#page-conversations

#deskMessageInput.desk-smart-input{

  height:auto !important;



  min-height:38px !important;

  max-height:120px !important;



  overflow-y:auto !important;



  resize:none !important;



  line-height:1.45 !important;

}





/* Slash menu */



.desk-slash-menu{

  position:absolute;



  left:155px;

  right:82px;

  bottom:54px;



  z-index:500;



  max-height:270px;



  padding:5px;



  overflow-y:auto;



  border:

    1px solid #aebdcc;



  border-radius:11px;



  background:#fff;



  box-shadow:

    0 14px 35px

    rgba(15,23,42,.16);

}



.desk-slash-menu.hidden{

  display:none !important;

}



.desk-slash-item{

  width:100%;



  display:flex;



  align-items:center;



  gap:8px;



  padding:9px 10px;



  border:0;



  border-radius:8px;



  background:transparent;



  color:#172033;



  text-align:left;



  cursor:pointer;



  font-family:inherit;



  font-size:10px;

}



.desk-slash-item:hover,

.desk-slash-item.active{

  background:#e9f2ff;

}



.desk-slash-command{

  min-width:24px;

  height:24px;



  display:flex;

  align-items:center;

  justify-content:center;



  border-radius:7px;



  background:#1677ff;



  color:#fff;



  font-size:12px;

  font-weight:800;

}



.desk-slash-label{

  overflow:hidden;



  text-overflow:ellipsis;



  white-space:nowrap;



  font-weight:650;

}





/* scrollbar */



.desk-slash-menu::-webkit-scrollbar{

  width:5px;

}



.desk-slash-menu::-webkit-scrollbar-thumb{

  background:#a7b5c4;

  border-radius:10px;

}





/* 1366 */



@media(max-width:1400px){



  .desk-realtime-label{

    display:none;

  }



  .desk-realtime-badge{

    width:30px;



    justify-content:center;



    padding:0;

  }



  .desk-notify-text{

    display:none;

  }



  .desk-notify-btn{

    width:30px !important;



    justify-content:center !important;



    padding:0 !important;

  }



}





/* mobile */



@media(max-width:760px){



  .desk-slash-menu{

    left:8px;

    right:8px;

    bottom:58px;

  }



}