/* NPC Tracker styles (scaffold) */
/* Root card styles are defined by global .card; NPC overrides below */

/* Colin Location panel */
#npcTrackerCard .npc-screenshot-wrap { margin-top: 10px; }
#npcTrackerCard .npc-screenshot { width: 100%; height: auto; display: block; border-radius: 8px; box-shadow: 0 6px 18px rgba(0,0,0,0.25); }
#npcTrackerCard .npc-meta { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-top:8px; font-size:0.9rem; color: var(--text-secondary); }
#npcTrackerCard .npc-meta .left { display:flex; align-items:center; gap:8px; }
#npcTrackerCard .npc-open { display:inline-flex; align-items:center; gap:6px; padding:6px 10px; text-decoration:none; border:1px solid var(--border-color); border-radius:6px; background: var(--card-hover); color: var(--text); }
#npcTrackerCard .npc-open:hover { background: var(--card-bg); }
#npcTrackerCard .npc-placeholder { display:flex; align-items:center; gap:10px; margin-top:10px; padding:12px; border:1px dashed var(--border-color); border-radius:8px; background: rgba(255,187,77,.05); color: var(--text-secondary); }
#npcTrackerCard .npc-placeholder i { color: var(--accent); opacity: 0.9; }

/* Small label above image */
#npcTrackerCard .npc-section-label {
  margin-top: 6px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  background: var(--accent-light);
  color: var(--accent);
  border: 1px solid var(--accent);
  border-radius: 999px;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.08);
}
#npcTrackerCard.view-only .npc-section-label { margin-top: 12px; }

/* View-only mode: center the screenshot and metadata */
#npcTrackerCard.view-only .npc-screenshot-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding-top: 24px;
}
#npcTrackerCard.view-only .npc-screenshot {
  width: auto;          /* override base 100% width so it can center naturally */
  max-width: 100%;
  max-height: 320px;    /* keep within panel */
  object-fit: contain;
}
#npcTrackerCard.view-only .npc-meta { justify-content: center; }