html,
body {
  font-family: "Pretendard" !important;
}

/* 좌측 패널 아이콘 */
.menu-icon {
  stroke: #000;
}
.Mui-selected .menu-icon {
  color: #778beb;
  stroke: #778beb;
}

.rct-collapse *,
.rct-checkbox *,
.rct-node-icon * {
  width: 24px !important;
}

/* 매뉴얼 버튼 위치  */
i.btn-user-guide {
  position: fixed;
  display: block;
  width: 56px;
  height: 56px;
  background: url(/icons/btn_user_guide.svg) no-repeat center;
  background-size: 56px;
  bottom: 100pt;
  left: 24px;
  z-index: 1000000 !important;
}

/* 채널톡 위치 조정 */

#ch-plugin * {
  /* display: none !important; */
}

#custom-channel-launcher {
  position: fixed;
  display: block;
  width: 66px;
  height: 66px;
  background: url(/icons/btn_channel_talk.png) no-repeat center;
  background-size: contain;
  bottom: 60pt;
  left: 11px;
  z-index: 10000000 !important;
}

/* 전역 스크롤바 스타일링 */
* {
  scrollbar-width: thin;
  scrollbar-color: #ccc #f1f1f1;
}

*::-webkit-scrollbar {
  width: 8px;
}

*::-webkit-scrollbar-track {
  background: #fff;
}

*::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}

*::-webkit-scrollbar-thumb:hover {
  background: #bbb;
}

/* 칩 스타일링 */
.status-chip { 
  display: flex;
  border-radius: 8px;
  min-width: 76px;
  height: 28px;
  padding: 8px 0px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid #E8E8E8;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.type-chip{
  display: flex;
  min-width: 66px;
  font-size:0.875rem;
  height: 28px;
  padding: 2px 8px;
  justify-content: center;
  align-items: center;
  border-radius: 35px;
  background-color: white;/* 125% */
}

.name-chip{
  border-radius: 35px;
  background: var(--Gray-Color-50, #F7F7F7);
  display: flex;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
}

/* 타입 칩 스타일링 */
.scope1.type-chip{
  border-radius: 35px;
  border: 1px solid #E29400;
  background: #FFF;
  color: #E29400;
}


.scope2.type-chip{
  border: 1px solid var(--Palette-Teal-600, #178BA3);
  background: var(--Gray-White, #FFF);
  color: #178BA3;
}


.scope3.type-chip{
  border: 1px solid #578927;
  background: #FFF;
  color: #578927;
  height:22px;
}


.pcf.type-chip{
  border: 1px solid #A643B6;
  background: #FFF;
  color: #A643B6;
}

.other.type-chip{
  border: 1px solid #A643B6;
  background: #FFF;
  color: #A643B6;
}

/* 상태 칩 스타일링 */
/* "PENDING", "SENT", "RECEIVED", "IN_PROGRESS", "COMPLETED", "NO_RESPONSE" */
.pending.status-chip{
  border: 1px solid #F7F7F7;
  background: #FFF;
  color: #F7F7F7;
}

.sent.status-chip{
  border: 1px solid #F7F7F7;
  background: #FFF;
  color: #F7F7F7;
}

.received.status-chip{
  border: 1px solid #FFC107;
  background: #FFF;
  color: #FFC107;
}

.in_progress.status-chip{
  border: 1px solid #03A9F4;
  background: #FFF;
  color: #03A9F4;
}

.completed.status-chip{
  border: 1px solid #1DAC86;
  background: #FFF;
  color: #1DAC86;
}

.no_response.status-chip{
  border: 1px solid #FE4011;
  background: #FFF;
  color: #FE4011;
}