/* Target 드롭다운 (BootstrapStyles.ts 기반) */
.nol-target-dropdown {
  position: relative;
}

.nol-target-button {
  display: flex;
  align-items: center;
  gap: var(--skinfit-space-1, 6px);
  color: var(--skinfit-text-primary, #2d2d2d);
  text-decoration: none;
  font-size: var(--skinfit-font-t1, 14px);
  font-weight: 600;
  transition: color 0.3s;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

.nol-target-button:hover {
  color: var(--skinfit-primary, #C97D7E);
}

.nol-target-button svg {
  flex-shrink: 0;
  color: var(--skinfit-text-primary, #2d2d2d);
}

.nol-dropdown-arrow {
  margin-left: var(--skinfit-space-1, 4px);
  transition: transform 0.3s;
}

.nol-target-dropdown.active .nol-dropdown-arrow {
  transform: rotate(180deg);
}

.nol-target-text {
  color: var(--skinfit-primary, #C97D7E);
}

.nol-target-dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: var(--skinfit-space-2, 8px);
  background: var(--skinfit-surface, #fff);
  border: 1px solid var(--skinfit-border, #D1CFCB);
  border-radius: var(--skinfit-radius, 8px);
  box-shadow: var(--skinfit-shadow2, 0 2px 4px rgba(0, 0, 0, 0.15));
  min-width: 150px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
  z-index: 1000;
}

.nol-target-dropdown.active .nol-target-dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.nol-target-option {
  display: block;
  padding: var(--skinfit-space-2, 8px) var(--skinfit-space-3, 16px);
  color: var(--skinfit-text-primary, #2d2d2d);
  text-decoration: none;
  font-size: var(--skinfit-font-t1, 14px);
  transition: background-color 0.3s, color 0.3s;
  border-bottom: 1px solid var(--skinfit-background2, #ECEFF1);
}

.nol-target-option:last-child {
  border-bottom: none;
}

.nol-target-option:hover {
  background-color: var(--skinfit-background2, #ECEFF1);
  color: var(--skinfit-primary, #C97D7E);
}

.nol-target-option.active {
  background-color: rgba(201, 125, 126, 0.08);
  color: var(--skinfit-primary, #C97D7E);
  font-weight: 600;
}

/* 로그인했으나 타겟 없음/API 미로드 시 "대상 선택" 링크 */
.nol-target-dropdown-placeholder .nol-target-button-link {
  text-decoration: none;
  cursor: pointer;
}