/* 저장 위치 배지 - 폴더·파일 그림 오른쪽 아래의 작은 동그라미로 "어디에 있는 것인지"(PC 폴더 · 구글 드라이브 …)를 알린다.
   규칙: claude_common/ui/storage-location.md, 방향: claude_common/novap_os/storage-location.md (2026-10-10)
   노바프 저장소(기본)는 배지가 없다. 그림 칸(.loc-host)에 position:relative를 주고 그 안 끝에 .loc-badge를 둔다. */
.loc-host { position: relative; }
/* 2026-10-14 사용자 "뱃지 로고 다 통일, 배경은 하얀색 - PC·클라우드·구글·네이버 MYBOX" - 어디서나 흰 동그라미 + 색 있는 그림 한 벌
   (탐색기·대시보드·저장소 고르기·편집기 머리줄 모두). 그림 원본은 icons/loc-*.svg */
.loc-badge {
  --loc-size: 18px;
  --loc-icon: none;
  position: absolute; right: -3px; bottom: -3px; z-index: 1;
  width: var(--loc-size); height: var(--loc-size);
  border-radius: var(--uk-r-pill);
  background: var(--uk-paper);   /* 다크 모드에서도 흰 바탕(종이 흰색 토큰) - 회사 로고가 제 색으로 보이게 */
  box-shadow: 0 0 0 1px rgba(var(--uk-shc), .22), 0 1px 3px rgba(var(--uk-shc), .25);
}
.loc-badge::before { content: ""; position: absolute; inset: 18%; background: var(--loc-icon) center / contain no-repeat; }
.loc-badge.is-local { --loc-icon: url(icons/loc-local.svg); }   /* PC */
.loc-badge.is-cloud { --loc-icon: url(icons/loc-cloud.svg); }   /* 노바프 클라우드(저장소) - 탐색기에서는 기본이라 안 붙이고, 편집기 머리줄에서 쓴다 */
.loc-badge.is-gdrive { --loc-icon: url(icons/loc-gdrive.svg); }
.loc-badge.is-gdrive::before { inset: 22%; }
.loc-badge.is-mybox { --loc-icon: url(icons/loc-mybox.svg); }
.loc-badge.is-mybox::before { inset: 14%; }
/* 지금 못 여는 위치(PC 드라이브 빠짐·허용 해제, 드라이브 연결 끊김) - 모양은 그대로 두고 흐리게 */
.loc-badge.is-off::before { opacity: .35; }
/* 상태(편집기 머리줄) - 올리는 중은 깜빡임, 문제(이 기기에만 남음·PC 저장 실패)는 주황 테두리 */
.loc-badge.is-busy::before { animation: loc-badge-pulse 1.2s ease-in-out infinite; }
.loc-badge.is-warn { box-shadow: 0 0 0 2px var(--uk-warn-fg); }
@keyframes loc-badge-pulse { 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { .loc-badge.is-busy::before { animation: none; } }
.loc-badge.is-sm { --loc-size: 14px; right: -2px; bottom: -2px; }

/* 정보 줄 앞 위치 글자 - "PC · DESKTOP-1" */
.loc-text { color: var(--uk-muted); white-space: nowrap; }
.loc-text.is-off { color: var(--uk-warn-fg); }