/* ============================================================
 * scm-deploy-popover — 전개 여부 옵션 popover (셀 chevron 클릭 시)
 * ------------------------------------------------------------
 * deploy-pill 의 chevron 클릭 시 표시되는 단순 옵션 리스트
 * (전개중 / 미전개). 현재 상태에 체크 표시.
 *
 * Marker:
 *   <div class="scm-deploy-popover" role="dialog">
 *     <ul>
 *       <li data-deploy-opt="deployed" data-current="true">전개중</li>
 *       <li data-deploy-opt="undeployed">미전개</li>
 *     </ul>
 *   </div>
 *
 * States:
 *   .is-open                       표시
 *   li[data-current="true"]        현재 선택 — 회색 배경 + 우측 체크 SVG
 * ============================================================ */

.scm-deploy-popover {
  position: fixed;
  background: #fff;
  border: 1px solid var(--ld-border, #E0E0E0);
  border-radius: 4px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  padding: 4px 0;
  font-size: 15px;
  z-index: 50;
  display: none;
}

.scm-deploy-popover.is-open { display: block; }

.scm-deploy-popover ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.scm-deploy-popover li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 16px;
  cursor: pointer;
  font-size: 15px;
  line-height: 20.4px;
  color: #000;
  white-space: nowrap;
}

.scm-deploy-popover li:hover {
  background: var(--ld-bg-low, #FAFBFC);
}

.scm-deploy-popover li[data-current="true"] {
  background: #F5F5F5;
  font-weight: 500;
}

.scm-deploy-popover li[data-current="true"]::after {
  content: '';
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path d='M3.4502 7.3001L6.73154 10.5814C6.85121 10.7011 7.04613 10.6982 7.16213 10.5749L12.5502 4.8501' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/16px no-repeat;
}