/* =========================================================
  계획정비 상단 햄버거 소메뉴
========================================================= */

/* =========================================================
  상단 햄버거 메뉴 출처 구분

  - 네비게이터: 파란색 강조 행
  - 직접 제작 메뉴: 초록색 강조 행
  - 사내: 회사 서버 배지
  - 연결: 다른 제작자가 만든 연결 사이트 배지
========================================================= */

.header-more-menu .header-more-dropdown {
  width: 228px;
  min-width: 228px;
  max-height: calc(100vh - 80px);
  overflow-y: auto;
  overscroll-behavior: contain;
}

.header-more-menu .header-more-item {
  position: relative;
  justify-content: space-between;
  gap: 10px;
}

.header-more-menu a.header-more-item,
.header-more-menu a.header-more-subitem {
  text-decoration: none;
}

.header-more-item__label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.header-more-item__meta {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
}

.header-menu-kind-badge {
  display: inline-flex;
  min-width: 31px;
  height: 19px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.02em;
}

.header-menu-kind-badge--internal {
  border-color: #d5ddfb;
  background: #eef2ff;
  color: #374da1;
}

.header-menu-kind-badge--connected {
  border-color: #d9dde3;
  background: #f3f4f6;
  color: #4b5563;
}

.header-more-menu .header-more-item--featured {
  box-shadow: inset 3px 0 #174f82;
  background: #eff6fd;
  color: #174f82;
}

.header-more-menu .header-more-item--featured:hover,
.header-more-menu .header-more-item--featured:focus-visible {
  background: #e3f0fb;
  color: #123f69;
}

.header-more-menu .header-more-item--owned {
  box-shadow: inset 3px 0 #4d9a6c;
  background: #f3faf6;
  color: #216444;
}

.header-more-menu .header-more-item--owned:hover,
.header-more-menu .header-more-item--owned:focus-visible {
  background: #e9f6ef;
  color: #174d36;
}

/* 직접 제작 메뉴 3개를 하나의 연속된 초록색 그룹으로 표시 */
.header-more-menu #solidFuelTroubleHeaderLink {
  border-radius: 7px 7px 0 0;
}

.header-more-menu #blowerHistoryHeaderButton {
  border-radius: 0;
}

.header-more-menu #plannedMaintenanceHeaderButton {
  border-radius: 0 0 7px 7px;
}

.header-more-item--group-start {
  margin-top: 7px;
}

.header-more-item--group-start::before {
  position: absolute;
  top: -4px;
  right: 6px;
  left: 6px;
  height: 1px;
  background: #dfe6ee;
  content: "";
  pointer-events: none;
}

.header-more-submenu {
  display: block;
  width: 100%;
}

.header-more-item--submenu-toggle {
  justify-content: space-between;
  gap: 12px;
}

.header-more-item__chevron {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  color: #7b8798;
  font-size: 13px;
  line-height: 1;
  transition: transform 0.16s ease;
}

.header-more-item--submenu-toggle[aria-expanded="true"]
  .header-more-item__chevron {
  transform: rotate(180deg);
}

.header-more-menu
  #plannedMaintenanceHeaderButton[aria-expanded="true"] {
  border-radius: 0;
}

.header-more-submenu-panel {
  display: grid;
  gap: 2px;
  padding: 2px 0 5px 12px;
}

.header-more-submenu-panel[hidden] {
  display: none !important;
}

.header-more-menu #plannedMaintenanceHeaderSubmenuPanel {
  gap: 0;
  padding: 3px 5px 6px 10px;
  border-radius: 0 0 7px 7px;
  background: #f3faf6;
  box-shadow: inset 3px 0 #4d9a6c;
}

.header-more-subitem {
  display: flex;
  width: 100%;
  min-height: 34px;
  align-items: center;
  justify-content: flex-start;
  padding: 0 10px 0 14px;
  border: 0;
  border-left: 2px solid #dce5ef;
  border-radius: 0 7px 7px 0;
  background: transparent;
  color: #516176;
  font-size: 12px;
  font-weight: 800;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
}

.header-more-subitem:hover,
.header-more-subitem:focus-visible {
  border-left-color: #2e73bd;
  background: #f3f7fb;
  color: #185b9f;
}

.header-more-menu
  #plannedMaintenanceHeaderSubmenuPanel
  .header-more-subitem {
  padding: 0 10px 0 14px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #4f675a;
}

.header-more-menu
  #plannedMaintenanceHeaderSubmenuPanel
  .header-more-subitem:hover,
.header-more-menu
  #plannedMaintenanceHeaderSubmenuPanel
  .header-more-subitem:focus-visible {
  background: #e9f6ef;
  color: #174d36;
}

.header-more-item--admin {
  position: relative;
  margin-top: 7px;
}

.header-more-item--admin::before {
  position: absolute;
  top: -4px;
  right: 6px;
  left: 6px;
  height: 1px;
  background: #dfe6ee;
  content: "";
  pointer-events: none;
}

@media screen and (max-width: 760px) {
  .header-more-menu .header-more-dropdown {
    width: min(228px, calc(100vw - 20px));
    min-width: min(228px, calc(100vw - 20px));
  }

  .header-menu-kind-badge {
    min-width: 29px;
    height: 18px;
    padding: 0 5px;
    font-size: 10px;
  }

  .header-more-submenu-panel {
    padding-left: 10px;
  }

  .header-more-subitem {
    min-height: 33px;
    font-size: 11px;
  }
}