/* 저장 위치 배지 - 폴더·파일 그림 오른쪽 아래의 작은 동그라미로 "어디에 있는 것인지"(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; }
.loc-badge {
  --loc-size: 18px;
  --loc-bg: var(--uk-fg);
  --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(--loc-bg);
  box-shadow: 0 0 0 2px var(--uk-surface);   /* 그림과 떨어져 보이게 바탕색 테두리 */
}
.loc-badge::before {
  content: ""; position: absolute; inset: 18%;
  background: var(--uk-surface);
  -webkit-mask: var(--loc-icon) center / contain no-repeat; mask: var(--loc-icon) center / contain no-repeat;
}
.loc-badge.is-local { --loc-icon: url(icons/loc-local.svg); }
.loc-badge.is-gdrive { --loc-bg: var(--uk-ok); --loc-icon: url(icons/loc-gdrive.svg); }
/* 지금 못 여는 위치(PC 드라이브 빠짐·허용 해제, 드라이브 연결 끊김) - 모양은 그대로 두고 흐린 회색 */
.loc-badge.is-off { --loc-bg: var(--uk-muted); }
.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); }