/* 앱 전용 오버라이드 (design-system.css + prototype-skin.css 다음에 로드) */

/* field-help(회색)와 text-danger(빨강)를 같은 요소에 함께 쓰면, prototype-skin.css의 .field-help가
   design-system.css의 .text-danger보다 나중에 로드되어 같은 우선순위에서 회색이 이겨버림(에러문구가
   흐리게 보이는 원인 — ECR/문서/도면 결재 폼 등 공통 패턴). 결합 셀렉터로 확실히 빨강이 이기게 함. */
.field-help.text-danger {
  color: var(--danger-700);
}

/* 결재선 "현재 차례" 행 강조 — row-delay(지연·빨강)를 잘못 재사용해 에러처럼 보이던 문제(07-23 발견).
   badge-info와 같은 톤(파랑)으로 "지금 진행 중"을 나타내되 문제 상태처럼 읽히지 않게. */
.row-current {
  background: var(--info-50) !important;
}

/* 상단바 검색박스: 외부+인라인 스킨 충돌(이중 테두리·Ctrl+K가 선에 걸림) 정리 → 단일 pill */
.topbar-search {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  max-width: 460px;
  margin: 0 auto;
  background: transparent;
  border: 0;
  padding: 0;
  gap: 0;
}
.topbar-search-ico {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
  height: auto;
  font-size: 16px;
  line-height: 1;
  color: #9ca3af;
  pointer-events: none;
}
.topbar-search-input {
  width: 100%;
  background: var(--canvas);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 9px 66px 9px 36px; /* 좌: 돋보기, 우: Ctrl+K 공간 */
  font-size: 13px;
  color: var(--ink);
  outline: 0;
}
.topbar-search-input:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px var(--brand-50, #f0fdf4);
}
.topbar-kbd {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  padding: 2px 7px;
  font-size: 11px;
  line-height: 1;
  color: #9ca3af;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 6px;
  font-family: "JetBrains Mono", ui-monospace, monospace;
}

/* 상단바 사용자 드롭다운 메뉴 */
.topbar-menu {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  z-index: 50;
  min-width: 180px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: 0 8px 24px -4px rgba(16, 24, 40, 0.14), 0 2px 6px -2px rgba(16, 24, 40, 0.08);
  overflow: hidden;
}
.topbar-menu-head {
  padding: 10px 14px;
  border-bottom: 1px solid var(--line);
}
.topbar-menu-item {
  display: block;
  width: 100%;
  text-align: left;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 600;
  color: var(--danger, #dc2626);
  background: #fff;
  border: 0;
  cursor: pointer;
}
.topbar-menu-item:hover {
  background: var(--danger-50, #fef2f2);
}