/* Logout Button */
.logout-btn {
  position: fixed;
  top: 20px;
  left: 20px;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: rgb(255 255 255 / 10%);
  color: var(--text-secondary);
  transition: all 0.2s ease;
  margin-left: 0;
  border: 1px solid rgb(255 255 255 / 10%);
}

.logout-btn:hover {
  background-color: rgb(255 59 48 / 10%);
  color: #ff3b30;
  border-color: rgb(255 59 48 / 30%);
  transform: translateY(-1px);
}

.logout-btn svg {
  width: 18px;
  height: 18px;
}

/* Header Right Alignment */
.header-right {
  display: flex;
  align-items: center;
}

/* 상단 역할별 액션 컨테이너는 페이지 스코프로만 배치 */
.main-topbar-actions,
.admin-topbar-actions {
  position: fixed;
  top: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 1000;
}

/* 상단 컨테이너 내부 버튼은 고정 포지션을 해제 */
.main-topbar-actions .logout-btn,
.admin-topbar-actions .logout-btn,
.floating-login-buttons .logout-btn {
  position: relative;
  top: auto;
  left: auto;
  margin: 0;
  display: flex;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}

/* 숨김 상태 방어: 숨김 컨테이너는 클릭 가로채기 금지 */
.main-topbar-actions[hidden],
.admin-topbar-actions[hidden] {
  pointer-events: none;
}