/* PASS v1.2.1 — H/W 진단/설정
   검수 화면 왼쪽 아래 메뉴. 선택하면 부품 목록·검수 영역 자리에 장치 테스트(hw/index.html)를 표시합니다. */
.hw-nav {
  margin: auto 0 0;
  border: 1px solid transparent;
}
.hw-nav + .sidebar-bottom {
  margin-top: 0;
}
.hw-nav .cat-symbol svg {
  width: 19px;
  height: 19px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.hw-nav strong {
  min-width: 0;
  white-space: nowrap;
}
.hw-nav small {
  white-space: normal;
}
.hw-nav.selected {
  background: var(--tint);
  color: var(--accent-strong);
  border-color: var(--accent-border);
}
.hw-nav.selected small {
  color: inherit;
  opacity: 0.7;
}
.hw-nav:hover:not(.selected) {
  background: #f6f7fa;
  filter: none;
}
body[data-theme='multicampus'] .hw-nav.selected {
  background: #e5e5e5;
  color: #151515;
  border-color: #d4d4d4;
}
body[data-theme='multicampus'] .hw-nav.selected .cat-symbol {
  color: #ef4b00;
}

/* H/W 화면에서는 검수 대상 선택 표시를 끄고, 부품 목록·검수 영역 대신 장치 테스트를 표시 */
.workspace.hw-mode > .parts-panel,
.workspace.hw-mode > main {
  display: none;
}
.workspace.hw-mode #categories .category.selected {
  background: transparent;
  color: #8e92a1;
}
.workspace.hw-mode #categories .category.selected small {
  color: #aba9bc;
}
.hw-view {
  grid-column: 2/-1;
  grid-row: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  background: var(--canvas);
}
.hw-view iframe {
  display: block;
  flex: 1;
  width: 100%;
  height: calc(100dvh - 80px);
  min-height: 520px;
  border: 0;
  background: var(--canvas);
}
@media (min-width: 1000px) and (min-height: 600px) {
  .hw-view {
    height: 100%;
  }
  .hw-view iframe {
    height: 100%;
    min-height: 0;
  }
}
@media (min-width: 1000px) and (min-height: 600px) and (max-height: 820px) {
  .hw-nav small {
    display: none;
  }
}
@media (max-width: 760px) {
  .hw-nav {
    margin: 8px 0 0;
    padding: 9px 12px;
    justify-content: center;
    border-color: #ece8f4;
  }
  .hw-nav strong {
    font-size: 10px;
  }
  .hw-nav small,
  .hw-nav .chevron {
    display: none;
  }
  .hw-view {
    grid-column: 1/-1;
    grid-row: auto;
  }
  .hw-view iframe {
    height: calc(100dvh - 140px);
    min-height: 480px;
  }
}